react-asc 25.8.0 → 25.8.1

package/index.d.ts

@@ -463,6 +463,7 @@ interface IIconButtonProps extends React$1.ComponentProps<'button'> {
     isActive?: boolean;
     variant?: VARIANT;
     shadow?: boolean;
+    loading?: boolean;
 }
 declare const IconButton: (props: IIconButtonProps) => JSX.Element;
 

package/index.es.js

@@ -278,55 +278,154 @@ const Icon = (props) => {
     return (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"};
+var css_248z$11 = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n  animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n  animation-duration: 5000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  width: 24px;\n  height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}";
+var styles$11 = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
 styleInject(css_248z$11);
 
+const LoadingIndicator = ({ ...rest }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$11.loadingIndicator);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsx("div", { className: getCssClasses(), ...rest, children: jsx(SpinnerSolidIcon, {}) }));
+};
+
+const LoadingIndicatorContainer = ({ children, isFixed }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$11.loadingIndicatorContainer);
+        isFixed && cssClasses.push(styles$11.isFixed);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsx("div", { className: getCssClasses(), children: children }));
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var client = createCommonjsModule(function (module, exports) {
+
+
+if (process.env.NODE_ENV === 'production') {
+  exports.createRoot = reactDom.createRoot;
+  exports.hydrateRoot = reactDom.hydrateRoot;
+} else {
+  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  exports.createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+  exports.hydrateRoot = function(c, h, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.hydrateRoot(c, h, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+});
+var client_1 = client.createRoot;
+client.hydrateRoot;
+
+class LoadingIndicatorService {
+    show() {
+        if (this.container) {
+            this.hide();
+        }
+        this.container = document.createElement('div');
+        this.container.classList.add('snackbar-container');
+        document.body.appendChild(this.container);
+        this.root = client_1(this.container);
+        this.root.render(jsx(LoadingIndicatorContainer, { isFixed: true, children: jsx(LoadingIndicator, {}) }));
+    }
+    hide() {
+        if (this.container) {
+            this.root?.unmount();
+            document.body.removeChild(this.container);
+            this.container = undefined;
+            this.handler && clearTimeout(this.handler);
+        }
+    }
+}
+const loadingIndicatorService = new LoadingIndicatorService();
+
+var css_248z$10 = ".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$10 = {"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$10);
+
 const IconButton = (props) => {
-    const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, className, shadow, ...rest } = props;
+    const { children, icon, variant = VARIANT.text, color = COLOR.dark, size = SIZE.md, isActive, disabled, loading, className, shadow, ...rest } = props;
+    const [isDisabled, setIsDisabled] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        if (loading) {
+            setIsLoading(true);
+            setIsDisabled(true);
+        }
+        else {
+            setIsLoading(false);
+            if (disabled !== true) {
+                setIsDisabled(false);
+            }
+        }
+    }, [loading]);
+    useEffect(() => {
+        if (disabled !== undefined) {
+            setIsDisabled(disabled);
+        }
+    }, [disabled]);
     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);
+        cssClasses.push(styles$10[color]);
+        cssClasses.push(styles$10[variant]);
+        cssClasses.push(styles$10[size]);
+        cssClasses.push(styles$10.iconButton);
+        isActive && cssClasses.push(styles$10.active);
+        disabled && cssClasses.push(styles$10.disabled);
+        shadow && cssClasses.push(styles$10.shadow);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (jsxs("button", { type: "button", className: getCssClasses(), disabled: disabled, ...rest, children: [icon && jsx(Icon, { children: icon }), children] }));
+    return (jsxs("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: [isLoading && (jsx(LoadingIndicatorContainer, { children: jsx(LoadingIndicator, {}) })), !isLoading && (jsxs(Fragment$1, { children: [icon && 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}";
-var styles$10 = {"list":"List-module_list__gpZ41"};
-styleInject(css_248z$10);
+var css_248z$$ = ".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}";
+var styles$$ = {"list":"List-module_list__gpZ41"};
+styleInject(css_248z$$);
 
 const List = (props) => {
     const { children, className, isFlush, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        isFlush && cssClasses.push(styles$10.flush);
-        cssClasses.push(styles$10.list);
+        isFlush && cssClasses.push(styles$$.flush);
+        cssClasses.push(styles$$.list);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsx("ul", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
-var styles$$ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
-styleInject(css_248z$$);
+var css_248z$_ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
+var styles$_ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
+styleInject(css_248z$_);
 
 const ListItem = (props) => {
     const { children, color, active, className, disabled, onClick, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$$.listItem);
-        color && cssClasses.push(styles$$[color]);
-        active && cssClasses.push(styles$$['active']);
-        disabled && cssClasses.push(styles$$['disabled']);
+        cssClasses.push(styles$_.listItem);
+        color && cssClasses.push(styles$_[color]);
+        active && cssClasses.push(styles$_['active']);
+        disabled && cssClasses.push(styles$_['disabled']);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -336,32 +435,32 @@ const ListItem = (props) => {
     return (jsx("li", { onClick: handleClick, className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$_ = ".ListItemAvatar-module_avatar__sVWfR {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n  width: 24px;\n  height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n  border-radius: 50%;\n}";
-var styles$_ = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
-styleInject(css_248z$_);
-
-const ListItemAvatar = ({ avatar, ...rest }) => (jsx("div", { className: styles$_.avatar, ...rest, children: avatar }));
-
-var css_248z$Z = ".ListItemIcon-module_icon__cCvEv {\n  margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n  width: 24px;\n  height: 24px;\n}";
-var styles$Z = {"icon":"ListItemIcon-module_icon__cCvEv"};
+var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n  width: 24px;\n  height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n  border-radius: 50%;\n}";
+var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
 styleInject(css_248z$Z);
 
-const ListItemIcon = ({ icon, ...rest }) => (jsx("div", { className: styles$Z.icon, ...rest, children: icon }));
+const ListItemAvatar = ({ avatar, ...rest }) => (jsx("div", { className: styles$Z.avatar, ...rest, children: avatar }));
 
-var css_248z$Y = ".ListItemAction-module_listItemAction__gAQRj {\n  display: flex;\n  justify-content: center;\n  min-width: 40px;\n}\n.ListItemAction-module_listItemAction__gAQRj svg {\n  width: 20px;\n  height: 20px;\n}";
-var styles$Y = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
+var css_248z$Y = ".ListItemIcon-module_icon__cCvEv {\n  margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n  width: 24px;\n  height: 24px;\n}";
+var styles$Y = {"icon":"ListItemIcon-module_icon__cCvEv"};
 styleInject(css_248z$Y);
 
-const ListItemAction = ({ children, onClick, ...rest }) => (jsx("div", { className: styles$Y.listItemAction, onClick: (e) => onClick && onClick(e), ...rest, children: children }));
+const ListItemIcon = ({ icon, ...rest }) => (jsx("div", { className: styles$Y.icon, ...rest, children: icon }));
 
-var css_248z$X = ".ListItemTextIcon-module_listItemText__xCBLW {\n  flex: 1;\n}";
-var styles$X = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
+var css_248z$X = ".ListItemAction-module_listItemAction__gAQRj {\n  display: flex;\n  justify-content: center;\n  min-width: 40px;\n}\n.ListItemAction-module_listItemAction__gAQRj svg {\n  width: 20px;\n  height: 20px;\n}";
+var styles$X = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
 styleInject(css_248z$X);
 
+const ListItemAction = ({ children, onClick, ...rest }) => (jsx("div", { className: styles$X.listItemAction, onClick: (e) => onClick && onClick(e), ...rest, children: children }));
+
+var css_248z$W = ".ListItemTextIcon-module_listItemText__xCBLW {\n  flex: 1;\n}";
+var styles$W = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
+styleInject(css_248z$W);
+
 const ListItemText = ({ primary, secondary, ...rest }) => {
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$X.listItemText);
+        cssClasses.push(styles$W.listItemText);
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsxs("div", { className: getCssClasses(), ...rest, children: [jsx(ListItemTextPrimary, { children: primary }), secondary &&
@@ -370,9 +469,9 @@ const ListItemText = ({ primary, secondary, ...rest }) => {
 const ListItemTextPrimary = ({ children }) => (jsx("div", { className: "list-item-text-primary", children: children }));
 const ListItemTextSecondary = ({ children }) => (jsx("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' }, children: children }));
 
-var css_248z$W = ".AutoComplete-module_selectContainer__1kA85 {\n  position: relative;\n}\n\n.AutoComplete-module_select__NNYOi {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n}\n.AutoComplete-module_select__NNYOi:hover {\n  cursor: pointer;\n}\n.AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n  color: #212529;\n  background-color: #fff;\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}\n.AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n  background-color: #e9ecef;\n}\n.AutoComplete-module_select__NNYOi:disabled:hover {\n  cursor: not-allowed;\n}\n.AutoComplete-module_select__NNYOi:read-only:hover {\n  cursor: inherit;\n}\n\n.AutoComplete-module_selectMenu__Gu81L {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 38px;\n  z-index: 1050;\n  max-height: 280px;\n  overflow: auto;\n}";
-var styles$W = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
-styleInject(css_248z$W);
+var css_248z$V = ".AutoComplete-module_selectContainer__1kA85 {\n  position: relative;\n}\n\n.AutoComplete-module_select__NNYOi {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n}\n.AutoComplete-module_select__NNYOi:hover {\n  cursor: pointer;\n}\n.AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n  color: #212529;\n  background-color: #fff;\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}\n.AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n  background-color: #e9ecef;\n}\n.AutoComplete-module_select__NNYOi:disabled:hover {\n  cursor: not-allowed;\n}\n.AutoComplete-module_select__NNYOi:read-only:hover {\n  cursor: inherit;\n}\n\n.AutoComplete-module_selectMenu__Gu81L {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 38px;\n  z-index: 1050;\n  max-height: 280px;\n  overflow: auto;\n}";
+var styles$V = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
+styleInject(css_248z$V);
 
 // preset value
 // enter -> delay? -> show results
@@ -420,7 +519,7 @@ const AutoComplete = (props) => {
     const getCssClass = () => {
         const cssClasses = [];
         className && cssClasses.push(className);
-        cssClasses.push(styles$W.select);
+        cssClasses.push(styles$V.select);
         return cssClasses.filter(r => r).join(' ');
     };
     const show = () => setIsShow(true);
@@ -444,34 +543,34 @@ const AutoComplete = (props) => {
         setModel('');
         setSearchText('');
     };
-    return (jsxs("div", { ref: selectConainter, className: styles$W.selectContainer, children: [jsxs("div", { className: "d-flex", children: [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 && jsx(IconButton, { icon: jsx(TimesSolidIcon, {}), onClick: handleClickReset })] }), isShow && (jsxs(Fragment$1, { children: [jsx("div", { className: styles$W.selectMenu, children: jsx(List, { children: _options &&
+    return (jsxs("div", { ref: selectConainter, className: styles$V.selectContainer, children: [jsxs("div", { className: "d-flex", children: [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 && jsx(IconButton, { icon: jsx(TimesSolidIcon, {}), onClick: handleClickReset })] }), isShow && (jsxs(Fragment$1, { children: [jsx("div", { className: styles$V.selectMenu, children: jsx(List, { children: _options &&
                                 _options.map((option, index) => (jsx(ListItem, { id: `list-item-${index}`, onClick: () => handleOnClick(option), disabled: !option.value, children: jsx(ListItemText, { primary: option.label ? option.label : option.value }) }, option.value))) }) }), 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}";
-var styles$V = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
-styleInject(css_248z$V);
+var css_248z$U = ".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}";
+var styles$U = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
+styleInject(css_248z$U);
 
 const Badge = (props) => {
     const { children, content, className, color = COLOR.primary, ...rest } = props;
-    const [cssClassName] = useCssClasses([styles$V.badge, styles$V[color], className]);
+    const [cssClassName] = useCssClasses([styles$U.badge, styles$U[color], className]);
     return (jsxs(BadgeContainer, { children: [children, 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$U.badgeContainer, className]);
     return (jsx("div", { className: cssClassName, ...rest, children: children }));
 };
 
-var css_248z$U = ".Breadcrumb-module_breadcrumb__-pvAn {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  list-style: none;\n  margin: 0;\n}";
-var styles$U = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
-styleInject(css_248z$U);
+var css_248z$T = ".Breadcrumb-module_breadcrumb__-pvAn {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  list-style: none;\n  margin: 0;\n}";
+var styles$T = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
+styleInject(css_248z$T);
 
 const Breadcrumb = (props) => {
     const { children, className, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$U.breadcrumb);
+        cssClasses.push(styles$T.breadcrumb);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -480,15 +579,15 @@ const Breadcrumb = (props) => {
 
 const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
 
-var css_248z$T = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  display: flex;\n  align-items: center;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  padding-left: 0.5rem;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n  float: left;\n  padding-right: 0.5rem;\n  color: #6c757d;\n  content: \"/\";\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n  color: var(--primary);\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n  cursor: pointer;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n  cursor: unset;\n}";
-var styles$T = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
-styleInject(css_248z$T);
+var css_248z$S = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  display: flex;\n  align-items: center;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  padding-left: 0.5rem;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n  float: left;\n  padding-right: 0.5rem;\n  color: #6c757d;\n  content: \"/\";\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n  color: var(--primary);\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n  cursor: pointer;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n  cursor: unset;\n}";
+var styles$S = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
+styleInject(css_248z$S);
 
 const BreadcrumbItem = (props) => {
     const { children, className, isActive, onClick } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$T.breadcrumbItem);
+        cssClasses.push(styles$S.breadcrumbItem);
         className && cssClasses.push(className);
         isActive && cssClasses.push('active');
         return cssClasses.filter(css => css).join(' ');
@@ -499,86 +598,6 @@ const BreadcrumbItem = (props) => {
     return (jsx("li", { className: getCssClasses(), onClick: handleClick, children: jsx(ConditionalWrapper, { condition: !isActive, wrapper: (label) => jsx("a", { children: label }), children: children }) }));
 };
 
-var css_248z$S = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n  animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n  animation-duration: 5000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  width: 24px;\n  height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}";
-var styles$S = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
-styleInject(css_248z$S);
-
-const LoadingIndicator = ({ ...rest }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$S.loadingIndicator);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsx("div", { className: getCssClasses(), ...rest, children: jsx(SpinnerSolidIcon, {}) }));
-};
-
-const LoadingIndicatorContainer = ({ children, isFixed }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$S.loadingIndicatorContainer);
-        isFixed && cssClasses.push(styles$S.isFixed);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsx("div", { className: getCssClasses(), children: children }));
-};
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var client = createCommonjsModule(function (module, exports) {
-
-
-if (process.env.NODE_ENV === 'production') {
-  exports.createRoot = reactDom.createRoot;
-  exports.hydrateRoot = reactDom.hydrateRoot;
-} else {
-  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  exports.createRoot = function(c, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return reactDom.createRoot(c, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-  exports.hydrateRoot = function(c, h, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return reactDom.hydrateRoot(c, h, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-}
-});
-var client_1 = client.createRoot;
-client.hydrateRoot;
-
-class LoadingIndicatorService {
-    show() {
-        if (this.container) {
-            this.hide();
-        }
-        this.container = document.createElement('div');
-        this.container.classList.add('snackbar-container');
-        document.body.appendChild(this.container);
-        this.root = client_1(this.container);
-        this.root.render(jsx(LoadingIndicatorContainer, { isFixed: true, children: jsx(LoadingIndicator, {}) }));
-    }
-    hide() {
-        if (this.container) {
-            this.root?.unmount();
-            document.body.removeChild(this.container);
-            this.container = undefined;
-            this.handler && clearTimeout(this.handler);
-        }
-    }
-}
-const loadingIndicatorService = new LoadingIndicatorService();
-
 var css_248z$R = ".Button-module_button__qeIer {\n  text-transform: uppercase;\n  flex-shrink: 0;\n  background-color: transparent;\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  user-select: none;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\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  min-width: 64px;\n  font-size: 0.875rem;\n  border-radius: var(--borderRadius);\n}\n.Button-module_button__qeIer.Button-module_shadow__6N2nE {\n  box-shadow: var(--shadow);\n}\n.Button-module_button__qeIer.Button-module_block__JIazf {\n  width: 100%;\n}\n.Button-module_button__qeIer:hover:not(:disabled) {\n  cursor: pointer;\n}\n.Button-module_button__qeIer:focus:not(:disabled) {\n  border-color: var(--primary-highlight);\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem var(--primary-highlight);\n}\n\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu:hover:not(:disabled) {\n  background-color: var(--primary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ:hover:not(:disabled) {\n  background-color: var(--accent-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  background-color: var(--secondary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy:hover:not(:disabled) {\n  background-color: var(--light-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT:hover:not(:disabled) {\n  background-color: var(--dark-dark);\n}\n.Button-module_btnContained__16y5l:disabled {\n  color: rgba(0, 0, 0, 0.26);\n  box-shadow: none;\n  background-color: rgba(0, 0, 0, 0.12);\n}\n.Button-module_btnContained__16y5l:disabled:hover {\n  cursor: not-allowed;\n}\n\n.Button-module_btnText__N5Gys {\n  box-shadow: none;\n  text-decoration: none;\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu {\n  color: var(--primary);\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--primary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk {\n  color: var(--secondary);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--secondary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ {\n  color: var(--accent);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--accent-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--light-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT {\n  color: var(--dark);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--dark-highlight);\n}\n\n.Button-module_btnOutline__CCFPI {\n  box-shadow: none;\n  text-decoration: none;\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu {\n  color: var(--primary);\n  border-color: var(--primary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu:hover:not(:disabled) {\n  background: var(--primary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk {\n  color: var(--secondary);\n  border-color: var(--secondary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  background: var(--secondary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ {\n  color: var(--accent);\n  border-color: var(--accent);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ:hover:not(:disabled) {\n  background: var(--accent-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n  border-color: var(--light);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy:hover:not(:disabled) {\n  background: var(--light-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT {\n  color: var(--dark);\n  border-color: var(--dark);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT:hover:not(:disabled) {\n  background: var(--dark-highlight);\n}\n.Button-module_btnOutline__CCFPI:disabled {\n  color: rgba(0, 0, 0, 0.26);\n  border: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.Button-module_startIcon__Eylwr {\n  display: inherit;\n  margin-left: -4px;\n  margin-right: 8px;\n}\n.Button-module_startIcon__Eylwr svg {\n  width: 18px;\n  height: 18px;\n}\n\n.Button-module_endIcon__pCffL {\n  display: inherit;\n  margin-left: 8px;\n}\n.Button-module_endIcon__pCffL svg {\n  width: 18px;\n  height: 18px;\n}";
 var styles$R = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","block":"Button-module_block__JIazf","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
 styleInject(css_248z$R);

package/index.js

@@ -280,55 +280,154 @@ const Icon = (props) => {
     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"};
+var css_248z$11 = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n  animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n  animation-duration: 5000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  width: 24px;\n  height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}";
+var styles$11 = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
 styleInject(css_248z$11);
 
+const LoadingIndicator = ({ ...rest }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$11.loadingIndicator);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(SpinnerSolidIcon, {}) }));
+};
+
+const LoadingIndicatorContainer = ({ children, isFixed }) => {
+    const getCssClasses = () => {
+        const cssClasses = [];
+        cssClasses.push(styles$11.loadingIndicatorContainer);
+        isFixed && cssClasses.push(styles$11.isFixed);
+        return cssClasses.filter(css => css).join(' ');
+    };
+    return (jsxRuntime.jsx("div", { className: getCssClasses(), children: children }));
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var client = createCommonjsModule(function (module, exports) {
+
+
+if (process.env.NODE_ENV === 'production') {
+  exports.createRoot = reactDom.createRoot;
+  exports.hydrateRoot = reactDom.hydrateRoot;
+} else {
+  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  exports.createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+  exports.hydrateRoot = function(c, h, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.hydrateRoot(c, h, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+});
+var client_1 = client.createRoot;
+client.hydrateRoot;
+
+class LoadingIndicatorService {
+    show() {
+        if (this.container) {
+            this.hide();
+        }
+        this.container = document.createElement('div');
+        this.container.classList.add('snackbar-container');
+        document.body.appendChild(this.container);
+        this.root = client_1(this.container);
+        this.root.render(jsxRuntime.jsx(LoadingIndicatorContainer, { isFixed: true, children: jsxRuntime.jsx(LoadingIndicator, {}) }));
+    }
+    hide() {
+        if (this.container) {
+            this.root?.unmount();
+            document.body.removeChild(this.container);
+            this.container = undefined;
+            this.handler && clearTimeout(this.handler);
+        }
+    }
+}
+const loadingIndicatorService = new LoadingIndicatorService();
+
+var css_248z$10 = ".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$10 = {"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$10);
+
 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 { children, icon, variant = exports.VARIANT.text, color = exports.COLOR.dark, size = exports.SIZE.md, isActive, disabled, loading, className, shadow, ...rest } = props;
+    const [isDisabled, setIsDisabled] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    React.useEffect(() => {
+        if (loading) {
+            setIsLoading(true);
+            setIsDisabled(true);
+        }
+        else {
+            setIsLoading(false);
+            if (disabled !== true) {
+                setIsDisabled(false);
+            }
+        }
+    }, [loading]);
+    React.useEffect(() => {
+        if (disabled !== undefined) {
+            setIsDisabled(disabled);
+        }
+    }, [disabled]);
     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);
+        cssClasses.push(styles$10[color]);
+        cssClasses.push(styles$10[variant]);
+        cssClasses.push(styles$10[size]);
+        cssClasses.push(styles$10.iconButton);
+        isActive && cssClasses.push(styles$10.active);
+        disabled && cssClasses.push(styles$10.disabled);
+        shadow && cssClasses.push(styles$10.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] }));
+    return (jsxRuntime.jsxs("button", { type: "button", className: getCssClasses(), disabled: isDisabled, ...rest, children: [isLoading && (jsxRuntime.jsx(LoadingIndicatorContainer, { children: jsxRuntime.jsx(LoadingIndicator, {}) })), !isLoading && (jsxRuntime.jsxs(jsxRuntime.Fragment, { 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}";
-var styles$10 = {"list":"List-module_list__gpZ41"};
-styleInject(css_248z$10);
+var css_248z$$ = ".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}";
+var styles$$ = {"list":"List-module_list__gpZ41"};
+styleInject(css_248z$$);
 
 const List = (props) => {
     const { children, className, isFlush, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        isFlush && cssClasses.push(styles$10.flush);
-        cssClasses.push(styles$10.list);
+        isFlush && cssClasses.push(styles$$.flush);
+        cssClasses.push(styles$$.list);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsxRuntime.jsx("ul", { className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$$ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
-var styles$$ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
-styleInject(css_248z$$);
+var css_248z$_ = ".ListItem-module_listItem__Pk1AP {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0.75rem 1.25rem;\n  min-width: 100%;\n  color: var(--bodyColor);\n  text-align: inherit;\n  transition: background 0.5s ease;\n}\n.ListItem-module_listItem__Pk1AP:hover, .ListItem-module_listItem__Pk1AP.ListItem-module_active__zm2q8 {\n  cursor: pointer;\n  z-index: 1;\n  text-decoration: none;\n  background-color: rgba(0, 0, 0, 0.04);\n  color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP + .ListItem-module_listItem__Pk1AP {\n  border-top-width: 0;\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_primary__F6Qja {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_accent__pg3Ha {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_secondary__d0drD {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_light__37kby {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_dark__ZxQTF {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl {\n  color: rgba(0, 0, 0, 0.26);\n}\n.ListItem-module_listItem__Pk1AP.ListItem-module_disabled__DQLKl:hover {\n  cursor: not-allowed;\n  background-color: inherit;\n}";
+var styles$_ = {"listItem":"ListItem-module_listItem__Pk1AP","active":"ListItem-module_active__zm2q8","primary":"ListItem-module_primary__F6Qja","accent":"ListItem-module_accent__pg3Ha","secondary":"ListItem-module_secondary__d0drD","light":"ListItem-module_light__37kby","dark":"ListItem-module_dark__ZxQTF","disabled":"ListItem-module_disabled__DQLKl"};
+styleInject(css_248z$_);
 
 const ListItem = (props) => {
     const { children, color, active, className, disabled, onClick, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$$.listItem);
-        color && cssClasses.push(styles$$[color]);
-        active && cssClasses.push(styles$$['active']);
-        disabled && cssClasses.push(styles$$['disabled']);
+        cssClasses.push(styles$_.listItem);
+        color && cssClasses.push(styles$_[color]);
+        active && cssClasses.push(styles$_['active']);
+        disabled && cssClasses.push(styles$_['disabled']);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -338,32 +437,32 @@ const ListItem = (props) => {
     return (jsxRuntime.jsx("li", { onClick: handleClick, className: getCssClasses(), ...rest, children: children }));
 };
 
-var css_248z$_ = ".ListItemAvatar-module_avatar__sVWfR {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n  width: 24px;\n  height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n  border-radius: 50%;\n}";
-var styles$_ = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
-styleInject(css_248z$_);
-
-const ListItemAvatar = ({ avatar, ...rest }) => (jsxRuntime.jsx("div", { className: styles$_.avatar, ...rest, children: avatar }));
-
-var css_248z$Z = ".ListItemIcon-module_icon__cCvEv {\n  margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n  width: 24px;\n  height: 24px;\n}";
-var styles$Z = {"icon":"ListItemIcon-module_icon__cCvEv"};
+var css_248z$Z = ".ListItemAvatar-module_avatar__sVWfR {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n.ListItemAvatar-module_avatar__sVWfR svg, .ListItemAvatar-module_avatar__sVWfR img {\n  width: 24px;\n  height: 24px;\n}\n.ListItemAvatar-module_avatar__sVWfR img {\n  border-radius: 50%;\n}";
+var styles$Z = {"avatar":"ListItemAvatar-module_avatar__sVWfR"};
 styleInject(css_248z$Z);
 
-const ListItemIcon = ({ icon, ...rest }) => (jsxRuntime.jsx("div", { className: styles$Z.icon, ...rest, children: icon }));
+const ListItemAvatar = ({ avatar, ...rest }) => (jsxRuntime.jsx("div", { className: styles$Z.avatar, ...rest, children: avatar }));
 
-var css_248z$Y = ".ListItemAction-module_listItemAction__gAQRj {\n  display: flex;\n  justify-content: center;\n  min-width: 40px;\n}\n.ListItemAction-module_listItemAction__gAQRj svg {\n  width: 20px;\n  height: 20px;\n}";
-var styles$Y = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
+var css_248z$Y = ".ListItemIcon-module_icon__cCvEv {\n  margin-right: 32px;\n}\n.ListItemIcon-module_icon__cCvEv svg {\n  width: 24px;\n  height: 24px;\n}";
+var styles$Y = {"icon":"ListItemIcon-module_icon__cCvEv"};
 styleInject(css_248z$Y);
 
-const ListItemAction = ({ children, onClick, ...rest }) => (jsxRuntime.jsx("div", { className: styles$Y.listItemAction, onClick: (e) => onClick && onClick(e), ...rest, children: children }));
+const ListItemIcon = ({ icon, ...rest }) => (jsxRuntime.jsx("div", { className: styles$Y.icon, ...rest, children: icon }));
 
-var css_248z$X = ".ListItemTextIcon-module_listItemText__xCBLW {\n  flex: 1;\n}";
-var styles$X = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
+var css_248z$X = ".ListItemAction-module_listItemAction__gAQRj {\n  display: flex;\n  justify-content: center;\n  min-width: 40px;\n}\n.ListItemAction-module_listItemAction__gAQRj svg {\n  width: 20px;\n  height: 20px;\n}";
+var styles$X = {"listItemAction":"ListItemAction-module_listItemAction__gAQRj"};
 styleInject(css_248z$X);
 
+const ListItemAction = ({ children, onClick, ...rest }) => (jsxRuntime.jsx("div", { className: styles$X.listItemAction, onClick: (e) => onClick && onClick(e), ...rest, children: children }));
+
+var css_248z$W = ".ListItemTextIcon-module_listItemText__xCBLW {\n  flex: 1;\n}";
+var styles$W = {"listItemText":"ListItemTextIcon-module_listItemText__xCBLW"};
+styleInject(css_248z$W);
+
 const ListItemText = ({ primary, secondary, ...rest }) => {
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$X.listItemText);
+        cssClasses.push(styles$W.listItemText);
         return cssClasses.filter(css => css).join(' ');
     };
     return (jsxRuntime.jsxs("div", { className: getCssClasses(), ...rest, children: [jsxRuntime.jsx(ListItemTextPrimary, { children: primary }), secondary &&
@@ -372,9 +471,9 @@ const ListItemText = ({ primary, secondary, ...rest }) => {
 const ListItemTextPrimary = ({ children }) => (jsxRuntime.jsx("div", { className: "list-item-text-primary", children: children }));
 const ListItemTextSecondary = ({ children }) => (jsxRuntime.jsx("div", { className: "list-item-text-secondary text-muted", style: { fontSize: '0.875rem' }, children: children }));
 
-var css_248z$W = ".AutoComplete-module_selectContainer__1kA85 {\n  position: relative;\n}\n\n.AutoComplete-module_select__NNYOi {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n}\n.AutoComplete-module_select__NNYOi:hover {\n  cursor: pointer;\n}\n.AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n  color: #212529;\n  background-color: #fff;\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}\n.AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n  background-color: #e9ecef;\n}\n.AutoComplete-module_select__NNYOi:disabled:hover {\n  cursor: not-allowed;\n}\n.AutoComplete-module_select__NNYOi:read-only:hover {\n  cursor: inherit;\n}\n\n.AutoComplete-module_selectMenu__Gu81L {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 38px;\n  z-index: 1050;\n  max-height: 280px;\n  overflow: auto;\n}";
-var styles$W = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
-styleInject(css_248z$W);
+var css_248z$V = ".AutoComplete-module_selectContainer__1kA85 {\n  position: relative;\n}\n\n.AutoComplete-module_select__NNYOi {\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  appearance: none;\n  border-radius: 0.25rem;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  min-height: calc(1.5em + 0.75rem + 2px);\n  height: auto;\n  display: flex;\n}\n.AutoComplete-module_select__NNYOi:hover {\n  cursor: pointer;\n}\n.AutoComplete-module_select__NNYOi:focus:not(.AutoComplete-module_select__NNYOi.AutoComplete-module_disabled__CbGP4) {\n  color: #212529;\n  background-color: #fff;\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}\n.AutoComplete-module_select__NNYOi:disabled, .AutoComplete-module_select__NNYOi:read-only {\n  background-color: #e9ecef;\n}\n.AutoComplete-module_select__NNYOi:disabled:hover {\n  cursor: not-allowed;\n}\n.AutoComplete-module_select__NNYOi:read-only:hover {\n  cursor: inherit;\n}\n\n.AutoComplete-module_selectMenu__Gu81L {\n  background-color: var(--light);\n  position: absolute;\n  box-shadow: var(--shadow);\n  border-radius: var(--borderRadius);\n  width: 100%;\n  top: 38px;\n  z-index: 1050;\n  max-height: 280px;\n  overflow: auto;\n}";
+var styles$V = {"selectContainer":"AutoComplete-module_selectContainer__1kA85","select":"AutoComplete-module_select__NNYOi","disabled":"AutoComplete-module_disabled__CbGP4","selectMenu":"AutoComplete-module_selectMenu__Gu81L"};
+styleInject(css_248z$V);
 
 // preset value
 // enter -> delay? -> show results
@@ -422,7 +521,7 @@ const AutoComplete = (props) => {
     const getCssClass = () => {
         const cssClasses = [];
         className && cssClasses.push(className);
-        cssClasses.push(styles$W.select);
+        cssClasses.push(styles$V.select);
         return cssClasses.filter(r => r).join(' ');
     };
     const show = () => setIsShow(true);
@@ -446,34 +545,34 @@ 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 &&
+    return (jsxRuntime.jsxs("div", { ref: selectConainter, className: styles$V.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$V.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}";
-var styles$V = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
-styleInject(css_248z$V);
+var css_248z$U = ".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}";
+var styles$U = {"badgeContainer":"Badge-module_badgeContainer__3nZBs","badge":"Badge-module_badge__9ImR0","primary":"Badge-module_primary__41U-t","accent":"Badge-module_accent__OQy2-","secondary":"Badge-module_secondary__a9Jfh","light":"Badge-module_light__4QvQ5","dark":"Badge-module_dark__g1yUJ"};
+styleInject(css_248z$U);
 
 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$U.badge, styles$U[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$U.badgeContainer, className]);
     return (jsxRuntime.jsx("div", { className: cssClassName, ...rest, children: children }));
 };
 
-var css_248z$U = ".Breadcrumb-module_breadcrumb__-pvAn {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  list-style: none;\n  margin: 0;\n}";
-var styles$U = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
-styleInject(css_248z$U);
+var css_248z$T = ".Breadcrumb-module_breadcrumb__-pvAn {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  list-style: none;\n  margin: 0;\n}";
+var styles$T = {"breadcrumb":"Breadcrumb-module_breadcrumb__-pvAn"};
+styleInject(css_248z$T);
 
 const Breadcrumb = (props) => {
     const { children, className, ...rest } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$U.breadcrumb);
+        cssClasses.push(styles$T.breadcrumb);
         className && cssClasses.push(className);
         return cssClasses.filter(css => css).join(' ');
     };
@@ -482,15 +581,15 @@ const Breadcrumb = (props) => {
 
 const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
 
-var css_248z$T = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  display: flex;\n  align-items: center;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  padding-left: 0.5rem;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n  float: left;\n  padding-right: 0.5rem;\n  color: #6c757d;\n  content: \"/\";\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n  color: var(--primary);\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n  cursor: pointer;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n  cursor: unset;\n}";
-var styles$T = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
-styleInject(css_248z$T);
+var css_248z$S = ".BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  display: flex;\n  align-items: center;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq- {\n  padding-left: 0.5rem;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- + .BreadcrumbItem-module_breadcrumbItem__zsUq-::before {\n  float: left;\n  padding-right: 0.5rem;\n  color: #6c757d;\n  content: \"/\";\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq- a:not([href]):not([class]) {\n  color: var(--primary);\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-:hover {\n  cursor: pointer;\n}\n.BreadcrumbItem-module_breadcrumbItem__zsUq-.BreadcrumbItem-module_active__Kn1dA:hover {\n  cursor: unset;\n}";
+var styles$S = {"breadcrumbItem":"BreadcrumbItem-module_breadcrumbItem__zsUq-","active":"BreadcrumbItem-module_active__Kn1dA"};
+styleInject(css_248z$S);
 
 const BreadcrumbItem = (props) => {
     const { children, className, isActive, onClick } = props;
     const getCssClasses = () => {
         const cssClasses = [];
-        cssClasses.push(styles$T.breadcrumbItem);
+        cssClasses.push(styles$S.breadcrumbItem);
         className && cssClasses.push(className);
         isActive && cssClasses.push('active');
         return cssClasses.filter(css => css).join(' ');
@@ -501,86 +600,6 @@ const BreadcrumbItem = (props) => {
     return (jsxRuntime.jsx("li", { className: getCssClasses(), onClick: handleClick, children: jsxRuntime.jsx(ConditionalWrapper, { condition: !isActive, wrapper: (label) => jsxRuntime.jsx("a", { children: label }), children: children }) }));
 };
 
-var css_248z$S = ".LoadingIndicator-module_loadingIndicatorContainer__GS9OG {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n}\n.LoadingIndicator-module_loadingIndicatorContainer__GS9OG.LoadingIndicator-module_isFixed__WCFNG {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.LoadingIndicator-module_loadingIndicator__EC9sx {\n  animation-name: LoadingIndicator-module_spinAnimation__LeY4Z;\n  animation-duration: 5000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  width: 24px;\n  height: 24px;\n}\n\n@keyframes LoadingIndicator-module_spinAnimation__LeY4Z {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}";
-var styles$S = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__GS9OG","isFixed":"LoadingIndicator-module_isFixed__WCFNG","loadingIndicator":"LoadingIndicator-module_loadingIndicator__EC9sx","spinAnimation":"LoadingIndicator-module_spinAnimation__LeY4Z"};
-styleInject(css_248z$S);
-
-const LoadingIndicator = ({ ...rest }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$S.loadingIndicator);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), ...rest, children: jsxRuntime.jsx(SpinnerSolidIcon, {}) }));
-};
-
-const LoadingIndicatorContainer = ({ children, isFixed }) => {
-    const getCssClasses = () => {
-        const cssClasses = [];
-        cssClasses.push(styles$S.loadingIndicatorContainer);
-        isFixed && cssClasses.push(styles$S.isFixed);
-        return cssClasses.filter(css => css).join(' ');
-    };
-    return (jsxRuntime.jsx("div", { className: getCssClasses(), children: children }));
-};
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var client = createCommonjsModule(function (module, exports) {
-
-
-if (process.env.NODE_ENV === 'production') {
-  exports.createRoot = reactDom.createRoot;
-  exports.hydrateRoot = reactDom.hydrateRoot;
-} else {
-  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  exports.createRoot = function(c, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return reactDom.createRoot(c, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-  exports.hydrateRoot = function(c, h, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return reactDom.hydrateRoot(c, h, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
-}
-});
-var client_1 = client.createRoot;
-client.hydrateRoot;
-
-class LoadingIndicatorService {
-    show() {
-        if (this.container) {
-            this.hide();
-        }
-        this.container = document.createElement('div');
-        this.container.classList.add('snackbar-container');
-        document.body.appendChild(this.container);
-        this.root = client_1(this.container);
-        this.root.render(jsxRuntime.jsx(LoadingIndicatorContainer, { isFixed: true, children: jsxRuntime.jsx(LoadingIndicator, {}) }));
-    }
-    hide() {
-        if (this.container) {
-            this.root?.unmount();
-            document.body.removeChild(this.container);
-            this.container = undefined;
-            this.handler && clearTimeout(this.handler);
-        }
-    }
-}
-const loadingIndicatorService = new LoadingIndicatorService();
-
 var css_248z$R = ".Button-module_button__qeIer {\n  text-transform: uppercase;\n  flex-shrink: 0;\n  background-color: transparent;\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  user-select: none;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\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  min-width: 64px;\n  font-size: 0.875rem;\n  border-radius: var(--borderRadius);\n}\n.Button-module_button__qeIer.Button-module_shadow__6N2nE {\n  box-shadow: var(--shadow);\n}\n.Button-module_button__qeIer.Button-module_block__JIazf {\n  width: 100%;\n}\n.Button-module_button__qeIer:hover:not(:disabled) {\n  cursor: pointer;\n}\n.Button-module_button__qeIer:focus:not(:disabled) {\n  border-color: var(--primary-highlight);\n  outline: 0;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0745098039), 0 0 0 0.25rem var(--primary-highlight);\n}\n\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu {\n  color: var(--primary-contrast-text);\n  background-color: var(--primary);\n}\n.Button-module_btnContained__16y5l.Button-module_primary__EUyOu:hover:not(:disabled) {\n  background-color: var(--primary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ {\n  color: var(--accent-contrast-text);\n  background-color: var(--accent);\n}\n.Button-module_btnContained__16y5l.Button-module_accent__opVgQ:hover:not(:disabled) {\n  background-color: var(--accent-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk {\n  color: var(--secondary-contrast-text);\n  background-color: var(--secondary);\n}\n.Button-module_btnContained__16y5l.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  background-color: var(--secondary-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n  background-color: var(--light);\n}\n.Button-module_btnContained__16y5l.Button-module_light__LXeZy:hover:not(:disabled) {\n  background-color: var(--light-dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT {\n  color: var(--dark-contrast-text);\n  background-color: var(--dark);\n}\n.Button-module_btnContained__16y5l.Button-module_dark__5oFOT:hover:not(:disabled) {\n  background-color: var(--dark-dark);\n}\n.Button-module_btnContained__16y5l:disabled {\n  color: rgba(0, 0, 0, 0.26);\n  box-shadow: none;\n  background-color: rgba(0, 0, 0, 0.12);\n}\n.Button-module_btnContained__16y5l:disabled:hover {\n  cursor: not-allowed;\n}\n\n.Button-module_btnText__N5Gys {\n  box-shadow: none;\n  text-decoration: none;\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu {\n  color: var(--primary);\n}\n.Button-module_btnText__N5Gys.Button-module_primary__EUyOu:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--primary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk {\n  color: var(--secondary);\n}\n.Button-module_btnText__N5Gys.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--secondary-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ {\n  color: var(--accent);\n}\n.Button-module_btnText__N5Gys.Button-module_accent__opVgQ:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--accent-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n}\n.Button-module_btnText__N5Gys.Button-module_light__LXeZy:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--light-highlight);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT {\n  color: var(--dark);\n}\n.Button-module_btnText__N5Gys.Button-module_dark__5oFOT:hover:not(:disabled) {\n  text-decoration: none;\n  background: var(--dark-highlight);\n}\n\n.Button-module_btnOutline__CCFPI {\n  box-shadow: none;\n  text-decoration: none;\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu {\n  color: var(--primary);\n  border-color: var(--primary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_primary__EUyOu:hover:not(:disabled) {\n  background: var(--primary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk {\n  color: var(--secondary);\n  border-color: var(--secondary);\n}\n.Button-module_btnOutline__CCFPI.Button-module_secondary__zKoGk:hover:not(:disabled) {\n  background: var(--secondary-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ {\n  color: var(--accent);\n  border-color: var(--accent);\n}\n.Button-module_btnOutline__CCFPI.Button-module_accent__opVgQ:hover:not(:disabled) {\n  background: var(--accent-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy {\n  color: var(--light-contrast-text);\n  border-color: var(--light);\n}\n.Button-module_btnOutline__CCFPI.Button-module_light__LXeZy:hover:not(:disabled) {\n  background: var(--light-highlight);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT {\n  color: var(--dark);\n  border-color: var(--dark);\n}\n.Button-module_btnOutline__CCFPI.Button-module_dark__5oFOT:hover:not(:disabled) {\n  background: var(--dark-highlight);\n}\n.Button-module_btnOutline__CCFPI:disabled {\n  color: rgba(0, 0, 0, 0.26);\n  border: 1px solid rgba(0, 0, 0, 0.12);\n}\n\n.Button-module_startIcon__Eylwr {\n  display: inherit;\n  margin-left: -4px;\n  margin-right: 8px;\n}\n.Button-module_startIcon__Eylwr svg {\n  width: 18px;\n  height: 18px;\n}\n\n.Button-module_endIcon__pCffL {\n  display: inherit;\n  margin-left: 8px;\n}\n.Button-module_endIcon__pCffL svg {\n  width: 18px;\n  height: 18px;\n}";
 var styles$R = {"button":"Button-module_button__qeIer","shadow":"Button-module_shadow__6N2nE","block":"Button-module_block__JIazf","btnContained":"Button-module_btnContained__16y5l","primary":"Button-module_primary__EUyOu","accent":"Button-module_accent__opVgQ","secondary":"Button-module_secondary__zKoGk","light":"Button-module_light__LXeZy","dark":"Button-module_dark__5oFOT","btnText":"Button-module_btnText__N5Gys","btnOutline":"Button-module_btnOutline__CCFPI","startIcon":"Button-module_startIcon__Eylwr","endIcon":"Button-module_endIcon__pCffL"};
 styleInject(css_248z$R);

package/lib/components/IconButton/IconButton.d.ts

@@ -7,5 +7,6 @@ export interface IIconButtonProps extends React.ComponentProps<'button'> {
     isActive?: boolean;
     variant?: VARIANT;
     shadow?: boolean;
+    loading?: boolean;
 }
 export declare const IconButton: (props: IIconButtonProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react-asc",
-	"version": "25.8.0",
+	"version": "25.8.1",
 	"description": "handcrafted react components",
 	"main": "index.js",
 	"module": "index.es.js",