@umami/react-zen 0.64.0 → 0.65.0

package/dist/index.js

@@ -167,7 +167,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames53() {
+      function classNames54() {
         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 classNames53.apply(null, arg);
+          return classNames54.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) {
-        classNames53.default = classNames53;
-        module2.exports = classNames53;
+        classNames54.default = classNames54;
+        module2.exports = classNames54;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames53;
+          return classNames54;
         });
       } else {
-        window.classNames = classNames53;
+        window.classNames = classNames54;
       }
     })();
   }
@@ -27115,6 +27115,8 @@ function Box({
   display,
   color,
   backgroundColor,
+  fontSize,
+  fontWeight,
   borderSize,
   borderRadius,
   shadow,
@@ -27166,6 +27168,8 @@ function Box({
     display,
     color,
     backgroundColor,
+    fontSize,
+    fontWeight,
     borderSize,
     borderRadius,
     shadow,
@@ -31876,13 +31880,32 @@ function Dots({ className, ...props }) {
 
 // src/components/FloatingTooltip.tsx
 var import_react185 = require("react");
+var import_classnames31 = __toESM(require_classnames());
+
+// src/components/Tooltip.tsx
+var import_classnames30 = __toESM(require_classnames());
+
+// css-modules:E:\dev\umami-react-zen\src\components\Tooltip.module.css
+var Tooltip_default = { "tooltip": "Tooltip_tooltip__YmY4Z", "bubble": "Tooltip_bubble__MWE0N", "arrow": "Tooltip_arrow__OGM1M", "slide": "Tooltip_slide__MGVmY" };
+
+// src/components/Tooltip.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function Tooltip2({ children, className, showArrow, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames30.default)(Tooltip_default.tooltip, className), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipBubble, { showArrow, children }) });
+}
+function TooltipBubble({ showArrow, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...props, children: [
+    showArrow && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: Tooltip_default.bubble, children })
+  ] });
+}
 
 // css-modules:E:\dev\umami-react-zen\src\components\FloatingTooltip.module.css
-var FloatingTooltip_default = { "tooltip": "FloatingTooltip_tooltip__YTcxZ" };
+var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 
 // src/components/FloatingTooltip.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-function FloatingTooltip({ children }) {
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function FloatingTooltip({ className, style, children, ...props }) {
   const [position, setPosition] = (0, import_react185.useState)({ x: -1e3, y: -1e3 });
   (0, import_react185.useEffect)(() => {
     const handler = (e) => {
@@ -31893,12 +31916,20 @@ function FloatingTooltip({ children }) {
       document.removeEventListener("mousemove", handler);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: FloatingTooltip_default.tooltip, style: { left: position.x, top: position.y }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    TooltipBubble,
+    {
+      ...props,
+      className: (0, import_classnames31.default)(FloatingTooltip_default.floating, className, "BALLLLSSSS"),
+      style: { ...style, left: position.x, top: position.y },
+      children
+    }
+  );
 }
 
 // src/components/Grid.tsx
-var import_classnames30 = __toESM(require_classnames());
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_classnames32 = __toESM(require_classnames());
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Grid({
   display = "grid",
   justifyContent,
@@ -31931,17 +31962,17 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Box, { ...props, className: (0, import_classnames30.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Box, { ...props, className: (0, import_classnames32.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Heading.tsx
-var import_classnames31 = __toESM(require_classnames());
+var import_classnames33 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Heading.module.css
 var Heading_default = { "heading": "Heading_heading__MGIyZ" };
 
 // src/components/Heading.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Heading2({
   size = "3",
   weight,
@@ -31958,11 +31989,11 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Box,
     {
       ...props,
-      className: (0, import_classnames31.default)(Heading_default.heading, className, classes),
+      className: (0, import_classnames33.default)(Heading_default.heading, className, classes),
       style: { ...styleProps, ...style },
       children
     }
@@ -31976,7 +32007,7 @@ var import_react186 = require("react");
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -32027,9 +32058,9 @@ function HoverTrigger({
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         className: HoverTrigger_default.wrapper,
@@ -32042,13 +32073,13 @@ function HoverTrigger({
 }
 
 // src/components/Image.tsx
-var import_classnames32 = __toESM(require_classnames());
+var import_classnames34 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Image.module.css
 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
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Image({
   src,
   alt,
@@ -32061,11 +32092,11 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "img",
     {
       ...props,
-      className: (0, import_classnames32.default)(
+      className: (0, import_classnames34.default)(
         Image_default.image,
         className,
         classes,
@@ -32082,13 +32113,13 @@ function Image({
 
 // src/components/InlineEditField.tsx
 var import_react187 = require("react");
-var import_classnames33 = __toESM(require_classnames());
+var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\InlineEditField.module.css
 var InlineEditField_default = { "edit": "InlineEditField_edit__MDliZ", "icon": "InlineEditField_icon__ZjE1O" };
 
 // src/components/InlineEditField.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function InlineEditField({
   name = "",
   value: defaultValue = "",
@@ -32124,17 +32155,17 @@ function InlineEditField({
       handleCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       "aria-label": "Edit",
       ...props,
-      className: (0, import_classnames33.default)(InlineEditField_default.edit, className),
+      className: (0, import_classnames35.default)(InlineEditField_default.edit, className),
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icons.Edit, {}) }),
-        edit && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icons.Edit, {}) }),
+        edit && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           TextField2,
           {
             name,
@@ -32151,45 +32182,45 @@ function InlineEditField({
 }
 
 // src/components/Loading.tsx
-var import_classnames34 = __toESM(require_classnames());
+var import_classnames36 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Loading.module.css
 var Loading_default = { "loading": "Loading_loading__MzE0Y", "page": "Loading_page__OWMxN", "center": "Loading_center__ZWRmO", "inline": "Loading_inline__NmJkY" };
 
 // src/components/Loading.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Loading(props) {
   const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { ...domProps, className: (0, import_classnames34.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Dots, {}),
-    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner, { size })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { ...domProps, className: (0, import_classnames36.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Spinner, { size })
   ] });
 }
 
 // src/components/Menu.tsx
-var import_classnames35 = __toESM(require_classnames());
+var import_classnames37 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
 var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__NDFlO", "section": "Menu_section__YjJjY", "header": "Menu_header__NDVjN", "item": "Menu_item__YjBiN", "check": "Menu_check__YmVhZ" };
 
 // src/components/Menu.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Menu2({ items, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames35.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames37.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
     if (item === null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MenuItem2, { id: item, children: item }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MenuItem2, { id: item, children: item }, index);
   }) });
 }
 function MenuItem2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames35.default)(Menu_default.item, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames37.default)(Menu_default.item, className), children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "aria-hidden": "true", className: Menu_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icons.Check, {}) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "aria-hidden": "true", className: Menu_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Icons.Check, {}) }) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames35.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames37.default)(Menu_default.separator, className) });
 }
 function MenuSection({
   title,
@@ -32197,20 +32228,20 @@ function MenuSection({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames35.default)(Menu_default.section, className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames37.default)(Menu_default.section, className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Modal.tsx
-var import_classnames36 = __toESM(require_classnames());
+var import_classnames38 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Modal.module.css
 var Modal_default = { "overlay": "Modal_overlay__OGJmN", "modal-fade-in": "Modal_modal-fade-in__MzJiZ", "modal": "Modal_modal__OTZjZ", "left": "Modal_left__Mzg1Z", "right": "Modal_right__YmRmZ", "top": "Modal_top__ZDUzY", "bottom": "Modal_bottom__ZDRhZ", "fullscreen": "Modal_fullscreen__NTU4O", "center": "Modal_center__NmI1N", "modal-zoom": "Modal_modal-zoom__ZWRlM", "modal-left": "Modal_modal-left__ODA0M", "modal-right": "Modal_modal-right__ZjYwM", "modal-top": "Modal_modal-top__N2VhY", "modal-bottom": "Modal_modal-bottom__ZTQ3Y" };
 
 // src/components/Modal.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Modal2({
   position = "center",
   offset,
@@ -32222,18 +32253,18 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames36.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames38.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
 }
 
 // src/components/NavBar.tsx
 var import_react188 = require("react");
-var import_classnames37 = __toESM(require_classnames());
+var import_classnames39 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\NavBar.module.css
 var NavBar_default = { "nav": "NavBar_nav__NDgxZ", "item": "NavBar_item__OGRlN", "icon": "NavBar_icon__NWFiY" };
 
 // src/components/NavBar.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var NavBarContext = (0, import_react188.createContext)(void 0);
 var useNavigationContext = () => {
   const context = (0, import_react188.useContext)(NavBarContext);
@@ -32244,80 +32275,80 @@ var useNavigationContext = () => {
 };
 function NavBar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = (0, import_react188.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(NavBarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.nav, className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NavBarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { ...props, className: (0, import_classnames39.default)(NavBar_default.nav, className), children }) });
 }
 function NavBarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.item, className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icon, { rotate: 90, size: "xs", className: NavBar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Icons.Chevron, {}) })
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { ...props, className: (0, import_classnames39.default)(NavBar_default.item, className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { rotate: 90, size: "xs", className: NavBar_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icons.Chevron, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { ...props, className: (0, import_classnames39.default)(NavBar_default.item, className), children });
 }
 
 // src/components/PasswordField.tsx
 var import_react189 = require("react");
-var import_classnames38 = __toESM(require_classnames());
+var import_classnames40 = __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_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var PasswordField = (0, import_react189.forwardRef)(
   ({ label, className, ...props }, ref) => {
     const [show, setShow] = (0, import_react189.useState)(false);
     const type = show ? "text" : "password";
     const handleShowPassword = () => setShow((state) => !state);
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames38.default)(input_default.field, className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: input_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { onClick: handleShowPassword, className: (0, import_classnames38.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icons.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icons.Eye, {}) })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames40.default)(input_default.field, className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Label2, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: input_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { onClick: handleShowPassword, className: (0, import_classnames40.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icons.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icons.Eye, {}) })
       ] })
     ] });
   }
 );
 
 // src/components/ProgressBar.tsx
-var import_classnames39 = __toESM(require_classnames());
+var import_classnames41 = __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_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function ProgressBar2({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames39.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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames41.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/ProgressCircle.tsx
-var import_classnames40 = __toESM(require_classnames());
+var import_classnames42 = __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_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames42.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_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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -32329,41 +32360,41 @@ function ProgressCircle({ className, showValue, ...props }) {
           }
         )
       ] }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/RadioGroup.tsx
 var import_react190 = require("react");
-var import_classnames41 = __toESM(require_classnames());
+var import_classnames43 = __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_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var RadioGroup2 = (0, import_react190.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames41.default)(RadioGroup_default.radiogroup, className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Label2, { children: label }),
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames43.default)(RadioGroup_default.radiogroup, className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
       children
     ] });
   }
 );
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames41.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames43.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 var import_react191 = require("react");
-var import_classnames42 = __toESM(require_classnames());
+var import_classnames44 = __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_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var SearchField2 = (0, import_react191.forwardRef)(
   ({ label, placeholder, value, delay = 0, onSearch, className, ...props }, ref) => {
     const [search, setSearch] = (0, import_react191.useState)(value ?? "");
@@ -32383,31 +32414,31 @@ var SearchField2 = (0, import_react191.forwardRef)(
         onSearch?.(searchValue);
       }
     }, [searchValue, delay]);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       $440f4836bcb56932$export$b94867ecbd698f21,
       {
         ...props,
         ref,
-        className: (0, import_classnames42.default)(input_default.field, className),
+        className: (0, import_classnames44.default)(input_default.field, className),
         onChange: handleChange,
         children: ({ state }) => {
-          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_classnames42.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.MagnifyingGlass, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label2, { children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: input_default.row, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { className: (0, import_classnames44.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icons.MagnifyingGlass, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 $3985021b0ad6602f$export$f5b8910cec6cf069,
                 {
-                  className: (0, import_classnames42.default)(SearchField_default.input, input_default.input),
+                  className: (0, import_classnames44.default)(SearchField_default.input, input_default.input),
                   placeholder
                 }
               ),
-              state.value && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              state.value && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
                 {
-                  className: (0, import_classnames42.default)(SearchField_default.close, input_default.icon),
+                  className: (0, import_classnames44.default)(SearchField_default.close, input_default.icon),
                   onPress: resetSearch,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icons.Close, {}) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icons.Close, {}) })
                 }
               )
             ] })
@@ -32420,13 +32451,13 @@ var SearchField2 = (0, import_react191.forwardRef)(
 
 // src/components/Select.tsx
 var import_react192 = require("react");
-var import_classnames43 = __toESM(require_classnames());
+var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
 var Select_default = { "button": "Select_button__YTc2N", "list": "Select_list__ZjZhM", "icon": "Select_icon__NzU3O" };
 
 // src/components/Select.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Select2 = (0, import_react192.forwardRef)(
   ({
     children,
@@ -32442,20 +32473,20 @@ var Select2 = (0, import_react192.forwardRef)(
       onSelectionChange?.(e);
       onChange?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       $82d7e5349645de74$export$ef9b1a59e592288f,
       {
         ...props,
         ref,
-        className: (0, import_classnames43.default)(input_default.field, className),
+        className: (0, import_classnames45.default)(input_default.field, className),
         onSelectionChange: handleChange,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Label2, { children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)($82d7e5349645de74$export$e288731fd71264f0, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icons.Chevron, {}) }) })
+          label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Label2, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames45.default)(input_default.input, className), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Row, { justifyContent: "space-between", gap: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($82d7e5349645de74$export$e288731fd71264f0, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icons.Chevron, {}) }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Popover2, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(List, { items, className: Select_default.list, children }) })
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Popover2, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(List, { items, className: Select_default.list, children }) })
         ]
       }
     );
@@ -32464,25 +32495,7 @@ var Select2 = (0, import_react192.forwardRef)(
 
 // src/components/SideNav.tsx
 var import_react193 = require("react");
-var import_classnames45 = __toESM(require_classnames());
-
-// src/components/Tooltip.tsx
-var import_classnames44 = __toESM(require_classnames());
-
-// css-modules:E:\dev\umami-react-zen\src\components\Tooltip.module.css
-var Tooltip_default = { "tooltip": "Tooltip_tooltip__ODVhY", "bubble": "Tooltip_bubble__OTMzY", "floating": "Tooltip_floating__YWVjM", "arrow": "Tooltip_arrow__ZmMyY", "slide": "Tooltip_slide__OWE0Z" };
-
-// src/components/Tooltip.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function Tooltip2({ children, className, showArrow = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames44.default)(Tooltip_default.tooltip, className), children: [
-    showArrow && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($44f671af83e7d9e0$export$746d02f47f4d381, { className: (0, import_classnames44.default)(Tooltip_default.arrow), children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TooltipBubble, { children })
-  ] });
-}
-function TooltipBubble({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: Tooltip_default.bubble, children });
-}
+var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\SideNav.module.css
 var SideNav_default = { "sidenav": "SideNav_sidenav__NTNmY", "header": "SideNav_header__NzhjN", "name": "SideNav_name__ZWUxM", "section": "SideNav_section__MmE3N", "title": "SideNav_title__N2Y0O", "content": "SideNav_content__MzA2M", "item": "SideNav_item__OGU5M", "label": "SideNav_label__NjFiY", "collapsed": "SideNav_collapsed__NTBlM" };
@@ -32491,7 +32504,7 @@ var SideNav_default = { "sidenav": "SideNav_sidenav__NTNmY", "header": "SideNav_
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var SideNavContext = (0, import_react193.createContext)(null);
 function SideNav({ isCollapsed, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames45.default)(SideNav_default.sidenav, isCollapsed && SideNav_default.collapsed), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames46.default)(SideNav_default.sidenav, isCollapsed && SideNav_default.collapsed), children }) });
 }
 function SideNavHeader({
   name,
@@ -32500,7 +32513,7 @@ function SideNavHeader({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Block, { children: [
     icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames45.default)(SideNav_default.name, SideNav_default.label), children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames46.default)(SideNav_default.name, SideNav_default.label), children: name }),
     children
   ] });
 }
@@ -32519,11 +32532,11 @@ function SideNavItem({
   const { isCollapsed } = (0, import_react193.useContext)(SideNavContext);
   if (isCollapsed) {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Block, { className: (0, import_classnames45.default)(SideNav_default.item, className), children: icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Block, { className: (0, import_classnames46.default)(SideNav_default.item, className), children: icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Tooltip2, { placement: "right", children: label })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Block, { ...props, className: (0, import_classnames45.default)(SideNav_default.item, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Block, { ...props, className: (0, import_classnames46.default)(SideNav_default.item, className), children: [
     icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }),
     label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { className: SideNav_default.label, children: label })
   ] });
@@ -32531,7 +32544,7 @@ function SideNavItem({
 
 // src/components/Slider.tsx
 var import_react194 = require("react");
-var import_classnames46 = __toESM(require_classnames());
+var import_classnames47 = __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" };
@@ -32540,7 +32553,7 @@ var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_heade
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Slider2 = (0, import_react194.forwardRef)(
   ({ className, showValue = true, label, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames46.default)(Slider_default.slider, className), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames47.default)(Slider_default.slider, className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: Slider_default.header, children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Label2, { className: Slider_default.label, children: label }),
         showValue && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
@@ -32565,7 +32578,7 @@ var Slider2 = (0, import_react194.forwardRef)(
 );
 
 // src/components/StatusLight.tsx
-var import_classnames47 = __toESM(require_classnames());
+var import_classnames48 = __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" };
@@ -32574,11 +32587,11 @@ var StatusLight_default = { "statuslight": "StatusLight_statuslight__MTliM", "st
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { ...domProps, className: (0, import_classnames47.default)(StatusLight_default.statuslight, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { ...domProps, className: (0, import_classnames48.default)(StatusLight_default.statuslight, className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       "div",
       {
-        className: (0, import_classnames47.default)(StatusLight_default.status, StatusLight_default[variant]),
+        className: (0, import_classnames48.default)(StatusLight_default.status, StatusLight_default[variant]),
         style: { backgroundColor: color }
       }
     ) }),
@@ -32588,7 +32601,7 @@ function StatusLight(props) {
 
 // src/components/Switch.tsx
 var import_react195 = require("react");
-var import_classnames48 = __toESM(require_classnames());
+var import_classnames49 = __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" };
@@ -32606,7 +32619,7 @@ var Switch2 = (0, import_react195.forwardRef)(
           ...props,
           isSelected,
           ref,
-          className: (0, import_classnames48.default)(Switch_default.switch, className),
+          className: (0, import_classnames49.default)(Switch_default.switch, className),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: Switch_default.knob }) }),
             children
@@ -32637,7 +32650,7 @@ function TabPanel2({ children, ...props }) {
 
 // src/components/TextArea.tsx
 var import_react196 = require("react");
-var import_classnames49 = __toESM(require_classnames());
+var import_classnames50 = __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" };
@@ -32651,7 +32664,7 @@ var TextArea2 = (0, import_react196.forwardRef)(
       {
         ...props,
         ref,
-        className: (0, import_classnames49.default)(resize && TextArea_default[`resize-${resize}`]),
+        className: (0, import_classnames50.default)(resize && TextArea_default[`resize-${resize}`]),
         asChild: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
       }
@@ -32660,7 +32673,7 @@ var TextArea2 = (0, import_react196.forwardRef)(
 );
 
 // src/components/ThemeButton.tsx
-var import_classnames50 = __toESM(require_classnames());
+var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
 var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
@@ -32695,7 +32708,7 @@ function ThemeButton({
     Button2,
     {
       ...props,
-      className: (0, import_classnames50.default)(ThemeButton_default.button, className),
+      className: (0, import_classnames51.default)(ThemeButton_default.button, className),
       variant,
       onPress: handleClick,
       children: [
@@ -32711,7 +32724,7 @@ function ThemeButton({
 
 // src/components/Toggle.tsx
 var import_react197 = require("react");
-var import_classnames51 = __toESM(require_classnames());
+var import_classnames52 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Toggle.module.css
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
@@ -32729,7 +32742,7 @@ var Toggle = (0, import_react197.forwardRef)(
           ...props,
           ref,
           isSelected,
-          className: (0, import_classnames51.default)(Toggle_default.toggle, className),
+          className: (0, import_classnames52.default)(Toggle_default.toggle, className),
           children
         }
       )
@@ -32738,7 +32751,7 @@ var Toggle = (0, import_react197.forwardRef)(
 );
 
 // src/components/ToggleGroup.tsx
-var import_classnames52 = __toESM(require_classnames());
+var import_classnames53 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ToggleGroup.module.css
 var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "ToggleGroup_list__MjNjO", "item": "ToggleGroup_item__YTNhN" };
@@ -32746,13 +32759,13 @@ var ToggleGroup_default = { "group": "ToggleGroup_group__Y2YyN", "list": "Toggle
 // src/components/ToggleGroup.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function ToggleGroup({ label, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames53.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label2, { children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
   ] });
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.item, className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames53.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx