{"version":3,"file":"HeaderDropdownMenuButton.cjs","sources":["../../../src/components/Header/HeaderDropdownMenuButton.tsx"],"sourcesContent":["import { type ComponentProps, type FC, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { DropdownMenuButton } from '../Dropdown'\n\nconst classNameGenerator = tv({\n  base: [\n    '[&>.smarthr-ui-DropdownMenuButton-trigger]:shr-border-transparent [&>.smarthr-ui-DropdownMenuButton-trigger]:shr-bg-transparent [&>.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.25 [&>.smarthr-ui-DropdownMenuButton-trigger]:shr-font-normal [&>.smarthr-ui-DropdownMenuButton-trigger]:shr-text-white',\n    // ボタンの余白分だけ微調整\n    '[&>.smarthr-ui-DropdownMenuButton-trigger]:last-of-type:-shr-me-0.25',\n  ],\n})\n\nexport const HeaderDropdownMenuButton: FC<ComponentProps<typeof DropdownMenuButton>> = ({\n  className,\n  ...rest\n}) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return <DropdownMenuButton {...rest} className={actualClassName} />\n}\n"],"names":["tv","useMemo","_jsx","DropdownMenuButton"],"mappings":";;;;;;;;;;;;;;AAKA,MAAM,kBAAkB,GAAGA,QAAE,CAAC;AAC5B,IAAA,IAAI,EAAE;QACJ,6SAA6S;;QAE7S,sEAAsE;AACvE,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,wBAAwB,GAAkD,CAAC,EACtF,SAAS,EACT,GAAG,IAAI,EACR,KAAI;AACH,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAM,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAErF,OAAOC,cAAA,CAACC,4EAAkB,EAAA,EAAA,GAAK,IAAI,EAAE,SAAS,EAAE,eAAe,EAAA,CAAI;AACrE;;;;"}