@unifiedsoftware/react-ui 1.0.8-beta → 1.0.9

package/dist/index.js

@@ -111,103 +111,91 @@ var Badge_default = Badge;
 
 // src/components/Button/Button.tsx
 var import_clsx3 = __toESM(require("clsx"));
-var import_react4 = require("react");
-
-// ../../../node_modules/react-icons/lib/esm/iconBase.js
-var import_react2 = __toESM(require("react"));
+var import_react5 = require("react");
 
-// ../../../node_modules/react-icons/lib/esm/iconContext.js
-var import_react = __toESM(require("react"));
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react.default.createContext && import_react.default.createContext(DefaultContext);
+// 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;
 
-// ../../../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_react2.default.createElement(node.tag, __assign({
-      key: i
-    }, node.attr), Tree2Element(node.child));
-  });
-}
-function GenIcon(data) {
-  return function(props) {
-    return import_react2.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_react2.default.createElement("svg", __assign({
+// src/icons/ChevronUpIcon.tsx
+var import_react2 = require("react");
+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",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: __assign(__assign({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
+      "stroke-width": "0",
+      viewBox: "0 0 24 24",
+      height: "1em",
+      width: "1em",
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && import_react2.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? import_react2.default.createElement(IconContext.Consumer, null, function(conf) {
-    return elem(conf);
-  }) : elem(DefaultContext);
-}
+    }, 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;
 
-// ../../../node_modules/react-icons/tb/index.esm.js
-function TbLoader2(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": "M12 3a9 9 0 1 0 9 9" } }] })(props);
-}
-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/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_react3 = require("react");
-var Icon = (0, import_react3.forwardRef)(({ children, size }, ref) => {
-  const child = import_react3.Children.only(children);
-  return (0, import_react3.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)
@@ -216,8 +204,8 @@ var Icon = (0, import_react3.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_react4.forwardRef)(
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Button = (0, import_react5.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       as: Component = "button",
@@ -246,7 +234,7 @@ var Button = (0, import_react4.forwardRef)(
       "loading",
       "disabled"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       Component,
       __spreadProps(__spreadValues({
         ref,
@@ -265,10 +253,10 @@ var Button = (0, import_react4.forwardRef)(
         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)(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
         ]
       })
@@ -278,12 +266,12 @@ var Button = (0, import_react4.forwardRef)(
 
 // src/components/Chip/Chip.tsx
 var import_clsx4 = __toESM(require("clsx"));
-var import_react5 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Chip = (0, import_react5.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,
@@ -298,8 +286,8 @@ var Chip = (0, import_react5.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
         ]
       })
@@ -309,13 +297,13 @@ var Chip = (0, import_react5.forwardRef)(
 var Chip_default = Chip;
 
 // src/components/Collapse/Collapse.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/components/Collapse/CollapseContext.tsx
-var import_react6 = require("react");
-var CollapseContext = (0, import_react6.createContext)(null);
+var import_react7 = require("react");
+var CollapseContext = (0, import_react7.createContext)(null);
 var useCollapse = () => {
-  const context = (0, import_react6.useContext)(CollapseContext);
+  const context = (0, import_react7.useContext)(CollapseContext);
   if (!context) {
     throw new Error("`useCollapse` must be used within a `<Collapse />`");
   }
@@ -324,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_react7.useRef)(null);
-  const [selfIsOpen, setSelfIsOpen] = (0, import_react7.useState)(isOpen != null ? isOpen : false);
-  const [heightAuto, setHeightAuto] = (0, import_react7.useState)(false);
-  const [trigger, content] = import_react7.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();
@@ -342,7 +330,7 @@ var Collapse = ({ children, isOpen, onOpen, onClose, onToggle }) => {
     setSelfIsOpen((prevState) => !prevState);
     onToggle == null ? void 0 : onToggle();
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isOpen !== void 0) {
       setSelfIsOpen(isOpen);
     }
@@ -354,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: {
@@ -376,12 +364,12 @@ var Collapse_default = Collapse;
 
 // src/components/Collapse/CollapseContent.tsx
 var import_clsx5 = __toESM(require("clsx"));
-var import_react8 = require("react");
-var CollapseContent = (0, import_react8.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_react8.Children.only(children);
-  return (0, import_react8.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) {
@@ -397,11 +385,11 @@ var CollapseContent = (0, import_react8.forwardRef)(({ children }, ref) => {
 var CollapseContent_default = CollapseContent;
 
 // src/components/Collapse/CollapseTrigger.tsx
-var import_react9 = require("react");
-var CollapseTrigger = (0, import_react9.forwardRef)(({ children }, ref) => {
+var import_react10 = require("react");
+var CollapseTrigger = (0, import_react10.forwardRef)(({ children }, ref) => {
   const { collapseRef, onToggle } = useCollapse();
-  const child = import_react9.Children.only(children);
-  return (0, import_react9.cloneElement)(child, __spreadValues({
+  const child = import_react10.Children.only(children);
+  return (0, import_react10.cloneElement)(child, __spreadValues({
     ref,
     onClick: (event) => {
       var _a, _b;
@@ -417,13 +405,13 @@ var CollapseTrigger_default = CollapseTrigger;
 
 // src/components/Menu/Menu.tsx
 var import_clsx9 = __toESM(require("clsx"));
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/components/Menu/MenuContext.tsx
-var import_react10 = require("react");
-var MenuContext = (0, import_react10.createContext)(null);
+var import_react11 = require("react");
+var MenuContext = (0, import_react11.createContext)(null);
 var useMenu = () => {
-  const context = (0, import_react10.useContext)(MenuContext);
+  const context = (0, import_react11.useContext)(MenuContext);
   if (!context) {
     throw new Error("`useMenu` must be used within a `<Menu />`");
   }
@@ -433,17 +421,17 @@ var MenuContext_default = MenuContext;
 
 // src/components/Menu/MenuGroup.tsx
 var import_clsx8 = __toESM(require("clsx"));
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/components/Menu/MenuItem.tsx
 var import_clsx6 = __toESM(require("clsx"));
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/components/Menu/MenuValueContext.tsx
-var import_react11 = require("react");
-var MenuValueContext = (0, import_react11.createContext)([]);
+var import_react12 = require("react");
+var MenuValueContext = (0, import_react12.createContext)([]);
 var useMenuItemValue = () => {
-  const context = (0, import_react11.useContext)(MenuValueContext);
+  const context = (0, import_react12.useContext)(MenuValueContext);
   if (!context) {
     throw new Error("`useMenuValue` must be used within a `<MenuValueContext.Provider />`");
   }
@@ -452,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_react12.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_react12.useContext)(MenuValueContext_default);
+  const values = (0, import_react13.useContext)(MenuValueContext_default);
   const mergedValues = [...values, value];
   const handleClick = (event) => {
     if (value !== void 0) {
@@ -465,13 +453,13 @@ var MenuItem = (0, import_react12.forwardRef)((props, ref) => {
     onClick == null ? void 0 : onClick(event);
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react12.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,
@@ -489,9 +477,9 @@ var MenuItem = (0, import_react12.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 }) })
       ]
     })
   );
@@ -501,15 +489,7 @@ var MenuItem_default = MenuItem;
 
 // src/components/Menu/MenuSubmenu.tsx
 var import_clsx7 = __toESM(require("clsx"));
-var import_react13 = require("react");
-
-// ../../../node_modules/react-icons/md/index.esm.js
-function MdKeyboardArrowDown(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0V0z" } }, { "tag": "path", "attr": { "d": "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" } }] })(props);
-}
-function MdKeyboardArrowUp(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" } }, { "tag": "path", "attr": { "d": "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" } }] })(props);
-}
+var import_react14 = require("react");
 
 // src/components/Menu/utils.ts
 var getOpenValuesByPathname = (pathname) => {
@@ -535,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,
@@ -558,18 +538,18 @@ var MenuSubmenu = (_a) => {
     "items",
     "onClick"
   ]);
-  const { value: menuValue, openValues, navMode, onOpen } = useMenu();
-  const values = (0, import_react13.useContext)(MenuValueContext_default);
+  const { value: menuValue, openValues, expandMode, onOpen } = useMenu();
+  const values = (0, import_react14.useContext)(MenuValueContext_default);
   const isOpen = openValues.includes(value);
   const mergedValues = [...values, value];
-  const content = (0, import_react13.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) => {
-    if (navMode === "multiple") {
+    if (expandMode === "multiple") {
       const updatedOpenValues = addOrRemoveValueInArray(openValues, value);
       onOpen(updatedOpenValues);
     } else {
@@ -583,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)(
@@ -600,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)(MdKeyboardArrowUp, { className: `${PREFIX_CLS}icon` }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(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`, {
@@ -621,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,
@@ -640,14 +620,14 @@ var MenuGroup = (_a) => {
     "level",
     "items"
   ]);
-  const content = (0, import_react14.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),
@@ -656,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 }) })
         ]
       })
     ),
@@ -667,14 +647,14 @@ 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,
     value: valueProp = [],
     defaultValue,
     openValues: openValuesProp,
-    navMode = "multiple",
+    expandMode = "multiple",
     openMode = "manual",
     items,
     onChange,
@@ -685,7 +665,7 @@ var Menu = (_a) => {
     "value",
     "defaultValue",
     "openValues",
-    "navMode",
+    "expandMode",
     "openMode",
     "items",
     "onChange",
@@ -693,12 +673,12 @@ var Menu = (_a) => {
     "onItemSelect"
   ]);
   var _a2;
-  const [selfValue, setSelfValue] = (0, import_react15.useState)((_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : []);
-  const [selfOpenValues, setSelfOpenValues] = (0, import_react15.useState)(openValuesProp != null ? openValuesProp : []);
-  const content = (0, import_react15.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) => {
@@ -718,30 +698,30 @@ var Menu = (_a) => {
   const handleItemSelect = (props) => {
     onItemSelect == null ? void 0 : onItemSelect(props);
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (valueProp !== void 0 && openMode !== "automatic") {
       setSelfValue(valueProp);
     }
   }, [valueProp]);
-  (0, import_react15.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: {
         value: selfValue,
         originalValue: valueProp,
         openValues: selfOpenValues,
-        navMode,
+        expandMode,
         openMode,
         onOpen: handleOpen,
         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 }))
     }
   );
 };
@@ -751,13 +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_react17 = require("react");
+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_react16 = require("react");
-var TabsContext = (0, import_react16.createContext)(null);
+var import_react19 = require("react");
+var TabsContext = (0, import_react19.createContext)(null);
 var useTabs = () => {
-  const context = (0, import_react16.useContext)(TabsContext);
+  const context = (0, import_react19.useContext)(TabsContext);
   if (!context) {
     throw new Error("`useTabs` must be used within a `<Tabs />`");
   }
@@ -765,8 +831,8 @@ var useTabs = () => {
 };
 
 // src/components/Tabs/Tab.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Tab = (0, import_react17.forwardRef)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Tab = (0, import_react20.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       as: Component = "div",
@@ -787,8 +853,8 @@ var Tab = (0, import_react17.forwardRef)(
       "disabled",
       "onClick"
     ]);
-    const tabRef = (0, import_react17.useRef)(null);
-    const id = (0, import_react17.useId)();
+    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) => {
@@ -829,13 +895,13 @@ var Tab = (0, import_react17.forwardRef)(
       event.stopPropagation();
       onClose(value);
     };
-    (0, import_react17.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),
@@ -848,12 +914,12 @@ var Tab = (0, import_react17.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)(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` })
         ]
       })
     );
@@ -862,7 +928,7 @@ var Tab = (0, import_react17.forwardRef)(
 
 // src/components/Tabs/Tabs.tsx
 var import_clsx11 = __toESM(require("clsx"));
-var import_react18 = require("react");
+var import_react21 = require("react");
 
 // src/utils/scroll.ts
 var scrollToItem = (parentElement, currentElement) => {
@@ -890,7 +956,7 @@ var scrollToItem = (parentElement, currentElement) => {
 };
 
 // src/components/Tabs/Tabs.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Tabs = (_a) => {
   var _b = _a, {
     children,
@@ -909,11 +975,11 @@ var Tabs = (_a) => {
     "onChange",
     "onClose"
   ]);
-  const tabsRef = (0, import_react18.useRef)(null);
-  const tabRefs = (0, import_react18.useRef)({});
-  const previousTabRef = (0, import_react18.useRef)(null);
-  const [selfValue, setSelfValue] = (0, import_react18.useState)(value != null ? value : defaultValue);
-  const [items, setItems] = (0, import_react18.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);
@@ -940,24 +1006,24 @@ var Tabs = (_a) => {
   const handleClose = (value2) => {
     onClose == null ? void 0 : onClose(value2);
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (value !== void 0) {
       setSelfValue(value);
       scrollToTab(value);
     }
   }, [value]);
-  (0, import_react18.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,
@@ -966,26 +1032,26 @@ var Tabs = (_a) => {
             children
           })
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${PREFIX_CLS}divider` })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `${PREFIX_CLS}divider` })
       ]
     }
   );
 };
 
 // src/hooks/useLocalStorage.tsx
-var import_react21 = require("react");
+var import_react24 = require("react");
 
 // src/hooks/useEventListener.tsx
-var import_react20 = require("react");
+var import_react23 = require("react");
 
 // src/hooks/useIsomorphicLayoutEffect.tsx
-var import_react19 = require("react");
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react19.useLayoutEffect : import_react19.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_react20.useRef)(handler);
+  const savedHandler = (0, import_react23.useRef)(handler);
   useIsomorphicLayoutEffect_default(() => {
     savedHandler.current = handler;
   }, [handler]);
@@ -994,7 +1060,7 @@ var useEventListener_default = useEventListener;
 
 // src/hooks/useLocalStorage.tsx
 function useLocalStorage(key, initialValue) {
-  const readValue = (0, import_react21.useCallback)(() => {
+  const readValue = (0, import_react24.useCallback)(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -1006,8 +1072,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = (0, import_react21.useState)(readValue);
-  const setValue = (0, import_react21.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`);
@@ -1023,10 +1089,10 @@ function useLocalStorage(key, initialValue) {
     },
     [key, storedValue]
   );
-  (0, import_react21.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     setStoredValue(readValue());
   }, []);
-  const handleStorageChange = (0, import_react21.useCallback)(() => {
+  const handleStorageChange = (0, import_react24.useCallback)(() => {
     setStoredValue(readValue());
   }, [readValue]);
   useEventListener_default("storage", handleStorageChange);
@@ -1043,22 +1109,22 @@ function parseJSON(value) {
 }
 
 // src/hooks/usePrevious.tsx
-var import_react22 = require("react");
+var import_react25 = require("react");
 var usePrevious = (value) => {
-  const ref = (0, import_react22.useRef)();
-  (0, import_react22.useEffect)(() => {
+  const ref = (0, import_react25.useRef)();
+  (0, import_react25.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
 };
 
 // src/hooks/useStep.tsx
-var import_react23 = require("react");
+var import_react26 = require("react");
 var useStep = (maxStep) => {
-  const [currentStep, setCurrentStep] = (0, import_react23.useState)(1);
-  const canGoToNextStep = (0, import_react23.useMemo)(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
-  const canGoToPrevStep = (0, import_react23.useMemo)(() => currentStep - 1 >= 1, [currentStep]);
-  const setStep = (0, import_react23.useCallback)(
+  const [currentStep, setCurrentStep] = (0, import_react26.useState)(1);
+  const canGoToNextStep = (0, import_react26.useMemo)(() => currentStep + 1 <= maxStep, [currentStep, maxStep]);
+  const canGoToPrevStep = (0, import_react26.useMemo)(() => currentStep - 1 >= 1, [currentStep]);
+  const setStep = (0, import_react26.useCallback)(
     (step) => {
       const newStep = step instanceof Function ? step(currentStep) : step;
       if (newStep >= 1 && newStep <= maxStep) {
@@ -1069,17 +1135,17 @@ var useStep = (maxStep) => {
     },
     [maxStep, currentStep]
   );
-  const goToNextStep = (0, import_react23.useCallback)(() => {
+  const goToNextStep = (0, import_react26.useCallback)(() => {
     if (canGoToNextStep) {
       setCurrentStep((step) => step + 1);
     }
   }, [canGoToNextStep]);
-  const goToPrevStep = (0, import_react23.useCallback)(() => {
+  const goToPrevStep = (0, import_react26.useCallback)(() => {
     if (canGoToPrevStep) {
       setCurrentStep((step) => step - 1);
     }
   }, [canGoToPrevStep]);
-  const reset = (0, import_react23.useCallback)(() => {
+  const reset = (0, import_react26.useCallback)(() => {
     setCurrentStep(1);
   }, []);
   return [