{"version":3,"file":"SideMenu.cjs","sources":["../../../src/components/SideMenu/SideMenu.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Localizer } from '../../intl'\nimport { Base } from '../Base'\nimport { Heading } from '../Heading'\nimport { Nav } from '../SectioningContent'\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-SideMenu shr-list-none shr-py-0.5',\n})\n\ntype Props = PropsWithChildren<\n  Pick<ComponentPropsWithoutRef<typeof Base>, 'radius' | 'layer' | 'className'>\n> & {\n  /**\n   * @default ul\n   */\n  elementAs?: 'ul' | 'ol'\n}\n\nexport const SideMenu: FC<Props> = ({ elementAs = 'ul', className, ...rest }) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return (\n    <Nav>\n      <Heading visuallyHidden={true}>\n        <Localizer id=\"smarthr-ui/SideMenu/navigationLabel\" defaultText=\"サイドメニュー\" />\n      </Heading>\n      <Base {...rest} as={elementAs} className={actualClassName} />\n    </Nav>\n  )\n}\n"],"names":["tv","useMemo","_jsxs","Nav","_jsx","Heading","Localizer","Base"],"mappings":";;;;;;;;;;;;;;;;;AAQA,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,IAAI,EAAE,8CAA8C;AACrD,CAAA,CAAC;AAWK,MAAM,QAAQ,GAAc,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,KAAI;AAC9E,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAM,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAErF,IAAA,QACEC,eAAA,CAACC,kDAAG,EAAA,EAAA,QAAA,EAAA,CACFC,cAAA,CAACC,kCAAO,EAAA,EAAC,cAAc,EAAE,IAAI,YAC3BD,cAAA,CAACE,wBAAS,IAAC,EAAE,EAAC,qCAAqC,EAAC,WAAW,EAAC,4CAAS,GAAG,EAAA,CACpE,EACVF,eAACG,yBAAI,EAAA,EAAA,GAAK,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAA,CAAI,CAAA,EAAA,CACzD;AAEV;;;;"}