{"version":3,"file":"VisuallyHidden.mjs","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { VisuallyHiddenRootStyle } from './VisuallyHidden.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n  extends BoxProps,\n    StylesApiProps<VisuallyHiddenFactory>,\n    ElementProps<'div'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n  props: VisuallyHiddenProps;\n  ref: HTMLDivElement;\n  stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nconst defaultProps: Partial<VisuallyHiddenProps> = {};\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props, ref) => {\n  const props = useProps('VisuallyHidden', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n  const getStyles = useStyles<VisuallyHiddenFactory>({\n    name: 'VisuallyHidden',\n    classes: {\n      root: VisuallyHiddenRootStyle,\n    },\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  return <Box component=\"span\" ref={ref} {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.displayName = '@raikou/core/VisuallyHidden';\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA,MAAM,eAA6C,EAAC;AAE7C,MAAM,cAAiB,GAAA,OAAA,CAA+B,CAAC,MAAA,EAAQ,GAAQ,KAAA;AAC5E,EAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,gBAAkB,EAAA,YAAA,EAAc,MAAM,CAAA;AAC7D,EAAM,MAAA,EAAE,YAAY,SAAW,EAAA,KAAA,EAAO,QAAQ,QAAU,EAAA,IAAA,EAAM,GAAG,MAAA,EAAW,GAAA,KAAA;AAE5E,EAAA,MAAM,YAAY,SAAiC,CAAA;AAAA,IACjD,IAAM,EAAA,gBAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAO,uBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,GAAA,EAAW,GAAG,SAAU,CAAA,MAAM,CAAI,EAAA,GAAG,MAAQ,EAAA,CAAA;AAC5E,CAAC;AAED,cAAA,CAAe,WAAc,GAAA,6BAAA;;;;"}