smarthr-ui 65.2.1 → 66.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAGD,gCAAS,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,eAAe,GAAI,CACnD,CAClC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAc5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAOrD;IACD,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,IAAI,GAAG,EAAE;IACxB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE,2BAA2B;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC7D,YAAY,GAAG,MAAM,EACrB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,QAAgB,EAAE,UAAmB,EAAE,EAAE;QACxC,WAAW,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAC3F,CAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACpC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;YAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;YACL,cAAc;YACd,YAAY;YACZ,aAAa;YACb,YAAY;YACZ,kBAAkB;YAClB,SAAS;SACV;QAED,gCAAS,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,eAAe,GAAI,CACnD,CAClC,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppHeader/hooks/useAppLauncher.d.ts

@@ -15,4 +15,4 @@ export declare const useAppLauncher: (baseFeatures: Array<Launcher["feature"]>)
     setSortType: import("react").Dispatch<import("react").SetStateAction<"default" | "name/asc" | "name/desc">>;
     changeSearchQuery: (q: string) => void;
 };
-export declare const looseInclude: (a: string, b: string) => boolean;
+export declare const looseInclude: (looseSearchQuery: string, featureName: string) => boolean;

package/esm/components/AppHeader/hooks/useAppLauncher.js

@@ -28,10 +28,8 @@ export const useAppLauncher = (baseFeatures) => {
         if (mode !== 'search') {
             setMode('search');
         }
-        else {
-            if (q === '') {
-                setMode('default');
-            }
+        else if (q === '') {
+            setMode('default');
         }
     }, [mode]);
     return { features, page, mode, sortType, searchQuery, changePage, setSortType, changeSearchQuery };
@@ -41,39 +39,34 @@ const sortFeatures = (features, { page, sortType, mode, searchQuery, }) => {
         const filtered = features.filter((item) => item.favorite);
         // feature の position の数値の順に並び替える。position が null の場合は最後に並べる
         return filtered.sort((a, b) => {
-            if (a.position === null && b.position === null) {
-                return 0;
-            }
-            else if (a.position === null) {
+            if (a.position === null) {
+                if (b.position === null) {
+                    return 0;
+                }
                 return 1;
             }
             else if (b.position === null) {
                 return -1;
             }
-            else {
-                return a.position - b.position;
-            }
+            return a.position - b.position;
         });
     }
+    const looseSearchQuery = normalize(searchQuery);
     const featuresRes = mode === 'search'
-        ? features.filter((feature) => looseInclude(feature.name, searchQuery))
+        ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))
         : [...features];
-    if (sortType === 'name/asc') {
-        featuresRes.sort((a, b) => a.name.localeCompare(b.name));
-    }
-    if (sortType === 'name/desc') {
-        featuresRes.sort((a, b) => b.name.localeCompare(a.name));
+    switch (sortType) {
+        case 'name/asc':
+            return featuresRes.sort((a, b) => a.name.localeCompare(b.name));
+        case 'name/desc':
+            return featuresRes.sort((a, b) => b.name.localeCompare(a.name));
     }
     return featuresRes;
 };
-// 文字列 a が文字列 b を含んでいたら true を返す
-export const looseInclude = (a, b) => {
-    const normalizedA = normalize(a);
-    const normalizedB = normalize(b);
-    return normalizedA.includes(normalizedB);
-};
+export const looseInclude = (looseSearchQuery, featureName) => 
+// HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する
+featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery);
 // アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。
-const normalize = (s) => s
-    .toLowerCase()
-    .replace(/[\u30a1-\u30f6]/g, (match) => String.fromCharCode(match.charCodeAt(0) - 0x60));
+const normalize = (str) => str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60));
+const NORMALIZE_REGEX = /[\u30a1-\u30f6]/g;
 //# sourceMappingURL=useAppLauncher.js.map

package/esm/components/AppHeader/hooks/useAppLauncher.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppLauncher.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAppLauncher.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"names":[],"mappings":"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"}

package/esm/components/AppHeader/hooks/useMediaQuery.js

@@ -1,16 +1,24 @@
-import { useCallback, useMemo, useSyncExternalStore } from 'react';
+import { useMemo, useSyncExternalStore } from 'react';
 export const mediaQuery = {
     desktop: 'min-width: 752px',
     mobile: 'max-width: 751px',
 };
+const NOOP = () => undefined;
+const RETURN_FALSE = () => false;
 export const useMediaQuery = (query) => {
     const mediaQueryList = useMemo(() => (typeof window === 'undefined' ? null : matchMedia(`(${query})`)), [query]);
-    const subscribe = useCallback((callback) => {
-        mediaQueryList?.addEventListener('change', callback);
-        return () => {
-            mediaQueryList?.removeEventListener('change', callback);
-        };
-    }, [mediaQueryList]);
-    return useSyncExternalStore(subscribe, () => mediaQueryList?.matches ?? false, () => false);
+    const syncArgs = useMemo(() => ({
+        subscribe: (callback) => {
+            if (!mediaQueryList) {
+                return NOOP;
+            }
+            mediaQueryList.addEventListener('change', callback);
+            return () => {
+                mediaQueryList.removeEventListener('change', callback);
+            };
+        },
+        getSnapshot: () => mediaQueryList?.matches ?? false,
+    }), [mediaQueryList]);
+    return useSyncExternalStore(syncArgs.subscribe, syncArgs.getSnapshot, RETURN_FALSE);
 };
 //# sourceMappingURL=useMediaQuery.js.map

package/esm/components/AppHeader/hooks/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,kBAAkB;CAClB,CAAA;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAAoB,EAAE,EAAE;QACvB,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACpD,OAAO,GAAG,EAAE;YACV,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACzD,CAAC,CAAA;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,OAAO,oBAAoB,CACzB,SAAS,EACT,GAAG,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,KAAK,EACtC,GAAG,EAAE,CAAC,KAAK,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,kBAAkB;CAClB,CAAA;AAEV,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,SAAS,CAAA;AAC5B,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;IAC7C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,CAAC,QAAoB,EAAE,EAAE;YAClC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO,IAAI,CAAA;YACb,CAAC;YAED,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAEnD,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YACxD,CAAC,CAAA;QACH,CAAC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,KAAK;KACpD,CAAC,EACF,CAAC,cAAc,CAAC,CACjB,CAAA;IAED,OAAO,oBAAoB,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AACrF,CAAC,CAAA"}

package/esm/components/AppHeader/utils.js

@@ -1,7 +1,14 @@
 export const buildDisplayName = ({ email, empCode, firstName, lastName, }) => {
-    const empCodeStr = empCode ? `（${empCode}）` : '';
-    return ((firstName && lastName ? `${lastName} ${firstName}` + empCodeStr : empCode ? empCode : email) ??
-        '');
+    if (firstName && lastName) {
+        return `${lastName} ${firstName}${empCode ? `（${empCode}）` : ''}`;
+    }
+    else if (empCode) {
+        return empCode;
+    }
+    else if (email) {
+        return email;
+    }
+    return '';
 };
 export const isChildNavigation = (navigation) => 'href' in navigation || 'elementAs' in navigation || 'onClick' in navigation;
 export const isChildNavigationGroup = (navigation) => navigation &&

package/esm/components/AppHeader/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AppHeader/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GAMT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAEhD,OAAO,CACL,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7F,EAAE,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAA6C,EACd,EAAE,CACjC,MAAM,IAAI,UAAU,IAAI,WAAW,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU,CAAA;AAE9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAA6C,EACT,EAAE,CACtC,UAAU;IACV,kBAAkB,IAAI,UAAU;IAChC,OAAO,IAAI,UAAU;IACrB,CAAC,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/AppHeader/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GAMT,EAAE,EAAE;IACH,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;QAC1B,OAAO,GAAG,QAAQ,IAAI,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IACnE,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,OAAO,OAAO,CAAA;IAChB,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,UAA6C,EACd,EAAE,CACjC,MAAM,IAAI,UAAU,IAAI,WAAW,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU,CAAA;AAE9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAA6C,EACT,EAAE,CACtC,UAAU;IACV,kBAAkB,IAAI,UAAU;IAChC,OAAO,IAAI,UAAU;IACrB,CAAC,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js

@@ -1,35 +1,53 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { tv } from 'tailwind-variants';
+import { DropdownMenuGroup } from '../Dropdown';
 import { DropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton';
 const classNameGenerator = tv({
-    base: [
-        'smarthr-ui-AppNavi-dropdownMenuButton',
-        [
-            '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-none',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-text-grey',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-rounded-none',
+    slots: {
+        trigger: [
+            'smarthr-ui-AppNavi-dropdownMenuButton',
+            [
+                '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-border-none',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-px-0.5',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-text-grey',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger]:shr-rounded-none',
+            ],
+            [
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:shr-relative',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:shr-text-black',
+            ],
+            [
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-content-[""]',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-absolute',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-bottom-0',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-inset-x-0',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-h-0.25',
+                '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-bg-main',
+            ],
         ],
-        [
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:shr-relative',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:shr-text-black',
+        actionItem: [
+            'aria-current-page:shr-bg-grey-9 aria-current-page:shr-font-bold',
+            // aria-current-page より詳細度を確実に上げる
+            '[&&]:hover:shr-bg-head-darken',
         ],
-        [
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-content-[""]',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-absolute',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-bottom-0',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-inset-x-0',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-h-0.25',
-            '[&_.smarthr-ui-DropdownMenuButton-trigger:has([aria-current=page])]:after:shr-bg-main',
-        ],
-    ],
+    },
+});
+const { trigger, actionItem } = classNameGenerator();
+const renderItemList = (children) => React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) {
+        return null;
+    }
+    if (item.type === React.Fragment) {
+        return renderItemList(item.props.children);
+    }
+    if (item.type === DropdownMenuGroup) {
+        return (React.createElement(DropdownMenuGroup, { ...item.props }, renderItemList(item.props.children)));
+    }
+    return React.cloneElement(item, {
+        className: actionItem({ className: item.props.className }),
+    });
 });
-export const AppNaviDropdownMenuButton = ({ label, children }) => {
-    const className = useMemo(() => classNameGenerator(), []);
-    return (React.createElement(DropdownMenuButton, { label: React.createElement(React.Fragment, null,
-            label,
-            React.createElement("span", { hidden: true }, 
-            // has([aria-current="page"]) を書くために複製
-            children)), className: className }, children));
-};
+export const AppNaviDropdownMenuButton = ({ label, children }) => (React.createElement(DropdownMenuButton, { label: React.createElement(React.Fragment, null,
+        label,
+        React.createElement("span", { hidden: true }, children)), className: trigger() }, renderItemList(children)));
 //# sourceMappingURL=AppNaviDropdownMenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AAEtF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,uCAAuC;QACvC;YACE,4DAA4D;YAC5D,uDAAuD;YACvD,0DAA0D;YAC1D,6DAA6D;SAC9D;QACD;YACE,kFAAkF;YAClF,oFAAoF;SACrF;QACD;YACE,4FAA4F;YAC5F,wFAAwF;YACxF,wFAAwF;YACxF,yFAAyF;YACzF,sFAAsF;YACtF,uFAAuF;SACxF;KACF;CACF,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,yBAAyB,GAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EACH;YACG,KAAK;YACN,8BAAM,MAAM;YAER,sCAAsC;YACtC,QAAQ,CAEL,CACN,EAEL,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACU,CACtB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AAOtF,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,OAAO,EAAE;YACP,uCAAuC;YACvC;gBACE,4DAA4D;gBAC5D,uDAAuD;gBACvD,0DAA0D;gBAC1D,6DAA6D;aAC9D;YACD;gBACE,kFAAkF;gBAClF,oFAAoF;aACrF;YACD;gBACE,4FAA4F;gBAC5F,wFAAwF;gBACxF,wFAAwF;gBACxF,yFAAyF;gBACzF,sFAAsF;gBACtF,uFAAuF;aACxF;SACF;QACD,UAAU,EAAE;YACV,iEAAiE;YACjE,iCAAiC;YACjC,+BAA+B;SAChC;KACF;CACF,CAAC,CAAA;AACF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;AAEpD,MAAM,cAAc,GAAG,CAAC,QAAmB,EAAE,EAAE,CAC7C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAa,EAAE;IAC/C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjC,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC5C,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,EAAE,CAAC;QACpC,OAAO,CACL,oBAAC,iBAAiB,OAAK,IAAI,CAAC,KAAK,IAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAqB,CAC7F,CAAA;IACH,CAAC;IAED,OAAO,KAAK,CAAC,YAAY,CAAC,IAAoB,EAAE;QAC9C,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;KAC3D,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEJ,MAAM,CAAC,MAAM,yBAAyB,GAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3E,oBAAC,kBAAkB,IACjB,KAAK,EACH;QACG,KAAK;QAEN,8BAAM,MAAM,UAAE,QAAQ,CAAQ,CAC7B,EAEL,SAAS,EAAE,OAAO,EAAE,IAEnB,cAAc,CAAC,QAAQ,CAAC,CACN,CACtB,CAAA"}

package/esm/components/Badge/Badge.d.ts

@@ -8,12 +8,12 @@ type BaseProps = PropsWithChildren<{
     /** 0値を表示するかどうか */
     showZero?: boolean;
     /** 色の種類 */
-    type?: VariantProps<typeof badge>['color'];
+    type?: VariantProps<typeof classNameGenerator>['color'];
     /** ドット表示するかどうか */
     dot?: boolean;
 }>;
 type BadgeProps = Omit<ComponentPropsWithoutRef<'span'>, keyof BaseProps> & BaseProps;
-declare const badge: import("tailwind-variants").TVReturnType<{
+declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
     color: {
         grey: {};
         blue: {};
@@ -96,5 +96,5 @@ declare const badge: import("tailwind-variants").TVReturnType<{
         true: {};
     };
 }>, unknown, unknown, undefined>>;
-export declare const Badge: React.FC<BadgeProps>;
+export declare const Badge: React.NamedExoticComponent<BadgeProps>;
 export {};

package/esm/components/Badge/Badge.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { Text } from '../Text';
-const badge = tv({
+const classNameGenerator = tv({
     slots: {
         wrapper: 'smarthr-ui-Badge shr-relative shr-inline-flex',
         pill: ['shr-h-[1.75em] shr-min-w-[1.75em] shr-px-[0.5em] shr-tabular-nums'],
@@ -75,21 +75,36 @@ const badge = tv({
         },
     ],
 });
-export const Badge = ({ count, overflowCount = 99, showZero = false, type = 'blue', dot = false, children, className, ...props }) => {
+export const Badge = React.memo(({ count, showZero, ...rest }) => {
+    // ドット表示の場合、数値表示は無いため、早期returnする
+    if (rest.dot) {
+        return React.createElement(ActualBadge, { ...rest });
+    }
     const actualCount = count && count > 0 ? count : showZero ? 0 : undefined;
-    const { wrapperStyle, pillStyle, dotStyle } = useMemo(() => {
-        const { wrapper, pill, dotElement } = badge({ color: type, withChildren: !!children });
+    // 0値を表示するでもない場合は何も表示しない
+    if (actualCount === undefined && !rest.children) {
+        return null;
+    }
+    return React.createElement(ActualBadge, { ...rest, count: actualCount });
+});
+const ActualBadge = ({ count, overflowCount, type, dot, children, className, ...rest }) => {
+    // HINT: boolean化することでmemoが有効になる可能性を高くする
+    const withChildren = !!children;
+    const classNames = useMemo(() => {
+        const { wrapper, pill, dotElement } = classNameGenerator({
+            color: type || 'blue',
+            withChildren,
+        });
         return {
-            wrapperStyle: wrapper({ className }),
-            pillStyle: pill(),
-            dotStyle: dotElement(),
+            wrapper: wrapper({ className }),
+            pill: pill(),
+            dot: dotElement(),
         };
-    }, [children, className, type]);
-    // ドット表示でもなく、0値を表示するでもない場合は何も表示しない
-    if (!dot && !children && actualCount === undefined)
-        return null;
-    return (React.createElement("span", { ...props, className: wrapperStyle },
+    }, [withChildren, type, className]);
+    return (React.createElement("span", { ...rest, className: classNames.wrapper },
         children,
-        dot ? (React.createElement("span", { className: dotStyle })) : (actualCount !== undefined && (React.createElement(Text, { size: "XS", className: pillStyle }, actualCount > overflowCount ? `${overflowCount}+` : actualCount)))));
+        dot ? (React.createElement(Dot, { className: classNames.dot })) : (React.createElement(CountText, { count: count, overflowCount: overflowCount, className: classNames.pill }))));
 };
+const Dot = React.memo(({ className }) => React.createElement("span", { className: className }));
+const CountText = React.memo(({ count, overflowCount = 99, className }) => count !== undefined && (React.createElement(Text, { size: "XS", className: className }, count > overflowCount ? `${overflowCount}+` : count)));
 //# sourceMappingURL=Badge.js.map

package/esm/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"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"}

package/esm/components/Balloon/Balloon.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';
+import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
 import { VariantProps } from 'tailwind-variants';
-declare const balloon: import("tailwind-variants").TVReturnType<{
+declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
     horizontal: {
         center: string[];
         right: string;
@@ -78,10 +78,92 @@ declare const balloon: import("tailwind-variants").TVReturnType<{
         middle: string[];
     };
 }>, unknown, unknown, undefined>>;
-type Props = PropsWithChildren<VariantProps<typeof balloon> & {
+type Props = PropsWithChildren<VariantProps<typeof classNameGenerator> & {
     /** レンダリングするタグ */
     as?: 'div' | 'span';
 }>;
 type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
-export declare const Balloon: FC<Props & ElementProps>;
+export declare const Balloon: React.NamedExoticComponent<VariantProps<import("tailwind-variants").TVReturnType<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}>, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}, {
+    horizontal: {
+        center: string[];
+        right: string;
+        left: string;
+    };
+    vertical: {
+        top: string[];
+        bottom: string[];
+        middle: string[];
+    };
+}>, unknown, unknown, undefined>>> & {
+    /** レンダリングするタグ */
+    as?: "div" | "span";
+} & {
+    children?: React.ReactNode | undefined;
+} & ElementProps>;
 export {};

package/esm/components/Balloon/Balloon.js

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 // HINT: trianble部分はRetinaディスプレイなどで途切れてしまう場合があるので
 // 1pxほど大きめに描画してbody部分と被るようにしています。
-const balloon = tv({
+const classNameGenerator = tv({
     base: [
         'smarthr-ui-Balloon',
         'shr-relative',
@@ -108,8 +108,8 @@ const balloon = tv({
         },
     ],
 });
-export const Balloon = ({ horizontal, vertical, className, as: Component = 'div', ...props }) => {
-    const styles = useMemo(() => balloon({ horizontal, vertical, className }), [className, horizontal, vertical]);
-    return React.createElement(Component, { ...props, className: styles });
-};
+export const Balloon = React.memo(({ horizontal, vertical, className, as: Component = 'div', ...props }) => {
+    const actualClassName = useMemo(() => classNameGenerator({ horizontal, vertical, className }), [horizontal, vertical, className]);
+    return React.createElement(Component, { ...props, className: actualClassName });
+});
 //# sourceMappingURL=Balloon.js.map

package/esm/components/Balloon/Balloon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAClD,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}
+{"version":3,"file":"Balloon.js","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,OAAO,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,iDAAiD;AACjD,kCAAkC;AAClC,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,IAAI,EAAE;QACJ,oBAAoB;QACpB,cAAc;QACd,kBAAkB;QAClB,aAAa;QACb,eAAe;QACf,4EAA4E;QAC5E,6DAA6D;QAC7D,mCAAmC;QACnC,0BAA0B;QAC1B,uBAAuB;QACvB,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,oBAAoB;QACpB,wBAAwB;QACxB,oBAAoB;QACpB,oCAAoC;QACpC,wCAAwC;QACxC,gCAAgC;QAChC,mCAAmC;QACnC,uCAAuC;QACvC,mCAAmC;KACpC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,MAAM,EAAE;gBACN,qBAAqB;gBACrB,+BAA+B;gBAC/B,oBAAoB;gBACpB,8BAA8B;aAC/B;YACD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;SACT;QACD,QAAQ,EAAE;YACR,GAAG,EAAE;gBACH,uBAAuB;gBACvB,qBAAqB;gBACrB,oBAAoB;gBACpB,oDAAoD;gBACpD,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,mDAAmD;aACpD;YACD,MAAM,EAAE;gBACN,0BAA0B;gBAC1B,qBAAqB;gBACrB,oBAAoB;gBACpB,iDAAiD;gBACjD,wBAAwB;gBACxB,oBAAoB;gBACpB,mBAAmB;gBACnB,gDAAgD;aACjD;YACD,MAAM,EAAE;gBACN,oBAAoB;gBACpB,+BAA+B;gBAC/B,mBAAmB;gBACnB,8BAA8B;aAC/B;SACF;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,CAAC;SACzD;QACD;YACE,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YAC3B,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,CAAC;SAC3D;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE;gBACT,wBAAwB;gBACxB,oBAAoB;gBACpB,qBAAqB;gBACrB,oDAAoD;gBACpD,sBAAsB;gBACtB,mBAAmB;gBACnB,oBAAoB;gBACpB,mDAAmD;aACpD;SACF;QACD;YACE,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE;gBACT,yBAAyB;gBACzB,oBAAoB;gBACpB,qBAAqB;gBACrB,iDAAiD;gBACjD,uBAAuB;gBACvB,mBAAmB;gBACnB,oBAAoB;gBACpB,gDAAgD;aACjD;SACF;KACF;CACF,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAClC,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,eAAe,GAAI,CAAA;AAC7D,CAAC,CACF,CAAA"}

package/esm/components/Base/Base.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import type { Gap } from '../../types';
-export declare const base: import("tailwind-variants").TVReturnType<{
+export declare const baseClassNameGenerator: import("tailwind-variants").TVReturnType<{
     paddingBlock: { [key in Gap]: string; };
     paddingInline: { [key in Gap]: string; };
     radius: {
@@ -199,7 +199,7 @@ export declare const base: import("tailwind-variants").TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
-type Props = PropsWithChildren<Omit<VariantProps<typeof base>, 'paddingBlock' | 'paddingInline' | 'overflowBlock' | 'overflowInline'> & {
+type Props = PropsWithChildren<Omit<VariantProps<typeof baseClassNameGenerator>, 'paddingBlock' | 'paddingInline' | 'overflowBlock' | 'overflowInline'> & {
     /** 境界とコンテンツの間の余白 */
     padding?: Gap | SeparatePadding;
     /** コンテンツが要素内に収まらない場合の処理方法 */

package/esm/components/Base/Base.js

@@ -2,7 +2,7 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 import { useSectionWrapper } from '../SectioningContent/useSectioningWrapper';
-export const base = tv({
+export const baseClassNameGenerator = tv({
     base: 'smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast',
     variants: {
         paddingBlock: {
@@ -80,24 +80,25 @@ export const base = tv({
         },
     },
 });
-export const Base = forwardRef(({ padding, radius = 'm', overflow, layer = 1, as: Component = 'div', className, ...props }, ref) => {
-    const styles = useMemo(() => {
-        const paddingBlock = padding instanceof Object ? padding.block : padding;
-        const paddingInline = padding instanceof Object ? padding.inline : padding;
-        const overflowBlock = overflow instanceof Object ? overflow.y : overflow;
-        const overflowInline = overflow instanceof Object ? overflow.x : overflow;
-        return base({
-            paddingBlock,
-            paddingInline,
-            radius,
-            overflowBlock,
-            overflowInline,
-            layer,
+export const Base = forwardRef(({ padding, radius, overflow, layer, as: Component = 'div', className, ...props }, ref) => {
+    const actualClassName = useMemo(() => {
+        const actualPadding = padding instanceof Object ? padding : { block: padding, inline: padding };
+        const actualOverflow = overflow instanceof Object ? overflow : { x: overflow, y: overflow };
+        return baseClassNameGenerator({
+            paddingBlock: actualPadding.block,
+            paddingInline: actualPadding.inline,
+            radius: radius ?? 'm',
+            overflowBlock: actualOverflow.y,
+            overflowInline: actualOverflow.x,
+            layer: layer ?? 1,
             className,
         });
-    }, [className, layer, overflow, padding, radius]);
+    }, [layer, overflow, padding, radius, className]);
     const Wrapper = useSectionWrapper(Component);
-    return (React.createElement(Wrapper, null,
-        React.createElement(Component, { ...props, ref: ref, className: styles })));
+    const body = React.createElement(Component, { ...props, ref: ref, className: actualClassName });
+    if (Wrapper) {
+        return React.createElement(Wrapper, null, body);
+    }
+    return body;
 });
 //# sourceMappingURL=Base.js.map

package/esm/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"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"}

package/esm/components/Base/BaseColumn/BaseColumn.d.ts

@@ -2,9 +2,9 @@ import React, { ComponentProps } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import { Base } from '../Base';
 type BaseProps = Omit<ComponentProps<typeof Base>, 'radius' | 'layer'>;
-type Props = VariantProps<typeof baseColumn>;
+type Props = VariantProps<typeof classNameGenerator>;
 type ElementProps = Omit<ComponentProps<'div'>, keyof BaseProps | keyof Props>;
-export declare const baseColumn: import("tailwind-variants").TVReturnType<{
+export declare const classNameGenerator: import("tailwind-variants").TVReturnType<{
     bgColor: {
         BACKGROUND: string;
         COLUMN: string;