@umami/react-zen 0.62.0 → 0.63.0

package/dist/index.mjs

@@ -161,7 +161,7 @@ var require_classnames = __commonJS({
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
-      function classNames51() {
+      function classNames53() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
           var arg = arguments[i];
@@ -179,7 +179,7 @@ var require_classnames = __commonJS({
           return "";
         }
         if (Array.isArray(arg)) {
-          return classNames51.apply(null, arg);
+          return classNames53.apply(null, arg);
         }
         if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
           return arg.toString();
@@ -202,14 +202,14 @@ var require_classnames = __commonJS({
         return value + newClass;
       }
       if (typeof module !== "undefined" && module.exports) {
-        classNames51.default = classNames51;
-        module.exports = classNames51;
+        classNames53.default = classNames53;
+        module.exports = classNames53;
       } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
         define("classnames", [], function() {
-          return classNames51;
+          return classNames53;
         });
       } else {
-        window.classNames = classNames51;
+        window.classNames = classNames53;
       }
     })();
   }
@@ -607,9 +607,35 @@ var $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ (0, $g3jFn$createConte
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
   useHref: (href) => href
 });
+function $ea8dcbcb9ea1b556$export$323e4fc2fa4753fb(props) {
+  let { children, navigate, useHref } = props;
+  let ctx2 = (0, $g3jFn$useMemo)(() => ({
+    isNative: false,
+    open: (target, modifiers, href, routerOptions) => {
+      $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link) => {
+        if ($ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers)) navigate(href, routerOptions);
+        else $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers);
+      });
+    },
+    useHref: useHref || ((href) => href)
+  }), [
+    navigate,
+    useHref
+  ]);
+  return /* @__PURE__ */ (0, $g3jFn$react).createElement($ea8dcbcb9ea1b556$var$RouterContext.Provider, {
+    value: ctx2
+  }, children);
+}
 function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
   return (0, $g3jFn$useContext)($ea8dcbcb9ea1b556$var$RouterContext);
 }
+function $ea8dcbcb9ea1b556$export$efa8c9099e530235(link, modifiers) {
+  let target = link.getAttribute("target");
+  return (!target || target === "_self") && link.origin === location.origin && !link.hasAttribute("download") && !modifiers.metaKey && // open in new tab (mac)
+  !modifiers.ctrlKey && // open in new tab (windows)
+  !modifiers.altKey && // download
+  !modifiers.shiftKey;
+}
 function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
   var _window_event_type, _window_event;
   let { metaKey, ctrlKey, altKey, shiftKey } = modifiers;
@@ -26050,6 +26076,9 @@ function RxExternalLink(props) {
 function LuMoon(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" }, "child": [] }] })(props);
 }
+function LuPanelLeft(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "rect", "attr": { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }, "child": [] }, { "tag": "path", "attr": { "d": "M9 3v18" }, "child": [] }] })(props);
+}
 function LuSun(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "4" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2v2" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 20v2" }, "child": [] }, { "tag": "path", "attr": { "d": "m4.93 4.93 1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "m17.66 17.66 1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "M2 12h2" }, "child": [] }, { "tag": "path", "attr": { "d": "M20 12h2" }, "child": [] }, { "tag": "path", "attr": { "d": "m6.34 17.66-1.41 1.41" }, "child": [] }, { "tag": "path", "attr": { "d": "m19.07 4.93-1.41 1.41" }, "child": [] }] })(props);
 }
@@ -26074,6 +26103,7 @@ var Icons = {
   Menu: HiOutlineMenu,
   Minus: AiOutlineMinus,
   More: MdMoreHoriz,
+  PanelLeft: LuPanelLeft,
   Plus: AiOutlinePlus,
   Refresh: MdRefresh,
   Trash: PiTrash
@@ -26127,7 +26157,7 @@ var AlertIcons = {
 var import_classnames4 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\vars.module.css
-var vars_default = { "display": "vars_display__NjY2N", "display-none": "vars_display-none__YjMwM", "display-inline": "vars_display-inline__ZTUyM", "display-inline-block": "vars_display-inline-block__MDc5O", "display-block": "vars_display-block__ZTdiM", "display-flex": "vars_display-flex__ZDNhM", "display-inline-flex": "vars_display-inline-flex__MDE5N", "display-grid": "vars_display-grid__MjZmM", "display-inline-grid": "vars_display-inline-grid__NDE4M", "position-absolute": "vars_position-absolute__OGE4Z", "position-fixed": "vars_position-fixed__YWZjZ", "position-stick": "vars_position-stick__NWUxY", "position-static": "vars_position-static__NTVlM", "position-relative": "vars_position-relative__YWY1M", "font-size": "vars_font-size__NTk4Z", "font-size-1": "vars_font-size-1__NWNmY", "font-size-2": "vars_font-size-2__MmE4Y", "font-size-3": "vars_font-size-3__NTk4Z", "font-size-4": "vars_font-size-4__MmVjM", "font-size-5": "vars_font-size-5__YzU1O", "font-size-6": "vars_font-size-6__YjYxM", "font-size-7": "vars_font-size-7__MjZiZ", "font-size-8": "vars_font-size-8__YzdjM", "font-size-9": "vars_font-size-9__NWU3Z", "heading-size": "vars_heading-size__ZTQxO", "heading-size-1": "vars_heading-size-1__YzVjY", "heading-size-2": "vars_heading-size-2__MTUxO", "heading-size-3": "vars_heading-size-3__MGQxY", "heading-size-4": "vars_heading-size-4__YjhkZ", "heading-size-5": "vars_heading-size-5__MWVmN", "heading-size-6": "vars_heading-size-6__NTY3Y", "font-weight-light": "vars_font-weight-light__ZWE5O", "font-weight-regular": "vars_font-weight-regular__NWRiO", "font-weight-medium": "vars_font-weight-medium__MDA1Y", "font-weight-bold": "vars_font-weight-bold__N2Y2M", "border-size-1": "vars_border-size-1__YTU2Z", "border-size-2": "vars_border-size-2__ZTZlZ", "border-size-3": "vars_border-size-3__MzY0N", "border-size-4": "vars_border-size-4__NjA3O", "border-radius-1": "vars_border-radius-1__NWRjN", "border-radius-2": "vars_border-radius-2__ZWFhN", "border-radius-3": "vars_border-radius-3__MzgzY", "border-radius-4": "vars_border-radius-4__MTcxM", "border-radius-full": "vars_border-radius-full__ZDI2Y", "shadow-1": "vars_shadow-1__Mjg1Y", "shadow-2": "vars_shadow-2__NTE0M", "shadow-3": "vars_shadow-3__MTA3Y", "shadow-4": "vars_shadow-4__MTBjM", "shadow-5": "vars_shadow-5__OWE5Y", "shadow-6": "vars_shadow-6__NDhhZ", "font-color-primary": "vars_font-color-primary__NDk0M", "font-color-muted": "vars_font-color-muted__ZGQ4M", "font-color-disabled": "vars_font-color-disabled__NTA3Z", "font-color-1": "vars_font-color-1__N2E1Z", "font-color-2": "vars_font-color-2__NWYwN", "font-color-3": "vars_font-color-3__YTJjY", "font-color-4": "vars_font-color-4__YzIxY", "font-color-5": "vars_font-color-5__MjQ1O", "font-color-6": "vars_font-color-6__NWViM", "font-color-7": "vars_font-color-7__ZDkwO", "font-color-8": "vars_font-color-8__ODliM", "font-color-10": "vars_font-color-10__ZGM2N", "font-color-11": "vars_font-color-11__NmZhO", "font-color-12": "vars_font-color-12__ZGJhY", "font-color-gray": "vars_font-color-gray__OTIwZ", "font-color-gold": "vars_font-color-gold__ZTU2Y", "font-color-bronze": "vars_font-color-bronze__YWZkY", "font-color-brown": "vars_font-color-brown__NzM3Y", "font-color-yellow": "vars_font-color-yellow__ZWEyN", "font-color-amber": "vars_font-color-amber__YjU0M", "font-color-orange": "vars_font-color-orange__NjJjY", "font-color-tomato": "vars_font-color-tomato__ZWM4Y", "font-color-red": "vars_font-color-red__ZWNlM", "font-color-ruby": "vars_font-color-ruby__YzMxM", "font-color-crimson": "vars_font-color-crimson__MDk4M", "font-color-pink": "vars_font-color-pink__ZDUxO", "font-color-plum": "vars_font-color-plum__YTAxZ", "font-color-purple": "vars_font-color-purple__N2JlM", "font-color-violet": "vars_font-color-violet__Mjc4N", "font-color-iris": "vars_font-color-iris__NzIzN", "font-color-indigo": "vars_font-color-indigo__NWUyM", "font-color-blue": "vars_font-color-blue__YmIyY", "font-color-cyan": "vars_font-color-cyan__YTI3Y", "font-color-teal": "vars_font-color-teal__Yjc3N", "font-color-jade": "vars_font-color-jade__YjA0Z", "font-color-green": "vars_font-color-green__Mjg4N", "font-color-grass": "vars_font-color-grass__ZWNlN", "font-color-lime": "vars_font-color-lime__MTI2M", "font-color-mint": "vars_font-color-mint__ZDMzZ", "font-color-sky": "vars_font-color-sky__YmMwZ", "background-color-transparent": "vars_background-color-transparent__MDY2M", "background-color-solid": "vars_background-color-solid__Zjc1Y", "background-color-1": "vars_background-color-1__Yzg5N", "background-color-2": "vars_background-color-2__ZjZlO", "background-color-3": "vars_background-color-3__NWRhM", "background-color-4": "vars_background-color-4__MzdjM", "background-color-5": "vars_background-color-5__ZjYwM", "background-color-6": "vars_background-color-6__MmExO", "background-color-7": "vars_background-color-7__OTJmO", "background-color-8": "vars_background-color-8__NTk5Z", "background-color-9": "vars_background-color-9__YzM1O", "background-color-10": "vars_background-color-10__YWQ1Y", "background-color-11": "vars_background-color-11__N2JhM", "background-color-12": "vars_background-color-12__N2U3Z", "background-color-gray": "vars_background-color-gray__NmYxN", "background-color-gold": "vars_background-color-gold__NzFmM", "background-color-bronze": "vars_background-color-bronze__MWU3Z", "background-color-brown": "vars_background-color-brown__YWE0M", "background-color-yellow": "vars_background-color-yellow__YTQxZ", "background-color-amber": "vars_background-color-amber__YmExZ", "background-color-orange": "vars_background-color-orange__Zjg0O", "background-color-tomato": "vars_background-color-tomato__OGFhO", "background-color-red": "vars_background-color-red__OTQ0M", "background-color-ruby": "vars_background-color-ruby__MTM4N", "background-color-crimson": "vars_background-color-crimson__Y2MyY", "background-color-pink": "vars_background-color-pink__NzdiN", "background-color-plum": "vars_background-color-plum__Y2U4Z", "background-color-purple": "vars_background-color-purple__M2Q3M", "background-color-violet": "vars_background-color-violet__OTVhN", "background-color-iris": "vars_background-color-iris__Nzk3N", "background-color-indigo": "vars_background-color-indigo__ZGRhN", "background-color-blue": "vars_background-color-blue__MDllZ", "background-color-cyan": "vars_background-color-cyan__NDI5Y", "background-color-teal": "vars_background-color-teal__NTFkN", "background-color-jade": "vars_background-color-jade__MWVjM", "background-color-green": "vars_background-color-green__Y2Y3N", "background-color-grass": "vars_background-color-grass__NDQ4N", "background-color-lime": "vars_background-color-lime__NGFmZ", "background-color-mint": "vars_background-color-mint__ODRmY", "background-color-sky": "vars_background-color-sky__YTM4Z", "text-align-left": "vars_text-align-left__YzVjN", "text-align-center": "vars_text-align-center__NjJkN", "text-align-right": "vars_text-align-right__ODIxO", "text-wrap-wrap": "vars_text-wrap-wrap__YjlhY", "text-wrap-nowrap": "vars_text-wrap-nowrap__ZGI2N", "text-wrap-balance": "vars_text-wrap-balance__YWJlN", "text-wrap-pretty": "vars_text-wrap-pretty__NzIzM", "text-wrap-stable": "vars_text-wrap-stable__N2EyN", "letter-spacing-1": "vars_letter-spacing-1__MmYxO", "letter-spacing-2": "vars_letter-spacing-2__Nzk3N", "letter-spacing-3": "vars_letter-spacing-3__NDRhM", "letter-spacing-4": "vars_letter-spacing-4__MzFhM", "letter-spacing-5": "vars_letter-spacing-5__ZTg5N", "padding-1": "vars_padding-1__YTgxY", "padding-2": "vars_padding-2__NTFiZ", "padding-3": "vars_padding-3__N2NhM", "padding-4": "vars_padding-4__M2Q0M", "padding-5": "vars_padding-5__ZWIwO", "padding-6": "vars_padding-6__M2NhY", "padding-7": "vars_padding-7__MmJkO", "padding-8": "vars_padding-8__YzY2O", "padding-9": "vars_padding-9__ZWMwO", "padding-10": "vars_padding-10__YThiN", "padding-11": "vars_padding-11__ZDVkO", "padding-12": "vars_padding-12__Yzg4N", "padding-x-1": "vars_padding-x-1__YTYyO", "padding-x-2": "vars_padding-x-2__YTc4Y", "padding-x-3": "vars_padding-x-3__NDI5Y", "padding-x-4": "vars_padding-x-4__YmQxZ", "padding-x-5": "vars_padding-x-5__ZGM5Y", "padding-x-6": "vars_padding-x-6__MzkxM", "padding-x-7": "vars_padding-x-7__Nzk2M", "padding-x-8": "vars_padding-x-8__ZTk5Y", "padding-x-9": "vars_padding-x-9__OGNhO", "padding-x-10": "vars_padding-x-10__MDljM", "padding-x-11": "vars_padding-x-11__MGEzN", "padding-x-12": "vars_padding-x-12__N2FhN", "padding-y-1": "vars_padding-y-1__MDM0M", "padding-y-2": "vars_padding-y-2__ODQyN", "padding-y-3": "vars_padding-y-3__ZGFlY", "padding-y-4": "vars_padding-y-4__YTMzZ", "padding-y-5": "vars_padding-y-5__ZTEzM", "padding-y-6": "vars_padding-y-6__Y2M2O", "padding-y-7": "vars_padding-y-7__M2E4O", "padding-y-8": "vars_padding-y-8__MGI5Y", "padding-y-9": "vars_padding-y-9__MmI3M", "padding-y-10": "vars_padding-y-10__ZDA5Y", "padding-y-11": "vars_padding-y-11__MzE5M", "padding-y-12": "vars_padding-y-12__Mjg0Z", "padding-top-1": "vars_padding-top-1__MGU0Z", "padding-top-2": "vars_padding-top-2__Nzg5M", "padding-top-3": "vars_padding-top-3__ZjExO", "padding-top-4": "vars_padding-top-4__MGMwO", "padding-top-5": "vars_padding-top-5__Yjk2Y", "padding-top-6": "vars_padding-top-6__ODE4M", "padding-top-7": "vars_padding-top-7__YWViN", "padding-top-8": "vars_padding-top-8__MWEwN", "padding-top-9": "vars_padding-top-9__YWNlN", "padding-top-10": "vars_padding-top-10__Y2UzO", "padding-top-11": "vars_padding-top-11__Zjc2N", "padding-top-12": "vars_padding-top-12__M2RiN", "padding-bottom-1": "vars_padding-bottom-1__Zjg0Z", "padding-bottom-2": "vars_padding-bottom-2__ZmM4Z", "padding-bottom-3": "vars_padding-bottom-3__MDVmM", "padding-bottom-4": "vars_padding-bottom-4__NDRmZ", "padding-bottom-5": "vars_padding-bottom-5__ZWY4Z", "padding-bottom-6": "vars_padding-bottom-6__Y2MyM", "padding-bottom-7": "vars_padding-bottom-7__MmJkY", "padding-bottom-8": "vars_padding-bottom-8__Zjg3M", "padding-bottom-9": "vars_padding-bottom-9__NWIxO", "padding-bottom-10": "vars_padding-bottom-10__MTNiY", "padding-bottom-11": "vars_padding-bottom-11__Yzc2Y", "padding-bottom-12": "vars_padding-bottom-12__NjJmO", "padding-left-1": "vars_padding-left-1__MTE5M", "padding-left-2": "vars_padding-left-2__NGVkO", "padding-left-3": "vars_padding-left-3__YTYyN", "padding-left-4": "vars_padding-left-4__N2ZmZ", "padding-left-5": "vars_padding-left-5__MjM1N", "padding-left-6": "vars_padding-left-6__NTExN", "padding-left-7": "vars_padding-left-7__M2RlN", "padding-left-8": "vars_padding-left-8__YzgxN", "padding-left-9": "vars_padding-left-9__MDZiN", "padding-left-10": "vars_padding-left-10__MGQ4M", "padding-left-11": "vars_padding-left-11__ZDZiY", "padding-left-12": "vars_padding-left-12__ZmE5M", "padding-right-1": "vars_padding-right-1__MDk4Z", "padding-right-2": "vars_padding-right-2__YzUyY", "padding-right-3": "vars_padding-right-3__MTZkM", "padding-right-4": "vars_padding-right-4__MWViZ", "padding-right-5": "vars_padding-right-5__YTJkY", "padding-right-6": "vars_padding-right-6__MzI2Z", "padding-right-7": "vars_padding-right-7__ODE5M", "padding-right-8": "vars_padding-right-8__YjIwY", "padding-right-9": "vars_padding-right-9__Nzg1Y", "padding-right-10": "vars_padding-right-10__OTNjZ", "padding-right-11": "vars_padding-right-11__MDlmM", "padding-right-12": "vars_padding-right-12__YThhN", "margin-1": "vars_margin-1__MDUwN", "margin-2": "vars_margin-2__MjcwM", "margin-3": "vars_margin-3__YjlkY", "margin-4": "vars_margin-4__M2RkY", "margin-5": "vars_margin-5__MGViZ", "margin-6": "vars_margin-6__ZDQ1Y", "margin-7": "vars_margin-7__OWI5Y", "margin-8": "vars_margin-8__MmFiN", "margin-9": "vars_margin-9__YWY3Y", "margin-10": "vars_margin-10__OWFhZ", "margin-11": "vars_margin-11__YjZkN", "margin-12": "vars_margin-12__MGM0M", "margin-x-1": "vars_margin-x-1__ZDI4Y", "margin-x-2": "vars_margin-x-2__MTY5N", "margin-x-3": "vars_margin-x-3__MTk5N", "margin-x-4": "vars_margin-x-4__YTRlN", "margin-x-5": "vars_margin-x-5__ZTQ1Y", "margin-x-6": "vars_margin-x-6__Y2VhN", "margin-x-7": "vars_margin-x-7__NGQwM", "margin-x-8": "vars_margin-x-8__N2ExM", "margin-x-9": "vars_margin-x-9__ZGM1Z", "margin-x-10": "vars_margin-x-10__YTdiM", "margin-x-11": "vars_margin-x-11__M2Y1Y", "margin-x-12": "vars_margin-x-12__ZjNlO", "margin-y-1": "vars_margin-y-1__Mjg2M", "margin-y-2": "vars_margin-y-2__ZjZlN", "margin-y-3": "vars_margin-y-3__Y2YwN", "margin-y-4": "vars_margin-y-4__YWFhZ", "margin-y-5": "vars_margin-y-5__NjNiN", "margin-y-6": "vars_margin-y-6__MTlhM", "margin-y-7": "vars_margin-y-7__NjU1Z", "margin-y-8": "vars_margin-y-8__NDM4Y", "margin-y-9": "vars_margin-y-9__YThmZ", "margin-y-10": "vars_margin-y-10__Zjg4M", "margin-y-11": "vars_margin-y-11__MTg3N", "margin-y-12": "vars_margin-y-12__ZjM3N", "margin-top-1": "vars_margin-top-1__N2Y2Z", "margin-top-2": "vars_margin-top-2__NTllO", "margin-top-3": "vars_margin-top-3__ZTI0Y", "margin-top-4": "vars_margin-top-4__YjZmO", "margin-top-5": "vars_margin-top-5__ZTg1O", "margin-top-6": "vars_margin-top-6__MmEyZ", "margin-top-7": "vars_margin-top-7__M2UzN", "margin-top-8": "vars_margin-top-8__ODM5N", "margin-top-9": "vars_margin-top-9__OTE0Z", "margin-top-10": "vars_margin-top-10__OWM4N", "margin-top-11": "vars_margin-top-11__OGE5M", "margin-top-12": "vars_margin-top-12__YTA0Y", "margin-bottom-1": "vars_margin-bottom-1__YmY4N", "margin-bottom-2": "vars_margin-bottom-2__OWEwZ", "margin-bottom-3": "vars_margin-bottom-3__M2FlM", "margin-bottom-4": "vars_margin-bottom-4__ZTcyN", "margin-bottom-5": "vars_margin-bottom-5__ZWJkN", "margin-bottom-6": "vars_margin-bottom-6__ZWJiZ", "margin-bottom-7": "vars_margin-bottom-7__YjYzM", "margin-bottom-8": "vars_margin-bottom-8__ZjNmY", "margin-bottom-9": "vars_margin-bottom-9__N2RmN", "margin-bottom-10": "vars_margin-bottom-10__ZWY0O", "margin-bottom-11": "vars_margin-bottom-11__YzM3Y", "margin-bottom-12": "vars_margin-bottom-12__ZDk2Z", "margin-left-1": "vars_margin-left-1__MTVhZ", "margin-left-2": "vars_margin-left-2__OTBjZ", "margin-left-3": "vars_margin-left-3__ZmFhY", "margin-left-4": "vars_margin-left-4__NjZiY", "margin-left-5": "vars_margin-left-5__MzEzM", "margin-left-6": "vars_margin-left-6__ZjI3Y", "margin-left-7": "vars_margin-left-7__MGEzY", "margin-left-8": "vars_margin-left-8__NTBhZ", "margin-left-9": "vars_margin-left-9__ZmE4O", "margin-left-10": "vars_margin-left-10__NWNjY", "margin-left-11": "vars_margin-left-11__NzcwM", "margin-left-12": "vars_margin-left-12__NTE3O", "margin-right-1": "vars_margin-right-1__NDBkM", "margin-right-2": "vars_margin-right-2__OGNjM", "margin-right-3": "vars_margin-right-3__MTYwO", "margin-right-4": "vars_margin-right-4__YWE0Y", "margin-right-5": "vars_margin-right-5__MTA2N", "margin-right-6": "vars_margin-right-6__NjkyN", "margin-right-7": "vars_margin-right-7__NmYwN", "margin-right-8": "vars_margin-right-8__NzU0N", "margin-right-9": "vars_margin-right-9__Zjc4Y", "margin-right-10": "vars_margin-right-10__MmM3Y", "margin-right-11": "vars_margin-right-11__NzRkY", "margin-right-12": "vars_margin-right-12__YTA4Y", "gap-1": "vars_gap-1__MDcyN", "gap-2": "vars_gap-2__NjFlZ", "gap-3": "vars_gap-3__OWM5Y", "gap-4": "vars_gap-4__OTU3Y", "gap-5": "vars_gap-5__MTg0Z", "gap-6": "vars_gap-6__ZDNkN", "gap-7": "vars_gap-7__ZDJjY", "gap-8": "vars_gap-8__Y2U1N", "gap-9": "vars_gap-9__YWIzY", "gap-10": "vars_gap-10__YWNkN", "gap-11": "vars_gap-11__Zjc4O", "gap-12": "vars_gap-12__ZjkzN", "gap-x-1": "vars_gap-x-1__MjlhY", "gap-x-2": "vars_gap-x-2__N2E5M", "gap-x-3": "vars_gap-x-3__YmVjN", "gap-x-4": "vars_gap-x-4__N2MzN", "gap-x-5": "vars_gap-x-5__YTM0Z", "gap-x-6": "vars_gap-x-6__ZThkM", "gap-x-7": "vars_gap-x-7__ZmVkY", "gap-x-8": "vars_gap-x-8__YzJhN", "gap-x-9": "vars_gap-x-9__NjQ3O", "gap-x-10": "vars_gap-x-10__ZjU3M", "gap-x-11": "vars_gap-x-11__ODA4M", "gap-x-12": "vars_gap-x-12__M2FmN", "gap-y-1": "vars_gap-y-1__MTNkY", "gap-y-2": "vars_gap-y-2__NjU2M", "gap-y-3": "vars_gap-y-3__ZDhiN", "gap-y-4": "vars_gap-y-4__ZjY2Y", "gap-y-5": "vars_gap-y-5__YzY5N", "gap-y-6": "vars_gap-y-6__M2QxN", "gap-y-7": "vars_gap-y-7__MjFiM", "gap-y-8": "vars_gap-y-8__OGU4Y", "gap-y-9": "vars_gap-y-9__MzMyY", "gap-y-10": "vars_gap-y-10__NjIyM", "gap-y-11": "vars_gap-y-11__ODE4N", "gap-y-12": "vars_gap-y-12__NTU3N", "flex-direction-row": "vars_flex-direction-row__NjU0Z", "flex-direction-row-reverse": "vars_flex-direction-row-reverse__YWNhN", "flex-direction-column": "vars_flex-direction-column__MTMwN", "flex-direction-column-reverse": "vars_flex-direction-column-reverse__MjZiZ", "flex-wrap-wrap": "vars_flex-wrap-wrap__MDBmZ", "flex-wrap-nowrap": "vars_flex-wrap-nowrap__YjI0Z", "flex-wrap-wrap-reverse": "vars_flex-wrap-wrap-reverse__ZDgxM", "justify-content-center": "vars_justify-content-center__MWVhM", "justify-content-start": "vars_justify-content-start__ODBlZ", "justify-content-end": "vars_justify-content-end__ZTA0O", "justify-content-flex-start": "vars_justify-content-flex-start__ZTZjO", "justify-content-flex-end": "vars_justify-content-flex-end__MzVhZ", "justify-content-left": "vars_justify-content-left__NTFlZ", "justify-content-right": "vars_justify-content-right__OWNhN", "justify-content-space-between": "vars_justify-content-space-between__YmZlN", "justify-content-space-around": "vars_justify-content-space-around__OGM2Z", "justify-content-space-evenly": "vars_justify-content-space-evenly__MDUzY", "justify-content-stretch": "vars_justify-content-stretch__M2RjZ", "justify-items-stretch": "vars_justify-items-stretch__ODI5Z", "justify-items-center": "vars_justify-items-center__ZTI0N", "justify-items-start": "vars_justify-items-start__NDE5Y", "justify-items-end": "vars_justify-items-end__ODgxZ", "justify-items-flex-start": "vars_justify-items-flex-start__NjhhN", "justify-items-flex-end": "vars_justify-items-flex-end__YjlkM", "justify-items-self-start": "vars_justify-items-self-start__YTZkM", "justify-items-self-end": "vars_justify-items-self-end__YTAwZ", "justify-items-left": "vars_justify-items-left__ZDg5N", "justify-items-right": "vars_justify-items-right__MzEwO", "justify-items-baseline": "vars_justify-items-baseline__YmZiM", "align-content-center": "vars_align-content-center__MDM1Z", "align-content-start": "vars_align-content-start__NGJmN", "align-content-end": "vars_align-content-end__NjY3Y", "align-content-flex-start": "vars_align-content-flex-start__Yzg0M", "align-content-flex-end": "vars_align-content-flex-end__ZWNjZ", "align-content-baseline": "vars_align-content-baseline__ZjAzO", "align-content-space-between": "vars_align-content-space-between__YWY3Z", "align-content-space-around": "vars_align-content-space-around__N2U4M", "align-content-space-evenly": "vars_align-content-space-evenly__ZDBiO", "align-content-stretch": "vars_align-content-stretch__MDE4Y", "align-items-center": "vars_align-items-center__OGU5Z", "align-items-start": "vars_align-items-start__Zjg5Y", "align-items-end": "vars_align-items-end__ZjY0N", "align-items-flex-start": "vars_align-items-flex-start__MzBmZ", "align-items-flex-end": "vars_align-items-flex-end__OWM2N", "align-items-self-start": "vars_align-items-self-start__OTZiZ", "align-items-self-end": "vars_align-items-self-end__YmE5N", "align-items-stretch": "vars_align-items-stretch__ZTZkO", "align-items-baseline": "vars_align-items-baseline__MjU0Y", "align-self-center": "vars_align-self-center__N2E3Z", "align-self-start": "vars_align-self-start__NTJkN", "align-self-end": "vars_align-self-end__NTJlZ", "align-self-self-start": "vars_align-self-self-start__MDFhN", "align-self-self-end": "vars_align-self-self-end__NTNhM", "align-self-flex-start": "vars_align-self-flex-start__Njk4N", "align-self-flex-end": "vars_align-self-flex-end__OTYyM", "align-self-baseline": "vars_align-self-baseline__OTgzM", "align-self-stretch": "vars_align-self-stretch__ZThkM", "justify-self-center": "vars_justify-self-center__MWEyO", "justify-self-start": "vars_justify-self-start__NDlhN", "justify-self-end": "vars_justify-self-end__N2JlM", "justify-self-self-start": "vars_justify-self-self-start__NjQyN", "justify-self-self-end": "vars_justify-self-self-end__Y2NjY", "justify-self-baseline": "vars_justify-self-baseline__NTYxZ", "justify-self-stretch": "vars_justify-self-stretch__ZTVjY", "grid-auto-flow-row": "vars_grid-auto-flow-row__NGZmY", "grid-auto-flow-column": "vars_grid-auto-flow-column__NzI1Z", "grid-auto-flow-row-dense": "vars_grid-auto-flow-row-dense__Zjg0Z", "grid-auto-flow-column-dense": "vars_grid-auto-flow-column-dense__MmNjM", "overflow-visible": "vars_overflow-visible__YzZkZ", "overflow-hidden": "vars_overflow-hidden__NThhN", "overflow-clip": "vars_overflow-clip__MDAxM", "overflow-scroll": "vars_overflow-scroll__NGIyY", "overflow-auto": "vars_overflow-auto__ZWU2O", "overflow-x-visible": "vars_overflow-x-visible__NGFkN", "overflow-x-hidden": "vars_overflow-x-hidden__YTBkM", "overflow-x-clip": "vars_overflow-x-clip__YzgxY", "overflow-x-scroll": "vars_overflow-x-scroll__ZGY2O", "overflow-x-auto": "vars_overflow-x-auto__YjZlM", "overflow-y-visible": "vars_overflow-y-visible__OThmM", "overflow-y-hidden": "vars_overflow-y-hidden__MWQ5O", "overflow-y-clip": "vars_overflow-y-clip__OTI3O", "overflow-y-scroll": "vars_overflow-y-scroll__MzdhN", "overflow-y-auto": "vars_overflow-y-auto__Yzk3O", "display-xs": "vars_display-xs__M2FhO", "position-xs": "vars_position-xs__ZmU3N", "font-size-xs": "vars_font-size-xs__NjFmM", "font-weight-xs": "vars_font-weight-xs__MjViM", "heading-size-xs": "vars_heading-size-xs__NTYwM", "border-size-xs": "vars_border-size-xs__ZTcxZ", "border-radius-xs": "vars_border-radius-xs__YzNmY", "shadow-xs": "vars_shadow-xs__NTFjN", "background-color-xs": "vars_background-color-xs__Mzg5N", "align-xs": "vars_align-xs__OTg3O", "letter-spacing-xs": "vars_letter-spacing-xs__MmY0O", "padding-xs": "vars_padding-xs__YWVkM", "padding-x-xs": "vars_padding-x-xs__N2UyZ", "padding-y-xs": "vars_padding-y-xs__MDMzZ", "padding-top-xs": "vars_padding-top-xs__NDBiM", "padding-right-xs": "vars_padding-right-xs__NjhiM", "padding-bottom-xs": "vars_padding-bottom-xs__MmQ3Y", "padding-left-xs": "vars_padding-left-xs__NTVlM", "margin-xs": "vars_margin-xs__Y2NlZ", "margin-x-xs": "vars_margin-x-xs__NTgzY", "margin-y-xs": "vars_margin-y-xs__OGY4N", "margin-top-xs": "vars_margin-top-xs__ODFhZ", "margin-right-xs": "vars_margin-right-xs__NGZlN", "margin-bottom-xs": "vars_margin-bottom-xs__OTZjZ", "margin-left-xs": "vars_margin-left-xs__YjRhO", "gap-xs": "vars_gap-xs__ZTA1Y", "gap-x-xs": "vars_gap-x-xs__ODZmN", "gap-y-xs": "vars_gap-y-xs__YzJhZ", "height-xs": "vars_height-xs__OTYzN", "width-xs": "vars_width-xs__MzQ0Y", "min-height-xs": "vars_min-height-xs__OWM2N", "min-width-xs": "vars_min-width-xs__ODFhZ", "max-height-xs": "vars_max-height-xs__MmYwN", "flex-direction-xs": "vars_flex-direction-xs__Y2MzM", "flex-wrap-xs": "vars_flex-wrap-xs__YmU2N", "justify-content-xs": "vars_justify-content-xs__MTdhM", "justify-items-xs": "vars_justify-items-xs__NTVmM", "justify-self-xs": "vars_justify-self-xs__NGQ4Z", "align-content-xs": "vars_align-content-xs__MDBjN", "align-items-xs": "vars_align-items-xs__NzRjY", "align-self-xs": "vars_align-self-xs__YmE0N", "grid-template-rows-xs": "vars_grid-template-rows-xs__ZTk3Y", "grid-template-columns-xs": "vars_grid-template-columns-xs__ODQxY", "flex-basis-xs": "vars_flex-basis-xs__NjI2Y", "flex-grow-xs": "vars_flex-grow-xs__NDQ1Z", "flex-shrink-xs": "vars_flex-shrink-xs__ZjJjM", "overflow-xs": "vars_overflow-xs__NjA1N", "overflow-x-xs": "vars_overflow-x-xs__Yzc2Y", "overflow-y-xs": "vars_overflow-y-xs__MzdiZ", "order-xs": "vars_order-xs__Y2Y2N", "display-sm": "vars_display-sm__ZTZlZ", "position-sm": "vars_position-sm__NDdlO", "font-size-sm": "vars_font-size-sm__M2U4N", "font-weight-sm": "vars_font-weight-sm__OGE1Z", "heading-size-sm": "vars_heading-size-sm__ZTNmY", "border-size-sm": "vars_border-size-sm__MDNlY", "border-radius-sm": "vars_border-radius-sm__N2YwN", "shadow-sm": "vars_shadow-sm__YzMxN", "background-color-sm": "vars_background-color-sm__NjUyM", "align-sm": "vars_align-sm__MWNlY", "letter-spacing-sm": "vars_letter-spacing-sm__ODE0Y", "padding-sm": "vars_padding-sm__MWFjO", "padding-x-sm": "vars_padding-x-sm__MjRkZ", "padding-y-sm": "vars_padding-y-sm__ZDU4M", "padding-top-sm": "vars_padding-top-sm__NGYxO", "padding-right-sm": "vars_padding-right-sm__NGNlY", "padding-bottom-sm": "vars_padding-bottom-sm__ZGE0Y", "padding-left-sm": "vars_padding-left-sm__YzQ2N", "margin-sm": "vars_margin-sm__ZGUxM", "margin-x-sm": "vars_margin-x-sm__YjZlN", "margin-y-sm": "vars_margin-y-sm__ZDM3Z", "margin-top-sm": "vars_margin-top-sm__ZTRlN", "margin-right-sm": "vars_margin-right-sm__ZWY3N", "margin-bottom-sm": "vars_margin-bottom-sm__ZDNhN", "margin-left-sm": "vars_margin-left-sm__YWZkZ", "gap-sm": "vars_gap-sm__NTg4M", "gap-x-sm": "vars_gap-x-sm__MDVmN", "gap-y-sm": "vars_gap-y-sm__NDc2Z", "height-sm": "vars_height-sm__YmYxM", "width-sm": "vars_width-sm__NjBkZ", "min-height-sm": "vars_min-height-sm__MzM1Z", "min-width-sm": "vars_min-width-sm__MzgyN", "max-height-sm": "vars_max-height-sm__YWFlN", "flex-direction-sm": "vars_flex-direction-sm__MDcyY", "flex-wrap-sm": "vars_flex-wrap-sm__YTE5Z", "justify-content-sm": "vars_justify-content-sm__YWUxZ", "justify-items-sm": "vars_justify-items-sm__NmFhM", "justify-self-sm": "vars_justify-self-sm__ODFmM", "align-content-sm": "vars_align-content-sm__ZjY2Z", "align-items-sm": "vars_align-items-sm__NDEyZ", "align-self-sm": "vars_align-self-sm__ZjBkY", "grid-template-rows-sm": "vars_grid-template-rows-sm__ZWU3Z", "grid-template-columns-sm": "vars_grid-template-columns-sm__ZTU5N", "flex-basis-sm": "vars_flex-basis-sm__NzhmN", "flex-grow-sm": "vars_flex-grow-sm__OTk0Y", "flex-shrink-sm": "vars_flex-shrink-sm__ZTU1M", "overflow-sm": "vars_overflow-sm__ZTVlO", "overflow-x-sm": "vars_overflow-x-sm__ZDNhN", "overflow-y-sm": "vars_overflow-y-sm__MzVhN", "order-sm": "vars_order-sm__NTgzN", "display-md": "vars_display-md__YjNhZ", "position-md": "vars_position-md__MTY1O", "font-size-md": "vars_font-size-md__YzZjY", "font-weight-md": "vars_font-weight-md__NjA1N", "heading-size-md": "vars_heading-size-md__OWFlZ", "border-size-md": "vars_border-size-md__ZTc4Z", "border-radius-md": "vars_border-radius-md__OWEwM", "shadow-md": "vars_shadow-md__ZTNmO", "background-color-md": "vars_background-color-md__OGU2Z", "align-md": "vars_align-md__YzllZ", "letter-spacing-md": "vars_letter-spacing-md__NTQwN", "padding-md": "vars_padding-md__MzE4O", "padding-x-md": "vars_padding-x-md__NjQ5N", "padding-y-md": "vars_padding-y-md__NmMyZ", "padding-top-md": "vars_padding-top-md__OGZiZ", "padding-right-md": "vars_padding-right-md__ZTdmZ", "padding-bottom-md": "vars_padding-bottom-md__M2U0Z", "padding-left-md": "vars_padding-left-md__MWIyM", "margin-md": "vars_margin-md__MmQ2M", "margin-x-md": "vars_margin-x-md__ZWZhO", "margin-y-md": "vars_margin-y-md__OGNiZ", "margin-top-md": "vars_margin-top-md__OTYzN", "margin-right-md": "vars_margin-right-md__MmU4Y", "margin-bottom-md": "vars_margin-bottom-md__ZDJmO", "margin-left-md": "vars_margin-left-md__OWJiM", "gap-md": "vars_gap-md__NTU2N", "gap-x-md": "vars_gap-x-md__YTQwM", "gap-y-md": "vars_gap-y-md__YzFjY", "height-md": "vars_height-md__OGVhZ", "width-md": "vars_width-md__MWM0Z", "min-height-md": "vars_min-height-md__OWQwN", "min-width-md": "vars_min-width-md__OWFjM", "max-height-md": "vars_max-height-md__M2QwM", "flex-direction-md": "vars_flex-direction-md__OTJkO", "flex-wrap-md": "vars_flex-wrap-md__NWU2N", "justify-content-md": "vars_justify-content-md__Y2U4Y", "justify-items-md": "vars_justify-items-md__ZGE2N", "justify-self-md": "vars_justify-self-md__ZGNjM", "align-content-md": "vars_align-content-md__ZjU5N", "align-items-md": "vars_align-items-md__YzAwO", "align-self-md": "vars_align-self-md__MmEwM", "grid-template-rows-md": "vars_grid-template-rows-md__NWU2Y", "grid-template-columns-md": "vars_grid-template-columns-md__YzQ1M", "flex-basis-md": "vars_flex-basis-md__ZDg2Z", "flex-grow-md": "vars_flex-grow-md__MDMxN", "flex-shrink-md": "vars_flex-shrink-md__Mzg4O", "overflow-md": "vars_overflow-md__OTEzO", "overflow-x-md": "vars_overflow-x-md__NWFhN", "overflow-y-md": "vars_overflow-y-md__Y2RlY", "order-md": "vars_order-md__OWIwN", "display-lg": "vars_display-lg__Njg0M", "position-lg": "vars_position-lg__MzZjN", "font-size-lg": "vars_font-size-lg__YWQ1M", "font-weight-lg": "vars_font-weight-lg__MzM0O", "heading-size-lg": "vars_heading-size-lg__NTQ5M", "border-size-lg": "vars_border-size-lg__N2IxZ", "border-radius-lg": "vars_border-radius-lg__YTc1O", "shadow-lg": "vars_shadow-lg__MTlmO", "background-color-lg": "vars_background-color-lg__MjA0Y", "align-lg": "vars_align-lg__MWFmM", "letter-spacing-lg": "vars_letter-spacing-lg__YjM3N", "padding-lg": "vars_padding-lg__MzhkM", "padding-x-lg": "vars_padding-x-lg__MzBlO", "padding-y-lg": "vars_padding-y-lg__ZGE3O", "padding-top-lg": "vars_padding-top-lg__NzkzM", "padding-right-lg": "vars_padding-right-lg__ZDQzO", "padding-bottom-lg": "vars_padding-bottom-lg__MGEzY", "padding-left-lg": "vars_padding-left-lg__MTQ2N", "margin-lg": "vars_margin-lg__MmQzM", "margin-x-lg": "vars_margin-x-lg__NWM1Z", "margin-y-lg": "vars_margin-y-lg__OTQ5Z", "margin-top-lg": "vars_margin-top-lg__ZTQ0N", "margin-right-lg": "vars_margin-right-lg__MGY5N", "margin-bottom-lg": "vars_margin-bottom-lg__YjgxY", "margin-left-lg": "vars_margin-left-lg__ODNlO", "gap-lg": "vars_gap-lg__Njk3Z", "gap-x-lg": "vars_gap-x-lg__YzgyZ", "gap-y-lg": "vars_gap-y-lg__ODdjO", "height-lg": "vars_height-lg__ZTlkY", "width-lg": "vars_width-lg__ZTg1Y", "min-height-lg": "vars_min-height-lg__Njk1M", "min-width-lg": "vars_min-width-lg__YmU4O", "max-height-lg": "vars_max-height-lg__MGM0Z", "flex-direction-lg": "vars_flex-direction-lg__ZmVhO", "flex-wrap-lg": "vars_flex-wrap-lg__ODQ4Y", "justify-content-lg": "vars_justify-content-lg__N2U0O", "justify-items-lg": "vars_justify-items-lg__NTdmM", "justify-self-lg": "vars_justify-self-lg__N2YyN", "align-content-lg": "vars_align-content-lg__NzkxM", "align-items-lg": "vars_align-items-lg__NTQyN", "align-self-lg": "vars_align-self-lg__YzI4N", "grid-template-rows-lg": "vars_grid-template-rows-lg__ZTRjZ", "grid-template-columns-lg": "vars_grid-template-columns-lg__Nzg2M", "flex-basis-lg": "vars_flex-basis-lg__YmVkY", "flex-grow-lg": "vars_flex-grow-lg__MDA0N", "flex-shrink-lg": "vars_flex-shrink-lg__ZmY5Y", "overflow-lg": "vars_overflow-lg__YTdlN", "overflow-x-lg": "vars_overflow-x-lg__MGZmZ", "overflow-y-lg": "vars_overflow-y-lg__NWJjM", "order-lg": "vars_order-lg__NjNkZ", "display-xl": "vars_display-xl__OWYwO", "position-xl": "vars_position-xl__Y2YzZ", "font-size-xl": "vars_font-size-xl__OTYxN", "font-weight-xl": "vars_font-weight-xl__MTZiN", "heading-size-xl": "vars_heading-size-xl__OTZjY", "border-size-xl": "vars_border-size-xl__NDg5M", "border-radius-xl": "vars_border-radius-xl__YWYxZ", "shadow-xl": "vars_shadow-xl__ODczY", "background-color-xl": "vars_background-color-xl__MmM4Y", "align-xl": "vars_align-xl__NmVhZ", "letter-spacing-xl": "vars_letter-spacing-xl__MDI5Y", "padding-xl": "vars_padding-xl__NzQ2N", "padding-x-xl": "vars_padding-x-xl__MjQxM", "padding-y-xl": "vars_padding-y-xl__MDU3O", "padding-top-xl": "vars_padding-top-xl__M2RlZ", "padding-right-xl": "vars_padding-right-xl__YmZmM", "padding-bottom-xl": "vars_padding-bottom-xl__NjVlM", "padding-left-xl": "vars_padding-left-xl__ZjI5Z", "margin-xl": "vars_margin-xl__NzQyM", "margin-x-xl": "vars_margin-x-xl__ZTc3M", "margin-y-xl": "vars_margin-y-xl__MThmN", "margin-top-xl": "vars_margin-top-xl__ZTYzY", "margin-right-xl": "vars_margin-right-xl__OTMxY", "margin-bottom-xl": "vars_margin-bottom-xl__OTFjY", "margin-left-xl": "vars_margin-left-xl__NTBkN", "gap-xl": "vars_gap-xl__M2ViO", "gap-x-xl": "vars_gap-x-xl__NTliM", "gap-y-xl": "vars_gap-y-xl__NzA1Z", "height-xl": "vars_height-xl__NjYyN", "width-xl": "vars_width-xl__NGVkZ", "min-height-xl": "vars_min-height-xl__MTkyZ", "min-width-xl": "vars_min-width-xl__MTFmN", "max-height-xl": "vars_max-height-xl__OTU5Z", "flex-direction-xl": "vars_flex-direction-xl__MmJiY", "flex-wrap-xl": "vars_flex-wrap-xl__MzIyN", "justify-content-xl": "vars_justify-content-xl__MDA5M", "justify-items-xl": "vars_justify-items-xl__MTFiM", "justify-self-xl": "vars_justify-self-xl__Y2FjN", "align-content-xl": "vars_align-content-xl__MjMzM", "align-items-xl": "vars_align-items-xl__ZmU2O", "align-self-xl": "vars_align-self-xl__NjBiN", "grid-template-rows-xl": "vars_grid-template-rows-xl__NjY4Z", "grid-template-columns-xl": "vars_grid-template-columns-xl__OTQ0M", "flex-basis-xl": "vars_flex-basis-xl__Yzc3O", "flex-grow-xl": "vars_flex-grow-xl__ODYxZ", "flex-shrink-xl": "vars_flex-shrink-xl__OWQ1Y", "overflow-xl": "vars_overflow-xl__MDQ2M", "overflow-x-xl": "vars_overflow-x-xl__NTY0M", "overflow-y-xl": "vars_overflow-y-xl__ZjNmO", "order-xl": "vars_order-xl__ODAwM" };
+var vars_default = { "display": "vars_display__MTc2Y", "display-none": "vars_display-none__NDEzY", "display-inline": "vars_display-inline__OTM3Y", "display-inline-block": "vars_display-inline-block__ZWM5N", "display-block": "vars_display-block__ZWVjM", "display-flex": "vars_display-flex__NjZhY", "display-inline-flex": "vars_display-inline-flex__M2MzY", "display-grid": "vars_display-grid__OGE4Y", "display-inline-grid": "vars_display-inline-grid__YzE5O", "position-absolute": "vars_position-absolute__Y2JlN", "position-fixed": "vars_position-fixed__NzE4O", "position-stick": "vars_position-stick__OGY0M", "position-static": "vars_position-static__MjRiN", "position-relative": "vars_position-relative__YmQ2M", "font-size": "vars_font-size__ZjRjO", "font-size-1": "vars_font-size-1__NTkwZ", "font-size-2": "vars_font-size-2__ZDY1Y", "font-size-3": "vars_font-size-3__ZjA3Y", "font-size-4": "vars_font-size-4__ZGNhO", "font-size-5": "vars_font-size-5__MGRkZ", "font-size-6": "vars_font-size-6__MWEwM", "font-size-7": "vars_font-size-7__MmFjZ", "font-size-8": "vars_font-size-8__N2Y5Y", "font-size-9": "vars_font-size-9__YTkwY", "heading-size": "vars_heading-size__M2VkN", "heading-size-1": "vars_heading-size-1__M2JmN", "heading-size-2": "vars_heading-size-2__MzU2Z", "heading-size-3": "vars_heading-size-3__NzA4N", "heading-size-4": "vars_heading-size-4__YzlhM", "heading-size-5": "vars_heading-size-5__MzlkY", "heading-size-6": "vars_heading-size-6__NmZjN", "font-weight-light": "vars_font-weight-light__OTI5Y", "font-weight-regular": "vars_font-weight-regular__YmMxN", "font-weight-medium": "vars_font-weight-medium__OTA1M", "font-weight-bold": "vars_font-weight-bold__YjdjN", "border-size-1": "vars_border-size-1__ODI5Z", "border-size-2": "vars_border-size-2__N2FjY", "border-size-3": "vars_border-size-3__MTE0Z", "border-size-4": "vars_border-size-4__NjE0N", "border-radius-1": "vars_border-radius-1__MTRkM", "border-radius-2": "vars_border-radius-2__MDhjM", "border-radius-3": "vars_border-radius-3__NGUwY", "border-radius-4": "vars_border-radius-4__NzNiY", "border-radius-full": "vars_border-radius-full__YTVhZ", "shadow-1": "vars_shadow-1__YzUwZ", "shadow-2": "vars_shadow-2__ZjAyO", "shadow-3": "vars_shadow-3__YmNmZ", "shadow-4": "vars_shadow-4__ZjRlN", "shadow-5": "vars_shadow-5__ZDI4M", "shadow-6": "vars_shadow-6__YzgyO", "font-color-primary": "vars_font-color-primary__ZGU1N", "font-color-muted": "vars_font-color-muted__ZTc4Y", "font-color-disabled": "vars_font-color-disabled__YWM2N", "font-color-1": "vars_font-color-1__NzM0N", "font-color-2": "vars_font-color-2__NGNmN", "font-color-3": "vars_font-color-3__ZmVmO", "font-color-4": "vars_font-color-4__ZWU2N", "font-color-5": "vars_font-color-5__OWIzY", "font-color-6": "vars_font-color-6__YzgxM", "font-color-7": "vars_font-color-7__YjhhM", "font-color-8": "vars_font-color-8__YWFkZ", "font-color-10": "vars_font-color-10__NDdhM", "font-color-11": "vars_font-color-11__NTU5M", "font-color-12": "vars_font-color-12__NDBkZ", "font-color-gray": "vars_font-color-gray__Y2M1Y", "font-color-gold": "vars_font-color-gold__M2NiN", "font-color-bronze": "vars_font-color-bronze__Y2JjY", "font-color-brown": "vars_font-color-brown__MzgyM", "font-color-yellow": "vars_font-color-yellow__NDk1O", "font-color-amber": "vars_font-color-amber__MWYzN", "font-color-orange": "vars_font-color-orange__NjA1N", "font-color-tomato": "vars_font-color-tomato__YmViN", "font-color-red": "vars_font-color-red__NTAxN", "font-color-ruby": "vars_font-color-ruby__YjE3M", "font-color-crimson": "vars_font-color-crimson__ZWZjZ", "font-color-pink": "vars_font-color-pink__ZjIwY", "font-color-plum": "vars_font-color-plum__ZmFmY", "font-color-purple": "vars_font-color-purple__MTljN", "font-color-violet": "vars_font-color-violet__MzQzZ", "font-color-iris": "vars_font-color-iris__MzM4N", "font-color-indigo": "vars_font-color-indigo__Y2Q2Z", "font-color-blue": "vars_font-color-blue__ZDhhZ", "font-color-cyan": "vars_font-color-cyan__NmYwM", "font-color-teal": "vars_font-color-teal__Y2YzO", "font-color-jade": "vars_font-color-jade__ZWFjY", "font-color-green": "vars_font-color-green__MzNkZ", "font-color-grass": "vars_font-color-grass__ODFkN", "font-color-lime": "vars_font-color-lime__MTk5M", "font-color-mint": "vars_font-color-mint__MTgxZ", "font-color-sky": "vars_font-color-sky__ODJkM", "background-color-transparent": "vars_background-color-transparent__OWJiN", "background-color-solid": "vars_background-color-solid__ZjRlO", "background-color-1": "vars_background-color-1__ZWQ2Z", "background-color-2": "vars_background-color-2__MDY3M", "background-color-3": "vars_background-color-3__NmY2N", "background-color-4": "vars_background-color-4__ZTBiM", "background-color-5": "vars_background-color-5__YzkyZ", "background-color-6": "vars_background-color-6__Njc0M", "background-color-7": "vars_background-color-7__ZmZhN", "background-color-8": "vars_background-color-8__YzQyZ", "background-color-9": "vars_background-color-9__YmFmN", "background-color-10": "vars_background-color-10__MGNkZ", "background-color-11": "vars_background-color-11__ZDdiZ", "background-color-12": "vars_background-color-12__MGFhZ", "background-color-gray": "vars_background-color-gray__NjRiZ", "background-color-gold": "vars_background-color-gold__ZTA1N", "background-color-bronze": "vars_background-color-bronze__NTRkY", "background-color-brown": "vars_background-color-brown__MjdjO", "background-color-yellow": "vars_background-color-yellow__NWEwM", "background-color-amber": "vars_background-color-amber__ZTBkZ", "background-color-orange": "vars_background-color-orange__YjkwN", "background-color-tomato": "vars_background-color-tomato__ZGYyN", "background-color-red": "vars_background-color-red__OGYzM", "background-color-ruby": "vars_background-color-ruby__YzUwN", "background-color-crimson": "vars_background-color-crimson__MjUwN", "background-color-pink": "vars_background-color-pink__ZDliM", "background-color-plum": "vars_background-color-plum__ZjhmZ", "background-color-purple": "vars_background-color-purple__OTNjN", "background-color-violet": "vars_background-color-violet__MjBiY", "background-color-iris": "vars_background-color-iris__YTY3Y", "background-color-indigo": "vars_background-color-indigo__ZDcxY", "background-color-blue": "vars_background-color-blue__ZGQ0M", "background-color-cyan": "vars_background-color-cyan__YzA5M", "background-color-teal": "vars_background-color-teal__ODMwN", "background-color-jade": "vars_background-color-jade__MzE4N", "background-color-green": "vars_background-color-green__NTIzM", "background-color-grass": "vars_background-color-grass__ZjljZ", "background-color-lime": "vars_background-color-lime__NWM4O", "background-color-mint": "vars_background-color-mint__ZmM0M", "background-color-sky": "vars_background-color-sky__OTE2Z", "text-align-left": "vars_text-align-left__MGQ2M", "text-align-center": "vars_text-align-center__M2I1Z", "text-align-right": "vars_text-align-right__YzYzM", "text-wrap-wrap": "vars_text-wrap-wrap__NGUwZ", "text-wrap-nowrap": "vars_text-wrap-nowrap__ZTViN", "text-wrap-balance": "vars_text-wrap-balance__OGQyY", "text-wrap-pretty": "vars_text-wrap-pretty__YjNlO", "text-wrap-stable": "vars_text-wrap-stable__NDViO", "letter-spacing-1": "vars_letter-spacing-1__OWEyY", "letter-spacing-2": "vars_letter-spacing-2__M2E3N", "letter-spacing-3": "vars_letter-spacing-3__ODUyZ", "letter-spacing-4": "vars_letter-spacing-4__MjQ0Y", "letter-spacing-5": "vars_letter-spacing-5__MmIzM", "padding-1": "vars_padding-1__OTE2Y", "padding-2": "vars_padding-2__MTM0Z", "padding-3": "vars_padding-3__YTY2M", "padding-4": "vars_padding-4__MDdkN", "padding-5": "vars_padding-5__NmU3Z", "padding-6": "vars_padding-6__OGQ2N", "padding-7": "vars_padding-7__YmFiZ", "padding-8": "vars_padding-8__ZmU2N", "padding-9": "vars_padding-9__OTgxN", "padding-10": "vars_padding-10__ZjcxY", "padding-11": "vars_padding-11__MmI2M", "padding-12": "vars_padding-12__N2U5M", "padding-x-1": "vars_padding-x-1__MjUzY", "padding-x-2": "vars_padding-x-2__OTk3Y", "padding-x-3": "vars_padding-x-3__YzBiZ", "padding-x-4": "vars_padding-x-4__MzU5N", "padding-x-5": "vars_padding-x-5__NTliO", "padding-x-6": "vars_padding-x-6__NjAyN", "padding-x-7": "vars_padding-x-7__MDVlM", "padding-x-8": "vars_padding-x-8__ZjQ0N", "padding-x-9": "vars_padding-x-9__NDNhM", "padding-x-10": "vars_padding-x-10__MzAxY", "padding-x-11": "vars_padding-x-11__NGZiM", "padding-x-12": "vars_padding-x-12__Y2I1Y", "padding-y-1": "vars_padding-y-1__YzRiN", "padding-y-2": "vars_padding-y-2__YjgwY", "padding-y-3": "vars_padding-y-3__ZWQ2O", "padding-y-4": "vars_padding-y-4__N2E4Z", "padding-y-5": "vars_padding-y-5__ZWEyO", "padding-y-6": "vars_padding-y-6__OWIzY", "padding-y-7": "vars_padding-y-7__OGJmM", "padding-y-8": "vars_padding-y-8__MmVjO", "padding-y-9": "vars_padding-y-9__YmUzY", "padding-y-10": "vars_padding-y-10__MjczM", "padding-y-11": "vars_padding-y-11__OWE1O", "padding-y-12": "vars_padding-y-12__ZWE3Y", "padding-top-1": "vars_padding-top-1__OTI2M", "padding-top-2": "vars_padding-top-2__ZTRjN", "padding-top-3": "vars_padding-top-3__NjdkN", "padding-top-4": "vars_padding-top-4__NDYxN", "padding-top-5": "vars_padding-top-5__NmFlM", "padding-top-6": "vars_padding-top-6__YTJkZ", "padding-top-7": "vars_padding-top-7__OWFjY", "padding-top-8": "vars_padding-top-8__NzA5Y", "padding-top-9": "vars_padding-top-9__ZWFiY", "padding-top-10": "vars_padding-top-10__NDg3M", "padding-top-11": "vars_padding-top-11__N2E4O", "padding-top-12": "vars_padding-top-12__MzAxY", "padding-bottom-1": "vars_padding-bottom-1__MjY3Y", "padding-bottom-2": "vars_padding-bottom-2__YjExM", "padding-bottom-3": "vars_padding-bottom-3__OTkxY", "padding-bottom-4": "vars_padding-bottom-4__YTlmZ", "padding-bottom-5": "vars_padding-bottom-5__N2I4Z", "padding-bottom-6": "vars_padding-bottom-6__NzQ3M", "padding-bottom-7": "vars_padding-bottom-7__NTU2Z", "padding-bottom-8": "vars_padding-bottom-8__OGM0N", "padding-bottom-9": "vars_padding-bottom-9__Yjk5M", "padding-bottom-10": "vars_padding-bottom-10__ZjczM", "padding-bottom-11": "vars_padding-bottom-11__MzIzN", "padding-bottom-12": "vars_padding-bottom-12__OGM1Y", "padding-left-1": "vars_padding-left-1__MzVmN", "padding-left-2": "vars_padding-left-2__ODk0N", "padding-left-3": "vars_padding-left-3__ZGZmY", "padding-left-4": "vars_padding-left-4__Nzg4M", "padding-left-5": "vars_padding-left-5__ZjNkN", "padding-left-6": "vars_padding-left-6__MGRmM", "padding-left-7": "vars_padding-left-7__Y2EyO", "padding-left-8": "vars_padding-left-8__M2FlY", "padding-left-9": "vars_padding-left-9__ZTI2Y", "padding-left-10": "vars_padding-left-10__ZDBiZ", "padding-left-11": "vars_padding-left-11__N2M3M", "padding-left-12": "vars_padding-left-12__OTQxN", "padding-right-1": "vars_padding-right-1__YjVjZ", "padding-right-2": "vars_padding-right-2__MzQzZ", "padding-right-3": "vars_padding-right-3__MDFjM", "padding-right-4": "vars_padding-right-4__MWY5O", "padding-right-5": "vars_padding-right-5__YWM2Z", "padding-right-6": "vars_padding-right-6__OTFmN", "padding-right-7": "vars_padding-right-7__YjNhM", "padding-right-8": "vars_padding-right-8__YWZkM", "padding-right-9": "vars_padding-right-9__OTdlZ", "padding-right-10": "vars_padding-right-10__ZTk2N", "padding-right-11": "vars_padding-right-11__OGM5O", "padding-right-12": "vars_padding-right-12__M2I0Z", "margin-1": "vars_margin-1__MDJhM", "margin-2": "vars_margin-2__MWY1M", "margin-3": "vars_margin-3__M2U5N", "margin-4": "vars_margin-4__MjMxM", "margin-5": "vars_margin-5__ZGNjN", "margin-6": "vars_margin-6__OWJiN", "margin-7": "vars_margin-7__ODJlY", "margin-8": "vars_margin-8__NWRlZ", "margin-9": "vars_margin-9__ODNkY", "margin-10": "vars_margin-10__MjA2M", "margin-11": "vars_margin-11__ZGU2N", "margin-12": "vars_margin-12__MjRiZ", "margin-x-1": "vars_margin-x-1__ZjE1Y", "margin-x-2": "vars_margin-x-2__MzM3Y", "margin-x-3": "vars_margin-x-3__YWU1Z", "margin-x-4": "vars_margin-x-4__YTM3M", "margin-x-5": "vars_margin-x-5__NmFlM", "margin-x-6": "vars_margin-x-6__NzlmM", "margin-x-7": "vars_margin-x-7__NDc5Y", "margin-x-8": "vars_margin-x-8__OWI1M", "margin-x-9": "vars_margin-x-9__ODYwM", "margin-x-10": "vars_margin-x-10__ODRjN", "margin-x-11": "vars_margin-x-11__ZjAyY", "margin-x-12": "vars_margin-x-12__NzRkN", "margin-y-1": "vars_margin-y-1__ZjExO", "margin-y-2": "vars_margin-y-2__NTFjY", "margin-y-3": "vars_margin-y-3__ZDg5N", "margin-y-4": "vars_margin-y-4__MTk1Y", "margin-y-5": "vars_margin-y-5__YmI5Z", "margin-y-6": "vars_margin-y-6__MmMzO", "margin-y-7": "vars_margin-y-7__NTRmO", "margin-y-8": "vars_margin-y-8__YWI4Y", "margin-y-9": "vars_margin-y-9__NjM3M", "margin-y-10": "vars_margin-y-10__YWIxN", "margin-y-11": "vars_margin-y-11__NzE2M", "margin-y-12": "vars_margin-y-12__YjMwN", "margin-top-1": "vars_margin-top-1__ZGUzY", "margin-top-2": "vars_margin-top-2__YTc2Z", "margin-top-3": "vars_margin-top-3__NzBhO", "margin-top-4": "vars_margin-top-4__YTI2N", "margin-top-5": "vars_margin-top-5__YjhmZ", "margin-top-6": "vars_margin-top-6__YzMyM", "margin-top-7": "vars_margin-top-7__NjQyM", "margin-top-8": "vars_margin-top-8__YzE2O", "margin-top-9": "vars_margin-top-9__MGRmY", "margin-top-10": "vars_margin-top-10__OWQ2M", "margin-top-11": "vars_margin-top-11__M2U2N", "margin-top-12": "vars_margin-top-12__ZDM1Z", "margin-bottom-1": "vars_margin-bottom-1__ODQ1Y", "margin-bottom-2": "vars_margin-bottom-2__YjllM", "margin-bottom-3": "vars_margin-bottom-3__NjA2Z", "margin-bottom-4": "vars_margin-bottom-4__MDI3O", "margin-bottom-5": "vars_margin-bottom-5__ZmQ2Y", "margin-bottom-6": "vars_margin-bottom-6__MGU0N", "margin-bottom-7": "vars_margin-bottom-7__MGNkY", "margin-bottom-8": "vars_margin-bottom-8__NDYyM", "margin-bottom-9": "vars_margin-bottom-9__ZTBmZ", "margin-bottom-10": "vars_margin-bottom-10__YWU5N", "margin-bottom-11": "vars_margin-bottom-11__NzUzZ", "margin-bottom-12": "vars_margin-bottom-12__YzgyZ", "margin-left-1": "vars_margin-left-1__YTg0M", "margin-left-2": "vars_margin-left-2__ZTkwM", "margin-left-3": "vars_margin-left-3__ZGQzN", "margin-left-4": "vars_margin-left-4__ODA3N", "margin-left-5": "vars_margin-left-5__YWJlM", "margin-left-6": "vars_margin-left-6__ODU5M", "margin-left-7": "vars_margin-left-7__MmVmY", "margin-left-8": "vars_margin-left-8__ZjgyO", "margin-left-9": "vars_margin-left-9__NDI2N", "margin-left-10": "vars_margin-left-10__NTc5N", "margin-left-11": "vars_margin-left-11__YWUwM", "margin-left-12": "vars_margin-left-12__ODk4M", "margin-right-1": "vars_margin-right-1__YWEzY", "margin-right-2": "vars_margin-right-2__YTM3O", "margin-right-3": "vars_margin-right-3__ZmU3N", "margin-right-4": "vars_margin-right-4__MzYyO", "margin-right-5": "vars_margin-right-5__ZWM1Z", "margin-right-6": "vars_margin-right-6__YzQzZ", "margin-right-7": "vars_margin-right-7__N2NhZ", "margin-right-8": "vars_margin-right-8__YjFiO", "margin-right-9": "vars_margin-right-9__ZjVkM", "margin-right-10": "vars_margin-right-10__ZDg0O", "margin-right-11": "vars_margin-right-11__ZTZkY", "margin-right-12": "vars_margin-right-12__MTFkM", "gap-1": "vars_gap-1__MzA4Z", "gap-2": "vars_gap-2__MmRiM", "gap-3": "vars_gap-3__YWQ3M", "gap-4": "vars_gap-4__MzgwY", "gap-5": "vars_gap-5__YzI0O", "gap-6": "vars_gap-6__YjcwM", "gap-7": "vars_gap-7__YzJmZ", "gap-8": "vars_gap-8__OWU0M", "gap-9": "vars_gap-9__ZWIxY", "gap-10": "vars_gap-10__MGY3M", "gap-11": "vars_gap-11__ZjQyY", "gap-12": "vars_gap-12__YTU5M", "gap-x-1": "vars_gap-x-1__NDRjN", "gap-x-2": "vars_gap-x-2__YTNmN", "gap-x-3": "vars_gap-x-3__NzUyN", "gap-x-4": "vars_gap-x-4__M2Y5M", "gap-x-5": "vars_gap-x-5__ZDU0O", "gap-x-6": "vars_gap-x-6__OGUwZ", "gap-x-7": "vars_gap-x-7__YTE5N", "gap-x-8": "vars_gap-x-8__ZTdlM", "gap-x-9": "vars_gap-x-9__ZmNmN", "gap-x-10": "vars_gap-x-10__NWVkZ", "gap-x-11": "vars_gap-x-11__NDA3N", "gap-x-12": "vars_gap-x-12__MjAxO", "gap-y-1": "vars_gap-y-1__ZmJmZ", "gap-y-2": "vars_gap-y-2__ODViN", "gap-y-3": "vars_gap-y-3__MjgwM", "gap-y-4": "vars_gap-y-4__MWJiO", "gap-y-5": "vars_gap-y-5__MDE3N", "gap-y-6": "vars_gap-y-6__MmIzM", "gap-y-7": "vars_gap-y-7__NjM5N", "gap-y-8": "vars_gap-y-8__NmExZ", "gap-y-9": "vars_gap-y-9__ZmI3Z", "gap-y-10": "vars_gap-y-10__Y2RhN", "gap-y-11": "vars_gap-y-11__OGZkO", "gap-y-12": "vars_gap-y-12__NDI5N", "flex-direction-row": "vars_flex-direction-row__ZWEwN", "flex-direction-row-reverse": "vars_flex-direction-row-reverse__NTE4N", "flex-direction-column": "vars_flex-direction-column__MDBjN", "flex-direction-column-reverse": "vars_flex-direction-column-reverse__ODZjM", "flex-wrap-wrap": "vars_flex-wrap-wrap__ZDYwY", "flex-wrap-nowrap": "vars_flex-wrap-nowrap__MjAzM", "flex-wrap-wrap-reverse": "vars_flex-wrap-wrap-reverse__YTA5Y", "justify-content-center": "vars_justify-content-center__Mjc4Y", "justify-content-start": "vars_justify-content-start__MDgwN", "justify-content-end": "vars_justify-content-end__NTE5N", "justify-content-flex-start": "vars_justify-content-flex-start__YTBlN", "justify-content-flex-end": "vars_justify-content-flex-end__NGY3M", "justify-content-left": "vars_justify-content-left__ODMyN", "justify-content-right": "vars_justify-content-right__MTE2M", "justify-content-space-between": "vars_justify-content-space-between__OWQyM", "justify-content-space-around": "vars_justify-content-space-around__NGI2M", "justify-content-space-evenly": "vars_justify-content-space-evenly__N2Q1O", "justify-content-stretch": "vars_justify-content-stretch__NzU2M", "justify-items-stretch": "vars_justify-items-stretch__YzM5O", "justify-items-center": "vars_justify-items-center__YWI1Y", "justify-items-start": "vars_justify-items-start__ZmExM", "justify-items-end": "vars_justify-items-end__MTEwO", "justify-items-flex-start": "vars_justify-items-flex-start__MTgwN", "justify-items-flex-end": "vars_justify-items-flex-end__MzRkZ", "justify-items-self-start": "vars_justify-items-self-start__OGU4Y", "justify-items-self-end": "vars_justify-items-self-end__NjQ1Y", "justify-items-left": "vars_justify-items-left__NDNiY", "justify-items-right": "vars_justify-items-right__YzlhO", "justify-items-baseline": "vars_justify-items-baseline__NzY1O", "align-content-center": "vars_align-content-center__MTBjZ", "align-content-start": "vars_align-content-start__OWQzM", "align-content-end": "vars_align-content-end__NDgwY", "align-content-flex-start": "vars_align-content-flex-start__NmY0Z", "align-content-flex-end": "vars_align-content-flex-end__MGUxZ", "align-content-baseline": "vars_align-content-baseline__M2RmY", "align-content-space-between": "vars_align-content-space-between__OGExM", "align-content-space-around": "vars_align-content-space-around__YzM2N", "align-content-space-evenly": "vars_align-content-space-evenly__OGJhN", "align-content-stretch": "vars_align-content-stretch__YTlmZ", "align-items-center": "vars_align-items-center__YmJhN", "align-items-start": "vars_align-items-start__YjllN", "align-items-end": "vars_align-items-end__YjNkO", "align-items-flex-start": "vars_align-items-flex-start__ZTU2M", "align-items-flex-end": "vars_align-items-flex-end__MmI0O", "align-items-self-start": "vars_align-items-self-start__OWJkZ", "align-items-self-end": "vars_align-items-self-end__NzcwN", "align-items-stretch": "vars_align-items-stretch__YmI3M", "align-items-baseline": "vars_align-items-baseline__YWMzM", "align-self-center": "vars_align-self-center__ZGUyM", "align-self-start": "vars_align-self-start__MjA3Y", "align-self-end": "vars_align-self-end__ZGNiO", "align-self-self-start": "vars_align-self-self-start__ZjQ3Y", "align-self-self-end": "vars_align-self-self-end__ODRlN", "align-self-flex-start": "vars_align-self-flex-start__Mzk3Z", "align-self-flex-end": "vars_align-self-flex-end__OWVmZ", "align-self-baseline": "vars_align-self-baseline__NzAxY", "align-self-stretch": "vars_align-self-stretch__ODQ2N", "justify-self-center": "vars_justify-self-center__YmJhZ", "justify-self-start": "vars_justify-self-start__OTE3N", "justify-self-end": "vars_justify-self-end__Nzk0N", "justify-self-self-start": "vars_justify-self-self-start__MTA4M", "justify-self-self-end": "vars_justify-self-self-end__ZDYzY", "justify-self-baseline": "vars_justify-self-baseline__M2IyM", "justify-self-stretch": "vars_justify-self-stretch__MWQwY", "grid-auto-flow-row": "vars_grid-auto-flow-row__MDIzO", "grid-auto-flow-column": "vars_grid-auto-flow-column__OGM4Z", "grid-auto-flow-row-dense": "vars_grid-auto-flow-row-dense__MTJmN", "grid-auto-flow-column-dense": "vars_grid-auto-flow-column-dense__ZWNjN", "overflow-visible": "vars_overflow-visible__NDllM", "overflow-hidden": "vars_overflow-hidden__YjkzM", "overflow-clip": "vars_overflow-clip__NmI4O", "overflow-scroll": "vars_overflow-scroll__OWJkZ", "overflow-auto": "vars_overflow-auto__MTUzY", "overflow-x-visible": "vars_overflow-x-visible__ZjU2Z", "overflow-x-hidden": "vars_overflow-x-hidden__OWI3M", "overflow-x-clip": "vars_overflow-x-clip__YzQ4N", "overflow-x-scroll": "vars_overflow-x-scroll__NmQ3Y", "overflow-x-auto": "vars_overflow-x-auto__MjAyM", "overflow-y-visible": "vars_overflow-y-visible__ODA2O", "overflow-y-hidden": "vars_overflow-y-hidden__MTkwM", "overflow-y-clip": "vars_overflow-y-clip__ZmJjM", "overflow-y-scroll": "vars_overflow-y-scroll__M2U5M", "overflow-y-auto": "vars_overflow-y-auto__ZWU2N", "text-transform-capitalize": "vars_text-transform-capitalize__ZWY2M", "text-transform-uppercase": "vars_text-transform-uppercase__NGUyY", "text-transform-lowercase": "vars_text-transform-lowercase__YWRhM", "text-transform-none": "vars_text-transform-none__NTQ5N", "text-transform-full-width": "vars_text-transform-full-width__YzQ2Y", "text-transform-full-size-kana": "vars_text-transform-full-size-kana__ZWNlN", "display-xs": "vars_display-xs__M2VkN", "position-xs": "vars_position-xs__ZWIwZ", "font-size-xs": "vars_font-size-xs__ZGE3N", "font-weight-xs": "vars_font-weight-xs__OGYyN", "heading-size-xs": "vars_heading-size-xs__NjEzY", "border-size-xs": "vars_border-size-xs__N2YyZ", "border-radius-xs": "vars_border-radius-xs__MmQ2M", "shadow-xs": "vars_shadow-xs__NjI1N", "background-color-xs": "vars_background-color-xs__YzA5Y", "align-xs": "vars_align-xs__NDAxZ", "letter-spacing-xs": "vars_letter-spacing-xs__MzUyN", "padding-xs": "vars_padding-xs__NzM3N", "padding-x-xs": "vars_padding-x-xs__NzFiN", "padding-y-xs": "vars_padding-y-xs__ZjYyY", "padding-top-xs": "vars_padding-top-xs__YmU4N", "padding-right-xs": "vars_padding-right-xs__NjJhN", "padding-bottom-xs": "vars_padding-bottom-xs__MDA1N", "padding-left-xs": "vars_padding-left-xs__MmFkY", "margin-xs": "vars_margin-xs__NjJmY", "margin-x-xs": "vars_margin-x-xs__ZjBlY", "margin-y-xs": "vars_margin-y-xs__NTI3M", "margin-top-xs": "vars_margin-top-xs__ZTA5M", "margin-right-xs": "vars_margin-right-xs__ODhkZ", "margin-bottom-xs": "vars_margin-bottom-xs__M2NiY", "margin-left-xs": "vars_margin-left-xs__OGY1Z", "gap-xs": "vars_gap-xs__NTg3N", "gap-x-xs": "vars_gap-x-xs__ZWViZ", "gap-y-xs": "vars_gap-y-xs__NWUxY", "height-xs": "vars_height-xs__OTFiM", "width-xs": "vars_width-xs__YWE0O", "min-height-xs": "vars_min-height-xs__M2M0N", "min-width-xs": "vars_min-width-xs__MjU0N", "max-height-xs": "vars_max-height-xs__OWRmO", "flex-direction-xs": "vars_flex-direction-xs__YTI2O", "flex-wrap-xs": "vars_flex-wrap-xs__N2Q3M", "justify-content-xs": "vars_justify-content-xs__ZWJjY", "justify-items-xs": "vars_justify-items-xs__MGIzN", "justify-self-xs": "vars_justify-self-xs__NTBmM", "align-content-xs": "vars_align-content-xs__MmZmM", "align-items-xs": "vars_align-items-xs__NDQwN", "align-self-xs": "vars_align-self-xs__N2NlO", "grid-template-rows-xs": "vars_grid-template-rows-xs__ZWJmO", "grid-template-columns-xs": "vars_grid-template-columns-xs__OGM0Y", "flex-basis-xs": "vars_flex-basis-xs__ZjVlZ", "flex-grow-xs": "vars_flex-grow-xs__Y2VhN", "flex-shrink-xs": "vars_flex-shrink-xs__Y2RkN", "overflow-xs": "vars_overflow-xs__MDA0Y", "overflow-x-xs": "vars_overflow-x-xs__NDQxO", "overflow-y-xs": "vars_overflow-y-xs__NmU0M", "order-xs": "vars_order-xs__MzI4N", "display-sm": "vars_display-sm__ODJhY", "position-sm": "vars_position-sm__MDZjN", "font-size-sm": "vars_font-size-sm__NWVlZ", "font-weight-sm": "vars_font-weight-sm__MWE3M", "heading-size-sm": "vars_heading-size-sm__ZGQ4Z", "border-size-sm": "vars_border-size-sm__NDdkY", "border-radius-sm": "vars_border-radius-sm__MWVkZ", "shadow-sm": "vars_shadow-sm__MTA3M", "background-color-sm": "vars_background-color-sm__NDk0Z", "align-sm": "vars_align-sm__M2RjN", "letter-spacing-sm": "vars_letter-spacing-sm__ZDI5N", "padding-sm": "vars_padding-sm__YTIyZ", "padding-x-sm": "vars_padding-x-sm__N2U0N", "padding-y-sm": "vars_padding-y-sm__MmQxZ", "padding-top-sm": "vars_padding-top-sm__NmE4N", "padding-right-sm": "vars_padding-right-sm__YjgyY", "padding-bottom-sm": "vars_padding-bottom-sm__NWRkN", "padding-left-sm": "vars_padding-left-sm__MDAzO", "margin-sm": "vars_margin-sm__ZGFkN", "margin-x-sm": "vars_margin-x-sm__NDI0M", "margin-y-sm": "vars_margin-y-sm__MDk3M", "margin-top-sm": "vars_margin-top-sm__ZjJmZ", "margin-right-sm": "vars_margin-right-sm__NWMzZ", "margin-bottom-sm": "vars_margin-bottom-sm__NGIwY", "margin-left-sm": "vars_margin-left-sm__NTAwM", "gap-sm": "vars_gap-sm__MGFjY", "gap-x-sm": "vars_gap-x-sm__MjMzN", "gap-y-sm": "vars_gap-y-sm__ZjNkN", "height-sm": "vars_height-sm__YjAxN", "width-sm": "vars_width-sm__OWNhN", "min-height-sm": "vars_min-height-sm__MGYxY", "min-width-sm": "vars_min-width-sm__MTg2O", "max-height-sm": "vars_max-height-sm__MTNmO", "flex-direction-sm": "vars_flex-direction-sm__NDlmY", "flex-wrap-sm": "vars_flex-wrap-sm__MWU0M", "justify-content-sm": "vars_justify-content-sm__MWI4O", "justify-items-sm": "vars_justify-items-sm__NGY0N", "justify-self-sm": "vars_justify-self-sm__ODM4N", "align-content-sm": "vars_align-content-sm__OWM4M", "align-items-sm": "vars_align-items-sm__MWMwY", "align-self-sm": "vars_align-self-sm__Y2U1Y", "grid-template-rows-sm": "vars_grid-template-rows-sm__NTkyO", "grid-template-columns-sm": "vars_grid-template-columns-sm__ODM1Y", "flex-basis-sm": "vars_flex-basis-sm__NjljZ", "flex-grow-sm": "vars_flex-grow-sm__MjdlY", "flex-shrink-sm": "vars_flex-shrink-sm__YTBmN", "overflow-sm": "vars_overflow-sm__Zjk0O", "overflow-x-sm": "vars_overflow-x-sm__MjNiY", "overflow-y-sm": "vars_overflow-y-sm__ZmIxN", "order-sm": "vars_order-sm__MGJiZ", "display-md": "vars_display-md__Y2UzM", "position-md": "vars_position-md__ODgzN", "font-size-md": "vars_font-size-md__ZTQ2Z", "font-weight-md": "vars_font-weight-md__MjU0M", "heading-size-md": "vars_heading-size-md__ZTE5O", "border-size-md": "vars_border-size-md__ZjA0N", "border-radius-md": "vars_border-radius-md__NDc2Y", "shadow-md": "vars_shadow-md__MWIxO", "background-color-md": "vars_background-color-md__Y2IxM", "align-md": "vars_align-md__YWFkO", "letter-spacing-md": "vars_letter-spacing-md__MDM0O", "padding-md": "vars_padding-md__ZDRkY", "padding-x-md": "vars_padding-x-md__NmQyM", "padding-y-md": "vars_padding-y-md__YzA2Y", "padding-top-md": "vars_padding-top-md__YmRiN", "padding-right-md": "vars_padding-right-md__MWQ5M", "padding-bottom-md": "vars_padding-bottom-md__ZWY5Z", "padding-left-md": "vars_padding-left-md__YmQ2O", "margin-md": "vars_margin-md__MjQwM", "margin-x-md": "vars_margin-x-md__MDJhN", "margin-y-md": "vars_margin-y-md__ZjY1N", "margin-top-md": "vars_margin-top-md__ZmY2M", "margin-right-md": "vars_margin-right-md__YmNlO", "margin-bottom-md": "vars_margin-bottom-md__ODc4M", "margin-left-md": "vars_margin-left-md__ZTQyO", "gap-md": "vars_gap-md__ZTZmY", "gap-x-md": "vars_gap-x-md__NjM0Z", "gap-y-md": "vars_gap-y-md__ZGJmO", "height-md": "vars_height-md__ZDY1Y", "width-md": "vars_width-md__NmYxZ", "min-height-md": "vars_min-height-md__MTZjZ", "min-width-md": "vars_min-width-md__MDQ1M", "max-height-md": "vars_max-height-md__MzBmZ", "flex-direction-md": "vars_flex-direction-md__NDUxN", "flex-wrap-md": "vars_flex-wrap-md__M2NmY", "justify-content-md": "vars_justify-content-md__N2YzM", "justify-items-md": "vars_justify-items-md__ZmMzY", "justify-self-md": "vars_justify-self-md__ODFkZ", "align-content-md": "vars_align-content-md__MTg1M", "align-items-md": "vars_align-items-md__YzUxZ", "align-self-md": "vars_align-self-md__ZmFiO", "grid-template-rows-md": "vars_grid-template-rows-md__YjEyY", "grid-template-columns-md": "vars_grid-template-columns-md__YWI5O", "flex-basis-md": "vars_flex-basis-md__YTRmN", "flex-grow-md": "vars_flex-grow-md__YzIxZ", "flex-shrink-md": "vars_flex-shrink-md__NzNlM", "overflow-md": "vars_overflow-md__YTllY", "overflow-x-md": "vars_overflow-x-md__NDM2Z", "overflow-y-md": "vars_overflow-y-md__YWY2O", "order-md": "vars_order-md__MWJlM", "display-lg": "vars_display-lg__OTI2N", "position-lg": "vars_position-lg__ZWIyN", "font-size-lg": "vars_font-size-lg__ZGU3M", "font-weight-lg": "vars_font-weight-lg__NzBmN", "heading-size-lg": "vars_heading-size-lg__YmIwZ", "border-size-lg": "vars_border-size-lg__YzA4M", "border-radius-lg": "vars_border-radius-lg__YTdiN", "shadow-lg": "vars_shadow-lg__YjdlO", "background-color-lg": "vars_background-color-lg__NjhmY", "align-lg": "vars_align-lg__NTAyY", "letter-spacing-lg": "vars_letter-spacing-lg__MGQ0M", "padding-lg": "vars_padding-lg__ODRhN", "padding-x-lg": "vars_padding-x-lg__YmRlN", "padding-y-lg": "vars_padding-y-lg__NzgzY", "padding-top-lg": "vars_padding-top-lg__MjZiN", "padding-right-lg": "vars_padding-right-lg__YTA5N", "padding-bottom-lg": "vars_padding-bottom-lg__MTFlY", "padding-left-lg": "vars_padding-left-lg__MDM3Y", "margin-lg": "vars_margin-lg__MGExO", "margin-x-lg": "vars_margin-x-lg__YjBlN", "margin-y-lg": "vars_margin-y-lg__NDZhN", "margin-top-lg": "vars_margin-top-lg__ZGRmN", "margin-right-lg": "vars_margin-right-lg__ZWUwO", "margin-bottom-lg": "vars_margin-bottom-lg__Y2E1Z", "margin-left-lg": "vars_margin-left-lg__NGE1Z", "gap-lg": "vars_gap-lg__MWRmO", "gap-x-lg": "vars_gap-x-lg__OTI2Y", "gap-y-lg": "vars_gap-y-lg__MjE3Z", "height-lg": "vars_height-lg__NjViY", "width-lg": "vars_width-lg__NzM3Y", "min-height-lg": "vars_min-height-lg__YzcwN", "min-width-lg": "vars_min-width-lg__NjVlM", "max-height-lg": "vars_max-height-lg__NjhjZ", "flex-direction-lg": "vars_flex-direction-lg__YjA3N", "flex-wrap-lg": "vars_flex-wrap-lg__ZDJiO", "justify-content-lg": "vars_justify-content-lg__MDc3O", "justify-items-lg": "vars_justify-items-lg__ZjNjY", "justify-self-lg": "vars_justify-self-lg__MGE4N", "align-content-lg": "vars_align-content-lg__YjFkN", "align-items-lg": "vars_align-items-lg__NTVlM", "align-self-lg": "vars_align-self-lg__NjdjY", "grid-template-rows-lg": "vars_grid-template-rows-lg__NDgyN", "grid-template-columns-lg": "vars_grid-template-columns-lg__NmRmN", "flex-basis-lg": "vars_flex-basis-lg__ZTFmN", "flex-grow-lg": "vars_flex-grow-lg__ZWNkM", "flex-shrink-lg": "vars_flex-shrink-lg__YmI2O", "overflow-lg": "vars_overflow-lg__NjQ0O", "overflow-x-lg": "vars_overflow-x-lg__ZjBmZ", "overflow-y-lg": "vars_overflow-y-lg__YjViO", "order-lg": "vars_order-lg__OTcxM", "display-xl": "vars_display-xl__OGI2Y", "position-xl": "vars_position-xl__NThiN", "font-size-xl": "vars_font-size-xl__MWNmN", "font-weight-xl": "vars_font-weight-xl__YjZkM", "heading-size-xl": "vars_heading-size-xl__NDhkN", "border-size-xl": "vars_border-size-xl__YjE2Z", "border-radius-xl": "vars_border-radius-xl__ZDZkM", "shadow-xl": "vars_shadow-xl__ZWJmY", "background-color-xl": "vars_background-color-xl__NWRmN", "align-xl": "vars_align-xl__ODcwZ", "letter-spacing-xl": "vars_letter-spacing-xl__MDRjO", "padding-xl": "vars_padding-xl__NmQ3N", "padding-x-xl": "vars_padding-x-xl__MGRhM", "padding-y-xl": "vars_padding-y-xl__MWJmM", "padding-top-xl": "vars_padding-top-xl__OGNiO", "padding-right-xl": "vars_padding-right-xl__ODBjY", "padding-bottom-xl": "vars_padding-bottom-xl__Yzg1Y", "padding-left-xl": "vars_padding-left-xl__MmFmM", "margin-xl": "vars_margin-xl__YzYyY", "margin-x-xl": "vars_margin-x-xl__YTI0M", "margin-y-xl": "vars_margin-y-xl__ODg0M", "margin-top-xl": "vars_margin-top-xl__ZDRiY", "margin-right-xl": "vars_margin-right-xl__MTk5M", "margin-bottom-xl": "vars_margin-bottom-xl__ZGM4M", "margin-left-xl": "vars_margin-left-xl__YzFhM", "gap-xl": "vars_gap-xl__ODA2Y", "gap-x-xl": "vars_gap-x-xl__MTEyN", "gap-y-xl": "vars_gap-y-xl__MDU2M", "height-xl": "vars_height-xl__NWNlN", "width-xl": "vars_width-xl__MmU2M", "min-height-xl": "vars_min-height-xl__YmIzM", "min-width-xl": "vars_min-width-xl__MzViN", "max-height-xl": "vars_max-height-xl__MjZmM", "flex-direction-xl": "vars_flex-direction-xl__YjY1Z", "flex-wrap-xl": "vars_flex-wrap-xl__NDdiN", "justify-content-xl": "vars_justify-content-xl__ZTY1Z", "justify-items-xl": "vars_justify-items-xl__YWM4N", "justify-self-xl": "vars_justify-self-xl__NmJjM", "align-content-xl": "vars_align-content-xl__MTY2Z", "align-items-xl": "vars_align-items-xl__YzNhM", "align-self-xl": "vars_align-self-xl__MzU1M", "grid-template-rows-xl": "vars_grid-template-rows-xl__M2M4M", "grid-template-columns-xl": "vars_grid-template-columns-xl__NDM4M", "flex-basis-xl": "vars_flex-basis-xl__NmVhZ", "flex-grow-xl": "vars_flex-grow-xl__ZWE4M", "flex-shrink-xl": "vars_flex-shrink-xl__YzczZ", "overflow-xl": "vars_overflow-xl__NjZkN", "overflow-x-xl": "vars_overflow-x-xl__ZDdlN", "overflow-y-xl": "vars_overflow-y-xl__NDBlM", "order-xl": "vars_order-xl__ODQ1M" };
 
 // src/components/hooks/useDesignProps.ts
 var CSS_MAP = {
@@ -26193,7 +26223,8 @@ var CSS_MAP = {
   right: "right",
   bottom: "bottom",
   left: "left",
-  order: "order"
+  order: "order",
+  textTransform: "text-transform"
 };
 var excludedProps = [
   "width",
@@ -26527,7 +26558,7 @@ import { forwardRef as forwardRef2 } from "react";
 var import_classnames7 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
-var Button_default = { "button": "Button_button__ZjBiN", "primary": "Button_primary__YWI4N", "outline": "Button_outline__ZjAzM", "quiet": "Button_quiet__NDJlN", "danger": "Button_danger__ODE5Z", "xs": "Button_xs__YjY5N", "sm": "Button_sm__MzZkM", "md": "Button_md__MGQxZ", "lg": "Button_lg__ZGY2Z", "xl": "Button_xl__M2FhN" };
+var Button_default = { "button": "Button_button__NmQ1Z", "primary": "Button_primary__OTA1N", "outline": "Button_outline__M2Y2Y", "quiet": "Button_quiet__ZWIxO", "danger": "Button_danger__NmE2Y", "sm": "Button_sm__ZTRkN", "md": "Button_md__ZDE4Z", "lg": "Button_lg__Yjk1O", "xl": "Button_xl__N2NkM" };
 
 // src/components/Button.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
@@ -26576,7 +26607,7 @@ function FormResetButton({ values = {}, children, onPress, ...props }) {
 var import_classnames8 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Spinner.module.css
-var Spinner_default = { "spinner": "Spinner_spinner__YmIxY", "spinner-rotate": "Spinner_spinner-rotate__M2JlN", "track": "Spinner_track__ODU2M", "fill": "Spinner_fill__YzAwM", "spinner-dash": "Spinner_spinner-dash__YWNmO", "size-sm": "Spinner_size-sm__MTQ0Z", "size-md": "Spinner_size-md__Y2VlY", "size-lg": "Spinner_size-lg__MjNjZ", "size-xl": "Spinner_size-xl__NTdhZ", "quiet": "Spinner_quiet__ZmYxN" };
+var Spinner_default = { "spinner": "Spinner_spinner__NGM1Z", "spinner-rotate": "Spinner_spinner-rotate__OGEwZ", "track": "Spinner_track__NDk4Z", "fill": "Spinner_fill__NDViY", "spinner-dash": "Spinner_spinner-dash__ZDNmY", "size-sm": "Spinner_size-sm__NTY4Y", "size-md": "Spinner_size-md__ZDQ0Y", "size-lg": "Spinner_size-lg__YzIxZ", "size-xl": "Spinner_size-xl__NGQ1Z", "quiet": "Spinner_quiet__ODg0N" };
 
 // src/components/Spinner.tsx
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -30580,52 +30611,65 @@ function AlertDialog({
   } });
 }
 
+// src/components/Block.tsx
+var import_classnames15 = __toESM(require_classnames());
+
+// css-modules:E:\dev\umami-react-zen\src\components\Block.module.css
+var Block_default = { "block": "Block_block__MGVlZ" };
+
+// src/components/Block.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Block({ asChild, className, children, ...props }) {
+  const Component = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx22(Component, { ...props, className: (0, import_classnames15.default)(Block_default.block, className), children });
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\Blockquote.module.css
 var Blockquote_default = { "blockquote": "Blockquote_blockquote__MzZmO" };
 
 // src/components/Blockquote.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Blockquote({ asChild, children }) {
   const Component = asChild ? Slot : "blockquote";
-  return /* @__PURE__ */ jsx22(Component, { className: Blockquote_default.blockquote, children });
+  return /* @__PURE__ */ jsx23(Component, { className: Blockquote_default.blockquote, children });
 }
 
 // src/components/Breadcrumbs.tsx
-var import_classnames15 = __toESM(require_classnames());
+var import_classnames16 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Breadcrumbs.module.css
 var Breadcrumbs_default = { "breadcrumbs": "Breadcrumbs_breadcrumbs__OTJlN", "breadcrumb": "Breadcrumbs_breadcrumb__YjU2O", "icon": "Breadcrumbs_icon__MWFiY" };
 
 // src/components/Breadcrumbs.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 function Breadcrumbs2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx23($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumbs, className), children });
+  return /* @__PURE__ */ jsx24($778035c5624f61e7$export$2dc68d50d56fbbd, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumbs, className), children });
 }
 function Breadcrumb2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs11($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames15.default)(Breadcrumbs_default.breadcrumb, className), children: [
+  return /* @__PURE__ */ jsxs11($778035c5624f61e7$export$dabcc1ec9dd9d1cc, { ...props, className: (0, import_classnames16.default)(Breadcrumbs_default.breadcrumb, className), children: [
     children,
-    /* @__PURE__ */ jsx23(Icon, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx23(Icons.Chevron, {}) })
+    /* @__PURE__ */ jsx24(Icon, { className: Breadcrumbs_default.icon, size: "xs", children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) })
   ] });
 }
 
 // src/components/Calendar.tsx
-var import_classnames16 = __toESM(require_classnames());
+var import_classnames17 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Calendar.module.css
 var Calendar_default = { "calendar": "Calendar_calendar__NjA1N", "header": "Calendar_header__ZTk0Y", "heading": "Calendar_heading__ZjFmN", "button": "Calendar_button__M2I3Z", "headerCell": "Calendar_headerCell__YTQ4M", "cell": "Calendar_cell__MDVjN" };
 
 // src/components/Calendar.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 function Calendar2({ className, ...props }) {
-  return /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames16.default)(Calendar_default.calendar, className), children: [
+  return /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$e1aef45b828286de, { ...props, className: (0, import_classnames17.default)(Calendar_default.calendar, className), children: [
     /* @__PURE__ */ jsxs12("header", { className: Calendar_default.header, children: [
-      /* @__PURE__ */ jsx24(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { rotate: 180, children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) }),
-      /* @__PURE__ */ jsx24($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
-      /* @__PURE__ */ jsx24(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx24(Icon, { children: /* @__PURE__ */ jsx24(Icons.Chevron, {}) }) })
+      /* @__PURE__ */ jsx25(Button2, { slot: "previous", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx25(Icon, { rotate: 180, children: /* @__PURE__ */ jsx25(Icons.Chevron, {}) }) }),
+      /* @__PURE__ */ jsx25($5cb03073d3f54797$export$a8a3e93435678ff9, { className: Calendar_default.heading }),
+      /* @__PURE__ */ jsx25(Button2, { slot: "next", className: Calendar_default.button, variant: "quiet", children: /* @__PURE__ */ jsx25(Icon, { children: /* @__PURE__ */ jsx25(Icons.Chevron, {}) }) })
     ] }),
     /* @__PURE__ */ jsxs12($dfd62f934fc76fed$export$5bd780d491cfc46c, { children: [
-      /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
-      /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx24($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
+      /* @__PURE__ */ jsx25($dfd62f934fc76fed$export$22e2d15eaa4d2377, { children: (day) => /* @__PURE__ */ jsx25($dfd62f934fc76fed$export$ad2135cac3a11b3d, { className: Calendar_default.headerCell, children: day }) }),
+      /* @__PURE__ */ jsx25($dfd62f934fc76fed$export$e11f8ba65d857bff, { className: Calendar_default.body, children: (date) => /* @__PURE__ */ jsx25($dfd62f934fc76fed$export$5d847498420df57b, { className: Calendar_default.cell, date }) })
     ] })
   ] });
 }
@@ -30639,26 +30683,26 @@ function ImCheckmark(props) {
 }
 
 // src/components/Checkbox.tsx
-var import_classnames17 = __toESM(require_classnames());
+var import_classnames18 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Checkbox.module.css
-var Checkbox_default = { "checkbox": "Checkbox_checkbox__ZTFlY", "box": "Checkbox_box__NzU3Z", "icon": "Checkbox_icon__ZGEwN" };
+var Checkbox_default = { "checkbox": "Checkbox_checkbox__OTliN", "box": "Checkbox_box__M2E3Z", "icon": "Checkbox_icon__ODgyZ" };
 
 // src/components/Checkbox.tsx
-import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var Checkbox2 = forwardRef4(
   ({ label, className, children, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       $bc237834342dbd75$export$48513f6b9f8ce62d,
       {
         ...props,
         ref,
         isSelected,
-        className: (0, import_classnames17.default)(Checkbox_default.checkbox, className),
+        className: (0, import_classnames18.default)(Checkbox_default.checkbox, className),
         children: ({ isIndeterminate, isSelected: isSelected2 }) => {
           return /* @__PURE__ */ jsxs13(Fragment3, { children: [
-            /* @__PURE__ */ jsx25("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx25(Icon, { className: Checkbox_default.icon, size: "xs", children: isIndeterminate ? /* @__PURE__ */ jsx25(Icons.Minus, {}) : isSelected2 ? /* @__PURE__ */ jsx25(ImCheckmark, {}) : null }) }),
+            /* @__PURE__ */ jsx26("div", { className: Checkbox_default.box, children: /* @__PURE__ */ jsx26(Icon, { className: Checkbox_default.icon, size: "xs", children: isIndeterminate ? /* @__PURE__ */ jsx26(Icons.Minus, {}) : isSelected2 ? /* @__PURE__ */ jsx26(ImCheckmark, {}) : null }) }),
             children
           ] });
         }
@@ -30668,42 +30712,42 @@ var Checkbox2 = forwardRef4(
 );
 
 // css-modules:E:\dev\umami-react-zen\src\components\Code.module.css
-var Code_default = { "code": "Code_code__YTUzN" };
+var Code_default = { "code": "Code_code__NmYxN" };
 
 // src/components/Code.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Code({ asChild, children }) {
   const Component = asChild ? Slot : "code";
-  return /* @__PURE__ */ jsx26(Component, { className: Code_default.code, children });
+  return /* @__PURE__ */ jsx27(Component, { className: Code_default.code, children });
 }
 
 // src/components/Combobox.tsx
-var import_classnames20 = __toESM(require_classnames());
+var import_classnames21 = __toESM(require_classnames());
 
 // src/components/List.tsx
-var import_classnames18 = __toESM(require_classnames());
+var import_classnames19 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-var List_default = { "list": "List_list__N2IxZ", "separator": "List_separator__N2ZmY", "section": "List_section__ZTMwZ", "header": "List_header__MjFlZ", "item": "List_item__M2E3N", "check": "List_check__OWE2Z" };
+var List_default = { "list": "List_list__ZjQ0Z", "separator": "List_separator__OGExO", "section": "List_section__MGFiY", "header": "List_header__MDczN", "item": "List_item__OGFiZ", "check": "List_check__NTA3N" };
 
 // src/components/List.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function List({ items, className, children, ...props }) {
-  return /* @__PURE__ */ jsx27($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames18.default)(List_default.list, className), children: children || items?.map((item, index) => {
+  return /* @__PURE__ */ jsx28($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item, index) => {
     if (item === null) {
-      return /* @__PURE__ */ jsx27($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
+      return /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
     }
-    return /* @__PURE__ */ jsx27(ListItem, { id: item, className: List_default.item, children: item }, index);
+    return /* @__PURE__ */ jsx28(ListItem, { id: item, className: List_default.item, children: item }, index);
   }) });
 }
 function ListItem({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs14($eed445e0843c11d0$export$a11e76429ed99b4, { ...props, className: (0, import_classnames18.default)(List_default.item, className), children: [
+  return /* @__PURE__ */ jsxs14($eed445e0843c11d0$export$a11e76429ed99b4, { ...props, className: (0, import_classnames19.default)(List_default.item, className), children: [
     children,
-    /* @__PURE__ */ jsx27("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ jsx27(Icon, { children: /* @__PURE__ */ jsx27(Icons.Check, {}) }) })
+    /* @__PURE__ */ jsx28("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ jsx28(Icon, { children: /* @__PURE__ */ jsx28(Icons.Check, {}) }) })
   ] });
 }
 function ListSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx27($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames18.default)(List_default.separator, className) });
+  return /* @__PURE__ */ jsx28($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames19.default)(List_default.separator, className) });
 }
 function ListSection({
   title,
@@ -30711,47 +30755,47 @@ function ListSection({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames18.default)(List_default.section, className), children: [
-    title && /* @__PURE__ */ jsx27($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
+  return /* @__PURE__ */ jsxs14($eed445e0843c11d0$export$dca12b0bb56e4fc, { ...props, className: (0, import_classnames19.default)(List_default.section, className), children: [
+    title && /* @__PURE__ */ jsx28($72a5793c14baf454$export$8b251419efc915eb, { className: List_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Popover.tsx
-var import_classnames19 = __toESM(require_classnames());
+var import_classnames20 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Popover.module.css
 var Popover_default = { "popover": "Popover_popover__YmFhM", "popover-slide": "Popover_popover-slide__OGZjY" };
 
 // src/components/Popover.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Popover2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx28($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames19.default)(Popover_default.popover, className), children });
+  return /* @__PURE__ */ jsx29($07b14b47974efb58$export$5b6b19405a83ff9d, { ...props, className: (0, import_classnames20.default)(Popover_default.popover, className), children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\Combobox.module.css
 var Combobox_default = { "combobox": "Combobox_combobox__MmEwZ", "field": "Combobox_field__NjNkM", "input": "Combobox_input__N2YwM", "button": "Combobox_button__MjY2Y", "list": "Combobox_list__NmQzN", "icon": "Combobox_icon__MmJmM" };
 
 // src/components/Combobox.tsx
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 function Combobox({ items, className, ...props }) {
-  return /* @__PURE__ */ jsxs15($d01f2c01039c0eec$export$72b9695b8216309a, { ...props, className: (0, import_classnames20.default)(Combobox_default.combobox, className), children: [
+  return /* @__PURE__ */ jsxs15($d01f2c01039c0eec$export$72b9695b8216309a, { ...props, className: (0, import_classnames21.default)(Combobox_default.combobox, className), children: [
     /* @__PURE__ */ jsxs15("div", { className: Combobox_default.field, children: [
-      /* @__PURE__ */ jsx29($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Combobox_default.input }),
-      /* @__PURE__ */ jsx29($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Combobox_default.button, children: /* @__PURE__ */ jsx29(Icon, { rotate: 90, size: "xs", className: Combobox_default.icon, children: /* @__PURE__ */ jsx29(Icons.Chevron, {}) }) })
+      /* @__PURE__ */ jsx30($3985021b0ad6602f$export$f5b8910cec6cf069, { className: Combobox_default.input }),
+      /* @__PURE__ */ jsx30($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: Combobox_default.button, children: /* @__PURE__ */ jsx30(Icon, { rotate: 90, size: "xs", className: Combobox_default.icon, children: /* @__PURE__ */ jsx30(Icons.Chevron, {}) }) })
     ] }),
-    /* @__PURE__ */ jsx29(Popover2, { children: /* @__PURE__ */ jsx29(List, { items, className: Combobox_default.list, children: items.map((item) => /* @__PURE__ */ jsx29(ListItem, { textValue: item, children: item }, item)) }) })
+    /* @__PURE__ */ jsx30(Popover2, { children: /* @__PURE__ */ jsx30(List, { items, className: Combobox_default.list, children: items.map((item) => /* @__PURE__ */ jsx30(ListItem, { textValue: item, children: item }, item)) }) })
   ] });
 }
 
 // src/components/Container.tsx
-var import_classnames21 = __toESM(require_classnames());
+var import_classnames22 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Container.module.css
 var Container_default = { "container": "Container_container__ZWU0Y", "centered": "Container_centered__OTM1M", "fluid": "Container_fluid__NTBhY" };
 
 // src/components/Container.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Container({
   isCentered = true,
   isFluid,
@@ -30759,11 +30803,11 @@ function Container({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Box,
     {
       ...props,
-      className: (0, import_classnames21.default)(
+      className: (0, import_classnames22.default)(
         Container_default.container,
         className,
         isCentered && Container_default.centered,
@@ -30775,34 +30819,34 @@ function Container({
 }
 
 // src/components/ConfirmationDialog.tsx
-var import_classnames25 = __toESM(require_classnames());
+var import_classnames26 = __toESM(require_classnames());
 import { useState as useState10 } from "react";
 
 // src/components/TextField.tsx
 import { useEffect as useEffect9, useState as useState9, forwardRef as forwardRef5 } from "react";
-var import_classnames24 = __toESM(require_classnames());
+var import_classnames25 = __toESM(require_classnames());
 
 // src/components/Label.tsx
-var import_classnames22 = __toESM(require_classnames());
+var import_classnames23 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Label.module.css
 var Label_default = { "label": "Label_label__YWE3M" };
 
 // src/components/Label.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ jsx31($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames22.default)(Label_default.label, className) });
+  return /* @__PURE__ */ jsx32($01b77f81d0f07f68$export$b04be29aa201d4f5, { ...props, className: (0, import_classnames23.default)(Label_default.label, className) });
 }
 
 // src/components/CopyButton.tsx
-var import_classnames23 = __toESM(require_classnames());
+var import_classnames24 = __toESM(require_classnames());
 import { useState as useState8, useRef as useRef7 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\CopyButton.module.css
 var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "CopyButton_copy-button__MjY1M" };
 
 // src/components/CopyButton.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var TIMEOUT = 2e3;
 function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
   const [copied, setCopied] = useState8(false);
@@ -30815,17 +30859,17 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
       ref.current = +setTimeout(() => setCopied(false), timeout);
     }
   };
-  return /* @__PURE__ */ jsx32(Icon, { ...props, className: (0, import_classnames23.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx32(Icons.Check, {}) : /* @__PURE__ */ jsx32(Icons.Copy, {}) });
+  return /* @__PURE__ */ jsx33(Icon, { ...props, className: (0, import_classnames24.default)(CopyButton_default.icon, className), onClick: handleCopy, children: copied ? /* @__PURE__ */ jsx33(Icons.Check, {}) : /* @__PURE__ */ jsx33(Icons.Copy, {}) });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__Zjk2M", "row": "input_row__NTFhN", "input": "input_input__NTExY", "icon": "input_icon__ZGI5Y" };
+var input_default = { "field": "input_field__YjQxZ", "row": "input_row__YjAxO", "input": "input_input__NjMwN", "icon": "input_icon__OTVkO" };
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "allowCopy": "TextField_allowCopy__NmUxY", "icon": "TextField_icon__OTcxO" };
 
 // src/components/TextField.tsx
-import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 var TextField2 = forwardRef5(
   ({
     value,
@@ -30854,20 +30898,20 @@ var TextField2 = forwardRef5(
         ...props,
         ref,
         value: inputValue,
-        className: (0, import_classnames24.default)(input_default.field, className),
+        className: (0, import_classnames25.default)(input_default.field, className),
         children: [
-          label && /* @__PURE__ */ jsx33(Label2, { children: label }),
+          label && /* @__PURE__ */ jsx34(Label2, { children: label }),
           /* @__PURE__ */ jsxs16("div", { className: input_default.row, children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx34(
               Component,
               {
-                className: (0, import_classnames24.default)(TextField_default.input, input_default.input, allowCopy && TextField_default.allowCopy),
+                className: (0, import_classnames25.default)(TextField_default.input, input_default.input, allowCopy && TextField_default.allowCopy),
                 placeholder,
                 onChange: handleChange,
                 children
               }
             ),
-            allowCopy && /* @__PURE__ */ jsx33(CopyButton, { className: (0, import_classnames24.default)(TextField_default.icon, input_default.icon), value: inputValue })
+            allowCopy && /* @__PURE__ */ jsx34(CopyButton, { className: (0, import_classnames25.default)(TextField_default.icon, input_default.icon), value: inputValue })
           ] })
         ]
       }
@@ -30879,7 +30923,7 @@ var TextField2 = forwardRef5(
 var ConfirmationDialog_default = { "dialog": "ConfirmationDialog_dialog__Mzg4M", "value": "ConfirmationDialog_value__YzhjZ" };
 
 // src/components/ConfirmationDialog.tsx
-import { Fragment as Fragment4, jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
 function ConfirmationDialog({
   value,
   confirmMessage,
@@ -30891,11 +30935,11 @@ function ConfirmationDialog({
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     AlertDialog,
     {
       ...props,
-      className: (0, import_classnames25.default)(ConfirmationDialog_default.dialog, className),
+      className: (0, import_classnames26.default)(ConfirmationDialog_default.dialog, className),
       isConfirmDisabled: !canSave,
       children: ({ close }) => {
         return /* @__PURE__ */ jsxs17(Fragment4, { children: [
@@ -30904,8 +30948,8 @@ function ConfirmationDialog({
             confirmMessage || "Type the following value to confirm",
             ":"
           ] }),
-          /* @__PURE__ */ jsx34("div", { className: ConfirmationDialog_default.value, children: value }),
-          /* @__PURE__ */ jsx34(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
+          /* @__PURE__ */ jsx35("div", { className: ConfirmationDialog_default.value, children: value }),
+          /* @__PURE__ */ jsx35(TextField2, { autoFocus: true, "aria-label": "Confirmation", onChange: handleChange })
         ] });
       }
     }
@@ -30913,71 +30957,71 @@ function ConfirmationDialog({
 }
 
 // src/components/DataTable.tsx
-var import_classnames27 = __toESM(require_classnames());
+var import_classnames28 = __toESM(require_classnames());
 import { Children as Children2, createElement as createElement5 } from "react";
 
 // src/components/Table.tsx
-var import_classnames26 = __toESM(require_classnames());
+var import_classnames27 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Table.module.css
 var Table_default = { "table": "Table_table__YWNjZ", "header": "Table_header__NDRkN", "body": "Table_body__MTcyZ", "row": "Table_row__MDBjM", "column": "Table_column__YmI1M", "cell": "Table_cell__Y2ZiM", "start": "Table_start__NjIyN", "center": "Table_center__NGM2N", "end": "Table_end__MDhhO" };
 
 // src/components/Table.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Table2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx35($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames26.default)(Table_default.table, className), "aria-label": "Table", children });
+  return /* @__PURE__ */ jsx36($1910c06f0ca9905e$export$54ec01a60f47d33d, { ...props, className: (0, import_classnames27.default)(Table_default.table, className), "aria-label": "Table", children });
 }
 function TableHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx35($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames26.default)(Table_default.header, className), children });
+  return /* @__PURE__ */ jsx36($1910c06f0ca9905e$export$f850895b287ef28e, { ...props, className: (0, import_classnames27.default)(Table_default.header, className), children });
 }
 function TableBody({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx35($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames26.default)(Table_default.body, className), children });
+  return /* @__PURE__ */ jsx36($1910c06f0ca9905e$export$76ccd210b9029917, { ...props, className: (0, import_classnames27.default)(Table_default.body, className), children });
 }
 function TableRow({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx35($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames26.default)(Table_default.row, className), children });
+  return /* @__PURE__ */ jsx36($1910c06f0ca9905e$export$b59bdbef9ce70de2, { ...props, className: (0, import_classnames27.default)(Table_default.row, className), children });
 }
 function TableColumn({ children, className, align, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     $1910c06f0ca9905e$export$816b5d811295e6bc,
     {
       ...props,
-      className: (0, import_classnames26.default)(Table_default.column, className, align && Table_default[align]),
+      className: (0, import_classnames27.default)(Table_default.column, className, align && Table_default[align]),
       isRowHeader: true,
       children
     }
   );
 }
 function TableCell({ children, className, align, ...props }) {
-  return /* @__PURE__ */ jsx35($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames26.default)(Table_default.cell, className, align && Table_default[align]), children });
+  return /* @__PURE__ */ jsx36($1910c06f0ca9905e$export$f6f0c3fe4ec306ea, { ...props, className: (0, import_classnames27.default)(Table_default.cell, className, align && Table_default[align]), children });
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\DataTable.module.css
 var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "DataTable_cell__NzZlM", "hidden": "DataTable_hidden__M2MxN" };
 
 // src/components/DataTable.tsx
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
 function DataTable({ data = [], className, children, ...props }) {
   const items = data.length && data?.[0]?.id === void 0 ? data.map((record, id) => ({ ...record, id })) : data;
   const columns = Children2.map(children, (child) => {
     return { ...child.props };
   });
-  return /* @__PURE__ */ jsxs18(Table2, { ...props, className: (0, import_classnames27.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ jsx36(TableHeader, { children: columns.map(({ id, label, as, hidden, ...columnProps }) => {
+  return /* @__PURE__ */ jsxs18(Table2, { ...props, className: (0, import_classnames28.default)(DataTable_default.datatable, className), children: [
+    /* @__PURE__ */ jsx37(TableHeader, { children: columns.map(({ id, label, as, hidden, ...columnProps }) => {
       if (hidden) {
         return null;
       }
       return /* @__PURE__ */ createElement6(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
-    /* @__PURE__ */ jsx36(TableBody, { items, children: (row) => {
-      return /* @__PURE__ */ jsx36(TableRow, { children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
+    /* @__PURE__ */ jsx37(TableBody, { items, children: (row) => {
+      return /* @__PURE__ */ jsx37(TableRow, { children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
         return /* @__PURE__ */ createElement6(
           TableCell,
           {
             ...cellProps,
             key: id,
-            className: (0, import_classnames27.default)(DataTable_default.cell, className2, hidden && DataTable_default.hidden)
+            className: (0, import_classnames28.default)(DataTable_default.cell, className2, hidden && DataTable_default.hidden)
           },
           as ? createElement5(as, {}, value) : value
         );
@@ -30990,24 +31034,24 @@ function DataColumn(props) {
 }
 
 // src/components/Dots.tsx
-var import_classnames28 = __toESM(require_classnames());
+var import_classnames29 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Dots.module.css
 var Dots_default = { "dots": "Dots_dots__NzQ0Z", "dot": "Dots_dot__MDk2Z", "dots-blink": "Dots_dots-blink__M2M4Z" };
 
 // src/components/Dots.tsx
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 function Dots({ className, ...props }) {
-  return /* @__PURE__ */ jsxs19("div", { ...props, className: (0, import_classnames28.default)(Dots_default.dots, className), children: [
-    /* @__PURE__ */ jsx37("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ jsx37("div", { className: Dots_default.dot }),
-    /* @__PURE__ */ jsx37("div", { className: Dots_default.dot })
+  return /* @__PURE__ */ jsxs19("div", { ...props, className: (0, import_classnames29.default)(Dots_default.dots, className), children: [
+    /* @__PURE__ */ jsx38("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx38("div", { className: Dots_default.dot }),
+    /* @__PURE__ */ jsx38("div", { className: Dots_default.dot })
   ] });
 }
 
 // src/components/Grid.tsx
-var import_classnames29 = __toESM(require_classnames());
-import { jsx as jsx38 } from "react/jsx-runtime";
+var import_classnames30 = __toESM(require_classnames());
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Grid({
   display = "grid",
   justifyContent,
@@ -31040,17 +31084,17 @@ function Grid({
     gridTemplateAreas: areas,
     gridAutoFlow: autoFlow
   });
-  return /* @__PURE__ */ jsx38(Box, { ...props, className: (0, import_classnames29.default)(className, classes), style: { ...styleProps, ...style }, children });
+  return /* @__PURE__ */ jsx39(Box, { ...props, className: (0, import_classnames30.default)(className, classes), style: { ...styleProps, ...style }, children });
 }
 
 // src/components/Heading.tsx
-var import_classnames30 = __toESM(require_classnames());
+var import_classnames31 = __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
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Heading2({
   size = "3",
   weight,
@@ -31067,11 +31111,11 @@ function Heading2({
     fontWeight: weight,
     letterSpacing: spacing
   });
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Box,
     {
       ...props,
-      className: (0, import_classnames30.default)(Heading_default.heading, className, classes),
+      className: (0, import_classnames31.default)(Heading_default.heading, className, classes),
       style: { ...styleProps, ...style },
       children
     }
@@ -31085,7 +31129,7 @@ import { useRef as useRef8, useState as useState11, useEffect as useEffect10 } f
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
 
 // src/components/HoverTrigger.tsx
-import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 var CLOSE_DELAY = 500;
 function HoverTrigger({
   isOpen,
@@ -31137,8 +31181,8 @@ function HoverTrigger({
     }, closeDelay);
   };
   return /* @__PURE__ */ jsxs20(Fragment5, { children: [
-    /* @__PURE__ */ jsx40("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
-    /* @__PURE__ */ jsx40(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ jsx41(Popover2, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx41(
       "div",
       {
         className: HoverTrigger_default.wrapper,
@@ -31151,13 +31195,13 @@ function HoverTrigger({
 }
 
 // src/components/Image.tsx
-var import_classnames31 = __toESM(require_classnames());
+var import_classnames32 = __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
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Image({
   src,
   alt,
@@ -31170,11 +31214,11 @@ function Image({
   ...props
 }) {
   const [classes, styleProps] = useDesignProps({ borderRadius, shadow });
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "img",
     {
       ...props,
-      className: (0, import_classnames31.default)(
+      className: (0, import_classnames32.default)(
         Image_default.image,
         className,
         classes,
@@ -31190,14 +31234,14 @@ function Image({
 }
 
 // src/components/InlineEditField.tsx
-var import_classnames32 = __toESM(require_classnames());
+var import_classnames33 = __toESM(require_classnames());
 import { useState as useState12, useCallback as useCallback2 } from "react";
 
 // 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
-import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
 function InlineEditField({
   value: defaultValue = "",
   defaultEdit,
@@ -31237,12 +31281,12 @@ function InlineEditField({
     {
       "aria-label": "Edit",
       ...props,
-      className: (0, import_classnames32.default)(InlineEditField_default.edit, className),
+      className: (0, import_classnames33.default)(InlineEditField_default.edit, className),
       onClick: handleEdit,
       children: [
         !edit && children,
-        !edit && /* @__PURE__ */ jsx42(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx42(Icons.Edit, {}) }),
-        edit && /* @__PURE__ */ jsx42(
+        !edit && /* @__PURE__ */ jsx43(Icon, { className: InlineEditField_default.icon, children: /* @__PURE__ */ jsx43(Icons.Edit, {}) }),
+        edit && /* @__PURE__ */ jsx43(
           TextField2,
           {
             value,
@@ -31258,45 +31302,45 @@ function InlineEditField({
 }
 
 // src/components/Loading.tsx
-var import_classnames33 = __toESM(require_classnames());
+var import_classnames34 = __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
-import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
 function Loading(props) {
   const { size, position = "inline", icon = "spinner", className, ...domProps } = props;
-  return /* @__PURE__ */ jsxs22("div", { ...domProps, className: (0, import_classnames33.default)(Loading_default.loading, className, Loading_default[position]), children: [
-    icon === "dots" && /* @__PURE__ */ jsx43(Dots, {}),
-    icon === "spinner" && /* @__PURE__ */ jsx43(Spinner, { size })
+  return /* @__PURE__ */ jsxs22("div", { ...domProps, className: (0, import_classnames34.default)(Loading_default.loading, className, Loading_default[position]), children: [
+    icon === "dots" && /* @__PURE__ */ jsx44(Dots, {}),
+    icon === "spinner" && /* @__PURE__ */ jsx44(Spinner, { size })
   ] });
 }
 
 // src/components/Menu.tsx
-var import_classnames34 = __toESM(require_classnames());
+var import_classnames35 = __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
-import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
 function Menu2({ items, className, children, ...props }) {
-  return /* @__PURE__ */ jsx44($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames34.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
+  return /* @__PURE__ */ jsx45($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames35.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
     if (item === null) {
-      return /* @__PURE__ */ jsx44($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
+      return /* @__PURE__ */ jsx45($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
     }
-    return /* @__PURE__ */ jsx44(MenuItem2, { id: item, children: item }, index);
+    return /* @__PURE__ */ jsx45(MenuItem2, { id: item, children: item }, index);
   }) });
 }
 function MenuItem2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs23($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames34.default)(Menu_default.item, className), children: [
+  return /* @__PURE__ */ jsxs23($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames35.default)(Menu_default.item, className), children: [
     children,
-    /* @__PURE__ */ jsx44("div", { "aria-hidden": "true", className: Menu_default.check, children: /* @__PURE__ */ jsx44(Icon, { children: /* @__PURE__ */ jsx44(Icons.Check, {}) }) })
+    /* @__PURE__ */ jsx45("div", { "aria-hidden": "true", className: Menu_default.check, children: /* @__PURE__ */ jsx45(Icon, { children: /* @__PURE__ */ jsx45(Icons.Check, {}) }) })
   ] });
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx44($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames34.default)(Menu_default.separator, className) });
+  return /* @__PURE__ */ jsx45($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames35.default)(Menu_default.separator, className) });
 }
 function MenuSection({
   title,
@@ -31304,20 +31348,20 @@ function MenuSection({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs23($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames34.default)(Menu_default.section, className), children: [
-    title && /* @__PURE__ */ jsx44($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
+  return /* @__PURE__ */ jsxs23($3674c52c6b3c5bce$export$4b1545b4f2016d26, { ...props, className: (0, import_classnames35.default)(Menu_default.section, className), children: [
+    title && /* @__PURE__ */ jsx45($72a5793c14baf454$export$8b251419efc915eb, { className: Menu_default.header, children: title }),
     children
   ] });
 }
 
 // src/components/Modal.tsx
-var import_classnames35 = __toESM(require_classnames());
+var import_classnames36 = __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
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Modal2({
   position = "center",
   offset,
@@ -31329,11 +31373,11 @@ function Modal2({
   if (offset) {
     style[`--modal-offset`] = offset;
   }
-  return /* @__PURE__ */ jsx45($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx45($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames35.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
+  return /* @__PURE__ */ jsx46($f3f84453ead64de5$export$8948f78d83984c69, { ...props, className: Modal_default.overlay, style, isDismissable: true, children: /* @__PURE__ */ jsx46($f3f84453ead64de5$export$2b77a92f1a5ad772, { className: (0, import_classnames36.default)(Modal_default.modal, position && Modal_default[position], className), children }) });
 }
 
 // src/components/NavBar.tsx
-var import_classnames36 = __toESM(require_classnames());
+var import_classnames37 = __toESM(require_classnames());
 import {
   createContext as createContext3,
   useContext as useContext5,
@@ -31344,7 +31388,7 @@ import {
 var NavBar_default = { "nav": "NavBar_nav__NDgxZ", "item": "NavBar_item__OGRlN", "icon": "NavBar_icon__NWFiY" };
 
 // src/components/NavBar.tsx
-import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
 var NavBarContext = createContext3(void 0);
 var useNavigationContext = () => {
   const context = useContext5(NavBarContext);
@@ -31355,80 +31399,80 @@ var useNavigationContext = () => {
 };
 function NavBar({ showArrow = true, className, children, ...props }) {
   const [activeMenu, setActiveMenu] = useState13("");
-  return /* @__PURE__ */ jsx46(NavBarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx46("div", { ...props, className: (0, import_classnames36.default)(NavBar_default.nav, className), children }) });
+  return /* @__PURE__ */ jsx47(NavBarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ jsx47("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.nav, className), children }) });
 }
 function NavBarItem({ label, children, className, ...props }) {
   const { activeMenu, setActiveMenu } = useNavigationContext();
   if (label) {
     return /* @__PURE__ */ jsxs24(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
-      /* @__PURE__ */ jsxs24("div", { ...props, className: (0, import_classnames36.default)(NavBar_default.item, className), children: [
-        /* @__PURE__ */ jsx46(Text, { children: label }),
-        /* @__PURE__ */ jsx46(Icon, { rotate: 90, size: "xs", className: NavBar_default.icon, children: /* @__PURE__ */ jsx46(Icons.Chevron, {}) })
+      /* @__PURE__ */ jsxs24("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.item, className), children: [
+        /* @__PURE__ */ jsx47(Text, { children: label }),
+        /* @__PURE__ */ jsx47(Icon, { rotate: 90, size: "xs", className: NavBar_default.icon, children: /* @__PURE__ */ jsx47(Icons.Chevron, {}) })
       ] }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsx46("div", { ...props, className: (0, import_classnames36.default)(NavBar_default.item, className), children });
+  return /* @__PURE__ */ jsx47("div", { ...props, className: (0, import_classnames37.default)(NavBar_default.item, className), children });
 }
 
 // src/components/PasswordField.tsx
 import { useState as useState14, forwardRef as forwardRef6 } from "react";
-var import_classnames37 = __toESM(require_classnames());
+var import_classnames38 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\PasswordField.module.css
 var PasswordField_default = { "icon": "PasswordField_icon__NTRlM" };
 
 // src/components/PasswordField.tsx
-import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
 var PasswordField = forwardRef6(
   ({ label, className, ...props }, ref) => {
     const [show, setShow] = useState14(false);
     const type = show ? "text" : "password";
     const handleShowPassword = () => setShow((state) => !state);
-    return /* @__PURE__ */ jsxs25($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames37.default)(input_default.field, className), children: [
-      label && /* @__PURE__ */ jsx47(Label2, { children: label }),
+    return /* @__PURE__ */ jsxs25($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames38.default)(input_default.field, className), children: [
+      label && /* @__PURE__ */ jsx48(Label2, { children: label }),
       /* @__PURE__ */ jsxs25("div", { className: input_default.row, children: [
-        /* @__PURE__ */ jsx47($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
-        /* @__PURE__ */ jsx47(Icon, { onClick: handleShowPassword, className: (0, import_classnames37.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ jsx47(Icons.EyeSlash, {}) : /* @__PURE__ */ jsx47(Icons.Eye, {}) })
+        /* @__PURE__ */ jsx48($3985021b0ad6602f$export$f5b8910cec6cf069, { type, className: input_default.input }),
+        /* @__PURE__ */ jsx48(Icon, { onClick: handleShowPassword, className: (0, import_classnames38.default)(PasswordField_default.icon, input_default.icon), children: show ? /* @__PURE__ */ jsx48(Icons.EyeSlash, {}) : /* @__PURE__ */ jsx48(Icons.Eye, {}) })
       ] })
     ] });
   }
 );
 
 // src/components/ProgressBar.tsx
-var import_classnames38 = __toESM(require_classnames());
+var import_classnames39 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressBar.module.css
-var ProgressBar_default = { "progressbar": "ProgressBar_progressbar__YTVjY", "track": "ProgressBar_track__MmQ3O", "fill": "ProgressBar_fill__NmU3N", "value": "ProgressBar_value__MmE2Z" };
+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 Fragment6, jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function ProgressBar2({ className, showValue, ...props }) {
-  return /* @__PURE__ */ jsx48($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames38.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ jsx49($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames39.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
     return /* @__PURE__ */ jsxs26(Fragment6, { children: [
-      /* @__PURE__ */ jsx48("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx48("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
-      showValue && /* @__PURE__ */ jsx48("div", { className: ProgressBar_default.value, children: valueText })
+      /* @__PURE__ */ jsx49("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx49("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
+      showValue && /* @__PURE__ */ jsx49("div", { className: ProgressBar_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/ProgressCircle.tsx
-var import_classnames39 = __toESM(require_classnames());
+var import_classnames40 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ProgressCircle.module.css
-var ProgressCircle_default = { "progresscircle": "ProgressCircle_progresscircle__MmU2O", "track": "ProgressCircle_track__NmMzN", "fill": "ProgressCircle_fill__MjcxM", "value": "ProgressCircle_value__MzkxZ" };
+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 Fragment7, jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
 function ProgressCircle({ className, showValue, ...props }) {
-  return /* @__PURE__ */ jsx49($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames39.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
+  return /* @__PURE__ */ jsx50($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames40.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__ */ jsxs27(Fragment7, { children: [
       /* @__PURE__ */ jsxs27("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx49("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx50("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
+        /* @__PURE__ */ jsx50(
           "circle",
           {
             className: ProgressCircle_default.fill,
@@ -31440,41 +31484,41 @@ function ProgressCircle({ className, showValue, ...props }) {
           }
         )
       ] }),
-      showValue && /* @__PURE__ */ jsx49("label", { className: ProgressCircle_default.value, children: valueText })
+      showValue && /* @__PURE__ */ jsx50("label", { className: ProgressCircle_default.value, children: valueText })
     ] });
   } });
 }
 
 // src/components/RadioGroup.tsx
 import { forwardRef as forwardRef7 } from "react";
-var import_classnames40 = __toESM(require_classnames());
+var import_classnames41 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
-var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__YWJkY", "radio": "RadioGroup_radio__YjVkY" };
+var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjI3O", "radio": "RadioGroup_radio__NjJiN" };
 
 // src/components/RadioGroup.tsx
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 var RadioGroup2 = forwardRef7(
   ({ label, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs28($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames40.default)(RadioGroup_default.radiogroup, className), children: [
-      label && /* @__PURE__ */ jsx50(Label2, { children: label }),
+    return /* @__PURE__ */ jsxs28($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames41.default)(RadioGroup_default.radiogroup, className), children: [
+      label && /* @__PURE__ */ jsx51(Label2, { children: label }),
       children
     ] });
   }
 );
 function Radio2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx50($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames40.default)(RadioGroup_default.radio, className), children });
+  return /* @__PURE__ */ jsx51($b6c3ddc6086f204d$export$d7b12c4107be0d61, { ...props, className: (0, import_classnames41.default)(RadioGroup_default.radio, className), children });
 }
 
 // src/components/SearchField.tsx
 import { useState as useState15, useEffect as useEffect11, forwardRef as forwardRef8 } from "react";
-var import_classnames41 = __toESM(require_classnames());
+var import_classnames42 = __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
-import { Fragment as Fragment8, jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 var SearchField2 = forwardRef8(
   ({ label, placeholder, value, delay = 0, onSearch, className, ...props }, ref) => {
     const [search, setSearch] = useState15(value ?? "");
@@ -31494,31 +31538,31 @@ var SearchField2 = forwardRef8(
         onSearch?.(searchValue);
       }
     }, [searchValue, delay]);
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx52(
       $440f4836bcb56932$export$b94867ecbd698f21,
       {
         ...props,
         ref,
-        className: (0, import_classnames41.default)(input_default.field, className),
+        className: (0, import_classnames42.default)(input_default.field, className),
         onChange: handleChange,
         children: ({ state }) => {
           return /* @__PURE__ */ jsxs29(Fragment8, { children: [
-            label && /* @__PURE__ */ jsx51(Label2, { children: label }),
+            label && /* @__PURE__ */ jsx52(Label2, { children: label }),
             /* @__PURE__ */ jsxs29("div", { className: input_default.row, children: [
-              /* @__PURE__ */ jsx51(Icon, { className: (0, import_classnames41.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ jsx51(Icons.MagnifyingGlass, {}) }),
-              /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx52(Icon, { className: (0, import_classnames42.default)(SearchField_default.search, input_default.icon), children: /* @__PURE__ */ jsx52(Icons.MagnifyingGlass, {}) }),
+              /* @__PURE__ */ jsx52(
                 $3985021b0ad6602f$export$f5b8910cec6cf069,
                 {
-                  className: (0, import_classnames41.default)(SearchField_default.input, input_default.input),
+                  className: (0, import_classnames42.default)(SearchField_default.input, input_default.input),
                   placeholder
                 }
               ),
-              state.value && /* @__PURE__ */ jsx51(
+              state.value && /* @__PURE__ */ jsx52(
                 $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
                 {
-                  className: (0, import_classnames41.default)(SearchField_default.close, input_default.icon),
+                  className: (0, import_classnames42.default)(SearchField_default.close, input_default.icon),
                   onPress: resetSearch,
-                  children: /* @__PURE__ */ jsx51(Icon, { size: "sm", children: /* @__PURE__ */ jsx51(Icons.Close, {}) })
+                  children: /* @__PURE__ */ jsx52(Icon, { size: "sm", children: /* @__PURE__ */ jsx52(Icons.Close, {}) })
                 }
               )
             ] })
@@ -31530,14 +31574,14 @@ var SearchField2 = forwardRef8(
 );
 
 // src/components/Select.tsx
-var import_classnames42 = __toESM(require_classnames());
+var import_classnames43 = __toESM(require_classnames());
 import { forwardRef as forwardRef9 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
-var Select_default = { "button": "Select_button__NTBiN", "list": "Select_list__NzAxO", "icon": "Select_icon__MjMwM" };
+var Select_default = { "button": "Select_button__YTc2N", "list": "Select_list__ZjZhM", "icon": "Select_icon__NzU3O" };
 
 // src/components/Select.tsx
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 var Select2 = forwardRef9(
   ({
     children,
@@ -31558,78 +31602,107 @@ var Select2 = forwardRef9(
       {
         ...props,
         ref,
-        className: (0, import_classnames42.default)(input_default.field, className),
+        className: (0, import_classnames43.default)(input_default.field, className),
         onSelectionChange: handleChange,
         children: [
-          label && /* @__PURE__ */ jsx52(Label2, { children: label }),
-          /* @__PURE__ */ jsx52($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames42.default)(input_default.input, className), children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
-            /* @__PURE__ */ jsx52($82d7e5349645de74$export$e288731fd71264f0, {}),
-            /* @__PURE__ */ jsx52("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx52(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ jsx52(Icons.Chevron, {}) }) })
+          label && /* @__PURE__ */ jsx53(Label2, { children: label }),
+          /* @__PURE__ */ jsx53($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: (0, import_classnames43.default)(input_default.input, className), children: /* @__PURE__ */ jsxs30(Row, { justifyContent: "space-between", gap: "3", children: [
+            /* @__PURE__ */ jsx53($82d7e5349645de74$export$e288731fd71264f0, {}),
+            /* @__PURE__ */ jsx53("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx53(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ jsx53(Icons.Chevron, {}) }) })
           ] }) }),
-          /* @__PURE__ */ jsx52(Popover2, { children: /* @__PURE__ */ jsx52(List, { items, className: Select_default.list, children }) })
+          /* @__PURE__ */ jsx53(Popover2, { children: /* @__PURE__ */ jsx53(List, { items, className: Select_default.list, children }) })
         ]
       }
     );
   }
 );
 
+// src/components/SideNav.tsx
+var import_classnames45 = __toESM(require_classnames());
+import { createContext as createContext4, useContext as useContext6, useRef as useRef9 } from "react";
+
+// 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__NDBjM", "arrow": "Tooltip_arrow__NzM4M", "slide": "Tooltip_slide__NzNkY" };
+
+// src/components/Tooltip.tsx
+import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
+function Tooltip2({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs31($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames44.default)(Tooltip_default.tooltip, className), children: [
+    /* @__PURE__ */ jsx54($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx54("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx54("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+    children
+  ] });
+}
+
 // css-modules:E:\dev\umami-react-zen\src\components\SideNav.module.css
-var SideNav_default = { "sidenav": "SideNav_sidenav__MzMwN", "header": "SideNav_header__OTQ3Y", "name": "SideNav_name__ZDIwO", "section": "SideNav_section__ODI2Y", "title": "SideNav_title__NmE1M", "content": "SideNav_content__MmYyZ", "item": "SideNav_item__ODE5M" };
+var SideNav_default = { "sidenav": "SideNav_sidenav__NThiY", "header": "SideNav_header__YTM2M", "name": "SideNav_name__MWQ1M", "section": "SideNav_section__MTUyY", "title": "SideNav_title__MTNlY", "content": "SideNav_content__OWM3N", "item": "SideNav_item__YTE4Z", "collapsed": "SideNav_collapsed__YWMzZ", "label": "SideNav_label__YzExN" };
 
 // src/components/SideNav.tsx
-import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
-function SideNav({ children }) {
-  return /* @__PURE__ */ jsx53("div", { className: SideNav_default.sidenav, children });
+import { jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
+var SideNavContext = createContext4(null);
+function SideNav({ isCollapsed, children }) {
+  return /* @__PURE__ */ jsx55(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ jsx55("div", { className: (0, import_classnames45.default)(SideNav_default.sidenav, isCollapsed && SideNav_default.collapsed), children }) });
 }
 function SideNavHeader({
   name,
   icon,
   children
 }) {
-  return /* @__PURE__ */ jsxs31("div", { className: SideNav_default.header, "data-theme": "dark", children: [
-    icon && /* @__PURE__ */ jsx53(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ jsx53("div", { className: SideNav_default.name, children: name }),
+  return /* @__PURE__ */ jsxs32(Block, { children: [
+    icon && /* @__PURE__ */ jsx55(Icon, { size: "sm", children: icon }),
+    /* @__PURE__ */ jsx55("div", { className: (0, import_classnames45.default)(SideNav_default.name, SideNav_default.label), children: name }),
     children
   ] });
 }
 function SideNavSection({ title, children }) {
-  return /* @__PURE__ */ jsxs31("div", { className: SideNav_default.section, children: [
-    title && /* @__PURE__ */ jsx53("div", { className: SideNav_default.title, children: title }),
-    /* @__PURE__ */ jsx53("div", { className: SideNav_default.content, children })
+  return /* @__PURE__ */ jsxs32("div", { className: SideNav_default.section, children: [
+    title && /* @__PURE__ */ jsx55("div", { className: SideNav_default.title, children: title }),
+    /* @__PURE__ */ jsx55("div", { className: SideNav_default.content, children })
   ] });
 }
 function SideNavItem({
   label,
   icon,
-  children
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ jsxs31("div", { className: SideNav_default.item, children: [
-    icon && /* @__PURE__ */ jsx53(Icon, { size: "sm", children: icon }),
-    label,
-    children
+  const { isCollapsed } = useContext6(SideNavContext);
+  const ref = useRef9(null);
+  const { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({ isDisabled: false }, ref);
+  if (isCollapsed) {
+    return /* @__PURE__ */ jsxs32($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, children: [
+      /* @__PURE__ */ jsx55("div", { ...focusableProps, ref, className: (0, import_classnames45.default)(SideNav_default.item), children: icon && /* @__PURE__ */ jsx55(Icon, { size: "sm", children: icon }) }),
+      /* @__PURE__ */ jsx55(Tooltip2, { placement: "right", children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs32(Block, { ...props, className: (0, import_classnames45.default)(SideNav_default.item, className), children: [
+    icon && /* @__PURE__ */ jsx55(Icon, { size: "sm", children: icon }),
+    label && /* @__PURE__ */ jsx55(Text, { className: SideNav_default.label, children: label })
   ] });
 }
 
 // src/components/Slider.tsx
 import { forwardRef as forwardRef10 } from "react";
-var import_classnames43 = __toESM(require_classnames());
+var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Slider.module.css
 var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_header__ZTE2M", "track": "Slider_track__ODk5M", "fill": "Slider_fill__YzdhM", "thumb": "Slider_thumb__NGEzM" };
 
 // src/components/Slider.tsx
-import { Fragment as Fragment9, jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
 var Slider2 = forwardRef10(
   ({ className, showValue = true, label, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs32($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames43.default)(Slider_default.slider, className), children: [
-      /* @__PURE__ */ jsxs32("div", { className: Slider_default.header, children: [
-        label && /* @__PURE__ */ jsx54(Label2, { className: Slider_default.label, children: label }),
-        showValue && /* @__PURE__ */ jsx54($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
+    return /* @__PURE__ */ jsxs33($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames46.default)(Slider_default.slider, className), children: [
+      /* @__PURE__ */ jsxs33("div", { className: Slider_default.header, children: [
+        label && /* @__PURE__ */ jsx56(Label2, { className: Slider_default.label, children: label }),
+        showValue && /* @__PURE__ */ jsx56($6f909507e6374d18$export$a590f758a961cb5b, { className: Slider_default.output })
       ] }),
-      /* @__PURE__ */ jsx54($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
+      /* @__PURE__ */ jsx56($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
         const isHorizontal = state.orientation === "horizontal";
-        return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-          /* @__PURE__ */ jsx54(
+        return /* @__PURE__ */ jsxs33(Fragment9, { children: [
+          /* @__PURE__ */ jsx56(
             "div",
             {
               className: Slider_default.fill,
@@ -31638,7 +31711,7 @@ var Slider2 = forwardRef10(
               }
             }
           ),
-          /* @__PURE__ */ jsx54($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
+          /* @__PURE__ */ jsx56($6f909507e6374d18$export$2c1b491743890dec, { className: Slider_default.thumb })
         ] });
       } })
     ] });
@@ -31646,20 +31719,20 @@ var Slider2 = forwardRef10(
 );
 
 // src/components/StatusLight.tsx
-var import_classnames44 = __toESM(require_classnames());
+var import_classnames47 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\StatusLight.module.css
 var StatusLight_default = { "statuslight": "StatusLight_statuslight__MmJmM", "status": "StatusLight_status__YTQ4M", "bg": "StatusLight_bg__N2QyO", "success": "StatusLight_success__Njk1N", "warning": "StatusLight_warning__YTEyN", "error": "StatusLight_error__MzdjZ", "active": "StatusLight_active__YTdjM", "inactive": "StatusLight_inactive__ODZiY" };
 
 // src/components/StatusLight.tsx
-import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
 function StatusLight(props) {
   const { color, variant = "inactive", children, className, ...domProps } = props;
-  return /* @__PURE__ */ jsxs33("div", { ...domProps, className: (0, import_classnames44.default)(StatusLight_default.statuslight, className), children: [
-    /* @__PURE__ */ jsx55("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs34("div", { ...domProps, className: (0, import_classnames47.default)(StatusLight_default.statuslight, className), children: [
+    /* @__PURE__ */ jsx57("div", { className: StatusLight_default.bg, children: /* @__PURE__ */ jsx57(
       "div",
       {
-        className: (0, import_classnames44.default)(StatusLight_default.status, StatusLight_default[variant]),
+        className: (0, import_classnames47.default)(StatusLight_default.status, StatusLight_default[variant]),
         style: { backgroundColor: color }
       }
     ) }),
@@ -31669,27 +31742,27 @@ function StatusLight(props) {
 
 // src/components/Switch.tsx
 import { forwardRef as forwardRef11 } from "react";
-var import_classnames45 = __toESM(require_classnames());
+var import_classnames48 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Switch.module.css
-var Switch_default = { "switch": "Switch_switch__NmQyM", "track": "Switch_track__MGVmY", "knob": "Switch_knob__Zjg3M" };
+var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track__ZWU0O", "knob": "Switch_knob__YjFmZ" };
 
 // src/components/Switch.tsx
-import { Fragment as Fragment10, jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
 var Switch2 = forwardRef11(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs34(Fragment10, { children: [
-      label && /* @__PURE__ */ jsx56(Label2, { children: label }),
-      /* @__PURE__ */ jsxs34(
+    return /* @__PURE__ */ jsxs35(Fragment10, { children: [
+      label && /* @__PURE__ */ jsx58(Label2, { children: label }),
+      /* @__PURE__ */ jsxs35(
         $8e59e948500a8fe1$export$b5d5cf8927ab7262,
         {
           ...props,
           isSelected,
           ref,
-          className: (0, import_classnames45.default)(Switch_default.switch, className),
+          className: (0, import_classnames48.default)(Switch_default.switch, className),
           children: [
-            /* @__PURE__ */ jsx56("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx56("div", { className: Switch_default.knob }) }),
+            /* @__PURE__ */ jsx58("div", { className: Switch_default.track, children: /* @__PURE__ */ jsx58("div", { className: Switch_default.knob }) }),
             children
           ]
         }
@@ -31702,52 +31775,52 @@ var Switch2 = forwardRef11(
 var Tabs_default = { "tabs": "Tabs_tabs__Nzk1N", "list": "Tabs_list__YzYyN", "tab": "Tabs_tab__ZTJmN", "quiet": "Tabs_quiet__MjUxZ" };
 
 // src/components/Tabs.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Tabs2({ children, ...props }) {
-  return /* @__PURE__ */ jsx57($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
+  return /* @__PURE__ */ jsx59($5e8ad37a45e1c704$export$b2539bed5023c21c, { ...props, className: Tabs_default.tabs, children });
 }
 function TabList2({ children, ...props }) {
-  return /* @__PURE__ */ jsx57($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
+  return /* @__PURE__ */ jsx59($5e8ad37a45e1c704$export$e51a686c67fdaa2d, { ...props, className: Tabs_default.list, children });
 }
 function Tab({ children, ...props }) {
-  return /* @__PURE__ */ jsx57($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
+  return /* @__PURE__ */ jsx59($5e8ad37a45e1c704$export$3e41faf802a29e71, { ...props, className: Tabs_default.tab, children });
 }
 function TabPanel2({ children, ...props }) {
-  return /* @__PURE__ */ jsx57($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
+  return /* @__PURE__ */ jsx59($5e8ad37a45e1c704$export$3d96ec278d3efce4, { ...props, className: Tabs_default.panel, children });
 }
 
 // src/components/TextArea.tsx
-var import_classnames46 = __toESM(require_classnames());
+var import_classnames49 = __toESM(require_classnames());
 import { forwardRef as forwardRef12 } from "react";
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextArea.module.css
 var TextArea_default = { "textarea": "TextArea_textarea__MTk5Y", "resize-none": "TextArea_resize-none__OTJhY", "resize-horizontal": "TextArea_resize-horizontal__YWIyZ", "resize-vertical": "TextArea_resize-vertical__NTM3O" };
 
 // src/components/TextArea.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var TextArea2 = forwardRef12(
   ({ rows, cols, resize, className, style, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx60(
       TextField2,
       {
         ...props,
         ref,
-        className: (0, import_classnames46.default)(resize && TextArea_default[`resize-${resize}`]),
+        className: (0, import_classnames49.default)(resize && TextArea_default[`resize-${resize}`]),
         asChild: true,
-        children: /* @__PURE__ */ jsx58($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
+        children: /* @__PURE__ */ jsx60($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
       }
     );
   }
 );
 
 // src/components/ThemeButton.tsx
-var import_classnames47 = __toESM(require_classnames());
+var import_classnames50 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\ThemeButton.module.css
 var ThemeButton_default = { "button": "ThemeButton_button__Zjc5N" };
 
 // src/components/ThemeButton.tsx
-import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
 function ThemeButton({
   className,
   variant = "quiet",
@@ -31772,17 +31845,17 @@ function ThemeButton({
     setTheme2(theme === "light" ? "dark" : "light");
     onPress?.(e);
   }
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     Button2,
     {
       ...props,
-      className: (0, import_classnames47.default)(ThemeButton_default.button, className),
+      className: (0, import_classnames50.default)(ThemeButton_default.button, className),
       variant,
       onPress: handleClick,
       children: [
         transitions((style, item) => (
           // @ts-ignore
-          /* @__PURE__ */ jsx59(animated.div, { style, children: /* @__PURE__ */ jsx59(Icon, { size: "sm", children: item === "light" ? /* @__PURE__ */ jsx59(Icons.Sun, {}) : /* @__PURE__ */ jsx59(Icons.Moon, {}) }) }, item)
+          /* @__PURE__ */ jsx61(animated.div, { style, children: /* @__PURE__ */ jsx61(Icon, { size: "sm", children: item === "light" ? /* @__PURE__ */ jsx61(Icons.Sun, {}) : /* @__PURE__ */ jsx61(Icons.Moon, {}) }) }, item)
         )),
         "\xA0"
       ]
@@ -31792,25 +31865,25 @@ function ThemeButton({
 
 // src/components/Toggle.tsx
 import { forwardRef as forwardRef13 } from "react";
-var import_classnames48 = __toESM(require_classnames());
+var import_classnames51 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Toggle.module.css
 var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
-import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx62, jsxs as jsxs37 } from "react/jsx-runtime";
 var Toggle = forwardRef13(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs36(Fragment11, { children: [
-      label && /* @__PURE__ */ jsx60(Label2, { children: label }),
-      /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsxs37(Fragment11, { children: [
+      label && /* @__PURE__ */ jsx62(Label2, { children: label }),
+      /* @__PURE__ */ jsx62(
         $efde0372d7a700fe$export$d2b052e7b4be1756,
         {
           ...props,
           ref,
           isSelected,
-          className: (0, import_classnames48.default)(Toggle_default.toggle, className),
+          className: (0, import_classnames51.default)(Toggle_default.toggle, className),
           children
         }
       )
@@ -31819,52 +31892,38 @@ var Toggle = forwardRef13(
 );
 
 // src/components/ToggleGroup.tsx
-var import_classnames49 = __toESM(require_classnames());
+var import_classnames52 = __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" };
 
 // src/components/ToggleGroup.tsx
-import { jsx as jsx61, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
 function ToggleGroup({ label, className, children, ...props }) {
-  return /* @__PURE__ */ jsxs37($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames49.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
-    label && /* @__PURE__ */ jsx61(Label2, { children: label }),
-    /* @__PURE__ */ jsx61($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
+  return /* @__PURE__ */ jsxs38($eaf9e70818b436db$export$67ea30858aaf75e3, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.group, className), selectionBehavior: "toggle", children: [
+    label && /* @__PURE__ */ jsx63(Label2, { children: label }),
+    /* @__PURE__ */ jsx63($eaf9e70818b436db$export$f9fef0f55402315b, { className: ToggleGroup_default.list, children })
   ] });
 }
 function ToggleGroupItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx61($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames49.default)(ToggleGroup_default.item, className), children });
-}
-
-// src/components/Tooltip.tsx
-var import_classnames50 = __toESM(require_classnames());
-
-// css-modules:E:\dev\umami-react-zen\src\components\Tooltip.module.css
-var Tooltip_default = { "tooltip": "Tooltip_tooltip__NDBjM", "arrow": "Tooltip_arrow__NzM4M", "slide": "Tooltip_slide__NzNkY" };
-
-// src/components/Tooltip.tsx
-import { jsx as jsx62, jsxs as jsxs38 } from "react/jsx-runtime";
-function Tooltip2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsxs38($4e3b923658d69c60$export$28c660c63b792dea, { ...props, className: (0, import_classnames50.default)(Tooltip_default.tooltip, className), children: [
-    /* @__PURE__ */ jsx62($44f671af83e7d9e0$export$746d02f47f4d381, { className: Tooltip_default.arrow, children: /* @__PURE__ */ jsx62("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx62("path", { d: "M0 0 L4 4 L8 0" }) }) }),
-    children
-  ] });
+  return /* @__PURE__ */ jsx63($eaf9e70818b436db$export$3288d34c523a1192, { ...props, className: (0, import_classnames52.default)(ToggleGroup_default.item, className), children });
 }
 
 // src/components/ZenProvider.tsx
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var defaultToastCofig = {
   duration: 3e3
 };
 function ZenProvider({ children, ...props }) {
   const { toast = defaultToastCofig } = props;
-  return /* @__PURE__ */ jsx63(ToastProvider, { ...toast, children });
+  return /* @__PURE__ */ jsx64(ToastProvider, { ...toast, children });
 }
 export {
   Accordion,
   AccordionItem,
   AlertBanner,
   AlertDialog,
+  Block,
   Blockquote,
   Box,
   Breadcrumb2 as Breadcrumb,
@@ -31917,6 +31976,7 @@ export {
   ProgressCircle,
   Radio2 as Radio,
   RadioGroup2 as RadioGroup,
+  $ea8dcbcb9ea1b556$export$323e4fc2fa4753fb as RouterProvider,
   Row,
   SearchField2 as SearchField,
   Select2 as Select,