smarthr-ui 70.0.1 → 70.2.0

package/esm/_virtual/index.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
+import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.20_react@19.1.0/vendor/react-innertext/index.js';
 
-var lodash_mergeExports = requireLodash_merge();
-var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
+var reactInnertextExports = requireReactInnertext();
+var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
 
-export { _merge as default };
+export { innerText as default };
 //# sourceMappingURL=index.js.map

package/esm/_virtual/index2.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
+import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
 
-var lodash_rangeExports = requireLodash_range();
-var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
+var lodash_mergeExports = requireLodash_merge();
+var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
 
-export { _range as default };
+export { _merge as default };
 //# sourceMappingURL=index2.js.map

package/esm/_virtual/index3.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.20_react@19.1.0/vendor/react-innertext/index.js';
+import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
 
-var reactInnertextExports = requireReactInnertext();
-var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
+var lodash_rangeExports = requireLodash_range();
+var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
 
-export { innerText as default };
+export { _range as default };
 //# sourceMappingURL=index3.js.map

package/esm/_virtual/index7.js

@@ -1,8 +1,4 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePropTypes } from './../vendor/.pnpm/prop-types@15.8.1/vendor/prop-types/index.js';
+var propTypes = {exports: {}};
 
-var propTypesExports = /*@__PURE__*/ requirePropTypes();
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
-
-export { PropTypes as default };
+export { propTypes as __module };
 //# sourceMappingURL=index7.js.map

package/esm/_virtual/index7.js.map

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

package/esm/_virtual/plugin.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePlugin } from './../vendor/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3_/vendor/tailwindcss/plugin.js';
+import { __require as requirePlugin } from './../vendor/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3_/vendor/tailwindcss/plugin.js';
 
 var pluginExports = requirePlugin();
 var plugin = /*@__PURE__*/getDefaultExportFromCjs(pluginExports);

package/esm/_virtual/resolveConfig.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireResolveConfig } from './../vendor/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3_/vendor/tailwindcss/resolveConfig.js';
+import { __require as requireResolveConfig } from './../vendor/.pnpm/tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3_/vendor/tailwindcss/resolveConfig.js';
 
 var resolveConfigExports = requireResolveConfig();
 var resolveConfig = /*@__PURE__*/getDefaultExportFromCjs(resolveConfigExports);

package/esm/components/AccordionPanel/AccordionPanel.js

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

package/esm/components/AccordionPanel/AccordionPanelContent.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useContext, useMemo, useRef } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { getIsInclude } from '../../libs/map.js';
 import { AccordionPanelContext } from './AccordionPanel.js';
 import { AccordionPanelItemContext } from './AccordionPanelItem.js';

package/esm/components/AccordionPanel/AccordionPanelItem.js

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

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useContext, useCallback } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { getIsInclude, mapToKeyArray } from '../../libs/map.js';
 import { Heading } from '../Heading/Heading.js';
 import { FaCaretRightIcon, FaCaretDownIcon } from '../Icon/Icon.js';

package/esm/components/AppHeader/AppHeader.js

@@ -1,14 +1,18 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { DesktopHeader } from './components/desktop/DesktopHeader.js';
 import { MobileHeader } from './components/mobile/MobileHeader.js';
 import { LocaleContextProvider } from './hooks/useLocale.js';
 import { useMediaQuery, mediaQuery } from './hooks/useMediaQuery.js';
 
 const AppHeader = ({ locale, children, ...props }) => {
+    // NOTE: ヘッダーの出し分けは CSS によって行われているので、useMediaQuery による children の出し分けは本来不要ですが、
+    //  wovn の言語切替カスタム UI の挿入対象となる DOM ("wovn-embedded-widget-anchor" クラスを持った div) が複数描画されていると、
+    //  wovn のスクリプトの仕様上1つ目の DOM にしか UI が挿入されないため、やむを得ず children のみ React のレンダリングレベルでの出し分けをしています。
     const isDesktop = useMediaQuery(mediaQuery.desktop);
-    const Header = isDesktop ? DesktopHeader : MobileHeader;
-    return (jsx(LocaleContextProvider, { locale: locale, children: jsx(Header, { ...props, children: children }) }));
+    // HINT: Desktop,Mobileの両ヘッダーは常にHTML上に存在し、cssでvisibleを切り替えることでSSR環境でのレイアウトシフトが発生しないようにしています
+    // 表示切替は画面幅によって決まり、SSR環境では判定出来ないためです
+    return (jsxs(LocaleContextProvider, { locale: locale, children: [jsx(DesktopHeader, { ...props, children: isDesktop ? children : undefined }), jsx(MobileHeader, { ...props, children: isDesktop ? undefined : children })] }));
 };
 
 export { AppHeader };

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAUO;;;AAIL;AAKF;;"}
+{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAUO;;;;;;;AAQL;AAMF;;"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../Button/Button.js';
 import { AnchorButton as ForwardedAnchorButton } from '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useRef, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { textColor } from '../../../../themes/tailwind/TailwindConfig.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { textColor } from '../../../../themes/tailwind/TailwindConfig.js';
 import '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import { AnchorButton as ForwardedAnchorButton } from '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import { UnstyledButton } from '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { textColor } from '../../../../themes/tailwind/TailwindConfig.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useContext, useCallback, useState, useEffect, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useHandleEscape } from '../../../../hooks/useHandleEscape.js';
 import { usePortal } from '../../../../hooks/usePortal.js';
 import { Button } from '../../../Button/Button.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useContext, useMemo, useCallback, useEffect } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Text } from '../../../Text/Text.js';
 import '../../../Text/RangeSeparator.js';
 import { isChildNavigationGroup } from '../../utils.js';

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext, useMemo } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { FaUpRightFromSquareIcon } from '../../../Icon/Icon.js';
 import '../../../Icon/generateIcon.js';
 import { Stack } from '../../../Layout/Stack/Stack.js';

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

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

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo, useState, useCallback } from 'react';
-import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Button } from '../../../Button/Button.js';
 import '../../../Button/AnchorButton.js';
 import '../../../Button/UnstyledButton.js';

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

@@ -1,5 +1,4 @@
 export declare const mediaQuery: {
-    readonly desktop: "min-width: 752px";
-    readonly mobile: "max-width: 751px";
+    readonly desktop: "(min-width: 752px)";
 };
 export declare const useMediaQuery: (query: string) => boolean;

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

@@ -1,13 +1,12 @@
 import { useMemo, useSyncExternalStore } from 'react';
 
 const mediaQuery = {
-    desktop: 'min-width: 752px',
-    mobile: 'max-width: 751px',
+    desktop: '(min-width: 752px)',
 };
 const NOOP = () => undefined;
 const RETURN_FALSE = () => false;
 const useMediaQuery = (query) => {
-    const mediaQueryList = useMemo(() => (typeof window === 'undefined' ? null : matchMedia(`(${query})`)), [query]);
+    const mediaQueryList = useMemo(() => (typeof window === 'undefined' ? null : matchMedia(query)), [query]);
     const syncArgs = useMemo(() => ({
         subscribe: (callback) => {
             if (!mediaQueryList) {

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,MAAM,EAAE,kBAAkB;;AAG5B,MAAM,IAAI,GAAG,MAAM,SAAS;AAC5B,MAAM,YAAY,GAAG,MAAM,KAAK;AAEnB,MAAA,aAAa,GAAG,CAAC,KAAa,KAAI;AAC7C,IAAA,MAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,UAAU,CAAC,IAAI,KAAK,CAAA,CAAA,CAAG,CAAC,CAAC,EACvE,CAAC,KAAK,CAAC,CACR;AAED,IAAA,MAAM,QAAQ,GAAG,OAAO,CACtB,OAAO;AACL,QAAA,SAAS,EAAE,CAAC,QAAoB,KAAI;YAClC,IAAI,CAAC,cAAc,EAAE;AACnB,gBAAA,OAAO,IAAI;;AAGb,YAAA,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAEnD,YAAA,OAAO,MAAK;AACV,gBAAA,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACxD,aAAC;SACF;QACD,WAAW,EAAE,MAAM,cAAc,EAAE,OAAO,IAAI,KAAK;AACpD,KAAA,CAAC,EACF,CAAC,cAAc,CAAC,CACjB;AAED,IAAA,OAAO,oBAAoB,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC;AACrF;;;;"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../../../src/components/AppHeader/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,OAAO,EAAE,oBAAoB;;AAG/B,MAAM,IAAI,GAAG,MAAM,SAAS;AAC5B,MAAM,YAAY,GAAG,MAAM,KAAK;AAEnB,MAAA,aAAa,GAAG,CAAC,KAAa,KAAI;AAC7C,IAAA,MAAM,cAAc,GAAG,OAAO,CAC5B,OAAO,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAChE,CAAC,KAAK,CAAC,CACR;AAED,IAAA,MAAM,QAAQ,GAAG,OAAO,CACtB,OAAO;AACL,QAAA,SAAS,EAAE,CAAC,QAAoB,KAAI;YAClC,IAAI,CAAC,cAAc,EAAE;AACnB,gBAAA,OAAO,IAAI;;AAGb,YAAA,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAEnD,YAAA,OAAO,MAAK;AACV,gBAAA,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACxD,aAAC;SACF;QACD,WAAW,EAAE,MAAM,cAAc,EAAE,OAAO,IAAI,KAAK;AACpD,KAAA,CAAC,EACF,CAAC,cAAc,CAAC,CACjB;AAED,IAAA,OAAO,oBAAoB,CAAC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC;AACrF;;;;"}

package/esm/components/AppNavi/AppNavi.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, useMemo, Children, isValidElement, Fragment } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
-import { Heading } from '../Heading/Heading.js';
+import { memo, useId, useMemo, Children, isValidElement, Fragment } from 'react';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Nav } from '../SectioningContent/SectioningContent.js';
 import '../SectioningContent/levelContext.js';
 import { StatusLabel } from '../StatusLabel/StatusLabel.js';
@@ -17,7 +16,7 @@ const classNameGenerator = ce({
             'smarthr-ui-AppNavi',
             'shr-flex shr-min-w-max shr-items-center shr-bg-white shr-px-1.5 shr-shadow-layer-1',
         ],
-        statusLabelHeading: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0 shr-leading-none'],
+        statusLabel: ['smarthr-ui-AppNavi-label', 'shr-me-1 shr-shrink-0'],
         buttonsEl: [
             'smarthr-ui-AppNavi-buttons',
             'shr-flex shr-items-stretch shr-gap-1 shr-self-stretch',
@@ -26,21 +25,24 @@ const classNameGenerator = ce({
         additionalAreaEl: 'shr-ms-auto',
     },
 });
-const { wrapper, statusLabelHeading, buttonsEl, listItem, additionalAreaEl } = classNameGenerator();
+const { wrapper, statusLabel, buttonsEl, listItem, additionalAreaEl } = classNameGenerator();
 const classNames = {
-    statusLabelHeading: statusLabelHeading(),
+    statusLabel: statusLabel(),
     buttonsEl: buttonsEl(),
     listItem: listItem(),
     additionalAreaEl: additionalAreaEl(),
 };
 const AppNavi = ({ label, buttons, className, children, displayDropdownCaret, additionalArea, ...rest }) => {
+    const labelId = useId();
     const wrapperClassName = useMemo(() => wrapper({ className }), [className]);
-    return (jsxs(Nav, { ...rest, className: wrapperClassName, children: [jsx(StatusLabelHeading, { children: label }), jsxs("ul", { className: classNames.buttonsEl, children: [buttons &&
+    return (
+    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content
+    jsxs(Nav, { ...rest, "aria-labelledby": labelId, className: wrapperClassName, children: [jsx(MemoizedStatusLabel, { id: labelId, children: label }), jsxs("ul", { className: classNames.buttonsEl, children: [buttons &&
                         buttons.map((button, i) => (jsx("li", { className: classNames.listItem, children: 'tag' in button ? (jsx(AppNaviCustomTag, { ...button })) : 'href' in button ? (jsx(AppNaviAnchor, { ...button })) : 'dropdownContent' in button ? (jsx(AppNaviDropdown, { ...button, displayCaret: displayDropdownCaret })) : (jsx(AppNaviButton, { ...button })) }, i))), renderButtons(children)] }), additionalArea && jsx("div", { className: classNames.additionalAreaEl, children: additionalArea })] }));
 };
-const StatusLabelHeading = memo(({ children }) => children && (jsx(Heading, { className: classNames.statusLabelHeading, children: jsx(StatusLabel, { children: children }) })));
+const MemoizedStatusLabel = memo(({ id, children }) => children && (jsx(StatusLabel, { "aria-hidden": true, id: id, className: classNames.statusLabel, children: children })));
 const renderButtons = (children) => Children.map(children, (child) => {
-    if (!(child && isValidElement(child))) {
+    if (!child || !isValidElement(child)) {
         return null;
     }
     if (child.type === Fragment) {

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

@@ -1 +1 @@
-{"version":3,"file":"AppNavi.js","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"sourcesContent":[null],"names":["tv","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"AppNavi.js","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"sourcesContent":[null],"names":["tv","_jsxs","_jsx"],"mappings":"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"}

package/esm/components/AppNavi/AppNaviAnchor.js

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

package/esm/components/AppNavi/AppNaviButton.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/esm/components/AppNavi/AppNaviCustomTag.js

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

package/esm/components/AppNavi/AppNaviDropdown.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Children, isValidElement, Fragment as Fragment$1, cloneElement } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import '../Dropdown/Dropdown.js';
 import '../Dropdown/DropdownTrigger.js';
 import '../Dropdown/DropdownContent.js';

package/esm/components/AppNavi/itemClassNameGenerator.js

@@ -1,4 +1,4 @@
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 
 const itemClassNameGenerator = ce({
     slots: {

package/esm/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Text } from '../Text/Text.js';
 import '../Text/RangeSeparator.js';
 

package/esm/components/Balloon/Balloon.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 
 // HINT: trianble部分はRetinaディスプレイなどで途切れてしまう場合があるので
 // 1pxほど大きめに描画してbody部分と被るようにしています。

package/esm/components/Base/Base.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useSectionWrapper } from '../SectioningContent/useSectioningWrapper.js';
 
 const baseClassNameGenerator = ce({

package/esm/components/Base/BaseColumn/BaseColumn.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Base } from '../Base.js';
 
 const classNameGenerator = ce({

package/esm/components/BottomFixedArea/BottomFixedArea.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useEffect } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Base } from '../Base/Base.js';
 import '../Base/BaseColumn/BaseColumn.js';
 import { Button } from '../Button/Button.js';

package/esm/components/Browser/Browser.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo, useCallback } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useDecorators } from '../../hooks/useDecorators.js';
 import { Text } from '../Text/Text.js';
 import '../Text/RangeSeparator.js';

package/esm/components/Browser/BrowserItem.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { FaAngleRightIcon } from '../Icon/Icon.js';
 import '../Icon/generateIcon.js';
 import '../Layout/Stack/Stack.js';

package/esm/components/Button/AnchorButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { ButtonWrapper } from './ButtonWrapper.js';
 import { DisabledDetail } from './DisabledDetail.js';
 

package/esm/components/Button/Button.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useMemo, memo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useDecorators } from '../../hooks/useDecorators.js';
 import { usePortal } from '../../hooks/usePortal.js';
 import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';

package/esm/components/Button/ButtonWrapper.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
-import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.20_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.11.21_@types_node@20.17.30_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { Loader } from '../Loader/Loader.js';
 
 const EVENT_CANCELLER = (e) => {