smarthr-ui 79.1.0 → 80.0.0

package/esm/_virtual/cjs.js

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

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.27_react@19.2.1/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.26_react@19.2.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/components/AccordionPanel/AccordionPanelContent.js

@@ -5,7 +5,7 @@ import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindc
 import { getIsInclude } from '../../libs/map.js';
 import { AccordionPanelContext } from './AccordionPanel.js';
 import { AccordionPanelItemContext } from './AccordionPanelItem.js';
-import Transition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-transition-group/esm/Transition.js';
+import Transition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-transition-group/esm/Transition.js';
 
 const classNameGenerator = ce({
     base: [

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

@@ -25,7 +25,7 @@ import { Navigation } from './Navigation.js';
 import { NavigationContext } from './NavigationContext.js';
 import { ReleaseNote } from './ReleaseNote.js';
 import { ReleaseNoteContext } from './ReleaseNoteContext.js';
-import CSSTransition from './../../../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-transition-group/esm/CSSTransition.js';
+import CSSTransition from './../../../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-transition-group/esm/CSSTransition.js';
 
 const classNameGenerator = ce({
     slots: {

package/esm/components/Combobox/MultiCombobox/MultiCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useRef, useState, useCallback, useImperativeHandle, useEffect, useId } from 'react';
-import innerText from '../../../_virtual/index3.js';
+import innerText from '../../../_virtual/index.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useOuterClick } from '../../../hooks/useOuterClick.js';
 import '../../../intl/IntlProvider.js';

package/esm/components/Combobox/SingleCombobox/SingleCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
-import innerText from '../../../_virtual/index3.js';
+import innerText from '../../../_virtual/index.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useClick } from '../../../hooks/useClick.js';
 import { useDecorators } from '../../../hooks/useDecorators.js';

package/esm/components/Combobox/helper.js

@@ -1,4 +1,4 @@
-import innerText from '../../_virtual/index3.js';
+import innerText from '../../_virtual/index.js';
 
 function convertMatchableString(original) {
     return (original

package/esm/components/Combobox/useOptions.js

@@ -1,5 +1,5 @@
 import { useCallback, useId, useMemo } from 'react';
-import innerText from '../../_virtual/index3.js';
+import innerText from '../../_virtual/index.js';
 import { areItemsEqual, convertMatchableString } from './helper.js';
 
 const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => areItemsEqual(item, targetItem));

package/esm/components/Dialog/DialogOverlap.js

@@ -7,7 +7,7 @@ import '../Layout/Reel/Reel.js';
 import '../Layout/Sidebar/Sidebar.js';
 import { Center } from '../Layout/Center/Center.js';
 import '../Layout/Container/Container.js';
-import CSSTransition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-transition-group/esm/CSSTransition.js';
+import CSSTransition from './../../vendor/.pnpm/react-transition-group@4.4.5_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-transition-group/esm/CSSTransition.js';
 
 const classNameGenerator = ce({
     base: [

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext, useMemo, useRef, Children, isValidElement, Fragment, cloneElement } from 'react';
-import innerText from '../../../_virtual/index3.js';
+import innerText from '../../../_virtual/index.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { DropdownContext, Dropdown } from '../Dropdown.js';
 import { DropdownTrigger } from '../DropdownTrigger.js';

package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import innerText from '../../../_virtual/index3.js';
+import innerText from '../../../_virtual/index.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useDecorators } from '../../../hooks/useDecorators.js';
 import { useResponseStatus } from '../../../hooks/useResponseStatus.js';

package/esm/components/FileViewer/PDFViewer.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { memo, useState, useCallback, useMemo } from 'react';
-import './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.26_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-pdf/dist/esm/index.js';
+import './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.27_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-pdf/dist/esm/index.js';
 import { ReactPDFStyle } from './generatedReactPDFStyle.js';
-import Document from './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.26_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-pdf/dist/esm/Document.js';
-import Page from './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.26_react-dom@19.2.0_react@19.2.0__react@19.2.0/vendor/react-pdf/dist/esm/Page.js';
+import Document from './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.27_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-pdf/dist/esm/Document.js';
+import Page from './../../vendor/.pnpm/react-pdf@9.2.1_@types_react@18.3.27_react-dom@19.2.1_react@19.2.1__react@19.2.1/vendor/react-pdf/dist/esm/Page.js';
 import { version as __webpack_exports__version, GlobalWorkerOptions as __webpack_exports__GlobalWorkerOptions } from './../../vendor/.pnpm/pdfjs-dist@4.8.69/vendor/pdfjs-dist/build/pdf.js';
 
 if (typeof window !== 'undefined') {

package/esm/components/FormControl/FormControl.js

@@ -1,7 +1,7 @@
 "use client";
 import { memo, useMemo, isValidElement, useId, useRef, Fragment as Fragment$1, createElement, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import innerText from '../../_virtual/index3.js';
+import innerText from '../../_virtual/index.js';
 import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { FaCircleExclamationIcon } from '../Icon/Icon.js';
 import '../Icon/generateIcon.js';

package/esm/components/Heading/PageHeading/PageHeading.d.ts

@@ -10,6 +10,12 @@ export type Props = PropsWithChildren<{
     size?: Extract<TextProps['size'], 'XXL' | 'XL' | 'L'>;
     /** 視覚的に非表示にするフラグ */
     visuallyHidden?: boolean;
+    /** title要素の自動生成フラグ */
+    autoPageTitle?: boolean;
+    /** title要素のprefix */
+    pageTitle?: string;
+    /** title要素のsuffix */
+    pageTitleSuffix?: string;
 }>;
 export declare const PageHeading: import("react").NamedExoticComponent<{
     /**
@@ -20,6 +26,12 @@ export declare const PageHeading: import("react").NamedExoticComponent<{
     size?: Extract<TextProps["size"], "XXL" | "XL" | "L">;
     /** 視覚的に非表示にするフラグ */
     visuallyHidden?: boolean;
+    /** title要素の自動生成フラグ */
+    autoPageTitle?: boolean;
+    /** title要素のprefix */
+    pageTitle?: string;
+    /** title要素のsuffix */
+    pageTitleSuffix?: string;
 } & {
     children?: import("react").ReactNode | undefined;
 } & ElementProps>;

package/esm/components/Heading/PageHeading/PageHeading.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { memo, useMemo } from 'react';
+import { memo, useMemo, useId, useEffect } from 'react';
+import innerText from '../../../_virtual/index.js';
 import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { STYLE_TYPE_MAP, Text } from '../../Text/Text.js';
-import { VisuallyHiddenText } from '../../VisuallyHiddenText/VisuallyHiddenText.js';
+import { visuallyHiddenTextClassNameGenerator, VisuallyHiddenText } from '../../VisuallyHiddenText/VisuallyHiddenText.js';
 
 const classNameGenerator = ce({
     base: 'smarthr-ui-Heading smarthr-ui-PageHeading',
@@ -16,7 +17,8 @@ const classNameGenerator = ce({
         visuallyHidden: false,
     },
 });
-const PageHeading = memo(({ size, className, visuallyHidden, ...props }) => {
+const PSEUDO_TITLE_CLASS_NAME = visuallyHiddenTextClassNameGenerator();
+const PageHeading = memo(({ size, className, visuallyHidden, autoPageTitle = true, pageTitleSuffix = 'SmartHR（スマートHR）', pageTitle, children, ...props }) => {
     const actualClassName = useMemo(() => classNameGenerator({ visuallyHidden, className }), [className, visuallyHidden]);
     const actualTypography = useMemo(() => {
         const defaultTypography = STYLE_TYPE_MAP.screenTitle;
@@ -25,8 +27,30 @@ const PageHeading = memo(({ size, className, visuallyHidden, ...props }) => {
         }
         return defaultTypography;
     }, [size]);
+    const pseudoTitleId = useId();
+    const titleText = useMemo(() => (autoPageTitle ? `${pageTitle || innerText(children)}｜${pageTitleSuffix}` : ''), [children, pageTitle, pageTitleSuffix, autoPageTitle]);
+    useEffect(() => {
+        if (titleText) {
+            // HINT: SPAで遷移する場合などの対策としてbody直下にaria-liveを仕込む
+            // head内はスクリーンリーダーの変更検知のチェック対象外のため、title要素にaria-liveは設定しない
+            const pseudoTitle = (document.getElementById(pseudoTitleId) ||
+                document.createElement('div'));
+            pseudoTitle.setAttribute('id', pseudoTitleId);
+            pseudoTitle.setAttribute('class', PSEUDO_TITLE_CLASS_NAME);
+            pseudoTitle.setAttribute('aria-live', 'polite');
+            document.body.prepend(pseudoTitle);
+            document.title = titleText;
+            requestAnimationFrame(() => {
+                pseudoTitle.innerText = titleText;
+            });
+            return () => {
+                pseudoTitle.remove();
+            };
+        }
+        return undefined;
+    }, [titleText, pseudoTitleId]);
     const Component = visuallyHidden ? VisuallyHiddenText : Text;
-    return jsx(Component, { ...props, ...actualTypography, as: "h1", className: actualClassName });
+    return (jsx(Component, { ...props, ...actualTypography, as: "h1", className: actualClassName, children: children }));
 });
 
 export { PageHeading };

package/esm/components/Heading/PageHeading/PageHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeading.js","sources":["../../../../src/components/Heading/PageHeading/PageHeading.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, memo, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { STYLE_TYPE_MAP, Text, type TextProps } from '../../Text'\nimport { VisuallyHiddenText } from '../../VisuallyHiddenText'\n\nimport type { ElementProps } from '../Heading'\n\nexport type Props = PropsWithChildren<{\n  /**\n   * テキストのサイズ\n   *\n   * @default 'XL'\n   */\n  size?: Extract<TextProps['size'], 'XXL' | 'XL' | 'L'>\n\n  /** 視覚的に非表示にするフラグ */\n  visuallyHidden?: boolean\n}>\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-Heading smarthr-ui-PageHeading',\n  variants: {\n    visuallyHidden: {\n      false: 'shr-m-[unset]',\n    },\n  },\n  defaultVariants: {\n    visuallyHidden: false,\n  },\n})\n\nexport const PageHeading = memo<Props & ElementProps>(\n  ({ size, className, visuallyHidden, ...props }) => {\n    const actualClassName = useMemo(\n      () => classNameGenerator({ visuallyHidden, className }),\n      [className, visuallyHidden],\n    )\n    const actualTypography = useMemo(() => {\n      const defaultTypography = STYLE_TYPE_MAP.screenTitle\n\n      if (size) {\n        return { ...defaultTypography, size }\n      }\n\n      return defaultTypography\n    }, [size])\n    const Component = visuallyHidden ? VisuallyHiddenText : Text\n\n    return <Component {...props} {...actualTypography} as=\"h1\" className={actualClassName} />\n  },\n)\n"],"names":[],"mappings":";;;;;;;AAsBA;AACE;AACA;AACE;AACE;AACD;AACF;AACD;AACE;AACD;AACF;AAEM;;AAMH;AACE;;AAGE;;AAGF;AACF;;AAGA;AACF;;"}
+{"version":3,"file":"PageHeading.js","sources":["../../../../src/components/Heading/PageHeading/PageHeading.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, memo, useEffect, useId, useMemo } from 'react'\nimport innerText from 'react-innertext'\nimport { tv } from 'tailwind-variants'\n\nimport { STYLE_TYPE_MAP, Text, type TextProps } from '../../Text'\nimport { VisuallyHiddenText, visuallyHiddenTextClassNameGenerator } from '../../VisuallyHiddenText'\n\nimport type { ElementProps } from '../Heading'\n\nexport type Props = PropsWithChildren<{\n  /**\n   * テキストのサイズ\n   *\n   * @default 'XL'\n   */\n  size?: Extract<TextProps['size'], 'XXL' | 'XL' | 'L'>\n  /** 視覚的に非表示にするフラグ */\n  visuallyHidden?: boolean\n  /** title要素の自動生成フラグ */\n  autoPageTitle?: boolean\n  /** title要素のprefix */\n  pageTitle?: string\n  /** title要素のsuffix */\n  pageTitleSuffix?: string\n}>\n\nconst classNameGenerator = tv({\n  base: 'smarthr-ui-Heading smarthr-ui-PageHeading',\n  variants: {\n    visuallyHidden: {\n      false: 'shr-m-[unset]',\n    },\n  },\n  defaultVariants: {\n    visuallyHidden: false,\n  },\n})\n\nconst PSEUDO_TITLE_CLASS_NAME = visuallyHiddenTextClassNameGenerator()\n\nexport const PageHeading = memo<Props & ElementProps>(\n  ({\n    size,\n    className,\n    visuallyHidden,\n    autoPageTitle = true,\n    pageTitleSuffix = 'SmartHR（スマートHR）',\n    pageTitle,\n    children,\n    ...props\n  }) => {\n    const actualClassName = useMemo(\n      () => classNameGenerator({ visuallyHidden, className }),\n      [className, visuallyHidden],\n    )\n    const actualTypography = useMemo(() => {\n      const defaultTypography = STYLE_TYPE_MAP.screenTitle\n\n      if (size) {\n        return { ...defaultTypography, size }\n      }\n\n      return defaultTypography\n    }, [size])\n\n    const pseudoTitleId = useId()\n    const titleText = useMemo(\n      () => (autoPageTitle ? `${pageTitle || innerText(children)}｜${pageTitleSuffix}` : ''),\n      [children, pageTitle, pageTitleSuffix, autoPageTitle],\n    )\n\n    useEffect(() => {\n      if (titleText) {\n        // HINT: SPAで遷移する場合などの対策としてbody直下にaria-liveを仕込む\n        // head内はスクリーンリーダーの変更検知のチェック対象外のため、title要素にaria-liveは設定しない\n        const pseudoTitle: HTMLDivElement = (document.getElementById(pseudoTitleId) ||\n          document.createElement('div')) as HTMLDivElement\n\n        pseudoTitle.setAttribute('id', pseudoTitleId)\n        pseudoTitle.setAttribute('class', PSEUDO_TITLE_CLASS_NAME)\n        pseudoTitle.setAttribute('aria-live', 'polite')\n        document.body.prepend(pseudoTitle)\n\n        document.title = titleText\n        requestAnimationFrame(() => {\n          pseudoTitle.innerText = titleText\n        })\n\n        return () => {\n          pseudoTitle.remove()\n        }\n      }\n\n      return undefined\n    }, [titleText, pseudoTitleId])\n\n    const Component = visuallyHidden ? VisuallyHiddenText : Text\n\n    return (\n      <Component {...props} {...actualTypography} as=\"h1\" className={actualClassName}>\n        {children}\n      </Component>\n    )\n  },\n)\n"],"names":[],"mappings":";;;;;;;;AA4BA;AACE;AACA;AACE;AACE;AACD;AACF;AACD;AACE;AACD;AACF;AAED;AAEO;;AAeH;AACE;;AAGE;;AAGF;AACF;AAEA;AACA;;;;;;AAUM;AAEF;AACA;AACA;AACA;AAEA;;AAEE;AACF;AAEA;;AAEA;;AAGF;AACF;;AAIA;AAKF;;"}

package/esm/components/Icon/Icon.js

@@ -1,4 +1,4 @@
-import { FaCheck, FaCircleInfo, FaUpRightFromSquare, FaCaretDown, FaEllipsis, FaCircleExclamation, FaTriangleExclamation, FaAngleDown, FaMagnifyingGlassMinus, FaMagnifyingGlassPlus, FaArrowRotateLeft, FaMagnifyingGlass, FaTrashCan, FaFolderOpen, FaCircleQuestion, FaArrowLeft, FaGrip, FaXmark, FaAnglesRight, FaChevronRight, FaAnglesLeft, FaChevronLeft, FaSortUp, FaSortDown, FaCaretRight, FaRotate, FaCircleCheck, FaCalendarDays, FaCirclePlus, FaCircleXmark, FaToolbox, FaGlobe, FaAngleRight, FaArrowRight, FaStar, FaUser, FaGear, FaGraduationCap, FaCaretUp, FaBars, FaUserLarge, FaAddressBook, FaAddressCard, FaAngleLeft, FaAngleUp, FaArrowDown, FaArrowDownWideShort, FaArrowRightArrowLeft, FaArrowRotateRight, FaArrowUp19, FaArrowUp, FaArrowUpWideShort, FaArrowsRotate, FaAsterisk, FaAt, FaBabyCarriage, FaBan, FaBarsStaggered, FaBell, FaBellSlash, FaBolt, FaBook, FaBookOpen, FaBoxArchive, FaBuilding, FaBullhorn, FaCakeCandles, FaCalculator, FaCalendarCheck, FaCalendarXmark, FaCamera, FaCaretLeft, FaChartArea, FaChartBar, FaChartColumn, FaChartLine, FaChartPie, FaChevronDown, FaCircleDot, FaCircle, FaCircleMinus, FaCircleUser, FaClipboardCheck, FaClipboard, FaClipboardList, FaClipboardQuestion, FaClock, FaClockRotateLeft, FaCloudArrowDown, FaCloudArrowUp, FaCode, FaCommentDots, FaComment, FaComments, FaCompress, FaCopy, FaCube, FaCubes, FaDatabase, FaDoorOpen, FaDownLeftAndUpRightToCenter, FaEllipsisVertical, FaEnvelope, FaEnvelopeOpen, FaExpand, FaEye, FaEyeSlash, FaFileArrowDown, FaFileCirclePlus, FaFileCode, FaFileCsv, FaFileExcel, FaFileExport, FaFile, FaFileLines, FaFilePdf, FaFilePowerpoint, FaFileWord, FaFilter, FaFloppyDisk, FaFolder, FaFolderPlus, FaFont, FaGauge, FaGears, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHourglassHalf, FaHouse, FaIdBadge, FaIdCard, FaImage, FaImages, FaInbox, FaIntercom, FaKey, FaLeftLong, FaLeftRight, FaLightbulb, FaLink, FaLinkSlash, FaList, FaListOl, FaListUl, FaLock, FaLockOpen, FaMessage, FaMicrosoft, FaMoneyCheckDollar, FaPaintbrush, FaPaperPlane, FaPaperclip, FaPen, FaPenToSquare, FaPencil, FaPiggyBank, FaPlus, FaPowerOff, FaPrint, FaRegCircleQuestion, FaRegLightbulb, FaReply, FaRightFromBracket, FaRightLeft, FaRightLong, FaRightToBracket, FaRobot, FaRocket, FaRotateLeft, FaShareNodes, FaShieldHalved, FaSliders, FaSort, FaSquareCheck, FaSquareMinus, FaSquarePlus, FaSquarePollVertical, FaSuitcaseMedical, FaTable, FaTableList, FaTableColumns, FaTag, FaTags, FaThumbtack, FaTrash, FaTruck, FaTruckRampBox, FaUpDown, FaUpRightAndDownLeftFromCenter, FaUserCheck, FaUserClock, FaUserPen, FaUserPlus, FaUsers, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaYenSign, FaMinus } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.0/vendor/react-icons/fa6/index.js';
+import { FaCheck, FaCircleInfo, FaUpRightFromSquare, FaCaretDown, FaEllipsis, FaCircleExclamation, FaTriangleExclamation, FaAngleDown, FaMagnifyingGlassMinus, FaMagnifyingGlassPlus, FaArrowRotateLeft, FaMagnifyingGlass, FaTrashCan, FaFolderOpen, FaCircleQuestion, FaArrowLeft, FaGrip, FaXmark, FaAnglesRight, FaChevronRight, FaAnglesLeft, FaChevronLeft, FaSortUp, FaSortDown, FaCaretRight, FaRotate, FaCircleCheck, FaCalendarDays, FaCirclePlus, FaCircleXmark, FaToolbox, FaGlobe, FaAngleRight, FaArrowRight, FaStar, FaUser, FaGear, FaGraduationCap, FaCaretUp, FaBars, FaUserLarge, FaAddressBook, FaAddressCard, FaAngleLeft, FaAngleUp, FaArrowDown, FaArrowDownWideShort, FaArrowRightArrowLeft, FaArrowRotateRight, FaArrowUp19, FaArrowUp, FaArrowUpWideShort, FaArrowsRotate, FaAsterisk, FaAt, FaBabyCarriage, FaBan, FaBarsStaggered, FaBell, FaBellSlash, FaBolt, FaBook, FaBookOpen, FaBoxArchive, FaBuilding, FaBullhorn, FaCakeCandles, FaCalculator, FaCalendarCheck, FaCalendarXmark, FaCamera, FaCaretLeft, FaChartArea, FaChartBar, FaChartColumn, FaChartLine, FaChartPie, FaChevronDown, FaCircleDot, FaCircle, FaCircleMinus, FaCircleUser, FaClipboardCheck, FaClipboard, FaClipboardList, FaClipboardQuestion, FaClock, FaClockRotateLeft, FaCloudArrowDown, FaCloudArrowUp, FaCode, FaCommentDots, FaComment, FaComments, FaCompress, FaCopy, FaCube, FaCubes, FaDatabase, FaDoorOpen, FaDownLeftAndUpRightToCenter, FaEllipsisVertical, FaEnvelope, FaEnvelopeOpen, FaExpand, FaEye, FaEyeSlash, FaFileArrowDown, FaFileCirclePlus, FaFileCode, FaFileCsv, FaFileExcel, FaFileExport, FaFile, FaFileLines, FaFilePdf, FaFilePowerpoint, FaFileWord, FaFilter, FaFloppyDisk, FaFolder, FaFolderPlus, FaFont, FaGauge, FaGears, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHourglassHalf, FaHouse, FaIdBadge, FaIdCard, FaImage, FaImages, FaInbox, FaIntercom, FaKey, FaLeftLong, FaLeftRight, FaLightbulb, FaLink, FaLinkSlash, FaList, FaListOl, FaListUl, FaLock, FaLockOpen, FaMessage, FaMicrosoft, FaMoneyCheckDollar, FaPaintbrush, FaPaperPlane, FaPaperclip, FaPen, FaPenToSquare, FaPencil, FaPiggyBank, FaPlus, FaPowerOff, FaPrint, FaRegCircleQuestion, FaRegLightbulb, FaReply, FaRightFromBracket, FaRightLeft, FaRightLong, FaRightToBracket, FaRobot, FaRocket, FaRotateLeft, FaShareNodes, FaShieldHalved, FaSliders, FaSort, FaSquareCheck, FaSquareMinus, FaSquarePlus, FaSquarePollVertical, FaSuitcaseMedical, FaTable, FaTableList, FaTableColumns, FaTag, FaTags, FaThumbtack, FaTrash, FaTruck, FaTruckRampBox, FaUpDown, FaUpRightAndDownLeftFromCenter, FaUserCheck, FaUserClock, FaUserPen, FaUserPlus, FaUsers, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaYenSign, FaMinus } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.1/vendor/react-icons/fa6/index.js';
 import { generateIcon } from './generateIcon.js';
 export { WarningIcon } from './WarningIcon.js';
 export { SparklesIcon } from './SparklesIcon.js';

package/esm/components/Icon/LanguageIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { generateIcon } from './generateIcon.js';
-import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.0/vendor/react-icons/lib/iconBase.js';
+import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.1/vendor/react-icons/lib/iconBase.js';
 
 const LanguageIcon = /*#__PURE__*/ generateIcon((props) => (jsx(IconBase, { ...props, viewBox: "0 0 16 16", children: jsx("path", { fillRule: "evenodd", d: "M14.5 8c0 .606-.083 1.193-.238 1.75h-2.206c.066-.563.1-1.149.1-1.75s-.034-1.187-.1-1.75h2.206c.155.557.238 1.144.238 1.75Zm-3.955-1.75c.072.554.111 1.14.111 1.75 0 .61-.04 1.196-.111 1.75H5.424A13.58 13.58 0 0 1 5.312 8c0-.61.04-1.196.112-1.75h5.12Zm1.253-1.5h1.832a6.529 6.529 0 0 0-2.802-2.604c.408.729.74 1.613.97 2.604ZM7.988 1.5c.312.002.959.276 1.616 1.537.253.485.475 1.063.648 1.713H5.717c.173-.65.394-1.228.647-1.713.656-1.258 1.3-1.533 1.614-1.537h.01ZM7.968 0a8 8 0 0 0 0 16H8a8 8 0 1 0-.033-16Zm2.86 13.854a6.528 6.528 0 0 0 2.802-2.604h-1.832c-.23.99-.562 1.875-.97 2.604Zm-.576-2.604H5.717c.173.65.394 1.228.647 1.713.656 1.258 1.3 1.533 1.614 1.537h.01c.312-.002.959-.275 1.616-1.537a8.418 8.418 0 0 0 .648-1.713Zm-5.123 2.583c-.402-.725-.73-1.602-.958-2.583H2.37a6.53 6.53 0 0 0 2.76 2.583ZM3.913 9.75H1.738A6.506 6.506 0 0 1 1.5 8c0-.606.083-1.193.238-1.75h2.175a15.158 15.158 0 0 0 0 3.5Zm.258-5H2.37a6.53 6.53 0 0 1 2.76-2.583c-.403.725-.731 1.602-.959 2.583Z" }) })));
 

package/esm/components/Icon/SparklesIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { generateIcon } from './generateIcon.js';
-import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.0/vendor/react-icons/lib/iconBase.js';
+import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.1/vendor/react-icons/lib/iconBase.js';
 
 const SparklesIcon = /*#__PURE__*/ generateIcon((props) => (jsx(IconBase, { ...props, viewBox: "0 0 16 16", children: jsx("path", { d: "M.373 8.616c-.497-.188-.497-.906 0-1.094l3.31-1.25a.578.578 0 0 0 .338-.345l1.225-3.38a.567.567 0 0 1 1.072 0l1.225 3.38c.058.16.181.285.337.345l3.31 1.25c.498.188.498.906 0 1.094l-3.31 1.25a.577.577 0 0 0-.337.345l-1.225 3.38a.567.567 0 0 1-1.072 0l-1.225-3.38a.577.577 0 0 0-.337-.344l-3.31-1.25ZM10.396 13.412c-.147-.056-.147-.269 0-.324l.982-.371a.17.17 0 0 0 .1-.102l.363-1.002a.168.168 0 0 1 .318 0l.363 1.002a.17.17 0 0 0 .1.102l.982.37c.147.056.147.27 0 .325l-.982.371a.17.17 0 0 0-.1.102l-.363 1.002a.168.168 0 0 1-.318 0l-.363-1.002a.17.17 0 0 0-.1-.102l-.982-.37ZM10.47 4.187c-.246-.093-.246-.448 0-.54l1.636-.619a.285.285 0 0 0 .167-.17l.605-1.67a.28.28 0 0 1 .53 0l.605 1.67c.029.079.09.141.167.17l1.636.618c.245.093.245.448 0 .541l-1.636.618a.285.285 0 0 0-.167.17l-.605 1.67a.28.28 0 0 1-.53 0l-.605-1.67a.285.285 0 0 0-.167-.17l-1.636-.618Z" }) })));
 

package/esm/components/Icon/WarningIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { generateIcon } from './generateIcon.js';
-import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.0/vendor/react-icons/lib/iconBase.js';
+import { IconBase } from './../../vendor/.pnpm/react-icons@5.5.0_react@19.2.1/vendor/react-icons/lib/iconBase.js';
 
 const WarningIcon = /*#__PURE__*/ generateIcon((props) => (jsxs(IconBase, { ...props, viewBox: "0 0 16 16", children: [jsx("path", { d: "m8.863 1.745 6.75 11.5a.998.998 0 0 1-.862 1.505H1.25c-.358 0-.69-.193-.868-.502a1.005 1.005 0 0 1 .005-1.003l6.75-11.5a.998.998 0 0 1 1.725 0Z", className: "smarthr-ui-WarningIcon-wrapper shr-fill-warning-yellow shr-stroke-black shr-stroke-0.5" }), jsx("path", { className: "smarthr-ui-WarningIcon-mark shr-fill-black", d: "M8 5a.748.748 0 0 0-.75.75v3.5c0 .416.334.75.75.75s.75-.334.75-.75v-3.5A.748.748 0 0 0 8 5Zm1 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" })] })));
 

package/esm/components/InformationPanel/InformationPanel.d.ts

@@ -11,7 +11,7 @@ type AbstractProps = PropsWithChildren<{
      */
     titleTag?: HeadingTagTypes;
     /** `true` のとき、開閉ボタンを表示する */
-    togglable?: boolean;
+    toggleable?: boolean;
     /** 開閉ボタン押下時に発火するコールバック関数 */
     onClickTrigger?: (active: boolean) => void;
     /** コンポーネント内の文言を変更するための関数を設定 */
@@ -44,7 +44,7 @@ export declare const classNameGenerator: import("tailwind-variants").TVReturnTyp
     wrapper: string;
     header: string;
     heading: string;
-    togglableButton: string;
+    toggleableButton: string;
     content: string[];
 }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     type: {
@@ -113,7 +113,7 @@ export declare const classNameGenerator: import("tailwind-variants").TVReturnTyp
     wrapper: string;
     header: string;
     heading: string;
-    togglableButton: string;
+    toggleableButton: string;
     content: string[];
 }, import("tailwind-variants").TVReturnType<{
     type: {
@@ -140,7 +140,7 @@ export declare const classNameGenerator: import("tailwind-variants").TVReturnTyp
     wrapper: string;
     header: string;
     heading: string;
-    togglableButton: string;
+    toggleableButton: string;
     content: string[];
 }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
     type: {

package/esm/components/InformationPanel/InformationPanel.js

@@ -28,7 +28,7 @@ const classNameGenerator = ce({
         wrapper: 'smarthr-ui-InformationPanel shr-shadow-layer-3',
         header: 'shr-p-1.5',
         heading: 'smarthr-ui-InformationPanel-title',
-        togglableButton: 'smarthr-ui-InformationPanel-closeButton -shr-my-0.5 shr-ms-auto',
+        toggleableButton: 'smarthr-ui-InformationPanel-closeButton -shr-my-0.5 shr-ms-auto',
         content: [
             'smarthr-ui-InformationPanel-content',
             'shr-p-1.5 shr-pt-0 shr-text-base aria-hidden:shr-hidden',
@@ -92,7 +92,7 @@ const classNameGenerator = ce({
         },
     ],
 });
-const InformationPanel = ({ title, titleTag, type = 'info', togglable, active: activeProps = true, bold, className, children, onClickTrigger, decorators, ...props }) => {
+const InformationPanel = ({ title, titleTag, type = 'info', toggleable, active: activeProps = true, bold, className, children, onClickTrigger, decorators, ...props }) => {
     const [active, setActive] = useState(activeProps);
     const id = useId();
     const titleId = `${id}-title`;
@@ -117,23 +117,23 @@ const InformationPanel = ({ title, titleTag, type = 'info', togglable, active: a
                 wrapper: withActive.wrapper(wrapperProps),
                 header: withActive.header(),
                 heading: withActive.heading(),
-                togglableButton: withActive.togglableButton(),
+                toggleableButton: withActive.toggleableButton(),
                 content: withActive.content(),
             },
             inactive: {
                 wrapper: withInactive.wrapper(wrapperProps),
                 header: withInactive.header(),
                 heading: withInactive.heading(),
-                togglableButton: withInactive.togglableButton(),
+                toggleableButton: withInactive.toggleableButton(),
                 content: withInactive.content(),
             },
         };
     }, [bold, type, className]);
     const classNames = classNamesMapper[active ? 'active' : 'inactive'];
-    return (jsxs(Base, { ...props, overflow: "hidden", as: "section", className: classNames.wrapper, children: [jsxs(Sidebar, { align: "baseline", right: true, className: classNames.header, children: [jsx(MemoizedHeading, { tag: titleTag, id: titleId, className: classNames.heading, type: type, children: title }), togglable && (jsx(TogglableButton, { active: active, onClickTrigger: onClickTrigger, setActive: setActive, contentId: contentId, className: classNames.togglableButton, decorators: decorators }))] }), jsx("div", { id: contentId, "aria-hidden": !active, className: classNames.content, children: children })] }));
+    return (jsxs(Base, { ...props, overflow: "hidden", as: "section", className: classNames.wrapper, children: [jsxs(Sidebar, { align: "baseline", right: true, className: classNames.header, children: [jsx(MemoizedHeading, { tag: titleTag, id: titleId, className: classNames.heading, type: type, children: title }), toggleable && (jsx(ToggleableButton, { active: active, onClickTrigger: onClickTrigger, setActive: setActive, contentId: contentId, className: classNames.toggleableButton, decorators: decorators }))] }), jsx("div", { id: contentId, "aria-hidden": !active, className: classNames.content, children: children })] }));
 };
 const MemoizedHeading = memo(({ type, children, ...rest }) => (jsx(Heading, { ...rest, type: "blockTitle", children: jsx(ResponseMessage, { type: type, iconGap: 0.5, children: children }) })));
-const TogglableButton = ({ active, onClickTrigger, setActive, contentId, className, decorators }) => {
+const ToggleableButton = ({ active, onClickTrigger, setActive, contentId, className, decorators }) => {
     const { localize } = useIntl();
     const decoratorDefaultTexts = useMemo(() => ({
         openButtonLabel: localize({

package/esm/components/InformationPanel/InformationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationPanel.js","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { type DecoratorsType, useDecorators } from '../../hooks/useDecorators'\nimport { useIntl } from '../../intl'\nimport { Base, type BaseElementProps } from '../Base'\nimport { Button } from '../Button'\nimport { Heading, type HeadingTagTypes } from '../Heading'\nimport { FaCaretDownIcon, FaCaretUpIcon } from '../Icon'\nimport { Sidebar } from '../Layout'\nimport { ResponseMessage } from '../ResponseMessage'\n\ntype AbstractProps = PropsWithChildren<{\n  /** パネルのタイトル */\n  title: ReactNode\n  /**\n   * @deprecated titleTagは非推奨です\n   */\n  titleTag?: HeadingTagTypes\n  /** `true` のとき、開閉ボタンを表示する */\n  togglable?: boolean\n  /** 開閉ボタン押下時に発火するコールバック関数 */\n  onClickTrigger?: (active: boolean) => void\n  /** コンポーネント内の文言を変更するための関数を設定 */\n  decorators?: DecoratorsType<DecoratorKeyTypes>\n}> &\n  VariantProps<typeof classNameGenerator>\n\ntype DecoratorKeyTypes = 'openButtonLabel' | 'closeButtonLabel'\n\ntype Props = AbstractProps & Omit<BaseElementProps, keyof AbstractProps>\n\nexport const classNameGenerator = tv({\n  slots: {\n    wrapper: 'smarthr-ui-InformationPanel shr-shadow-layer-3',\n    header: 'shr-p-1.5',\n    heading: 'smarthr-ui-InformationPanel-title',\n    togglableButton: 'smarthr-ui-InformationPanel-closeButton -shr-my-0.5 shr-ms-auto',\n    content: [\n      'smarthr-ui-InformationPanel-content',\n      'shr-p-1.5 shr-pt-0 shr-text-base aria-hidden:shr-hidden',\n    ],\n  },\n  variants: {\n    type: {\n      success: {},\n      info: {},\n      warning: {},\n      error: {},\n      sync: {},\n    },\n    active: {\n      true: {},\n      false: {\n        header: 'shr-py-1',\n      },\n    },\n    bold: {\n      true: {\n        header: 'shr-py-1',\n        content: 'shr-pt-1',\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      type: ['success', 'warning', 'error'],\n      bold: true,\n      className: {\n        header: 'shr-text-white',\n        heading: '[&_.smarthr-ui-Icon]:shr-fill-white',\n      },\n    },\n    {\n      type: 'success',\n      bold: true,\n      className: {\n        header: 'shr-bg-main',\n      },\n    },\n    {\n      type: 'warning',\n      bold: true,\n      className: {\n        header: 'shr-bg-warning-yellow shr-text-black',\n        heading: [\n          '[&_.smarthr-ui-WarningIcon-wrapper]:shr-fill-black',\n          '[&_.smarthr-ui-WarningIcon-mark]:shr-fill-warning-yellow',\n        ],\n      },\n    },\n    {\n      type: 'error',\n      bold: true,\n      className: {\n        header: 'shr-bg-danger',\n      },\n    },\n  ],\n})\n\nexport const InformationPanel: FC<Props> = ({\n  title,\n  titleTag,\n  type = 'info',\n  togglable,\n  active: activeProps = true,\n  bold,\n  className,\n  children,\n  onClickTrigger,\n  decorators,\n  ...props\n}) => {\n  const [active, setActive] = useState(activeProps)\n  const id = useId()\n  const titleId = `${id}-title`\n  const contentId = `${id}-content`\n\n  useEffect(() => {\n    setActive(activeProps)\n  }, [activeProps])\n\n  const classNamesMapper = useMemo(() => {\n    const withActive = classNameGenerator({\n      type,\n      active: true,\n      bold,\n    })\n    const withInactive = classNameGenerator({\n      type,\n      active: false,\n      bold,\n    })\n\n    const wrapperProps = { className }\n\n    return {\n      active: {\n        wrapper: withActive.wrapper(wrapperProps),\n        header: withActive.header(),\n        heading: withActive.heading(),\n        togglableButton: withActive.togglableButton(),\n        content: withActive.content(),\n      },\n      inactive: {\n        wrapper: withInactive.wrapper(wrapperProps),\n        header: withInactive.header(),\n        heading: withInactive.heading(),\n        togglableButton: withInactive.togglableButton(),\n        content: withInactive.content(),\n      },\n    }\n  }, [bold, type, className])\n\n  const classNames = classNamesMapper[active ? 'active' : 'inactive']\n\n  return (\n    <Base {...props} overflow=\"hidden\" as=\"section\" className={classNames.wrapper}>\n      <Sidebar align=\"baseline\" right className={classNames.header}>\n        {/* eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content */}\n        <MemoizedHeading tag={titleTag} id={titleId} className={classNames.heading} type={type}>\n          {title}\n        </MemoizedHeading>\n        {togglable && (\n          <TogglableButton\n            active={active}\n            onClickTrigger={onClickTrigger}\n            setActive={setActive}\n            contentId={contentId}\n            className={classNames.togglableButton}\n            decorators={decorators}\n          />\n        )}\n      </Sidebar>\n      <div id={contentId} aria-hidden={!active} className={classNames.content}>\n        {children}\n      </div>\n    </Base>\n  )\n}\n\nconst MemoizedHeading = memo<\n  Pick<Props, 'type'> & {\n    tag: Props['titleTag']\n    id: string\n    className: string\n    children: Props['title']\n  }\n>(({ type, children, ...rest }) => (\n  <Heading {...rest} type=\"blockTitle\">\n    <ResponseMessage type={type} iconGap={0.5}>\n      {children}\n    </ResponseMessage>\n  </Heading>\n))\n\nconst TogglableButton: FC<\n  Pick<Props, 'onClickTrigger' | 'decorators'> & {\n    active: boolean\n    setActive: (flg: boolean) => void\n    contentId: string\n    className: string\n  }\n> = ({ active, onClickTrigger, setActive, contentId, className, decorators }) => {\n  const { localize } = useIntl()\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      openButtonLabel: localize({\n        id: 'smarthr-ui/InformationPanel/openButtonLabel',\n        defaultText: '開く',\n      }),\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/InformationPanel/closeButtonLabel',\n        defaultText: '閉じる',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n\n  const onClick = useMemo(\n    () => (onClickTrigger ? () => onClickTrigger(active) : () => setActive(!active)),\n    [active, onClickTrigger, setActive],\n  )\n\n  return (\n    <Button\n      aria-expanded={active}\n      aria-controls={contentId}\n      onClick={onClick}\n      suffix={active ? <FaCaretUpIcon /> : <FaCaretDownIcon />}\n      size=\"s\"\n      className={className}\n    >\n      {decorated[active ? 'closeButtonLabel' : 'openButtonLabel']}\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CO;AACL;AACE;AACA;AACA;AACA;AACA;;;AAGC;AACF;AACD;AACE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACE;AACD;AACF;AACD;AACE;AACE;AACA;AACD;AACD;AACD;AACF;AACD;AACE;AACE;AACA;AACA;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACE;AACD;AACF;AACD;AACE;AACA;AACA;AACE;AACA;;;AAGC;AACF;AACF;AACD;AACE;AACA;AACA;AACE;AACD;AACF;AACF;AACF;AAEM;;AAcL;AACA;AACA;;;AAIA;AAEA;;;AAGI;;AAED;;;AAGC;;AAED;AAED;;AAGE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;;;AAIL;;AAyBF;AAEA;AAeA;AAQE;AAEA;;AAGM;AACA;;;AAGA;AACA;;AAEH;;AAMH;;AAiBF;;"}
+{"version":3,"file":"InformationPanel.js","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { type DecoratorsType, useDecorators } from '../../hooks/useDecorators'\nimport { useIntl } from '../../intl'\nimport { Base, type BaseElementProps } from '../Base'\nimport { Button } from '../Button'\nimport { Heading, type HeadingTagTypes } from '../Heading'\nimport { FaCaretDownIcon, FaCaretUpIcon } from '../Icon'\nimport { Sidebar } from '../Layout'\nimport { ResponseMessage } from '../ResponseMessage'\n\ntype AbstractProps = PropsWithChildren<{\n  /** パネルのタイトル */\n  title: ReactNode\n  /**\n   * @deprecated titleTagは非推奨です\n   */\n  titleTag?: HeadingTagTypes\n  /** `true` のとき、開閉ボタンを表示する */\n  toggleable?: boolean\n  /** 開閉ボタン押下時に発火するコールバック関数 */\n  onClickTrigger?: (active: boolean) => void\n  /** コンポーネント内の文言を変更するための関数を設定 */\n  decorators?: DecoratorsType<DecoratorKeyTypes>\n}> &\n  VariantProps<typeof classNameGenerator>\n\ntype DecoratorKeyTypes = 'openButtonLabel' | 'closeButtonLabel'\n\ntype Props = AbstractProps & Omit<BaseElementProps, keyof AbstractProps>\n\nexport const classNameGenerator = tv({\n  slots: {\n    wrapper: 'smarthr-ui-InformationPanel shr-shadow-layer-3',\n    header: 'shr-p-1.5',\n    heading: 'smarthr-ui-InformationPanel-title',\n    toggleableButton: 'smarthr-ui-InformationPanel-closeButton -shr-my-0.5 shr-ms-auto',\n    content: [\n      'smarthr-ui-InformationPanel-content',\n      'shr-p-1.5 shr-pt-0 shr-text-base aria-hidden:shr-hidden',\n    ],\n  },\n  variants: {\n    type: {\n      success: {},\n      info: {},\n      warning: {},\n      error: {},\n      sync: {},\n    },\n    active: {\n      true: {},\n      false: {\n        header: 'shr-py-1',\n      },\n    },\n    bold: {\n      true: {\n        header: 'shr-py-1',\n        content: 'shr-pt-1',\n      },\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      type: ['success', 'warning', 'error'],\n      bold: true,\n      className: {\n        header: 'shr-text-white',\n        heading: '[&_.smarthr-ui-Icon]:shr-fill-white',\n      },\n    },\n    {\n      type: 'success',\n      bold: true,\n      className: {\n        header: 'shr-bg-main',\n      },\n    },\n    {\n      type: 'warning',\n      bold: true,\n      className: {\n        header: 'shr-bg-warning-yellow shr-text-black',\n        heading: [\n          '[&_.smarthr-ui-WarningIcon-wrapper]:shr-fill-black',\n          '[&_.smarthr-ui-WarningIcon-mark]:shr-fill-warning-yellow',\n        ],\n      },\n    },\n    {\n      type: 'error',\n      bold: true,\n      className: {\n        header: 'shr-bg-danger',\n      },\n    },\n  ],\n})\n\nexport const InformationPanel: FC<Props> = ({\n  title,\n  titleTag,\n  type = 'info',\n  toggleable,\n  active: activeProps = true,\n  bold,\n  className,\n  children,\n  onClickTrigger,\n  decorators,\n  ...props\n}) => {\n  const [active, setActive] = useState(activeProps)\n  const id = useId()\n  const titleId = `${id}-title`\n  const contentId = `${id}-content`\n\n  useEffect(() => {\n    setActive(activeProps)\n  }, [activeProps])\n\n  const classNamesMapper = useMemo(() => {\n    const withActive = classNameGenerator({\n      type,\n      active: true,\n      bold,\n    })\n    const withInactive = classNameGenerator({\n      type,\n      active: false,\n      bold,\n    })\n\n    const wrapperProps = { className }\n\n    return {\n      active: {\n        wrapper: withActive.wrapper(wrapperProps),\n        header: withActive.header(),\n        heading: withActive.heading(),\n        toggleableButton: withActive.toggleableButton(),\n        content: withActive.content(),\n      },\n      inactive: {\n        wrapper: withInactive.wrapper(wrapperProps),\n        header: withInactive.header(),\n        heading: withInactive.heading(),\n        toggleableButton: withInactive.toggleableButton(),\n        content: withInactive.content(),\n      },\n    }\n  }, [bold, type, className])\n\n  const classNames = classNamesMapper[active ? 'active' : 'inactive']\n\n  return (\n    <Base {...props} overflow=\"hidden\" as=\"section\" className={classNames.wrapper}>\n      <Sidebar align=\"baseline\" right className={classNames.header}>\n        {/* eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content */}\n        <MemoizedHeading tag={titleTag} id={titleId} className={classNames.heading} type={type}>\n          {title}\n        </MemoizedHeading>\n        {toggleable && (\n          <ToggleableButton\n            active={active}\n            onClickTrigger={onClickTrigger}\n            setActive={setActive}\n            contentId={contentId}\n            className={classNames.toggleableButton}\n            decorators={decorators}\n          />\n        )}\n      </Sidebar>\n      <div id={contentId} aria-hidden={!active} className={classNames.content}>\n        {children}\n      </div>\n    </Base>\n  )\n}\n\nconst MemoizedHeading = memo<\n  Pick<Props, 'type'> & {\n    tag: Props['titleTag']\n    id: string\n    className: string\n    children: Props['title']\n  }\n>(({ type, children, ...rest }) => (\n  <Heading {...rest} type=\"blockTitle\">\n    <ResponseMessage type={type} iconGap={0.5}>\n      {children}\n    </ResponseMessage>\n  </Heading>\n))\n\nconst ToggleableButton: FC<\n  Pick<Props, 'onClickTrigger' | 'decorators'> & {\n    active: boolean\n    setActive: (flg: boolean) => void\n    contentId: string\n    className: string\n  }\n> = ({ active, onClickTrigger, setActive, contentId, className, decorators }) => {\n  const { localize } = useIntl()\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      openButtonLabel: localize({\n        id: 'smarthr-ui/InformationPanel/openButtonLabel',\n        defaultText: '開く',\n      }),\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/InformationPanel/closeButtonLabel',\n        defaultText: '閉じる',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n\n  const onClick = useMemo(\n    () => (onClickTrigger ? () => onClickTrigger(active) : () => setActive(!active)),\n    [active, onClickTrigger, setActive],\n  )\n\n  return (\n    <Button\n      aria-expanded={active}\n      aria-controls={contentId}\n      onClick={onClick}\n      suffix={active ? <FaCaretUpIcon /> : <FaCaretDownIcon />}\n      size=\"s\"\n      className={className}\n    >\n      {decorated[active ? 'closeButtonLabel' : 'openButtonLabel']}\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CO;AACL;AACE;AACA;AACA;AACA;AACA;;;AAGC;AACF;AACD;AACE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACE;AACD;AACF;AACD;AACE;AACE;AACA;AACD;AACD;AACD;AACF;AACD;AACE;AACE;AACA;AACA;AACE;AACA;AACD;AACF;AACD;AACE;AACA;AACA;AACE;AACD;AACF;AACD;AACE;AACA;AACA;AACE;AACA;;;AAGC;AACF;AACF;AACD;AACE;AACA;AACA;AACE;AACD;AACF;AACF;AACF;AAEM;;AAcL;AACA;AACA;;;AAIA;AAEA;;;AAGI;;AAED;;;AAGC;;AAED;AAED;;AAGE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;;;AAIL;;AAyBF;AAEA;AAeA;AAQE;AAEA;;AAGM;AACA;;;AAGA;AACA;;AAEH;;AAMH;;AAiBF;;"}

package/esm/components/NotificationBar/NotificationBar.js

@@ -179,7 +179,7 @@ const NotificationBar = ({ type, bold, animate, subActionArea, onClose, children
 };
 const MessageArea = memo(({ children, bold, type, classNames }) => {
     const Icon = ICON_MAPPER[bold ? 'bold' : 'normal'][type];
-    return (jsx(Text, { prefixIcon: jsx(Icon, { iconGap: 0.5, className: classNames.icon }), className: classNames.messageArea, as: "div", children: children }));
+    return (jsx(Text, { prefixIcon: jsx(Icon, { iconGap: 0.5, className: classNames.icon }), className: classNames.messageArea, as: "div", iconGap: 0.5, children: children }));
 });
 const CloseButton = memo(({ onClose, className }) => onClose && (jsx(Button, { variant: "text", size: "s", onClick: onClose, className: className, children: jsx(FaXmarkIcon, { alt: jsx(Localizer, { id: "smarthr-ui/NotificationBar/closeButtonIconAlt", defaultText: "\u9589\u3058\u308B" }) }) })));
 

package/esm/components/NotificationBar/NotificationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBar.js","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type FC,\n  Fragment,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { Localizer } from '../../intl'\nimport { Base } from '../Base'\nimport { Button } from '../Button'\nimport {\n  FaCircleCheckIcon,\n  FaCircleExclamationIcon,\n  FaCircleInfoIcon,\n  FaRotateIcon,\n  FaTriangleExclamationIcon,\n  FaXmarkIcon,\n  WarningIcon,\n} from '../Icon'\nimport { Cluster } from '../Layout'\nimport { Text } from '../Text'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper:\n      'smarthr-ui-NotificationBar shr-flex shr-items-baseline shr-justify-between shr-gap-0.5 shr-p-0.75',\n    inner: 'shr-flex-grow',\n    messageArea: [\n      'smarthr-ui-NotificationBar-messageArea',\n      'shr-flex shr-grow',\n      '[&_.smarthr-ui-Icon-withText]:shr-leading-tight',\n    ],\n    icon: '',\n    actionArea: 'smarthr-ui-NotificationBar-actionArea -shr-my-0.5 shr-shrink-0',\n    closeButton:\n      'smarthr-ui-NotificationBar-closeButton -shr-mb-0.5 -shr-mr-0.5 -shr-mt-0.5 shr-flex-shrink-0 shr-text-black',\n  },\n  variants: {\n    /** 下地 */\n    base: {\n      none: {},\n      base: {\n        wrapper: 'shr-py-1 shr-pe-1 shr-ps-1.5',\n      },\n    },\n    /** メッセージの種類 */\n    type: {\n      info: {\n        icon: 'shr-text-grey',\n      },\n      success: {},\n      warning: {\n        icon: 'shr-text-black',\n      },\n      error: {},\n      sync: {\n        icon: 'shr-text-main',\n      },\n    },\n    /** 強調するかどうか */\n    bold: {\n      true: '',\n      false: '',\n    },\n    /** スライドインするかどうか */\n    animate: {\n      true: {\n        wrapper: 'shr-animate-[notification-bar-slide-in_0.2s_ease-out]',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      type: ['info', 'success', 'warning', 'error', 'sync'],\n      bold: false,\n      className: {\n        wrapper: 'shr-bg-white shr-text-black',\n      },\n    },\n    {\n      type: 'success',\n      bold: false,\n      className: {\n        icon: 'shr-text-main',\n      },\n    },\n    {\n      type: 'error',\n      bold: false,\n      className: {\n        icon: 'shr-text-danger',\n      },\n    },\n    {\n      type: ['info', 'sync'],\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-white',\n      },\n    },\n    {\n      type: 'success',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-main shr-text-white',\n        icon: 'shr-text-white',\n        closeButton:\n          'shr-text-white hover:[&]:shr-bg-main-darken focus-visible:[&]:shr-bg-main-darken',\n      },\n    },\n    {\n      type: 'warning',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-warning-yellow shr-text-black',\n        closeButton:\n          'shr-text-black hover:[&]:shr-bg-warning-yellow-darken focus-visible:[&]:shr-bg-warning-yellow-darken',\n      },\n    },\n    {\n      type: 'error',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-danger shr-text-white',\n        icon: 'shr-text-white',\n        closeButton:\n          'shr-text-white hover:[&]:shr-bg-danger-darken focus-visible:[&]:shr-bg-danger-darken',\n      },\n    },\n  ],\n})\n\ntype StyleVariants = VariantProps<typeof classNameGenerator>\ntype Props = PropsWithChildren<\n  Omit<StyleVariants, 'type'> &\n    Required<Pick<StyleVariants, 'type'>> & {\n      /** コンポーネント右の領域 */\n      subActionArea?: ReactNode\n      /** 閉じるボタン押下時に発火させる関数 */\n      onClose?: () => void\n      /** role 属性 */\n      role?: 'alert' | 'status'\n    }\n>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>\ntype BaseProps = Pick<ComponentProps<typeof Base>, 'layer'>\ntype ActualProps = Props & ElementProps & BaseProps\n\nconst ABSTRACT_ICON_MAPPER = {\n  info: FaCircleInfoIcon,\n  success: FaCircleCheckIcon,\n  error: FaCircleExclamationIcon,\n  sync: FaRotateIcon,\n}\nconst ICON_MAPPER = {\n  normal: {\n    ...ABSTRACT_ICON_MAPPER,\n    warning: WarningIcon,\n  },\n  bold: {\n    ...ABSTRACT_ICON_MAPPER,\n    warning: FaTriangleExclamationIcon,\n  },\n} as const\n\nconst ROLE_STATUS_TYPE_REGEX = /^(info|sync)$/\n\nexport const NotificationBar: FC<ActualProps> = ({\n  type,\n  bold,\n  animate,\n  subActionArea,\n  onClose,\n  children,\n  role,\n  base,\n  layer,\n  className,\n  ...props\n}) => {\n  const actualRole = useMemo(() => {\n    if (role) {\n      return role\n    }\n\n    return ROLE_STATUS_TYPE_REGEX.test(type) ? 'status' : 'alert'\n  }, [role, type])\n  const { WrapBase, baseProps } = useMemo(\n    () =>\n      base === 'base'\n        ? {\n            WrapBase: Base,\n            baseProps: {\n              layer,\n              overflow: 'hidden' as ComponentProps<typeof Base>['overflow'],\n            },\n          }\n        : {\n            WrapBase: Fragment,\n            baseProps: {},\n          },\n    [base, layer],\n  )\n  const classNames = useMemo(() => {\n    const { wrapper, inner, messageArea, icon, actionArea, closeButton } = classNameGenerator({\n      type,\n      bold: !!bold,\n      base: base || 'none',\n    })\n\n    return {\n      wrapper: wrapper({ animate, className }),\n      inner: inner(),\n      messageArea: messageArea(),\n      icon: icon(),\n      actionArea: actionArea(),\n      closeButton: closeButton(),\n    }\n  }, [animate, base, bold, type, className])\n\n  return (\n    <WrapBase {...baseProps}>\n      <div {...props} className={classNames.wrapper} role={actualRole}>\n        <Cluster gap={1} align=\"center\" justify=\"flex-end\" className={classNames.inner}>\n          <MessageArea bold={bold} type={type} classNames={classNames}>\n            {children}\n          </MessageArea>\n          {subActionArea && (\n            <Cluster align=\"center\" justify=\"flex-end\" className={classNames.actionArea}>\n              {subActionArea}\n            </Cluster>\n          )}\n        </Cluster>\n        <CloseButton onClose={onClose} className={classNames.closeButton} />\n      </div>\n    </WrapBase>\n  )\n}\n\nconst MessageArea = memo<\n  Pick<ActualProps, 'children' | 'bold' | 'type'> & {\n    classNames: { messageArea: string; icon: string }\n  }\n>(({ children, bold, type, classNames }) => {\n  const Icon = ICON_MAPPER[bold ? 'bold' : 'normal'][type]\n\n  return (\n    <Text\n      prefixIcon={<Icon iconGap={0.5} className={classNames.icon} />}\n      className={classNames.messageArea}\n      as=\"div\"\n    >\n      {children}\n    </Text>\n  )\n})\n\nconst CloseButton = memo<Pick<ActualProps, 'onClose'> & { className: string }>(\n  ({ onClose, className }) =>\n    onClose && (\n      <Button variant=\"text\" size=\"s\" onClick={onClose} className={className}>\n        <FaXmarkIcon\n          alt={\n            <Localizer id=\"smarthr-ui/NotificationBar/closeButtonIconAlt\" defaultText=\"閉じる\" />\n          }\n        />\n      </Button>\n    ),\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"NotificationBar.js","sources":["../../../src/components/NotificationBar/NotificationBar.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type FC,\n  Fragment,\n  type PropsWithChildren,\n  type ReactNode,\n  memo,\n  useMemo,\n} from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { Localizer } from '../../intl'\nimport { Base } from '../Base'\nimport { Button } from '../Button'\nimport {\n  FaCircleCheckIcon,\n  FaCircleExclamationIcon,\n  FaCircleInfoIcon,\n  FaRotateIcon,\n  FaTriangleExclamationIcon,\n  FaXmarkIcon,\n  WarningIcon,\n} from '../Icon'\nimport { Cluster } from '../Layout'\nimport { Text } from '../Text'\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper:\n      'smarthr-ui-NotificationBar shr-flex shr-items-baseline shr-justify-between shr-gap-0.5 shr-p-0.75',\n    inner: 'shr-flex-grow',\n    messageArea: [\n      'smarthr-ui-NotificationBar-messageArea',\n      'shr-flex shr-grow',\n      '[&_.smarthr-ui-Icon-withText]:shr-leading-tight',\n    ],\n    icon: '',\n    actionArea: 'smarthr-ui-NotificationBar-actionArea -shr-my-0.5 shr-shrink-0',\n    closeButton:\n      'smarthr-ui-NotificationBar-closeButton -shr-mb-0.5 -shr-mr-0.5 -shr-mt-0.5 shr-flex-shrink-0 shr-text-black',\n  },\n  variants: {\n    /** 下地 */\n    base: {\n      none: {},\n      base: {\n        wrapper: 'shr-py-1 shr-pe-1 shr-ps-1.5',\n      },\n    },\n    /** メッセージの種類 */\n    type: {\n      info: {\n        icon: 'shr-text-grey',\n      },\n      success: {},\n      warning: {\n        icon: 'shr-text-black',\n      },\n      error: {},\n      sync: {\n        icon: 'shr-text-main',\n      },\n    },\n    /** 強調するかどうか */\n    bold: {\n      true: '',\n      false: '',\n    },\n    /** スライドインするかどうか */\n    animate: {\n      true: {\n        wrapper: 'shr-animate-[notification-bar-slide-in_0.2s_ease-out]',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      type: ['info', 'success', 'warning', 'error', 'sync'],\n      bold: false,\n      className: {\n        wrapper: 'shr-bg-white shr-text-black',\n      },\n    },\n    {\n      type: 'success',\n      bold: false,\n      className: {\n        icon: 'shr-text-main',\n      },\n    },\n    {\n      type: 'error',\n      bold: false,\n      className: {\n        icon: 'shr-text-danger',\n      },\n    },\n    {\n      type: ['info', 'sync'],\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-white',\n      },\n    },\n    {\n      type: 'success',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-main shr-text-white',\n        icon: 'shr-text-white',\n        closeButton:\n          'shr-text-white hover:[&]:shr-bg-main-darken focus-visible:[&]:shr-bg-main-darken',\n      },\n    },\n    {\n      type: 'warning',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-warning-yellow shr-text-black',\n        closeButton:\n          'shr-text-black hover:[&]:shr-bg-warning-yellow-darken focus-visible:[&]:shr-bg-warning-yellow-darken',\n      },\n    },\n    {\n      type: 'error',\n      bold: true,\n      className: {\n        wrapper: 'shr-bg-danger shr-text-white',\n        icon: 'shr-text-white',\n        closeButton:\n          'shr-text-white hover:[&]:shr-bg-danger-darken focus-visible:[&]:shr-bg-danger-darken',\n      },\n    },\n  ],\n})\n\ntype StyleVariants = VariantProps<typeof classNameGenerator>\ntype Props = PropsWithChildren<\n  Omit<StyleVariants, 'type'> &\n    Required<Pick<StyleVariants, 'type'>> & {\n      /** コンポーネント右の領域 */\n      subActionArea?: ReactNode\n      /** 閉じるボタン押下時に発火させる関数 */\n      onClose?: () => void\n      /** role 属性 */\n      role?: 'alert' | 'status'\n    }\n>\ntype ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>\ntype BaseProps = Pick<ComponentProps<typeof Base>, 'layer'>\ntype ActualProps = Props & ElementProps & BaseProps\n\nconst ABSTRACT_ICON_MAPPER = {\n  info: FaCircleInfoIcon,\n  success: FaCircleCheckIcon,\n  error: FaCircleExclamationIcon,\n  sync: FaRotateIcon,\n}\nconst ICON_MAPPER = {\n  normal: {\n    ...ABSTRACT_ICON_MAPPER,\n    warning: WarningIcon,\n  },\n  bold: {\n    ...ABSTRACT_ICON_MAPPER,\n    warning: FaTriangleExclamationIcon,\n  },\n} as const\n\nconst ROLE_STATUS_TYPE_REGEX = /^(info|sync)$/\n\nexport const NotificationBar: FC<ActualProps> = ({\n  type,\n  bold,\n  animate,\n  subActionArea,\n  onClose,\n  children,\n  role,\n  base,\n  layer,\n  className,\n  ...props\n}) => {\n  const actualRole = useMemo(() => {\n    if (role) {\n      return role\n    }\n\n    return ROLE_STATUS_TYPE_REGEX.test(type) ? 'status' : 'alert'\n  }, [role, type])\n  const { WrapBase, baseProps } = useMemo(\n    () =>\n      base === 'base'\n        ? {\n            WrapBase: Base,\n            baseProps: {\n              layer,\n              overflow: 'hidden' as ComponentProps<typeof Base>['overflow'],\n            },\n          }\n        : {\n            WrapBase: Fragment,\n            baseProps: {},\n          },\n    [base, layer],\n  )\n  const classNames = useMemo(() => {\n    const { wrapper, inner, messageArea, icon, actionArea, closeButton } = classNameGenerator({\n      type,\n      bold: !!bold,\n      base: base || 'none',\n    })\n\n    return {\n      wrapper: wrapper({ animate, className }),\n      inner: inner(),\n      messageArea: messageArea(),\n      icon: icon(),\n      actionArea: actionArea(),\n      closeButton: closeButton(),\n    }\n  }, [animate, base, bold, type, className])\n\n  return (\n    <WrapBase {...baseProps}>\n      <div {...props} className={classNames.wrapper} role={actualRole}>\n        <Cluster gap={1} align=\"center\" justify=\"flex-end\" className={classNames.inner}>\n          <MessageArea bold={bold} type={type} classNames={classNames}>\n            {children}\n          </MessageArea>\n          {subActionArea && (\n            <Cluster align=\"center\" justify=\"flex-end\" className={classNames.actionArea}>\n              {subActionArea}\n            </Cluster>\n          )}\n        </Cluster>\n        <CloseButton onClose={onClose} className={classNames.closeButton} />\n      </div>\n    </WrapBase>\n  )\n}\n\nconst MessageArea = memo<\n  Pick<ActualProps, 'children' | 'bold' | 'type'> & {\n    classNames: { messageArea: string; icon: string }\n  }\n>(({ children, bold, type, classNames }) => {\n  const Icon = ICON_MAPPER[bold ? 'bold' : 'normal'][type]\n\n  return (\n    <Text\n      prefixIcon={<Icon iconGap={0.5} className={classNames.icon} />}\n      className={classNames.messageArea}\n      as=\"div\"\n      iconGap={0.5}\n    >\n      {children}\n    </Text>\n  )\n})\n\nconst CloseButton = memo<Pick<ActualProps, 'onClose'> & { className: string }>(\n  ({ onClose, className }) =>\n    onClose && (\n      <Button variant=\"text\" size=\"s\" onClick={onClose} className={className}>\n        <FaXmarkIcon\n          alt={\n            <Localizer id=\"smarthr-ui/NotificationBar/closeButtonIconAlt\" defaultText=\"閉じる\" />\n          }\n        />\n      </Button>\n    ),\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":"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"}

package/esm/components/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useState, useRef, useId, useSyncExternalStore, useCallback, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
-import innerText from '../../_virtual/index3.js';
+import innerText from '../../_virtual/index.js';
 import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@swc_core@1.13.5_@types_node@20.19.20_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
 import { useEnhancedEffect } from '../../hooks/useEnhancedEffect.js';
 import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';

package/esm/libs/lodash.js

@@ -1,5 +1,5 @@
-import _merge from '../_virtual/index.js';
-import _range from '../_virtual/index2.js';
+import _merge from '../_virtual/index2.js';
+import _range from '../_virtual/index3.js';
 
 const merge = _merge;
 const range = _range;

package/esm/vendor/.pnpm/{merge-refs@1.3.0_@types_react@18.3.26 → merge-refs@1.3.0_@types_react@18.3.27}/vendor/merge-refs/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/merge-refs@1.3.0_@types+react@18.3.26/node_modules/merge-refs/dist/esm/index.js"],"sourcesContent":["/**\n * A function that merges React refs into one.\n * Supports both functions and ref objects created using createRef() and useRef().\n *\n * Usage:\n * ```tsx\n * <div ref={mergeRefs(ref1, ref2, ref3)} />\n * ```\n *\n * @param {(React.Ref<T> | undefined)[]} inputRefs Array of refs\n * @returns {React.Ref<T> | React.RefCallback<T>} Merged refs\n */\nexport default function mergeRefs() {\n    var inputRefs = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        inputRefs[_i] = arguments[_i];\n    }\n    var filteredInputRefs = inputRefs.filter(Boolean);\n    if (filteredInputRefs.length <= 1) {\n        var firstRef = filteredInputRefs[0];\n        return firstRef || null;\n    }\n    return function mergedRefs(ref) {\n        filteredInputRefs.forEach(function (inputRef) {\n            if (typeof inputRef === 'function') {\n                inputRef(ref);\n            }\n            else if (inputRef) {\n                inputRef.current = ref;\n            }\n        });\n    };\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,GAAG;AACpC,IAAI,IAAI,SAAS,GAAG,EAAE;AACtB,IAAI,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;AAClD,QAAQ,SAAS,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;AACrC,IAAI;AACJ,IAAI,IAAI,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;AACrD,IAAI,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAAC,EAAE;AACvC,QAAQ,IAAI,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC;AAC3C,QAAQ,OAAO,QAAQ,IAAI,IAAI;AAC/B,IAAI;AACJ,IAAI,OAAO,SAAS,UAAU,CAAC,GAAG,EAAE;AACpC,QAAQ,iBAAiB,CAAC,OAAO,CAAC,UAAU,QAAQ,EAAE;AACtD,YAAY,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAChD,gBAAgB,QAAQ,CAAC,GAAG,CAAC;AAC7B,YAAY;AACZ,iBAAiB,IAAI,QAAQ,EAAE;AAC/B,gBAAgB,QAAQ,CAAC,OAAO,GAAG,GAAG;AACtC,YAAY;AACZ,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC;AACL;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../../../../../../node_modules/.pnpm/merge-refs@1.3.0_@types+react@18.3.27/node_modules/merge-refs/dist/esm/index.js"],"sourcesContent":["/**\n * A function that merges React refs into one.\n * Supports both functions and ref objects created using createRef() and useRef().\n *\n * Usage:\n * ```tsx\n * <div ref={mergeRefs(ref1, ref2, ref3)} />\n * ```\n *\n * @param {(React.Ref<T> | undefined)[]} inputRefs Array of refs\n * @returns {React.Ref<T> | React.RefCallback<T>} Merged refs\n */\nexport default function mergeRefs() {\n    var inputRefs = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        inputRefs[_i] = arguments[_i];\n    }\n    var filteredInputRefs = inputRefs.filter(Boolean);\n    if (filteredInputRefs.length <= 1) {\n        var firstRef = filteredInputRefs[0];\n        return firstRef || null;\n    }\n    return function mergedRefs(ref) {\n        filteredInputRefs.forEach(function (inputRef) {\n            if (typeof inputRef === 'function') {\n                inputRef(ref);\n            }\n            else if (inputRef) {\n                inputRef.current = ref;\n            }\n        });\n    };\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,GAAG;AACpC,IAAI,IAAI,SAAS,GAAG,EAAE;AACtB,IAAI,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;AAClD,QAAQ,SAAS,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;AACrC,IAAI;AACJ,IAAI,IAAI,iBAAiB,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;AACrD,IAAI,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAAC,EAAE;AACvC,QAAQ,IAAI,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC;AAC3C,QAAQ,OAAO,QAAQ,IAAI,IAAI;AAC/B,IAAI;AACJ,IAAI,OAAO,SAAS,UAAU,CAAC,GAAG,EAAE;AACpC,QAAQ,iBAAiB,CAAC,OAAO,CAAC,UAAU,QAAQ,EAAE;AACtD,YAAY,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAChD,gBAAgB,QAAQ,CAAC,GAAG,CAAC;AAC7B,YAAY;AACZ,iBAAiB,IAAI,QAAQ,EAAE;AAC/B,gBAAgB,QAAQ,CAAC,OAAO,GAAG,GAAG;AACtC,YAAY;AACZ,QAAQ,CAAC,CAAC;AACV,IAAI,CAAC;AACL;;;;","x_google_ignoreList":[0]}