{"version":3,"file":"VisuallyHiddenText.cjs","sources":["../../../src/components/VisuallyHiddenText/VisuallyHiddenText.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType, type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nconst visuallyHiddenTextClassNameGenerator = tv({\n  base: 'shr-absolute shr-h-px shr-w-px shr-overflow-hidden shr-whitespace-nowrap shr-border-0 shr-p-0 [clip-path:inset(100%)] [clip:rect(0_0_0_0)]',\n})\n\nexport const visuallyHiddenTextClassName = visuallyHiddenTextClassNameGenerator()\n\ntype Props<T extends ElementType> = PropsWithChildren<{\n  as?: T\n}> &\n  ComponentProps<T>\n\nconst ActualVisuallyHiddenText = <T extends ElementType = 'span'>({\n  as: Component = 'span',\n  className,\n  ...rest\n}: Props<T>) => {\n  const actualClassName = useMemo(\n    () => visuallyHiddenTextClassNameGenerator({ className }),\n    [className],\n  )\n\n  return <Component {...rest} className={`smarthr-ui-VisuallyHiddenText ${actualClassName}`} />\n}\n\nexport const VisuallyHiddenText = memo(ActualVisuallyHiddenText) as typeof ActualVisuallyHiddenText\n"],"names":["tv","useMemo","_jsx","memo"],"mappings":";;;;;;AAGA,MAAM,oCAAoC,GAAGA,QAAE,CAAC;AAC9C,IAAA,IAAI,EAAE,4IAA4I;AACnJ,CAAA,CAAC;AAEK,MAAM,2BAA2B,GAAG,oCAAoC;AAO/E,MAAM,wBAAwB,GAAG,CAAiC,EAChE,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,SAAS,EACT,GAAG,IAAI,EACE,KAAI;AACb,IAAA,MAAM,eAAe,GAAGC,aAAO,CAC7B,MAAM,oCAAoC,CAAC,EAAE,SAAS,EAAE,CAAC,EACzD,CAAC,SAAS,CAAC,CACZ;IAED,OAAOC,cAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,CAAA,8BAAA,EAAiC,eAAe,CAAA,CAAE,EAAA,CAAI;AAC/F,CAAC;MAEY,kBAAkB,GAAGC,UAAI,CAAC,wBAAwB;;;;;"}