39 lines
924 B
JavaScript
39 lines
924 B
JavaScript
// src/visually-hidden.tsx
|
|
import * as React from "react";
|
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
import { jsx } from "react/jsx-runtime";
|
|
var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
// See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
|
|
position: "absolute",
|
|
border: 0,
|
|
width: 1,
|
|
height: 1,
|
|
padding: 0,
|
|
margin: -1,
|
|
overflow: "hidden",
|
|
clip: "rect(0, 0, 0, 0)",
|
|
whiteSpace: "nowrap",
|
|
wordWrap: "normal"
|
|
});
|
|
var NAME = "VisuallyHidden";
|
|
var VisuallyHidden = React.forwardRef(
|
|
(props, forwardedRef) => {
|
|
return /* @__PURE__ */ jsx(
|
|
Primitive.span,
|
|
{
|
|
...props,
|
|
ref: forwardedRef,
|
|
style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
|
|
}
|
|
);
|
|
}
|
|
);
|
|
VisuallyHidden.displayName = NAME;
|
|
var Root = VisuallyHidden;
|
|
export {
|
|
Root,
|
|
VISUALLY_HIDDEN_STYLES,
|
|
VisuallyHidden
|
|
};
|
|
//# sourceMappingURL=index.mjs.map
|