@unifiedsoftware/react-ui 1.0.7 → 1.0.9

package/dist/index.js

@@ -59,48 +59,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  AppBreadCrumb: () => AppBreadCrumb,
-  AppBreadCrumbNav: () => AppBreadCrumbNav,
-  AppLoader: () => AppLoader,
   Badge: () => Badge_default,
-  BreadCrumbContext: () => BreadCrumbContext,
-  BreadCrumbContextProvider: () => BreadCrumbContextProvider,
-  BreadCrumbTitle: () => BreadCrumbTitle,
-  Breadcrumb: () => Breadcrumb,
   Button: () => Button,
   Chip: () => Chip_default,
-  CloseIcon: () => CloseIcon,
   Collapse: () => Collapse_default,
   CollapseContent: () => CollapseContent_default,
   CollapseContext: () => CollapseContext_default,
   CollapseTrigger: () => CollapseTrigger_default,
-  DrawerContext: () => DrawerContext,
-  DrawerContextProvider: () => DrawerContextProvider,
-  DropEnumList: () => DropEnumList,
-  GlobalProvider: () => GlobalProvider,
-  HistoryContext: () => HistoryContext,
-  HistoryContextProvider: () => HistoryContextProvider,
-  ItemLinkSidebar: () => ItemLinkSidebar,
-  ItemSidebar: () => ItemSidebar,
-  LoaderGrid: () => LoaderGrid,
-  Main: () => Main,
+  Icon: () => Icon_default,
   Menu: () => Menu_default,
   MenuContext: () => MenuContext_default,
   MenuGroup: () => MenuGroup_default,
   MenuItem: () => MenuItem_default,
-  MenuItems: () => MenuItem2,
-  MenuOptions: () => MenuOptions,
   MenuSubmenu: () => MenuSubmenu_default,
-  MenuTitle: () => MenuTitle,
   MenuValueContext: () => MenuValueContext_default,
-  NavOptions: () => NavOptions,
-  Navbar: () => Navbar,
-  SidebarMainContext: () => SidebarMainContext,
-  SidebarMainContextProvider: () => SidebarMainContextProvider,
-  SidebarNavigation: () => SidebarNavigation,
   Tab: () => Tab,
   Tabs: () => Tabs,
-  Title: () => Title,
   getOpenValuesByPathname: () => getOpenValuesByPathname,
   useCollapse: () => useCollapse,
   useLocalStorage: () => useLocalStorage,
@@ -137,15 +111,91 @@ var Badge_default = Badge;
 
 // src/components/Button/Button.tsx
 var import_clsx3 = __toESM(require("clsx"));
+var import_react5 = require("react");
+
+// src/icons/ChevronDownIcon.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ChevronDownIcon = (0, import_react.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      stroke: "currentColor",
+      fill: "currentColor",
+      "stroke-width": "0",
+      viewBox: "0 0 24 24",
+      height: "1em",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "none", d: "M0 0h24v24H0V0z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" })
+      ]
+    })
+  );
+});
+var ChevronDownIcon_default = ChevronDownIcon;
+
+// src/icons/ChevronUpIcon.tsx
 var import_react2 = require("react");
-var import_tb = require("react-icons/tb");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChevronUpIcon = (0, import_react2.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      stroke: "currentColor",
+      fill: "currentColor",
+      "stroke-width": "0",
+      viewBox: "0 0 24 24",
+      height: "1em",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" })
+      ]
+    })
+  );
+});
+var ChevronUpIcon_default = ChevronUpIcon;
+
+// src/icons/LoaderIcon.tsx
+var import_react3 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var LoaderIcon = (0, import_react3.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      height: "1em",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 3a9 9 0 1 0 9 9" })
+      ]
+    })
+  );
+});
+var LoaderIcon_default = LoaderIcon;
 
 // src/components/Icon/Icon.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var import_react = require("react");
-var Icon = (0, import_react.forwardRef)(({ children, size }, ref) => {
-  const child = import_react.Children.only(children);
-  return (0, import_react.cloneElement)(child, __spreadProps(__spreadValues({
+var import_react4 = require("react");
+var Icon = (0, import_react4.forwardRef)(({ children, size }, ref) => {
+  const child = import_react4.Children.only(children);
+  return (0, import_react4.cloneElement)(child, __spreadProps(__spreadValues({
     ref
   }, child.props), {
     className: (0, import_clsx2.default)(`${PREFIX_CLS}icon`, { [`${PREFIX_CLS}font-size-${size}`]: size }, child.props.className)
@@ -154,8 +204,8 @@ var Icon = (0, import_react.forwardRef)(({ children, size }, ref) => {
 var Icon_default = Icon;
 
 // src/components/Button/Button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Button = (0, import_react2.forwardRef)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Button = (0, import_react5.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       as: Component = "button",
@@ -168,7 +218,8 @@ var Button = (0, import_react2.forwardRef)(
       iconOnly,
       startContent,
       endContent,
-      loading
+      loading,
+      disabled
     } = _b, rest = __objRest(_b, [
       "as",
       "children",
@@ -180,9 +231,10 @@ var Button = (0, import_react2.forwardRef)(
       "iconOnly",
       "startContent",
       "endContent",
-      "loading"
+      "loading",
+      "disabled"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref,
@@ -192,17 +244,19 @@ var Button = (0, import_react2.forwardRef)(
             [`${PREFIX_CLS}button--${variant}`]: variant,
             [`${PREFIX_CLS}button--${color}`]: color,
             [`${PREFIX_CLS}button--${size}`]: size,
-            [`${PREFIX_CLS}button--icon-only`]: iconOnly
+            [`${PREFIX_CLS}button--icon-only`]: iconOnly,
+            [`${PREFIX_CLS}button--disabled`]: disabled
           },
           className
         ),
-        role
+        role,
+        disabled
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${PREFIX_CLS}overlay` }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${PREFIX_CLS}outline` }),
-          loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_tb.TbLoader2, { className: `${PREFIX_CLS}animation-spin` }) }) : startContent,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${PREFIX_CLS}button__content`, children }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}overlay` }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}outline` }),
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoaderIcon_default, { className: `${PREFIX_CLS}animation-spin` }) }) : startContent,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}button__content`, children }),
           endContent
         ]
       })
@@ -212,12 +266,12 @@ var Button = (0, import_react2.forwardRef)(
 
 // src/components/Chip/Chip.tsx
 var import_clsx4 = __toESM(require("clsx"));
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Chip = (0, import_react3.forwardRef)(
+var import_react6 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Chip = (0, import_react6.forwardRef)(
   (_a, ref) => {
     var _b = _a, { as: Component = "div", children, className, variant, color, size } = _b, rest = __objRest(_b, ["as", "children", "className", "variant", "color", "size"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref,
@@ -232,8 +286,8 @@ var Chip = (0, import_react3.forwardRef)(
         )
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_clsx4.default)(`${PREFIX_CLS}overlay`) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${PREFIX_CLS}outline` }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_clsx4.default)(`${PREFIX_CLS}overlay`) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}outline` }),
           children
         ]
       })
@@ -243,13 +297,13 @@ var Chip = (0, import_react3.forwardRef)(
 var Chip_default = Chip;
 
 // src/components/Collapse/Collapse.tsx
-var import_react5 = require("react");
+var import_react8 = require("react");
 
 // src/components/Collapse/CollapseContext.tsx
-var import_react4 = require("react");
-var CollapseContext = (0, import_react4.createContext)(null);
+var import_react7 = require("react");
+var CollapseContext = (0, import_react7.createContext)(null);
 var useCollapse = () => {
-  const context = (0, import_react4.useContext)(CollapseContext);
+  const context = (0, import_react7.useContext)(CollapseContext);
   if (!context) {
     throw new Error("`useCollapse` must be used within a `<Collapse />`");
   }
@@ -258,12 +312,12 @@ var useCollapse = () => {
 var CollapseContext_default = CollapseContext;
 
 // src/components/Collapse/Collapse.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
-  const collapseRef = (0, import_react5.useRef)(null);
-  const [selfIsOpen, setSelfIsOpen] = (0, import_react5.useState)(isOpen != null ? isOpen : false);
-  const [heightAuto, setHeightAuto] = (0, import_react5.useState)(false);
-  const [trigger, content] = import_react5.Children.toArray(children);
+  const collapseRef = (0, import_react8.useRef)(null);
+  const [selfIsOpen, setSelfIsOpen] = (0, import_react8.useState)(isOpen != null ? isOpen : false);
+  const [heightAuto, setHeightAuto] = (0, import_react8.useState)(false);
+  const [trigger, content] = import_react8.Children.toArray(children);
   const handleOpen = () => {
     setSelfIsOpen(true);
     onOpen == null ? void 0 : onOpen();
@@ -276,7 +330,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
     setSelfIsOpen((prevState) => !prevState);
     onToggle == null ? void 0 : onToggle();
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isOpen !== void 0) {
       setSelfIsOpen(isOpen);
     }
@@ -288,7 +342,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
       }
     }, 100);
   }, [isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     CollapseContext_default.Provider,
     {
       value: {
@@ -310,12 +364,12 @@ var Collapse_default = Collapse;
 
 // src/components/Collapse/CollapseContent.tsx
 var import_clsx5 = __toESM(require("clsx"));
-var import_react6 = require("react");
-var CollapseContent = (0, import_react6.forwardRef)(({ children }, ref) => {
+var import_react9 = require("react");
+var CollapseContent = (0, import_react9.forwardRef)(({ children }, ref) => {
   var _a, _b;
   const { collapseRef, isOpen, heightAuto } = useCollapse();
-  const child = import_react6.Children.only(children);
-  return (0, import_react6.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), {
+  const child = import_react9.Children.only(children);
+  return (0, import_react9.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), {
     ref: (node) => {
       collapseRef.current = node;
       if (ref !== null) {
@@ -331,11 +385,11 @@ var CollapseContent = (0, import_react6.forwardRef)(({ children }, ref) => {
 var CollapseContent_default = CollapseContent;
 
 // src/components/Collapse/CollapseTrigger.tsx
-var import_react7 = require("react");
-var CollapseTrigger = (0, import_react7.forwardRef)(({ children }, ref) => {
+var import_react10 = require("react");
+var CollapseTrigger = (0, import_react10.forwardRef)(({ children }, ref) => {
   const { collapseRef, onToggle } = useCollapse();
-  const child = import_react7.Children.only(children);
-  return (0, import_react7.cloneElement)(child, __spreadValues({
+  const child = import_react10.Children.only(children);
+  return (0, import_react10.cloneElement)(child, __spreadValues({
     ref,
     onClick: (event) => {
       var _a, _b;
@@ -351,13 +405,13 @@ var CollapseTrigger_default = CollapseTrigger;
 
 // src/components/Menu/Menu.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_react13 = require("react");
+var import_react16 = require("react");
 
 // src/components/Menu/MenuContext.tsx
-var import_react8 = require("react");
-var MenuContext = (0, import_react8.createContext)(null);
+var import_react11 = require("react");
+var MenuContext = (0, import_react11.createContext)(null);
 var useMenu = () => {
-  const context = (0, import_react8.useContext)(MenuContext);
+  const context = (0, import_react11.useContext)(MenuContext);
   if (!context) {
     throw new Error("`useMenu` must be used within a `<Menu />`");
   }
@@ -367,17 +421,17 @@ var MenuContext_default = MenuContext;
 
 // src/components/Menu/MenuGroup.tsx
 var import_clsx8 = __toESM(require("clsx"));
-var import_react12 = require("react");
+var import_react15 = require("react");
 
 // src/components/Menu/MenuItem.tsx
 var import_clsx6 = __toESM(require("clsx"));
-var import_react10 = require("react");
+var import_react13 = require("react");
 
 // src/components/Menu/MenuValueContext.tsx
-var import_react9 = require("react");
-var MenuValueContext = (0, import_react9.createContext)([]);
+var import_react12 = require("react");
+var MenuValueContext = (0, import_react12.createContext)([]);
 var useMenuItemValue = () => {
-  const context = (0, import_react9.useContext)(MenuValueContext);
+  const context = (0, import_react12.useContext)(MenuValueContext);
   if (!context) {
     throw new Error("`useMenuValue` must be used within a `<MenuValueContext.Provider />`");
   }
@@ -386,11 +440,11 @@ var useMenuItemValue = () => {
 var MenuValueContext_default = MenuValueContext;
 
 // src/components/Menu/MenuItem.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var MenuItem = (0, import_react10.forwardRef)((props, ref) => {
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var MenuItem = (0, import_react13.forwardRef)((props, ref) => {
   const _a = props, { as: Component = "div", className, style, value, title, icon, level = 1, disabled, onClick } = _a, rest = __objRest(_a, ["as", "className", "style", "value", "title", "icon", "level", "disabled", "onClick"]);
   const { value: menuValue, originalValue, openMode, onChange, onOpen, onItemSelect } = useMenu();
-  const values = (0, import_react10.useContext)(MenuValueContext_default);
+  const values = (0, import_react13.useContext)(MenuValueContext_default);
   const mergedValues = [...values, value];
   const handleClick = (event) => {
     if (value !== void 0) {
@@ -399,13 +453,13 @@ var MenuItem = (0, import_react10.forwardRef)((props, ref) => {
     onClick == null ? void 0 : onClick(event);
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
       onOpen(values);
       onChange(mergedValues);
     }
   }, [value, originalValue, openMode]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     Component,
     __spreadProps(__spreadValues({
       ref,
@@ -423,9 +477,9 @@ var MenuItem = (0, import_react10.forwardRef)((props, ref) => {
       onClick: handleClick
     }, rest), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
       ]
     })
   );
@@ -435,8 +489,7 @@ var MenuItem_default = MenuItem;
 
 // src/components/Menu/MenuSubmenu.tsx
 var import_clsx7 = __toESM(require("clsx"));
-var import_react11 = require("react");
-var import_md = require("react-icons/md");
+var import_react14 = require("react");
 
 // src/components/Menu/utils.ts
 var getOpenValuesByPathname = (pathname) => {
@@ -462,7 +515,7 @@ var addOrRemoveValueInArray = (array, value) => {
 };
 
 // src/components/Menu/MenuSubmenu.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var MenuSubmenu = (_a) => {
   var _b = _a, {
     children,
@@ -486,13 +539,13 @@ var MenuSubmenu = (_a) => {
     "onClick"
   ]);
   const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
-  const values = (0, import_react11.useContext)(MenuValueContext_default);
+  const values = (0, import_react14.useContext)(MenuValueContext_default);
   const isOpen = openValues.includes(value);
   const mergedValues = [...values, value];
-  const content = (0, import_react11.useMemo)(() => {
+  const content = (0, import_react14.useMemo)(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuSubmenu, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuGroup_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuSubmenu, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuGroup_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index);
     });
   }, [items]);
   const handleClick = (event) => {
@@ -510,8 +563,8 @@ var MenuSubmenu = (_a) => {
     }
     onClick == null ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_clsx7.default)(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Collapse_default, { isOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx7.default)(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Collapse_default, { isOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CollapseTrigger_default, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx7.default)(
@@ -527,14 +580,14 @@ var MenuSubmenu = (_a) => {
         onClick: handleClick
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_md.MdKeyboardArrowUp, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_md.MdKeyboardArrowDown, { className: `${PREFIX_CLS}icon` }) })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}menu-item__icon`, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronUpIcon_default, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChevronDownIcon_default, { className: `${PREFIX_CLS}icon` }) })
         ]
       })
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CollapseContent_default, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "ul",
       {
         className: (0, import_clsx7.default)(`${PREFIX_CLS}menu`, {
@@ -548,7 +601,7 @@ var MenuSubmenu = (_a) => {
 var MenuSubmenu_default = MenuSubmenu;
 
 // src/components/Menu/MenuGroup.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var MenuGroup = (_a) => {
   var _b = _a, {
     children,
@@ -567,14 +620,14 @@ var MenuGroup = (_a) => {
     "level",
     "items"
   ]);
-  const content = (0, import_react12.useMemo)(() => {
+  const content = (0, import_react15.useMemo)(() => {
     return items == null ? void 0 : items.map((_a2, index) => {
       var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MenuItem_default, __spreadValues({}, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuItem_default, __spreadValues({}, item), index);
     });
   }, [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx8.default)(`${PREFIX_CLS}menu-group`, className),
@@ -583,8 +636,8 @@ var MenuGroup = (_a) => {
         }, style)
       }, rest), {
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `${PREFIX_CLS}menu-group__icon`, children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `${PREFIX_CLS}menu-group__content`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `${PREFIX_CLS}menu-group__title`, children: title }) })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${PREFIX_CLS}menu-group__icon`, children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${PREFIX_CLS}menu-group__content`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: `${PREFIX_CLS}menu-group__title`, children: title }) })
         ]
       })
     ),
@@ -594,7 +647,7 @@ var MenuGroup = (_a) => {
 var MenuGroup_default = MenuGroup;
 
 // src/components/Menu/Menu.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Menu = (_a) => {
   var _b = _a, {
     children,
@@ -620,12 +673,12 @@ var Menu = (_a) => {
     "onItemSelect"
   ]);
   var _a2;
-  const [selfValue, setSelfValue] = (0, import_react13.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
-  const [selfOpenValues, setSelfOpenValues] = (0, import_react13.useState)(openValuesProp != null ? openValuesProp : []);
-  const content = (0, import_react13.useMemo)(() => {
+  const [selfValue, setSelfValue] = (0, import_react16.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
+  const [selfOpenValues, setSelfOpenValues] = (0, import_react16.useState)(openValuesProp != null ? openValuesProp : []);
+  const content = (0, import_react16.useMemo)(() => {
     return items == null ? void 0 : items.map((_a3, index) => {
       var _b2 = _a3, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuGroup_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MenuItem_default, __spreadValues({}, item), index);
+      return type === "item" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuSubmenu_default, __spreadValues({}, item), index) : type === "group" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuGroup_default, __spreadValues({}, item), index) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MenuItem_default, __spreadValues({}, item), index);
     });
   }, [items]);
   const handleChange = (value) => {
@@ -645,17 +698,17 @@ var Menu = (_a) => {
   const handleItemSelect = (props) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (valueProp !== void 0 && openMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (openValuesProp !== void 0) {
       setSelfOpenValues(openValuesProp);
     }
   }, [openValuesProp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     MenuContext_default.Provider,
     {
       value: {
@@ -668,7 +721,7 @@ var Menu = (_a) => {
         onChange: handleChange,
         onItemSelect: handleItemSelect
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx9.default)(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx9.default)(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
     }
   );
 };
@@ -678,14 +731,99 @@ var Menu_default = Menu;
 // src/components/Tabs/Tab.tsx
 var import_clsx10 = __toESM(require("clsx"));
 var import_merge_refs = __toESM(require("merge-refs"));
-var import_react15 = require("react");
-var import_tb2 = require("react-icons/tb");
+var import_react20 = require("react");
+
+// ../../../node_modules/react-icons/lib/esm/iconBase.js
+var import_react18 = __toESM(require("react"));
+
+// ../../../node_modules/react-icons/lib/esm/iconContext.js
+var import_react17 = __toESM(require("react"));
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = import_react17.default.createContext && import_react17.default.createContext(DefaultContext);
+
+// ../../../node_modules/react-icons/lib/esm/iconBase.js
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = function(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+function Tree2Element(tree) {
+  return tree && tree.map(function(node, i) {
+    return import_react18.default.createElement(node.tag, __assign({
+      key: i
+    }, node.attr), Tree2Element(node.child));
+  });
+}
+function GenIcon(data) {
+  return function(props) {
+    return import_react18.default.createElement(IconBase, __assign({
+      attr: __assign({}, data.attr)
+    }, props), Tree2Element(data.child));
+  };
+}
+function IconBase(props) {
+  var elem = function(conf) {
+    var attr = props.attr, size = props.size, title = props.title, svgProps = __rest(props, ["attr", "size", "title"]);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className)
+      className = conf.className;
+    if (props.className)
+      className = (className ? className + " " : "") + props.className;
+    return import_react18.default.createElement("svg", __assign({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: __assign(__assign({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title && import_react18.default.createElement("title", null, title), props.children);
+  };
+  return IconContext !== void 0 ? import_react18.default.createElement(IconContext.Consumer, null, function(conf) {
+    return elem(conf);
+  }) : elem(DefaultContext);
+}
+
+// ../../../node_modules/react-icons/tb/index.esm.js
+function TbX(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "strokeWidth": "2", "stroke": "currentColor", "fill": "none", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "stroke": "none", "d": "M0 0h24v24H0z", "fill": "none" } }, { "tag": "path", "attr": { "d": "M18 6l-12 12" } }, { "tag": "path", "attr": { "d": "M6 6l12 12" } }] })(props);
+}
 
 // src/components/Tabs/TabsContext.ts
-var import_react14 = require("react");
-var TabsContext = (0, import_react14.createContext)(null);
+var import_react19 = require("react");
+var TabsContext = (0, import_react19.createContext)(null);
 var useTabs = () => {
-  const context = (0, import_react14.useContext)(TabsContext);
+  const context = (0, import_react19.useContext)(TabsContext);
   if (!context) {
     throw new Error("`useTabs` must be used within a `<Tabs />`");
   }
@@ -693,11 +831,31 @@ var useTabs = () => {
 };
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Tab = (0, import_react15.forwardRef)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Tab = (0, import_react20.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { as: Component = "div", children, className, role = "presentation", value, closable, disabled, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "role", "value", "closable", "disabled", "onClick"]);
-    const tabRef = (0, import_react15.useRef)(null);
+    var _b = _a, {
+      as: Component = "div",
+      children,
+      className,
+      role = "presentation",
+      value: valueProp,
+      closable,
+      disabled,
+      onClick
+    } = _b, rest = __objRest(_b, [
+      "as",
+      "children",
+      "className",
+      "role",
+      "value",
+      "closable",
+      "disabled",
+      "onClick"
+    ]);
+    const tabRef = (0, import_react20.useRef)(null);
+    const id = (0, import_react20.useId)();
+    const value = valueProp != null ? valueProp : id;
     const _a2 = useTabs(), { onClose, registerItem } = _a2, tabs = __objRest(_a2, ["onClose", "registerItem"]);
     const handleClick = (event) => {
       const previousTab = tabs.previousTabRef.current;
@@ -737,13 +895,13 @@ var Tab = (0, import_react15.forwardRef)(
       event.stopPropagation();
       onClose(value);
     };
-    (0, import_react15.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       registerItem({ value, disabled });
       if (value === tabs.value) {
         tabs.previousTabRef.current = tabRef.current;
       }
     }, [value, tabs.value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref: (0, import_merge_refs.default)(tabRef, ref, (el) => tabs.tabRefs.current[value] = el),
@@ -756,12 +914,12 @@ var Tab = (0, import_react15.forwardRef)(
         onClick: handleClick
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${PREFIX_CLS}tab__content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${PREFIX_CLS}tab__content`, children: [
             children,
-            closable && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Button, { variant: "text", color: "secondary", iconOnly: true, size: "xs", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tb2.TbX, {}) }) })
+            closable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { variant: "text", color: "secondary", iconOnly: true, size: "xs", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon_default, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TbX, {}) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${PREFIX_CLS}tab__indicator` })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${PREFIX_CLS}tab__indicator` })
         ]
       })
     );
@@ -770,7 +928,7 @@ var Tab = (0, import_react15.forwardRef)(
 
 // src/components/Tabs/Tabs.tsx
 var import_clsx11 = __toESM(require("clsx"));
-var import_react16 = require("react");
+var import_react21 = require("react");
 
 // src/utils/scroll.ts
 var scrollToItem = (parentElement, currentElement) => {
@@ -798,8 +956,7 @@ var scrollToItem = (parentElement, currentElement) => {
 };
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var prefixCls = "us-";
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Tabs = (_a) => {
   var _b = _a, {
     children,
@@ -818,11 +975,11 @@ var Tabs = (_a) => {
     "onChange",
     "onClose"
   ]);
-  const tabsRef = (0, import_react16.useRef)(null);
-  const tabRefs = (0, import_react16.useRef)({});
-  const previousTabRef = (0, import_react16.useRef)(null);
-  const [selfValue, setSelfValue] = (0, import_react16.useState)(value != null ? value : defaultValue);
-  const [items, setItems] = (0, import_react16.useState)([]);
+  const tabsRef = (0, import_react21.useRef)(null);
+  const tabRefs = (0, import_react21.useRef)({});
+  const previousTabRef = (0, import_react21.useRef)(null);
+  const [selfValue, setSelfValue] = (0, import_react21.useState)(value != null ? value : defaultValue);
+  const [items, setItems] = (0, import_react21.useState)([]);
   const registerItem = (item) => {
     setItems((prevItems) => {
       const index = prevItems.findIndex((item2) => item2.value);
@@ -849,134 +1006,52 @@ var Tabs = (_a) => {
   const handleClose = (value2) => {
     onClose == null ? void 0 : onClose(value2);
   };
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (value !== void 0) {
       setSelfValue(value);
       scrollToTab(value);
     }
   }, [value]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (value === void 0) {
       const item = items.find((tab) => !tab.disabled);
       setSelfValue(item == null ? void 0 : item.value);
     }
   }, [value, items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     TabsContext.Provider,
     {
       value: { previousTabRef, tabRefs, value: selfValue, onChange: handleChange, onClose: handleClose, registerItem },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           __spreadProps(__spreadValues({
             ref: tabsRef,
-            className: (0, import_clsx11.default)(`${prefixCls}tabs`, { [`${PREFIX_CLS}tabs--${alignment}`]: alignment }, className)
+            className: (0, import_clsx11.default)(`${PREFIX_CLS}tabs`, { [`${PREFIX_CLS}tabs--${alignment}`]: alignment }, className)
           }, rest), {
-            children: import_react16.Children.map(children, (child, index) => {
-              var _a2;
-              return !(0, import_react16.isValidElement)(child) ? null : (0, import_react16.cloneElement)(child, __spreadProps(__spreadValues({}, child.props), { value: (_a2 = child.props.value) != null ? _a2 : index }));
-            })
+            children
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${prefixCls}divider` })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `${PREFIX_CLS}divider` })
       ]
     }
   );
 };
 
-// src/components/DropdownEnumList.tsx
-var import_kendo_react_dropdowns = require("@progress/kendo-react-dropdowns");
-var import_react17 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function parsearDataForComboBox(array, key, text, itemAll = false) {
-  const dataForComboBox = [];
-  if (itemAll)
-    dataForComboBox.push({ key: "", text: "ALL" });
-  if (array !== void 0) {
-    array.map((a) => {
-      dataForComboBox.push({ key: a[key], text: a[text] });
-    });
-  }
-  return dataForComboBox;
-}
-function GetEnumDescription(key, typeEnum, description) {
-  const listLabel = description.get(typeEnum);
-  let label = void 0;
-  if (listLabel != void 0)
-    label = listLabel.get(parseInt(key));
-  if (label == void 0) {
-    label = typeEnum[key];
-    return label.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
-  }
-  return label;
-}
-function EnumToArray(typeEnum, replaceGuionForSpace = true, description) {
-  const values = [];
-  for (const key in typeEnum) {
-    if (typeof typeEnum[key] === "string")
-      values.push({
-        value: Number(key),
-        label: replaceGuionForSpace ? GetEnumDescription(key, typeEnum, description) : typeEnum[key]
-      });
-  }
-  return values;
-}
-var DropEnumList = ({ dataEnum, description, onChange, width, defaultValue }) => {
-  const [value, setValue] = (0, import_react17.useState)("");
-  const [data, setData] = (0, import_react17.useState)([]);
-  (0, import_react17.useEffect)(() => {
-    setData(
-      parsearDataForComboBox(EnumToArray(dataEnum, true, description), "value", "label", false).sort(
-        (a, b) => Number(a.key) - Number(b.key)
-      )
-    );
-  }, []);
-  (0, import_react17.useEffect)(() => {
-    if (data.length > 0) {
-      setValue(data.filter((x) => x.key == defaultValue)[0]);
-    }
-  }, [data]);
-  const handleOptionClick = (e) => {
-    onChange(e);
-    setValue(e);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_kendo_react_dropdowns.DropDownList,
-    {
-      className: "d-inline-block align-middle mr-2",
-      data,
-      dataItemKey: "key",
-      id: "cmbDisplay",
-      name: "cmbDisplay",
-      onChange: (event) => {
-        handleOptionClick(event.value);
-      },
-      textField: "text",
-      style: {
-        width: `${width}px`
-      },
-      defaultValue: value
-    }
-  ) });
-};
-
-// src/contexts/BreadCrumbContext.tsx
-var import_react21 = require("react");
-
 // src/hooks/useLocalStorage.tsx
-var import_react20 = require("react");
+var import_react24 = require("react");
 
 // src/hooks/useEventListener.tsx
-var import_react19 = require("react");
+var import_react23 = require("react");
 
 // src/hooks/useIsomorphicLayoutEffect.tsx
-var import_react18 = require("react");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react18.useLayoutEffect : import_react18.useEffect;
+var import_react22 = require("react");
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react22.useLayoutEffect : import_react22.useEffect;
 var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
 
 // src/hooks/useEventListener.tsx
 function useEventListener(handler) {
-  const savedHandler = (0, import_react19.useRef)(handler);
+  const savedHandler = (0, import_react23.useRef)(handler);
   useIsomorphicLayoutEffect_default(() => {
     savedHandler.current = handler;
   }, [handler]);
@@ -985,7 +1060,7 @@ var useEventListener_default = useEventListener;
 
 // src/hooks/useLocalStorage.tsx
 function useLocalStorage(key, initialValue) {
-  const readValue = (0, import_react20.useCallback)(() => {
+  const readValue = (0, import_react24.useCallback)(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -997,8 +1072,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = (0, import_react20.useState)(readValue);
-  const setValue = (0, import_react20.useCallback)(
+  const [storedValue, setStoredValue] = (0, import_react24.useState)(readValue);
+  const setValue = (0, import_react24.useCallback)(
     (value) => {
       if (typeof window == "undefined") {
         console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
@@ -1014,10 +1089,10 @@ function useLocalStorage(key, initialValue) {
     },
     [key, storedValue]
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     setStoredValue(readValue());
   }, []);
-  const handleStorageChange = (0, import_react20.useCallback)(() => {
+  const handleStorageChange = (0, import_react24.useCallback)(() => {
     setStoredValue(readValue());
   }, [readValue]);
   useEventListener_default("storage", handleStorageChange);
@@ -1033,77 +1108,6 @@ function parseJSON(value) {
   }
 }
 
-// src/contexts/BreadCrumbContext.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var BreadCrumbContext = (0, import_react21.createContext)({});
-var BreadCrumbContextProvider = ({ children }) => {
-  const [active, setActive] = useLocalStorage("@active", "");
-  const [path, setPath] = useLocalStorage("@path", "/");
-  const [goBack, setGoBack] = useLocalStorage("@goBack", false);
-  const [pathChild, setPathChild] = useLocalStorage("@pathChild", "");
-  const [routes, setRoutes] = (0, import_react21.useState)([]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    BreadCrumbContext.Provider,
-    {
-      value: {
-        active,
-        setActive,
-        path,
-        setPath,
-        goBack,
-        setGoBack,
-        pathChild,
-        setPathChild,
-        routes,
-        setRoutes
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/DrawerContext.tsx
-var import_react22 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var DrawerContext = (0, import_react22.createContext)({});
-var DrawerContextProvider = ({ children }) => {
-  const [active, setActive] = (0, import_react22.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DrawerContext.Provider, { value: { active, setActive }, children });
-};
-
-// src/contexts/HistoryContext.tsx
-var import_react23 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var HistoryContext = (0, import_react23.createContext)({});
-var HistoryContextProvider = ({ children }) => {
-  const [list, setList] = useLocalStorage("@list_paths", []);
-  const updateList = (value) => {
-    setList(
-      (prev) => prev.concat({
-        path: value.path,
-        name: value.name,
-        date: /* @__PURE__ */ new Date()
-      })
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HistoryContext.Provider, { value: { list, updateList }, children });
-};
-
-// src/contexts/SidebarMainContext.tsx
-var import_react24 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var SidebarMainContext = (0, import_react24.createContext)({});
-var SidebarMainContextProvider = ({ children }) => {
-  const [open2, setOpen] = (0, import_react24.useState)(true);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SidebarMainContext.Provider, { value: { open: open2, setOpen }, children });
-};
-
-// src/contexts/GlobalProvider.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-function GlobalProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HistoryContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BreadCrumbContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SidebarMainContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DrawerContextProvider, { children }) }) }) });
-}
-
 // src/hooks/usePrevious.tsx
 var import_react25 = require("react");
 var usePrevious = (value) => {
@@ -1156,680 +1160,24 @@ var useStep = (maxStep) => {
     }
   ];
 };
-
-// src/layout/AppBreadcrumb.tsx
-var import_react27 = require("react");
-var import_md2 = require("react-icons/md");
-var import_vsc = require("react-icons/vsc");
-var import_react_router_dom3 = require("react-router-dom");
-
-// src/styled-components/breadcrumb.ts
-var import_styled_components = __toESM(require("styled-components"));
-var Breadcrumb = import_styled_components.default.div`
-	font-family: 'Inter', sans-serif;
-	padding: 10px 0px;
-	text-transform: uppercase;
-	font-weight: bold;
-	font-size: 0.9rem;
-	color: #92190e;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	background-color: white;
-	align-items: center;
-
-	.link {
-		color: #92190e;
-		&:hover {
-			color: #92190e;
-			cursor: pointer;
-		}
-	}
-`;
-var BreadCrumbTitle = import_styled_components.default.div`
-	font-family: 'Inter', sans-serif;
-	font-weight: bold;
-	font-size: 1.2rem !important;
-	color: #92190e;
-	margin-top: 15px;
-`;
-var TitlePage = import_styled_components.default.div`
-	font-family: 'Inter', sans-serif;
-	font-weight: bold;
-	font-size: 1.2rem !important;
-	color: #92190e;
-	margin-top: 15px;
-`;
-
-// src/styled-components/menu.ts
-var import_react_router_dom = require("react-router-dom");
-var import_styled_components2 = __toESM(require("styled-components"));
-var MenuItem2 = (0, import_styled_components2.default)(import_react_router_dom.Link)`
-	text-decoration: none;
-	color: black;
-	display: flex;
-	justify-content: ${(props) => props.type === "col" ? "center" : "flex-start"};
-	align-items: center;
-	flex-direction: ${(props) => props.type === "col" ? "column" : "row"};
-	border: 1px solid transparent;
-	width: ${(props) => props.width ? props.width : "100px"};
-	padding: 10px;
-	text-decoration: none !important;
-	&:hover {
-		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-	}
-
-	.icon {
-		width: 30px;
-		text-decoration: none;
-	}
-	.text {
-		text-align: center;
-		font-size: 12px;
-		text-decoration: none !important;
-		color: black;
-		margin-top: ${(props) => props.type === "col" ? "0px" : "15px"};
-		&:hover {
-			text-decoration: none !important;
-		}
-	}
-`;
-var MenuTitle = import_styled_components2.default.p`
-	font-size: 16px;
-	font-weight: bold !important;
-`;
-
-// src/styled-components/navbar.ts
-var import_styled_components3 = __toESM(require("styled-components"));
-var Navbar = import_styled_components3.default.nav`
-	background: ${(props) => {
-  return !props.gradient ? ` linear-gradient( 90.03deg, #92190e 80.71%, #f0b92c 107.21% ) !important` : `#92190e`;
-}};
-	z-index: 10;
-	width: 100%;
-	max-width: 100vw;
-	display: flex;
-	justify-content: space-between;
-	padding-top: 10px;
-	padding-bottom: 10px;
-	position: sticky;
-	top: 0px;
-	height: 40px;
-	.input {
-		border-radius: 2px !important;
-		padding: 2px !important;
-		font-size: 12px !important;
-		height: 20px !important;
-		border: none;
-		&:focus {
-			outline: none !important;
-		}
-		::placeholder {
-			color: #92190e;
-		}
-		@media (max-width: 470px) {
-			display: none;
-		}
-	}
-	.dialog {
-		z-index: 20000 !important;
-		position: absolute;
-		width: 400px;
-		height: 500px;
-		min-height: 500px;
-		overflow: scroll;
-		overflow-x: hidden;
-		min-width: 400px;
-		max-width: 400px;
-		background-color: white;
-		border-radius: 20px;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -50%);
-	}
-`;
-
-// src/styled-components/options.ts
-var import_styled_components4 = __toESM(require("styled-components"));
-var MenuOptions = import_styled_components4.default.div`
-	font-size: bold;
-	display: flex;
-	width: 100%;
-	gap: 10px;
-	justify-content: flex-start;
-	border-bottom: 1px solid #e6e6e6;
-	background-color: white;
-	flex-wrap: wrap;
-	.button-option {
-		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
-		gap: 5px;
-		padding: 10px 20px;
-		font-weight: bold;
-		background-color: white !important;
-		border: none;
-		.icon {
-			color: #92190e;
-		}
-		.text {
-			@media (max-width: 470px) {
-				display: none;
-			}
-		}
-	}
-`;
-
-// src/styled-components/sidebar.ts
-var import_react_router_dom2 = require("react-router-dom");
-var import_styled_components5 = __toESM(require("styled-components"));
-var ItemSidebar = import_styled_components5.default.div`
-	padding: 10px 25px;
-	display: flex;
-	align-items: center;
-	gap: 30px;
-	font-family: 'Inter', sans-serif;
-	&:hover {
-		color: white !important;
-		text-decoration: none;
-		background: #92190e;
-		.icon-sidebar {
-			color: white !important;
-		}
-	}
-	&:active {
-		color: white !important;
-		text-decoration: none;
-		background: #92190e;
-		.icon-sidebar {
-			color: white !important;
-		}
-	}
-`;
-var SidebarNavigation = import_styled_components5.default.nav`
-	position: ${({ fixed = true }) => fixed ? "fixed" : "static"};
-	top: 0;
-	left: 0;
-	min-height: 100vh;
-	box-shadow: 7px 0px 14px 1px rgba(145, 141, 141, 0.51);
-	-webkit-box-shadow: 7px 0px 14px 1px rgba(145, 141, 141, 0.51);
-	-moz-box-shadow: 7px 0px 14px 1px rgba(145, 141, 141, 0.51);
-	background: white;
-	font-family: 'Inter', sans-serif;
-	padding: 0;
-	width: ${({ fixed = true, active = true }) => fixed ? active ? "270px" : "0px" : "auto"};
-	z-index: 11;
-	transition: width 0.2s ease-in-out;
-
-	overflow: hidden;
-	height: 100vh;
-	overflow-y: auto;
-	box-shadow: ${({ shadow = true }) => shadow ? "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px" : "none"};
-
-	&::-webkit-scrollbar {
-		display: none !important;
-	}
-	.nav {
-		flex-wrap: nowrap;
-		flex-direction: column;
-		font-size: 12px;
-
-		.nav-item {
-			.collapse {
-				z-index: 999;
-			}
-
-			.collapse.show,
-			.collapsing {
-				background: rgba(0, 0, 0);
-			}
-
-			.nav-link {
-				align-items: center;
-				display: flex;
-				padding-left: 40px;
-				white-space: nowrap;
-
-				color: #92190e;
-				i {
-					margin-right: 20px;
-				}
-				.menu-title {
-					color: inherit;
-					display: inline-block;
-					line-height: 1;
-					color: black;
-					vertical-align: middle;
-					cursor: pointer;
-				}
-			}
-
-			&.active {
-				> .nav-link {
-					color: white;
-				}
-
-				&.not-navigation-link {
-					position: relative;
-				}
-			}
-
-			&:not(.sub-menu) {
-				> .nav-item {
-					&:hover {
-						&:not(.nav-profile) {
-							> .nav-link {
-								background: $sidebar-light-menu-hover-bg;
-								color: $sidebar-light-menu-hover-color;
-							}
-						}
-					}
-				}
-			}
-
-			&.sub-menu {
-				margin-bottom: 0;
-				padding: $sidebar-submenu-padding;
-
-				.rtl & {
-					padding: 0 4rem 0 0;
-				}
-
-				.nav-item {
-					.nav-link {
-						color: $sidebar-light-submenu-color;
-						padding: $sidebar-submenu-item-padding;
-						font-size: $sidebar-submenu-font-size;
-						line-height: 1;
-						height: auto;
-
-						&.active {
-							color: $sidebar-light-menu-active-color;
-							background: transparent;
-
-							&:before {
-								background: $sidebar-light-menu-active-color;
-							}
-						}
-					}
-
-					&:hover {
-						> .nav-link {
-							background: $sidebar-light-submenu-hover-bg;
-							color: $sidebar-light-submenu-hover-color;
-
-							&:before {
-								background: $sidebar-light-submenu-hover-color;
-							}
-						}
-					}
-				}
-			}
-
-			&.sub-menu2 {
-				margin-bottom: 0;
-				padding: $sidebar-submenu2-padding;
-
-				.rtl & {
-					padding: 0 4rem 0 0;
-				}
-
-				.nav-item {
-					.nav-link {
-						color: $sidebar-light-submenu-color;
-						padding: $sidebar-submenu-item-padding;
-						font-size: $sidebar-submenu-font-size;
-						line-height: 1;
-						height: auto;
-
-						&.active {
-							color: $sidebar-light-menu-active-color;
-							background: transparent;
-
-							&:before {
-								background: $sidebar-light-menu-active-color;
-							}
-						}
-					}
-
-					&:hover {
-						> .nav-link {
-							background: $sidebar-light-submenu-hover-bg;
-							color: $sidebar-light-submenu-hover-color;
-
-							&:before {
-								background: $sidebar-light-submenu-hover-color;
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-`;
-var ConfigurationOption = import_styled_components5.default.nav`
-	position: fixed;
-	top: 50px;
-	right: 0;
-	min-height: 100vh;
-	box-shadow: 7px 0px 14px 1px rgba(201, 196, 196, 0.51);
-	-webkit-box-shadow: 7px 0px 14px 1px rgba(201, 196, 196, 0.51);
-	-moz-box-shadow: 7px 0px 14px 1px rgba(201, 196, 196, 0.51);
-	min-height: calc(100vh);
-
-	font-family: 'Inter', sans-serif;
-	padding: 0;
-	width: ${(props) => props.active ? "300px" : "0px"};
-	z-index: 11;
-	transition: width 0.2s ease-in-out;
-	overflow: hidden !important;
-`;
-var ItemLinkSidebar = (0, import_styled_components5.default)(import_react_router_dom2.Link)`
-	padding: 10px 25px;
-	display: flex;
-	align-items: center;
-	gap: 30px;
-	color: #343a40;
-	text-decoration: none;
-	font-family: 'Inter', sans-serif;
-	&:hover {
-		color: white !important;
-		text-decoration: none;
-		background: #92190e;
-		.icon-sidebar {
-			color: white !important;
-		}
-	}
-`;
-
-// src/styled-components/template.ts
-var import_styled_components6 = __toESM(require("styled-components"));
-var Main = import_styled_components6.default.main`
-	width: 100%;
-	min-height: 90vh;
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-	background-color: white;
-	padding: 10px 60px;
-	position: relative;
-	padding-left: ${(props) => {
-  return props.activeDrawer ? `300px` : `30px`;
-}};
-	@media (max-width: 470px) {
-		padding: 10px 10px;
-	}
-`;
-var CloseIcon = import_styled_components6.default.button`
-	color: black;
-	text-decoration: none;
-	border: none;
-	padding: 10px 10px;
-	background-color: white;
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	cursor: pointer;
-	top: 10px;
-	right: 10px;
-	text-align: center;
-	&:hover {
-		color: black;
-		text-decoration: none;
-		background-color: #e8e8e8;
-	}
-`;
-
-// src/layout/AppBreadcrumb.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var AppBreadCrumb = ({ title, paths }) => {
-  const { setRoutes } = (0, import_react27.useContext)(BreadCrumbContext);
-  (0, import_react27.useEffect)(() => {
-    if (!(paths == null ? void 0 : paths.length))
-      return;
-    setRoutes(paths != null ? paths : []);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadCrumbTitle, { children: title != null ? title : "Home" });
-};
-var AppBreadCrumbNav = ({
-  paths,
-  onPush
-}) => {
-  const { active, path, routes, setRoutes } = (0, import_react27.useContext)(BreadCrumbContext);
-  const { updateList } = (0, import_react27.useContext)(HistoryContext);
-  (0, import_react27.useEffect)(() => {
-    updateList({ name: active, path });
-  }, [path, active]);
-  (0, import_react27.useEffect)(() => {
-    setRoutes(paths != null ? paths : []);
-  }, [paths]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Breadcrumb, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "d-flex align-items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_router_dom3.Link, { to: "/", className: "link", children: "HOME" }),
-      routes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vsc.VscChevronRight, { color: "black" }),
-      routes.length > 0 ? routes.map((i, idx, arr) => {
-        if (i.route === -1) {
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "link", onClick: () => onPush(-1), children: [
-            i.title,
-            " ",
-            idx + 1 === arr.length ? "" : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vsc.VscChevronRight, { color: "black" })
-          ] }, idx);
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_router_dom3.Link, { to: i.route, className: "link", children: [
-          i.title,
-          " ",
-          idx + 1 === arr.length ? "" : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_vsc.VscChevronRight, { color: "black" })
-        ] }, idx);
-      }) : ""
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      CloseIcon,
-      {
-        onClick: () => {
-          if ((routes == null ? void 0 : routes.length) === 1) {
-            onPush("/");
-            setRoutes([]);
-            return;
-          }
-          onPush(`${routes && routes[(routes == null ? void 0 : routes.length) - 2].route}`);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_md2.MdClose, { fontSize: 20 })
-      }
-    )
-  ] });
-};
-
-// src/layout/AppLoader.tsx
-var import_react28 = require("react");
-var import_react_dom = __toESM(require("react-dom"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var LoaderGrid = () => {
-  const Loader = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "k-loading-mask", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "k-loading-color" })
-  ] });
-  const gridContent = document && document.querySelector(".k-grid-content");
-  const reportContent = document && document.querySelector(".loading-report");
-  return gridContent ? import_react_dom.default.createPortal(Loader, gridContent) : reportContent ? import_react_dom.default.createPortal(Loader, reportContent) : Loader;
-};
-var AppLoader = (props) => {
-  const { type = "grid", parent, minDuration } = props;
-  const parentEl = type === "grid" ? document.querySelector(parent != null ? parent : ".k-grid-container") : parent ? document.querySelector(parent) : null;
-  const Loading = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `${type}-loading k-loading-mask`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "k-loading-color" })
-  ] });
-  (0, import_react28.useEffect)(() => {
-    if (type === "button") {
-      const loadingEl = document.createElement("div");
-      loadingEl.className = "icon button-loading k-loading-mask";
-      loadingEl.innerHTML = `
-            <div class="k-loading-image"></div>
-        `;
-      if (parentEl) {
-        const button = parentEl;
-        button.classList.add("btn-loading");
-        button.disabled = true;
-        button.insertBefore(loadingEl, button.firstChild);
-      }
-      return () => {
-        if (parentEl) {
-          if (minDuration) {
-            setTimeout(() => {
-              const button = parentEl;
-              button.classList.remove("btn-loading");
-              button.removeChild(loadingEl);
-              button.disabled = false;
-            }, minDuration);
-          } else {
-            const button = parentEl;
-            button.classList.remove("btn-loading");
-            button.removeChild(loadingEl);
-            button.disabled = false;
-          }
-        }
-      };
-    }
-  }, []);
-  return type === "button" ? null : parentEl ? import_react_dom.default.createPortal(Loading, parentEl) : Loading;
-};
-
-// src/layout/NavOptions.tsx
-var import_react_bootstrap = require("react-bootstrap");
-var import_bs = require("react-icons/bs");
-var import_fi = require("react-icons/fi");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var NavOptions = ({
-  exportExcel,
-  customButtons,
-  onCreate,
-  onRefresh,
-  onSelect,
-  onClear,
-  onExpandScreen
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(MenuOptions, { children: [
-    onCreate && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: onCreate, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi.FiPlusSquare, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: "New" })
-    ] }),
-    onRefresh && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: onRefresh, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi.FiRefreshCcw, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: "Refresh" })
-    ] }),
-    exportExcel && exportExcel.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap.Dropdown, { className: "button-option", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        import_react_bootstrap.Dropdown.Toggle,
-        {
-          id: "btnExport",
-          className: "p-2 bg-light text-dark border-0 font-weight-bold",
-          title: "Export to Excel",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi.FiSave, { className: "icon" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-              "span",
-              {
-                style: {
-                  fontSize: "13px",
-                  fontFamily: '"Inter", sans-serif'
-                },
-                className: "text",
-                children: "Export"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_bootstrap.Dropdown.Menu, { children: exportExcel.map((item, index) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_bootstrap.Dropdown.Item, { onClick: item.onAction, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", { className: `${item.classNameIcon}   mr-2` }),
-          " ",
-          item.title
-        ] }, index);
-      }) })
-    ] }),
-    onSelect && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: onSelect, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi.FiCheckCircle, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: "Select All" })
-    ] }),
-    onClear && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: onClear, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_fi.FiFilter, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: "Clear Filters" })
-    ] }),
-    onExpandScreen && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: onExpandScreen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_bs.BsArrowsFullscreen, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: "Full Page" })
-    ] }),
-    customButtons == null ? void 0 : customButtons.map((custom, index) => {
-      if (custom.render) {
-        return custom.render;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { className: "button-option", onClick: custom.onAction, children: [
-        custom.Icon !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(custom.Icon, { className: "icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text", children: custom.title })
-      ] }, index);
-    })
-  ] });
-};
-
-// src/layout/title.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Title = ({ title }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TitlePage, { children: title != null ? title : "Home" });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AppBreadCrumb,
-  AppBreadCrumbNav,
-  AppLoader,
   Badge,
-  BreadCrumbContext,
-  BreadCrumbContextProvider,
-  BreadCrumbTitle,
-  Breadcrumb,
   Button,
   Chip,
-  CloseIcon,
   Collapse,
   CollapseContent,
   CollapseContext,
   CollapseTrigger,
-  DrawerContext,
-  DrawerContextProvider,
-  DropEnumList,
-  GlobalProvider,
-  HistoryContext,
-  HistoryContextProvider,
-  ItemLinkSidebar,
-  ItemSidebar,
-  LoaderGrid,
-  Main,
+  Icon,
   Menu,
   MenuContext,
   MenuGroup,
   MenuItem,
-  MenuItems,
-  MenuOptions,
   MenuSubmenu,
-  MenuTitle,
   MenuValueContext,
-  NavOptions,
-  Navbar,
-  SidebarMainContext,
-  SidebarMainContextProvider,
-  SidebarNavigation,
   Tab,
   Tabs,
-  Title,
   getOpenValuesByPathname,
   useCollapse,
   useLocalStorage,