smarthr-ui 83.0.1 → 85.0.0

package/esm/_virtual/cjs.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireCjs } from './../vendor/.pnpm/react-draggable@4.5.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/vendor/react-draggable/build/cjs/cjs.js';
+import { __require as requireCjs } from './../vendor/.pnpm/react-draggable@4.5.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/vendor/react-draggable/build/cjs/cjs.js';
 
 var cjsExports = requireCjs();
 var Draggable = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);

package/esm/_virtual/index3.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.27_react@19.2.3/vendor/react-innertext/index.js';
+import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.28_react@19.2.4/vendor/react-innertext/index.js';
 
 var reactInnertextExports = requireReactInnertext();
 var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);

package/esm/_virtual/math-operators.js

@@ -0,0 +1,4 @@
+var mathOperators = {};
+
+export { mathOperators as __exports };
+//# sourceMappingURL=math-operators.js.map

package/esm/_virtual/math-operators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math-operators.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/_virtual/plugin.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePlugin } from './../vendor/.pnpm/tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3_/vendor/tailwindcss/plugin.js';
+import { __require as requirePlugin } from './../vendor/.pnpm/tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3_/vendor/tailwindcss/plugin.js';
 
 var pluginExports = requirePlugin();
 var plugin = /*@__PURE__*/getDefaultExportFromCjs(pluginExports);

package/esm/_virtual/resolveConfig.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireResolveConfig } from './../vendor/.pnpm/tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3_/vendor/tailwindcss/resolveConfig.js';
+import { __require as requireResolveConfig } from './../vendor/.pnpm/tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3_/vendor/tailwindcss/resolveConfig.js';
 
 var resolveConfigExports = requireResolveConfig();
 var resolveConfig = /*@__PURE__*/getDefaultExportFromCjs(resolveConfigExports);

package/esm/components/AccordionPanel/AccordionPanel.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { flatArrayToMap } from '../../libs/map.js';
 import { getNewExpandedItems } from './accordionPanelHelper.js';
 

package/esm/components/AccordionPanel/AccordionPanelContent.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useContext, useMemo, useRef } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { getIsInclude } from '../../libs/map.js';
 import { AccordionPanelContext } from './AccordionPanel.js';
 import { AccordionPanelItemContext } from './AccordionPanelItem.js';
-import Transition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/vendor/react-transition-group/esm/Transition.js';
+import Transition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/vendor/react-transition-group/esm/Transition.js';
 
 const classNameGenerator = ce({
     base: [

package/esm/components/AccordionPanel/AccordionPanelItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { Section } from '../SectioningContent/SectioningContent.js';
 import '../SectioningContent/levelContext.js';
 

package/esm/components/AccordionPanel/AccordionPanelTrigger.d.ts

@@ -5,9 +5,9 @@ type AbstractProps = PropsWithChildren<{
     /** ヘッダ部分のテキストのスタイル */
     headingType?: Exclude<TextProps['styleType'], 'screenTitle'>;
     /**
-     * @deprecated headingTag属性は非推奨です
+     * 可能な限り利用せず、SectioningContent(Article, Aside, Nav, Section)を使ってHeadingと関連する範囲を明確に指定する方法を検討してください
      */
-    headingTag?: HeadingTagTypes;
+    unrecommendedHeadingTag?: HeadingTagTypes;
 }>;
 type Props = AbstractProps & Omit<ComponentPropsWithoutRef<'button'>, keyof AbstractProps>;
 export declare const AccordionPanelTrigger: FC<Props>;

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useContext, useCallback } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { getIsInclude, mapToKeyArray } from '../../libs/map.js';
 import { Heading } from '../Heading/Heading.js';
 import '../Heading/PageHeading/PageHeading.js';
@@ -41,7 +41,7 @@ const classNameGenerator = ce({
         },
     ],
 });
-const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle', headingTag, ...rest }) => {
+const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle', unrecommendedHeadingTag, ...rest }) => {
     const classNames = useMemo(() => {
         const { title, titleWrapper, button, leftIcon, rightIcon } = classNameGenerator();
         return {
@@ -111,7 +111,7 @@ const AccordionPanelTrigger = ({ children, className, headingType = 'blockTitle'
     }, [parentRef]);
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
-    jsx(Heading, { tag: headingTag, type: headingType, children: jsx("button", { ...rest, type: "button", value: name, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: classNames.button, "data-component": "AccordionHeaderButton", children: jsx(MemoizedTitle, { iconPosition: iconPosition, classNames: classNames, children: children }) }) }));
+    jsx(Heading, { unrecommendedTag: unrecommendedHeadingTag, type: headingType, children: jsx("button", { ...rest, type: "button", value: name, id: `${name}-trigger`, "aria-expanded": isExpanded, "aria-controls": `${name}-content`, onClick: handleClick, onKeyDown: handleKeyDown, className: classNames.button, "data-component": "AccordionHeaderButton", children: jsx(MemoizedTitle, { iconPosition: iconPosition, classNames: classNames, children: children }) }) }));
 };
 const MemoizedTitle = memo(({ classNames, iconPosition, children }) => (jsxs(Cluster, { className: classNames.titleWrapper, align: "center", as: "span", children: [iconPosition === 'left' && jsx(FaCaretRightIcon, { className: classNames.leftIcon }), jsx("span", { className: classNames.title, children: children }), iconPosition === 'right' && jsx(FaCaretDownIcon, { className: classNames.rightIcon })] })));
 

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelTrigger.js","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { getIsInclude, mapToKeyArray } from '../../libs/map'\nimport { Heading, type HeadingTagTypes } from '../Heading'\nimport { FaCaretDownIcon, FaCaretRightIcon } from '../Icon'\nimport { Cluster } from '../Layout'\n\nimport { AccordionPanelContext } from './AccordionPanel'\nimport { AccordionPanelItemContext } from './AccordionPanelItem'\nimport {\n  focusFirstSibling,\n  focusLastSibling,\n  focusNextSibling,\n  focusPreviousSibling,\n  getNewExpandedItems,\n} from './accordionPanelHelper'\n\nimport type { TextProps } from '../Text'\n\ntype AbstractProps = PropsWithChildren<{\n  /** ヘッダ部分のテキストのスタイル */\n  headingType?: Exclude<TextProps['styleType'], 'screenTitle'>\n  /**\n   * @deprecated headingTag属性は非推奨です\n   */\n  headingTag?: HeadingTagTypes\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'button'>, keyof AbstractProps>\n\nconst classNameGenerator = tv({\n  slots: {\n    title: 'shr-grow shr-leading-tight',\n    titleWrapper: 'shr-flex-nowrap',\n    button: [\n      'smarthr-ui-AccordionPanel-trigger',\n      'shr-group shr-w-full shr-cursor-pointer shr-appearance-none shr-border-none shr-bg-transparent shr-px-1 shr-py-0.75 shr-text-left shr-text-inherit shr-text-color-inherit',\n      'disabled:shr-cursor-not-allowed disabled:shr-bg-white-darken disabled:shr-text-disabled',\n      'hover:shr-bg-white-darken',\n      'focus-visible:shr-focus-indicator',\n      // Base 直下に AccordionPanel がある場合、背景が付き抜けないように角丸を指定（Base に overflow: hidden を与えるとフォーカスリングが表示されなくなる）\n      '[.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:first-child_&]:shr-rounded-t-l [.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:last-child_&]:shr-rounded-b-l',\n    ],\n    leftIcon: 'shr-transition-transform shr-duration-100 group-aria-expanded:shr-rotate-90',\n    rightIcon: 'group-aria-expanded:-shr-rotate-180',\n  },\n  compoundSlots: [\n    {\n      slots: ['leftIcon', 'rightIcon'],\n      className: 'shr-shrink-0',\n    },\n  ],\n})\n\nexport const AccordionPanelTrigger: FC<Props> = ({\n  children,\n  className,\n  headingType = 'blockTitle',\n  headingTag,\n  ...rest\n}) => {\n  const classNames = useMemo(() => {\n    const { title, titleWrapper, button, leftIcon, rightIcon } = classNameGenerator()\n\n    return {\n      title: title(),\n      titleWrapper: titleWrapper(),\n      button: button({ className }),\n      leftIcon: leftIcon(),\n      rightIcon: rightIcon(),\n    }\n  }, [className])\n\n  const { name } = useContext(AccordionPanelItemContext)\n  const {\n    iconPosition,\n    expandedItems,\n    onClickTrigger,\n    onClickProps,\n    expandableMultiply,\n    parentRef,\n  } = useContext(AccordionPanelContext)\n\n  const isExpanded = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name])\n\n  const actualOnClickTrigger = useMemo(\n    () =>\n      onClickTrigger\n        ? (e: MouseEvent<HTMLButtonElement>) => onClickTrigger(e.currentTarget.value, !isExpanded)\n        : undefined,\n    [isExpanded, onClickTrigger],\n  )\n  const actualOnClickProps = useMemo(\n    () =>\n      onClickProps\n        ? (e: MouseEvent<HTMLButtonElement>) => {\n            const newExpandedItems = getNewExpandedItems(\n              expandedItems,\n              e.currentTarget.value,\n              !isExpanded,\n              expandableMultiply,\n            )\n            onClickProps(mapToKeyArray(newExpandedItems))\n          }\n        : undefined,\n    [isExpanded, expandedItems, expandableMultiply, onClickProps],\n  )\n  const handleClick = useMemo(() => {\n    if (actualOnClickTrigger) {\n      if (actualOnClickProps) {\n        return (e: MouseEvent<HTMLButtonElement>) => {\n          actualOnClickTrigger(e)\n          actualOnClickProps(e)\n        }\n      }\n\n      return actualOnClickTrigger\n    } else if (actualOnClickProps) {\n      return actualOnClickProps\n    }\n\n    return undefined\n  }, [actualOnClickProps, actualOnClickTrigger])\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n    (e): void => {\n      if (!parentRef?.current) {\n        return\n      }\n\n      const item = e.target as HTMLElement\n\n      switch (e.key) {\n        case 'Home': {\n          e.preventDefault()\n          focusFirstSibling(parentRef.current)\n          break\n        }\n        case 'End': {\n          e.preventDefault()\n          focusLastSibling(parentRef.current)\n          break\n        }\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          e.preventDefault()\n          focusPreviousSibling(item, parentRef.current)\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          e.preventDefault()\n          focusNextSibling(item, parentRef.current)\n          break\n        }\n      }\n    },\n    [parentRef],\n  )\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n    <Heading tag={headingTag} type={headingType}>\n      <button\n        {...rest}\n        type=\"button\"\n        value={name}\n        id={`${name}-trigger`}\n        aria-expanded={isExpanded}\n        aria-controls={`${name}-content`}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={classNames.button}\n        data-component=\"AccordionHeaderButton\"\n      >\n        <MemoizedTitle iconPosition={iconPosition} classNames={classNames}>\n          {children}\n        </MemoizedTitle>\n      </button>\n    </Heading>\n  )\n}\n\nconst MemoizedTitle = memo<\n  PropsWithChildren<{\n    iconPosition: undefined | 'left' | 'right'\n    classNames: { leftIcon: string; rightIcon: string; title: string; titleWrapper: string }\n  }>\n>(({ classNames, iconPosition, children }) => (\n  <Cluster className={classNames.titleWrapper} align=\"center\" as=\"span\">\n    {iconPosition === 'left' && <FaCaretRightIcon className={classNames.leftIcon} />}\n    <span className={classNames.title}>{children}</span>\n    {iconPosition === 'right' && <FaCaretDownIcon className={classNames.rightIcon} />}\n  </Cluster>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA;AACE;AACE;AACA;AACA;;;;;;;;AAQC;AACD;AACA;AACD;AACD;AACE;AACE;AACA;AACD;AACF;AACF;;AASC;AACE;;;;AAKE;;;;AAIJ;;AAGA;;AAWA;AAGM;;AAIN;AAGM;AACI;AAMA;;AAEJ;AAGN;;;;;;AAMM;;AAGF;;;AAEA;;AAGF;AACF;AAEA;AAEI;;;AAIA;AAEA;;;AAGI;;;;;AAKA;;;AAGF;;;AAGE;;;AAGF;;;AAGE;;;;AAIN;;;AAMA;AAmBJ;AAEA;;"}
+{"version":3,"file":"AccordionPanelTrigger.js","sources":["../../../src/components/AccordionPanel/AccordionPanelTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type PropsWithChildren,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { getIsInclude, mapToKeyArray } from '../../libs/map'\nimport { Heading, type HeadingTagTypes } from '../Heading'\nimport { FaCaretDownIcon, FaCaretRightIcon } from '../Icon'\nimport { Cluster } from '../Layout'\n\nimport { AccordionPanelContext } from './AccordionPanel'\nimport { AccordionPanelItemContext } from './AccordionPanelItem'\nimport {\n  focusFirstSibling,\n  focusLastSibling,\n  focusNextSibling,\n  focusPreviousSibling,\n  getNewExpandedItems,\n} from './accordionPanelHelper'\n\nimport type { TextProps } from '../Text'\n\ntype AbstractProps = PropsWithChildren<{\n  /** ヘッダ部分のテキストのスタイル */\n  headingType?: Exclude<TextProps['styleType'], 'screenTitle'>\n  /**\n   * 可能な限り利用せず、SectioningContent(Article, Aside, Nav, Section)を使ってHeadingと関連する範囲を明確に指定する方法を検討してください\n   */\n  unrecommendedHeadingTag?: HeadingTagTypes\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'button'>, keyof AbstractProps>\n\nconst classNameGenerator = tv({\n  slots: {\n    title: 'shr-grow shr-leading-tight',\n    titleWrapper: 'shr-flex-nowrap',\n    button: [\n      'smarthr-ui-AccordionPanel-trigger',\n      'shr-group shr-w-full shr-cursor-pointer shr-appearance-none shr-border-none shr-bg-transparent shr-px-1 shr-py-0.75 shr-text-left shr-text-inherit shr-text-color-inherit',\n      'disabled:shr-cursor-not-allowed disabled:shr-bg-white-darken disabled:shr-text-disabled',\n      'hover:shr-bg-white-darken',\n      'focus-visible:shr-focus-indicator',\n      // Base 直下に AccordionPanel がある場合、背景が付き抜けないように角丸を指定（Base に overflow: hidden を与えるとフォーカスリングが表示されなくなる）\n      '[.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:first-child_&]:shr-rounded-t-l [.smarthr-ui-Base_>_.smarthr-ui-AccordionPanel_.smarthr-ui-AccordionPanel-item:last-child_&]:shr-rounded-b-l',\n    ],\n    leftIcon: 'shr-transition-transform shr-duration-100 group-aria-expanded:shr-rotate-90',\n    rightIcon: 'group-aria-expanded:-shr-rotate-180',\n  },\n  compoundSlots: [\n    {\n      slots: ['leftIcon', 'rightIcon'],\n      className: 'shr-shrink-0',\n    },\n  ],\n})\n\nexport const AccordionPanelTrigger: FC<Props> = ({\n  children,\n  className,\n  headingType = 'blockTitle',\n  unrecommendedHeadingTag,\n  ...rest\n}) => {\n  const classNames = useMemo(() => {\n    const { title, titleWrapper, button, leftIcon, rightIcon } = classNameGenerator()\n\n    return {\n      title: title(),\n      titleWrapper: titleWrapper(),\n      button: button({ className }),\n      leftIcon: leftIcon(),\n      rightIcon: rightIcon(),\n    }\n  }, [className])\n\n  const { name } = useContext(AccordionPanelItemContext)\n  const {\n    iconPosition,\n    expandedItems,\n    onClickTrigger,\n    onClickProps,\n    expandableMultiply,\n    parentRef,\n  } = useContext(AccordionPanelContext)\n\n  const isExpanded = useMemo(() => getIsInclude(expandedItems, name), [expandedItems, name])\n\n  const actualOnClickTrigger = useMemo(\n    () =>\n      onClickTrigger\n        ? (e: MouseEvent<HTMLButtonElement>) => onClickTrigger(e.currentTarget.value, !isExpanded)\n        : undefined,\n    [isExpanded, onClickTrigger],\n  )\n  const actualOnClickProps = useMemo(\n    () =>\n      onClickProps\n        ? (e: MouseEvent<HTMLButtonElement>) => {\n            const newExpandedItems = getNewExpandedItems(\n              expandedItems,\n              e.currentTarget.value,\n              !isExpanded,\n              expandableMultiply,\n            )\n            onClickProps(mapToKeyArray(newExpandedItems))\n          }\n        : undefined,\n    [isExpanded, expandedItems, expandableMultiply, onClickProps],\n  )\n  const handleClick = useMemo(() => {\n    if (actualOnClickTrigger) {\n      if (actualOnClickProps) {\n        return (e: MouseEvent<HTMLButtonElement>) => {\n          actualOnClickTrigger(e)\n          actualOnClickProps(e)\n        }\n      }\n\n      return actualOnClickTrigger\n    } else if (actualOnClickProps) {\n      return actualOnClickProps\n    }\n\n    return undefined\n  }, [actualOnClickProps, actualOnClickTrigger])\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n    (e): void => {\n      if (!parentRef?.current) {\n        return\n      }\n\n      const item = e.target as HTMLElement\n\n      switch (e.key) {\n        case 'Home': {\n          e.preventDefault()\n          focusFirstSibling(parentRef.current)\n          break\n        }\n        case 'End': {\n          e.preventDefault()\n          focusLastSibling(parentRef.current)\n          break\n        }\n        case 'ArrowLeft':\n        case 'ArrowUp': {\n          e.preventDefault()\n          focusPreviousSibling(item, parentRef.current)\n          break\n        }\n        case 'ArrowRight':\n        case 'ArrowDown': {\n          e.preventDefault()\n          focusNextSibling(item, parentRef.current)\n          break\n        }\n      }\n    },\n    [parentRef],\n  )\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content\n    <Heading unrecommendedTag={unrecommendedHeadingTag} type={headingType}>\n      <button\n        {...rest}\n        type=\"button\"\n        value={name}\n        id={`${name}-trigger`}\n        aria-expanded={isExpanded}\n        aria-controls={`${name}-content`}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={classNames.button}\n        data-component=\"AccordionHeaderButton\"\n      >\n        <MemoizedTitle iconPosition={iconPosition} classNames={classNames}>\n          {children}\n        </MemoizedTitle>\n      </button>\n    </Heading>\n  )\n}\n\nconst MemoizedTitle = memo<\n  PropsWithChildren<{\n    iconPosition: undefined | 'left' | 'right'\n    classNames: { leftIcon: string; rightIcon: string; title: string; titleWrapper: string }\n  }>\n>(({ classNames, iconPosition, children }) => (\n  <Cluster className={classNames.titleWrapper} align=\"center\" as=\"span\">\n    {iconPosition === 'left' && <FaCaretRightIcon className={classNames.leftIcon} />}\n    <span className={classNames.title}>{children}</span>\n    {iconPosition === 'right' && <FaCaretDownIcon className={classNames.rightIcon} />}\n  </Cluster>\n))\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA0CA;AACE;AACE;AACA;AACA;;;;;;;;AAQC;AACD;AACA;AACD;AACD;AACE;AACE;AACA;AACD;AACF;AACF;;AASC;AACE;;;;AAKE;;;;AAIJ;;AAGA;;AAWA;AAGM;;AAIN;AAGM;AACI;AAMA;;AAEJ;AAGN;;;;;;AAMM;;AAGF;;;AAEA;;AAGF;AACF;AAEA;AAEI;;;AAIA;AAEA;;;AAGI;;;;;AAKA;;;AAGF;;;AAGE;;;AAGF;;;AAGE;;;;AAIN;;;AAMA;AAmBJ;AAEA;;"}

package/esm/components/AppHeader/components/common/AppLauncherFeatures.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/common/AppLauncherSortDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useRef, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/common/CommonButton.js

@@ -1,6 +1,6 @@
 import { jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 
 const commonButtonClassNameGenerator = ce({
     base: [

package/esm/components/AppHeader/components/desktop/AppLauncher.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/desktop/DesktopHeader.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/desktop/Navigation.js

@@ -1,6 +1,6 @@
 import { memo, useMemo, createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { AppNavi } from '../../../AppNavi/AppNavi.js';
 import { AppNaviAnchor } from '../../../AppNavi/AppNaviAnchor.js';
 import { AppNaviButton } from '../../../AppNavi/AppNaviButton.js';

package/esm/components/AppHeader/components/desktop/ReleaseNotesDropdown.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/desktop/UserInfo.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/AppLauncher.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/AppLauncherFilterDropdown.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/Help.js

@@ -23,7 +23,13 @@ import { Translate } from '../common/Translate.js';
 
 const Help = memo(({ helpPageUrl, schoolUrl }) => helpPageUrl || schoolUrl ? jsx(ActualHelp, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }) : null);
 const ActualHelp = ({ helpPageUrl, schoolUrl }) => (jsxs(Dropdown, { children: [jsx(MemoizedDropdownTrigger, {}), jsx(DropdownContent, { controllable: true, children: jsx(ContentBody, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }) })] }));
-const MemoizedDropdownTrigger = memo(() => (jsx(DropdownTrigger, { children: jsx(Button, { variant: "skeleton", size: "s", className: "[&&&]:shr-border-transparent", children: jsx(FaCircleQuestionIcon, { alt: "\u30D8\u30EB\u30D7" }) }) })));
+const MemoizedDropdownTrigger = memo(() => {
+    const { localize } = useIntl();
+    const translated = useMemo(() => ({
+        help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),
+    }), [localize]);
+    return (jsx(DropdownTrigger, { children: jsx(Button, { variant: "skeleton", size: "s", className: "[&&&]:shr-border-transparent", children: jsx(FaCircleQuestionIcon, { alt: translated.help }) }) }));
+});
 const ContentBody = memo(({ helpPageUrl, schoolUrl }) => {
     const { localize } = useIntl();
     const translated = useMemo(() => ({

package/esm/components/AppHeader/components/mobile/Help.js.map

@@ -1 +1 @@
-{"version":3,"file":"Help.js","sources":["../../../../../src/components/AppHeader/components/mobile/Help.tsx"],"sourcesContent":["import { type FC, memo, useMemo } from 'react'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCircleQuestionIcon, FaGraduationCapIcon } from '../../../Icon'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\ntype Props = {\n  helpPageUrl?: string | null\n  schoolUrl?: string | null\n}\n\nexport const Help = memo<Props>(({ helpPageUrl, schoolUrl }) =>\n  helpPageUrl || schoolUrl ? <ActualHelp helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} /> : null,\n)\n\nconst ActualHelp: FC<Props> = ({ helpPageUrl, schoolUrl }) => (\n  <Dropdown>\n    <MemoizedDropdownTrigger />\n    <DropdownContent controllable>\n      <ContentBody helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n    </DropdownContent>\n  </Dropdown>\n)\n\nconst MemoizedDropdownTrigger = memo(() => (\n  <DropdownTrigger>\n    <Button variant=\"skeleton\" size=\"s\" className=\"[&&&]:shr-border-transparent\">\n      <FaCircleQuestionIcon alt=\"ヘルプ\" />\n    </Button>\n  </DropdownTrigger>\n))\n\nconst ContentBody = memo<Props>(({ helpPageUrl, schoolUrl }) => {\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),\n      school: localize({ id: 'smarthr-ui/AppHeader/school', defaultText: 'スクール' }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-p-0.5\">\n      {helpPageUrl && (\n        <CommonButton\n          elementAs=\"a\"\n          href={helpPageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          prefix={<FaCircleQuestionIcon />}\n        >\n          <Translate>{translated.help}</Translate>\n        </CommonButton>\n      )}\n      {schoolUrl && (\n        <CommonButton\n          elementAs=\"a\"\n          href={schoolUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          prefix={<FaGraduationCapIcon />}\n        >\n          <Translate>{translated.school}</Translate>\n        </CommonButton>\n      )}\n    </div>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,IAAI,GAAG,IAAI,CAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KACzD,WAAW,IAAI,SAAS,GAAGA,GAAA,CAAC,UAAU,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,GAAG,IAAI;AAGlG,MAAM,UAAU,GAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,MACvDC,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACPD,GAAA,CAAC,uBAAuB,EAAA,EAAA,CAAG,EAC3BA,GAAA,CAAC,eAAe,IAAC,YAAY,EAAA,IAAA,EAAA,QAAA,EAC3BA,GAAA,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAI,EAAA,CAC/C,CAAA,EAAA,CACT,CACZ;AAED,MAAM,uBAAuB,GAAG,IAAI,CAAC,OACnCA,GAAA,CAAC,eAAe,cACdA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,8BAA8B,YAC1EA,GAAA,CAAC,oBAAoB,EAAA,EAAC,GAAG,EAAC,oBAAK,EAAA,CAAG,GAC3B,EAAA,CACO,CACnB,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KAAI;AAC7D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE;AAC9B,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,2BAA2B,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AACvE,QAAA,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,6BAA6B,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AAC7E,KAAA,CAAC,EACF,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,aACvB,WAAW,KACVD,GAAA,CAAC,YAAY,EAAA,EACX,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,WAAW,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAEA,GAAA,CAAC,oBAAoB,KAAG,EAAA,QAAA,EAEhCA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,CAAC,IAAI,EAAA,CAAa,EAAA,CAC3B,CAChB,EACA,SAAS,KACRA,GAAA,CAAC,YAAY,IACX,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,SAAS,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAEA,IAAC,mBAAmB,EAAA,EAAA,CAAG,YAE/BA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,CAAC,MAAM,EAAA,CAAa,GAC7B,CAChB,CAAA,EAAA,CACG;AAEV,CAAC,CAAC;;;;"}
+{"version":3,"file":"Help.js","sources":["../../../../../src/components/AppHeader/components/mobile/Help.tsx"],"sourcesContent":["import { type FC, memo, useMemo } from 'react'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCircleQuestionIcon, FaGraduationCapIcon } from '../../../Icon'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\ntype Props = {\n  helpPageUrl?: string | null\n  schoolUrl?: string | null\n}\n\nexport const Help = memo<Props>(({ helpPageUrl, schoolUrl }) =>\n  helpPageUrl || schoolUrl ? <ActualHelp helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} /> : null,\n)\n\nconst ActualHelp: FC<Props> = ({ helpPageUrl, schoolUrl }) => (\n  <Dropdown>\n    <MemoizedDropdownTrigger />\n    <DropdownContent controllable>\n      <ContentBody helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n    </DropdownContent>\n  </Dropdown>\n)\n\nconst MemoizedDropdownTrigger = memo(() => {\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),\n    }),\n    [localize],\n  )\n\n  return (\n    <DropdownTrigger>\n      <Button variant=\"skeleton\" size=\"s\" className=\"[&&&]:shr-border-transparent\">\n        <FaCircleQuestionIcon alt={translated.help} />\n      </Button>\n    </DropdownTrigger>\n  )\n})\n\nconst ContentBody = memo<Props>(({ helpPageUrl, schoolUrl }) => {\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      help: localize({ id: 'smarthr-ui/AppHeader/help', defaultText: 'ヘルプ' }),\n      school: localize({ id: 'smarthr-ui/AppHeader/school', defaultText: 'スクール' }),\n    }),\n    [localize],\n  )\n\n  return (\n    <div className=\"shr-p-0.5\">\n      {helpPageUrl && (\n        <CommonButton\n          elementAs=\"a\"\n          href={helpPageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          prefix={<FaCircleQuestionIcon />}\n        >\n          <Translate>{translated.help}</Translate>\n        </CommonButton>\n      )}\n      {schoolUrl && (\n        <CommonButton\n          elementAs=\"a\"\n          href={schoolUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          prefix={<FaGraduationCapIcon />}\n        >\n          <Translate>{translated.school}</Translate>\n        </CommonButton>\n      )}\n    </div>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,IAAI,GAAG,IAAI,CAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KACzD,WAAW,IAAI,SAAS,GAAGA,GAAA,CAAC,UAAU,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,GAAG,IAAI;AAGlG,MAAM,UAAU,GAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,MACvDC,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACPD,GAAA,CAAC,uBAAuB,EAAA,EAAA,CAAG,EAC3BA,GAAA,CAAC,eAAe,IAAC,YAAY,EAAA,IAAA,EAAA,QAAA,EAC3BA,GAAA,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAI,EAAA,CAC/C,CAAA,EAAA,CACT,CACZ;AAED,MAAM,uBAAuB,GAAG,IAAI,CAAC,MAAK;AACxC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE;AAC9B,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,2BAA2B,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AACxE,KAAA,CAAC,EACF,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC1EA,GAAA,CAAC,oBAAoB,IAAC,GAAG,EAAE,UAAU,CAAC,IAAI,EAAA,CAAI,EAAA,CACvC,EAAA,CACO;AAEtB,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KAAI;AAC7D,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE;AAC9B,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,2BAA2B,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AACvE,QAAA,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,6BAA6B,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AAC7E,KAAA,CAAC,EACF,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,aACvB,WAAW,KACVD,GAAA,CAAC,YAAY,EAAA,EACX,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,WAAW,EACjB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAEA,GAAA,CAAC,oBAAoB,KAAG,EAAA,QAAA,EAEhCA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,CAAC,IAAI,EAAA,CAAa,EAAA,CAC3B,CAChB,EACA,SAAS,KACRA,GAAA,CAAC,YAAY,IACX,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,SAAS,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAEA,IAAC,mBAAmB,EAAA,EAAA,CAAG,YAE/BA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,CAAC,MAAM,EAAA,CAAa,GAC7B,CAChB,CAAA,EAAA,CACG;AAEV,CAAC,CAAC;;;;"}

package/esm/components/AppHeader/components/mobile/LanguageSelector.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.js","sources":["../../../../../src/components/AppHeader/components/mobile/LanguageSelector.tsx"],"sourcesContent":["import { type MouseEvent, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { type Locale, localeMap } from '../../../../intl/localeMap'\nimport { Button } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCheckIcon, FaXmarkIcon } from '../../../Icon'\nimport { Section } from '../../../SectioningContent'\nimport { CommonButton } from '../common/CommonButton'\n\nimport type { LocaleProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    header: [\n      'shr-border-b-shorthand shr-flex shr-items-center shr-justify-between shr-gap-1 shr-px-1 shr-py-0.75',\n    ],\n    headerTitle: ['shr-font-normal [&&]:shr-text-base'],\n    buttonWrapper: ['shr-p-0.5'],\n    button: ['[&&:not(:has(svg))]:shr-ps-2.5'],\n  },\n})\n\ntype Props = {\n  locale: LocaleProps\n  onClickClose: () => void\n}\n\nexport const LanguageSelector = memo<Props>(({ locale: localeProps, onClickClose }) => {\n  const { locale, availableLocales } = useIntl()\n  const { locales } = useMemo(\n    () => ({\n      locales: Object.entries(localeMap).filter(([code]) => availableLocales.includes(code)),\n    }),\n    [availableLocales],\n  )\n  const classNames = useMemo(() => {\n    const { header, headerTitle, buttonWrapper, button } = classNameGenerator()\n\n    return {\n      header: header(),\n      headerTitle: headerTitle(),\n      buttonWrapper: buttonWrapper(),\n      button: button(),\n    }\n  }, [])\n\n  const onClickLocale = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      localeProps.onSelectLocale(e.currentTarget.value as Locale)\n    },\n    [localeProps],\n  )\n\n  return (\n    <Section>\n      <SelectorHeading\n        onClickClose={onClickClose}\n        wrapperClassName={classNames.header}\n        className={classNames.headerTitle}\n      />\n      <div className={classNames.buttonWrapper}>\n        {locales.map(([localeKey, label]) => (\n          <LocaleButton\n            key={localeKey}\n            value={localeKey as Locale}\n            onClick={onClickLocale}\n            selected={localeKey === locale}\n            className={classNames.button}\n          >\n            {label}\n          </LocaleButton>\n        ))}\n      </div>\n    </Section>\n  )\n})\n\nconst SelectorHeading = memo<\n  Pick<Props, 'onClickClose'> & { wrapperClassName: string; className: string }\n>(({ onClickClose, wrapperClassName, className }) => (\n  <div className={wrapperClassName}>\n    <Heading className={className}>Language</Heading>\n    <Button type=\"button\" size=\"s\" onClick={onClickClose}>\n      <FaXmarkIcon alt=\"close\" />\n    </Button>\n  </div>\n))\n\nconst LocaleButton = memo<{\n  value: Locale\n  selected: boolean\n  className: string\n  children: string\n  onClick: (e: MouseEvent<HTMLButtonElement>) => void\n}>(({ value, selected, className, children, onClick }) => (\n  <CommonButton\n    elementAs=\"button\"\n    type=\"button\"\n    value={value}\n    onClick={onClick}\n    prefix={selected && <FaCheckIcon color=\"MAIN\" />}\n    className={className}\n  >\n    {children}\n  </CommonButton>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"LanguageSelector.js","sources":["../../../../../src/components/AppHeader/components/mobile/LanguageSelector.tsx"],"sourcesContent":["import { type MouseEvent, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { type Locale, localeMap } from '../../../../intl/localeMap'\nimport { Button } from '../../../Button'\nimport { Heading } from '../../../Heading'\nimport { FaCheckIcon, FaXmarkIcon } from '../../../Icon'\nimport { Section } from '../../../SectioningContent'\nimport { CommonButton } from '../common/CommonButton'\n\nimport type { LocaleProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    header: [\n      'shr-border-b-shorthand shr-flex shr-items-center shr-justify-between shr-gap-1 shr-px-1 shr-py-0.75',\n    ],\n    headerTitle: ['shr-font-normal [&&]:shr-text-base'],\n    buttonWrapper: ['shr-p-0.5'],\n    button: ['[&&:not(:has(svg))]:shr-ps-2.5'],\n  },\n})\n\ntype Props = {\n  locale: LocaleProps\n  onClickClose: () => void\n}\n\nexport const LanguageSelector = memo<Props>(({ locale: localeProps, onClickClose }) => {\n  const { locale, availableLocales } = useIntl()\n  const { locales } = useMemo(\n    () => ({\n      locales: Object.entries(localeMap).filter(([code]) => availableLocales.includes(code)),\n    }),\n    [availableLocales],\n  )\n  const classNames = useMemo(() => {\n    const { header, headerTitle, buttonWrapper, button } = classNameGenerator()\n\n    return {\n      header: header(),\n      headerTitle: headerTitle(),\n      buttonWrapper: buttonWrapper(),\n      button: button(),\n    }\n  }, [])\n\n  const onClickLocale = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      localeProps.onSelectLocale(e.currentTarget.value as Locale)\n    },\n    [localeProps],\n  )\n\n  return (\n    <Section>\n      <SelectorHeading\n        onClickClose={onClickClose}\n        wrapperClassName={classNames.header}\n        className={classNames.headerTitle}\n      />\n      <div className={classNames.buttonWrapper}>\n        {locales.map(([localeKey, label]) => (\n          <LocaleButton\n            key={localeKey}\n            value={localeKey as Locale}\n            onClick={onClickLocale}\n            selected={localeKey === locale}\n            className={classNames.button}\n          >\n            {label}\n          </LocaleButton>\n        ))}\n      </div>\n    </Section>\n  )\n})\n\nconst SelectorHeading = memo<\n  Pick<Props, 'onClickClose'> & { wrapperClassName: string; className: string }\n>(({ onClickClose, wrapperClassName, className }) => (\n  <div className={wrapperClassName}>\n    {/* eslint-disable-next-line smarthr/require-i18n-text */}\n    <Heading className={className}>Language</Heading>\n    <Button type=\"button\" size=\"s\" onClick={onClickClose}>\n      {/* eslint-disable-next-line smarthr/require-i18n-text */}\n      <FaXmarkIcon alt=\"close\" />\n    </Button>\n  </div>\n))\n\nconst LocaleButton = memo<{\n  value: Locale\n  selected: boolean\n  className: string\n  children: string\n  onClick: (e: MouseEvent<HTMLButtonElement>) => void\n}>(({ value, selected, className, children, onClick }) => (\n  <CommonButton\n    elementAs=\"button\"\n    type=\"button\"\n    value={value}\n    onClick={onClick}\n    prefix={selected && <FaCheckIcon color=\"MAIN\" />}\n    className={className}\n  >\n    {children}\n  </CommonButton>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}

package/esm/components/AppHeader/components/mobile/Menu.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useContext, useCallback, useState, useEffect, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { useHandleEscape } from '../../../../hooks/useHandleEscape.js';
 import { usePortal } from '../../../../hooks/usePortal.js';
 import '../../../../intl/IntlProvider.js';

package/esm/components/AppHeader/components/mobile/MenuDialog.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useContext, useMemo, useCallback, useEffect } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
@@ -27,7 +27,7 @@ import { Navigation } from './Navigation.js';
 import { NavigationContext } from './NavigationContext.js';
 import { ReleaseNote } from './ReleaseNote.js';
 import { ReleaseNoteContext } from './ReleaseNoteContext.js';
-import CSSTransition from './../../../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/vendor/react-transition-group/esm/CSSTransition.js';
+import CSSTransition from './../../../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/vendor/react-transition-group/esm/CSSTransition.js';
 
 const classNameGenerator = ce({
     slots: {

package/esm/components/AppHeader/components/mobile/Navigation.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { Text } from '../../../Text/Text.js';
 import { isChildNavigationGroup } from '../../utils.js';
 import { NavigationItem } from './NavigationItem.js';

package/esm/components/AppHeader/components/mobile/NavigationItem.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback, useContext } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { isChildNavigation } from '../../utils.js';
 import { commonButtonClassNameGenerator, CommonButton } from '../common/CommonButton.js';
 import { Translate } from '../common/Translate.js';

package/esm/components/AppHeader/components/mobile/ReleaseNote.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/TenantSelector.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { Dropdown } from '../../../Dropdown/Dropdown.js';
 import { DropdownTrigger } from '../../../Dropdown/DropdownTrigger.js';
 import { DropdownContent } from '../../../Dropdown/DropdownContent.js';

package/esm/components/AppHeader/components/mobile/UserInfo.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo, useState, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/esm/components/AppHeader/components/mobile/UserInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/mobile/UserInfo.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dialog } from '../../../Dialog'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaGearIcon, FaGlobeIcon, FaUserLargeIcon } from '../../../Icon'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport { LanguageSelector } from './LanguageSelector'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    iconButton: ['[&&&]:shr-border-transparent [&&]:shr-p-0.25'],\n    iconButtonInner: [\n      'shr-border-shorthand shr-block shr-flex shr-items-center shr-justify-center shr-rounded-full shr-bg-white shr-p-0.25',\n    ],\n    dropdownUserName: ['shr-box-border shr-min-w-[246px] shr-px-1 shr-py-0.75 shr-text-sm'],\n    dropdownButtonArea: ['shr-border-t-shorthand shr-p-0.5'],\n  },\n})\n\ntype Props = UserInfoProps & Pick<HeaderProps, 'locale'>\n\nexport const UserInfo = memo<Props>(\n  ({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl, locale }) => {\n    const displayName = useMemo(\n      () =>\n        arbitraryDisplayName ??\n        buildDisplayName({\n          email,\n          empCode,\n          firstName,\n          lastName,\n        }),\n      [arbitraryDisplayName, email, empCode, firstName, lastName],\n    )\n\n    return displayName ? (\n      <ActualUserInfo accountUrl={accountUrl} displayName={displayName} locale={locale} />\n    ) : null\n  },\n)\n\nconst ActualUserInfo: FC<Pick<Props, 'accountUrl' | 'locale'> & { displayName: string }> = ({\n  displayName,\n  accountUrl,\n  locale,\n}) => {\n  const [languageDialogOpen, setLanguageDialogOpen] = useState(false)\n\n  const dialogOpen = useCallback(() => setLanguageDialogOpen(true), [])\n  const dialogClose = useCallback(() => setLanguageDialogOpen(false), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      account: localize({\n        id: 'smarthr-ui/AppHeader/MobileHeader/account',\n        defaultText: 'アカウント',\n      }),\n      userSetting: localize({\n        id: 'smarthr-ui/AppHeader/userSettings',\n        defaultText: '個人設定',\n      }),\n    }),\n    [localize],\n  )\n\n  const classNames = useMemo(() => {\n    const { iconButton, iconButtonInner, dropdownUserName, dropdownButtonArea } =\n      classNameGenerator()\n\n    return {\n      iconButton: iconButton(),\n      iconButtonInner: iconButtonInner(),\n      dropdownUserName: dropdownUserName(),\n      dropdownButtonArea: dropdownButtonArea(),\n    }\n  }, [])\n\n  return (\n    <>\n      <Dropdown>\n        <DropdownTrigger>\n          <Button variant=\"skeleton\" size=\"s\" className={classNames.iconButton}>\n            <span className={classNames.iconButtonInner}>\n              <FaUserLargeIcon alt={translated.account} className=\"shr-fill-grey\" />\n            </span>\n          </Button>\n        </DropdownTrigger>\n\n        <DropdownContent>\n          <div className={classNames.dropdownUserName}>\n            <p>{displayName}</p>\n          </div>\n\n          {(locale || accountUrl) && (\n            <div className={classNames.dropdownButtonArea}>\n              {locale && (\n                <CommonButton\n                  elementAs=\"button\"\n                  type=\"button\"\n                  onClick={dialogOpen}\n                  prefix={<FaGlobeIcon />}\n                >\n                  Language\n                </CommonButton>\n              )}\n\n              {accountUrl && (\n                <CommonButton\n                  elementAs=\"a\"\n                  href={accountUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  prefix={<FaGearIcon />}\n                >\n                  <Translate>{translated.userSetting}</Translate>\n                </CommonButton>\n              )}\n            </div>\n          )}\n        </DropdownContent>\n      </Dropdown>\n\n      {locale && (\n        <Dialog isOpen={languageDialogOpen} onClickOverlay={dialogClose} width={246}>\n          <LanguageSelector locale={locale} onClickClose={dialogClose} />\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["tv","_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"UserInfo.js","sources":["../../../../../src/components/AppHeader/components/mobile/UserInfo.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo, useState } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dialog } from '../../../Dialog'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaGearIcon, FaGlobeIcon, FaUserLargeIcon } from '../../../Icon'\nimport { buildDisplayName } from '../../utils'\nimport { CommonButton } from '../common/CommonButton'\nimport { Translate } from '../common/Translate'\n\nimport { LanguageSelector } from './LanguageSelector'\n\nimport type { HeaderProps, UserInfoProps } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    iconButton: ['[&&&]:shr-border-transparent [&&]:shr-p-0.25'],\n    iconButtonInner: [\n      'shr-border-shorthand shr-block shr-flex shr-items-center shr-justify-center shr-rounded-full shr-bg-white shr-p-0.25',\n    ],\n    dropdownUserName: ['shr-box-border shr-min-w-[246px] shr-px-1 shr-py-0.75 shr-text-sm'],\n    dropdownButtonArea: ['shr-border-t-shorthand shr-p-0.5'],\n  },\n})\n\ntype Props = UserInfoProps & Pick<HeaderProps, 'locale'>\n\nexport const UserInfo = memo<Props>(\n  ({ arbitraryDisplayName, email, empCode, firstName, lastName, accountUrl, locale }) => {\n    const displayName = useMemo(\n      () =>\n        arbitraryDisplayName ??\n        buildDisplayName({\n          email,\n          empCode,\n          firstName,\n          lastName,\n        }),\n      [arbitraryDisplayName, email, empCode, firstName, lastName],\n    )\n\n    return displayName ? (\n      <ActualUserInfo accountUrl={accountUrl} displayName={displayName} locale={locale} />\n    ) : null\n  },\n)\n\nconst ActualUserInfo: FC<Pick<Props, 'accountUrl' | 'locale'> & { displayName: string }> = ({\n  displayName,\n  accountUrl,\n  locale,\n}) => {\n  const [languageDialogOpen, setLanguageDialogOpen] = useState(false)\n\n  const dialogOpen = useCallback(() => setLanguageDialogOpen(true), [])\n  const dialogClose = useCallback(() => setLanguageDialogOpen(false), [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      account: localize({\n        id: 'smarthr-ui/AppHeader/MobileHeader/account',\n        defaultText: 'アカウント',\n      }),\n      userSetting: localize({\n        id: 'smarthr-ui/AppHeader/userSettings',\n        defaultText: '個人設定',\n      }),\n    }),\n    [localize],\n  )\n\n  const classNames = useMemo(() => {\n    const { iconButton, iconButtonInner, dropdownUserName, dropdownButtonArea } =\n      classNameGenerator()\n\n    return {\n      iconButton: iconButton(),\n      iconButtonInner: iconButtonInner(),\n      dropdownUserName: dropdownUserName(),\n      dropdownButtonArea: dropdownButtonArea(),\n    }\n  }, [])\n\n  return (\n    <>\n      <Dropdown>\n        <DropdownTrigger>\n          <Button variant=\"skeleton\" size=\"s\" className={classNames.iconButton}>\n            <span className={classNames.iconButtonInner}>\n              <FaUserLargeIcon alt={translated.account} className=\"shr-fill-grey\" />\n            </span>\n          </Button>\n        </DropdownTrigger>\n\n        <DropdownContent>\n          <div className={classNames.dropdownUserName}>\n            <p>{displayName}</p>\n          </div>\n\n          {(locale || accountUrl) && (\n            <div className={classNames.dropdownButtonArea}>\n              {locale && (\n                <CommonButton\n                  elementAs=\"button\"\n                  type=\"button\"\n                  onClick={dialogOpen}\n                  prefix={<FaGlobeIcon />}\n                  // eslint-disable-next-line smarthr/require-i18n-text\n                >\n                  Language\n                </CommonButton>\n              )}\n\n              {accountUrl && (\n                <CommonButton\n                  elementAs=\"a\"\n                  href={accountUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  prefix={<FaGearIcon />}\n                >\n                  <Translate>{translated.userSetting}</Translate>\n                </CommonButton>\n              )}\n            </div>\n          )}\n        </DropdownContent>\n      </Dropdown>\n\n      {locale && (\n        <Dialog isOpen={languageDialogOpen} onClickOverlay={dialogClose} width={246}>\n          <LanguageSelector locale={locale} onClickClose={dialogClose} />\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["tv","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;QACL,UAAU,EAAE,CAAC,8CAA8C,CAAC;AAC5D,QAAA,eAAe,EAAE;YACf,sHAAsH;AACvH,SAAA;QACD,gBAAgB,EAAE,CAAC,mEAAmE,CAAC;QACvF,kBAAkB,EAAE,CAAC,kCAAkC,CAAC;AACzD,KAAA;AACF,CAAA,CAAC;MAIW,QAAQ,GAAG,IAAI,CAC1B,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAI;AACpF,IAAA,MAAM,WAAW,GAAG,OAAO,CACzB,MACE,oBAAoB;AACpB,QAAA,gBAAgB,CAAC;YACf,KAAK;YACL,OAAO;YACP,SAAS;YACT,QAAQ;AACT,SAAA,CAAC,EACJ,CAAC,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC5D;IAED,OAAO,WAAW,IAChBC,IAAC,cAAc,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,IAClF,IAAI;AACV,CAAC;AAGH,MAAM,cAAc,GAAuE,CAAC,EAC1F,WAAW,EACX,UAAU,EACV,MAAM,GACP,KAAI;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,qBAAqB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AACrE,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AAEvE,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE;AAC9B,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;QACL,OAAO,EAAE,QAAQ,CAAC;AAChB,YAAA,EAAE,EAAE,2CAA2C;AAC/C,YAAA,WAAW,EAAE,OAAO;SACrB,CAAC;QACF,WAAW,EAAE,QAAQ,CAAC;AACpB,YAAA,EAAE,EAAE,mCAAmC;AACvC,YAAA,WAAW,EAAE,MAAM;SACpB,CAAC;AACH,KAAA,CAAC,EACF,CAAC,QAAQ,CAAC,CACX;AAED,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GACzE,kBAAkB,EAAE;QAEtB,OAAO;YACL,UAAU,EAAE,UAAU,EAAE;YACxB,eAAe,EAAE,eAAe,EAAE;YAClC,gBAAgB,EAAE,gBAAgB,EAAE;YACpC,kBAAkB,EAAE,kBAAkB,EAAE;SACzC;IACH,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACPD,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAA,QAAA,EAClEA,cAAM,SAAS,EAAE,UAAU,CAAC,eAAe,YACzCA,GAAA,CAAC,eAAe,IAAC,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,EAAC,eAAe,EAAA,CAAG,GACjE,EAAA,CACA,EAAA,CACO,EAElBC,IAAA,CAAC,eAAe,eACdD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAA,QAAA,EACzCA,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAI,WAAW,EAAA,CAAK,EAAA,CAChB,EAEL,CAAC,MAAM,IAAI,UAAU,MACpBC,cAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,aAC1C,MAAM,KACLD,GAAA,CAAC,YAAY,IACX,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,MAAM,EAAEA,GAAA,CAAC,WAAW,KAAG,EAAA,QAAA,EAAA,UAAA,EAAA,CAIV,CAChB,EAEA,UAAU,KACTA,GAAA,CAAC,YAAY,IACX,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,UAAU,EAChB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAEA,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,EAAA,QAAA,EAEtBA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAE,UAAU,CAAC,WAAW,EAAA,CAAa,EAAA,CAClC,CAChB,CAAA,EAAA,CACG,CACP,IACe,CAAA,EAAA,CACT,EAEV,MAAM,KACLA,IAAC,MAAM,EAAA,EAAC,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YACzEA,GAAA,CAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAA,CAAI,GACxD,CACV,CAAA,EAAA,CACA;AAEP,CAAC;;;;"}

package/esm/components/AppNavi/AppNavi.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useId, useMemo, Children, isValidElement, Fragment } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { Nav } from '../SectioningContent/SectioningContent.js';
 import '../SectioningContent/levelContext.js';
 import { StatusLabel } from '../StatusLabel/StatusLabel.js';

package/esm/components/AppNavi/AppNaviAnchor.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { itemClassNameGenerator } from './itemClassNameGenerator.js';
 
 const classNameGenerator = ce({

package/esm/components/AppNavi/AppNaviButton.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/esm/components/AppNavi/AppNaviCustomTag.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { itemClassNameGenerator } from './itemClassNameGenerator.js';
 
 const classNameGenerator = ce({

package/esm/components/AppNavi/AppNaviDropdown.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Children, isValidElement, Fragment as Fragment$1, cloneElement } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.11_@types_node@20.19.30_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../Dropdown/Dropdown.js';
 import '../Dropdown/DropdownTrigger.js';
 import '../Dropdown/DropdownContent.js';
@@ -34,8 +34,8 @@ const classNameGenerator = ce({
             ],
         ],
         actionItem: [
-            'aria-current-page:shr-bg-grey-9 aria-current-page:shr-font-bold',
-            // aria-current-page より詳細度を確実に上げる
+            // HINT: DropdownMenuButton内で設定されるclassNameより優先度を上げる必要がある
+            '[&&]:aria-current-page:shr-bg-grey-9 [&&]:aria-current-page:shr-font-bold',
             '[&&]:hover:shr-bg-head-darken',
         ],
     },

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdownMenuButton.js","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"sourcesContent":["import {\n  Children,\n  type FC,\n  Fragment,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { DropdownMenuGroup } from '../Dropdown'\nimport { DropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton'\n\ntype Props = PropsWithChildren<{\n  /** 引き金となるボタンラベル */\n  label: ReactNode\n  onOpen?: () => void\n  onClose?: () => void\n}>\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppNavi-dropdownMenuButton',\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-none',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-text-grey',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-rounded-none',\n      ],\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:shr-relative',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:shr-text-black',\n      ],\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-content-[\"\"]',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-absolute',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-bottom-0',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-inset-x-0',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-h-0.25',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-bg-main',\n      ],\n    ],\n    actionItem: [\n      'aria-current-page:shr-bg-grey-9 aria-current-page:shr-font-bold',\n      // aria-current-page より詳細度を確実に上げる\n      '[&&]:hover:shr-bg-head-darken',\n    ],\n  },\n})\nconst { trigger, actionItem } = classNameGenerator()\n\nconst renderItemList = (children: ReactNode) =>\n  Children.map(children, (item): ReactNode => {\n    if (!isValidElement(item)) {\n      return null\n    }\n\n    if (item.type === Fragment) {\n      return renderItemList(item.props.children)\n    }\n\n    if (item.type === DropdownMenuGroup) {\n      return (\n        <DropdownMenuGroup {...item.props}>{renderItemList(item.props.children)}</DropdownMenuGroup>\n      )\n    }\n\n    return cloneElement(item as ReactElement, {\n      className: actionItem({ className: item.props.className }),\n    })\n  })\n\nexport const AppNaviDropdownMenuButton: FC<Props> = ({ label, onOpen, onClose, children }) => (\n  <DropdownMenuButton\n    trigger={\n      <>\n        {label}\n        {/* has([aria-current=\"page\"]) を書くために複製 */}\n        <span hidden>{children}</span>\n      </>\n    }\n    onOpen={onOpen}\n    onClose={onClose}\n    className={trigger()}\n  >\n    {renderItemList(children)}\n  </DropdownMenuButton>\n)\n"],"names":["tv","Fragment","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE;YACP,uCAAuC;AACvC,YAAA;gBACE,4DAA4D;gBAC5D,uDAAuD;gBACvD,0DAA0D;gBAC1D,6DAA6D;AAC9D,aAAA;AACD,YAAA;gBACE,6EAA6E;gBAC7E,+EAA+E;AAChF,aAAA;AACD,YAAA;gBACE,uFAAuF;gBACvF,mFAAmF;gBACnF,mFAAmF;gBACnF,oFAAoF;gBACpF,iFAAiF;gBACjF,kFAAkF;AACnF,aAAA;AACF,SAAA;AACD,QAAA,UAAU,EAAE;YACV,iEAAiE;;YAEjE,+BAA+B;AAChC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AACF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE;AAEpD,MAAM,cAAc,GAAG,CAAC,QAAmB,KACzC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,KAAe;AACzC,IAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,UAAQ,EAAE;QAC1B,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5C;AAEA,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnC,QAAA,QACEC,GAAA,CAAC,iBAAiB,OAAK,IAAI,CAAC,KAAK,EAAA,QAAA,EAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA,CAAqB;IAEhG;IAEA,OAAO,YAAY,CAAC,IAAoB,EAAE;AACxC,QAAA,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;AAC3D,KAAA,CAAC;AACJ,CAAC,CAAC;AAEG,MAAM,yBAAyB,GAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MACvFA,GAAA,CAAC,kBAAkB,EAAA,EACjB,OAAO,EACLC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,EAENF,cAAM,MAAM,EAAA,IAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,CAAA,EAAA,CAC7B,EAEL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,EAAE,EAAA,QAAA,EAEnB,cAAc,CAAC,QAAQ,CAAC,EAAA,CACN;;;;"}
+{"version":3,"file":"AppNaviDropdownMenuButton.js","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"sourcesContent":["import {\n  Children,\n  type FC,\n  Fragment,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { DropdownMenuGroup } from '../Dropdown'\nimport { DropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton'\n\ntype Props = PropsWithChildren<{\n  /** 引き金となるボタンラベル */\n  label: ReactNode\n  onOpen?: () => void\n  onClose?: () => void\n}>\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppNavi-dropdownMenuButton',\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-none',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-text-grey',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-rounded-none',\n      ],\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:shr-relative',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:shr-text-black',\n      ],\n      [\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-content-[\"\"]',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-absolute',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-bottom-0',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-inset-x-0',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-h-0.25',\n        '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current])]:after:shr-bg-main',\n      ],\n    ],\n    actionItem: [\n      // HINT: DropdownMenuButton内で設定されるclassNameより優先度を上げる必要がある\n      '[&&]:aria-current-page:shr-bg-grey-9 [&&]:aria-current-page:shr-font-bold',\n      '[&&]:hover:shr-bg-head-darken',\n    ],\n  },\n})\nconst { trigger, actionItem } = classNameGenerator()\n\nconst renderItemList = (children: ReactNode) =>\n  Children.map(children, (item): ReactNode => {\n    if (!isValidElement(item)) {\n      return null\n    }\n\n    if (item.type === Fragment) {\n      return renderItemList(item.props.children)\n    }\n\n    if (item.type === DropdownMenuGroup) {\n      return (\n        <DropdownMenuGroup {...item.props}>{renderItemList(item.props.children)}</DropdownMenuGroup>\n      )\n    }\n\n    return cloneElement(item as ReactElement, {\n      className: actionItem({ className: item.props.className }),\n    })\n  })\n\nexport const AppNaviDropdownMenuButton: FC<Props> = ({ label, onOpen, onClose, children }) => (\n  <DropdownMenuButton\n    trigger={\n      <>\n        {label}\n        {/* has([aria-current=\"page\"]) を書くために複製 */}\n        <span hidden>{children}</span>\n      </>\n    }\n    onOpen={onOpen}\n    onClose={onClose}\n    className={trigger()}\n  >\n    {renderItemList(children)}\n  </DropdownMenuButton>\n)\n"],"names":["tv","Fragment","_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;AAsBA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE;YACP,uCAAuC;AACvC,YAAA;gBACE,4DAA4D;gBAC5D,uDAAuD;gBACvD,0DAA0D;gBAC1D,6DAA6D;AAC9D,aAAA;AACD,YAAA;gBACE,6EAA6E;gBAC7E,+EAA+E;AAChF,aAAA;AACD,YAAA;gBACE,uFAAuF;gBACvF,mFAAmF;gBACnF,mFAAmF;gBACnF,oFAAoF;gBACpF,iFAAiF;gBACjF,kFAAkF;AACnF,aAAA;AACF,SAAA;AACD,QAAA,UAAU,EAAE;;YAEV,2EAA2E;YAC3E,+BAA+B;AAChC,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AACF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE;AAEpD,MAAM,cAAc,GAAG,CAAC,QAAmB,KACzC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,KAAe;AACzC,IAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,UAAQ,EAAE;QAC1B,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5C;AAEA,IAAA,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE;AACnC,QAAA,QACEC,GAAA,CAAC,iBAAiB,OAAK,IAAI,CAAC,KAAK,EAAA,QAAA,EAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA,CAAqB;IAEhG;IAEA,OAAO,YAAY,CAAC,IAAoB,EAAE;AACxC,QAAA,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;AAC3D,KAAA,CAAC;AACJ,CAAC,CAAC;AAEG,MAAM,yBAAyB,GAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MACvFA,GAAA,CAAC,kBAAkB,EAAA,EACjB,OAAO,EACLC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,EAENF,cAAM,MAAM,EAAA,IAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,CAAA,EAAA,CAC7B,EAEL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,EAAE,EAAA,QAAA,EAEnB,cAAc,CAAC,QAAQ,CAAC,EAAA,CACN;;;;"}