npm - react-asc - Versions diffs - 25.5.4 → 25.5.6 - Mend

react-asc 25.5.4 → 25.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.js CHANGED Viewed

@@ -1,17 +1,10 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactDom = require('react-dom');
 var core = require('@popperjs/core');
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
 exports.COLOR = void 0;
 (function (COLOR) {
     COLOR["primary"] = "primary";
@@ -127,71 +120,6 @@ const AppBarTitle = (props) => {
     return (jsxRuntime.jsx("div", { className: getCssClass(), onClick: onClick, children: children }));
 };
-var css_248z$13 = ".Icon-module_icon__lFKCA {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  width: 20px;\n  height: 20px;\n}\n.Icon-module_icon__lFKCA svg {\n  width: inherit;\n  height: inherit;\n}\n.Icon-module_icon__lFKCA.Icon-module_primary__3fID- {\n  color: var(--primary);\n}\n.Icon-module_icon__lFKCA.Icon-module_accent__aZXGb {\n  color: var(--accent);\n}\n.Icon-module_icon__lFKCA.Icon-module_secondary__HKKop {\n  color: var(--secondary);\n}\n.Icon-module_icon__lFKCA.Icon-module_light__-ApMm {\n  color: var(--light);\n}\n.Icon-module_icon__lFKCA.Icon-module_dark__DpCIK {\n  color: var(--dark);\n}";
-var styles$13 = {"icon":"Icon-module_icon__lFKCA","primary":"Icon-module_primary__3fID-","accent":"Icon-module_accent__aZXGb","secondary":"Icon-module_secondary__HKKop","light":"Icon-module_light__-ApMm","dark":"Icon-module_dark__DpCIK"};
-styleInject(css_248z$13);
-const Icon = (props) => {
-    const { children, iconColor, className, ...rest } = props;
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$13.icon);
-        iconColor && cssClasses.push(styles$13[iconColor]);
-        className && cssClasses.push(className);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
-};
-var css_248z$12 = ".IconButton-module_iconButton__rpCPQ {\n  border-radius: 100%;\n  padding: 0px;\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  min-width: auto;\n  box-shadow: none;\n  font-weight: 400;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  font-size: 1rem;\n  line-height: 1.5;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: none;\n}\n.IconButton-module_iconButton__rpCPQ:hover {\n  cursor: pointer;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n  box-shadow: var(--shadow);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n  width: 48px;\n  height: 48px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n  width: 56px;\n  height: 56px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n  padding: 0;\n  background: transparent;\n  color: inherit;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n  color: var(--primary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n  color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n  color: var(--secondary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n  color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n  color: var(--accent);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n  color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n  color: var(--light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n  color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n  color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n  color: var(--dark-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n  color: rgba(0, 0, 0, 0.26);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n  background-color: var(--primary);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n  background-color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n  background-color: var(--secondary);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n  background-color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n  background-color: var(--accent);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n  background-color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n  background-color: var(--light);\n  color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n  background-color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n  background-color: var(--dark);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n  background-color: var(--dark-light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n  color: rgba(0, 0, 0, 0.26);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ:focus:not(.IconButton-module_iconButton__rpCPQ.IconButton-module_disabled__QB0ZV) {\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}";
-var styles$12 = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"IconButton-module_shadow__Uw0RK","md":"IconButton-module_md__XnuSk","lg":"IconButton-module_lg__arEvo","text":"IconButton-module_text__Ualag","active":"IconButton-module_active__VIqU9","primary":"IconButton-module_primary__vbo-G","secondary":"IconButton-module_secondary__AiNAY","accent":"IconButton-module_accent__QRzM2","light":"IconButton-module_light__YNEiO","dark":"IconButton-module_dark__gnbUH","disabled":"IconButton-module_disabled__QB0ZV","contained":"IconButton-module_contained__k7vGA"};
-styleInject(css_248z$12);
-const IconButton = (props) => {
-    const { children, icon, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow, ...rest } = props;
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$12[color]);
-        cssClasses.push(styles$12[variant]);
-        cssClasses.push(styles$12[size]);
-        cssClasses.push(styles$12.iconButton);
-        isActive && cssClasses.push(styles$12.active);
-        disabled && cssClasses.push(styles$12.disabled);
-        shadow && cssClasses.push(styles$12.shadow);
-        className && cssClasses.push(className);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsxs("button", { type: "button", className: getCssClasses(), disabled: disabled, ...rest, children: [icon && jsxRuntime.jsx(Icon, { children: icon }), children] }));
-};
-const CaretDownSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "caret-down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }) }));
-const CheckSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" }) }));
-const CheckSquareRegularIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check-square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" }) }));
-const ChevronDownSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-down", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" }) }));
-const ChevronLeftSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z" }) }));
-const ChevronRightSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-right", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }) }));
-const ChevronUpSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-up", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" }) }));
-const CircleSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" }) }));
-const HomeSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "home", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" }) }));
-const PlusSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" }) }));
-const SpinnerSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "spinner", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" }) }));
-const SquareRegularIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z" }) }));
-const TimesCircleSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z" }) }));
-const TimesSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 352 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }) }));
 const useConstructor = (callBack) => {
     React.useEffect(() => {
         callBack();
@@ -274,6 +202,34 @@ const useOnDestroy = (callBack) => {
     }, []);
 };
+const CaretDownSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "caret-down", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }) }));
+const CheckSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" }) }));
+const CheckSquareRegularIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "check-square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z" }) }));
+const ChevronDownSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-down", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" }) }));
+const ChevronLeftSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z" }) }));
+const ChevronRightSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-right", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }) }));
+const ChevronUpSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "chevron-up", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" }) }));
+const CircleSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" }) }));
+const HomeSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "home", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z" }) }));
+const PlusSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" }) }));
+const SpinnerSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "spinner", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" }) }));
+const SquareRegularIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "square", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z" }) }));
+const TimesCircleSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z" }) }));
+const TimesSolidIcon = () => (jsxRuntime.jsx("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 352 512", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }) }));
 const Portal$1 = ({ children, target = document.body, className }) => {
     const containerEl = React.useMemo(() => document.createElement('div'), []);
     React.useEffect(() => {
@@ -286,9 +242,9 @@ const Portal$1 = ({ children, target = document.body, className }) => {
     return reactDom.createPortal(children, containerEl);
 };
-var css_248z$11 = ".Backdrop-module_backdrop__IRMoL {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  opacity: 0.5;\n  z-index: 1040;\n  top: 0;\n  left: 0;\n  background-color: #000;\n}\n.Backdrop-module_backdrop__IRMoL.Backdrop-module_isTransparent__F5nA5 {\n  opacity: 0;\n}";
-var styles$11 = {"backdrop":"Backdrop-module_backdrop__IRMoL","isTransparent":"Backdrop-module_isTransparent__F5nA5"};
-styleInject(css_248z$11);
+var css_248z$13 = ".Backdrop-module_backdrop__IRMoL {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  opacity: 0.5;\n  z-index: 1040;\n  top: 0;\n  left: 0;\n  background-color: #000;\n}\n.Backdrop-module_backdrop__IRMoL.Backdrop-module_isTransparent__F5nA5 {\n  opacity: 0;\n}";
+var styles$13 = {"backdrop":"Backdrop-module_backdrop__IRMoL","isTransparent":"Backdrop-module_isTransparent__F5nA5"};
+styleInject(css_248z$13);
 const Backdrop = (props) => {
     const { target = document.body, isTransparent = false, onClick, style, ...rest } = props;
@@ -298,14 +254,51 @@ const Backdrop = (props) => {
     };
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$11.backdrop);
-        isTransparent && cssClasses.push(styles$11['isTransparent']);
+        cssClasses.push(styles$13.backdrop);
+        isTransparent && cssClasses.push(styles$13['isTransparent']);
         return cssClasses.filter(css => css).join(' ');
     };
     const getStyles = () => {
         return Object.assign({ height: '100%', width: '100%', position: 'absolute' }, style);
     };
-    return (jsxRuntime.jsx(Portal$1, { className: 'backdrop-root', target: target, children: jsxRuntime.jsx("div", { className: getCssClasses(), onClick: handleClick, style: getStyles(), ...rest }) }));
+    return (jsxRuntime.jsx(Portal$1, { className: "backdrop-root", target: target, children: jsxRuntime.jsx("div", { className: getCssClasses(), onClick: handleClick, style: getStyles(), ...rest }) }));
+};
+var css_248z$12 = ".Icon-module_icon__lFKCA {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  width: 20px;\n  height: 20px;\n}\n.Icon-module_icon__lFKCA svg {\n  width: inherit;\n  height: inherit;\n}\n.Icon-module_icon__lFKCA.Icon-module_primary__3fID- {\n  color: var(--primary);\n}\n.Icon-module_icon__lFKCA.Icon-module_accent__aZXGb {\n  color: var(--accent);\n}\n.Icon-module_icon__lFKCA.Icon-module_secondary__HKKop {\n  color: var(--secondary);\n}\n.Icon-module_icon__lFKCA.Icon-module_light__-ApMm {\n  color: var(--light);\n}\n.Icon-module_icon__lFKCA.Icon-module_dark__DpCIK {\n  color: var(--dark);\n}";
+var styles$12 = {"icon":"Icon-module_icon__lFKCA","primary":"Icon-module_primary__3fID-","accent":"Icon-module_accent__aZXGb","secondary":"Icon-module_secondary__HKKop","light":"Icon-module_light__-ApMm","dark":"Icon-module_dark__DpCIK"};
+styleInject(css_248z$12);
+const Icon = (props) => {
+    const { children, iconColor, className, ...rest } = props;
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$12.icon);
+        iconColor && cssClasses.push(styles$12[iconColor]);
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: children }));
+};
+var css_248z$11 = ".IconButton-module_iconButton__rpCPQ {\n  border-radius: 100%;\n  padding: 0px;\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  min-width: auto;\n  box-shadow: none;\n  font-weight: 400;\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  font-size: 1rem;\n  line-height: 1.5;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: none;\n}\n.IconButton-module_iconButton__rpCPQ:hover {\n  cursor: pointer;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_shadow__Uw0RK {\n  box-shadow: var(--shadow);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_md__XnuSk {\n  width: 48px;\n  height: 48px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_lg__arEvo {\n  width: 56px;\n  height: 56px;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag {\n  padding: 0;\n  background: transparent;\n  color: inherit;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_active__VIqU9 {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G {\n  color: var(--primary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n  color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY {\n  color: var(--secondary);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n  color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2 {\n  color: var(--accent);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n  color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO {\n  color: var(--light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n  color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH {\n  color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n  color: var(--dark-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_text__Ualag.IconButton-module_disabled__QB0ZV {\n  color: rgba(0, 0, 0, 0.26);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_active__VIqU9 {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G {\n  background-color: var(--primary);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_primary__vbo-G.IconButton-module_active__VIqU9 {\n  background-color: var(--primary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY {\n  background-color: var(--secondary);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_secondary__AiNAY.IconButton-module_active__VIqU9 {\n  background-color: var(--secondary-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2 {\n  background-color: var(--accent);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_accent__QRzM2.IconButton-module_active__VIqU9 {\n  background-color: var(--accent-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO {\n  background-color: var(--light);\n  color: var(--dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_light__YNEiO.IconButton-module_active__VIqU9 {\n  background-color: var(--light-dark);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH {\n  background-color: var(--dark);\n  color: var(--white);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH:hover, .IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_dark__gnbUH.IconButton-module_active__VIqU9 {\n  background-color: var(--dark-light);\n}\n.IconButton-module_iconButton__rpCPQ.IconButton-module_contained__k7vGA.IconButton-module_disabled__QB0ZV {\n  color: rgba(0, 0, 0, 0.26);\n  background-color: transparent;\n  cursor: default;\n  pointer-events: none;\n}\n.IconButton-module_iconButton__rpCPQ:focus:not(.IconButton-module_iconButton__rpCPQ.IconButton-module_disabled__QB0ZV) {\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem rgba(13, 110, 253, 0.2509803922);\n}";
+var styles$11 = {"iconButton":"IconButton-module_iconButton__rpCPQ","shadow":"IconButton-module_shadow__Uw0RK","md":"IconButton-module_md__XnuSk","lg":"IconButton-module_lg__arEvo","text":"IconButton-module_text__Ualag","active":"IconButton-module_active__VIqU9","primary":"IconButton-module_primary__vbo-G","secondary":"IconButton-module_secondary__AiNAY","accent":"IconButton-module_accent__QRzM2","light":"IconButton-module_light__YNEiO","dark":"IconButton-module_dark__gnbUH","disabled":"IconButton-module_disabled__QB0ZV","contained":"IconButton-module_contained__k7vGA"};
+styleInject(css_248z$11);
+const IconButton = (props) => {
+    const { children, icon, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, className, shadow, ...rest } = props;
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$11[color]);
+        cssClasses.push(styles$11[variant]);
+        cssClasses.push(styles$11[size]);
+        cssClasses.push(styles$11.iconButton);
+        isActive && cssClasses.push(styles$11.active);
+        disabled && cssClasses.push(styles$11.disabled);
+        shadow && cssClasses.push(styles$11.shadow);
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsxs("button", { type: "button", className: getCssClasses(), disabled: disabled, ...rest, children: [icon && jsxRuntime.jsx(Icon, { children: icon }), children] }));
 };
 var css_248z$10 = ".List-module_list__gpZ41 {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  margin-bottom: 0;\n  margin-top: 0;\n  background-color: var(--white);\n}";
@@ -389,7 +382,7 @@ styleInject(css_248z$W);
 // multiple
 // custom template render items
 const AutoComplete = (props) => {
-    const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value } = props;
+    const { id, name, className, options = [], openOnFocus = true, disabled, readOnly, debounce = 0, placeholder, showClearButton, onChange, onSelect, value, } = props;
     const [model, setModel] = React.useState('');
     const [searchText, setSearchText] = React.useState('');
     const [isShow, setIsShow] = React.useState(false);
@@ -453,9 +446,8 @@ const AutoComplete = (props) => {
         setModel('');
         setSearchText('');
     };
-    return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$W.selectContainer, children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsx("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }), showClearButton && model?.length > 0 &&
-                        jsxRuntime.jsx(IconButton, { icon: jsxRuntime.jsx(TimesSolidIcon, {}), onClick: handleClickReset })] }), isShow &&
-                jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$W.selectMenu, children: jsxRuntime.jsx(List, { children: _options && _options.map((option, index) => jsxRuntime.jsx(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), disabled: !option.value, children: jsxRuntime.jsx(ListItemText, { primary: option.label ? option.label : option.value }) }, option.value)) }) }), jsxRuntime.jsx(Backdrop, { isTransparent: true, onClick: () => hide() })] })] }));
+    return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$W.selectContainer, children: [jsxRuntime.jsxs("div", { className: "d-flex", children: [jsxRuntime.jsx("input", { type: "text", className: getCssClass(), id: id, name: name, tabIndex: 0, readOnly: readOnly, disabled: disabled, onChange: handleOnChange, onFocus: handleOnFocus, placeholder: placeholder, value: model }), showClearButton && model?.length > 0 && jsxRuntime.jsx(IconButton, { icon: jsxRuntime.jsx(TimesSolidIcon, {}), onClick: handleClickReset })] }), isShow && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$W.selectMenu, children: jsxRuntime.jsx(List, { children: _options &&
+                                _options.map((option, index) => (jsxRuntime.jsx(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), disabled: !option.value, children: jsxRuntime.jsx(ListItemText, { primary: option.label ? option.label : option.value }) }, option.value))) }) }), jsxRuntime.jsx(Backdrop, { isTransparent: true, onClick: () => hide() })] }))] }));
 };
 var css_248z$V = ".Badge-module_badgeContainer__3nZBs {\n  display: inline-flex;\n  position: relative;\n  flex-shrink: 0;\n  vertical-align: middle;\n}\n\n.Badge-module_badge__9ImR0 {\n  top: 0;\n  right: 0;\n  transform: scale(1) translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 20px;\n  display: flex;\n  padding: 0 6px;\n  z-index: 1;\n  position: absolute;\n  flex-wrap: wrap;\n  font-size: 0.75rem;\n  min-width: 20px;\n  align-items: center;\n  font-weight: 500;\n  line-height: 1;\n  align-content: center;\n  flex-direction: row;\n  justify-content: center;\n  border-radius: 10px;\n  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.Badge-module_badge__9ImR0.Badge-module_primary__41U-t {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.Badge-module_badge__9ImR0.Badge-module_accent__OQy2- {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.Badge-module_badge__9ImR0.Badge-module_secondary__a9Jfh {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.Badge-module_badge__9ImR0.Badge-module_light__4QvQ5 {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.Badge-module_badge__9ImR0.Badge-module_dark__g1yUJ {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}";
@@ -464,19 +456,12 @@ styleInject(css_248z$V);
 const Badge = (props) => {
     const { children, content, className, color = exports.COLOR.primary, ...rest } = props;
-    const [cssClassName] = useCssClasses([
-        styles$V.badge,
-        styles$V[color],
-        className
-    ]);
+    const [cssClassName] = useCssClasses([styles$V.badge, styles$V[color], className]);
     return (jsxRuntime.jsxs(BadgeContainer, { children: [children, jsxRuntime.jsx("span", { className: cssClassName, ...rest, children: content })] }));
 };
 const BadgeContainer = (props) => {
     const { children, className, ...rest } = props;
-    const [cssClassName] = useCssClasses([
-        styles$V.badgeContainer,
-        className,
-    ]);
+    const [cssClassName] = useCssClasses([styles$V.badgeContainer, className]);
     return (jsxRuntime.jsx("div", { className: cssClassName, ...rest, children: children }));
 };
@@ -1181,20 +1166,16 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
-var ReactPropTypesSecret$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
-var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
-var has$1 = has$2;
+var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning$1 = function() {};
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret = ReactPropTypesSecret$1;
+  var ReactPropTypesSecret = ReactPropTypesSecret_1;
   var loggedTypeFailures = {};
   var has = has$1;
@@ -1223,7 +1204,7 @@ if (process.env.NODE_ENV !== 'production') {
  * @param {?Function} getStack Returns the component stack.
  * @private
  */
-function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
+function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
       if (has(typeSpecs, typeSpecName)) {
@@ -1278,15 +1259,13 @@ function checkPropTypes$1(typeSpecs, values, location, componentName, getStack)
  *
  * @private
  */
-checkPropTypes$1.resetWarningCache = function() {
+checkPropTypes.resetWarningCache = function() {
   if (process.env.NODE_ENV !== 'production') {
     loggedTypeFailures = {};
   }
 };
-var checkPropTypes_1 = checkPropTypes$1;
-var checkPropTypes = checkPropTypes_1;
+var checkPropTypes_1 = checkPropTypes;
 var printWarning = function() {};
@@ -1451,7 +1430,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
-      if (secret !== ReactPropTypesSecret$1) {
+      if (secret !== ReactPropTypesSecret_1) {
         if (throwOnDirectAccess) {
           // New behavior only for users of `prop-types` package
           var err = new Error(
@@ -1535,7 +1514,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
       }
       for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
         if (error instanceof Error) {
           return error;
         }
@@ -1628,7 +1607,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in propValue) {
         if (has$1(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
           if (error instanceof Error) {
             return error;
           }
@@ -1660,7 +1639,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1);
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1);
         if (checkerResult == null) {
           return null;
         }
@@ -1703,7 +1682,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         if (typeof checker !== 'function') {
           return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
         if (error) {
           return error;
         }
@@ -1734,7 +1713,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
             '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
         if (error) {
           return error;
         }
@@ -1876,8 +1855,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return propValue.constructor.name;
   }
-  ReactPropTypes.checkPropTypes = checkPropTypes;
-  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+  ReactPropTypes.checkPropTypes = checkPropTypes_1;
+  ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
   return ReactPropTypes;
@@ -1889,7 +1868,7 @@ emptyFunctionWithReset.resetWarningCache = emptyFunction;
 var factoryWithThrowingShims = function() {
   function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret$1) {
+    if (secret === ReactPropTypesSecret_1) {
       // It is still safe when called from React.
       return;
     }
@@ -1936,10 +1915,6 @@ var factoryWithThrowingShims = function() {
   return ReactPropTypes;
 };
-var require$$1 = factoryWithTypeCheckers;
-var require$$2 = factoryWithThrowingShims;
 var propTypes = createCommonjsModule(function (module) {
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -1954,11 +1929,11 @@ if (process.env.NODE_ENV !== 'production') {
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
   var throwOnDirectAccess = true;
-  module.exports = require$$1(ReactIs.isElement, throwOnDirectAccess);
+  module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  module.exports = require$$2();
+  module.exports = factoryWithThrowingShims();
 }
 });
@@ -2643,6 +2618,8 @@ function isObject(value) {
 var lodash_memoize = memoize;
+var memoize$1 = lodash_memoize;
 function resolver(options) {
   return JSON.stringify(options);
 }
@@ -2686,212 +2663,188 @@ function getUserLocalesInternal(_temp) {
   return normalizeLocales(uniqDefined(languageList));
 }
-var getUserLocales = lodash_memoize(getUserLocalesInternal, resolver);
+var getUserLocales = memoize$1(getUserLocalesInternal, resolver);
 function getUserLocaleInternal(options) {
   return getUserLocales(options)[0] || null;
 }
-var getUserLocale = lodash_memoize(getUserLocaleInternal, resolver);
+var getUserLocale = memoize$1(getUserLocaleInternal, resolver);
 /**
  * Utils
  */
 function makeGetEdgeOfNeighbor(getPeriod, getEdgeOfPeriod, defaultOffset) {
-  return function makeGetEdgeOfNeighborInternal(date) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOffset;
-    var previousPeriod = getPeriod(date) + offset;
-    return getEdgeOfPeriod(previousPeriod);
-  };
+    return function makeGetEdgeOfNeighborInternal(date, offset) {
+        if (offset === void 0) { offset = defaultOffset; }
+        var previousPeriod = getPeriod(date) + offset;
+        return getEdgeOfPeriod(previousPeriod);
+    };
 }
 function makeGetEnd(getBeginOfNextPeriod) {
-  return function makeGetEndInternal(date) {
-    return new Date(getBeginOfNextPeriod(date).getTime() - 1);
-  };
+    return function makeGetEndInternal(date) {
+        return new Date(getBeginOfNextPeriod(date).getTime() - 1);
+    };
 }
-function makeGetRange(functions) {
-  return function makeGetRangeInternal(date) {
-    return functions.map(function (fn) {
-      return fn(date);
-    });
-  };
+function makeGetRange(getStart, getEnd) {
+    return function makeGetRangeInternal(date) {
+        return [getStart(date), getEnd(date)];
+    };
 }
 /**
  * Simple getters - getting a property of a given point in time
  */
 /**
  * Gets year from date.
  *
  * @param {Date|number|string} date Date to get year from.
  */
 function getYear(date) {
-  if (date instanceof Date) {
-    return date.getFullYear();
-  }
-  if (typeof date === 'number') {
-    return date;
-  }
-  var year = parseInt(date, 10);
-  if (typeof date === 'string' && !isNaN(year)) {
-    return year;
-  }
-  throw new Error("Failed to get year from date: ".concat(date, "."));
+    if (date instanceof Date) {
+        return date.getFullYear();
+    }
+    if (typeof date === 'number') {
+        return date;
+    }
+    var year = parseInt(date, 10);
+    if (typeof date === 'string' && !isNaN(year)) {
+        return year;
+    }
+    throw new Error("Failed to get year from date: ".concat(date, "."));
 }
 /**
  * Gets month from date.
  *
  * @param {Date} date Date to get month from.
  */
 function getMonth(date) {
-  if (date instanceof Date) {
-    return date.getMonth();
-  }
-  throw new Error("Failed to get month from date: ".concat(date, "."));
+    if (date instanceof Date) {
+        return date.getMonth();
+    }
+    throw new Error("Failed to get month from date: ".concat(date, "."));
 }
 /**
  * Gets human-readable day of the month from date.
  *
  * @param {Date} date Date to get day of the month from.
  */
 function getDate(date) {
-  if (date instanceof Date) {
-    return date.getDate();
-  }
-  throw new Error("Failed to get year from date: ".concat(date, "."));
+    if (date instanceof Date) {
+        return date.getDate();
+    }
+    throw new Error("Failed to get year from date: ".concat(date, "."));
 }
 /**
  * Century
  */
 function getCenturyStart(date) {
-  var year = getYear(date);
-  var centuryStartYear = year + (-year + 1) % 100;
-  var centuryStartDate = new Date();
-  centuryStartDate.setFullYear(centuryStartYear, 0, 1);
-  centuryStartDate.setHours(0, 0, 0, 0);
-  return centuryStartDate;
+    var year = getYear(date);
+    var centuryStartYear = year + ((-year + 1) % 100);
+    var centuryStartDate = new Date();
+    centuryStartDate.setFullYear(centuryStartYear, 0, 1);
+    centuryStartDate.setHours(0, 0, 0, 0);
+    return centuryStartDate;
 }
 var getPreviousCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, -100);
 var getNextCenturyStart = makeGetEdgeOfNeighbor(getYear, getCenturyStart, 100);
 var getCenturyEnd = makeGetEnd(getNextCenturyStart);
 var getPreviousCenturyEnd = makeGetEdgeOfNeighbor(getYear, getCenturyEnd, -100);
-var getCenturyRange = makeGetRange([getCenturyStart, getCenturyEnd]);
+var getCenturyRange = makeGetRange(getCenturyStart, getCenturyEnd);
 /**
  * Decade
  */
 function getDecadeStart(date) {
-  var year = getYear(date);
-  var decadeStartYear = year + (-year + 1) % 10;
-  var decadeStartDate = new Date();
-  decadeStartDate.setFullYear(decadeStartYear, 0, 1);
-  decadeStartDate.setHours(0, 0, 0, 0);
-  return decadeStartDate;
+    var year = getYear(date);
+    var decadeStartYear = year + ((-year + 1) % 10);
+    var decadeStartDate = new Date();
+    decadeStartDate.setFullYear(decadeStartYear, 0, 1);
+    decadeStartDate.setHours(0, 0, 0, 0);
+    return decadeStartDate;
 }
 var getPreviousDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, -10);
 var getNextDecadeStart = makeGetEdgeOfNeighbor(getYear, getDecadeStart, 10);
 var getDecadeEnd = makeGetEnd(getNextDecadeStart);
 var getPreviousDecadeEnd = makeGetEdgeOfNeighbor(getYear, getDecadeEnd, -10);
-var getDecadeRange = makeGetRange([getDecadeStart, getDecadeEnd]);
+var getDecadeRange = makeGetRange(getDecadeStart, getDecadeEnd);
 /**
  * Year
  */
 function getYearStart(date) {
-  var year = getYear(date);
-  var yearStartDate = new Date();
-  yearStartDate.setFullYear(year, 0, 1);
-  yearStartDate.setHours(0, 0, 0, 0);
-  return yearStartDate;
+    var year = getYear(date);
+    var yearStartDate = new Date();
+    yearStartDate.setFullYear(year, 0, 1);
+    yearStartDate.setHours(0, 0, 0, 0);
+    return yearStartDate;
 }
 var getPreviousYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, -1);
 var getNextYearStart = makeGetEdgeOfNeighbor(getYear, getYearStart, 1);
 var getYearEnd = makeGetEnd(getNextYearStart);
 var getPreviousYearEnd = makeGetEdgeOfNeighbor(getYear, getYearEnd, -1);
-var getYearRange = makeGetRange([getYearStart, getYearEnd]);
+var getYearRange = makeGetRange(getYearStart, getYearEnd);
 /**
  * Month
  */
 function makeGetEdgeOfNeighborMonth(getEdgeOfPeriod, defaultOffset) {
-  return function makeGetEdgeOfNeighborMonthInternal(date) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOffset;
-    var year = getYear(date);
-    var month = getMonth(date) + offset;
-    var previousPeriod = new Date();
-    previousPeriod.setFullYear(year, month, 1);
-    previousPeriod.setHours(0, 0, 0, 0);
-    return getEdgeOfPeriod(previousPeriod);
-  };
+    return function makeGetEdgeOfNeighborMonthInternal(date, offset) {
+        if (offset === void 0) { offset = defaultOffset; }
+        var year = getYear(date);
+        var month = getMonth(date) + offset;
+        var previousPeriod = new Date();
+        previousPeriod.setFullYear(year, month, 1);
+        previousPeriod.setHours(0, 0, 0, 0);
+        return getEdgeOfPeriod(previousPeriod);
+    };
 }
 function getMonthStart(date) {
-  var year = getYear(date);
-  var month = getMonth(date);
-  var monthStartDate = new Date();
-  monthStartDate.setFullYear(year, month, 1);
-  monthStartDate.setHours(0, 0, 0, 0);
-  return monthStartDate;
+    var year = getYear(date);
+    var month = getMonth(date);
+    var monthStartDate = new Date();
+    monthStartDate.setFullYear(year, month, 1);
+    monthStartDate.setHours(0, 0, 0, 0);
+    return monthStartDate;
 }
 var getPreviousMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, -1);
 var getNextMonthStart = makeGetEdgeOfNeighborMonth(getMonthStart, 1);
 var getMonthEnd = makeGetEnd(getNextMonthStart);
 var getPreviousMonthEnd = makeGetEdgeOfNeighborMonth(getMonthEnd, -1);
-var getMonthRange = makeGetRange([getMonthStart, getMonthEnd]);
+var getMonthRange = makeGetRange(getMonthStart, getMonthEnd);
 /**
  * Day
  */
 function makeGetEdgeOfNeighborDay(getEdgeOfPeriod, defaultOffset) {
-  return function makeGetEdgeOfNeighborDayInternal(date) {
-    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOffset;
-    var year = getYear(date);
-    var month = getMonth(date);
-    var day = getDate(date) + offset;
-    var previousPeriod = new Date();
-    previousPeriod.setFullYear(year, month, day);
-    previousPeriod.setHours(0, 0, 0, 0);
-    return getEdgeOfPeriod(previousPeriod);
-  };
+    return function makeGetEdgeOfNeighborDayInternal(date, offset) {
+        if (offset === void 0) { offset = defaultOffset; }
+        var year = getYear(date);
+        var month = getMonth(date);
+        var day = getDate(date) + offset;
+        var previousPeriod = new Date();
+        previousPeriod.setFullYear(year, month, day);
+        previousPeriod.setHours(0, 0, 0, 0);
+        return getEdgeOfPeriod(previousPeriod);
+    };
 }
 function getDayStart(date) {
-  var year = getYear(date);
-  var month = getMonth(date);
-  var day = getDate(date);
-  var dayStartDate = new Date();
-  dayStartDate.setFullYear(year, month, day);
-  dayStartDate.setHours(0, 0, 0, 0);
-  return dayStartDate;
+    var year = getYear(date);
+    var month = getMonth(date);
+    var day = getDate(date);
+    var dayStartDate = new Date();
+    dayStartDate.setFullYear(year, month, day);
+    dayStartDate.setHours(0, 0, 0, 0);
+    return dayStartDate;
 }
 var getNextDayStart = makeGetEdgeOfNeighborDay(getDayStart, 1);
 var getDayEnd = makeGetEnd(getNextDayStart);
-var getDayRange = makeGetRange([getDayStart, getDayEnd]);
+var getDayRange = makeGetRange(getDayStart, getDayEnd);
 /**
  * Other
  */
 /**
  * Returns a number of days in a month of a given date.
  *
  * @param {Date} date Date.
  */
 function getDaysInMonth(date) {
-  return getDate(getMonthEnd(date));
+    return getDate(getMonthEnd(date));
 }
 var _CALENDAR_TYPE_LOCALE;
@@ -3454,7 +3407,7 @@ function Navigation(_ref) {
   }
   function renderButton() {
     var labelClassName = "".concat(className$6, "__label");
-    return /*#__PURE__*/React__default["default"].createElement("button", {
+    return /*#__PURE__*/React.createElement("button", {
       "aria-label": navigationAriaLabel,
       "aria-live": navigationAriaLive,
       className: labelClassName,
@@ -3464,35 +3417,35 @@ function Navigation(_ref) {
         flexGrow: 1
       },
       type: "button"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(labelClassName, "__labelText ").concat(labelClassName, "__labelText--from")
-    }, renderLabel(activeStartDate)), showDoubleView && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, renderLabel(activeStartDate)), showDoubleView && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: "".concat(labelClassName, "__divider")
-    }, " \u2013 "), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, " \u2013 "), /*#__PURE__*/React.createElement("span", {
       className: "".concat(labelClassName, "__labelText ").concat(labelClassName, "__labelText--to")
     }, renderLabel(nextActiveStartDate))));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className$6
-  }, prev2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, prev2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React.createElement("button", {
     "aria-label": prev2AriaLabel,
     className: "".concat(className$6, "__arrow ").concat(className$6, "__prev2-button"),
     disabled: prev2ButtonDisabled,
     onClick: onClickPrevious2,
     type: "button"
-  }, prev2Label), prevLabel !== null && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, prev2Label), prevLabel !== null && /*#__PURE__*/React.createElement("button", {
     "aria-label": prevAriaLabel,
     className: "".concat(className$6, "__arrow ").concat(className$6, "__prev-button"),
     disabled: prevButtonDisabled,
     onClick: onClickPrevious,
     type: "button"
-  }, prevLabel), renderButton(), nextLabel !== null && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, prevLabel), renderButton(), nextLabel !== null && /*#__PURE__*/React.createElement("button", {
     "aria-label": nextAriaLabel,
     className: "".concat(className$6, "__arrow ").concat(className$6, "__next-button"),
     disabled: nextButtonDisabled,
     onClick: onClickNext,
     type: "button"
-  }, nextLabel), next2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, nextLabel), next2Label !== null && shouldShowPrevNext2Buttons && /*#__PURE__*/React.createElement("button", {
     "aria-label": next2AriaLabel,
     className: "".concat(className$6, "__arrow ").concat(className$6, "__next2-button"),
     disabled: next2ButtonDisabled,
@@ -3544,15 +3497,15 @@ function Flex(_ref) {
     style = _ref.style,
     wrap = _ref.wrap,
     otherProps = _objectWithoutProperties$9(_ref, _excluded$9);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends$c({
+  return /*#__PURE__*/React.createElement("div", _extends$c({
     className: className,
     style: _objectSpread$c({
       display: 'flex',
       flexDirection: direction,
       flexWrap: wrap ? 'wrap' : 'no-wrap'
     }, style)
-  }, otherProps), React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
+  }, otherProps), React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread$c(_objectSpread$c({}, child.props), {}, {
       style: {
         flexBasis: toPercent(100 / count),
         flexShrink: 0,
@@ -3693,7 +3646,7 @@ function TileGroup(_ref) {
   var tiles = [];
   for (var point = start; point <= end; point += step) {
     var date = dateTransform(point);
-    tiles.push( /*#__PURE__*/React__default["default"].createElement(Tile, _extends$b({
+    tiles.push( /*#__PURE__*/React.createElement(Tile, _extends$b({
       key: date.getTime(),
       classes: getTileClasses({
         value: value,
@@ -3706,7 +3659,7 @@ function TileGroup(_ref) {
       point: point
     }, tileProps)));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Flex, {
     className: className,
     count: count,
     offset: offset,
@@ -3785,7 +3738,7 @@ var Tile = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         tileClassName = _this$state.tileClassName,
         tileContent = _this$state.tileContent;
-      return /*#__PURE__*/React__default["default"].createElement("button", {
+      return /*#__PURE__*/React.createElement("button", {
         className: clsx(classes, tileClassName),
         disabled: minDate && minDateTransform(minDate) > date || maxDate && maxDateTransform(maxDate) < date || tileDisabled && tileDisabled({
           activeStartDate: activeStartDate,
@@ -3803,7 +3756,7 @@ var Tile = /*#__PURE__*/function (_Component) {
         },
         style: style,
         type: "button"
-      }, formatAbbr ? /*#__PURE__*/React__default["default"].createElement("abbr", {
+      }, formatAbbr ? /*#__PURE__*/React.createElement("abbr", {
         "aria-label": formatAbbr(locale, date)
       }, children) : children, tileContent);
     }
@@ -3850,7 +3803,7 @@ function Decade(_ref) {
     otherProps = _objectWithoutProperties$7(_ref, _excluded$7);
   var date = otherProps.date,
     locale = otherProps.locale;
-  return /*#__PURE__*/React__default["default"].createElement(Tile, _extends$a({}, otherProps, {
+  return /*#__PURE__*/React.createElement(Tile, _extends$a({}, otherProps, {
     classes: [].concat(classes, className$5),
     maxDateTransform: getDecadeEnd,
     minDateTransform: getDecadeStart,
@@ -3869,7 +3822,7 @@ function Decades(props) {
   var activeStartDate = props.activeStartDate;
   var start = getBeginOfCenturyYear(activeStartDate);
   var end = start + 99;
-  return /*#__PURE__*/React__default["default"].createElement(TileGroup, _extends$9({}, props, {
+  return /*#__PURE__*/React.createElement(TileGroup, _extends$9({}, props, {
     className: "react-calendar__century-view__decades",
     dateTransform: getDecadeStart,
     dateType: "decade",
@@ -3883,9 +3836,9 @@ Decades.propTypes = _objectSpread$8({}, tileGroupProps);
 function CenturyView(props) {
   function renderDecades() {
-    return /*#__PURE__*/React__default["default"].createElement(Decades, props);
+    return /*#__PURE__*/React.createElement(Decades, props);
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "react-calendar__century-view"
   }, renderDecades());
 }
@@ -3905,7 +3858,7 @@ function Year(_ref) {
     otherProps = _objectWithoutProperties$6(_ref, _excluded$6);
   var date = otherProps.date,
     locale = otherProps.locale;
-  return /*#__PURE__*/React__default["default"].createElement(Tile, _extends$8({}, otherProps, {
+  return /*#__PURE__*/React.createElement(Tile, _extends$8({}, otherProps, {
     classes: [].concat(classes, className$4),
     maxDateTransform: getYearEnd,
     minDateTransform: getYearStart,
@@ -3924,7 +3877,7 @@ function Years(props) {
   var activeStartDate = props.activeStartDate;
   var start = getBeginOfDecadeYear(activeStartDate);
   var end = start + 9;
-  return /*#__PURE__*/React__default["default"].createElement(TileGroup, _extends$7({}, props, {
+  return /*#__PURE__*/React.createElement(TileGroup, _extends$7({}, props, {
     className: "react-calendar__decade-view__years",
     dateTransform: function dateTransform(year) {
       var date = new Date();
@@ -3942,9 +3895,9 @@ Years.propTypes = _objectSpread$6({}, tileGroupProps);
 function DecadeView(props) {
   function renderYears() {
-    return /*#__PURE__*/React__default["default"].createElement(Years, props);
+    return /*#__PURE__*/React.createElement(Years, props);
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "react-calendar__decade-view"
   }, renderYears());
 }
@@ -3966,7 +3919,7 @@ function Month(_ref) {
     otherProps = _objectWithoutProperties$5(_ref, _excluded$5);
   var date = otherProps.date,
     locale = otherProps.locale;
-  return /*#__PURE__*/React__default["default"].createElement(Tile, _extends$6({}, otherProps, {
+  return /*#__PURE__*/React.createElement(Tile, _extends$6({}, otherProps, {
     classes: [].concat(classes, className$3),
     formatAbbr: formatMonthYear$1,
     maxDateTransform: getMonthEnd,
@@ -3988,7 +3941,7 @@ function Months(props) {
   var start = 0;
   var end = 11;
   var year = getYear(activeStartDate);
-  return /*#__PURE__*/React__default["default"].createElement(TileGroup, _extends$5({}, props, {
+  return /*#__PURE__*/React.createElement(TileGroup, _extends$5({}, props, {
     className: "react-calendar__year-view__months",
     dateTransform: function dateTransform(monthIndex) {
       var date = new Date();
@@ -4008,9 +3961,9 @@ Months.propTypes = _objectSpread$4(_objectSpread$4({}, tileGroupProps), {}, {
 function YearView(props) {
   function renderMonths() {
-    return /*#__PURE__*/React__default["default"].createElement(Months, props);
+    return /*#__PURE__*/React.createElement(Months, props);
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "react-calendar__year-view"
   }, renderMonths());
 }
@@ -4034,7 +3987,7 @@ function Day(_ref) {
     otherProps = _objectWithoutProperties$4(_ref, _excluded$4);
   var date = otherProps.date,
     locale = otherProps.locale;
-  return /*#__PURE__*/React__default["default"].createElement(Tile, _extends$4({}, otherProps, {
+  return /*#__PURE__*/React.createElement(Tile, _extends$4({}, otherProps, {
     classes: [].concat(classes, className$2, isWeekend(date, calendarType) ? "".concat(className$2, "--weekend") : null, date.getMonth() !== currentMonthIndex ? "".concat(className$2, "--neighboringMonth") : null),
     formatAbbr: formatLongDate$1,
     maxDateTransform: getDayEnd,
@@ -4094,7 +4047,7 @@ function Days(props) {
     }
     return daysInMonth;
   }();
-  return /*#__PURE__*/React__default["default"].createElement(TileGroup, _extends$3({}, otherProps, {
+  return /*#__PURE__*/React.createElement(TileGroup, _extends$3({}, otherProps, {
     className: "react-calendar__month-view__days",
     count: 7,
     currentMonthIndex: monthIndex,
@@ -4135,15 +4088,15 @@ function Weekdays(props) {
   for (var weekday = 1; weekday <= 7; weekday += 1) {
     var weekdayDate = new Date(year, monthIndex, weekday - getDayOfWeek(beginOfMonth, calendarType));
     var abbr = formatWeekday$1(locale, weekdayDate);
-    weekdays.push( /*#__PURE__*/React__default["default"].createElement("div", {
+    weekdays.push( /*#__PURE__*/React.createElement("div", {
       key: weekday,
       className: clsx(weekdayClassName, isWeekend(weekdayDate, calendarType) && "".concat(weekdayClassName, "--weekend"))
-    }, /*#__PURE__*/React__default["default"].createElement("abbr", {
+    }, /*#__PURE__*/React.createElement("abbr", {
       "aria-label": abbr,
       title: abbr
     }, formatShortWeekday$1(locale, weekdayDate).replace('.', ''))));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Flex, {
     className: className$1,
     count: 7,
     onFocus: onMouseLeave,
@@ -4174,13 +4127,13 @@ function WeekNumber(_ref) {
   var props = _objectSpread$1({
     className: className
   }, otherProps);
-  var children = /*#__PURE__*/React__default["default"].createElement("span", null, weekNumber);
-  return onClickWeekNumber ? /*#__PURE__*/React__default["default"].createElement("button", _extends$2({}, props, {
+  var children = /*#__PURE__*/React.createElement("span", null, weekNumber);
+  return onClickWeekNumber ? /*#__PURE__*/React.createElement("button", _extends$2({}, props, {
     onClick: function onClick(event) {
       return onClickWeekNumber(weekNumber, date, event);
     },
     type: "button"
-  }), children) : /*#__PURE__*/React__default["default"].createElement("div", props, children);
+  }), children) : /*#__PURE__*/React.createElement("div", props, children);
 }
 WeekNumber.propTypes = {
   date: PropTypes.instanceOf(Date).isRequired,
@@ -4216,7 +4169,7 @@ function WeekNumbers(props) {
   var weekNumbers = dates.map(function (date) {
     return getWeekNumber(date, calendarType);
   });
-  return /*#__PURE__*/React__default["default"].createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Flex, {
     className: "react-calendar__month-view__weekNumbers",
     count: numberOfWeeks,
     direction: "column",
@@ -4227,7 +4180,7 @@ function WeekNumbers(props) {
       flexShrink: 0
     }
   }, weekNumbers.map(function (weekNumber, weekIndex) {
-    return /*#__PURE__*/React__default["default"].createElement(WeekNumber, {
+    return /*#__PURE__*/React.createElement(WeekNumber, {
       key: weekNumber,
       date: dates[weekIndex],
       onClickWeekNumber: onClickWeekNumber,
@@ -4265,7 +4218,7 @@ function MonthView(props) {
     showWeekNumbers = props.showWeekNumbers,
     childProps = _objectWithoutProperties$1(props, _excluded$1);
   function renderWeekdays() {
-    return /*#__PURE__*/React__default["default"].createElement(Weekdays, {
+    return /*#__PURE__*/React.createElement(Weekdays, {
       calendarType: calendarType,
       formatShortWeekday: formatShortWeekday,
       formatWeekday: formatWeekday,
@@ -4277,7 +4230,7 @@ function MonthView(props) {
     if (!showWeekNumbers) {
       return null;
     }
-    return /*#__PURE__*/React__default["default"].createElement(WeekNumbers, {
+    return /*#__PURE__*/React.createElement(WeekNumbers, {
       activeStartDate: activeStartDate,
       calendarType: calendarType,
       onClickWeekNumber: onClickWeekNumber,
@@ -4286,19 +4239,19 @@ function MonthView(props) {
     });
   }
   function renderDays() {
-    return /*#__PURE__*/React__default["default"].createElement(Days, _extends$1({
+    return /*#__PURE__*/React.createElement(Days, _extends$1({
       calendarType: calendarType
     }, childProps));
   }
   var className = 'react-calendar__month-view';
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, showWeekNumbers ? "".concat(className, "--weekNumbers") : '')
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       alignItems: 'flex-end'
     }
-  }, renderWeekNumbers(), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, renderWeekNumbers(), /*#__PURE__*/React.createElement("div", {
     style: {
       flexGrow: 1,
       width: '100%'
@@ -4470,7 +4423,7 @@ function getInitialActiveStartDate(props) {
 var getIsSingleValue = function getIsSingleValue(value) {
   return value && [].concat(value).length === 1;
 };
-var Calendar$1 = /*#__PURE__*/function (_Component) {
+var Calendar = /*#__PURE__*/function (_Component) {
   _inherits(Calendar, _Component);
   var _super = _createSuper(Calendar);
   function Calendar() {
@@ -4795,14 +4748,14 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
         case 'century':
           {
             var formatYear = this.props.formatYear;
-            return /*#__PURE__*/React__default["default"].createElement(CenturyView, _extends({
+            return /*#__PURE__*/React.createElement(CenturyView, _extends({
               formatYear: formatYear
             }, commonProps));
           }
         case 'decade':
           {
             var _formatYear = this.props.formatYear;
-            return /*#__PURE__*/React__default["default"].createElement(DecadeView, _extends({
+            return /*#__PURE__*/React.createElement(DecadeView, _extends({
               formatYear: _formatYear
             }, commonProps));
           }
@@ -4811,7 +4764,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
             var _this$props9 = this.props,
               formatMonth = _this$props9.formatMonth,
               formatMonthYear = _this$props9.formatMonthYear;
-            return /*#__PURE__*/React__default["default"].createElement(YearView, _extends({
+            return /*#__PURE__*/React.createElement(YearView, _extends({
               formatMonth: formatMonth,
               formatMonthYear: formatMonthYear
             }, commonProps));
@@ -4829,7 +4782,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
               showNeighboringMonth = _this$props10.showNeighboringMonth,
               showWeekNumbers = _this$props10.showWeekNumbers;
             var onMouseLeave = this.onMouseLeave;
-            return /*#__PURE__*/React__default["default"].createElement(MonthView, _extends({
+            return /*#__PURE__*/React.createElement(MonthView, _extends({
               calendarType: calendarType,
               formatDay: formatDay,
               formatLongDate: formatLongDate,
@@ -4874,7 +4827,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
         prevAriaLabel = _this$props11.prevAriaLabel,
         prevLabel = _this$props11.prevLabel,
         showDoubleView = _this$props11.showDoubleView;
-      return /*#__PURE__*/React__default["default"].createElement(Navigation, {
+      return /*#__PURE__*/React.createElement(Navigation, {
         activeStartDate: activeStartDate,
         drillUp: this.drillUp,
         formatMonthYear: formatMonthYear,
@@ -4910,10 +4863,10 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
       var onMouseLeave = this.onMouseLeave,
         value = this.value;
       var valueArray = [].concat(value);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: clsx(baseClassName, selectRange && valueArray.length === 1 && "".concat(baseClassName, "--selectRange"), showDoubleView && "".concat(baseClassName, "--doubleView"), className),
         ref: inputRef
-      }, this.renderNavigation(), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, this.renderNavigation(), /*#__PURE__*/React.createElement("div", {
         className: "".concat(baseClassName, "__viewContainer"),
         onBlur: selectRange ? onMouseLeave : null,
         onMouseLeave: selectRange ? onMouseLeave : null
@@ -4922,7 +4875,7 @@ var Calendar$1 = /*#__PURE__*/function (_Component) {
   }]);
   return Calendar;
 }(React.Component);
-Calendar$1.defaultProps = {
+Calendar.defaultProps = {
   goToRangeStartOnSelect: true,
   maxDate: defaultMaxDate,
   maxDetail: 'month',
@@ -4934,7 +4887,7 @@ Calendar$1.defaultProps = {
 };
 var isActiveStartDate = PropTypes.instanceOf(Date);
 var isLooseValue = PropTypes.oneOfType([PropTypes.string, isValue]);
-Calendar$1.propTypes = {
+Calendar.propTypes = {
   activeStartDate: isActiveStartDate,
   allowPartialRange: PropTypes.bool,
   calendarType: isCalendarType,
@@ -4991,8 +4944,6 @@ Calendar$1.propTypes = {
   view: isView
 };
-var Calendar = Calendar$1;
 var css_248z$H = ".DatePicker-module_datePicker__mTJ3f {\n  width: 100%;\n}";
 var styles$H = {"datePicker":"DatePicker-module_datePicker__mTJ3f"};
 styleInject(css_248z$H);
@@ -5776,14 +5727,14 @@ var client = createCommonjsModule(function (module, exports) {
 if (process.env.NODE_ENV === 'production') {
-  exports.createRoot = reactDom__default["default"].createRoot;
-  exports.hydrateRoot = reactDom__default["default"].hydrateRoot;
+  exports.createRoot = reactDom.createRoot;
+  exports.hydrateRoot = reactDom.hydrateRoot;
 } else {
-  var i = reactDom__default["default"].__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
   exports.createRoot = function(c, o) {
     i.usingClientEntryPoint = true;
     try {
-      return reactDom__default["default"].createRoot(c, o);
+      return reactDom.createRoot(c, o);
     } finally {
       i.usingClientEntryPoint = false;
     }
@@ -5791,7 +5742,7 @@ if (process.env.NODE_ENV === 'production') {
   exports.hydrateRoot = function(c, h, o) {
     i.usingClientEntryPoint = true;
     try {
-      return reactDom__default["default"].hydrateRoot(c, h, o);
+      return reactDom.hydrateRoot(c, h, o);
     } finally {
       i.usingClientEntryPoint = false;
     }
@@ -6303,11 +6254,11 @@ const Sidebar = (props) => {
     const handleClickSubItem = (itemPath, subItemPath, e) => {
         navigate(e, `${itemPath}/${subItemPath}`);
     };
-    return (jsxRuntime.jsx("nav", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(List, { children: menuItems.map(item => (jsxRuntime.jsxs(React__default["default"].Fragment, { children: [jsxRuntime.jsxs(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e), children: [jsxRuntime.jsx(ListItemText, { primary: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.label, item.items && item.items.length > 0 && (jsxRuntime.jsxs("small", { className: "ml-2", children: ["(", item.items.length, ")"] }))] }) }), item.items && item.items.length > 0 &&
+    return (jsxRuntime.jsx("nav", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(List, { children: menuItems.map(item => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e), children: [jsxRuntime.jsx(ListItemText, { primary: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.label, item.items && item.items.length > 0 && (jsxRuntime.jsxs("small", { className: "ml-2", children: ["(", item.items.length, ")"] }))] }) }), item.items && item.items.length > 0 &&
                                 jsxRuntime.jsx(ListItemAction, { children: item.isCollapsed ? jsxRuntime.jsx(ChevronDownSolidIcon, {}) : jsxRuntime.jsx(ChevronUpSolidIcon, {}) })] }), !item.isCollapsed && item.items && item.items.length > 0 && (jsxRuntime.jsx(List, { className: "list-level-1", children: item.items.map(subItem => (jsxRuntime.jsx(ListItem, { className: "list-item-level-1", active: isMenuItemActive(subItem.path), onClick: (e) => handleClickSubItem(item.path, subItem.path, e), children: subItem.label }, subItem.id))) }, `${item.id}-sub`))] }, item.id))) }) }));
 };
-var css_248z$j = "@keyframes SkeletonAvatar-module_skeleton-loading__eM-ZU {\n  0% {\n    background-color: hsl(200deg, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200deg, 20%, 95%);\n  }\n}\n.SkeletonAvatar-module_skeletonAvatar__03QnJ {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-color: var(--secondary);\n  animation: SkeletonAvatar-module_skeleton-loading__eM-ZU 1s linear infinite alternate;\n}";
+var css_248z$j = "@keyframes SkeletonAvatar-module_skeleton-loading__eM-ZU {\n  0% {\n    background-color: hsl(200, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200, 20%, 95%);\n  }\n}\n.SkeletonAvatar-module_skeletonAvatar__03QnJ {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-color: var(--secondary);\n  animation: SkeletonAvatar-module_skeleton-loading__eM-ZU 1s linear infinite alternate;\n}";
 var styles$j = {"skeletonAvatar":"SkeletonAvatar-module_skeletonAvatar__03QnJ","skeleton-loading":"SkeletonAvatar-module_skeleton-loading__eM-ZU"};
 styleInject(css_248z$j);
@@ -6322,7 +6273,7 @@ const SkeletonAvatar = (props) => {
     return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
 };
-var css_248z$i = "@keyframes SkeletonText-module_skeleton-loading__EYFfJ {\n  0% {\n    background-color: hsl(200deg, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200deg, 20%, 95%);\n  }\n}\n.SkeletonText-module_skeletonText__E5NCO {\n  width: 100%;\n  height: 0.7rem;\n  margin-bottom: 0.5rem;\n  border-radius: 0.25rem;\n  animation: SkeletonText-module_skeleton-loading__EYFfJ 1s linear infinite alternate;\n}";
+var css_248z$i = "@keyframes SkeletonText-module_skeleton-loading__EYFfJ {\n  0% {\n    background-color: hsl(200, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200, 20%, 95%);\n  }\n}\n.SkeletonText-module_skeletonText__E5NCO {\n  width: 100%;\n  height: 0.7rem;\n  margin-bottom: 0.5rem;\n  border-radius: 0.25rem;\n  animation: SkeletonText-module_skeleton-loading__EYFfJ 1s linear infinite alternate;\n}";
 var styles$i = {"skeletonText":"SkeletonText-module_skeletonText__E5NCO","skeleton-loading":"SkeletonText-module_skeleton-loading__EYFfJ"};
 styleInject(css_248z$i);
@@ -6337,7 +6288,7 @@ const SkeletonText = (props) => {
     return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
 };
-var css_248z$h = "@keyframes SkeletonFooter-module_skeleton-loading__OEErv {\n  0% {\n    background-color: hsl(200deg, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200deg, 20%, 95%);\n  }\n}\n.SkeletonFooter-module_skeletonFooter__u2Gxc {\n  width: 30%;\n  height: 0.7rem;\n  border-radius: 0.25rem;\n  animation: SkeletonFooter-module_skeleton-loading__OEErv 1s linear infinite alternate;\n}";
+var css_248z$h = "@keyframes SkeletonFooter-module_skeleton-loading__OEErv {\n  0% {\n    background-color: hsl(200, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200, 20%, 95%);\n  }\n}\n.SkeletonFooter-module_skeletonFooter__u2Gxc {\n  width: 30%;\n  height: 0.7rem;\n  border-radius: 0.25rem;\n  animation: SkeletonFooter-module_skeleton-loading__OEErv 1s linear infinite alternate;\n}";
 var styles$h = {"skeletonFooter":"SkeletonFooter-module_skeletonFooter__u2Gxc","skeleton-loading":"SkeletonFooter-module_skeleton-loading__OEErv"};
 styleInject(css_248z$h);
@@ -6352,7 +6303,7 @@ const SkeletonFooter = (props) => {
     return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest }));
 };
-var css_248z$g = "@keyframes SkeletonImage-module_skeleton-loading__04lJ7 {\n  0% {\n    background-color: hsl(200deg, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200deg, 20%, 95%);\n  }\n}\n.SkeletonImage-module_skeletonImage__2EwDG {\n  height: 10rem;\n  margin: 0.5rem 0;\n  border-radius: 0.75rem;\n  animation: SkeletonImage-module_skeleton-loading__04lJ7 1s linear infinite alternate;\n}\n\n.SkeletonImage-module_div__tqqrB {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin: auto;\n  border-radius: 0.75rem;\n  border-color: none;\n}";
+var css_248z$g = "@keyframes SkeletonImage-module_skeleton-loading__04lJ7 {\n  0% {\n    background-color: hsl(200, 20%, 80%);\n  }\n  100% {\n    background-color: hsl(200, 20%, 95%);\n  }\n}\n.SkeletonImage-module_skeletonImage__2EwDG {\n  height: 10rem;\n  margin: 0.5rem 0;\n  border-radius: 0.75rem;\n  animation: SkeletonImage-module_skeleton-loading__04lJ7 1s linear infinite alternate;\n}\n\n.SkeletonImage-module_div__tqqrB {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin: auto;\n  border-radius: 0.75rem;\n  border-color: none;\n}";
 var styles$g = {"skeletonImage":"SkeletonImage-module_skeletonImage__2EwDG","skeleton-loading":"SkeletonImage-module_skeleton-loading__04lJ7","div":"SkeletonImage-module_div__tqqrB"};
 styleInject(css_248z$g);
@@ -6552,11 +6503,11 @@ const Dot = (props) => {
 const Stepper = (props) => {
     const { children, isLinear = true, showLabel = true, showProgressCheckIcon = false, value, isHorizontal = true, showDoneButton, showResetButton, showSteps = true, showDots, onChange, onFinish } = props;
     const [steps, setSteps] = React.useState();
-    const [activeIndex, setActiveIndex] = React__default["default"].useState(0);
-    const [skipped, setSkipped] = React__default["default"].useState(new Set());
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const [skipped, setSkipped] = React.useState(new Set());
     React.useEffect(() => {
         if (children) {
-            setSteps(React__default["default"].Children.toArray(children));
+            setSteps(React.Children.toArray(children));
         }
     }, [children]);
     const prevActiveIndexRef = React.useRef(activeIndex);
@@ -6578,7 +6529,7 @@ const Stepper = (props) => {
         setActiveIndex(index);
     };
     const renderSteps = (child, index) => {
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: React__default["default"].isValidElement(child) &&
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: React.isValidElement(child) &&
                 React.cloneElement(child, {
                     index: index,
                     isActive: activeIndex >= index,
@@ -6656,7 +6607,7 @@ const Wrapper = (props) => {
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return React__default["default"].createElement(as, { ...rest, className: getCssClasses() }, children);
+    return React.createElement(as, { ...rest, className: getCssClasses() }, children);
 };
 const Typography = ({ children, as = 'span', wrap, ...rest }) => {
     return (jsxRuntime.jsx(Wrapper, { as: as, wrap: wrap, ...rest, children: children }));
@@ -6791,7 +6742,7 @@ const Tabs = (props) => {
     }, [value]);
     React.useEffect(() => {
         if (selectedValue && children) {
-            React__default["default"].Children.toArray(children).forEach((child, index) => {
+            React.Children.toArray(children).forEach((child, index) => {
                 if (child.props.value === selectedValue) {
                     setSelectedIndex(index);
                     onChange && onChange(selectedValue);
@@ -6806,7 +6757,7 @@ const Tabs = (props) => {
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsxRuntime.jsx(ButtonContext.Provider, { value: { color: color || exports.COLOR.light }, children: jsxRuntime.jsx(TabContext.Provider, { value: tabContext, children: jsxRuntime.jsxs("div", { className: getCssClasses(), children: [children, children &&
-                        jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: (100 / React__default["default"].Children.toArray(children).length) + '%', index: selectedIndex, amount: React__default["default"].Children.toArray(children).length })] }) }) }));
+                        jsxRuntime.jsx(TabIndicator, { color: indicatorColor, width: (100 / React.Children.toArray(children).length) + '%', index: selectedIndex, amount: React.Children.toArray(children).length })] }) }) }));
 };
 var css_248z$2 = ".Tab-module_tab__Q8w1f {\n  padding: 6px 12px;\n  overflow: hidden;\n  position: relative;\n  font-size: 0.875rem;\n  min-width: 72px;\n  box-sizing: border-box;\n  min-height: 48px;\n  text-align: center;\n  font-weight: 500;\n  line-height: 1.75;\n  white-space: normal;\n  letter-spacing: 0.02857em;\n  text-transform: uppercase;\n  border-radius: 0;\n  flex-grow: 1;\n  flex-basis: 0;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}";