@umami/react-zen 0.103.0 → 0.104.0

package/dist/index.js

@@ -167,7 +167,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames51() {
+      function classNames52() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -185,7 +185,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames51.apply(null, arg);
+          return classNames52.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -208,14 +208,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module2 !== "undefined" && module2.exports) {
-        classNames51.default = classNames51;
-        module2.exports = classNames51;
+        classNames52.default = classNames52;
+        module2.exports = classNames52;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames51;
+          return classNames52;
         });
       } else {
-        window.classNames = classNames51;
+        window.classNames = classNames52;
       }
     })();
   }
@@ -273,6 +273,8 @@ __export(index_exports, {
   MenuSeparator: () => MenuSeparator,
   MenuTrigger: () => $3674c52c6b3c5bce$export$27d2ad3c5815583e,
   Modal: () => Modal2,
+  NavMenu: () => NavMenu,
+  NavMenuItem: () => NavMenuItem,
   Navbar: () => Navbar,
   NavbarItem: () => NavbarItem,
   PasswordField: () => PasswordField,
@@ -30718,6 +30720,46 @@ function InlineEditField({
 var import_react184 = require("react");
 var import_classnames32 = __toESM(require_classnames());
 
+// src/lib/constants.ts
+var ACCENT_COLORS = [
+  "gray",
+  "gold",
+  "bronze",
+  "brown",
+  "yellow",
+  "amber",
+  "orange",
+  "tomato",
+  "red",
+  "ruby",
+  "crimson",
+  "pink",
+  "plum",
+  "purple",
+  "violet",
+  "iris",
+  "indigo",
+  "blue",
+  "cyan",
+  "teal",
+  "jade",
+  "green",
+  "grass",
+  "lime",
+  "mint",
+  "sky"
+];
+
+// src/lib/styles.ts
+function getHighlightColor(color) {
+  if (!color) return;
+  if (/\d+/.test(color)) {
+    return { "--highlight-color": `var(--base-color-${color})` };
+  } else if (ACCENT_COLORS.includes(color)) {
+    return { "--highlight-color": `var(--accent-color-${color})` };
+  }
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
 var List_default = { "list": "List_list__YjBiO", "separator": "List_separator__MjkwN", "section": "List_section__NmQzZ", "header": "List_header__MjQ4N", "item": "List_item__MWYwM", "checkmark": "List_checkmark__YjhhM", "hideCheckmark": "List_hideCheckmark__OTEyO" };
 
@@ -30784,12 +30826,6 @@ function ListSection({ title, className, children, ...props }) {
     children
   ] });
 }
-function getHighlightColor(color) {
-  if (!color) return;
-  if (/\d+/.test(color.toString())) {
-    return { "--highlight-color": `var(--base-color-${color})` };
-  }
-}
 
 // src/components/Loading.tsx
 var import_classnames33 = __toESM(require_classnames());
@@ -30896,76 +30932,99 @@ function NavbarItem({ label, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ...props, className: (0, import_classnames36.default)(Navbar_default.item, className), children });
 }
 
+// src/components/NavMenu.tsx
+var import_classnames37 = __toESM(require_classnames());
+
+// css-modules:E:\dev\umami-react-zen\src\components\NavMenu.module.css
+var NavMenu_default = { "navmenu": "NavMenu_navmenu__OTA1Y", "item": "NavMenu_item__MjE3M", "selected": "NavMenu_selected__YzUwN" };
+
+// src/components/NavMenu.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function NavMenu({ highlightColor, className, style, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    Column,
+    {
+      ...props,
+      className: (0, import_classnames37.default)(NavMenu_default.navmenu, className),
+      style: { ...style, ...getHighlightColor(highlightColor) },
+      children
+    }
+  );
+}
+function NavMenuItem({ isSelected, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Row, { ...props, className: (0, import_classnames37.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });
+}
+
 // src/components/PasswordField.tsx
 var import_react186 = require("react");
-var import_classnames37 = __toESM(require_classnames());
+var import_classnames38 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\PasswordField.module.css
 var PasswordField_default = { "icon": "PasswordField_icon__NTRlM" };
 
 // src/components/PasswordField.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PasswordField = (0, import_react186.forwardRef)(
   ({ label, className, ...props }, ref) => {
     const [show, setShow] = (0, import_react186.useState)(false);
     const type = show ? "text" : "password";
     const handleShowPassword = () => setShow((state) => !state);
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames37.default)(input_default.field, className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: input_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { onClick: handleShowPassword, className: (0, import_classnames37.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icons.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icons.Eye, {}) })
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames38.default)(input_default.field, className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: input_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { onClick: handleShowPassword, className: (0, import_classnames38.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.Eye, {}) })
       ] })
     ] });
   }
 );
 
 // src/components/Popover.tsx
-var import_classnames38 = __toESM(require_classnames());
+var import_classnames39 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Popover.module.css
 var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
 
 // src/components/Popover.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Popover2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames38.default)(Popover_default.popover, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames39.default)(Popover_default.popover, className), children });
 }
 
 // src/components/ProgressBar.tsx
-var import_classnames39 = __toESM(require_classnames());
+var import_classnames40 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressBar.module.css
 var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
 
 // src/components/ProgressBar.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function ProgressBar2({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames39.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: ProgressBar_default.value, children: valueText })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/ProgressCircle.tsx
-var import_classnames40 = __toESM(require_classnames());
+var import_classnames41 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressCircle.module.css
 var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
 
 // src/components/ProgressCircle.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
     const radius = 45;
     const circumference = radius * 2 * Math.PI;
     const offset = circumference - percentage / 100 * circumference;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -30977,41 +31036,41 @@ function ProgressCircle({ className, showValue, ...props }) {
           }
         )
       ] }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/RadioGroup.tsx
 var import_react187 = require("react");
-var import_classnames41 = __toESM(require_classnames());
+var import_classnames42 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
 var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjI3O", "radio": "RadioGroup_radio__NjJiN" };
 
 // src/components/RadioGroup.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var RadioGroup2 = (0, import_react187.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames41.default)(RadioGroup_default.radiogroup, className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Label2, { children: label }),
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames42.default)(RadioGroup_default.radiogroup, className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
       children
     ] });
   }
 );
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames41.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames42.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 var import_react188 = require("react");
-var import_classnames42 = __toESM(require_classnames());
+var import_classnames43 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\SearchField.module.css
 var SearchField_default = { "search": "SearchField_search__MzkwY", "input": "SearchField_input__OGFiY", "close": "SearchField_close__NmJkM" };
 
 // src/components/SearchField.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SearchField2 = (0, import_react188.forwardRef)(
   ({ label, placeholder, value, delay = 0, onSearch, className, ...props }, ref) => {
     const [search, setSearch] = (0, import_react188.useState)(value ?? "");
@@ -31031,32 +31090,32 @@ var SearchField2 = (0, import_react188.forwardRef)(
         onSearch?.(searchValue);
       }
     }, [searchValue, delay]);
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       $440f4836bcb56932$export$b94867ecbd698f21,
       {
         "aria-label": "Search",
         ...props,
         ref,
-        className: (0, import_classnames42.default)(input_default.field, className),
+        className: (0, import_classnames43.default)(input_default.field, className),
         onChange: handleChange,
         children: ({ state }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-            label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: input_default.row, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { className: (0, import_classnames42.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.MagnifyingGlass, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: input_default.row, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { className: (0, import_classnames43.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.MagnifyingGlass, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 $3985021b0ad6602f$export$f5b8910cec6cf069,
                 {
-                  className: (0, import_classnames42.default)(SearchField_default.input, input_default.input),
+                  className: (0, import_classnames43.default)(SearchField_default.input, input_default.input),
                   placeholder
                 }
               ),
-              state.value && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              state.value && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
                 {
-                  className: (0, import_classnames42.default)(SearchField_default.close, input_default.icon),
+                  className: (0, import_classnames43.default)(SearchField_default.close, input_default.icon),
                   onPress: resetSearch,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icons.Close, {}) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Close, {}) })
                 }
               )
             ] })
@@ -31069,7 +31128,7 @@ var SearchField2 = (0, import_react188.forwardRef)(
 
 // src/components/Select.tsx
 var import_react189 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Select2 = (0, import_react189.forwardRef)(
   ({
     items = [],
@@ -31100,7 +31159,7 @@ var Select2 = (0, import_react189.forwardRef)(
       setSearch(value2);
       onSearch?.(value2);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       $82d7e5349645de74$export$ef9b1a59e592288f,
       {
         "aria-label": "Select",
@@ -31110,13 +31169,13 @@ var Select2 = (0, import_react189.forwardRef)(
         defaultSelectedKey: defaultValue,
         onSelectionChange: handleChange,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button2, { variant: "outline", ...buttonProps, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Chevron, {}) }) })
+          label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label2, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button2, { variant: "outline", ...buttonProps, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icons.Chevron, {}) }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Column, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Box, { padding: "2", border: true, borderRadius: true, backgroundColor: true, shadow: "3", children: [
-            allowSearch && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Box, { marginBottom: "2", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Column, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Box, { padding: "2", border: true, borderRadius: true, backgroundColor: true, shadow: "3", children: [
+            allowSearch && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Box, { marginBottom: "2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               SearchField2,
               {
                 value: search,
@@ -31126,8 +31185,8 @@ var Select2 = (0, import_react189.forwardRef)(
                 autoFocus: true
               }
             ) }),
-            isLoading && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            isLoading && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               List,
               {
                 ...listProps,
@@ -31145,13 +31204,13 @@ var Select2 = (0, import_react189.forwardRef)(
 
 // src/components/Sidebar.tsx
 var import_react190 = require("react");
-var import_classnames43 = __toESM(require_classnames());
+var import_classnames44 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
 var Sidebar_default = { "sidenav": "Sidebar_sidenav__ODc2Z", "header": "Sidebar_header__YWI3N", "name": "Sidebar_name__NThjO", "section": "Sidebar_section__YzQwN", "title": "Sidebar_title__NDBlN", "content": "Sidebar_content__NmUzM", "item": "Sidebar_item__ZjYxZ", "label": "Sidebar_label__OTI3N", "collapsed": "Sidebar_collapsed__NDY0N", "muted": "Sidebar_muted__NjI0N", "selected": "Sidebar_selected__N2RhZ", "variant-quiet": "Sidebar_variant-quiet__ZjllN", "variant-1": "Sidebar_variant-1__NmFhM", "variant-2": "Sidebar_variant-2__OWYzZ", "variant-3": "Sidebar_variant-3__ODk2Y", "noborder": "Sidebar_noborder__NTJlN" };
 
 // src/components/Sidebar.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react190.createContext)(null);
 function Sidebar({
   variant = "1",
@@ -31162,11 +31221,11 @@ function Sidebar({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SidebarContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     Column,
     {
       ...props,
-      className: (0, import_classnames43.default)(
+      className: (0, import_classnames44.default)(
         Sidebar_default.sidenav,
         isCollapsed && Sidebar_default.collapsed,
         muteItems && Sidebar_default.muted,
@@ -31182,9 +31241,9 @@ function SidebarSection({
   title,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Column, { className: Sidebar_default.section, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: Sidebar_default.title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: Sidebar_default.content, children })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Column, { className: Sidebar_default.section, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: Sidebar_default.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: Sidebar_default.content, children })
   ] });
 }
 function SidebarHeader({
@@ -31194,9 +31253,9 @@ function SidebarHeader({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Row, { ...props, className: (0, import_classnames43.default)(Sidebar_default.header, className), children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: (0, import_classnames43.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Row, { ...props, className: (0, import_classnames44.default)(Sidebar_default.header, className), children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { size: "sm", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: (0, import_classnames44.default)(Sidebar_default.name, Sidebar_default.label), children: label }),
     children
   ] });
 }
@@ -31209,43 +31268,43 @@ function SidebarItem({
   ...props
 }) {
   const { isCollapsed } = (0, import_react190.useContext)(SidebarContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       Row,
       {
         ...props,
-        className: (0, import_classnames43.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
+        className: (0, import_classnames44.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { size: "sm", children: icon }),
-          label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text, { className: (0, import_classnames43.default)(Sidebar_default.label), children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { className: (0, import_classnames44.default)(Sidebar_default.label), children: label }),
           children
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Tooltip2, { placement: "right", children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
 // src/components/Slider.tsx
 var import_react191 = require("react");
-var import_classnames44 = __toESM(require_classnames());
+var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Slider.module.css
 var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
 
 // src/components/Slider.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Slider2 = (0, import_react191.forwardRef)(
   ({ className, showValue = true, label, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames44.default)(Slider_default.slider, className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: Slider_default.header, children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label2, { className: Slider_default.label, children: label }),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames45.default)(Slider_default.slider, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: Slider_default.header, children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Label2, { className: Slider_default.label, children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
         const isHorizontal = state.orientation === "horizontal";
-        return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "div",
             {
               className: Slider_default.fill,
@@ -31254,7 +31313,7 @@ var Slider2 = (0, import_react191.forwardRef)(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
         ] });
       } })
     ] });
@@ -31262,20 +31321,20 @@ var Slider2 = (0, import_react191.forwardRef)(
 );
 
 // src/components/StatusLight.tsx
-var import_classnames45 = __toESM(require_classnames());
+var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\StatusLight.module.css
 var StatusLight_default = { "statuslight": "StatusLight_statuslight__MTliM", "status": "StatusLight_status__MDNmO", "bg": "StatusLight_bg__MjVjN", "success": "StatusLight_success__ZWI1N", "warning": "StatusLight_warning__YWRmM", "error": "StatusLight_error__NjdjM", "active": "StatusLight_active__NGZiY", "inactive": "StatusLight_inactive__NDI0Z" };
 
 // src/components/StatusLight.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { ...domProps, className: (0, import_classnames45.default)(StatusLight_default.statuslight, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ...domProps, className: (0, import_classnames46.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       "div",
       {
-        className: (0, import_classnames45.default)(StatusLight_default.status, StatusLight_default[variant]),
+        className: (0, import_classnames46.default)(StatusLight_default.status, StatusLight_default[variant]),
         style: { backgroundColor: color }
       }
     ) }),
@@ -31285,27 +31344,27 @@ function StatusLight(props) {
 
 // src/components/Switch.tsx
 var import_react192 = require("react");
-var import_classnames46 = __toESM(require_classnames());
+var import_classnames47 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Switch.module.css
 var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
 
 // src/components/Switch.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Switch2 = (0, import_react192.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label2, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Label2, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
         $8e59e948500a8fe1$export$b5d5cf8927ab7262,
         {
           ...props,
           isSelected,
           ref,
-          className: (0, import_classnames46.default)(Switch_default.switch, className),
+          className: (0, import_classnames47.default)(Switch_default.switch, className),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: Switch_default.knob }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Switch_default.knob }) }),
             children
           ]
         }
@@ -31318,52 +31377,52 @@ var Switch2 = (0, import_react192.forwardRef)(
 var Tabs_default = { "tabs": "Tabs_tabs__OWVjO", "list": "Tabs_list__YWRjM", "tab": "Tabs_tab__ZjgwM", "quiet": "Tabs_quiet__ZTQ1O" };
 
 // src/components/Tabs.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Tabs2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
 function TabList2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
 function Tab({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
 function TabPanel2({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/TextArea.tsx
 var import_react193 = require("react");
-var import_classnames47 = __toESM(require_classnames());
+var import_classnames48 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextArea.module.css
 var TextArea_default = { "textarea": "TextArea_textarea__MTk5Y", "resize-none": "TextArea_resize-none__OTJhY", "resize-horizontal": "TextArea_resize-horizontal__YWIyZ", "resize-vertical": "TextArea_resize-vertical__NTM3O" };
 
 // src/components/TextArea.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var TextArea2 = (0, import_react193.forwardRef)(
   ({ rows, cols, resize, className, style, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       TextField2,
       {
         ...props,
         ref,
-        className: (0, import_classnames47.default)(resize && TextArea_default[`resize-${resize}`]),
+        className: (0, import_classnames48.default)(resize && TextArea_default[`resize-${resize}`]),
         asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
       }
     );
   }
 );
 
 // src/components/ThemeButton.tsx
-var import_classnames48 = __toESM(require_classnames());
+var import_classnames49 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
 var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
 
 // src/components/ThemeButton.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function ThemeButton({
   className,
   variant = "quiet",
@@ -31388,17 +31447,17 @@ function ThemeButton({
     setTheme2(theme === "light" ? "dark" : "light");
     onPress?.(e);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     Button2,
     {
       ...props,
-      className: (0, import_classnames48.default)(ThemeButton_default.button, className),
+      className: (0, import_classnames49.default)(ThemeButton_default.button, className),
       variant,
       onPress: handleClick,
       children: [
         transitions((style, item) => (
           // @ts-ignore
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icons.Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icons.Moon, {}) }) }, item)
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(animated.div, { style, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon, { size: "sm", children: item === "light" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icons.Sun, {}) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icons.Moon, {}) }) }, item)
         )),
         "\xA0"
       ]
@@ -31408,25 +31467,25 @@ function ThemeButton({
 
 // src/components/Toggle.tsx
 var import_react194 = require("react");
-var import_classnames49 = __toESM(require_classnames());
+var import_classnames50 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Toggle.module.css
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Toggle = (0, import_react194.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Label2, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         $efde0372d7a700fe$export$d2b052e7b4be1756,
         {
           ...props,
           ref,
           isSelected,
-          className: (0, import_classnames49.default)(Toggle_default.toggle, className),
+          className: (0, import_classnames50.default)(Toggle_default.toggle, className),
           children
         }
       )
@@ -31435,13 +31494,13 @@ var Toggle = (0, import_react194.forwardRef)(
 );
 
 // src/components/ToggleGroup.tsx
-var import_classnames50 = __toESM(require_classnames());
+var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ToggleGroup.module.css
 var ToggleGroup_default = { "group": "ToggleGroup_group__NTgyM", "list": "ToggleGroup_list__OWIyM", "item": "ToggleGroup_item__NDJmZ" };
 
 // src/components/ToggleGroup.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function ToggleGroup({
   label,
   value,
@@ -31459,7 +31518,7 @@ function ToggleGroup({
     onSelectionChange?.(keys);
     onChange?.(Array.from(keys).map((k) => k.toString()));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     $eaf9e70818b436db$export$67ea30858aaf75e3,
     {
       ...props,
@@ -31467,26 +31526,26 @@ function ToggleGroup({
       defaultSelectedKeys: defaultValue || defaultSelectedKeys,
       selectionMode,
       onSelectionChange: handleChange,
-      className: (0, import_classnames50.default)(ToggleGroup_default.group, className),
+      className: (0, import_classnames51.default)(ToggleGroup_default.group, className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label2, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+        label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label2, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
       ]
     }
   );
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames50.default)(ToggleGroup_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames51.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var defaultToastCofig = {
   duration: 3e3
 };
 function ZenProvider({ children, ...props }) {
   const { toast = defaultToastCofig } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ToastProvider, { ...toast, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ToastProvider, { ...toast, children });
 }
 /*! Bundled license information: