@unifiedsoftware/react-ui 1.0.6 → 1.0.8-beta

package/dist/index.mjs

@@ -1,1581 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/components/Button/Button.tsx
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { RiLoader4Line } from "react-icons/ri";
-
-// src/constants/index.ts
-var PREFIX_CLS = "us-";
-
-// src/components/Button/Button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Button = forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      as: Component = "button",
-      children,
-      className,
-      role = "presentation",
-      variant = "text",
-      color = "primary",
-      size = "md",
-      prefix,
-      suffix,
-      loading
-    } = _b, rest = __objRest(_b, [
-      "as",
-      "children",
-      "className",
-      "role",
-      "variant",
-      "color",
-      "size",
-      "prefix",
-      "suffix",
-      "loading"
-    ]);
-    return /* @__PURE__ */ jsxs(
-      Component,
-      __spreadProps(__spreadValues({
-        ref,
-        className: clsx(
-          `${PREFIX_CLS}button`,
-          {
-            [`${PREFIX_CLS}button--${variant}`]: variant,
-            [`${PREFIX_CLS}button--${color}`]: color,
-            [`${PREFIX_CLS}button--${size}`]: size
-          },
-          className
-        ),
-        role
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsx("div", { className: `${PREFIX_CLS}overlay` }),
-          loading ? /* @__PURE__ */ jsx(RiLoader4Line, { className: `${PREFIX_CLS}icon ${PREFIX_CLS}animation-spin` }) : prefix,
-          /* @__PURE__ */ jsx("div", { className: `${PREFIX_CLS}button__content`, children }),
-          suffix
-        ]
-      })
-    );
-  }
-);
-
-// src/components/Collapse/Collapse.tsx
-import { Children, useEffect, useRef, useState } from "react";
-
-// src/components/Collapse/CollapseContext.tsx
-import { createContext, useContext } from "react";
-var CollapseContext = createContext(null);
-var useCollapse = () => {
-  const context = useContext(CollapseContext);
-  if (!context) {
-    throw new Error("`useCollapse` must be used within a `<Collapse />`");
-  }
-  return context;
-};
-var CollapseContext_default = CollapseContext;
-
-// src/components/Collapse/Collapse.tsx
-import { jsxs as jsxs2 } from "react/jsx-runtime";
-var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
-  const collapseRef = useRef(null);
-  const [selfIsOpen, setSelfIsOpen] = useState(isOpen != null ? isOpen : false);
-  const [heightAuto, setHeightAuto] = useState(false);
-  const [trigger, content] = Children.toArray(children);
-  const handleOpen = () => {
-    setSelfIsOpen(true);
-    onOpen == null ? void 0 : onOpen();
-  };
-  const handleClose = () => {
-    setSelfIsOpen(false);
-    onClose == null ? void 0 : onClose();
-  };
-  const handleToggle = () => {
-    setSelfIsOpen((prevState) => !prevState);
-    onToggle == null ? void 0 : onToggle();
-  };
-  useEffect(() => {
-    if (isOpen !== void 0) {
-      setSelfIsOpen(isOpen);
-    }
-    setTimeout(() => {
-      if (isOpen) {
-        setHeightAuto(true);
-      } else {
-        setHeightAuto(false);
-      }
-    }, 100);
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxs2(
-    CollapseContext_default.Provider,
-    {
-      value: {
-        collapseRef,
-        isOpen: selfIsOpen,
-        heightAuto,
-        onOpen: handleOpen,
-        onClose: handleClose,
-        onToggle: handleToggle
-      },
-      children: [
-        trigger,
-        content
-      ]
-    }
-  );
-};
-var Collapse_default = Collapse;
-
-// src/components/Collapse/CollapseContent.tsx
-import clsx2 from "clsx";
-import { Children as Children2, cloneElement, forwardRef as forwardRef2 } from "react";
-var CollapseContent = forwardRef2(({ children }, ref) => {
-  var _a, _b;
-  const { collapseRef, isOpen, heightAuto } = useCollapse();
-  const child = Children2.only(children);
-  return cloneElement(child, __spreadProps(__spreadValues({}, child.props), {
-    ref: (node) => {
-      collapseRef.current = node;
-      if (ref !== null) {
-        ref.current = node;
-      }
-    },
-    style: __spreadProps(__spreadValues({}, child.props.style), {
-      height: isOpen && heightAuto ? "auto" : isOpen ? (_a = collapseRef.current) == null ? void 0 : _a.scrollHeight : !isOpen && heightAuto ? (_b = collapseRef.current) == null ? void 0 : _b.scrollHeight : 0
-    }),
-    className: clsx2(`${PREFIX_CLS}collapse`, child.props.className)
-  }));
-});
-var CollapseContent_default = CollapseContent;
-
-// src/components/Collapse/CollapseTrigger.tsx
-import { Children as Children3, cloneElement as cloneElement2, forwardRef as forwardRef3 } from "react";
-var CollapseTrigger = forwardRef3(({ children }, ref) => {
-  const { collapseRef, onToggle } = useCollapse();
-  const child = Children3.only(children);
-  return cloneElement2(child, __spreadValues({
-    ref,
-    onClick: (event) => {
-      var _a, _b;
-      if (!collapseRef.current) {
-        return;
-      }
-      onToggle();
-      (_b = (_a = child.props).onClick) == null ? void 0 : _b.call(_a, event);
-    }
-  }, child.props));
-});
-var CollapseTrigger_default = CollapseTrigger;
-
-// src/components/Menu/Menu.tsx
-import clsx6 from "clsx";
-import { useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
-
-// src/components/Menu/MenuContext.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var MenuContext = createContext2(null);
-var useMenu = () => {
-  const context = useContext2(MenuContext);
-  if (!context) {
-    throw new Error("`useMenu` must be used within a `<Menu />`");
-  }
-  return context;
-};
-var MenuContext_default = MenuContext;
-
-// src/components/Menu/MenuGroup.tsx
-import clsx5 from "clsx";
-import { useMemo as useMemo2 } from "react";
-
-// src/components/Menu/MenuItem.tsx
-import clsx3 from "clsx";
-import { forwardRef as forwardRef4, useContext as useContext4, useEffect as useEffect2 } from "react";
-
-// src/components/Menu/MenuValueContext.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var MenuValueContext = createContext3([]);
-var useMenuItemValue = () => {
-  const context = useContext3(MenuValueContext);
-  if (!context) {
-    throw new Error("`useMenuValue` must be used within a `<MenuValueContext.Provider />`");
-  }
-  return context;
-};
-var MenuValueContext_default = MenuValueContext;
-
-// src/components/Menu/MenuItem.tsx
-import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
-var MenuItem = forwardRef4((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 = useContext4(MenuValueContext_default);
-  const mergedValues = [...values, value];
-  const handleClick = (event) => {
-    if (value !== void 0) {
-      onChange(mergedValues);
-    }
-    onClick == null ? void 0 : onClick(event);
-    onItemSelect == null ? void 0 : onItemSelect(props);
-  };
-  useEffect2(() => {
-    if (openMode === "automatic" && originalValue.length > 0 && originalValue[originalValue.length - 1] === value) {
-      onOpen(values);
-      onChange(mergedValues);
-    }
-  }, [value, originalValue, openMode]);
-  return /* @__PURE__ */ jsxs3(
-    Component,
-    __spreadProps(__spreadValues({
-      ref,
-      className: clsx3(
-        `${PREFIX_CLS}menu-item`,
-        {
-          [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value),
-          [`${PREFIX_CLS}menu-item--disabled`]: disabled
-        },
-        className
-      ),
-      style: __spreadValues({
-        paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
-      }, style),
-      onClick: handleClick
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-        icon && /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-        /* @__PURE__ */ jsx2("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ jsx2("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) })
-      ]
-    })
-  );
-});
-MenuItem.displayName = "MenuItem";
-var MenuItem_default = MenuItem;
-
-// src/components/Menu/MenuSubmenu.tsx
-import clsx4 from "clsx";
-import { useContext as useContext5, useMemo } from "react";
-import { MdKeyboardArrowDown, MdKeyboardArrowUp } from "react-icons/md";
-
-// src/components/Menu/utils.ts
-var getOpenValuesByPathname = (pathname) => {
-  return pathname.split("/").reduce((previousValue, currentValue) => {
-    const previousPath = previousValue[previousValue.length - 1];
-    if (previousPath != void 0) {
-      previousValue.push(previousPath + "/" + currentValue);
-    } else {
-      previousValue.push("");
-    }
-    return previousValue;
-  }, []);
-};
-var addOrRemoveValueInArray = (array, value) => {
-  const index = array.indexOf(value);
-  const newArray = [...array];
-  if (index === -1) {
-    newArray.push(value);
-  } else {
-    newArray.splice(index, 1);
-  }
-  return newArray;
-};
-
-// src/components/Menu/MenuSubmenu.tsx
-import { jsx as jsx3, jsxs as jsxs4 } from "react/jsx-runtime";
-var MenuSubmenu = (_a) => {
-  var _b = _a, {
-    children,
-    className,
-    style,
-    value,
-    title,
-    icon,
-    level = 1,
-    items,
-    onClick
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "className",
-    "style",
-    "value",
-    "title",
-    "icon",
-    "level",
-    "items",
-    "onClick"
-  ]);
-  const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
-  const values = useContext5(MenuValueContext_default);
-  const isOpen = openValues.includes(value);
-  const mergedValues = [...values, value];
-  const content = useMemo(() => {
-    return items == null ? void 0 : items.map((_a2, index) => {
-      var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ jsx3(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "submenu" ? /* @__PURE__ */ jsx3(MenuSubmenu, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : type === "group" ? /* @__PURE__ */ jsx3(MenuGroup_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index) : /* @__PURE__ */ jsx3(MenuItem_default, __spreadValues({ level: level !== void 0 ? level + 1 : void 0 }, item), index);
-    });
-  }, [items]);
-  const handleClick = (event) => {
-    if (expandMode === "multiple") {
-      const updatedOpenValues = addOrRemoveValueInArray(openValues, value);
-      onOpen(updatedOpenValues);
-    } else {
-      if (isOpen) {
-        const updatedOpenValues = addOrRemoveValueInArray(mergedValues, value);
-        onOpen(updatedOpenValues);
-      } else {
-        const updatedOpenValues = addOrRemoveValueInArray(values, value);
-        onOpen(updatedOpenValues);
-      }
-    }
-    onClick == null ? void 0 : onClick(event);
-  };
-  return /* @__PURE__ */ jsx3(MenuValueContext_default.Provider, { value: mergedValues, children: /* @__PURE__ */ jsx3("div", { className: clsx4(`${PREFIX_CLS}menu-submenu`), children: /* @__PURE__ */ jsxs4(Collapse_default, { isOpen, children: [
-    /* @__PURE__ */ jsx3(CollapseTrigger_default, { children: /* @__PURE__ */ jsxs4(
-      "div",
-      __spreadProps(__spreadValues({
-        className: clsx4(
-          `${PREFIX_CLS}menu-item`,
-          {
-            [`${PREFIX_CLS}menu-item--selected`]: menuValue.includes(value) || items && mergedValues.includes(menuValue)
-          },
-          className
-        ),
-        style: __spreadValues({
-          paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-item-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-item-padding-level))`
-        }, style),
-        onClick: handleClick
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsx3("div", { className: `${PREFIX_CLS}overlay`, children: /* @__PURE__ */ jsx3("div", { className: `${PREFIX_CLS}overlay__surface` }) }),
-          icon && /* @__PURE__ */ jsx3("div", { className: `${PREFIX_CLS}menu-item__icon`, children: icon }),
-          /* @__PURE__ */ jsx3("div", { className: `${PREFIX_CLS}menu-item__content`, children: /* @__PURE__ */ jsx3("span", { className: `${PREFIX_CLS}menu-item__title`, children: title }) }),
-          /* @__PURE__ */ jsx3("div", { className: `${PREFIX_CLS}menu-item__icon`, children: isOpen ? /* @__PURE__ */ jsx3(MdKeyboardArrowUp, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ jsx3(MdKeyboardArrowDown, { className: `${PREFIX_CLS}icon` }) })
-        ]
-      })
-    ) }),
-    /* @__PURE__ */ jsx3(CollapseContent_default, { children: /* @__PURE__ */ jsx3(
-      "ul",
-      {
-        className: clsx4(`${PREFIX_CLS}menu`, {
-          [`${PREFIX_CLS}menu-open`]: !open
-        }),
-        children: content || children
-      }
-    ) })
-  ] }) }) });
-};
-var MenuSubmenu_default = MenuSubmenu;
-
-// src/components/Menu/MenuGroup.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs5 } from "react/jsx-runtime";
-var MenuGroup = (_a) => {
-  var _b = _a, {
-    children,
-    className,
-    style,
-    title,
-    icon,
-    level = 1,
-    items
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "className",
-    "style",
-    "title",
-    "icon",
-    "level",
-    "items"
-  ]);
-  const content = useMemo2(() => {
-    return items == null ? void 0 : items.map((_a2, index) => {
-      var _b2 = _a2, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ jsx4(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ jsx4(MenuSubmenu_default, __spreadValues({}, item), index) : /* @__PURE__ */ jsx4(MenuItem_default, __spreadValues({}, item), index);
-    });
-  }, [items]);
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsxs5(
-      "div",
-      __spreadProps(__spreadValues({
-        className: clsx5(`${PREFIX_CLS}menu-group`, className),
-        style: __spreadValues({
-          paddingLeft: level <= 1 ? `var(--${PREFIX_CLS}menu-group-padding-x)` : `calc(${level} * var(--${PREFIX_CLS}menu-group-padding-level))`
-        }, style)
-      }, rest), {
-        children: [
-          icon && /* @__PURE__ */ jsx4("div", { className: `${PREFIX_CLS}menu-group__icon`, children: icon }),
-          /* @__PURE__ */ jsx4("div", { className: `${PREFIX_CLS}menu-group__content`, children: /* @__PURE__ */ jsx4("span", { className: `${PREFIX_CLS}menu-group__title`, children: title }) })
-        ]
-      })
-    ),
-    content || children
-  ] });
-};
-var MenuGroup_default = MenuGroup;
-
-// src/components/Menu/Menu.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Menu = (_a) => {
-  var _b = _a, {
-    children,
-    value: valueProp = [],
-    defaultValue,
-    openValues: openValuesProp,
-    expandMode = "multiple",
-    openMode = "manual",
-    items,
-    onChange,
-    onOpen,
-    onItemSelect
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "value",
-    "defaultValue",
-    "openValues",
-    "expandMode",
-    "openMode",
-    "items",
-    "onChange",
-    "onOpen",
-    "onItemSelect"
-  ]);
-  var _a2;
-  const [selfValue, setSelfValue] = useState2((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
-  const [selfOpenValues, setSelfOpenValues] = useState2(openValuesProp != null ? openValuesProp : []);
-  const content = useMemo3(() => {
-    return items == null ? void 0 : items.map((_a3, index) => {
-      var _b2 = _a3, { type } = _b2, item = __objRest(_b2, ["type"]);
-      return type === "item" ? /* @__PURE__ */ jsx5(MenuItem_default, __spreadValues({}, item), index) : type === "submenu" ? /* @__PURE__ */ jsx5(MenuSubmenu_default, __spreadValues({}, item), index) : type === "group" ? /* @__PURE__ */ jsx5(MenuGroup_default, __spreadValues({}, item), index) : /* @__PURE__ */ jsx5(MenuItem_default, __spreadValues({}, item), index);
-    });
-  }, [items]);
-  const handleChange = (value) => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
-      onChange == null ? void 0 : onChange(value);
-    } else {
-      setSelfValue(value);
-    }
-  };
-  const handleOpen = (values) => {
-    if (openValuesProp !== void 0) {
-      onOpen == null ? void 0 : onOpen(values);
-    } else {
-      setSelfOpenValues(values);
-    }
-  };
-  const handleItemSelect = (props) => {
-    onItemSelect == null ? void 0 : onItemSelect(props);
-  };
-  useEffect3(() => {
-    if (valueProp !== void 0 && openMode !== "automatic") {
-      setSelfValue(valueProp);
-    }
-  }, [valueProp]);
-  useEffect3(() => {
-    if (openValuesProp !== void 0) {
-      setSelfOpenValues(openValuesProp);
-    }
-  }, [openValuesProp]);
-  return /* @__PURE__ */ jsx5(
-    MenuContext_default.Provider,
-    {
-      value: {
-        value: selfValue,
-        originalValue: valueProp,
-        openValues: selfOpenValues,
-        expandMode,
-        openMode,
-        onOpen: handleOpen,
-        onChange: handleChange,
-        onItemSelect: handleItemSelect
-      },
-      children: /* @__PURE__ */ jsx5("div", __spreadProps(__spreadValues({ className: clsx6(`${PREFIX_CLS}menu`) }, rest), { children: content || children }))
-    }
-  );
-};
-Menu.displayName = "Menu";
-var Menu_default = Menu;
-
-// src/components/Tabs/Tab.tsx
-import clsx7 from "clsx";
-import mergeRefs from "merge-refs";
-import { forwardRef as forwardRef5, useEffect as useEffect4, useRef as useRef2 } from "react";
-
-// src/components/Tabs/TabsContext.ts
-import { createContext as createContext4, useContext as useContext6 } from "react";
-var TabsContext = createContext4(null);
-var useTabs = () => {
-  const context = useContext6(TabsContext);
-  if (!context) {
-    throw new Error("`useTabs` must be used within a `<Tabs />`");
-  }
-  return context;
-};
-
-// src/components/Tabs/Tab.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var Tab = forwardRef5(
-  (_a, ref) => {
-    var _b = _a, { as: Component = "div", children, className, role = "presentation", value, onClick } = _b, rest = __objRest(_b, ["as", "children", "className", "role", "value", "onClick"]);
-    const tabRef = useRef2(null);
-    const tabs = useTabs();
-    const handleClick = (event) => {
-      const previousTab = tabs.previousTabRef.current;
-      const currentTab = tabRef.current;
-      if (!currentTab)
-        return;
-      if (previousTab) {
-        const previousIndicator = previousTab.querySelector(`.${PREFIX_CLS}tab__indicator`);
-        const currentIndicator = currentTab.querySelector(`.${PREFIX_CLS}tab__indicator`);
-        if (!previousIndicator || !currentIndicator)
-          return;
-        const from = {};
-        const fromRect = previousIndicator.getBoundingClientRect();
-        const fromPos = fromRect.left;
-        const fromWidth = fromRect.width;
-        const toRect = currentIndicator.getBoundingClientRect();
-        const toPos = toRect.left;
-        const toWidth = toRect.width;
-        const scale = fromWidth / toWidth;
-        if (scale) {
-          from["transform"] = `translateX(${(fromPos - toPos).toFixed(4)}px) scaleX(${scale.toFixed(4)})`;
-        } else {
-          from["opacity"] = 0;
-        }
-        const keyframes = [from, { transform: "none" }];
-        currentIndicator.animate(keyframes, {
-          duration: 250,
-          easing: "cubic-bezier(.3,0,0,1)"
-        });
-        tabs.previousTabRef.current = tabRef.current;
-      }
-      tabs.previousTabRef.current = tabRef.current;
-      tabs.onChange(value);
-      onClick == null ? void 0 : onClick(event);
-    };
-    useEffect4(() => {
-      if (value === tabs.value) {
-        tabs.previousTabRef.current = tabRef.current;
-      }
-    }, []);
-    return /* @__PURE__ */ jsxs6(
-      Component,
-      __spreadProps(__spreadValues({
-        ref: mergeRefs(tabRef, ref),
-        className: clsx7(`${PREFIX_CLS}tab`, { [`${PREFIX_CLS}tab--selected`]: value === tabs.value }, className),
-        role,
-        onClick: handleClick
-      }, rest), {
-        children: [
-          /* @__PURE__ */ jsx6("div", { className: `${PREFIX_CLS}overlay` }),
-          /* @__PURE__ */ jsx6("div", { className: `${PREFIX_CLS}tab__content`, children }),
-          /* @__PURE__ */ jsx6("div", { className: `${PREFIX_CLS}tab__indicator` })
-        ]
-      })
-    );
-  }
-);
-
-// src/components/Tabs/Tabs.tsx
-import clsx8 from "clsx";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState3 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var prefixCls = "us-";
-var Tabs = (_a) => {
-  var _b = _a, { children, className, value, defaultValue, onChange } = _b, rest = __objRest(_b, ["children", "className", "value", "defaultValue", "onChange"]);
-  const previousTabRef = useRef3(null);
-  const [selfValue, setSelfValue] = useState3(value != null ? value : defaultValue);
-  const handleChange = (value2) => {
-    setSelfValue(value2);
-    onChange == null ? void 0 : onChange(value2);
-  };
-  useEffect5(() => {
-    if (value !== void 0) {
-      setSelfValue(value);
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsxs7(TabsContext.Provider, { value: { previousTabRef, value: selfValue, onChange: handleChange }, children: [
-    /* @__PURE__ */ jsx7("div", __spreadProps(__spreadValues({ className: clsx8(`${prefixCls}tabs`, className) }, rest), { children })),
-    /* @__PURE__ */ jsx7("div", { className: `${prefixCls}divider` })
-  ] });
-};
-
-// src/components/DropdownEnumList.tsx
-import { DropDownList } from "@progress/kendo-react-dropdowns";
-import { useEffect as useEffect6, useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx8 } from "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] = useState4("");
-  const [data, setData] = useState4([]);
-  useEffect6(() => {
-    setData(
-      parsearDataForComboBox(EnumToArray(dataEnum, true, description), "value", "label", false).sort(
-        (a, b) => Number(a.key) - Number(b.key)
-      )
-    );
-  }, []);
-  useEffect6(() => {
-    if (data.length > 0) {
-      setValue(data.filter((x) => x.key == defaultValue)[0]);
-    }
-  }, [data]);
-  const handleOptionClick = (e) => {
-    onChange(e);
-    setValue(e);
-  };
-  return /* @__PURE__ */ jsx8(Fragment2, { children: /* @__PURE__ */ jsx8(
-    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
-import { createContext as createContext5, useState as useState6 } from "react";
-
-// src/hooks/useLocalStorage.tsx
-import { useCallback, useEffect as useEffect8, useState as useState5 } from "react";
-
-// src/hooks/useEventListener.tsx
-import { useRef as useRef4 } from "react";
-
-// src/hooks/useIsomorphicLayoutEffect.tsx
-import { useEffect as useEffect7, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect7;
-var useIsomorphicLayoutEffect_default = useIsomorphicLayoutEffect;
-
-// src/hooks/useEventListener.tsx
-function useEventListener(handler) {
-  const savedHandler = useRef4(handler);
-  useIsomorphicLayoutEffect_default(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-}
-var useEventListener_default = useEventListener;
-
-// src/hooks/useLocalStorage.tsx
-function useLocalStorage(key, initialValue) {
-  const readValue = useCallback(() => {
-    if (typeof window === "undefined") {
-      return initialValue;
-    }
-    try {
-      const item = window.localStorage.getItem(key);
-      return item ? parseJSON(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key \u201C${key}\u201D:`, error);
-      return initialValue;
-    }
-  }, [initialValue, key]);
-  const [storedValue, setStoredValue] = useState5(readValue);
-  const setValue = useCallback(
-    (value) => {
-      if (typeof window == "undefined") {
-        console.warn(`Tried setting localStorage key \u201C${key}\u201D even though environment is not a client`);
-      }
-      try {
-        const newValue = value instanceof Function ? value(storedValue) : value;
-        window.localStorage.setItem(key, JSON.stringify(newValue));
-        setStoredValue(newValue);
-        window.dispatchEvent(new Event("local-storage"));
-      } catch (error) {
-        console.warn(`Error setting localStorage key \u201C${key}\u201D:`, error);
-      }
-    },
-    [key, storedValue]
-  );
-  useEffect8(() => {
-    setStoredValue(readValue());
-  }, []);
-  const handleStorageChange = useCallback(() => {
-    setStoredValue(readValue());
-  }, [readValue]);
-  useEventListener_default("storage", handleStorageChange);
-  useEventListener_default("local-storage", handleStorageChange);
-  return [storedValue, setValue];
-}
-function parseJSON(value) {
-  try {
-    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
-  } catch (e) {
-    console.log("parsing error on", { value });
-    return void 0;
-  }
-}
-
-// src/contexts/BreadCrumbContext.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var BreadCrumbContext = createContext5({});
-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] = useState6([]);
-  return /* @__PURE__ */ jsx9(
-    BreadCrumbContext.Provider,
-    {
-      value: {
-        active,
-        setActive,
-        path,
-        setPath,
-        goBack,
-        setGoBack,
-        pathChild,
-        setPathChild,
-        routes,
-        setRoutes
-      },
-      children
-    }
-  );
-};
-
-// src/contexts/DrawerContext.tsx
-import { createContext as createContext6, useState as useState7 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DrawerContext = createContext6({});
-var DrawerContextProvider = ({ children }) => {
-  const [active, setActive] = useState7(false);
-  return /* @__PURE__ */ jsx10(DrawerContext.Provider, { value: { active, setActive }, children });
-};
-
-// src/contexts/HistoryContext.tsx
-import { createContext as createContext7 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var HistoryContext = createContext7({});
-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__ */ jsx11(HistoryContext.Provider, { value: { list, updateList }, children });
-};
-
-// src/contexts/SidebarMainContext.tsx
-import { createContext as createContext8, useState as useState8 } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var SidebarMainContext = createContext8({});
-var SidebarMainContextProvider = ({ children }) => {
-  const [open2, setOpen] = useState8(true);
-  return /* @__PURE__ */ jsx12(SidebarMainContext.Provider, { value: { open: open2, setOpen }, children });
-};
-
-// src/contexts/GlobalProvider.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-function GlobalProvider({ children }) {
-  return /* @__PURE__ */ jsx13(HistoryContextProvider, { children: /* @__PURE__ */ jsx13(BreadCrumbContextProvider, { children: /* @__PURE__ */ jsx13(SidebarMainContextProvider, { children: /* @__PURE__ */ jsx13(DrawerContextProvider, { children }) }) }) });
-}
-
-// src/hooks/usePrevious.tsx
-import { useEffect as useEffect9, useRef as useRef5 } from "react";
-var usePrevious = (value) => {
-  const ref = useRef5();
-  useEffect9(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
-// src/hooks/useStep.tsx
-import { useCallback as useCallback2, useMemo as useMemo4, useState as useState9 } from "react";
-var useStep = (maxStep) => {
-  const [currentStep, setCurrentStep] = useState9(1);
-  const canGoToNextStep = useMemo4(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
-  const canGoToPrevStep = useMemo4(() => currentStep - 1 >= 1, [currentStep]);
-  const setStep = useCallback2(
-    (step) => {
-      const newStep = step instanceof Function ? step(currentStep) : step;
-      if (newStep >= 1 && newStep <= maxStep) {
-        setCurrentStep(newStep);
-        return;
-      }
-      throw new Error("Step not valid");
-    },
-    [maxStep, currentStep]
-  );
-  const goToNextStep = useCallback2(() => {
-    if (canGoToNextStep) {
-      setCurrentStep((step) => step + 1);
-    }
-  }, [canGoToNextStep]);
-  const goToPrevStep = useCallback2(() => {
-    if (canGoToPrevStep) {
-      setCurrentStep((step) => step - 1);
-    }
-  }, [canGoToPrevStep]);
-  const reset = useCallback2(() => {
-    setCurrentStep(1);
-  }, []);
-  return [
-    currentStep,
-    {
-      goToNextStep,
-      goToPrevStep,
-      canGoToNextStep,
-      canGoToPrevStep,
-      setStep,
-      reset
-    }
-  ];
-};
-
-// src/layout/AppBreadcrumb.tsx
-import { useContext as useContext7, useEffect as useEffect10 } from "react";
-import { MdClose } from "react-icons/md";
-import { VscChevronRight } from "react-icons/vsc";
-import { Link as Link3 } from "react-router-dom";
-
-// src/styled-components/breadcrumb.ts
-import styled from "styled-components";
-var Breadcrumb = styled.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 = styled.div`
-	font-family: 'Inter', sans-serif;
-	font-weight: bold;
-	font-size: 1.2rem !important;
-	color: #92190e;
-	margin-top: 15px;
-`;
-var TitlePage = styled.div`
-	font-family: 'Inter', sans-serif;
-	font-weight: bold;
-	font-size: 1.2rem !important;
-	color: #92190e;
-	margin-top: 15px;
-`;
-
-// src/styled-components/menu.ts
-import { Link } from "react-router-dom";
-import styled2 from "styled-components";
-var MenuItem2 = styled2(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 = styled2.p`
-	font-size: 16px;
-	font-weight: bold !important;
-`;
-
-// src/styled-components/navbar.ts
-import styled3 from "styled-components";
-var Navbar = styled3.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
-import styled4 from "styled-components";
-var MenuOptions = styled4.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
-import { Link as Link2 } from "react-router-dom";
-import styled5 from "styled-components";
-var ItemSidebar = styled5.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 = styled5.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 = styled5.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 = styled5(Link2)`
-	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
-import styled6 from "styled-components";
-var Main = styled6.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 = styled6.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
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
-var AppBreadCrumb = ({ title, paths }) => {
-  const { setRoutes } = useContext7(BreadCrumbContext);
-  useEffect10(() => {
-    if (!(paths == null ? void 0 : paths.length))
-      return;
-    setRoutes(paths != null ? paths : []);
-  }, []);
-  return /* @__PURE__ */ jsx14(BreadCrumbTitle, { children: title != null ? title : "Home" });
-};
-var AppBreadCrumbNav = ({
-  paths,
-  onPush
-}) => {
-  const { active, path, routes, setRoutes } = useContext7(BreadCrumbContext);
-  const { updateList } = useContext7(HistoryContext);
-  useEffect10(() => {
-    updateList({ name: active, path });
-  }, [path, active]);
-  useEffect10(() => {
-    setRoutes(paths != null ? paths : []);
-  }, [paths]);
-  return /* @__PURE__ */ jsxs8(Breadcrumb, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "d-flex align-items-center", children: [
-      /* @__PURE__ */ jsx14(Link3, { to: "/", className: "link", children: "HOME" }),
-      routes.length > 0 && /* @__PURE__ */ jsx14(VscChevronRight, { color: "black" }),
-      routes.length > 0 ? routes.map((i, idx, arr) => {
-        if (i.route === -1) {
-          return /* @__PURE__ */ jsxs8("span", { className: "link", onClick: () => onPush(-1), children: [
-            i.title,
-            " ",
-            idx + 1 === arr.length ? "" : /* @__PURE__ */ jsx14(VscChevronRight, { color: "black" })
-          ] }, idx);
-        }
-        return /* @__PURE__ */ jsxs8(Link3, { to: i.route, className: "link", children: [
-          i.title,
-          " ",
-          idx + 1 === arr.length ? "" : /* @__PURE__ */ jsx14(VscChevronRight, { color: "black" })
-        ] }, idx);
-      }) : ""
-    ] }),
-    /* @__PURE__ */ jsx14(
-      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__ */ jsx14(MdClose, { fontSize: 20 })
-      }
-    )
-  ] });
-};
-
-// src/layout/AppLoader.tsx
-import { useEffect as useEffect11 } from "react";
-import ReactDOM from "react-dom";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var LoaderGrid = () => {
-  const Loader = /* @__PURE__ */ jsxs9("div", { className: "k-loading-mask", children: [
-    /* @__PURE__ */ jsx15("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ jsx15("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ jsx15("div", { className: "k-loading-color" })
-  ] });
-  const gridContent = document && document.querySelector(".k-grid-content");
-  const reportContent = document && document.querySelector(".loading-report");
-  return gridContent ? ReactDOM.createPortal(Loader, gridContent) : reportContent ? ReactDOM.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__ */ jsxs9("div", { className: `${type}-loading k-loading-mask`, children: [
-    /* @__PURE__ */ jsx15("span", { className: "k-loading-text", children: "Loading" }),
-    /* @__PURE__ */ jsx15("div", { className: "k-loading-image" }),
-    /* @__PURE__ */ jsx15("div", { className: "k-loading-color" })
-  ] });
-  useEffect11(() => {
-    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 ? ReactDOM.createPortal(Loading, parentEl) : Loading;
-};
-
-// src/layout/NavOptions.tsx
-import { Dropdown } from "react-bootstrap";
-import { BsArrowsFullscreen } from "react-icons/bs";
-import { FiCheckCircle, FiFilter, FiPlusSquare, FiRefreshCcw, FiSave } from "react-icons/fi";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-var NavOptions = ({
-  exportExcel,
-  customButtons,
-  onCreate,
-  onRefresh,
-  onSelect,
-  onClear,
-  onExpandScreen
-}) => {
-  return /* @__PURE__ */ jsxs10(MenuOptions, { children: [
-    onCreate && /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: onCreate, children: [
-      /* @__PURE__ */ jsx16(FiPlusSquare, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ jsx16("span", { className: "text", children: "New" })
-    ] }),
-    onRefresh && /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: onRefresh, children: [
-      /* @__PURE__ */ jsx16(FiRefreshCcw, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ jsx16("span", { className: "text", children: "Refresh" })
-    ] }),
-    exportExcel && exportExcel.length > 0 && /* @__PURE__ */ jsxs10(Dropdown, { className: "button-option", children: [
-      /* @__PURE__ */ jsxs10(
-        Dropdown.Toggle,
-        {
-          id: "btnExport",
-          className: "p-2 bg-light text-dark border-0 font-weight-bold",
-          title: "Export to Excel",
-          children: [
-            /* @__PURE__ */ jsx16(FiSave, { className: "icon" }),
-            /* @__PURE__ */ jsx16(
-              "span",
-              {
-                style: {
-                  fontSize: "13px",
-                  fontFamily: '"Inter", sans-serif'
-                },
-                className: "text",
-                children: "Export"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx16(Dropdown.Menu, { children: exportExcel.map((item, index) => {
-        return /* @__PURE__ */ jsxs10(Dropdown.Item, { onClick: item.onAction, children: [
-          /* @__PURE__ */ jsx16("i", { className: `${item.classNameIcon}   mr-2` }),
-          " ",
-          item.title
-        ] }, index);
-      }) })
-    ] }),
-    onSelect && /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: onSelect, children: [
-      /* @__PURE__ */ jsx16(FiCheckCircle, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ jsx16("span", { className: "text", children: "Select All" })
-    ] }),
-    onClear && /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: onClear, children: [
-      /* @__PURE__ */ jsx16(FiFilter, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ jsx16("span", { className: "text", children: "Clear Filters" })
-    ] }),
-    onExpandScreen && /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: onExpandScreen, children: [
-      /* @__PURE__ */ jsx16(BsArrowsFullscreen, { className: "icon" }),
-      " ",
-      /* @__PURE__ */ jsx16("span", { className: "text", children: "Full Page" })
-    ] }),
-    customButtons == null ? void 0 : customButtons.map((custom, index) => {
-      if (custom.render) {
-        return custom.render;
-      }
-      return /* @__PURE__ */ jsxs10("button", { className: "button-option", onClick: custom.onAction, children: [
-        custom.Icon !== void 0 && /* @__PURE__ */ jsx16(custom.Icon, { className: "icon" }),
-        /* @__PURE__ */ jsx16("span", { className: "text", children: custom.title })
-      ] }, index);
-    })
-  ] });
-};
-
-// src/layout/title.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Title = ({ title }) => {
-  return /* @__PURE__ */ jsx17(TitlePage, { children: title != null ? title : "Home" });
-};
-export {
-  AppBreadCrumb,
-  AppBreadCrumbNav,
-  AppLoader,
-  BreadCrumbContext,
-  BreadCrumbContextProvider,
-  BreadCrumbTitle,
-  Breadcrumb,
-  Button,
-  CloseIcon,
-  Collapse_default as Collapse,
-  CollapseContent_default as CollapseContent,
-  CollapseContext_default as CollapseContext,
-  CollapseTrigger_default as CollapseTrigger,
-  DrawerContext,
-  DrawerContextProvider,
-  DropEnumList,
-  GlobalProvider,
-  HistoryContext,
-  HistoryContextProvider,
-  ItemLinkSidebar,
-  ItemSidebar,
-  LoaderGrid,
-  Main,
-  Menu_default as Menu,
-  MenuContext_default as MenuContext,
-  MenuGroup_default as MenuGroup,
-  MenuItem_default as MenuItem,
-  MenuItem2 as MenuItems,
-  MenuOptions,
-  MenuSubmenu_default as MenuSubmenu,
-  MenuTitle,
-  MenuValueContext_default as MenuValueContext,
-  NavOptions,
-  Navbar,
-  SidebarMainContext,
-  SidebarMainContextProvider,
-  SidebarNavigation,
-  Tab,
-  Tabs,
-  Title,
-  getOpenValuesByPathname,
-  useCollapse,
-  useLocalStorage,
-  useMenu,
-  useMenuItemValue,
-  usePrevious,
-  useStep
-};