{"version":3,"file":"VisuallyHidden.mjs","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["'use client'\n\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden'\n\nimport { type VisuallyHiddenProps } from './VisuallyHidden.types'\n\n/**\n * `VisuallyHidden` is a component that visually hides the content. It doesn't render any DOM node.\n * It is useful when you want to provide additional information to screen readers.\n * @example\n *\n * ```tsx\n * <VisuallyHidden>\n *   <span>This is a visually hidden text.</span>\n * </VisuallyHidden>\n * ```\n */\nexport function VisuallyHidden({ children }: VisuallyHiddenProps) {\n  return (\n    <VisuallyHiddenPrimitive.Root asChild>\n      {children}\n    </VisuallyHiddenPrimitive.Root>\n  )\n}\n"],"names":["VisuallyHidden","children","_jsx","VisuallyHiddenPrimitive","asChild"],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAC;AAAEC,EAAAA;AAA8B,CAAC,EAAE;AAChE,EAAA,oBACEC,GAAA,CAACC,IAA4B,EAAA;IAACC,OAAO,EAAA,IAAA;AAAAH,IAAAA,QAAA,EAClCA;AAAQ,GACmB,CAAC;AAEnC;;;;"}