smarthr-ui 79.2.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.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo, useId, 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 { STYLE_TYPE_MAP, Text } from '../../Text/Text.js';
 import { visuallyHiddenTextClassNameGenerator, VisuallyHiddenText } from '../../VisuallyHiddenText/VisuallyHiddenText.js';

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":";;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,OAAO,EACL,mGAAmG;AACrG,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,WAAW,EAAE;YACX,wCAAwC;YACxC,mBAAmB;YACnB,iDAAiD;AAClD,SAAA;AACD,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,UAAU,EAAE,gEAAgE;AAC5E,QAAA,WAAW,EACT,6GAA6G;AAChH,KAAA;AACD,IAAA,QAAQ,EAAE;;AAER,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,IAAI,EAAE;AACJ,gBAAA,OAAO,EAAE,8BAA8B;AACxC,aAAA;AACF,SAAA;;AAED,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,eAAe;AACtB,aAAA;AACD,YAAA,OAAO,EAAE,EAAE;AACX,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE,gBAAgB;AACvB,aAAA;AACD,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,eAAe;AACtB,aAAA;AACF,SAAA;;AAED,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,KAAK,EAAE,EAAE;AACV,SAAA;;AAED,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE;AACJ,gBAAA,OAAO,EAAE,uDAAuD;AACjE,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;YACE,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;AACrD,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,OAAO,EAAE,6BAA6B;AACvC,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,eAAe;AACtB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,iBAAiB;AACxB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE;AACT,gBAAA,OAAO,EAAE,cAAc;AACxB,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE;AACT,gBAAA,OAAO,EAAE,4BAA4B;AACrC,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,WAAW,EACT,kFAAkF;AACrF,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE;AACT,gBAAA,OAAO,EAAE,sCAAsC;AAC/C,gBAAA,WAAW,EACT,sGAAsG;AACzG,aAAA;AACF,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,SAAS,EAAE;AACT,gBAAA,OAAO,EAAE,8BAA8B;AACvC,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,WAAW,EACT,sFAAsF;AACzF,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAkBF,MAAM,oBAAoB,GAAG;AAC3B,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,IAAI,EAAE,YAAY;CACnB;AACD,MAAM,WAAW,GAAG;AAClB,IAAA,MAAM,EAAE;AACN,QAAA,GAAG,oBAAoB;AACvB,QAAA,OAAO,EAAE,WAAW;AACrB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,GAAG,oBAAoB;AACvB,QAAA,OAAO,EAAE,yBAAyB;AACnC,KAAA;CACO;AAEV,MAAM,sBAAsB,GAAG,eAAe;AAEvC,MAAM,eAAe,GAAoB,CAAC,EAC/C,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,IAAI,IAAI,EAAE;AACR,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,GAAG,OAAO;AAC/D,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChB,IAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAO,CACrC,MACE,IAAI,KAAK;AACP,UAAE;AACE,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE;gBACT,KAAK;AACL,gBAAA,QAAQ,EAAE,QAAmD;AAC9D,aAAA;AACF;AACH,UAAE;AACE,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,SAAS,EAAE,EAAE;AACd,SAAA,EACP,CAAC,IAAI,EAAE,KAAK,CAAC,CACd;AACD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,kBAAkB,CAAC;YACxF,IAAI;YACJ,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,IAAI,EAAE,IAAI,IAAI,MAAM;AACrB,SAAA,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YACxC,KAAK,EAAE,KAAK,EAAE;YACd,WAAW,EAAE,WAAW,EAAE;YAC1B,IAAI,EAAE,IAAI,EAAE;YACZ,UAAU,EAAE,UAAU,EAAE;YACxB,WAAW,EAAE,WAAW,EAAE;SAC3B;AACH,IAAA,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAE1C,QACEC,IAAC,QAAQ,EAAA,EAAA,GAAK,SAAS,EAAA,QAAA,EACrBC,IAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,CAC7DA,IAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,aAC5ED,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAA,QAAA,EACxD,QAAQ,EAAA,CACG,EACb,aAAa,KACZA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAA,QAAA,EACxE,aAAa,EAAA,CACN,CACX,IACO,EACVA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAA,CAAI,CAAA,EAAA,CAChE,EAAA,CACG;AAEf;AAEA,MAAM,WAAW,GAAG,IAAI,CAItB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAI;AACzC,IAAA,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC;AAExD,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,UAAU,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,EAAA,CAAI,EAC9D,SAAS,EAAE,UAAU,CAAC,WAAW,EACjC,EAAE,EAAC,KAAK,EACR,OAAO,EAAE,GAAG,YAEX,QAAQ,EAAA,CACJ;AAEX,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KACrB,OAAO,KACLA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,QAAA,EACpEA,GAAA,CAAC,WAAW,EAAA,EACV,GAAG,EACDA,GAAA,CAAC,SAAS,IAAC,EAAE,EAAC,+CAA+C,EAAC,WAAW,EAAC,oBAAK,EAAA,CAAG,EAAA,CAEpF,EAAA,CACK,CACV,CACJ;;;;"}

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]}

package/esm/vendor/.pnpm/{react-draggable@4.5.0_react-dom@19.2.0_react@19.2.0__react@19.2.0 → react-draggable@4.5.0_react-dom@19.2.1_react@19.2.1__react@19.2.1}/vendor/react-draggable/build/cjs/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Draggable.js","sources":["../../../../../../../../../../node_modules/.pnpm/react-draggable@4.5.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-draggable/build/cjs/Draggable.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"DraggableCore\", {\n  enumerable: true,\n  get: function () {\n    return _DraggableCore.default;\n  }\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\nvar _clsx = require(\"clsx\");\nvar _domFns = require(\"./utils/domFns\");\nvar _positionFns = require(\"./utils/positionFns\");\nvar _shims = require(\"./utils/shims\");\nvar _DraggableCore = _interopRequireDefault(require(\"./DraggableCore\"));\nvar _log = _interopRequireDefault(require(\"./utils/log\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); } /*:: import type {ControlPosition, PositionOffsetControlPosition, DraggableCoreProps, DraggableCoreDefaultProps} from './DraggableCore';*/\n/*:: import type {Bounds, DraggableEventHandler} from './utils/types';*/\n/*:: import type {Element as ReactElement} from 'react';*/\n/*:: type DraggableState = {\n  dragging: boolean,\n  dragged: boolean,\n  x: number, y: number,\n  slackX: number, slackY: number,\n  isElementSVG: boolean,\n  prevPropsPosition: ?ControlPosition,\n};*/\n/*:: export type DraggableDefaultProps = {\n  ...DraggableCoreDefaultProps,\n  axis: 'both' | 'x' | 'y' | 'none',\n  bounds: Bounds | string | false,\n  defaultClassName: string,\n  defaultClassNameDragging: string,\n  defaultClassNameDragged: string,\n  defaultPosition: ControlPosition,\n  scale: number,\n};*/\n/*:: export type DraggableProps = {\n  ...DraggableCoreProps,\n  ...DraggableDefaultProps,\n  positionOffset: PositionOffsetControlPosition,\n  position: ControlPosition,\n};*/\n//\n// Define <Draggable>\n//\nclass Draggable extends React.Component /*:: <DraggableProps, DraggableState>*/{\n  // React 16.3+\n  // Arity (props, state)\n  static getDerivedStateFromProps(_ref /*:: */, _ref2 /*:: */) /*: ?Partial<DraggableState>*/{\n    let {\n      position\n    } /*: DraggableProps*/ = _ref /*: DraggableProps*/;\n    let {\n      prevPropsPosition\n    } /*: DraggableState*/ = _ref2 /*: DraggableState*/;\n    // Set x/y if a new position is provided in props that is different than the previous.\n    if (position && (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {\n      (0, _log.default)('Draggable: getDerivedStateFromProps %j', {\n        position,\n        prevPropsPosition\n      });\n      return {\n        x: position.x,\n        y: position.y,\n        prevPropsPosition: {\n          ...position\n        }\n      };\n    }\n    return null;\n  }\n  constructor(props /*: DraggableProps*/) {\n    super(props);\n    _defineProperty(this, \"onDragStart\", (e, coreData) => {\n      (0, _log.default)('Draggable: onDragStart: %j', coreData);\n\n      // Short-circuit if user's callback killed it.\n      const shouldStart = this.props.onStart(e, (0, _positionFns.createDraggableData)(this, coreData));\n      // Kills start event on core as well, so move handlers are never bound.\n      if (shouldStart === false) return false;\n      this.setState({\n        dragging: true,\n        dragged: true\n      });\n    });\n    _defineProperty(this, \"onDrag\", (e, coreData) => {\n      if (!this.state.dragging) return false;\n      (0, _log.default)('Draggable: onDrag: %j', coreData);\n      const uiData = (0, _positionFns.createDraggableData)(this, coreData);\n      const newState = {\n        x: uiData.x,\n        y: uiData.y,\n        slackX: 0,\n        slackY: 0\n      };\n\n      // Keep within bounds.\n      if (this.props.bounds) {\n        // Save original x and y.\n        const {\n          x,\n          y\n        } = newState;\n\n        // Add slack to the values used to calculate bound position. This will ensure that if\n        // we start removing slack, the element won't react to it right away until it's been\n        // completely removed.\n        newState.x += this.state.slackX;\n        newState.y += this.state.slackY;\n\n        // Get bound position. This will ceil/floor the x and y within the boundaries.\n        const [newStateX, newStateY] = (0, _positionFns.getBoundPosition)(this, newState.x, newState.y);\n        newState.x = newStateX;\n        newState.y = newStateY;\n\n        // Recalculate slack by noting how much was shaved by the boundPosition handler.\n        newState.slackX = this.state.slackX + (x - newState.x);\n        newState.slackY = this.state.slackY + (y - newState.y);\n\n        // Update the event we fire to reflect what really happened after bounds took effect.\n        uiData.x = newState.x;\n        uiData.y = newState.y;\n        uiData.deltaX = newState.x - this.state.x;\n        uiData.deltaY = newState.y - this.state.y;\n      }\n\n      // Short-circuit if user's callback killed it.\n      const shouldUpdate = this.props.onDrag(e, uiData);\n      if (shouldUpdate === false) return false;\n      this.setState(newState);\n    });\n    _defineProperty(this, \"onDragStop\", (e, coreData) => {\n      if (!this.state.dragging) return false;\n\n      // Short-circuit if user's callback killed it.\n      const shouldContinue = this.props.onStop(e, (0, _positionFns.createDraggableData)(this, coreData));\n      if (shouldContinue === false) return false;\n      (0, _log.default)('Draggable: onDragStop: %j', coreData);\n      const newState /*: Partial<DraggableState>*/ = {\n        dragging: false,\n        slackX: 0,\n        slackY: 0\n      };\n\n      // If this is a controlled component, the result of this operation will be to\n      // revert back to the old position. We expect a handler on `onDragStop`, at the least.\n      const controlled = Boolean(this.props.position);\n      if (controlled) {\n        const {\n          x,\n          y\n        } = this.props.position;\n        newState.x = x;\n        newState.y = y;\n      }\n      this.setState(newState);\n    });\n    this.state = {\n      // Whether or not we are currently dragging.\n      dragging: false,\n      // Whether or not we have been dragged before.\n      dragged: false,\n      // Current transform x and y.\n      x: props.position ? props.position.x : props.defaultPosition.x,\n      y: props.position ? props.position.y : props.defaultPosition.y,\n      prevPropsPosition: {\n        ...props.position\n      },\n      // Used for compensating for out-of-bounds drags\n      slackX: 0,\n      slackY: 0,\n      // Can only determine if SVG after mounting\n      isElementSVG: false\n    };\n    if (props.position && !(props.onDrag || props.onStop)) {\n      // eslint-disable-next-line no-console\n      console.warn('A `position` was applied to this <Draggable>, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');\n    }\n  }\n  componentDidMount() {\n    // Check to see if the element passed is an instanceof SVGElement\n    if (typeof window.SVGElement !== 'undefined' && this.findDOMNode() instanceof window.SVGElement) {\n      this.setState({\n        isElementSVG: true\n      });\n    }\n  }\n  componentWillUnmount() {\n    if (this.state.dragging) {\n      this.setState({\n        dragging: false\n      }); // prevents invariant if unmounted while dragging\n    }\n  }\n\n  // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find\n  // the underlying DOM node ourselves. See the README for more information.\n  findDOMNode() /*: ?HTMLElement*/{\n    return this.props?.nodeRef?.current ?? _reactDom.default.findDOMNode(this);\n  }\n  render() /*: ReactElement<any>*/{\n    const {\n      axis,\n      bounds,\n      children,\n      defaultPosition,\n      defaultClassName,\n      defaultClassNameDragging,\n      defaultClassNameDragged,\n      position,\n      positionOffset,\n      scale,\n      ...draggableCoreProps\n    } = this.props;\n    let style = {};\n    let svgTransform = null;\n\n    // If this is controlled, we don't want to move it - unless it's dragging.\n    const controlled = Boolean(position);\n    const draggable = !controlled || this.state.dragging;\n    const validPosition = position || defaultPosition;\n    const transformOpts = {\n      // Set left if horizontal drag is enabled\n      x: (0, _positionFns.canDragX)(this) && draggable ? this.state.x : validPosition.x,\n      // Set top if vertical drag is enabled\n      y: (0, _positionFns.canDragY)(this) && draggable ? this.state.y : validPosition.y\n    };\n\n    // If this element was SVG, we use the `transform` attribute.\n    if (this.state.isElementSVG) {\n      svgTransform = (0, _domFns.createSVGTransform)(transformOpts, positionOffset);\n    } else {\n      // Add a CSS transform to move the element around. This allows us to move the element around\n      // without worrying about whether or not it is relatively or absolutely positioned.\n      // If the item you are dragging already has a transform set, wrap it in a <span> so <Draggable>\n      // has a clean slate.\n      style = (0, _domFns.createCSSTransform)(transformOpts, positionOffset);\n    }\n\n    // Mark with class while dragging\n    const className = (0, _clsx.clsx)(children.props.className || '', defaultClassName, {\n      [defaultClassNameDragging]: this.state.dragging,\n      [defaultClassNameDragged]: this.state.dragged\n    });\n\n    // Reuse the child provided\n    // This makes it flexible to use whatever element is wanted (div, ul, etc)\n    return /*#__PURE__*/React.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {\n      onStart: this.onDragStart,\n      onDrag: this.onDrag,\n      onStop: this.onDragStop\n    }), /*#__PURE__*/React.cloneElement(React.Children.only(children), {\n      className: className,\n      style: {\n        ...children.props.style,\n        ...style\n      },\n      transform: svgTransform\n    }));\n  }\n}\nexports.default = Draggable;\n_defineProperty(Draggable, \"displayName\", 'Draggable');\n_defineProperty(Draggable, \"propTypes\", {\n  // Accepts all props <DraggableCore> accepts.\n  ..._DraggableCore.default.propTypes,\n  /**\n   * `axis` determines which axis the draggable can move.\n   *\n   *  Note that all callbacks will still return data as normal. This only\n   *  controls flushing to the DOM.\n   *\n   * 'both' allows movement horizontally and vertically.\n   * 'x' limits movement to horizontal axis.\n   * 'y' limits movement to vertical axis.\n   * 'none' limits all movement.\n   *\n   * Defaults to 'both'.\n   */\n  axis: _propTypes.default.oneOf(['both', 'x', 'y', 'none']),\n  /**\n   * `bounds` determines the range of movement available to the element.\n   * Available values are:\n   *\n   * 'parent' restricts movement within the Draggable's parent node.\n   *\n   * Alternatively, pass an object with the following properties, all of which are optional:\n   *\n   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}\n   *\n   * All values are in px.\n   *\n   * Example:\n   *\n   * ```jsx\n   *   let App = React.createClass({\n   *       render: function () {\n   *         return (\n   *            <Draggable bounds={{right: 300, bottom: 300}}>\n   *              <div>Content</div>\n   *           </Draggable>\n   *         );\n   *       }\n   *   });\n   * ```\n   */\n  bounds: _propTypes.default.oneOfType([_propTypes.default.shape({\n    left: _propTypes.default.number,\n    right: _propTypes.default.number,\n    top: _propTypes.default.number,\n    bottom: _propTypes.default.number\n  }), _propTypes.default.string, _propTypes.default.oneOf([false])]),\n  defaultClassName: _propTypes.default.string,\n  defaultClassNameDragging: _propTypes.default.string,\n  defaultClassNameDragged: _propTypes.default.string,\n  /**\n   * `defaultPosition` specifies the x and y that the dragged item should start at\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable defaultPosition={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  defaultPosition: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n  positionOffset: _propTypes.default.shape({\n    x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n    y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])\n  }),\n  /**\n   * `position`, if present, defines the current position of the element.\n   *\n   *  This is similar to how form elements in React work - if no `position` is supplied, the component\n   *  is uncontrolled.\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable position={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  position: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n  /**\n   * These properties should be defined on the child, not here.\n   */\n  className: _shims.dontSetMe,\n  style: _shims.dontSetMe,\n  transform: _shims.dontSetMe\n});\n_defineProperty(Draggable, \"defaultProps\", {\n  ..._DraggableCore.default.defaultProps,\n  axis: 'both',\n  bounds: false,\n  defaultClassName: 'react-draggable',\n  defaultClassNameDragging: 'react-draggable-dragging',\n  defaultClassNameDragged: 'react-draggable-dragged',\n  defaultPosition: {\n    x: 0,\n    y: 0\n  },\n  scale: 1\n});"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;AAMA;;AAEA;AACA;;;AAGA;AACA;AACA;;;;AAIA;;AAEA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;;AAIA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;AAIA;;AAEA;;;;;AAKA;;;AAGA;AACA;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;;AAGA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;AACA;;AAEA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;AAMA;;AAEA;;AAEA;AACA;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"Draggable.js","sources":["../../../../../../../../../../node_modules/.pnpm/react-draggable@4.5.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-draggable/build/cjs/Draggable.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nObject.defineProperty(exports, \"DraggableCore\", {\n  enumerable: true,\n  get: function () {\n    return _DraggableCore.default;\n  }\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\nvar _clsx = require(\"clsx\");\nvar _domFns = require(\"./utils/domFns\");\nvar _positionFns = require(\"./utils/positionFns\");\nvar _shims = require(\"./utils/shims\");\nvar _DraggableCore = _interopRequireDefault(require(\"./DraggableCore\"));\nvar _log = _interopRequireDefault(require(\"./utils/log\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _interopRequireWildcard(e, t) { if (\"function\" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) \"default\" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); } /*:: import type {ControlPosition, PositionOffsetControlPosition, DraggableCoreProps, DraggableCoreDefaultProps} from './DraggableCore';*/\n/*:: import type {Bounds, DraggableEventHandler} from './utils/types';*/\n/*:: import type {Element as ReactElement} from 'react';*/\n/*:: type DraggableState = {\n  dragging: boolean,\n  dragged: boolean,\n  x: number, y: number,\n  slackX: number, slackY: number,\n  isElementSVG: boolean,\n  prevPropsPosition: ?ControlPosition,\n};*/\n/*:: export type DraggableDefaultProps = {\n  ...DraggableCoreDefaultProps,\n  axis: 'both' | 'x' | 'y' | 'none',\n  bounds: Bounds | string | false,\n  defaultClassName: string,\n  defaultClassNameDragging: string,\n  defaultClassNameDragged: string,\n  defaultPosition: ControlPosition,\n  scale: number,\n};*/\n/*:: export type DraggableProps = {\n  ...DraggableCoreProps,\n  ...DraggableDefaultProps,\n  positionOffset: PositionOffsetControlPosition,\n  position: ControlPosition,\n};*/\n//\n// Define <Draggable>\n//\nclass Draggable extends React.Component /*:: <DraggableProps, DraggableState>*/{\n  // React 16.3+\n  // Arity (props, state)\n  static getDerivedStateFromProps(_ref /*:: */, _ref2 /*:: */) /*: ?Partial<DraggableState>*/{\n    let {\n      position\n    } /*: DraggableProps*/ = _ref /*: DraggableProps*/;\n    let {\n      prevPropsPosition\n    } /*: DraggableState*/ = _ref2 /*: DraggableState*/;\n    // Set x/y if a new position is provided in props that is different than the previous.\n    if (position && (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {\n      (0, _log.default)('Draggable: getDerivedStateFromProps %j', {\n        position,\n        prevPropsPosition\n      });\n      return {\n        x: position.x,\n        y: position.y,\n        prevPropsPosition: {\n          ...position\n        }\n      };\n    }\n    return null;\n  }\n  constructor(props /*: DraggableProps*/) {\n    super(props);\n    _defineProperty(this, \"onDragStart\", (e, coreData) => {\n      (0, _log.default)('Draggable: onDragStart: %j', coreData);\n\n      // Short-circuit if user's callback killed it.\n      const shouldStart = this.props.onStart(e, (0, _positionFns.createDraggableData)(this, coreData));\n      // Kills start event on core as well, so move handlers are never bound.\n      if (shouldStart === false) return false;\n      this.setState({\n        dragging: true,\n        dragged: true\n      });\n    });\n    _defineProperty(this, \"onDrag\", (e, coreData) => {\n      if (!this.state.dragging) return false;\n      (0, _log.default)('Draggable: onDrag: %j', coreData);\n      const uiData = (0, _positionFns.createDraggableData)(this, coreData);\n      const newState = {\n        x: uiData.x,\n        y: uiData.y,\n        slackX: 0,\n        slackY: 0\n      };\n\n      // Keep within bounds.\n      if (this.props.bounds) {\n        // Save original x and y.\n        const {\n          x,\n          y\n        } = newState;\n\n        // Add slack to the values used to calculate bound position. This will ensure that if\n        // we start removing slack, the element won't react to it right away until it's been\n        // completely removed.\n        newState.x += this.state.slackX;\n        newState.y += this.state.slackY;\n\n        // Get bound position. This will ceil/floor the x and y within the boundaries.\n        const [newStateX, newStateY] = (0, _positionFns.getBoundPosition)(this, newState.x, newState.y);\n        newState.x = newStateX;\n        newState.y = newStateY;\n\n        // Recalculate slack by noting how much was shaved by the boundPosition handler.\n        newState.slackX = this.state.slackX + (x - newState.x);\n        newState.slackY = this.state.slackY + (y - newState.y);\n\n        // Update the event we fire to reflect what really happened after bounds took effect.\n        uiData.x = newState.x;\n        uiData.y = newState.y;\n        uiData.deltaX = newState.x - this.state.x;\n        uiData.deltaY = newState.y - this.state.y;\n      }\n\n      // Short-circuit if user's callback killed it.\n      const shouldUpdate = this.props.onDrag(e, uiData);\n      if (shouldUpdate === false) return false;\n      this.setState(newState);\n    });\n    _defineProperty(this, \"onDragStop\", (e, coreData) => {\n      if (!this.state.dragging) return false;\n\n      // Short-circuit if user's callback killed it.\n      const shouldContinue = this.props.onStop(e, (0, _positionFns.createDraggableData)(this, coreData));\n      if (shouldContinue === false) return false;\n      (0, _log.default)('Draggable: onDragStop: %j', coreData);\n      const newState /*: Partial<DraggableState>*/ = {\n        dragging: false,\n        slackX: 0,\n        slackY: 0\n      };\n\n      // If this is a controlled component, the result of this operation will be to\n      // revert back to the old position. We expect a handler on `onDragStop`, at the least.\n      const controlled = Boolean(this.props.position);\n      if (controlled) {\n        const {\n          x,\n          y\n        } = this.props.position;\n        newState.x = x;\n        newState.y = y;\n      }\n      this.setState(newState);\n    });\n    this.state = {\n      // Whether or not we are currently dragging.\n      dragging: false,\n      // Whether or not we have been dragged before.\n      dragged: false,\n      // Current transform x and y.\n      x: props.position ? props.position.x : props.defaultPosition.x,\n      y: props.position ? props.position.y : props.defaultPosition.y,\n      prevPropsPosition: {\n        ...props.position\n      },\n      // Used for compensating for out-of-bounds drags\n      slackX: 0,\n      slackY: 0,\n      // Can only determine if SVG after mounting\n      isElementSVG: false\n    };\n    if (props.position && !(props.onDrag || props.onStop)) {\n      // eslint-disable-next-line no-console\n      console.warn('A `position` was applied to this <Draggable>, without drag handlers. This will make this ' + 'component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the ' + '`position` of this element.');\n    }\n  }\n  componentDidMount() {\n    // Check to see if the element passed is an instanceof SVGElement\n    if (typeof window.SVGElement !== 'undefined' && this.findDOMNode() instanceof window.SVGElement) {\n      this.setState({\n        isElementSVG: true\n      });\n    }\n  }\n  componentWillUnmount() {\n    if (this.state.dragging) {\n      this.setState({\n        dragging: false\n      }); // prevents invariant if unmounted while dragging\n    }\n  }\n\n  // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find\n  // the underlying DOM node ourselves. See the README for more information.\n  findDOMNode() /*: ?HTMLElement*/{\n    return this.props?.nodeRef?.current ?? _reactDom.default.findDOMNode(this);\n  }\n  render() /*: ReactElement<any>*/{\n    const {\n      axis,\n      bounds,\n      children,\n      defaultPosition,\n      defaultClassName,\n      defaultClassNameDragging,\n      defaultClassNameDragged,\n      position,\n      positionOffset,\n      scale,\n      ...draggableCoreProps\n    } = this.props;\n    let style = {};\n    let svgTransform = null;\n\n    // If this is controlled, we don't want to move it - unless it's dragging.\n    const controlled = Boolean(position);\n    const draggable = !controlled || this.state.dragging;\n    const validPosition = position || defaultPosition;\n    const transformOpts = {\n      // Set left if horizontal drag is enabled\n      x: (0, _positionFns.canDragX)(this) && draggable ? this.state.x : validPosition.x,\n      // Set top if vertical drag is enabled\n      y: (0, _positionFns.canDragY)(this) && draggable ? this.state.y : validPosition.y\n    };\n\n    // If this element was SVG, we use the `transform` attribute.\n    if (this.state.isElementSVG) {\n      svgTransform = (0, _domFns.createSVGTransform)(transformOpts, positionOffset);\n    } else {\n      // Add a CSS transform to move the element around. This allows us to move the element around\n      // without worrying about whether or not it is relatively or absolutely positioned.\n      // If the item you are dragging already has a transform set, wrap it in a <span> so <Draggable>\n      // has a clean slate.\n      style = (0, _domFns.createCSSTransform)(transformOpts, positionOffset);\n    }\n\n    // Mark with class while dragging\n    const className = (0, _clsx.clsx)(children.props.className || '', defaultClassName, {\n      [defaultClassNameDragging]: this.state.dragging,\n      [defaultClassNameDragged]: this.state.dragged\n    });\n\n    // Reuse the child provided\n    // This makes it flexible to use whatever element is wanted (div, ul, etc)\n    return /*#__PURE__*/React.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {\n      onStart: this.onDragStart,\n      onDrag: this.onDrag,\n      onStop: this.onDragStop\n    }), /*#__PURE__*/React.cloneElement(React.Children.only(children), {\n      className: className,\n      style: {\n        ...children.props.style,\n        ...style\n      },\n      transform: svgTransform\n    }));\n  }\n}\nexports.default = Draggable;\n_defineProperty(Draggable, \"displayName\", 'Draggable');\n_defineProperty(Draggable, \"propTypes\", {\n  // Accepts all props <DraggableCore> accepts.\n  ..._DraggableCore.default.propTypes,\n  /**\n   * `axis` determines which axis the draggable can move.\n   *\n   *  Note that all callbacks will still return data as normal. This only\n   *  controls flushing to the DOM.\n   *\n   * 'both' allows movement horizontally and vertically.\n   * 'x' limits movement to horizontal axis.\n   * 'y' limits movement to vertical axis.\n   * 'none' limits all movement.\n   *\n   * Defaults to 'both'.\n   */\n  axis: _propTypes.default.oneOf(['both', 'x', 'y', 'none']),\n  /**\n   * `bounds` determines the range of movement available to the element.\n   * Available values are:\n   *\n   * 'parent' restricts movement within the Draggable's parent node.\n   *\n   * Alternatively, pass an object with the following properties, all of which are optional:\n   *\n   * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}\n   *\n   * All values are in px.\n   *\n   * Example:\n   *\n   * ```jsx\n   *   let App = React.createClass({\n   *       render: function () {\n   *         return (\n   *            <Draggable bounds={{right: 300, bottom: 300}}>\n   *              <div>Content</div>\n   *           </Draggable>\n   *         );\n   *       }\n   *   });\n   * ```\n   */\n  bounds: _propTypes.default.oneOfType([_propTypes.default.shape({\n    left: _propTypes.default.number,\n    right: _propTypes.default.number,\n    top: _propTypes.default.number,\n    bottom: _propTypes.default.number\n  }), _propTypes.default.string, _propTypes.default.oneOf([false])]),\n  defaultClassName: _propTypes.default.string,\n  defaultClassNameDragging: _propTypes.default.string,\n  defaultClassNameDragged: _propTypes.default.string,\n  /**\n   * `defaultPosition` specifies the x and y that the dragged item should start at\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable defaultPosition={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  defaultPosition: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n  positionOffset: _propTypes.default.shape({\n    x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),\n    y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])\n  }),\n  /**\n   * `position`, if present, defines the current position of the element.\n   *\n   *  This is similar to how form elements in React work - if no `position` is supplied, the component\n   *  is uncontrolled.\n   *\n   * Example:\n   *\n   * ```jsx\n   *      let App = React.createClass({\n   *          render: function () {\n   *              return (\n   *                  <Draggable position={{x: 25, y: 25}}>\n   *                      <div>I start with transformX: 25px and transformY: 25px;</div>\n   *                  </Draggable>\n   *              );\n   *          }\n   *      });\n   * ```\n   */\n  position: _propTypes.default.shape({\n    x: _propTypes.default.number,\n    y: _propTypes.default.number\n  }),\n  /**\n   * These properties should be defined on the child, not here.\n   */\n  className: _shims.dontSetMe,\n  style: _shims.dontSetMe,\n  transform: _shims.dontSetMe\n});\n_defineProperty(Draggable, \"defaultProps\", {\n  ..._DraggableCore.default.defaultProps,\n  axis: 'both',\n  bounds: false,\n  defaultClassName: 'react-draggable',\n  defaultClassNameDragging: 'react-draggable-dragging',\n  defaultClassNameDragged: 'react-draggable-dragged',\n  defaultPosition: {\n    x: 0,\n    y: 0\n  },\n  scale: 1\n});"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;AAMA;;AAEA;AACA;;;AAGA;AACA;AACA;;;;AAIA;;AAEA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;;AAIA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;AAIA;;AAEA;;;;;AAKA;;;AAGA;AACA;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;;AAGA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;AACA;;AAEA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;;;;AAMA;;AAEA;;AAEA;AACA;;;;;","x_google_ignoreList":[0]}