smarthr-ui 99.3.2 → 99.4.0

package/lib/components/AppHeader/components/mobile/AppLauncher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { FaCircleXmarkIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Text } from '../../../Text'\nimport { HelpLink } from '../../../TextLink'\nimport { useAppLauncher } from '../../hooks/useAppLauncher'\nimport { AppLauncherFeatures } from '../common/AppLauncherFeatures'\nimport { AppLauncherSortDropdown } from '../common/AppLauncherSortDropdown'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncherFilterDropdown } from './AppLauncherFilterDropdown'\n\nimport type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: ['smarthr-ui-AppLauncher', 'shr-flex shr-h-full shr-flex-col'],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    headArea: 'shr-px-1 shr-py-0.75',\n    scrollArea: 'shr-flex-1 shr-basis-0',\n    bottomArea: 'shr-border-t-shorthand shr-px-1 shr-py-0.75',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, searchArea, headArea, scrollArea, bottomArea } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    searchArea: searchArea(),\n    headArea: headArea(),\n    scrollArea: scrollArea(),\n    bottomArea: bottomArea(),\n  }\n})()\n\nexport const AppLauncher: FC<Props> = ({ features: baseFeatures }) => {\n  const {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n  } = useAppLauncher(baseFeatures)\n\n  const { searchInputTitle } = useLocalize({\n    searchInputTitle: {\n      id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n      defaultText: 'アプリ名を入力してください。',\n    },\n  })\n\n  return (\n    <div className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={searchInputTitle}\n          tooltipMessage={<Translate>{searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <Cluster className={CLASS_NAMES.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>\n            <Localizer id=\"smarthr-ui/AppHeader/Launcher/searchResultText\" defaultText=\"検索結果\" />\n          </SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} handleSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={CLASS_NAMES.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={CLASS_NAMES.bottomArea}>\n        <Localizer id=\"smarthr-ui/AppHeader/Launcher/helpText\" defaultText=\"よく使うアプリとは\" />\n      </BottomArea>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SearchResultText = memo<PropsWithChildren>(({ children }) => (\n  <Text size=\"S\" weight=\"bold\">\n    <Translate>{children}</Translate>\n  </Text>\n))\n\nconst BottomArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <Text size=\"XS\">\n      <HelpLink\n        href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n        target=\"_blank\"\n      >\n        <Translate>{children}</Translate>\n      </HelpLink>\n    </Text>\n  </div>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"AppLauncher.js","sources":["../../../../../src/components/AppHeader/components/mobile/AppLauncher.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, memo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Localizer, useLocalize } from '../../../../intl'\nimport { UnstyledButton } from '../../../Button'\nimport { FaCircleXmarkIcon } from '../../../Icon'\nimport { SearchInput } from '../../../Input'\nimport { Cluster } from '../../../Layout'\nimport { Scroller } from '../../../Scroller'\nimport { Text } from '../../../Text'\nimport { HelpLink } from '../../../TextLink'\nimport { useAppLauncher } from '../../hooks/useAppLauncher'\nimport { AppLauncherFeatures } from '../common/AppLauncherFeatures'\nimport { AppLauncherSortDropdown } from '../common/AppLauncherSortDropdown'\nimport { Translate } from '../common/Translate'\n\nimport { AppLauncherFilterDropdown } from './AppLauncherFilterDropdown'\n\nimport type { Launcher } from '../../types'\n\ntype Props = {\n  features: Array<Launcher['feature']>\n}\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: ['smarthr-ui-AppLauncher', 'shr-flex shr-h-full shr-flex-col'],\n    searchArea: [\n      'smarthr-ui-AppLauncher-searchArea',\n      'shr-border-b-shorthand shr-px-1 shr-py-0.75',\n      '[&_.smarthr-ui-Input]:shr-h-[42px]',\n    ],\n    headArea: 'shr-px-1 shr-py-0.75',\n    scrollArea: 'shr-flex-1 shr-basis-0',\n    bottomArea: 'shr-border-t-shorthand shr-px-1 shr-py-0.75',\n  },\n})\n\nconst CLASS_NAMES = (() => {\n  const { wrapper, searchArea, headArea, scrollArea, bottomArea } = classNameGenerator()\n\n  return {\n    wrapper: wrapper(),\n    searchArea: searchArea(),\n    headArea: headArea(),\n    scrollArea: scrollArea(),\n    bottomArea: bottomArea(),\n  }\n})()\n\nexport const AppLauncher: FC<Props> = ({ features: baseFeatures }) => {\n  const {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n    callbackRef,\n  } = useAppLauncher(baseFeatures)\n\n  const { searchInputTitle } = useLocalize({\n    searchInputTitle: {\n      id: 'smarthr-ui/AppHeader/Launcher/searchInputTitle',\n      defaultText: 'アプリ名を入力してください。',\n    },\n  })\n\n  return (\n    <div ref={callbackRef} className={CLASS_NAMES.wrapper}>\n      <div className={CLASS_NAMES.searchArea}>\n        <SearchInput\n          name=\"search\"\n          title={searchInputTitle}\n          tooltipMessage={<Translate>{searchInputTitle}</Translate>}\n          width=\"100%\"\n          value={searchQuery}\n          suffix={mode === 'search' && <ClearSearchButton onClick={onClickClearSearchQuery} />}\n          onChange={onChangeSearchQuery}\n        />\n      </div>\n\n      <Cluster className={CLASS_NAMES.headArea} justify=\"space-between\" align=\"center\">\n        {mode === 'search' ? (\n          <SearchResultText>\n            <Localizer id=\"smarthr-ui/AppHeader/Launcher/searchResultText\" defaultText=\"検索結果\" />\n          </SearchResultText>\n        ) : (\n          <AppLauncherFilterDropdown page={page} handleSelectPage={changePage} />\n        )}\n\n        {(mode === 'search' || page === 'all') && (\n          <AppLauncherSortDropdown sortType={sortType} onSelectSortType={setSortType} />\n        )}\n      </Cluster>\n\n      <Scroller className={CLASS_NAMES.scrollArea} styleType=\"scroll\">\n        <AppLauncherFeatures features={features} page={page} />\n      </Scroller>\n\n      <BottomArea className={CLASS_NAMES.bottomArea}>\n        <Localizer id=\"smarthr-ui/AppHeader/Launcher/helpText\" defaultText=\"よく使うアプリとは\" />\n      </BottomArea>\n    </div>\n  )\n}\n\nconst ClearSearchButton = memo<{ onClick: () => void }>(({ onClick }) => (\n  <UnstyledButton onClick={onClick}>\n    <FaCircleXmarkIcon />\n  </UnstyledButton>\n))\n\nconst SearchResultText = memo<PropsWithChildren>(({ children }) => (\n  <Text size=\"S\" weight=\"bold\">\n    <Translate>{children}</Translate>\n  </Text>\n))\n\nconst BottomArea = memo<PropsWithChildren<{ className: string }>>(({ children, className }) => (\n  <div className={className}>\n    <Text size=\"XS\">\n      <HelpLink\n        href=\"https://support.smarthr.jp/ja/help/articles/2bfd350d-8e8b-4bbd-a209-426d2eb302cc/\"\n        target=\"_blank\"\n      >\n        <Translate>{children}</Translate>\n      </HelpLink>\n    </Text>\n  </div>\n))\n"],"names":["tv","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EAAE,CAAC,wBAAwB,EAAE,kCAAkC,CAAC;AACvE,QAAA,UAAU,EAAE;YACV,mCAAmC;YACnC,6CAA6C;YAC7C,oCAAoC;AACrC,SAAA;AACD,QAAA,QAAQ,EAAE,sBAAsB;AAChC,QAAA,UAAU,EAAE,wBAAwB;AACpC,QAAA,UAAU,EAAE,6CAA6C;AAC1D,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,MAAK;AACxB,IAAA,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE;IAEtF,OAAO;QACL,OAAO,EAAE,OAAO,EAAE;QAClB,UAAU,EAAE,UAAU,EAAE;QACxB,QAAQ,EAAE,QAAQ,EAAE;QACpB,UAAU,EAAE,UAAU,EAAE;QACxB,UAAU,EAAE,UAAU,EAAE;KACzB;AACH,CAAC,GAAG;AAEG,MAAM,WAAW,GAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAI;IACnE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,WAAW,GACZ,GAAG,cAAc,CAAC,YAAY,CAAC;AAEhC,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;AACvC,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,gDAAgD;AACpD,YAAA,WAAW,EAAE,gBAAgB;AAC9B,SAAA;AACF,KAAA,CAAC;IAEF,QACEC,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,OAAO,EAAA,QAAA,EAAA,CACnDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,CAAC,UAAU,EAAA,QAAA,EACpCA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAEA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAE,gBAAgB,EAAA,CAAa,EACzD,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,IAAI,KAAK,QAAQ,IAAIA,GAAA,CAAC,iBAAiB,IAAC,OAAO,EAAE,uBAAuB,EAAA,CAAI,EACpF,QAAQ,EAAE,mBAAmB,GAC7B,EAAA,CACE,EAEND,KAAC,OAAO,EAAA,EAAC,SAAS,EAAE,WAAW,CAAC,QAAQ,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aAC7E,IAAI,KAAK,QAAQ,IAChBC,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EACfA,GAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAC,gDAAgD,EAAC,WAAW,EAAC,0BAAM,EAAA,CAAG,GACnE,KAEnBA,IAAC,yBAAyB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAA,CAAI,CACxE,EAEA,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,KAAK,MACnCA,GAAA,CAAC,uBAAuB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAA,CAAI,CAC/E,CAAA,EAAA,CACO,EAEVA,IAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAC,QAAQ,YAC7DA,GAAA,CAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAAA,CAC9C,EAEXA,GAAA,CAAC,UAAU,IAAC,SAAS,EAAE,WAAW,CAAC,UAAU,EAAA,QAAA,EAC3CA,GAAA,CAAC,SAAS,EAAA,EAAC,EAAE,EAAC,wCAAwC,EAAC,WAAW,EAAC,wDAAW,EAAA,CAAG,EAAA,CACtE,CAAA,EAAA,CACT;AAEV;AAEA,MAAM,iBAAiB,GAAG,IAAI,CAA0B,CAAC,EAAE,OAAO,EAAE,MAClEA,IAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,QAAA,EAC9BA,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAG,EAAA,CACN,CAClB,CAAC;AAEF,MAAM,gBAAgB,GAAG,IAAI,CAAoB,CAAC,EAAE,QAAQ,EAAE,MAC5DA,IAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,SAAS,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAa,EAAA,CAC5B,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,CAA2C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MACxFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAAA,QAAA,EACvBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EACbA,IAAC,QAAQ,EAAA,EACP,IAAI,EAAC,mFAAmF,EACxF,MAAM,EAAC,QAAQ,YAEfA,GAAA,CAAC,SAAS,cAAE,QAAQ,EAAA,CAAa,GACxB,EAAA,CACN,EAAA,CACH,CACP,CAAC;;;;"}

package/lib/components/AppHeader/components/mobile/AppLauncherFilterDropdown.cjs

@@ -3,7 +3,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useTheme = require('../../../../hooks/useTheme.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useTheme } from '../../../../hooks/useTheme.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';

package/lib/components/AppHeader/components/mobile/LanguageSelector.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var intl_IntlProvider = require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');
 require('react-intl');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useAvailableLocales } from '../../../../intl/IntlProvider.js';
 import { useIntl } from '../../../../intl/useIntl.js';
 import 'react-intl';

package/lib/components/AppHeader/components/mobile/Menu.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useHandleEscape = require('../../../../hooks/useHandleEscape.cjs');
 var hooks_usePortal = require('../../../../hooks/usePortal.cjs');
 require('../../../../intl/IntlProvider.cjs');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useHandleEscape } from '../../../../hooks/useHandleEscape.js';
 import { usePortal } from '../../../../hooks/usePortal.js';
 import '../../../../intl/IntlProvider.js';

package/lib/components/AppHeader/components/mobile/MenuDialog.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
 require('../../../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../../../intl/useIntl.cjs');

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useContext, useMemo, useEffect, useRef } 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
 import '../../../../intl/IntlProvider.js';
 import { useLocalize } from '../../../../intl/useIntl.js';

package/lib/components/AppHeader/components/mobile/MobileHeader.cjs

@@ -33,7 +33,7 @@ const MobileHeader = ({ navigations, features, releaseNote, className = '', tena
                     releaseNote,
                     isReleaseNoteSelected,
                     setIsReleaseNoteSelected,
-                }, children: jsxRuntime.jsxs(components_Header_Header.Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, children: [children, jsxRuntime.jsx(components_AppHeader_components_mobile_Help.Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsxRuntime.jsx(components_AppHeader_components_mobile_UserInfo.UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsxRuntime.jsx(components_AppHeader_components_mobile_Menu.Menu, { appName: appName, tenantSelector: jsxRuntime.jsx(components_AppHeader_components_mobile_TenantSelector.TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
+                }, children: jsxRuntime.jsxs(components_Header_Header.Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, currentTenantId: isMenuAvailable ? undefined : currentTenantId, onTenantSelect: isMenuAvailable ? undefined : onTenantSelect, children: [children, jsxRuntime.jsx(components_AppHeader_components_mobile_Help.Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsxRuntime.jsx(components_AppHeader_components_mobile_UserInfo.UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsxRuntime.jsx(components_AppHeader_components_mobile_Menu.Menu, { appName: appName, tenantSelector: jsxRuntime.jsx(components_AppHeader_components_mobile_TenantSelector.TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
 };
 
 exports.MobileHeader = MobileHeader;

package/lib/components/AppHeader/components/mobile/MobileHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["useState","_jsx","AppLauncherContext","NavigationContext","ReleaseNoteContext","_jsxs","Header","Help","UserInfo","Menu","TenantSelector"],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAGA,cAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDD,eAACE,0EAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDF,eAACG,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;AACzB,iBAAA,EAAA,QAAA,EAEDC,gBAACC,+BAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,aAE7C,QAAQ,EAETL,eAACM,gDAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDN,cAAA,CAACO,wDAAQ,OAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdP,eAACQ,gDAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZR,cAAA,CAACS,oEAAc,IACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,GAC1C,CACH,CAAA,EAAA,CACM,GACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}
+{"version":3,"file":"MobileHeader.cjs","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n            currentTenantId={isMenuAvailable ? undefined : currentTenantId}\n            onTenantSelect={isMenuAvailable ? undefined : onTenantSelect}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["useState","_jsx","AppLauncherContext","NavigationContext","ReleaseNoteContext","_jsxs","Header","Help","UserInfo","Menu","TenantSelector"],"mappings":";;;;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAGA,cAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEC,cAAA,CAACC,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDD,eAACE,0EAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDF,eAACG,4EAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;iBACzB,EAAA,QAAA,EAEDC,eAAA,CAACC,+BAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,EAC9C,eAAe,EAAE,eAAe,GAAG,SAAS,GAAG,eAAe,EAC9D,cAAc,EAAE,eAAe,GAAG,SAAS,GAAG,cAAc,EAAA,QAAA,EAAA,CAE3D,QAAQ,EAETL,cAAA,CAACM,gDAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDN,eAACO,wDAAQ,EAAA,EAAA,GAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdP,cAAA,CAACQ,gDAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZR,cAAA,CAACS,oEAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,EAAA,CAC1C,CACH,CAAA,EAAA,CACM,EAAA,CACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}

package/lib/components/AppHeader/components/mobile/MobileHeader.js

@@ -31,7 +31,7 @@ const MobileHeader = ({ navigations, features, releaseNote, className = '', tena
                     releaseNote,
                     isReleaseNoteSelected,
                     setIsReleaseNoteSelected,
-                }, children: jsxs(Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, children: [children, jsx(Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsx(UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsx(Menu, { appName: appName, tenantSelector: jsx(TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
+                }, children: jsxs(Header, { ...rest, className: `${className} min-[752px]:!shr-hidden`, tenants: isMenuAvailable ? undefined : tenants, currentTenantId: isMenuAvailable ? undefined : currentTenantId, onTenantSelect: isMenuAvailable ? undefined : onTenantSelect, children: [children, jsx(Help, { helpPageUrl: helpPageUrl, schoolUrl: schoolUrl }), jsx(UserInfo, { ...userInfo, locale: locale }), isMenuAvailable && (jsx(Menu, { appName: appName, tenantSelector: jsx(TenantSelector, { tenants: tenants, currentTenantId: currentTenantId, onTenantSelect: onTenantSelect }), additionalContent: mobileAdditionalContent }))] }) }) }) }));
 };
 
 export { MobileHeader };

package/lib/components/AppHeader/components/mobile/MobileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDA,IAAC,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;AACzB,iBAAA,EAAA,QAAA,EAEDC,KAAC,MAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,aAE7C,QAAQ,EAETD,IAAC,IAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDA,GAAA,CAAC,QAAQ,OAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdA,IAAC,IAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZA,GAAA,CAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,GAC1C,CACH,CAAA,EAAA,CACM,GACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}
+{"version":3,"file":"MobileHeader.js","sources":["../../../../../src/components/AppHeader/components/mobile/MobileHeader.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\n\nimport { Header } from '../../../Header'\n\nimport { AppLauncherContext } from './AppLauncherContext'\nimport { Help } from './Help'\nimport { Menu } from './Menu'\nimport { NavigationContext } from './NavigationContext'\nimport { ReleaseNoteContext } from './ReleaseNoteContext'\nimport { TenantSelector } from './TenantSelector'\nimport { UserInfo } from './UserInfo'\n\nimport type { HeaderProps, NavigationGroup } from '../../types'\n\nexport const MobileHeader: FC<HeaderProps> = ({\n  navigations,\n  features,\n  releaseNote,\n  className = '',\n  tenants,\n  children,\n  helpPageUrl,\n  schoolUrl,\n  userInfo,\n  appName,\n  currentTenantId,\n  onTenantSelect,\n  mobileAdditionalContent,\n  locale,\n  ...rest\n}) => {\n  const [isAppLauncherSelected, setIsAppLauncherSelected] = useState(false)\n  const [isReleaseNoteSelected, setIsReleaseNoteSelected] = useState(false)\n  const [selectedNavigationGroup, setSelectedNavigationGroup] = useState<NavigationGroup | null>(\n    null,\n  )\n\n  // navigations の設定をメニューの解放条件とする\n  const isMenuAvailable = navigations && navigations.length > 0\n\n  return (\n    <AppLauncherContext.Provider\n      value={{\n        features,\n        isAppLauncherSelected,\n        setIsAppLauncherSelected,\n      }}\n    >\n      <NavigationContext.Provider\n        value={{\n          navigations: navigations ?? [],\n          selectedNavigationGroup,\n          setSelectedNavigationGroup,\n        }}\n      >\n        <ReleaseNoteContext.Provider\n          value={{\n            releaseNote,\n            isReleaseNoteSelected,\n            setIsReleaseNoteSelected,\n          }}\n        >\n          <Header\n            {...rest}\n            className={`${className} min-[752px]:!shr-hidden`}\n            tenants={isMenuAvailable ? undefined : tenants}\n            currentTenantId={isMenuAvailable ? undefined : currentTenantId}\n            onTenantSelect={isMenuAvailable ? undefined : onTenantSelect}\n          >\n            {children}\n\n            <Help helpPageUrl={helpPageUrl} schoolUrl={schoolUrl} />\n\n            <UserInfo {...userInfo} locale={locale} />\n\n            {isMenuAvailable && (\n              <Menu\n                appName={appName}\n                tenantSelector={\n                  <TenantSelector\n                    tenants={tenants}\n                    currentTenantId={currentTenantId}\n                    onTenantSelect={onTenantSelect}\n                  />\n                }\n                additionalContent={mobileAdditionalContent}\n              />\n            )}\n          </Header>\n        </ReleaseNoteContext.Provider>\n      </NavigationContext.Provider>\n    </AppLauncherContext.Provider>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAY,GAAoB,CAAC,EAC5C,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,EAAE,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,eAAe,EACf,cAAc,EACd,uBAAuB,EACvB,MAAM,EACN,GAAG,IAAI,EACR,KAAI;IACH,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CACpE,IAAI,CACL;;IAGD,MAAM,eAAe,GAAG,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AAE7D,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;YACL,QAAQ;YACR,qBAAqB;YACrB,wBAAwB;AACzB,SAAA,EAAA,QAAA,EAEDA,IAAC,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;gBACL,WAAW,EAAE,WAAW,IAAI,EAAE;gBAC9B,uBAAuB;gBACvB,0BAA0B;AAC3B,aAAA,EAAA,QAAA,EAEDA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAC1B,KAAK,EAAE;oBACL,WAAW;oBACX,qBAAqB;oBACrB,wBAAwB;iBACzB,EAAA,QAAA,EAEDC,IAAA,CAAC,MAAM,EAAA,EAAA,GACD,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,wBAAA,CAA0B,EACjD,OAAO,EAAE,eAAe,GAAG,SAAS,GAAG,OAAO,EAC9C,eAAe,EAAE,eAAe,GAAG,SAAS,GAAG,eAAe,EAC9D,cAAc,EAAE,eAAe,GAAG,SAAS,GAAG,cAAc,EAAA,QAAA,EAAA,CAE3D,QAAQ,EAETD,GAAA,CAAC,IAAI,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EAExDA,IAAC,QAAQ,EAAA,EAAA,GAAK,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EAEzC,eAAe,KACdA,GAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,OAAO,EAChB,cAAc,EACZA,GAAA,CAAC,cAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAAA,CAC9B,EAEJ,iBAAiB,EAAE,uBAAuB,EAAA,CAC1C,CACH,CAAA,EAAA,CACM,EAAA,CACmB,EAAA,CACH,EAAA,CACD;AAElC;;;;"}

package/lib/components/AppHeader/components/mobile/Navigation.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var components_Text_Text = require('../../../Text/Text.cjs');
 var components_AppHeader_utils = require('../../utils.cjs');
 var components_AppHeader_components_mobile_NavigationItem = require('./NavigationItem.cjs');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { Text } from '../../../Text/Text.js';
 import { isChildNavigationGroup } from '../../utils.js';
 import { NavigationItem } from './NavigationItem.js';

package/lib/components/AppHeader/components/mobile/NavigationItem.cjs

@@ -3,7 +3,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
 var components_AppHeader_utils = require('../../utils.cjs');
 var components_AppHeader_components_common_CommonButton = require('../common/CommonButton.cjs');

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useContext } 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
 import { isChildNavigation } from '../../utils.js';
 import { commonButtonClassNameGenerator, CommonButton } from '../common/CommonButton.js';

package/lib/components/AppHeader/components/mobile/ReleaseNote.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');
 var intl_Localizer = require('../../../../intl/Localizer.cjs');

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext } 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';
 import { Localizer } from '../../../../intl/Localizer.js';

package/lib/components/AppHeader/components/mobile/TenantSelector.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var hooks_useLatest = require('../../../../hooks/useLatest.cjs');
 var components_Dropdown_Dropdown = require('../../../Dropdown/Dropdown.cjs');
 var components_Dropdown_DropdownTrigger = require('../../../Dropdown/DropdownTrigger.cjs');

package/lib/components/AppHeader/components/mobile/TenantSelector.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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { useLatest } from '../../../../hooks/useLatest.js';
 import { Dropdown } from '../../../Dropdown/Dropdown.js';
 import { DropdownTrigger } from '../../../Dropdown/DropdownTrigger.js';

package/lib/components/AppHeader/components/mobile/UserInfo.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../../../../intl/IntlProvider.cjs');
 require('react-intl');
 var intl_Localizer = require('../../../../intl/Localizer.cjs');

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo, useState } 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../../../../intl/IntlProvider.js';
 import 'react-intl';
 import { Localizer } from '../../../../intl/Localizer.js';

package/lib/components/AppHeader/hooks/useAppLauncher.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var hooks_useAnimationFrame = require('../../../hooks/useAnimationFrame.cjs');
 
 const useAppLauncher = (baseFeatures) => {
     const [page, setPage] = React.useState('favorite');
@@ -36,12 +37,18 @@ const useAppLauncher = (baseFeatures) => {
         }
     }, [mode]);
     const onChangeSearchQuery = React.useCallback((e) => changeSearchQuery(e.currentTarget.value), [changeSearchQuery]);
+    const clearSearchQueryFrame = hooks_useAnimationFrame.useAnimationFrame();
     const onClickClearSearchQuery = React.useCallback(() => {
         // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう
-        requestAnimationFrame(() => {
+        clearSearchQueryFrame.request(() => {
             changeSearchQuery('');
         });
-    }, [changeSearchQuery]);
+    }, [changeSearchQuery, clearSearchQueryFrame]);
+    const callbackRef = React.useCallback((node) => {
+        if (!node) {
+            clearSearchQueryFrame.cancel();
+        }
+    }, [clearSearchQueryFrame]);
     return {
         features,
         page,
@@ -52,6 +59,7 @@ const useAppLauncher = (baseFeatures) => {
         setSortType,
         onChangeSearchQuery,
         onClickClearSearchQuery,
+        callbackRef,
     };
 };
 const sortFeatures = (features, { page, sortType, mode, searchQuery, }) => {

package/lib/components/AppHeader/hooks/useAppLauncher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAppLauncher.cjs","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from 'react'\n\nimport type { Launcher } from '../types'\n\nexport const useAppLauncher = (baseFeatures: Array<Launcher['feature']>) => {\n  const [page, setPage] = useState<Launcher['page']>('favorite')\n  const [mode, setMode] = useState<Launcher['mode']>('default')\n  const [sortType, setSortType] = useState<Launcher['sortType']>('default')\n  const [searchQuery, setSearchQuery] = useState('')\n  const [features, setFeatures] = useState<Array<Launcher['feature']>>(\n    sortFeatures(baseFeatures, {\n      page,\n      mode,\n      sortType,\n      searchQuery,\n    }),\n  )\n\n  useEffect(() => {\n    setFeatures(\n      sortFeatures(baseFeatures, {\n        page,\n        sortType,\n        mode,\n        searchQuery,\n      }),\n    )\n  }, [baseFeatures, page, mode, sortType, searchQuery])\n\n  const changePage = useCallback((newPage: Launcher['page']) => {\n    setPage(newPage)\n    setMode('default')\n    setSearchQuery('')\n  }, [])\n\n  const changeSearchQuery = useCallback(\n    (q: string) => {\n      setSearchQuery(q)\n\n      if (mode !== 'search') {\n        setMode('search')\n      } else if (q === '') {\n        setMode('default')\n      }\n    },\n    [mode],\n  )\n\n  const onChangeSearchQuery = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => changeSearchQuery(e.currentTarget.value),\n    [changeSearchQuery],\n  )\n  const onClickClearSearchQuery = useCallback(() => {\n    // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう\n    requestAnimationFrame(() => {\n      changeSearchQuery('')\n    })\n  }, [changeSearchQuery])\n\n  return {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n  }\n}\n\nconst sortFeatures = (\n  features: Array<Launcher['feature']>,\n  {\n    page,\n    sortType,\n    mode,\n    searchQuery,\n  }: {\n    page: Launcher['page']\n    sortType: Launcher['sortType']\n    mode: Launcher['mode']\n    searchQuery: string\n  },\n) => {\n  if (mode !== 'search' && page === 'favorite') {\n    const filtered = features.filter((item) => item.favorite)\n\n    // feature の position の数値の順に並び替える。position が null または undefined の場合は最後に並べる\n    return filtered.sort((a, b) => {\n      if (a.position === null || a.position === undefined) {\n        if (b.position === null || b.position === undefined) {\n          return 0\n        }\n\n        return 1\n      } else if (b.position === null || b.position === undefined) {\n        return -1\n      }\n\n      return a.position - b.position\n    })\n  }\n\n  const looseSearchQuery = normalize(searchQuery)\n  const featuresRes =\n    mode === 'search'\n      ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))\n      : [...features]\n\n  switch (sortType) {\n    case 'name/asc':\n      return featuresRes.sort((a, b) => a.name.localeCompare(b.name))\n    case 'name/desc':\n      return featuresRes.sort((a, b) => b.name.localeCompare(a.name))\n  }\n\n  return featuresRes\n}\n\nexport const looseInclude = (looseSearchQuery: string, featureName: string) =>\n  // HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する\n  featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery)\n\n// アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。\nconst normalize = (str: string) =>\n  str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60))\n\nconst NORMALIZE_REGEX = /[\\u30a1-\\u30f6]/g\n"],"names":["useState","useEffect","useCallback"],"mappings":"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"}
+{"version":3,"file":"useAppLauncher.cjs","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from 'react'\n\nimport { useAnimationFrame } from '../../../hooks/useAnimationFrame'\n\nimport type { Launcher } from '../types'\n\nexport const useAppLauncher = (baseFeatures: Array<Launcher['feature']>) => {\n  const [page, setPage] = useState<Launcher['page']>('favorite')\n  const [mode, setMode] = useState<Launcher['mode']>('default')\n  const [sortType, setSortType] = useState<Launcher['sortType']>('default')\n  const [searchQuery, setSearchQuery] = useState('')\n  const [features, setFeatures] = useState<Array<Launcher['feature']>>(\n    sortFeatures(baseFeatures, {\n      page,\n      mode,\n      sortType,\n      searchQuery,\n    }),\n  )\n\n  useEffect(() => {\n    setFeatures(\n      sortFeatures(baseFeatures, {\n        page,\n        sortType,\n        mode,\n        searchQuery,\n      }),\n    )\n  }, [baseFeatures, page, mode, sortType, searchQuery])\n\n  const changePage = useCallback((newPage: Launcher['page']) => {\n    setPage(newPage)\n    setMode('default')\n    setSearchQuery('')\n  }, [])\n\n  const changeSearchQuery = useCallback(\n    (q: string) => {\n      setSearchQuery(q)\n\n      if (mode !== 'search') {\n        setMode('search')\n      } else if (q === '') {\n        setMode('default')\n      }\n    },\n    [mode],\n  )\n\n  const onChangeSearchQuery = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => changeSearchQuery(e.currentTarget.value),\n    [changeSearchQuery],\n  )\n\n  const clearSearchQueryFrame = useAnimationFrame()\n\n  const onClickClearSearchQuery = useCallback(() => {\n    // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう\n    clearSearchQueryFrame.request(() => {\n      changeSearchQuery('')\n    })\n  }, [changeSearchQuery, clearSearchQueryFrame])\n\n  const callbackRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        clearSearchQueryFrame.cancel()\n      }\n    },\n    [clearSearchQueryFrame],\n  )\n\n  return {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n    callbackRef,\n  }\n}\n\nconst sortFeatures = (\n  features: Array<Launcher['feature']>,\n  {\n    page,\n    sortType,\n    mode,\n    searchQuery,\n  }: {\n    page: Launcher['page']\n    sortType: Launcher['sortType']\n    mode: Launcher['mode']\n    searchQuery: string\n  },\n) => {\n  if (mode !== 'search' && page === 'favorite') {\n    const filtered = features.filter((item) => item.favorite)\n\n    // feature の position の数値の順に並び替える。position が null または undefined の場合は最後に並べる\n    return filtered.sort((a, b) => {\n      if (a.position === null || a.position === undefined) {\n        if (b.position === null || b.position === undefined) {\n          return 0\n        }\n\n        return 1\n      } else if (b.position === null || b.position === undefined) {\n        return -1\n      }\n\n      return a.position - b.position\n    })\n  }\n\n  const looseSearchQuery = normalize(searchQuery)\n  const featuresRes =\n    mode === 'search'\n      ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))\n      : [...features]\n\n  switch (sortType) {\n    case 'name/asc':\n      return featuresRes.sort((a, b) => a.name.localeCompare(b.name))\n    case 'name/desc':\n      return featuresRes.sort((a, b) => b.name.localeCompare(a.name))\n  }\n\n  return featuresRes\n}\n\nexport const looseInclude = (looseSearchQuery: string, featureName: string) =>\n  // HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する\n  featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery)\n\n// アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。\nconst normalize = (str: string) =>\n  str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60))\n\nconst NORMALIZE_REGEX = /[\\u30a1-\\u30f6]/g\n"],"names":["useState","useEffect","useCallback","useAnimationFrame"],"mappings":"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"}

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

@@ -16,5 +16,6 @@ export declare const useAppLauncher: (baseFeatures: Array<Launcher["feature"]>)
     setSortType: import("react").Dispatch<import("react").SetStateAction<"default" | "name/asc" | "name/desc">>;
     onChangeSearchQuery: (e: ChangeEvent<HTMLInputElement>) => void;
     onClickClearSearchQuery: () => void;
+    callbackRef: (node: HTMLElement | null) => void;
 };
 export declare const looseInclude: (looseSearchQuery: string, featureName: string) => boolean;

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

@@ -1,4 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
+import { useAnimationFrame } from '../../../hooks/useAnimationFrame.js';
 
 const useAppLauncher = (baseFeatures) => {
     const [page, setPage] = useState('favorite');
@@ -34,12 +35,18 @@ const useAppLauncher = (baseFeatures) => {
         }
     }, [mode]);
     const onChangeSearchQuery = useCallback((e) => changeSearchQuery(e.currentTarget.value), [changeSearchQuery]);
+    const clearSearchQueryFrame = useAnimationFrame();
     const onClickClearSearchQuery = useCallback(() => {
         // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう
-        requestAnimationFrame(() => {
+        clearSearchQueryFrame.request(() => {
             changeSearchQuery('');
         });
-    }, [changeSearchQuery]);
+    }, [changeSearchQuery, clearSearchQueryFrame]);
+    const callbackRef = useCallback((node) => {
+        if (!node) {
+            clearSearchQueryFrame.cancel();
+        }
+    }, [clearSearchQueryFrame]);
     return {
         features,
         page,
@@ -50,6 +57,7 @@ const useAppLauncher = (baseFeatures) => {
         setSortType,
         onChangeSearchQuery,
         onClickClearSearchQuery,
+        callbackRef,
     };
 };
 const sortFeatures = (features, { page, sortType, mode, searchQuery, }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useAppLauncher.js","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from 'react'\n\nimport type { Launcher } from '../types'\n\nexport const useAppLauncher = (baseFeatures: Array<Launcher['feature']>) => {\n  const [page, setPage] = useState<Launcher['page']>('favorite')\n  const [mode, setMode] = useState<Launcher['mode']>('default')\n  const [sortType, setSortType] = useState<Launcher['sortType']>('default')\n  const [searchQuery, setSearchQuery] = useState('')\n  const [features, setFeatures] = useState<Array<Launcher['feature']>>(\n    sortFeatures(baseFeatures, {\n      page,\n      mode,\n      sortType,\n      searchQuery,\n    }),\n  )\n\n  useEffect(() => {\n    setFeatures(\n      sortFeatures(baseFeatures, {\n        page,\n        sortType,\n        mode,\n        searchQuery,\n      }),\n    )\n  }, [baseFeatures, page, mode, sortType, searchQuery])\n\n  const changePage = useCallback((newPage: Launcher['page']) => {\n    setPage(newPage)\n    setMode('default')\n    setSearchQuery('')\n  }, [])\n\n  const changeSearchQuery = useCallback(\n    (q: string) => {\n      setSearchQuery(q)\n\n      if (mode !== 'search') {\n        setMode('search')\n      } else if (q === '') {\n        setMode('default')\n      }\n    },\n    [mode],\n  )\n\n  const onChangeSearchQuery = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => changeSearchQuery(e.currentTarget.value),\n    [changeSearchQuery],\n  )\n  const onClickClearSearchQuery = useCallback(() => {\n    // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう\n    requestAnimationFrame(() => {\n      changeSearchQuery('')\n    })\n  }, [changeSearchQuery])\n\n  return {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n  }\n}\n\nconst sortFeatures = (\n  features: Array<Launcher['feature']>,\n  {\n    page,\n    sortType,\n    mode,\n    searchQuery,\n  }: {\n    page: Launcher['page']\n    sortType: Launcher['sortType']\n    mode: Launcher['mode']\n    searchQuery: string\n  },\n) => {\n  if (mode !== 'search' && page === 'favorite') {\n    const filtered = features.filter((item) => item.favorite)\n\n    // feature の position の数値の順に並び替える。position が null または undefined の場合は最後に並べる\n    return filtered.sort((a, b) => {\n      if (a.position === null || a.position === undefined) {\n        if (b.position === null || b.position === undefined) {\n          return 0\n        }\n\n        return 1\n      } else if (b.position === null || b.position === undefined) {\n        return -1\n      }\n\n      return a.position - b.position\n    })\n  }\n\n  const looseSearchQuery = normalize(searchQuery)\n  const featuresRes =\n    mode === 'search'\n      ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))\n      : [...features]\n\n  switch (sortType) {\n    case 'name/asc':\n      return featuresRes.sort((a, b) => a.name.localeCompare(b.name))\n    case 'name/desc':\n      return featuresRes.sort((a, b) => b.name.localeCompare(a.name))\n  }\n\n  return featuresRes\n}\n\nexport const looseInclude = (looseSearchQuery: string, featureName: string) =>\n  // HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する\n  featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery)\n\n// アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。\nconst normalize = (str: string) =>\n  str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60))\n\nconst NORMALIZE_REGEX = /[\\u30a1-\\u30f6]/g\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAppLauncher.js","sources":["../../../../src/components/AppHeader/hooks/useAppLauncher.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from 'react'\n\nimport { useAnimationFrame } from '../../../hooks/useAnimationFrame'\n\nimport type { Launcher } from '../types'\n\nexport const useAppLauncher = (baseFeatures: Array<Launcher['feature']>) => {\n  const [page, setPage] = useState<Launcher['page']>('favorite')\n  const [mode, setMode] = useState<Launcher['mode']>('default')\n  const [sortType, setSortType] = useState<Launcher['sortType']>('default')\n  const [searchQuery, setSearchQuery] = useState('')\n  const [features, setFeatures] = useState<Array<Launcher['feature']>>(\n    sortFeatures(baseFeatures, {\n      page,\n      mode,\n      sortType,\n      searchQuery,\n    }),\n  )\n\n  useEffect(() => {\n    setFeatures(\n      sortFeatures(baseFeatures, {\n        page,\n        sortType,\n        mode,\n        searchQuery,\n      }),\n    )\n  }, [baseFeatures, page, mode, sortType, searchQuery])\n\n  const changePage = useCallback((newPage: Launcher['page']) => {\n    setPage(newPage)\n    setMode('default')\n    setSearchQuery('')\n  }, [])\n\n  const changeSearchQuery = useCallback(\n    (q: string) => {\n      setSearchQuery(q)\n\n      if (mode !== 'search') {\n        setMode('search')\n      } else if (q === '') {\n        setMode('default')\n      }\n    },\n    [mode],\n  )\n\n  const onChangeSearchQuery = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => changeSearchQuery(e.currentTarget.value),\n    [changeSearchQuery],\n  )\n\n  const clearSearchQueryFrame = useAnimationFrame()\n\n  const onClickClearSearchQuery = useCallback(() => {\n    // HINT: 別のスレッドにしないとドロップダウンが閉じてしまう\n    clearSearchQueryFrame.request(() => {\n      changeSearchQuery('')\n    })\n  }, [changeSearchQuery, clearSearchQueryFrame])\n\n  const callbackRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) {\n        clearSearchQueryFrame.cancel()\n      }\n    },\n    [clearSearchQueryFrame],\n  )\n\n  return {\n    features,\n    page,\n    mode,\n    sortType,\n    searchQuery,\n    changePage,\n    setSortType,\n    onChangeSearchQuery,\n    onClickClearSearchQuery,\n    callbackRef,\n  }\n}\n\nconst sortFeatures = (\n  features: Array<Launcher['feature']>,\n  {\n    page,\n    sortType,\n    mode,\n    searchQuery,\n  }: {\n    page: Launcher['page']\n    sortType: Launcher['sortType']\n    mode: Launcher['mode']\n    searchQuery: string\n  },\n) => {\n  if (mode !== 'search' && page === 'favorite') {\n    const filtered = features.filter((item) => item.favorite)\n\n    // feature の position の数値の順に並び替える。position が null または undefined の場合は最後に並べる\n    return filtered.sort((a, b) => {\n      if (a.position === null || a.position === undefined) {\n        if (b.position === null || b.position === undefined) {\n          return 0\n        }\n\n        return 1\n      } else if (b.position === null || b.position === undefined) {\n        return -1\n      }\n\n      return a.position - b.position\n    })\n  }\n\n  const looseSearchQuery = normalize(searchQuery)\n  const featuresRes =\n    mode === 'search'\n      ? features.filter((feature) => looseInclude(looseSearchQuery, feature.name))\n      : [...features]\n\n  switch (sortType) {\n    case 'name/asc':\n      return featuresRes.sort((a, b) => a.name.localeCompare(b.name))\n    case 'name/desc':\n      return featuresRes.sort((a, b) => b.name.localeCompare(a.name))\n  }\n\n  return featuresRes\n}\n\nexport const looseInclude = (looseSearchQuery: string, featureName: string) =>\n  // HINT: normalizeは1文字ずつ変換処理を行う関係で思いため、変換せずにマッチするかどうかを確認する\n  featureName.includes(looseSearchQuery) || normalize(featureName).includes(looseSearchQuery)\n\n// アルファベットの大文字小文字は同じものとして扱う。カタカナとひらがなも同じものとして扱う。\nconst normalize = (str: string) =>\n  str.toLowerCase().replace(NORMALIZE_REGEX, (c) => String.fromCharCode(c.charCodeAt(0) - 0x60))\n\nconst NORMALIZE_REGEX = /[\\u30a1-\\u30f6]/g\n"],"names":[],"mappings":"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"}

package/lib/components/AppNavi/AppNavi.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var components_SectioningContent_SectioningContent = require('../SectioningContent/SectioningContent.cjs');
 require('../SectioningContent/levelContext.cjs');
 require('styled-components');

package/lib/components/AppNavi/AppNavi.js

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

package/lib/components/AppNavi/AppNaviAnchor.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var components_AppNavi_itemClassNameGenerator = require('./itemClassNameGenerator.cjs');
 
 const classNameGenerator = index.tv({

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { itemClassNameGenerator } from './itemClassNameGenerator.js';
 
 const classNameGenerator = ce({

package/lib/components/AppNavi/AppNaviButton.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../Button/Button.cjs');
 require('../Button/AnchorButton.cjs');
 var components_Button_UnstyledButton = require('../Button/UnstyledButton.cjs');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/lib/components/AppNavi/AppNaviCustomTag.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 var components_AppNavi_itemClassNameGenerator = require('./itemClassNameGenerator.cjs');
 
 const classNameGenerator = index.tv({

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import { itemClassNameGenerator } from './itemClassNameGenerator.js';
 
 const classNameGenerator = ce({

package/lib/components/AppNavi/AppNaviDropdown.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../Button/Button.cjs');
 require('../Button/AnchorButton.cjs');
 var components_Button_UnstyledButton = require('../Button/UnstyledButton.cjs');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../Button/Button.js';
 import '../Button/AnchorButton.js';
 import { UnstyledButton } from '../Button/UnstyledButton.js';

package/lib/components/AppNavi/AppNaviDropdownMenuButton.cjs

@@ -2,7 +2,7 @@
 
 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.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.cjs');
+var index = require('./../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.cjs');
 require('../Dropdown/Dropdown.cjs');
 require('../Dropdown/DropdownTrigger.cjs');
 require('../Dropdown/DropdownContent.cjs');

package/lib/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.19_ts-node@10.9.2_@swc_core@1.15.46_@types_node@20.19.43_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
+import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.46_@swc_helper_93b9c5ee15e3d3d2221e194197be3b5c/vendor/tailwind-variants/dist/index.js';
 import '../Dropdown/Dropdown.js';
 import '../Dropdown/DropdownTrigger.js';
 import '../Dropdown/DropdownContent.js';