smarthr-ui 90.0.1 → 91.0.0

package/lib/components/AccordionPanel/AccordionPanel.cjs

@@ -13,13 +13,34 @@ const AccordionPanelContext = React.createContext({
     expandableMultiply: true,
     parentRef: null,
 });
+const ROUNDED = {
+    t_l: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tl-l',
+    t_r: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tr-l',
+    b_l: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded="true"])]:shr-rounded-bl-l',
+    b_r: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded="true"])]:shr-rounded-br-l',
+};
+const ROUNDED_ALL = [ROUNDED.t_l, ROUNDED.t_r, ROUNDED.b_l, ROUNDED.b_r];
 const classNameGenerator = index.tv({
     base: 'smarthr-ui-AccordionPanel',
+    variants: {
+        rounded: {
+            true: ROUNDED_ALL,
+            false: '',
+            all: ROUNDED_ALL,
+            top: [ROUNDED.t_l, ROUNDED.t_r],
+            right: [ROUNDED.t_r, ROUNDED.b_r],
+            bottom: [ROUNDED.b_l, ROUNDED.b_r],
+            left: [ROUNDED.t_l, ROUNDED.b_l],
+        },
+    },
+    defaultVariants: {
+        rounded: false,
+    },
 });
-const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, ...rest }) => {
+const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, rounded, ...rest }) => {
     const [expandedItems, setExpanded] = React.useState(libs_map.flatArrayToMap(defaultExpanded));
     const parentRef = React.useRef(null);
-    const actualClassName = React.useMemo(() => classNameGenerator({ className }), [className]);
+    const actualClassName = React.useMemo(() => classNameGenerator({ className, rounded }), [rounded, className]);
     const onClickTrigger = React.useCallback((itemName, isExpanded) => {
         setExpanded(components_AccordionPanel_accordionPanelHelper.getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
     }, [expandableMultiply, expandedItems]);

package/lib/components/AccordionPanel/AccordionPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.cjs","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type RefObject,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { flatArrayToMap } from '../../libs/map'\n\nimport { getNewExpandedItems } from './accordionPanelHelper'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイコンの左右位置 */\n  iconPosition?: 'left' | 'right'\n  /** 複数のパネルを同時に開くことを許容するかどうか */\n  expandableMultiply?: boolean\n  /** デフォルトで開いた状態にするアイテムの `name` の配列 */\n  defaultExpanded?: string[]\n  /** トリガのクリックイベントを処理するハンドラ */\n  onClick?: (expandedItems: string[]) => void\n}>\ntype Props = AbstractProps & Omit<ComponentProps<'div'>, keyof AbstractProps>\n\nexport const AccordionPanelContext = createContext<{\n  iconPosition: 'left' | 'right'\n  expandedItems: Map<string, string>\n  expandableMultiply: boolean\n  parentRef: RefObject<HTMLDivElement> | null\n  onClickTrigger?: (itemName: string, isExpanded: boolean) => void\n  onClickProps?: (expandedItems: string[]) => void\n}>({\n  iconPosition: 'left',\n  expandedItems: new Map(),\n  expandableMultiply: true,\n  parentRef: null,\n})\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-AccordionPanel',\n})\n\nexport const AccordionPanel: FC<Props> = ({\n  iconPosition = 'left',\n  expandableMultiply = true,\n  defaultExpanded = [],\n  className,\n  onClick: onClickProps,\n  ...rest\n}) => {\n  const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded))\n  const parentRef = useRef<HTMLDivElement>(null)\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  const onClickTrigger = useCallback(\n    (itemName: string, isExpanded: boolean) => {\n      setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply))\n    },\n    [expandableMultiply, expandedItems],\n  )\n\n  useEffect(() => {\n    if (defaultExpanded.length > 0) setExpanded(flatArrayToMap(defaultExpanded))\n  }, [defaultExpanded])\n\n  return (\n    <AccordionPanelContext.Provider\n      value={{\n        onClickTrigger,\n        onClickProps,\n        expandedItems,\n        iconPosition,\n        expandableMultiply,\n        parentRef,\n      }}\n    >\n      <div {...rest} ref={parentRef} role=\"presentation\" className={actualClassName} />\n    </AccordionPanelContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAgCO;AAQL;;AAEA;AACA;AACD;AAED;AACE;AACD;AAEM;AAQL;AACA;AACA;;AAII;AACF;;AAKA;AAAgC;AAClC;AAEA;;;;;;;AASK;AAKP;;;"}
+{"version":3,"file":"AccordionPanel.cjs","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type RefObject,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { flatArrayToMap } from '../../libs/map'\n\nimport { getNewExpandedItems } from './accordionPanelHelper'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイコンの左右位置 */\n  iconPosition?: 'left' | 'right'\n  /** 複数のパネルを同時に開くことを許容するかどうか */\n  expandableMultiply?: boolean\n  /** デフォルトで開いた状態にするアイテムの `name` の配列 */\n  defaultExpanded?: string[]\n  /** トリガのクリックイベントを処理するハンドラ */\n  onClick?: (expandedItems: string[]) => void\n}> &\n  VariantProps<typeof classNameGenerator>\ntype Props = AbstractProps & Omit<ComponentProps<'div'>, keyof AbstractProps>\n\nexport const AccordionPanelContext = createContext<{\n  iconPosition: 'left' | 'right'\n  expandedItems: Map<string, string>\n  expandableMultiply: boolean\n  parentRef: RefObject<HTMLDivElement> | null\n  onClickTrigger?: (itemName: string, isExpanded: boolean) => void\n  onClickProps?: (expandedItems: string[]) => void\n}>({\n  iconPosition: 'left',\n  expandedItems: new Map(),\n  expandableMultiply: true,\n  parentRef: null,\n})\n\nconst ROUNDED = {\n  t_l: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tl-l',\n  t_r: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tr-l',\n  b_l: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded=\"true\"])]:shr-rounded-bl-l',\n  b_r: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded=\"true\"])]:shr-rounded-br-l',\n}\n\nconst ROUNDED_ALL = [ROUNDED.t_l, ROUNDED.t_r, ROUNDED.b_l, ROUNDED.b_r]\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-AccordionPanel',\n  variants: {\n    rounded: {\n      true: ROUNDED_ALL,\n      false: '',\n      all: ROUNDED_ALL,\n      top: [ROUNDED.t_l, ROUNDED.t_r],\n      right: [ROUNDED.t_r, ROUNDED.b_r],\n      bottom: [ROUNDED.b_l, ROUNDED.b_r],\n      left: [ROUNDED.t_l, ROUNDED.b_l],\n    },\n  },\n  defaultVariants: {\n    rounded: false,\n  },\n})\n\nexport const AccordionPanel: FC<Props> = ({\n  iconPosition = 'left',\n  expandableMultiply = true,\n  defaultExpanded = [],\n  className,\n  onClick: onClickProps,\n  rounded,\n  ...rest\n}) => {\n  const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded))\n  const parentRef = useRef<HTMLDivElement>(null)\n  const actualClassName = useMemo(\n    () => classNameGenerator({ className, rounded }),\n    [rounded, className],\n  )\n\n  const onClickTrigger = useCallback(\n    (itemName: string, isExpanded: boolean) => {\n      setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply))\n    },\n    [expandableMultiply, expandedItems],\n  )\n\n  useEffect(() => {\n    if (defaultExpanded.length > 0) setExpanded(flatArrayToMap(defaultExpanded))\n  }, [defaultExpanded])\n\n  return (\n    <AccordionPanelContext.Provider\n      value={{\n        onClickTrigger,\n        onClickProps,\n        expandedItems,\n        iconPosition,\n        expandableMultiply,\n        parentRef,\n      }}\n    >\n      <div {...rest} ref={parentRef} role=\"presentation\" className={actualClassName} />\n    </AccordionPanelContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAiCO;AAQL;;AAEA;AACA;AACD;AAED;AACE;AACA;AACA;AACA;;AAGF;AAEA;AACE;AACA;AACE;AACE;AACA;AACA;;;;;AAKD;AACF;AACD;AACE;AACD;AACF;AAEM;AASL;AACA;;;AAQI;AACF;;AAKA;AAAgC;AAClC;AAEA;;;;;;;AASK;AAKP;;;"}

package/lib/components/AccordionPanel/AccordionPanel.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentProps, type FC, type PropsWithChildren, type RefObject } from 'react';
+import { type VariantProps } from 'tailwind-variants';
 type AbstractProps = PropsWithChildren<{
     /** アイコンの左右位置 */
     iconPosition?: 'left' | 'right';
@@ -8,7 +9,7 @@ type AbstractProps = PropsWithChildren<{
     defaultExpanded?: string[];
     /** トリガのクリックイベントを処理するハンドラ */
     onClick?: (expandedItems: string[]) => void;
-}>;
+}> & VariantProps<typeof classNameGenerator>;
 type Props = AbstractProps & Omit<ComponentProps<'div'>, keyof AbstractProps>;
 export declare const AccordionPanelContext: import("react").Context<{
     iconPosition: "left" | "right";
@@ -18,5 +19,76 @@ export declare const AccordionPanelContext: import("react").Context<{
     onClickTrigger?: (itemName: string, isExpanded: boolean) => void;
     onClickProps?: (expandedItems: string[]) => void;
 }>;
+declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}, undefined, "smarthr-ui-AccordionPanel", import("tailwind-variants/dist/config").TVConfig<{
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}, {
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}>, {
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}, undefined, "smarthr-ui-AccordionPanel", import("tailwind-variants/dist/config").TVConfig<{
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}, {
+    rounded: {
+        true: string[];
+        false: string;
+        all: string[];
+        top: string[];
+        right: string[];
+        bottom: string[];
+        left: string[];
+    };
+}>, unknown, unknown, undefined>>;
 export declare const AccordionPanel: FC<Props>;
 export {};

package/lib/components/AccordionPanel/AccordionPanel.js

@@ -11,13 +11,34 @@ const AccordionPanelContext = createContext({
     expandableMultiply: true,
     parentRef: null,
 });
+const ROUNDED = {
+    t_l: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tl-l',
+    t_r: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tr-l',
+    b_l: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded="true"])]:shr-rounded-bl-l',
+    b_r: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded="true"])]:shr-rounded-br-l',
+};
+const ROUNDED_ALL = [ROUNDED.t_l, ROUNDED.t_r, ROUNDED.b_l, ROUNDED.b_r];
 const classNameGenerator = ce({
     base: 'smarthr-ui-AccordionPanel',
+    variants: {
+        rounded: {
+            true: ROUNDED_ALL,
+            false: '',
+            all: ROUNDED_ALL,
+            top: [ROUNDED.t_l, ROUNDED.t_r],
+            right: [ROUNDED.t_r, ROUNDED.b_r],
+            bottom: [ROUNDED.b_l, ROUNDED.b_r],
+            left: [ROUNDED.t_l, ROUNDED.b_l],
+        },
+    },
+    defaultVariants: {
+        rounded: false,
+    },
 });
-const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, ...rest }) => {
+const AccordionPanel = ({ iconPosition = 'left', expandableMultiply = true, defaultExpanded = [], className, onClick: onClickProps, rounded, ...rest }) => {
     const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded));
     const parentRef = useRef(null);
-    const actualClassName = useMemo(() => classNameGenerator({ className }), [className]);
+    const actualClassName = useMemo(() => classNameGenerator({ className, rounded }), [rounded, className]);
     const onClickTrigger = useCallback((itemName, isExpanded) => {
         setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply));
     }, [expandableMultiply, expandedItems]);

package/lib/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type RefObject,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { flatArrayToMap } from '../../libs/map'\n\nimport { getNewExpandedItems } from './accordionPanelHelper'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイコンの左右位置 */\n  iconPosition?: 'left' | 'right'\n  /** 複数のパネルを同時に開くことを許容するかどうか */\n  expandableMultiply?: boolean\n  /** デフォルトで開いた状態にするアイテムの `name` の配列 */\n  defaultExpanded?: string[]\n  /** トリガのクリックイベントを処理するハンドラ */\n  onClick?: (expandedItems: string[]) => void\n}>\ntype Props = AbstractProps & Omit<ComponentProps<'div'>, keyof AbstractProps>\n\nexport const AccordionPanelContext = createContext<{\n  iconPosition: 'left' | 'right'\n  expandedItems: Map<string, string>\n  expandableMultiply: boolean\n  parentRef: RefObject<HTMLDivElement> | null\n  onClickTrigger?: (itemName: string, isExpanded: boolean) => void\n  onClickProps?: (expandedItems: string[]) => void\n}>({\n  iconPosition: 'left',\n  expandedItems: new Map(),\n  expandableMultiply: true,\n  parentRef: null,\n})\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-AccordionPanel',\n})\n\nexport const AccordionPanel: FC<Props> = ({\n  iconPosition = 'left',\n  expandableMultiply = true,\n  defaultExpanded = [],\n  className,\n  onClick: onClickProps,\n  ...rest\n}) => {\n  const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded))\n  const parentRef = useRef<HTMLDivElement>(null)\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  const onClickTrigger = useCallback(\n    (itemName: string, isExpanded: boolean) => {\n      setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply))\n    },\n    [expandableMultiply, expandedItems],\n  )\n\n  useEffect(() => {\n    if (defaultExpanded.length > 0) setExpanded(flatArrayToMap(defaultExpanded))\n  }, [defaultExpanded])\n\n  return (\n    <AccordionPanelContext.Provider\n      value={{\n        onClickTrigger,\n        onClickProps,\n        expandedItems,\n        iconPosition,\n        expandableMultiply,\n        parentRef,\n      }}\n    >\n      <div {...rest} ref={parentRef} role=\"presentation\" className={actualClassName} />\n    </AccordionPanelContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAgCO;AAQL;;AAEA;AACA;AACD;AAED;AACE;AACD;AAEM;AAQL;AACA;AACA;;AAII;AACF;;AAKA;AAAgC;AAClC;AAEA;;;;;;;AASK;AAKP;;"}
+{"version":3,"file":"AccordionPanel.js","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type RefObject,\n  createContext,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { flatArrayToMap } from '../../libs/map'\n\nimport { getNewExpandedItems } from './accordionPanelHelper'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイコンの左右位置 */\n  iconPosition?: 'left' | 'right'\n  /** 複数のパネルを同時に開くことを許容するかどうか */\n  expandableMultiply?: boolean\n  /** デフォルトで開いた状態にするアイテムの `name` の配列 */\n  defaultExpanded?: string[]\n  /** トリガのクリックイベントを処理するハンドラ */\n  onClick?: (expandedItems: string[]) => void\n}> &\n  VariantProps<typeof classNameGenerator>\ntype Props = AbstractProps & Omit<ComponentProps<'div'>, keyof AbstractProps>\n\nexport const AccordionPanelContext = createContext<{\n  iconPosition: 'left' | 'right'\n  expandedItems: Map<string, string>\n  expandableMultiply: boolean\n  parentRef: RefObject<HTMLDivElement> | null\n  onClickTrigger?: (itemName: string, isExpanded: boolean) => void\n  onClickProps?: (expandedItems: string[]) => void\n}>({\n  iconPosition: 'left',\n  expandedItems: new Map(),\n  expandableMultiply: true,\n  parentRef: null,\n})\n\nconst ROUNDED = {\n  t_l: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tl-l',\n  t_r: '[&>.smarthr-ui-AccordionPanel-item:first-child_.smarthr-ui-AccordionPanel-trigger]:shr-rounded-tr-l',\n  b_l: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded=\"true\"])]:shr-rounded-bl-l',\n  b_r: '[&>.smarthr-ui-AccordionPanel-item:last-child_.smarthr-ui-AccordionPanel-trigger:not([aria-expanded=\"true\"])]:shr-rounded-br-l',\n}\n\nconst ROUNDED_ALL = [ROUNDED.t_l, ROUNDED.t_r, ROUNDED.b_l, ROUNDED.b_r]\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-AccordionPanel',\n  variants: {\n    rounded: {\n      true: ROUNDED_ALL,\n      false: '',\n      all: ROUNDED_ALL,\n      top: [ROUNDED.t_l, ROUNDED.t_r],\n      right: [ROUNDED.t_r, ROUNDED.b_r],\n      bottom: [ROUNDED.b_l, ROUNDED.b_r],\n      left: [ROUNDED.t_l, ROUNDED.b_l],\n    },\n  },\n  defaultVariants: {\n    rounded: false,\n  },\n})\n\nexport const AccordionPanel: FC<Props> = ({\n  iconPosition = 'left',\n  expandableMultiply = true,\n  defaultExpanded = [],\n  className,\n  onClick: onClickProps,\n  rounded,\n  ...rest\n}) => {\n  const [expandedItems, setExpanded] = useState(flatArrayToMap(defaultExpanded))\n  const parentRef = useRef<HTMLDivElement>(null)\n  const actualClassName = useMemo(\n    () => classNameGenerator({ className, rounded }),\n    [rounded, className],\n  )\n\n  const onClickTrigger = useCallback(\n    (itemName: string, isExpanded: boolean) => {\n      setExpanded(getNewExpandedItems(expandedItems, itemName, isExpanded, expandableMultiply))\n    },\n    [expandableMultiply, expandedItems],\n  )\n\n  useEffect(() => {\n    if (defaultExpanded.length > 0) setExpanded(flatArrayToMap(defaultExpanded))\n  }, [defaultExpanded])\n\n  return (\n    <AccordionPanelContext.Provider\n      value={{\n        onClickTrigger,\n        onClickProps,\n        expandedItems,\n        iconPosition,\n        expandableMultiply,\n        parentRef,\n      }}\n    >\n      <div {...rest} ref={parentRef} role=\"presentation\" className={actualClassName} />\n    </AccordionPanelContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAiCO;AAQL;;AAEA;AACA;AACD;AAED;AACE;AACA;AACA;AACA;;AAGF;AAEA;AACE;AACA;AACE;AACE;AACA;AACA;;;;;AAKD;AACF;AACD;AACE;AACD;AACF;AAEM;AASL;AACA;;;AAQI;AACF;;AAKA;AAAgC;AAClC;AAEA;;;;;;;AASK;AAKP;;"}

package/lib/components/AccordionPanel/AccordionPanelItem.cjs

@@ -6,6 +6,7 @@ var React = require('react');
 var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
 var components_SectioningContent_SectioningContent = require('../SectioningContent/SectioningContent.cjs');
 require('../SectioningContent/levelContext.cjs');
+require('styled-components');
 
 const AccordionPanelItemContext = React.createContext({
     name: '',

package/lib/components/AccordionPanel/AccordionPanelItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelItem.cjs","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Section } from '../SectioningContent'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイテムを識別するための名前 */\n  name: string\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'section'>, keyof AbstractProps>\n\nexport const AccordionPanelItemContext = createContext<{ name: string }>({\n  name: '',\n})\n\nconst classNameGenerator = tv({\n  base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],\n})\n\nexport const AccordionPanelItem: FC<Props> = ({ name, className, ...rest }) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return (\n    <AccordionPanelItemContext.Provider\n      value={{\n        name,\n      }}\n    >\n      <Section {...rest} className={actualClassName} />\n    </AccordionPanelItemContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAmBO;AACL;AACD;AAED;AACE;AACD;AAEM;AACL;AAEA;;;AASF;;;"}
+{"version":3,"file":"AccordionPanelItem.cjs","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Section } from '../SectioningContent'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイテムを識別するための名前 */\n  name: string\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'section'>, keyof AbstractProps>\n\nexport const AccordionPanelItemContext = createContext<{ name: string }>({\n  name: '',\n})\n\nconst classNameGenerator = tv({\n  base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],\n})\n\nexport const AccordionPanelItem: FC<Props> = ({ name, className, ...rest }) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return (\n    <AccordionPanelItemContext.Provider\n      value={{\n        name,\n      }}\n    >\n      <Section {...rest} className={actualClassName} />\n    </AccordionPanelItemContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAmBO;AACL;AACD;AAED;AACE;AACD;AAEM;AACL;AAEA;;;AASF;;;"}

package/lib/components/AccordionPanel/AccordionPanelItem.js

@@ -4,6 +4,7 @@ import { createContext, useMemo } from 'react';
 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.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import { Section } from '../SectioningContent/SectioningContent.js';
 import '../SectioningContent/levelContext.js';
+import 'styled-components';
 
 const AccordionPanelItemContext = createContext({
     name: '',

package/lib/components/AccordionPanel/AccordionPanelItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanelItem.js","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Section } from '../SectioningContent'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイテムを識別するための名前 */\n  name: string\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'section'>, keyof AbstractProps>\n\nexport const AccordionPanelItemContext = createContext<{ name: string }>({\n  name: '',\n})\n\nconst classNameGenerator = tv({\n  base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],\n})\n\nexport const AccordionPanelItem: FC<Props> = ({ name, className, ...rest }) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return (\n    <AccordionPanelItemContext.Provider\n      value={{\n        name,\n      }}\n    >\n      <Section {...rest} className={actualClassName} />\n    </AccordionPanelItemContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAmBO;AACL;AACD;AAED;AACE;AACD;AAEM;AACL;AAEA;;;AASF;;"}
+{"version":3,"file":"AccordionPanelItem.js","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type ComponentPropsWithoutRef,\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useMemo,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Section } from '../SectioningContent'\n\ntype AbstractProps = PropsWithChildren<{\n  /** アイテムを識別するための名前 */\n  name: string\n}>\ntype Props = AbstractProps & Omit<ComponentPropsWithoutRef<'section'>, keyof AbstractProps>\n\nexport const AccordionPanelItemContext = createContext<{ name: string }>({\n  name: '',\n})\n\nconst classNameGenerator = tv({\n  base: ['smarthr-ui-AccordionPanel-item', '[&_+_&]:shr-border-t-shorthand'],\n})\n\nexport const AccordionPanelItem: FC<Props> = ({ name, className, ...rest }) => {\n  const actualClassName = useMemo(() => classNameGenerator({ className }), [className])\n\n  return (\n    <AccordionPanelItemContext.Provider\n      value={{\n        name,\n      }}\n    >\n      <Section {...rest} className={actualClassName} />\n    </AccordionPanelItemContext.Provider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAmBO;AACL;AACD;AAED;AACE;AACD;AAEM;AACL;AAEA;;;AASF;;"}

package/lib/components/AccordionPanel/accordionPanelHelper.cjs

@@ -57,5 +57,4 @@ exports.focusLastSibling = focusLastSibling;
 exports.focusNextSibling = focusNextSibling;
 exports.focusPreviousSibling = focusPreviousSibling;
 exports.getNewExpandedItems = getNewExpandedItems;
-exports.getSiblingButtons = getSiblingButtons;
 //# sourceMappingURL=accordionPanelHelper.cjs.map

package/lib/components/AccordionPanel/accordionPanelHelper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordionPanelHelper.cjs","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"sourcesContent":["export const getNewExpandedItems = (\n  prevExpandedItems: Map<string, string>,\n  itemName: string,\n  isExpanded: boolean,\n  expandableMultiply: boolean,\n) => {\n  let newState: Map<string, string>\n\n  if (expandableMultiply) {\n    newState = new Map(prevExpandedItems)\n\n    if (isExpanded) {\n      newState.set(itemName, itemName)\n    } else {\n      newState.delete(itemName)\n    }\n  } else {\n    newState = isExpanded ? new Map([[itemName, itemName]]) : new Map()\n  }\n\n  return newState\n}\n\nexport const getSiblingButtons = (parent: HTMLDivElement): HTMLElement[] =>\n  Array.from(parent.querySelectorAll('[data-component=\"AccordionHeaderButton\"]'))\n\nexport const focusFirstSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const first = siblings[0]\n\n  first.focus()\n}\n\nexport const focusLastSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const last = siblings[siblings.length - 1]\n\n  last.focus()\n}\n\nexport const focusNextSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === siblings.length - 1) {\n    const first = siblings[0]\n\n    first.focus()\n  } else if (current !== -1) {\n    const next = siblings[current + 1]\n\n    next.focus()\n  }\n}\n\nexport const focusPreviousSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === 0) {\n    const last = siblings[siblings.length - 1]\n\n    last.focus()\n  } else if (current !== -1) {\n    const previous = siblings[current - 1]\n\n    previous.focus()\n  }\n}\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,KACzB;AACF,IAAA,IAAI,QAA6B;IAEjC,IAAI,kBAAkB,EAAE;AACtB,QAAA,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC;QAErC,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC;aAAO;AACL,YAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC3B;IACF;SAAO;QACL,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;IACrE;AAEA,IAAA,OAAO,QAAQ;AACjB;MAEa,iBAAiB,GAAG,CAAC,MAAsB,KACtD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC;AAEzE,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAAU;AAChE,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,KAAK,EAAE;AACf;AAEO,MAAM,gBAAgB,GAAG,CAAC,MAAsB,KAAU;AAC/D,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK,EAAE;AACd;MAEa,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AAClF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEzB,KAAK,CAAC,KAAK,EAAE;IACf;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAElC,IAAI,CAAC,KAAK,EAAE;IACd;AACF;MAEa,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AACtF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtC,IAAA,IAAI,OAAO,KAAK,CAAC,EAAE;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE1C,IAAI,CAAC,KAAK,EAAE;IACd;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAEtC,QAAQ,CAAC,KAAK,EAAE;IAClB;AACF;;;;;;;;;"}
+{"version":3,"file":"accordionPanelHelper.cjs","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"sourcesContent":["export const getNewExpandedItems = (\n  prevExpandedItems: Map<string, string>,\n  itemName: string,\n  isExpanded: boolean,\n  expandableMultiply: boolean,\n) => {\n  let newState: Map<string, string>\n\n  if (expandableMultiply) {\n    newState = new Map(prevExpandedItems)\n\n    if (isExpanded) {\n      newState.set(itemName, itemName)\n    } else {\n      newState.delete(itemName)\n    }\n  } else {\n    newState = isExpanded ? new Map([[itemName, itemName]]) : new Map()\n  }\n\n  return newState\n}\n\nconst getSiblingButtons = (parent: HTMLDivElement): HTMLElement[] =>\n  Array.from(parent.querySelectorAll('[data-component=\"AccordionHeaderButton\"]'))\n\nexport const focusFirstSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const first = siblings[0]\n\n  first.focus()\n}\n\nexport const focusLastSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const last = siblings[siblings.length - 1]\n\n  last.focus()\n}\n\nexport const focusNextSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === siblings.length - 1) {\n    const first = siblings[0]\n\n    first.focus()\n  } else if (current !== -1) {\n    const next = siblings[current + 1]\n\n    next.focus()\n  }\n}\n\nexport const focusPreviousSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === 0) {\n    const last = siblings[siblings.length - 1]\n\n    last.focus()\n  } else if (current !== -1) {\n    const previous = siblings[current - 1]\n\n    previous.focus()\n  }\n}\n"],"names":[],"mappings":";;AAAO,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,KACzB;AACF,IAAA,IAAI,QAA6B;IAEjC,IAAI,kBAAkB,EAAE;AACtB,QAAA,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC;QAErC,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC;aAAO;AACL,YAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC3B;IACF;SAAO;QACL,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;IACrE;AAEA,IAAA,OAAO,QAAQ;AACjB;AAEA,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAC/C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC;AAE1E,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAAU;AAChE,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,KAAK,EAAE;AACf;AAEO,MAAM,gBAAgB,GAAG,CAAC,MAAsB,KAAU;AAC/D,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK,EAAE;AACd;MAEa,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AAClF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEzB,KAAK,CAAC,KAAK,EAAE;IACf;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAElC,IAAI,CAAC,KAAK,EAAE;IACd;AACF;MAEa,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AACtF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtC,IAAA,IAAI,OAAO,KAAK,CAAC,EAAE;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE1C,IAAI,CAAC,KAAK,EAAE;IACd;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAEtC,QAAQ,CAAC,KAAK,EAAE;IAClB;AACF;;;;;;;;"}

package/lib/components/AccordionPanel/accordionPanelHelper.d.ts

@@ -1,5 +1,4 @@
 export declare const getNewExpandedItems: (prevExpandedItems: Map<string, string>, itemName: string, isExpanded: boolean, expandableMultiply: boolean) => Map<string, string>;
-export declare const getSiblingButtons: (parent: HTMLDivElement) => HTMLElement[];
 export declare const focusFirstSibling: (parent: HTMLDivElement) => void;
 export declare const focusLastSibling: (parent: HTMLDivElement) => void;
 export declare const focusNextSibling: (item: HTMLElement, parent: HTMLDivElement) => void;

package/lib/components/AccordionPanel/accordionPanelHelper.js

@@ -50,5 +50,5 @@ const focusPreviousSibling = (item, parent) => {
     }
 };
 
-export { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems, getSiblingButtons };
+export { focusFirstSibling, focusLastSibling, focusNextSibling, focusPreviousSibling, getNewExpandedItems };
 //# sourceMappingURL=accordionPanelHelper.js.map

package/lib/components/AccordionPanel/accordionPanelHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionPanelHelper.js","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"sourcesContent":["export const getNewExpandedItems = (\n  prevExpandedItems: Map<string, string>,\n  itemName: string,\n  isExpanded: boolean,\n  expandableMultiply: boolean,\n) => {\n  let newState: Map<string, string>\n\n  if (expandableMultiply) {\n    newState = new Map(prevExpandedItems)\n\n    if (isExpanded) {\n      newState.set(itemName, itemName)\n    } else {\n      newState.delete(itemName)\n    }\n  } else {\n    newState = isExpanded ? new Map([[itemName, itemName]]) : new Map()\n  }\n\n  return newState\n}\n\nexport const getSiblingButtons = (parent: HTMLDivElement): HTMLElement[] =>\n  Array.from(parent.querySelectorAll('[data-component=\"AccordionHeaderButton\"]'))\n\nexport const focusFirstSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const first = siblings[0]\n\n  first.focus()\n}\n\nexport const focusLastSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const last = siblings[siblings.length - 1]\n\n  last.focus()\n}\n\nexport const focusNextSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === siblings.length - 1) {\n    const first = siblings[0]\n\n    first.focus()\n  } else if (current !== -1) {\n    const next = siblings[current + 1]\n\n    next.focus()\n  }\n}\n\nexport const focusPreviousSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === 0) {\n    const last = siblings[siblings.length - 1]\n\n    last.focus()\n  } else if (current !== -1) {\n    const previous = siblings[current - 1]\n\n    previous.focus()\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,KACzB;AACF,IAAA,IAAI,QAA6B;IAEjC,IAAI,kBAAkB,EAAE;AACtB,QAAA,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC;QAErC,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC;aAAO;AACL,YAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC3B;IACF;SAAO;QACL,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;IACrE;AAEA,IAAA,OAAO,QAAQ;AACjB;MAEa,iBAAiB,GAAG,CAAC,MAAsB,KACtD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC;AAEzE,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAAU;AAChE,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,KAAK,EAAE;AACf;AAEO,MAAM,gBAAgB,GAAG,CAAC,MAAsB,KAAU;AAC/D,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK,EAAE;AACd;MAEa,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AAClF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEzB,KAAK,CAAC,KAAK,EAAE;IACf;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAElC,IAAI,CAAC,KAAK,EAAE;IACd;AACF;MAEa,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AACtF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtC,IAAA,IAAI,OAAO,KAAK,CAAC,EAAE;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE1C,IAAI,CAAC,KAAK,EAAE;IACd;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAEtC,QAAQ,CAAC,KAAK,EAAE;IAClB;AACF;;;;"}
+{"version":3,"file":"accordionPanelHelper.js","sources":["../../../src/components/AccordionPanel/accordionPanelHelper.ts"],"sourcesContent":["export const getNewExpandedItems = (\n  prevExpandedItems: Map<string, string>,\n  itemName: string,\n  isExpanded: boolean,\n  expandableMultiply: boolean,\n) => {\n  let newState: Map<string, string>\n\n  if (expandableMultiply) {\n    newState = new Map(prevExpandedItems)\n\n    if (isExpanded) {\n      newState.set(itemName, itemName)\n    } else {\n      newState.delete(itemName)\n    }\n  } else {\n    newState = isExpanded ? new Map([[itemName, itemName]]) : new Map()\n  }\n\n  return newState\n}\n\nconst getSiblingButtons = (parent: HTMLDivElement): HTMLElement[] =>\n  Array.from(parent.querySelectorAll('[data-component=\"AccordionHeaderButton\"]'))\n\nexport const focusFirstSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const first = siblings[0]\n\n  first.focus()\n}\n\nexport const focusLastSibling = (parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const last = siblings[siblings.length - 1]\n\n  last.focus()\n}\n\nexport const focusNextSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === siblings.length - 1) {\n    const first = siblings[0]\n\n    first.focus()\n  } else if (current !== -1) {\n    const next = siblings[current + 1]\n\n    next.focus()\n  }\n}\n\nexport const focusPreviousSibling = (item: HTMLElement, parent: HTMLDivElement): void => {\n  const siblings = getSiblingButtons(parent)\n  const current = siblings.indexOf(item)\n\n  if (current === 0) {\n    const last = siblings[siblings.length - 1]\n\n    last.focus()\n  } else if (current !== -1) {\n    const previous = siblings[current - 1]\n\n    previous.focus()\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,mBAAmB,GAAG,CACjC,iBAAsC,EACtC,QAAgB,EAChB,UAAmB,EACnB,kBAA2B,KACzB;AACF,IAAA,IAAI,QAA6B;IAEjC,IAAI,kBAAkB,EAAE;AACtB,QAAA,QAAQ,GAAG,IAAI,GAAG,CAAC,iBAAiB,CAAC;QAErC,IAAI,UAAU,EAAE;AACd,YAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC;aAAO;AACL,YAAA,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC;QAC3B;IACF;SAAO;QACL,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;IACrE;AAEA,IAAA,OAAO,QAAQ;AACjB;AAEA,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAC/C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,CAAC;AAE1E,MAAM,iBAAiB,GAAG,CAAC,MAAsB,KAAU;AAChE,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEzB,KAAK,CAAC,KAAK,EAAE;AACf;AAEO,MAAM,gBAAgB,GAAG,CAAC,MAAsB,KAAU;AAC/D,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK,EAAE;AACd;MAEa,gBAAgB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AAClF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;IAEtC,IAAI,OAAO,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;QAEzB,KAAK,CAAC,KAAK,EAAE;IACf;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAElC,IAAI,CAAC,KAAK,EAAE;IACd;AACF;MAEa,oBAAoB,GAAG,CAAC,IAAiB,EAAE,MAAsB,KAAU;AACtF,IAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEtC,IAAA,IAAI,OAAO,KAAK,CAAC,EAAE;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAE1C,IAAI,CAAC,KAAK,EAAE;IACd;AAAO,SAAA,IAAI,OAAO,KAAK,EAAE,EAAE;QACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;QAEtC,QAAQ,CAAC,KAAK,EAAE;IAClB;AACF;;;;"}

package/lib/components/AppHeader/components/common/AppLauncherSortDropdown.cjs

@@ -3,11 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var hooks_useTheme = require('../../../../hooks/useTheme.cjs');
 require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
-var themes_tailwind_TailwindConfig = require('../../../../themes/tailwind/TailwindConfig.cjs');
 var components_Button_Button = require('../../../Button/Button.cjs');
 require('../../../Button/AnchorButton.cjs');
 require('../../../Button/UnstyledButton.cjs');
@@ -90,7 +90,10 @@ const AppLauncherSortDropdown = ({ sortType, onSelectSortType }) => {
     return (jsxRuntime.jsxs(components_Dropdown_Dropdown.Dropdown, { children: [jsxRuntime.jsx(TriggerButton, { triggerRef: triggerRef, className: classNames.trigger, children: translated.label }), jsxRuntime.jsx(components_Dropdown_DropdownContent.DropdownContent, { controllable: true, children: jsxRuntime.jsx("div", { role: "listbox", className: classNames.contentBody, children: options.map(([value, children], i) => (jsxRuntime.jsx(OptionButton, { value: value, selected: value === sortType, selectedAlt: translated.selected, onClick: onClickOption, className: classNames.contentButton, children: children }, i))) }) })] }));
 };
 const TriggerButton = React.memo(({ triggerRef, children, className }) => (jsxRuntime.jsx(components_Dropdown_DropdownTrigger.DropdownTrigger, { children: jsxRuntime.jsx(components_Button_Button.Button, { ref: triggerRef, size: "s", variant: "text", suffix: jsxRuntime.jsx(components_Icon_FaIcon.FaCaretDownIcon, {}), className: className, children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) }) })));
-const OptionButton = React.memo(({ value, selected, selectedAlt, onClick, children, className }) => (jsxRuntime.jsx(components_Button_Button.Button, { value: value, role: "option", "aria-selected": selected, className: className, prefix: selected && jsxRuntime.jsx(components_Icon_FaIcon.FaCheckIcon, { color: themes_tailwind_TailwindConfig.textColor.main, alt: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: selectedAlt }) }), onClick: onClick, children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) })));
+const OptionButton = React.memo(({ value, selected, selectedAlt, onClick, children, className }) => {
+    const theme = hooks_useTheme.useTheme();
+    return (jsxRuntime.jsx(components_Button_Button.Button, { value: value, role: "option", "aria-selected": selected, className: className, prefix: selected && (jsxRuntime.jsx(components_Icon_FaIcon.FaCheckIcon, { color: theme.textColor.main, alt: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: selectedAlt }) })), onClick: onClick, children: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: children }) }));
+});
 
 exports.AppLauncherSortDropdown = AppLauncherSortDropdown;
 //# sourceMappingURL=AppLauncherSortDropdown.cjs.map

package/lib/components/AppHeader/components/common/AppLauncherSortDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppLauncherSortDropdown.cjs","sources":["../../../../../src/components/AppHeader/components/common/AppLauncherSortDropdown.tsx"],"sourcesContent":["import {\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type RefObject,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { textColor } from '../../../../themes'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaCheckIcon } from '../../../Icon'\nimport { Translate } from '../common/Translate'\n\nimport type { Launcher } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppLauncher-SortDropdown-trigger',\n      'shr-gap-0.25 shr-text-grey',\n      '[&[aria-expanded=\"true\"]_.smarthr-ui-Icon]:shr-rotate-180',\n    ],\n    contentBody: ['shr-px-0.25 shr-py-0.5', 'shr-flex shr-flex-col shr-items-stretch'],\n    contentButton: [\n      'shr-justify-start shr-border-none shr-py-0.75 shr-pl-2.5 shr-font-normal',\n      'aria-selected:shr-pl-1',\n    ],\n  },\n})\n\ntype Props = {\n  sortType: Launcher['sortType']\n  onSelectSortType: (sortType: Launcher['sortType']) => void\n}\n\nexport const AppLauncherSortDropdown: FC<Props> = ({ sortType, onSelectSortType }) => {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const classNames = useMemo(() => {\n    const { trigger, contentBody, contentButton } = classNameGenerator()\n\n    return {\n      trigger: trigger(),\n      contentBody: contentBody(),\n      contentButton: contentButton(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      label: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownLabel',\n        defaultText: '表示順',\n      }),\n      selected: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownSelected',\n        defaultText: '選択中',\n      }),\n      default: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault',\n        defaultText: 'デフォルト',\n      }),\n      asc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc',\n        defaultText: 'アプリ名の昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc',\n        defaultText: 'アプリ名の降順',\n      }),\n    }),\n    [localize],\n  )\n\n  const options = useMemo(\n    () => [\n      ['default', translated.default],\n      ['name/asc', translated.asc],\n      ['name/desc', translated.desc],\n    ],\n    [translated],\n  )\n\n  const onClickOption = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      onSelectSortType(e.currentTarget.value as Launcher['sortType'])\n\n      // Dropdown がネストしており、この Dropdown のみ閉じて親の Dropdown は開いたままというのができない\n      // そのため、無理矢理クリックイベントを発生させて実現している\n      setTimeout(() => {\n        if (triggerRef.current) {\n          triggerRef.current.click()\n          triggerRef.current.focus()\n        }\n      }, 0)\n    },\n    [onSelectSortType],\n  )\n\n  return (\n    <Dropdown>\n      <TriggerButton triggerRef={triggerRef} className={classNames.trigger}>\n        {translated.label}\n      </TriggerButton>\n      <DropdownContent controllable>\n        <div role=\"listbox\" className={classNames.contentBody}>\n          {options.map(([value, children], i) => (\n            <OptionButton\n              key={i}\n              value={value}\n              selected={value === sortType}\n              selectedAlt={translated.selected}\n              onClick={onClickOption}\n              className={classNames.contentButton}\n            >\n              {children}\n            </OptionButton>\n          ))}\n        </div>\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst TriggerButton = memo<\n  PropsWithChildren<{ triggerRef: RefObject<HTMLButtonElement>; className: string }>\n>(({ triggerRef, children, className }) => (\n  <DropdownTrigger>\n    <Button\n      ref={triggerRef}\n      size=\"s\"\n      variant=\"text\"\n      suffix={<FaCaretDownIcon />}\n      className={className}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst OptionButton = memo<\n  PropsWithChildren<{\n    value: string\n    selected: boolean\n    selectedAlt: string\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void\n    className: string\n  }>\n>(({ value, selected, selectedAlt, onClick, children, className }) => (\n  <Button\n    value={value}\n    role=\"option\"\n    aria-selected={selected}\n    className={className}\n    prefix={\n      selected && <FaCheckIcon color={textColor.main} alt={<Translate>{selectedAlt}</Translate>} />\n    }\n    onClick={onClick}\n  >\n    <Translate>{children}</Translate>\n  </Button>\n))\n"],"names":["tv","useRef","useMemo","useIntl","useCallback","_jsxs","Dropdown","_jsx","DropdownContent","memo","DropdownTrigger","Button","FaCaretDownIcon","Translate","FaCheckIcon","textColor"],"mappings":"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"}
+{"version":3,"file":"AppLauncherSortDropdown.cjs","sources":["../../../../../src/components/AppHeader/components/common/AppLauncherSortDropdown.tsx"],"sourcesContent":["import {\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type RefObject,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useTheme } from '../../../../hooks/useTheme'\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaCheckIcon } from '../../../Icon'\nimport { Translate } from '../common/Translate'\n\nimport type { Launcher } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppLauncher-SortDropdown-trigger',\n      'shr-gap-0.25 shr-text-grey',\n      '[&[aria-expanded=\"true\"]_.smarthr-ui-Icon]:shr-rotate-180',\n    ],\n    contentBody: ['shr-px-0.25 shr-py-0.5', 'shr-flex shr-flex-col shr-items-stretch'],\n    contentButton: [\n      'shr-justify-start shr-border-none shr-py-0.75 shr-pl-2.5 shr-font-normal',\n      'aria-selected:shr-pl-1',\n    ],\n  },\n})\n\ntype Props = {\n  sortType: Launcher['sortType']\n  onSelectSortType: (sortType: Launcher['sortType']) => void\n}\n\nexport const AppLauncherSortDropdown: FC<Props> = ({ sortType, onSelectSortType }) => {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const classNames = useMemo(() => {\n    const { trigger, contentBody, contentButton } = classNameGenerator()\n\n    return {\n      trigger: trigger(),\n      contentBody: contentBody(),\n      contentButton: contentButton(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      label: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownLabel',\n        defaultText: '表示順',\n      }),\n      selected: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownSelected',\n        defaultText: '選択中',\n      }),\n      default: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault',\n        defaultText: 'デフォルト',\n      }),\n      asc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc',\n        defaultText: 'アプリ名の昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc',\n        defaultText: 'アプリ名の降順',\n      }),\n    }),\n    [localize],\n  )\n\n  const options = useMemo(\n    () => [\n      ['default', translated.default],\n      ['name/asc', translated.asc],\n      ['name/desc', translated.desc],\n    ],\n    [translated],\n  )\n\n  const onClickOption = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      onSelectSortType(e.currentTarget.value as Launcher['sortType'])\n\n      // Dropdown がネストしており、この Dropdown のみ閉じて親の Dropdown は開いたままというのができない\n      // そのため、無理矢理クリックイベントを発生させて実現している\n      setTimeout(() => {\n        if (triggerRef.current) {\n          triggerRef.current.click()\n          triggerRef.current.focus()\n        }\n      }, 0)\n    },\n    [onSelectSortType],\n  )\n\n  return (\n    <Dropdown>\n      <TriggerButton triggerRef={triggerRef} className={classNames.trigger}>\n        {translated.label}\n      </TriggerButton>\n      <DropdownContent controllable>\n        <div role=\"listbox\" className={classNames.contentBody}>\n          {options.map(([value, children], i) => (\n            <OptionButton\n              key={i}\n              value={value}\n              selected={value === sortType}\n              selectedAlt={translated.selected}\n              onClick={onClickOption}\n              className={classNames.contentButton}\n            >\n              {children}\n            </OptionButton>\n          ))}\n        </div>\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst TriggerButton = memo<\n  PropsWithChildren<{ triggerRef: RefObject<HTMLButtonElement>; className: string }>\n>(({ triggerRef, children, className }) => (\n  <DropdownTrigger>\n    <Button\n      ref={triggerRef}\n      size=\"s\"\n      variant=\"text\"\n      suffix={<FaCaretDownIcon />}\n      className={className}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst OptionButton = memo<\n  PropsWithChildren<{\n    value: string\n    selected: boolean\n    selectedAlt: string\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void\n    className: string\n  }>\n>(({ value, selected, selectedAlt, onClick, children, className }) => {\n  const theme = useTheme()\n  return (\n    <Button\n      value={value}\n      role=\"option\"\n      aria-selected={selected}\n      className={className}\n      prefix={\n        selected && (\n          <FaCheckIcon color={theme.textColor.main} alt={<Translate>{selectedAlt}</Translate>} />\n        )\n      }\n      onClick={onClick}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  )\n})\n"],"names":["tv","useRef","useMemo","useIntl","useCallback","_jsxs","Dropdown","_jsx","DropdownContent","memo","DropdownTrigger","Button","FaCaretDownIcon","Translate","useTheme","FaCheckIcon"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 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.19_ts-node@10.9.2_@swc_core@1.15.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { useTheme } from '../../../../hooks/useTheme.js';
 import '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';
 import '../../../../_virtual/dayjs.min.js';
-import { textColor } from '../../../../themes/tailwind/TailwindConfig.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';
@@ -88,7 +88,10 @@ const AppLauncherSortDropdown = ({ sortType, onSelectSortType }) => {
     return (jsxs(Dropdown, { children: [jsx(TriggerButton, { triggerRef: triggerRef, className: classNames.trigger, children: translated.label }), jsx(DropdownContent, { controllable: true, children: jsx("div", { role: "listbox", className: classNames.contentBody, children: options.map(([value, children], i) => (jsx(OptionButton, { value: value, selected: value === sortType, selectedAlt: translated.selected, onClick: onClickOption, className: classNames.contentButton, children: children }, i))) }) })] }));
 };
 const TriggerButton = memo(({ triggerRef, children, className }) => (jsx(DropdownTrigger, { children: jsx(Button, { ref: triggerRef, size: "s", variant: "text", suffix: jsx(FaCaretDownIcon, {}), className: className, children: jsx(Translate, { children: children }) }) })));
-const OptionButton = memo(({ value, selected, selectedAlt, onClick, children, className }) => (jsx(Button, { value: value, role: "option", "aria-selected": selected, className: className, prefix: selected && jsx(FaCheckIcon, { color: textColor.main, alt: jsx(Translate, { children: selectedAlt }) }), onClick: onClick, children: jsx(Translate, { children: children }) })));
+const OptionButton = memo(({ value, selected, selectedAlt, onClick, children, className }) => {
+    const theme = useTheme();
+    return (jsx(Button, { value: value, role: "option", "aria-selected": selected, className: className, prefix: selected && (jsx(FaCheckIcon, { color: theme.textColor.main, alt: jsx(Translate, { children: selectedAlt }) })), onClick: onClick, children: jsx(Translate, { children: children }) }));
+});
 
 export { AppLauncherSortDropdown };
 //# sourceMappingURL=AppLauncherSortDropdown.js.map

package/lib/components/AppHeader/components/common/AppLauncherSortDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLauncherSortDropdown.js","sources":["../../../../../src/components/AppHeader/components/common/AppLauncherSortDropdown.tsx"],"sourcesContent":["import {\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type RefObject,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../../../intl'\nimport { textColor } from '../../../../themes'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaCheckIcon } from '../../../Icon'\nimport { Translate } from '../common/Translate'\n\nimport type { Launcher } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppLauncher-SortDropdown-trigger',\n      'shr-gap-0.25 shr-text-grey',\n      '[&[aria-expanded=\"true\"]_.smarthr-ui-Icon]:shr-rotate-180',\n    ],\n    contentBody: ['shr-px-0.25 shr-py-0.5', 'shr-flex shr-flex-col shr-items-stretch'],\n    contentButton: [\n      'shr-justify-start shr-border-none shr-py-0.75 shr-pl-2.5 shr-font-normal',\n      'aria-selected:shr-pl-1',\n    ],\n  },\n})\n\ntype Props = {\n  sortType: Launcher['sortType']\n  onSelectSortType: (sortType: Launcher['sortType']) => void\n}\n\nexport const AppLauncherSortDropdown: FC<Props> = ({ sortType, onSelectSortType }) => {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const classNames = useMemo(() => {\n    const { trigger, contentBody, contentButton } = classNameGenerator()\n\n    return {\n      trigger: trigger(),\n      contentBody: contentBody(),\n      contentButton: contentButton(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      label: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownLabel',\n        defaultText: '表示順',\n      }),\n      selected: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownSelected',\n        defaultText: '選択中',\n      }),\n      default: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault',\n        defaultText: 'デフォルト',\n      }),\n      asc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc',\n        defaultText: 'アプリ名の昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc',\n        defaultText: 'アプリ名の降順',\n      }),\n    }),\n    [localize],\n  )\n\n  const options = useMemo(\n    () => [\n      ['default', translated.default],\n      ['name/asc', translated.asc],\n      ['name/desc', translated.desc],\n    ],\n    [translated],\n  )\n\n  const onClickOption = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      onSelectSortType(e.currentTarget.value as Launcher['sortType'])\n\n      // Dropdown がネストしており、この Dropdown のみ閉じて親の Dropdown は開いたままというのができない\n      // そのため、無理矢理クリックイベントを発生させて実現している\n      setTimeout(() => {\n        if (triggerRef.current) {\n          triggerRef.current.click()\n          triggerRef.current.focus()\n        }\n      }, 0)\n    },\n    [onSelectSortType],\n  )\n\n  return (\n    <Dropdown>\n      <TriggerButton triggerRef={triggerRef} className={classNames.trigger}>\n        {translated.label}\n      </TriggerButton>\n      <DropdownContent controllable>\n        <div role=\"listbox\" className={classNames.contentBody}>\n          {options.map(([value, children], i) => (\n            <OptionButton\n              key={i}\n              value={value}\n              selected={value === sortType}\n              selectedAlt={translated.selected}\n              onClick={onClickOption}\n              className={classNames.contentButton}\n            >\n              {children}\n            </OptionButton>\n          ))}\n        </div>\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst TriggerButton = memo<\n  PropsWithChildren<{ triggerRef: RefObject<HTMLButtonElement>; className: string }>\n>(({ triggerRef, children, className }) => (\n  <DropdownTrigger>\n    <Button\n      ref={triggerRef}\n      size=\"s\"\n      variant=\"text\"\n      suffix={<FaCaretDownIcon />}\n      className={className}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst OptionButton = memo<\n  PropsWithChildren<{\n    value: string\n    selected: boolean\n    selectedAlt: string\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void\n    className: string\n  }>\n>(({ value, selected, selectedAlt, onClick, children, className }) => (\n  <Button\n    value={value}\n    role=\"option\"\n    aria-selected={selected}\n    className={className}\n    prefix={\n      selected && <FaCheckIcon color={textColor.main} alt={<Translate>{selectedAlt}</Translate>} />\n    }\n    onClick={onClick}\n  >\n    <Translate>{children}</Translate>\n  </Button>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"AppLauncherSortDropdown.js","sources":["../../../../../src/components/AppHeader/components/common/AppLauncherSortDropdown.tsx"],"sourcesContent":["import {\n  type FC,\n  type MouseEvent,\n  type PropsWithChildren,\n  type RefObject,\n  memo,\n  useCallback,\n  useMemo,\n  useRef,\n} from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useTheme } from '../../../../hooks/useTheme'\nimport { useIntl } from '../../../../intl'\nimport { Button } from '../../../Button'\nimport { Dropdown, DropdownContent, DropdownTrigger } from '../../../Dropdown'\nimport { FaCaretDownIcon, FaCheckIcon } from '../../../Icon'\nimport { Translate } from '../common/Translate'\n\nimport type { Launcher } from '../../types'\n\nconst classNameGenerator = tv({\n  slots: {\n    trigger: [\n      'smarthr-ui-AppLauncher-SortDropdown-trigger',\n      'shr-gap-0.25 shr-text-grey',\n      '[&[aria-expanded=\"true\"]_.smarthr-ui-Icon]:shr-rotate-180',\n    ],\n    contentBody: ['shr-px-0.25 shr-py-0.5', 'shr-flex shr-flex-col shr-items-stretch'],\n    contentButton: [\n      'shr-justify-start shr-border-none shr-py-0.75 shr-pl-2.5 shr-font-normal',\n      'aria-selected:shr-pl-1',\n    ],\n  },\n})\n\ntype Props = {\n  sortType: Launcher['sortType']\n  onSelectSortType: (sortType: Launcher['sortType']) => void\n}\n\nexport const AppLauncherSortDropdown: FC<Props> = ({ sortType, onSelectSortType }) => {\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const classNames = useMemo(() => {\n    const { trigger, contentBody, contentButton } = classNameGenerator()\n\n    return {\n      trigger: trigger(),\n      contentBody: contentBody(),\n      contentButton: contentButton(),\n    }\n  }, [])\n\n  const { localize } = useIntl()\n  const translated = useMemo(\n    () => ({\n      label: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownLabel',\n        defaultText: '表示順',\n      }),\n      selected: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownSelected',\n        defaultText: '選択中',\n      }),\n      default: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderDefault',\n        defaultText: 'デフォルト',\n      }),\n      asc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameAsc',\n        defaultText: 'アプリ名の昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/AppHeader/Launcher/sortDropdownOrderNameDesc',\n        defaultText: 'アプリ名の降順',\n      }),\n    }),\n    [localize],\n  )\n\n  const options = useMemo(\n    () => [\n      ['default', translated.default],\n      ['name/asc', translated.asc],\n      ['name/desc', translated.desc],\n    ],\n    [translated],\n  )\n\n  const onClickOption = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      onSelectSortType(e.currentTarget.value as Launcher['sortType'])\n\n      // Dropdown がネストしており、この Dropdown のみ閉じて親の Dropdown は開いたままというのができない\n      // そのため、無理矢理クリックイベントを発生させて実現している\n      setTimeout(() => {\n        if (triggerRef.current) {\n          triggerRef.current.click()\n          triggerRef.current.focus()\n        }\n      }, 0)\n    },\n    [onSelectSortType],\n  )\n\n  return (\n    <Dropdown>\n      <TriggerButton triggerRef={triggerRef} className={classNames.trigger}>\n        {translated.label}\n      </TriggerButton>\n      <DropdownContent controllable>\n        <div role=\"listbox\" className={classNames.contentBody}>\n          {options.map(([value, children], i) => (\n            <OptionButton\n              key={i}\n              value={value}\n              selected={value === sortType}\n              selectedAlt={translated.selected}\n              onClick={onClickOption}\n              className={classNames.contentButton}\n            >\n              {children}\n            </OptionButton>\n          ))}\n        </div>\n      </DropdownContent>\n    </Dropdown>\n  )\n}\n\nconst TriggerButton = memo<\n  PropsWithChildren<{ triggerRef: RefObject<HTMLButtonElement>; className: string }>\n>(({ triggerRef, children, className }) => (\n  <DropdownTrigger>\n    <Button\n      ref={triggerRef}\n      size=\"s\"\n      variant=\"text\"\n      suffix={<FaCaretDownIcon />}\n      className={className}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  </DropdownTrigger>\n))\n\nconst OptionButton = memo<\n  PropsWithChildren<{\n    value: string\n    selected: boolean\n    selectedAlt: string\n    onClick: (e: MouseEvent<HTMLButtonElement>) => void\n    className: string\n  }>\n>(({ value, selected, selectedAlt, onClick, children, className }) => {\n  const theme = useTheme()\n  return (\n    <Button\n      value={value}\n      role=\"option\"\n      aria-selected={selected}\n      className={className}\n      prefix={\n        selected && (\n          <FaCheckIcon color={theme.textColor.main} alt={<Translate>{selectedAlt}</Translate>} />\n        )\n      }\n      onClick={onClick}\n    >\n      <Translate>{children}</Translate>\n    </Button>\n  )\n})\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}

package/lib/components/AppHeader/components/desktop/AppLauncher.cjs

@@ -3,11 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var hooks_useTheme = require('../../../../hooks/useTheme.cjs');
 require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');
 require('../../../../_virtual/dayjs.min.cjs');
-var themes_tailwind_TailwindConfig = require('../../../../themes/tailwind/TailwindConfig.cjs');
 require('../../../Button/Button.cjs');
 require('../../../Button/AnchorButton.cjs');
 var components_Button_UnstyledButton = require('../../../Button/UnstyledButton.cjs');
@@ -25,8 +25,10 @@ require('../../../Layout/Reel/Reel.cjs');
 require('../../../Layout/Sidebar/Sidebar.cjs');
 require('../../../Layout/Center/Center.cjs');
 require('../../../Layout/Container/Container.cjs');
+var components_Scroller_Scroller = require('../../../Scroller/Scroller.cjs');
 var components_SectioningContent_SectioningContent = require('../../../SectioningContent/SectioningContent.cjs');
 require('../../../SectioningContent/levelContext.cjs');
+require('styled-components');
 var components_SideNav_SideNav = require('../../../SideNav/SideNav.cjs');
 require('../../../SideNav/SideNavItemButton.cjs');
 require('../../../TextLink/TextLink.cjs');
@@ -67,7 +69,7 @@ const appLauncher = index.tv({
             'shr-min-h-[2rem] shr-px-1 shr-py-0.75',
             '[&_.smarthr-ui-Heading]:shr-text-black',
         ],
-        scrollArea: ['shr-h-[509px] shr-overflow-y-scroll'],
+        scrollArea: ['shr-h-[509px]'],
     },
     variants: {
         noIcon: {
@@ -125,10 +127,11 @@ const AppLauncher = ({ features: baseFeatures }) => {
                 defaultText: '検索結果',
             }) })),
     }), [localize]);
-    return (jsxRuntime.jsxs("div", { className: classNames.wrapper, children: [jsxRuntime.jsx("div", { className: classNames.searchArea, children: jsxRuntime.jsx(components_Input_SearchInput_SearchInput.SearchInput, { name: "search", title: translated.searchInputTitle, tooltipMessage: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: translated.searchInputTitle }), width: "100%", value: searchQuery, suffix: mode === 'search' && jsxRuntime.jsx(ClearSearchButton, { onClick: onClickClearSearchQuery }), onChange: onChangeSearchQuery }) }), jsxRuntime.jsxs("div", { className: classNames.inner, children: [jsxRuntime.jsx(SideNavs, { mode: mode, page: page, changePage: changePage, translated: translated, classNames: classNames }), jsxRuntime.jsx("div", { className: classNames.main, children: jsxRuntime.jsxs(components_SectioningContent_SectioningContent.Section, { className: classNames.mainInner, children: [jsxRuntime.jsxs(components_Layout_Cluster_Cluster.Cluster, { className: classNames.contentHead, align: "center", justify: "space-between", children: [jsxRuntime.jsx(MemoizedSubSubBlockHeading, { children: mode === 'search' ? translated.searchResultText : translated[page] }), (mode === 'search' || page === 'all') && (jsxRuntime.jsx(components_AppHeader_components_common_AppLauncherSortDropdown.AppLauncherSortDropdown, { sortType: sortType, onSelectSortType: setSortType }))] }), jsxRuntime.jsx("div", { className: classNames.scrollArea, children: jsxRuntime.jsx(components_AppHeader_components_common_AppLauncherFeatures.AppLauncherFeatures, { features: features, page: page }) })] }) })] })] }));
+    return (jsxRuntime.jsxs("div", { className: classNames.wrapper, children: [jsxRuntime.jsx("div", { className: classNames.searchArea, children: jsxRuntime.jsx(components_Input_SearchInput_SearchInput.SearchInput, { name: "search", title: translated.searchInputTitle, tooltipMessage: jsxRuntime.jsx(components_AppHeader_components_common_Translate.Translate, { children: translated.searchInputTitle }), width: "100%", value: searchQuery, suffix: mode === 'search' && jsxRuntime.jsx(ClearSearchButton, { onClick: onClickClearSearchQuery }), onChange: onChangeSearchQuery }) }), jsxRuntime.jsxs("div", { className: classNames.inner, children: [jsxRuntime.jsx(SideNavs, { mode: mode, page: page, changePage: changePage, translated: translated, classNames: classNames }), jsxRuntime.jsx("div", { className: classNames.main, children: jsxRuntime.jsxs(components_SectioningContent_SectioningContent.Section, { className: classNames.mainInner, children: [jsxRuntime.jsxs(components_Layout_Cluster_Cluster.Cluster, { className: classNames.contentHead, align: "center", justify: "space-between", children: [jsxRuntime.jsx(MemoizedSubSubBlockHeading, { children: mode === 'search' ? translated.searchResultText : translated[page] }), (mode === 'search' || page === 'all') && (jsxRuntime.jsx(components_AppHeader_components_common_AppLauncherSortDropdown.AppLauncherSortDropdown, { sortType: sortType, onSelectSortType: setSortType }))] }), jsxRuntime.jsx(components_Scroller_Scroller.Scroller, { className: classNames.scrollArea, children: jsxRuntime.jsx(components_AppHeader_components_common_AppLauncherFeatures.AppLauncherFeatures, { features: features, page: page }) })] }) })] })] }));
 };
 const ClearSearchButton = React.memo(({ onClick }) => (jsxRuntime.jsx(components_Button_UnstyledButton.UnstyledButton, { onClick: onClick, children: jsxRuntime.jsx(components_Icon_FaIcon.FaCircleXmarkIcon, {}) })));
 const SideNavs = React.memo(({ mode, page, changePage, translated, classNames }) => {
+    const theme = hooks_useTheme.useTheme();
     const isNotSearch = mode !== 'search';
     const isFavorite = isNotSearch && page === 'favorite';
     const isAll = isNotSearch && page === 'all';
@@ -136,10 +139,10 @@ const SideNavs = React.memo(({ mode, page, changePage, translated, classNames })
         {
             id: 'favorite',
             title: translated.favorite,
-            prefix: jsxRuntime.jsx(components_Icon_FaIcon.FaStarIcon, { color: isFavorite ? themes_tailwind_TailwindConfig.textColor.white : undefined }),
+            prefix: jsxRuntime.jsx(components_Icon_FaIcon.FaStarIcon, { color: isFavorite ? theme.textColor.white : undefined }),
             current: isFavorite,
         },
-    ], [isFavorite, translated]);
+    ], [isFavorite, translated, theme.textColor.white]);
     const selectedItems = React.useMemo(() => [
         {
             id: 'all',