@umami/react-zen 0.185.0 → 0.187.0

package/dist/index.mjs

@@ -33092,7 +33092,7 @@ import { Children as Children2, createElement as createElement7 } from "react";
 var import_classnames27 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
-var Table_default = { "table": "Table_table__YjllN", "header": "Table_header__NmE0Y", "body": "Table_body__ZWYwN", "row": "Table_row__Y2M0Y", "column": "Table_column__ZGY2M", "cell": "Table_cell__MmZjM", "start": "Table_start__NGFiN", "center": "Table_center__NzFjM", "end": "Table_end__NmQyY" };
+var Table_default = { "table": "Table_table__NWMxN", "header": "Table_header__YzdmY", "body": "Table_body__Nzg5M", "row": "Table_row__ZWFmM", "column": "Table_column__YTdhZ", "cell": "Table_cell__MjU3N", "start": "Table_start__ZGIyN", "center": "Table_center__Yzg5M", "end": "Table_end__YjA1Y" };
 
 // src/components/Table.tsx
 import { jsx as jsx41 } from "react/jsx-runtime";
@@ -33359,6 +33359,24 @@ function HoverTrigger({
   ] });
 }
 
+// src/components/IconLabel.tsx
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+function IconLabel({
+  icon,
+  label,
+  iconProps,
+  labelProps,
+  showLabel = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs26(Row, { alignItems: "center", gap: true, width: "100%", ...props, children: [
+    /* @__PURE__ */ jsx48(Icon2, { ...iconProps, children: icon }),
+    showLabel && label && /* @__PURE__ */ jsx48(Text, { ...labelProps, children: label }),
+    showLabel && children
+  ] });
+}
+
 // src/components/Image.tsx
 var import_classnames33 = __toESM(require_classnames());
 
@@ -33366,7 +33384,7 @@ var import_classnames33 = __toESM(require_classnames());
 var Image_default = { "image": "Image_image__M2EyN", "centered": "Image_centered__ZDFhM", "fill": "Image_fill__YWJhZ", "contain": "Image_contain__ZjAyN", "cover": "Image_cover__ODA4Y", "none": "Image_none__YTdiZ", "scale-down": "Image_scale-down__ODNlN" };
 
 // src/components/Image.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Image({
   src,
   alt,
@@ -33379,7 +33397,7 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "img",
     {
       ...props,
@@ -33406,7 +33424,7 @@ import { useState as useState13, useCallback as useCallback2 } from "react";
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -33442,7 +33460,7 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "aria-label": "Edit",
@@ -33451,8 +33469,8 @@ function InlineEditField({
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ jsx49(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx49(SquarePen, {}) }),
-        edit && /* @__PURE__ */ jsx49(
+        !edit && /* @__PURE__ */ jsx50(Icon2, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx50(SquarePen, {}) }),
+        edit && /* @__PURE__ */ jsx50(
           TextField2,
           {
             name,
@@ -33475,7 +33493,7 @@ var import_classnames35 = __toESM(require_classnames());
 var Loading_default = { "loading": "Loading_loading__M2YyY", "absolute": "Loading_absolute__N2IxN", "center": "Loading_center__ZmUzM", "inline": "Loading_inline__MTFhM" };
 
 // src/components/Loading.tsx
-import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 function Loading({
   size,
   placement = "inline",
@@ -33483,9 +33501,9 @@ function Loading({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs27("div", { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
-    icon === "dots" && /* @__PURE__ */ jsx50(Dots, { size }),
-    icon === "spinner" && /* @__PURE__ */ jsx50(Spinner, { size })
+  return /* @__PURE__ */ jsxs28("div", { ...props, className: (0, import_classnames35.default)(Loading_default.loading, className, Loading_default[placement]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx51(Dots, { size }),
+    icon === "spinner" && /* @__PURE__ */ jsx51(Spinner, { size })
   ] });
 }
 
@@ -33493,12 +33511,12 @@ function Loading({
 var import_classnames36 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
-var Menu_default = { "menu": "Menu_menu__MDZlN", "separator": "Menu_separator__ZmMzZ", "section": "Menu_section__OGU4Y", "header": "Menu_header__YmNkN", "item": "Menu_item__YjkxY", "checkmark": "Menu_checkmark__OTM5Y", "hideCheckmark": "Menu_hideCheckmark__NWJjY", "label": "Menu_label__YjgwY" };
+var Menu_default = { "menu": "Menu_menu__YTM5N", "separator": "Menu_separator__YjFhN", "section": "Menu_section__NWFlM", "header": "Menu_header__YzJkN", "item": "Menu_item__NGRkO", "checkmark": "Menu_checkmark__MWQ1O", "hideCheckmark": "Menu_hideCheckmark__YzBhM", "label": "Menu_label__NGMxM", "content": "Menu_content__MTA2O" };
 
 // src/components/Menu.tsx
-import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function Menu2({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx51($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
+  return /* @__PURE__ */ jsx52($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({
   icon,
@@ -33509,27 +33527,42 @@ function MenuItem2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs28($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
-    /* @__PURE__ */ jsxs28("div", { className: Menu_default.label, children: [
-      icon && /* @__PURE__ */ jsx51(Icon2, { children: icon }),
-      label && /* @__PURE__ */ jsx51(Text, { children: label }),
-      children
-    ] }),
-    showChecked && /* @__PURE__ */ jsx51(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx51(Check, {}) }),
-    showSubMenuIcon && /* @__PURE__ */ jsx51(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsx51(ChevronRight, {}) })
+  return /* @__PURE__ */ jsxs29($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
+    /* @__PURE__ */ jsx52(IconLabel, { icon, label, children }),
+    showChecked && /* @__PURE__ */ jsx52(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx52(Check, {}) }),
+    showSubMenuIcon && /* @__PURE__ */ jsx52(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsx52(ChevronRight, {}) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx51($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ jsx52($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames36.default)(Menu_default.separator, className) });
 }
-function MenuSection({ title, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs28($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames36.default)(Menu_default.section, className), children: [
-    title && /* @__PURE__ */ jsx51($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
-    children
+function MenuSection({
+  title,
+  maxHeight,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const sectionStyle = {
+    maxHeight,
+    overflow: maxHeight ? "auto" : void 0
+  };
+  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
+    title && /* @__PURE__ */ jsx52($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+    /* @__PURE__ */ jsx52(
+      $3674c52c6b3c5bce$export$4b1545b4f2016d26,
+      {
+        ...props,
+        className: (0, import_classnames36.default)(Menu_default.section, className),
+        style: { ...sectionStyle, ...style },
+        children
+      }
+    )
   ] });
 }
 function SubMenuTrigger({ children, ...props }) {
-  return /* @__PURE__ */ jsx51($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
+  return /* @__PURE__ */ jsx52($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { ...props, children });
 }
 
 // src/components/Modal.tsx
@@ -33539,7 +33572,7 @@ var import_classnames37 = __toESM(require_classnames());
 var Modal_default = { "overlay": "Modal_overlay__MzBhO", "modal-fade-in": "Modal_modal-fade-in__OTcxN", "modal": "Modal_modal__YTU3M", "left": "Modal_left__ZDU0O", "right": "Modal_right__MGFhO", "top": "Modal_top__OTY4M", "bottom": "Modal_bottom__NjY4N", "fullscreen": "Modal_fullscreen__YTNkZ", "center": "Modal_center__ZTViM", "modal-zoom": "Modal_modal-zoom__MjY4Y", "modal-left": "Modal_modal-left__YTc0N", "modal-right": "Modal_modal-right__MWY0Z", "modal-top": "Modal_modal-top__OTQ2M", "modal-bottom": "Modal_modal-bottom__NDlkZ" };
 
 // src/components/Modal.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Modal2({
   position = "center",
   offset,
@@ -33551,7 +33584,7 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ jsx52($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx52($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames37.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
+  return /* @__PURE__ */ jsx53($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx53($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames37.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
 }
 
 // src/components/Navbar.tsx
@@ -33566,7 +33599,7 @@ import {
 var Navbar_default = { "nav": "Navbar_nav__ZjEwM", "item": "Navbar_item__MWVhZ", "icon": "Navbar_icon__ZmM1N" };
 
 // src/components/Navbar.tsx
-import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
 var NavbarContext = createContext3(void 0);
 var useNavigationContext = () => {
   const context = useContext5(NavbarContext);
@@ -33577,20 +33610,20 @@ var useNavigationContext = () => {
 };
 function Navbar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = useState14("");
-  return /* @__PURE__ */ jsx53(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx53("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.nav, className), children }) });
+  return /* @__PURE__ */ jsx54(NavbarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx54("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.nav, className), children }) });
 }
 function NavbarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ jsxs29(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ jsxs29("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
-        /* @__PURE__ */ jsx53(Text, { children: label }),
-        /* @__PURE__ */ jsx53(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx53(ChevronRight, {}) })
+    return /* @__PURE__ */ jsxs30(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ jsxs30("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children: [
+        /* @__PURE__ */ jsx54(Text, { children: label }),
+        /* @__PURE__ */ jsx54(Icon2, { rotate: 90, size: "sm", className: Navbar_default.icon, children: /* @__PURE__ */ jsx54(ChevronRight, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsx53("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
+  return /* @__PURE__ */ jsx54("div", { ...props, className: (0, import_classnames38.default)(Navbar_default.item, className), children });
 }
 
 // src/components/NavMenu.tsx
@@ -33601,17 +33634,17 @@ import { createContext as createContext4, useContext as useContext6, useState as
 var NavMenu_default = { "navmenu": "NavMenu_navmenu__MzRmN", "item": "NavMenu_item__ZWRjZ", "selected": "NavMenu_selected__ZDU1N", "muted": "NavMenu_muted__MTgxN", "title": "NavMenu_title__ZjJhN", "clickable": "NavMenu_clickable__Mjg0O" };
 
 // src/components/NavMenu.tsx
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
 var NavMenuContext = createContext4(null);
 function NavMenu({
   itemBackgroundColor = "2",
-  muteItems = true,
+  muteItems,
   className,
   style,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx54(NavMenuContext.Provider, { value: { itemBackgroundColor }, children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(NavMenuContext.Provider, { value: { itemBackgroundColor }, children: /* @__PURE__ */ jsx55(
     Column,
     {
       ...props,
@@ -33634,7 +33667,7 @@ function NavMenuGroup({
       setMinimized((state) => !state);
     }
   };
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     Column,
     {
       gap: true,
@@ -33645,7 +33678,7 @@ function NavMenuGroup({
         allowMinimize && minimized && NavMenu_default.minimized
       ),
       children: [
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs31(
           Row,
           {
             className: NavMenu_default.item,
@@ -33653,8 +33686,8 @@ function NavMenuGroup({
             justifyContent: "space-between",
             onClick: handleClick,
             children: [
-              /* @__PURE__ */ jsx54(Text, { className: NavMenu_default.title, children: title }),
-              allowMinimize && /* @__PURE__ */ jsx54(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx54(ChevronRight, {}) })
+              /* @__PURE__ */ jsx55(Text, { className: NavMenu_default.title, children: title }),
+              allowMinimize && /* @__PURE__ */ jsx55(Icon2, { rotate: minimized ? 0 : 90, color: "muted", children: /* @__PURE__ */ jsx55(ChevronRight, {}) })
             ]
           }
         ),
@@ -33665,7 +33698,7 @@ function NavMenuGroup({
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
   const { itemBackgroundColor } = useContext6(NavMenuContext);
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Row,
     {
       ...props,
@@ -33680,16 +33713,16 @@ function NavMenuItem({ isSelected, className, children, ...props }) {
 // src/components/PasswordField.tsx
 import { useState as useState16 } from "react";
 var import_classnames40 = __toESM(require_classnames());
-import { Fragment as Fragment9, jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 function PasswordField({ label, className, ...props }) {
   const [show, setShow] = useState16(false);
   const type = show ? "text" : "password";
   const handleShowPassword = () => setShow((state) => !state);
-  return /* @__PURE__ */ jsxs31(Fragment9, { children: [
-    label && /* @__PURE__ */ jsx55(Label2, { children: label }),
-    /* @__PURE__ */ jsxs31($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames40.default)(TextField_default.field, className), children: [
-      /* @__PURE__ */ jsx55($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
-      /* @__PURE__ */ jsx55(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ jsx55(EyeSlash_default, {}) : /* @__PURE__ */ jsx55(Eye_default, {}) })
+  return /* @__PURE__ */ jsxs32(Fragment10, { children: [
+    label && /* @__PURE__ */ jsx56(Label2, { children: label }),
+    /* @__PURE__ */ jsxs32($bcdf0525bf22703d$export$2c73285ae9390cec, { "aria-label": "Password", ...props, className: (0, import_classnames40.default)(TextField_default.field, className), children: [
+      /* @__PURE__ */ jsx56($3985021b0ad6602f$export$f5b8910cec6cf069, { type }),
+      /* @__PURE__ */ jsx56(Icon2, { onClick: handleShowPassword, children: show ? /* @__PURE__ */ jsx56(EyeSlash_default, {}) : /* @__PURE__ */ jsx56(Eye_default, {}) })
     ] })
   ] });
 }
@@ -33701,9 +33734,9 @@ var import_classnames41 = __toESM(require_classnames());
 var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
 
 // src/components/Popover.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Popover2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx56($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames41.default)(Popover_default.popover, className), children });
+  return /* @__PURE__ */ jsx57($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames41.default)(Popover_default.popover, className), children });
 }
 
 // src/components/ProgressBar.tsx
@@ -33713,12 +33746,12 @@ var import_classnames42 = __toESM(require_classnames());
 var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YzdlO", "track": "ProgressBar_track__YzgzY", "fill": "ProgressBar_fill__ZTJlM", "value": "ProgressBar_value__NDk1Z" };
 
 // src/components/ProgressBar.tsx
-import { Fragment as Fragment10, jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
 function ProgressBar2({ className, showPercentage, ...props }) {
-  return /* @__PURE__ */ jsx57($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ jsxs32(Fragment10, { children: [
-      /* @__PURE__ */ jsx57("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx57("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
-      showPercentage && /* @__PURE__ */ jsx57("div", { className: ProgressBar_default.value, children: valueText })
+  return /* @__PURE__ */ jsx58($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ jsxs33(Fragment11, { children: [
+      /* @__PURE__ */ jsx58("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx58("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showPercentage && /* @__PURE__ */ jsx58("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
@@ -33730,16 +33763,16 @@ var import_classnames43 = __toESM(require_classnames());
 var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__NGMyY", "track": "ProgressCircle_track__YzY2M", "fill": "ProgressCircle_fill__ZmMzM", "value": "ProgressCircle_value__YjM0Y" };
 
 // src/components/ProgressCircle.tsx
-import { Fragment as Fragment11, jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
 function ProgressCircle({ className, showPercentage, ...props }) {
-  return /* @__PURE__ */ jsx58($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames43.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ jsx59($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames43.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__ */ jsxs33(Fragment11, { children: [
-      /* @__PURE__ */ jsxs33("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx58("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
-        /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsxs34(Fragment12, { children: [
+      /* @__PURE__ */ jsxs34("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx59("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ jsx59(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -33751,7 +33784,7 @@ function ProgressCircle({ className, showPercentage, ...props }) {
           }
         )
       ] }),
-      showPercentage && /* @__PURE__ */ jsx58("label", { className: ProgressCircle_default.value, children: valueText })
+      showPercentage && /* @__PURE__ */ jsx59("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
@@ -33763,7 +33796,7 @@ var import_classnames44 = __toESM(require_classnames());
 var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjliM", "inputs": "RadioGroup_inputs__NjA4N", "radio": "RadioGroup_radio__MmE2Z", "variant-circle": "RadioGroup_variant-circle__NzliY", "variant-box": "RadioGroup_variant-box__Mjk3N" };
 
 // src/components/RadioGroup.tsx
-import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
 function RadioGroup2({
   variant = "circle",
   label,
@@ -33771,27 +33804,27 @@ function RadioGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     $b6c3ddc6086f204d$export$a98f0dcb43a68a25,
     {
       "aria-label": "RadioGroup",
       ...props,
       className: (0, import_classnames44.default)(RadioGroup_default.radiogroup, RadioGroup_default[`variant-${variant}`], className),
       children: [
-        label && /* @__PURE__ */ jsx59(Label2, { children: label }),
-        /* @__PURE__ */ jsx59("div", { className: RadioGroup_default.inputs, children })
+        label && /* @__PURE__ */ jsx60(Label2, { children: label }),
+        /* @__PURE__ */ jsx60("div", { className: RadioGroup_default.inputs, children })
       ]
     }
   );
 }
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx59($b6c3ddc6086f204d$export$d7b12c4107be0d61, { "aria-label": "Radio", ...props, className: (0, import_classnames44.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ jsx60($b6c3ddc6086f204d$export$d7b12c4107be0d61, { "aria-label": "Radio", ...props, className: (0, import_classnames44.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 import { useState as useState17, useEffect as useEffect11 } from "react";
 var import_classnames45 = __toESM(require_classnames());
-import { Fragment as Fragment12, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
 function SearchField2({
   label,
   placeholder,
@@ -33822,9 +33855,9 @@ function SearchField2({
       onSearch?.(searchValue);
     }
   }, [searchValue, delay]);
-  return /* @__PURE__ */ jsxs35(Fragment12, { children: [
-    label && /* @__PURE__ */ jsx60(Label2, { children: label }),
-    /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(Fragment13, { children: [
+    label && /* @__PURE__ */ jsx61(Label2, { children: label }),
+    /* @__PURE__ */ jsxs36(
       $440f4836bcb56932$export$b94867ecbd698f21,
       {
         "aria-label": "Search",
@@ -33832,9 +33865,9 @@ function SearchField2({
         className: (0, import_classnames45.default)(TextField_default.field, className),
         onChange: handleChange,
         children: [
-          /* @__PURE__ */ jsx60(Icon2, { strokeColor: "8", children: /* @__PURE__ */ jsx60(Search, {}) }),
-          /* @__PURE__ */ jsx60($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
-          search && /* @__PURE__ */ jsx60(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ jsx60(X, {}) })
+          /* @__PURE__ */ jsx61(Icon2, { strokeColor: "8", children: /* @__PURE__ */ jsx61(Search, {}) }),
+          /* @__PURE__ */ jsx61($3985021b0ad6602f$export$f5b8910cec6cf069, { placeholder, value: search }),
+          search && /* @__PURE__ */ jsx61(Icon2, { size: "sm", color: "8", onClick: resetSearch, children: /* @__PURE__ */ jsx61(X, {}) })
         ]
       }
     )
@@ -33849,7 +33882,7 @@ var import_classnames46 = __toESM(require_classnames());
 var Select_default = { "select": "Select_select__NTRiY", "button": "Select_button__ZTJmY", "value": "Select_value__OWU2Z", "list": "Select_list__NTk4N", "search": "Select_search__YWI3Y" };
 
 // src/components/Select.tsx
-import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
 function Select2({
   items = [],
   value,
@@ -33883,7 +33916,7 @@ function Select2({
     setSearch("");
     onSearch?.("");
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     $82d7e5349645de74$export$ef9b1a59e592288f,
     {
       "aria-label": "Select",
@@ -33893,21 +33926,21 @@ function Select2({
       defaultSelectedKey: defaultValue,
       onSelectionChange: handleChange,
       children: [
-        label && /* @__PURE__ */ jsx61(Label2, { children: label }),
-        /* @__PURE__ */ jsx61(
+        label && /* @__PURE__ */ jsx62(Label2, { children: label }),
+        /* @__PURE__ */ jsx62(
           Button2,
           {
             variant: "outline",
             ...buttonProps,
             className: (0, import_classnames46.default)(Select_default.button, buttonProps?.className),
-            children: /* @__PURE__ */ jsxs36("div", { className: Select_default.value, children: [
-              /* @__PURE__ */ jsx61($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
-              /* @__PURE__ */ jsx61(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ jsx61(ChevronRight, {}) })
+            children: /* @__PURE__ */ jsxs37("div", { className: Select_default.value, children: [
+              /* @__PURE__ */ jsx62($82d7e5349645de74$export$e288731fd71264f0, { children: renderValue }),
+              /* @__PURE__ */ jsx62(Icon2, { "aria-hidden": "true", rotate: 90, size: "sm", children: /* @__PURE__ */ jsx62(ChevronRight, {}) })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx61(Popover2, { ...popoverProps, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs36("div", { className: Select_default.list, children: [
-          allowSearch && /* @__PURE__ */ jsx61(
+        /* @__PURE__ */ jsx62(Popover2, { ...popoverProps, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs37("div", { className: Select_default.list, children: [
+          allowSearch && /* @__PURE__ */ jsx62(
             SearchField2,
             {
               className: Select_default.search,
@@ -33918,8 +33951,8 @@ function Select2({
               autoFocus: true
             }
           ),
-          isLoading && /* @__PURE__ */ jsx61(Loading, { icon: "dots", placement: "center", size: "sm" }),
-          /* @__PURE__ */ jsx61(
+          isLoading && /* @__PURE__ */ jsx62(Loading, { icon: "dots", placement: "center", size: "sm" }),
+          /* @__PURE__ */ jsx62(
             List,
             {
               ...listProps,
@@ -33939,29 +33972,28 @@ var import_classnames47 = __toESM(require_classnames());
 import { createContext as createContext5, useContext as useContext7 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\Sidebar.module.css
-var Sidebar_default = { "sidebar": "Sidebar_sidebar__MDdkM", "header": "Sidebar_header__YzgwY", "label": "Sidebar_label__ZWRjN", "section": "Sidebar_section__N2E1Y", "title": "Sidebar_title__ZjM4Z", "content": "Sidebar_content__ZTA1O", "item": "Sidebar_item__ZWVjN", "selected": "Sidebar_selected__NjU5Z", "collapsed": "Sidebar_collapsed__ZGQyN", "muted": "Sidebar_muted__MTI3O", "noborder": "Sidebar_noborder__ZTFmM" };
+var Sidebar_default = { "sidebar": "Sidebar_sidebar__NDg2N", "header": "Sidebar_header__ZGU4M", "label": "Sidebar_label__NzZkM", "section": "Sidebar_section__NDY5Y", "title": "Sidebar_title__NmU4O", "content": "Sidebar_content__YjhhO", "item": "Sidebar_item__YmFjY", "selected": "Sidebar_selected__NWU3Y", "collapsed": "Sidebar_collapsed__MDY4N", "muted": "Sidebar_muted__N2U2M" };
 
 // src/components/Sidebar.tsx
-import { jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
 var SidebarContext = createContext5(null);
 function Sidebar({
   itemBackgroundColor = "2",
   isCollapsed,
-  muteItems = true,
-  showBorder = true,
+  muteItems,
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx62(SidebarContext.Provider, { value: { isCollapsed, itemBackgroundColor }, children: /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(SidebarContext.Provider, { value: { isCollapsed, itemBackgroundColor }, children: /* @__PURE__ */ jsx63(
     Column,
     {
+      border: "right",
       ...props,
       className: (0, import_classnames47.default)(
         Sidebar_default.sidebar,
         isCollapsed && Sidebar_default.collapsed,
         muteItems && Sidebar_default.muted,
-        !showBorder && Sidebar_default.noborder,
         className
       ),
       children
@@ -33974,9 +34006,9 @@ function SidebarSection({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs37(Column, { ...props, className: (0, import_classnames47.default)(Sidebar_default.section, className), children: [
-    title && /* @__PURE__ */ jsx62("div", { className: Sidebar_default.title, children: title }),
-    /* @__PURE__ */ jsx62("div", { className: Sidebar_default.content, children })
+  return /* @__PURE__ */ jsxs38(Column, { ...props, className: (0, import_classnames47.default)(Sidebar_default.section, className), children: [
+    title && /* @__PURE__ */ jsx63("div", { className: Sidebar_default.title, children: title }),
+    /* @__PURE__ */ jsx63("div", { className: Sidebar_default.content, children })
   ] });
 }
 function SidebarHeader({
@@ -33986,9 +34018,9 @@ function SidebarHeader({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs37(Row, { ...props, className: (0, import_classnames47.default)(Sidebar_default.header, className), children: [
-    icon && /* @__PURE__ */ jsx62(Icon2, { size: "sm", children: icon }),
-    label && /* @__PURE__ */ jsx62("div", { className: Sidebar_default.label, children: label }),
+  return /* @__PURE__ */ jsxs38(Row, { ...props, className: (0, import_classnames47.default)(Sidebar_default.header, className), children: [
+    icon && /* @__PURE__ */ jsx63(Icon2, { size: "sm", children: icon }),
+    label && /* @__PURE__ */ jsx63("div", { className: Sidebar_default.label, children: label }),
     children
   ] });
 }
@@ -34001,8 +34033,8 @@ function SidebarItem({
   ...props
 }) {
   const { isCollapsed, itemBackgroundColor } = useContext7(SidebarContext);
-  return /* @__PURE__ */ jsxs37($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
-    /* @__PURE__ */ jsx62($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ jsx63($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ jsxs38(
       Row,
       {
         ...props,
@@ -34010,13 +34042,13 @@ function SidebarItem({
         hoverBackgroundColor: itemBackgroundColor,
         className: (0, import_classnames47.default)(Sidebar_default.item, className, isSelected && Sidebar_default.selected),
         children: [
-          icon && /* @__PURE__ */ jsx62(Icon2, { size: "sm", children: icon }),
-          label && /* @__PURE__ */ jsx62(Text, { className: (0, import_classnames47.default)(Sidebar_default.label), children: label }),
+          icon && /* @__PURE__ */ jsx63(Icon2, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ jsx63(Text, { className: (0, import_classnames47.default)(Sidebar_default.label), children: label }),
           children
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx62(Tooltip2, { placement: "right", children: label })
+    /* @__PURE__ */ jsx63(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
@@ -34027,17 +34059,17 @@ var import_classnames48 = __toESM(require_classnames());
 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
-import { Fragment as Fragment13, jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx64, jsxs as jsxs39 } from "react/jsx-runtime";
 function Slider2({ className, showValue = true, label, ...props }) {
-  return /* @__PURE__ */ jsxs38($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames48.default)(Slider_default.slider, className), children: [
-    /* @__PURE__ */ jsxs38("div", { className: Slider_default.header, children: [
-      label && /* @__PURE__ */ jsx63(Label2, { className: Slider_default.label, children: label }),
-      showValue && /* @__PURE__ */ jsx63($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
+  return /* @__PURE__ */ jsxs39($6f909507e6374d18$export$472062a354075cee, { ...props, className: (0, import_classnames48.default)(Slider_default.slider, className), children: [
+    /* @__PURE__ */ jsxs39("div", { className: Slider_default.header, children: [
+      label && /* @__PURE__ */ jsx64(Label2, { className: Slider_default.label, children: label }),
+      showValue && /* @__PURE__ */ jsx64($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
     ] }),
-    /* @__PURE__ */ jsx63($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+    /* @__PURE__ */ jsx64($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
       const isHorizontal = state.orientation === "horizontal";
-      return /* @__PURE__ */ jsxs38(Fragment13, { children: [
-        /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsxs39(Fragment14, { children: [
+        /* @__PURE__ */ jsx64(
           "div",
           {
             className: Slider_default.fill,
@@ -34046,7 +34078,7 @@ function Slider2({ className, showValue = true, label, ...props }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx63($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+        /* @__PURE__ */ jsx64($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
       ] });
     } })
   ] });
@@ -34059,11 +34091,11 @@ var import_classnames49 = __toESM(require_classnames());
 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
-import { jsx as jsx64, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs40 } from "react/jsx-runtime";
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ jsxs39("div", { ...domProps, className: (0, import_classnames49.default)(StatusLight_default.statuslight, className), children: [
-    /* @__PURE__ */ jsx64("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs40("div", { ...domProps, className: (0, import_classnames49.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ jsx65("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx65(
       "div",
       {
         className: (0, import_classnames49.default)(StatusLight_default.status, StatusLight_default[variant]),
@@ -34081,12 +34113,12 @@ var import_classnames50 = __toESM(require_classnames());
 var Switch_default = { "switch": "Switch_switch__NzIwM", "track": "Switch_track__NWQ0M", "knob": "Switch_knob__NDU3M" };
 
 // src/components/Switch.tsx
-import { jsx as jsx65, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
 function Switch2({ label, children, className, ...props }) {
-  return /* @__PURE__ */ jsxs40(Column, { children: [
-    label && /* @__PURE__ */ jsx65(Label2, { children: label }),
-    /* @__PURE__ */ jsxs40($8e59e948500a8fe1$export$b5d5cf8927ab7262, { ...props, className: (0, import_classnames50.default)(Switch_default.switch, className), children: [
-      /* @__PURE__ */ jsx65("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx65("div", { className: Switch_default.knob }) }),
+  return /* @__PURE__ */ jsxs41(Column, { children: [
+    label && /* @__PURE__ */ jsx66(Label2, { children: label }),
+    /* @__PURE__ */ jsxs41($8e59e948500a8fe1$export$b5d5cf8927ab7262, { ...props, className: (0, import_classnames50.default)(Switch_default.switch, className), children: [
+      /* @__PURE__ */ jsx66("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx66("div", { className: Switch_default.knob }) }),
       children
     ] })
   ] });
@@ -34096,18 +34128,18 @@ function Switch2({ label, children, className, ...props }) {
 var Tabs_default = { "tabs": "Tabs_tabs__OWVjO", "list": "Tabs_list__YWRjM", "tab": "Tabs_tab__ZjgwM", "quiet": "Tabs_quiet__ZTQ1O" };
 
 // src/components/Tabs.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function Tabs2({ children, ...props }) {
-  return /* @__PURE__ */ jsx66($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
+  return /* @__PURE__ */ jsx67($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
 function TabList2({ children, ...props }) {
-  return /* @__PURE__ */ jsx66($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
+  return /* @__PURE__ */ jsx67($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
 function Tab({ children, ...props }) {
-  return /* @__PURE__ */ jsx66($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
+  return /* @__PURE__ */ jsx67($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
 function TabPanel2({ children, ...props }) {
-  return /* @__PURE__ */ jsx66($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
+  return /* @__PURE__ */ jsx67($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/ThemeButton.tsx
@@ -34117,7 +34149,7 @@ var import_classnames51 = __toESM(require_classnames());
 var ThemeButton_default = { "button": "ThemeButton_button__MDUzN" };
 
 // src/components/ThemeButton.tsx
-import { jsx as jsx67, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
 function ThemeButton({ className, variant = "quiet", onPress, ...props }) {
   const { theme, setTheme } = useTheme();
   const transitions = useTransition(theme, {
@@ -34136,7 +34168,7 @@ function ThemeButton({ className, variant = "quiet", onPress, ...props }) {
     setTheme(theme === "light" ? "dark" : "light");
     onPress?.(e);
   }
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     Button2,
     {
       ...props,
@@ -34146,7 +34178,7 @@ function ThemeButton({ className, variant = "quiet", onPress, ...props }) {
       children: [
         transitions((style, item) => (
           // @ts-ignore
-          /* @__PURE__ */ jsx67(animated.div, { style, children: /* @__PURE__ */ jsx67(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ jsx67(Sun, {}) : /* @__PURE__ */ jsx67(Moon, {}) }) }, item)
+          /* @__PURE__ */ jsx68(animated.div, { style, children: /* @__PURE__ */ jsx68(Icon2, { size: "sm", children: item === "light" ? /* @__PURE__ */ jsx68(Sun, {}) : /* @__PURE__ */ jsx68(Moon, {}) }) }, item)
         )),
         "\xA0"
       ]
@@ -34161,12 +34193,12 @@ var import_classnames52 = __toESM(require_classnames());
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-import { Fragment as Fragment14, jsx as jsx68, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
 function Toggle({ label, children, className, ...props }) {
   const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-  return /* @__PURE__ */ jsxs42(Fragment14, { children: [
-    label && /* @__PURE__ */ jsx68(Label2, { children: label }),
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs43(Fragment15, { children: [
+    label && /* @__PURE__ */ jsx69(Label2, { children: label }),
+    /* @__PURE__ */ jsx69(
       $efde0372d7a700fe$export$d2b052e7b4be1756,
       {
         ...props,
@@ -34185,7 +34217,7 @@ var import_classnames53 = __toESM(require_classnames());
 var ToggleGroup_default = { "group": "ToggleGroup_group__NDJiO", "list": "ToggleGroup_list__NTM2M", "item": "ToggleGroup_item__MWFiY", "primary": "ToggleGroup_primary__ZTAyY" };
 
 // src/components/ToggleGroup.tsx
-import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
 function ToggleGroup({
   label,
   value,
@@ -34204,7 +34236,7 @@ function ToggleGroup({
     onSelectionChange?.(keys);
     onChange?.(Array.from(keys).map((k) => k.toString()));
   };
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     $eaf9e70818b436db$export$67ea30858aaf75e3,
     {
       ...props,
@@ -34214,18 +34246,18 @@ function ToggleGroup({
       onSelectionChange: handleChange,
       className: (0, import_classnames53.default)(ToggleGroup_default.group, className, variant && ToggleGroup_default[variant]),
       children: [
-        label && /* @__PURE__ */ jsx69(Label2, { children: label }),
-        /* @__PURE__ */ jsx69($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+        label && /* @__PURE__ */ jsx70(Label2, { children: label }),
+        /* @__PURE__ */ jsx70($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
       ]
     }
   );
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx69($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames53.default)(ToggleGroup_default.item, className), children });
+  return /* @__PURE__ */ jsx70($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames53.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var defaultToastConfig = {
   duration: 3e3
 };
@@ -34236,7 +34268,7 @@ function ZenProvider({
   toast = defaultToastConfig
 }) {
   useInitTheme(theme, colorScheme);
-  return /* @__PURE__ */ jsx70(ToastProvider, { ...toast, children });
+  return /* @__PURE__ */ jsx71(ToastProvider, { ...toast, children });
 }
 export {
   Accordion,
@@ -34276,6 +34308,7 @@ export {
   Heading2 as Heading,
   HoverTrigger,
   Icon2 as Icon,
+  IconLabel,
   Image,
   InlineEditField,
   Label2 as Label,