@umami/react-zen 0.65.0 → 0.68.0

package/dist/index.js

@@ -34,8 +34,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
 var require_use_sync_external_store_shim_production = __commonJS({
   "node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports) {
-    var import_react198 = __toESM(require("react"));
-    var React7 = import_react198.default;
+    var import_react199 = __toESM(require("react"));
+    var React7 = import_react199.default;
     function is2(x, y) {
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
@@ -87,7 +87,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
 // node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
 var require_use_sync_external_store_shim_development = __commonJS({
   "node_modules/.pnpm/use-sync-external-store@1.4.0_react@19.0.0/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports) {
-    var import_react198 = __toESM(require("react"));
+    var import_react199 = __toESM(require("react"));
     (function() {
       function is2(x, y) {
         return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
@@ -141,7 +141,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React7 = import_react198.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState17 = React7.useState, useEffect13 = React7.useEffect, useLayoutEffect2 = React7.useLayoutEffect, useDebugValue = React7.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React7 = import_react199.default, objectIs = "function" === typeof Object.is ? Object.is : is2, useState17 = React7.useState, useEffect13 = React7.useEffect, useLayoutEffect2 = React7.useLayoutEffect, useDebugValue = React7.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports.useSyncExternalStore = void 0 !== React7.useSyncExternalStore ? React7.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
@@ -26981,7 +26981,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__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" };
+var vars_default = { "display": "vars_display__NjU3M", "display-none": "vars_display-none__ZWU0M", "display-inline": "vars_display-inline__NjAyZ", "display-inline-block": "vars_display-inline-block__NzEyY", "display-block": "vars_display-block__MWJiO", "display-flex": "vars_display-flex__NGEwO", "display-inline-flex": "vars_display-inline-flex__ZTNlY", "display-grid": "vars_display-grid__MmMxM", "display-inline-grid": "vars_display-inline-grid__MzFjZ", "position-absolute": "vars_position-absolute__ODA0M", "position-fixed": "vars_position-fixed__ZjVhY", "position-stick": "vars_position-stick__Nzg0M", "position-static": "vars_position-static__Y2Q2N", "position-relative": "vars_position-relative__NTQ0Z", "font-size": "vars_font-size__MzViM", "font-size-1": "vars_font-size-1__YWE3M", "font-size-2": "vars_font-size-2__NWQwY", "font-size-3": "vars_font-size-3__MTljM", "font-size-4": "vars_font-size-4__MzViZ", "font-size-5": "vars_font-size-5__ZjNkY", "font-size-6": "vars_font-size-6__NGE2N", "font-size-7": "vars_font-size-7__ZTdlM", "font-size-8": "vars_font-size-8__NTJlN", "font-size-9": "vars_font-size-9__ZDA0M", "font-size-10": "vars_font-size-10__M2NkM", "font-size-11": "vars_font-size-11__YjNkM", "font-size-12": "vars_font-size-12__MDNmO", "heading-size": "vars_heading-size__OWEzM", "heading-size-1": "vars_heading-size-1__MjA1N", "heading-size-2": "vars_heading-size-2__NzVlO", "heading-size-3": "vars_heading-size-3__YTkxY", "heading-size-4": "vars_heading-size-4__NDgyY", "heading-size-5": "vars_heading-size-5__YmIwN", "heading-size-6": "vars_heading-size-6__NzkzN", "font-weight-thin": "vars_font-weight-thin__NzhkY", "font-weight-extra-light": "vars_font-weight-extra-light__OWQxM", "font-weight-light": "vars_font-weight-light__YTA4M", "font-weight-regular": "vars_font-weight-regular__OTUzZ", "font-weight-medium": "vars_font-weight-medium__ZDc0Y", "font-weight-bold": "vars_font-weight-bold__MGNlZ", "font-weight-extra-bold": "vars_font-weight-extra-bold__NWFiN", "font-weight-black": "vars_font-weight-black__YjMwY", "border-size-1": "vars_border-size-1__ZGEyY", "border-size-2": "vars_border-size-2__MjQ3M", "border-size-3": "vars_border-size-3__MDJiN", "border-size-4": "vars_border-size-4__OTcxM", "border-radius-1": "vars_border-radius-1__Y2RhO", "border-radius-2": "vars_border-radius-2__MGFlY", "border-radius-3": "vars_border-radius-3__YWQ2Z", "border-radius-4": "vars_border-radius-4__ZmFkN", "border-radius-full": "vars_border-radius-full__OGEzY", "shadow-1": "vars_shadow-1__MDJmN", "shadow-2": "vars_shadow-2__MGRjM", "shadow-3": "vars_shadow-3__OWY3Y", "shadow-4": "vars_shadow-4__MjM0N", "shadow-5": "vars_shadow-5__ZTFkN", "shadow-6": "vars_shadow-6__N2I0N", "font-color-primary": "vars_font-color-primary__MGFmN", "font-color-muted": "vars_font-color-muted__ODJmM", "font-color-disabled": "vars_font-color-disabled__ZWRiO", "font-color-1": "vars_font-color-1__NTFjN", "font-color-2": "vars_font-color-2__OTZkN", "font-color-3": "vars_font-color-3__NGViN", "font-color-4": "vars_font-color-4__YjMyN", "font-color-5": "vars_font-color-5__MmUyM", "font-color-6": "vars_font-color-6__OTM3M", "font-color-7": "vars_font-color-7__YTM4Y", "font-color-8": "vars_font-color-8__MGQxO", "font-color-10": "vars_font-color-10__ODkxY", "font-color-11": "vars_font-color-11__MjMyM", "font-color-12": "vars_font-color-12__YTQzY", "font-color-gray": "vars_font-color-gray__OGY0Y", "font-color-gold": "vars_font-color-gold__ZGE3Y", "font-color-bronze": "vars_font-color-bronze__NDY0Y", "font-color-brown": "vars_font-color-brown__OTk5M", "font-color-yellow": "vars_font-color-yellow__MjQ2M", "font-color-amber": "vars_font-color-amber__ZWI0Y", "font-color-orange": "vars_font-color-orange__NThlY", "font-color-tomato": "vars_font-color-tomato__OGYzO", "font-color-red": "vars_font-color-red__ZDJmO", "font-color-ruby": "vars_font-color-ruby__MDY4O", "font-color-crimson": "vars_font-color-crimson__MzExY", "font-color-pink": "vars_font-color-pink__YjdjM", "font-color-plum": "vars_font-color-plum__MTQxY", "font-color-purple": "vars_font-color-purple__YjU4Y", "font-color-violet": "vars_font-color-violet__NzZmY", "font-color-iris": "vars_font-color-iris__OGEyN", "font-color-indigo": "vars_font-color-indigo__MTVlO", "font-color-blue": "vars_font-color-blue__ZmM3M", "font-color-cyan": "vars_font-color-cyan__OGM4Z", "font-color-teal": "vars_font-color-teal__MDAxM", "font-color-jade": "vars_font-color-jade__ODQzN", "font-color-green": "vars_font-color-green__YTM1M", "font-color-grass": "vars_font-color-grass__YjIyY", "font-color-lime": "vars_font-color-lime__NGNiM", "font-color-mint": "vars_font-color-mint__NWQwN", "font-color-sky": "vars_font-color-sky__ZGJjN", "background-color-transparent": "vars_background-color-transparent__NmEwO", "background-color-solid": "vars_background-color-solid__NjYwZ", "background-color-1": "vars_background-color-1__ZDNhO", "background-color-2": "vars_background-color-2__NjMxN", "background-color-3": "vars_background-color-3__NzU3M", "background-color-4": "vars_background-color-4__MjZmO", "background-color-5": "vars_background-color-5__Yzk2Y", "background-color-6": "vars_background-color-6__M2Y3Z", "background-color-7": "vars_background-color-7__M2ZhZ", "background-color-8": "vars_background-color-8__NGQwY", "background-color-9": "vars_background-color-9__YjA3Z", "background-color-10": "vars_background-color-10__YTY4O", "background-color-11": "vars_background-color-11__NmNmZ", "background-color-12": "vars_background-color-12__NDE5Y", "background-color-gray": "vars_background-color-gray__ZTQ1Z", "background-color-gold": "vars_background-color-gold__NThhO", "background-color-bronze": "vars_background-color-bronze__NDMzN", "background-color-brown": "vars_background-color-brown__MGIyM", "background-color-yellow": "vars_background-color-yellow__YmM3Y", "background-color-amber": "vars_background-color-amber__ODJmM", "background-color-orange": "vars_background-color-orange__YjU1M", "background-color-tomato": "vars_background-color-tomato__YzczN", "background-color-red": "vars_background-color-red__MDBmN", "background-color-ruby": "vars_background-color-ruby__Nzg2M", "background-color-crimson": "vars_background-color-crimson__NTBhY", "background-color-pink": "vars_background-color-pink__ODFmZ", "background-color-plum": "vars_background-color-plum__ZWMxM", "background-color-purple": "vars_background-color-purple__MjY0M", "background-color-violet": "vars_background-color-violet__ZjhlM", "background-color-iris": "vars_background-color-iris__MTU4N", "background-color-indigo": "vars_background-color-indigo__M2YwN", "background-color-blue": "vars_background-color-blue__MDI3M", "background-color-cyan": "vars_background-color-cyan__YTdlN", "background-color-teal": "vars_background-color-teal__NTZlM", "background-color-jade": "vars_background-color-jade__MGM1M", "background-color-green": "vars_background-color-green__MGE2O", "background-color-grass": "vars_background-color-grass__ZjRkN", "background-color-lime": "vars_background-color-lime__MzIwZ", "background-color-mint": "vars_background-color-mint__Yjg5O", "background-color-sky": "vars_background-color-sky__NGU4N", "text-align-left": "vars_text-align-left__NDNhN", "text-align-center": "vars_text-align-center__NWZjZ", "text-align-right": "vars_text-align-right__MTgzM", "text-wrap-wrap": "vars_text-wrap-wrap__Y2M0Z", "text-wrap-nowrap": "vars_text-wrap-nowrap__ZDI1M", "text-wrap-balance": "vars_text-wrap-balance__MWNiY", "text-wrap-pretty": "vars_text-wrap-pretty__M2U1Z", "text-wrap-stable": "vars_text-wrap-stable__Y2FhY", "letter-spacing-1": "vars_letter-spacing-1__M2ZkO", "letter-spacing-2": "vars_letter-spacing-2__NWNlM", "letter-spacing-3": "vars_letter-spacing-3__N2M4M", "letter-spacing-4": "vars_letter-spacing-4__OWFhY", "letter-spacing-5": "vars_letter-spacing-5__NmYxY", "padding-1": "vars_padding-1__YTM4M", "padding-2": "vars_padding-2__MmQyM", "padding-3": "vars_padding-3__M2JmN", "padding-4": "vars_padding-4__YzRlN", "padding-5": "vars_padding-5__MjZlN", "padding-6": "vars_padding-6__NWJmN", "padding-7": "vars_padding-7__YjBlN", "padding-8": "vars_padding-8__MjMxY", "padding-9": "vars_padding-9__MDU1Z", "padding-10": "vars_padding-10__MGVhN", "padding-11": "vars_padding-11__ZmE3M", "padding-12": "vars_padding-12__YTVhZ", "padding-x-1": "vars_padding-x-1__YTczM", "padding-x-2": "vars_padding-x-2__MGI4Y", "padding-x-3": "vars_padding-x-3__ZWRiY", "padding-x-4": "vars_padding-x-4__ZWJlM", "padding-x-5": "vars_padding-x-5__ZmY3Z", "padding-x-6": "vars_padding-x-6__YjY1M", "padding-x-7": "vars_padding-x-7__NDRiN", "padding-x-8": "vars_padding-x-8__OGRjN", "padding-x-9": "vars_padding-x-9__YmNhN", "padding-x-10": "vars_padding-x-10__MDE5O", "padding-x-11": "vars_padding-x-11__NzI0N", "padding-x-12": "vars_padding-x-12__NTY4M", "padding-y-1": "vars_padding-y-1__MDhmM", "padding-y-2": "vars_padding-y-2__YTliZ", "padding-y-3": "vars_padding-y-3__MjAwY", "padding-y-4": "vars_padding-y-4__MjQ5O", "padding-y-5": "vars_padding-y-5__ZDYyM", "padding-y-6": "vars_padding-y-6__NjlkO", "padding-y-7": "vars_padding-y-7__MTM3M", "padding-y-8": "vars_padding-y-8__NmI1N", "padding-y-9": "vars_padding-y-9__ODNkM", "padding-y-10": "vars_padding-y-10__MmVkN", "padding-y-11": "vars_padding-y-11__MGNlY", "padding-y-12": "vars_padding-y-12__MzRiY", "padding-top-1": "vars_padding-top-1__MjZjM", "padding-top-2": "vars_padding-top-2__ODM3Y", "padding-top-3": "vars_padding-top-3__NDY4M", "padding-top-4": "vars_padding-top-4__ODQyO", "padding-top-5": "vars_padding-top-5__NzE4M", "padding-top-6": "vars_padding-top-6__OTQ2Z", "padding-top-7": "vars_padding-top-7__MzkwZ", "padding-top-8": "vars_padding-top-8__MGRiN", "padding-top-9": "vars_padding-top-9__ZmU4Z", "padding-top-10": "vars_padding-top-10__ZDZhO", "padding-top-11": "vars_padding-top-11__OWNkY", "padding-top-12": "vars_padding-top-12__YWFiY", "padding-bottom-1": "vars_padding-bottom-1__M2I1Y", "padding-bottom-2": "vars_padding-bottom-2__NjRkN", "padding-bottom-3": "vars_padding-bottom-3__ZGMyN", "padding-bottom-4": "vars_padding-bottom-4__NmI5Y", "padding-bottom-5": "vars_padding-bottom-5__MzYxN", "padding-bottom-6": "vars_padding-bottom-6__NDRjN", "padding-bottom-7": "vars_padding-bottom-7__MTc4N", "padding-bottom-8": "vars_padding-bottom-8__NGZiN", "padding-bottom-9": "vars_padding-bottom-9__ODIwN", "padding-bottom-10": "vars_padding-bottom-10__MWRiN", "padding-bottom-11": "vars_padding-bottom-11__ZGI4Z", "padding-bottom-12": "vars_padding-bottom-12__NDExO", "padding-left-1": "vars_padding-left-1__ODhkN", "padding-left-2": "vars_padding-left-2__Yjc4N", "padding-left-3": "vars_padding-left-3__ZTVmN", "padding-left-4": "vars_padding-left-4__ZjE5O", "padding-left-5": "vars_padding-left-5__MjhlN", "padding-left-6": "vars_padding-left-6__MjIwM", "padding-left-7": "vars_padding-left-7__ZWE3Z", "padding-left-8": "vars_padding-left-8__NzM0N", "padding-left-9": "vars_padding-left-9__OThiN", "padding-left-10": "vars_padding-left-10__YjgxM", "padding-left-11": "vars_padding-left-11__NzU3Z", "padding-left-12": "vars_padding-left-12__ZjI3M", "padding-right-1": "vars_padding-right-1__NWIwY", "padding-right-2": "vars_padding-right-2__OGY0Z", "padding-right-3": "vars_padding-right-3__ZWFhM", "padding-right-4": "vars_padding-right-4__MDZjN", "padding-right-5": "vars_padding-right-5__YmNlO", "padding-right-6": "vars_padding-right-6__NmFkM", "padding-right-7": "vars_padding-right-7__NjJmY", "padding-right-8": "vars_padding-right-8__MmU2Z", "padding-right-9": "vars_padding-right-9__MjRiZ", "padding-right-10": "vars_padding-right-10__ZmIyO", "padding-right-11": "vars_padding-right-11__N2FjN", "padding-right-12": "vars_padding-right-12__ZWM0M", "margin-1": "vars_margin-1__MjIxO", "margin-2": "vars_margin-2__MzI3O", "margin-3": "vars_margin-3__MzkxM", "margin-4": "vars_margin-4__MGNjM", "margin-5": "vars_margin-5__YjI3M", "margin-6": "vars_margin-6__MzZiM", "margin-7": "vars_margin-7__ODQ5Z", "margin-8": "vars_margin-8__ZTkwN", "margin-9": "vars_margin-9__M2I4N", "margin-10": "vars_margin-10__NjhmN", "margin-11": "vars_margin-11__YjcwN", "margin-12": "vars_margin-12__YjFjN", "margin-x-1": "vars_margin-x-1__ZGEyN", "margin-x-2": "vars_margin-x-2__NjhmZ", "margin-x-3": "vars_margin-x-3__YjcyY", "margin-x-4": "vars_margin-x-4__OGMyM", "margin-x-5": "vars_margin-x-5__ZjkwN", "margin-x-6": "vars_margin-x-6__MjYzZ", "margin-x-7": "vars_margin-x-7__YWIyN", "margin-x-8": "vars_margin-x-8__OGIwM", "margin-x-9": "vars_margin-x-9__MTQ5Y", "margin-x-10": "vars_margin-x-10__YzAxY", "margin-x-11": "vars_margin-x-11__MjE4N", "margin-x-12": "vars_margin-x-12__YjJmM", "margin-y-1": "vars_margin-y-1__ZDMwY", "margin-y-2": "vars_margin-y-2__MTMwZ", "margin-y-3": "vars_margin-y-3__Y2FhZ", "margin-y-4": "vars_margin-y-4__MjQ0Y", "margin-y-5": "vars_margin-y-5__MjAyY", "margin-y-6": "vars_margin-y-6__ZGI2O", "margin-y-7": "vars_margin-y-7__ZjRiM", "margin-y-8": "vars_margin-y-8__NDdhN", "margin-y-9": "vars_margin-y-9__NGU1Z", "margin-y-10": "vars_margin-y-10__ZTk1Y", "margin-y-11": "vars_margin-y-11__NDlhY", "margin-y-12": "vars_margin-y-12__NzVhN", "margin-top-1": "vars_margin-top-1__ODFhN", "margin-top-2": "vars_margin-top-2__N2MzM", "margin-top-3": "vars_margin-top-3__NDVjM", "margin-top-4": "vars_margin-top-4__YjQ5N", "margin-top-5": "vars_margin-top-5__MjY0N", "margin-top-6": "vars_margin-top-6__NzRkZ", "margin-top-7": "vars_margin-top-7__NjQ3N", "margin-top-8": "vars_margin-top-8__ZTQ4O", "margin-top-9": "vars_margin-top-9__NTUxZ", "margin-top-10": "vars_margin-top-10__MGU4M", "margin-top-11": "vars_margin-top-11__ZWRhZ", "margin-top-12": "vars_margin-top-12__Yjg3Z", "margin-bottom-1": "vars_margin-bottom-1__NWI3N", "margin-bottom-2": "vars_margin-bottom-2__ZDJmN", "margin-bottom-3": "vars_margin-bottom-3__NDZlN", "margin-bottom-4": "vars_margin-bottom-4__YzVmY", "margin-bottom-5": "vars_margin-bottom-5__OTE2Z", "margin-bottom-6": "vars_margin-bottom-6__NjJkO", "margin-bottom-7": "vars_margin-bottom-7__NjI3N", "margin-bottom-8": "vars_margin-bottom-8__NjdiM", "margin-bottom-9": "vars_margin-bottom-9__YzIzM", "margin-bottom-10": "vars_margin-bottom-10__ZDc3N", "margin-bottom-11": "vars_margin-bottom-11__YjIxN", "margin-bottom-12": "vars_margin-bottom-12__OTdjN", "margin-left-1": "vars_margin-left-1__MDFlM", "margin-left-2": "vars_margin-left-2__YTQ4N", "margin-left-3": "vars_margin-left-3__ZmExY", "margin-left-4": "vars_margin-left-4__OTgwN", "margin-left-5": "vars_margin-left-5__ZjE1Y", "margin-left-6": "vars_margin-left-6__ODIyZ", "margin-left-7": "vars_margin-left-7__MmM0Z", "margin-left-8": "vars_margin-left-8__ZTg2O", "margin-left-9": "vars_margin-left-9__ZmVhY", "margin-left-10": "vars_margin-left-10__YTk1Y", "margin-left-11": "vars_margin-left-11__NzgwY", "margin-left-12": "vars_margin-left-12__ZDQ1O", "margin-right-1": "vars_margin-right-1__YzUxN", "margin-right-2": "vars_margin-right-2__ZTMzO", "margin-right-3": "vars_margin-right-3__MWI1Y", "margin-right-4": "vars_margin-right-4__MjhlZ", "margin-right-5": "vars_margin-right-5__YjNjN", "margin-right-6": "vars_margin-right-6__ZDlhZ", "margin-right-7": "vars_margin-right-7__M2FkY", "margin-right-8": "vars_margin-right-8__M2Y5Z", "margin-right-9": "vars_margin-right-9__YzliZ", "margin-right-10": "vars_margin-right-10__NmE1N", "margin-right-11": "vars_margin-right-11__NDVhY", "margin-right-12": "vars_margin-right-12__M2RkM", "gap-1": "vars_gap-1__NTM2N", "gap-2": "vars_gap-2__YTNjN", "gap-3": "vars_gap-3__MzEwZ", "gap-4": "vars_gap-4__M2MzZ", "gap-5": "vars_gap-5__MmVkN", "gap-6": "vars_gap-6__YjBiN", "gap-7": "vars_gap-7__NDk5N", "gap-8": "vars_gap-8__YzgwN", "gap-9": "vars_gap-9__YjliY", "gap-10": "vars_gap-10__OTA2M", "gap-11": "vars_gap-11__ZDgwM", "gap-12": "vars_gap-12__ZTA3N", "gap-x-1": "vars_gap-x-1__YmE2N", "gap-x-2": "vars_gap-x-2__NzdjN", "gap-x-3": "vars_gap-x-3__ZDliY", "gap-x-4": "vars_gap-x-4__ZGQzN", "gap-x-5": "vars_gap-x-5__ZTgwO", "gap-x-6": "vars_gap-x-6__MjQwM", "gap-x-7": "vars_gap-x-7__NTIyM", "gap-x-8": "vars_gap-x-8__YzVlY", "gap-x-9": "vars_gap-x-9__MGU5N", "gap-x-10": "vars_gap-x-10__NGQyY", "gap-x-11": "vars_gap-x-11__M2MwN", "gap-x-12": "vars_gap-x-12__MWRlY", "gap-y-1": "vars_gap-y-1__NjQyZ", "gap-y-2": "vars_gap-y-2__OTMwN", "gap-y-3": "vars_gap-y-3__MDE0M", "gap-y-4": "vars_gap-y-4__MmE3O", "gap-y-5": "vars_gap-y-5__ZDcxO", "gap-y-6": "vars_gap-y-6__NmE3M", "gap-y-7": "vars_gap-y-7__OWU1N", "gap-y-8": "vars_gap-y-8__ZTJkZ", "gap-y-9": "vars_gap-y-9__OWJiM", "gap-y-10": "vars_gap-y-10__ZDBlZ", "gap-y-11": "vars_gap-y-11__ZTIwY", "gap-y-12": "vars_gap-y-12__ZmQzN", "flex-direction-row": "vars_flex-direction-row__OWQyY", "flex-direction-row-reverse": "vars_flex-direction-row-reverse__NGJiN", "flex-direction-column": "vars_flex-direction-column__MGY2M", "flex-direction-column-reverse": "vars_flex-direction-column-reverse__Nzg2M", "flex-wrap-wrap": "vars_flex-wrap-wrap__ZmQ2Z", "flex-wrap-nowrap": "vars_flex-wrap-nowrap__YmUzY", "flex-wrap-wrap-reverse": "vars_flex-wrap-wrap-reverse__MGEwY", "justify-content-center": "vars_justify-content-center__OWE4N", "justify-content-start": "vars_justify-content-start__MTgxZ", "justify-content-end": "vars_justify-content-end__OWFiZ", "justify-content-flex-start": "vars_justify-content-flex-start__ODBiY", "justify-content-flex-end": "vars_justify-content-flex-end__NWEzZ", "justify-content-left": "vars_justify-content-left__NjcxN", "justify-content-right": "vars_justify-content-right__MTcxY", "justify-content-space-between": "vars_justify-content-space-between__ZmU0O", "justify-content-space-around": "vars_justify-content-space-around__MDFlM", "justify-content-space-evenly": "vars_justify-content-space-evenly__MjQ5O", "justify-content-stretch": "vars_justify-content-stretch__NDY2N", "justify-items-stretch": "vars_justify-items-stretch__NmMwM", "justify-items-center": "vars_justify-items-center__YTBlY", "justify-items-start": "vars_justify-items-start__YjRkM", "justify-items-end": "vars_justify-items-end__NzYxO", "justify-items-flex-start": "vars_justify-items-flex-start__ZDQ5Y", "justify-items-flex-end": "vars_justify-items-flex-end__ZjFmM", "justify-items-self-start": "vars_justify-items-self-start__YmVlM", "justify-items-self-end": "vars_justify-items-self-end__ZGIzM", "justify-items-left": "vars_justify-items-left__OTlhO", "justify-items-right": "vars_justify-items-right__YTQyY", "justify-items-baseline": "vars_justify-items-baseline__NGI0Z", "align-content-center": "vars_align-content-center__ZmRmO", "align-content-start": "vars_align-content-start__YTEzN", "align-content-end": "vars_align-content-end__NjJlO", "align-content-flex-start": "vars_align-content-flex-start__NWQxZ", "align-content-flex-end": "vars_align-content-flex-end__YTI4M", "align-content-baseline": "vars_align-content-baseline__NjQ5M", "align-content-space-between": "vars_align-content-space-between__YzQ1N", "align-content-space-around": "vars_align-content-space-around__NDFmM", "align-content-space-evenly": "vars_align-content-space-evenly__NzRmO", "align-content-stretch": "vars_align-content-stretch__NjkyN", "align-items-center": "vars_align-items-center__MTA0N", "align-items-start": "vars_align-items-start__Y2U1N", "align-items-end": "vars_align-items-end__YjAxO", "align-items-flex-start": "vars_align-items-flex-start__Nzg5Y", "align-items-flex-end": "vars_align-items-flex-end__YjE2Z", "align-items-self-start": "vars_align-items-self-start__NWRmO", "align-items-self-end": "vars_align-items-self-end__NDljM", "align-items-stretch": "vars_align-items-stretch__ZGUyM", "align-items-baseline": "vars_align-items-baseline__OTYyN", "align-self-center": "vars_align-self-center__ZDY5M", "align-self-start": "vars_align-self-start__MDM2N", "align-self-end": "vars_align-self-end__MDAzZ", "align-self-self-start": "vars_align-self-self-start__ZTBjM", "align-self-self-end": "vars_align-self-self-end__MGYzO", "align-self-flex-start": "vars_align-self-flex-start__MDE0Z", "align-self-flex-end": "vars_align-self-flex-end__YjE5N", "align-self-baseline": "vars_align-self-baseline__YjQwY", "align-self-stretch": "vars_align-self-stretch__YWZlO", "justify-self-center": "vars_justify-self-center__MGM4O", "justify-self-start": "vars_justify-self-start__YmU4O", "justify-self-end": "vars_justify-self-end__N2M5O", "justify-self-self-start": "vars_justify-self-self-start__YmRjY", "justify-self-self-end": "vars_justify-self-self-end__N2E3Z", "justify-self-baseline": "vars_justify-self-baseline__MjYyZ", "justify-self-stretch": "vars_justify-self-stretch__YmVjZ", "grid-auto-flow-row": "vars_grid-auto-flow-row__NjAwY", "grid-auto-flow-column": "vars_grid-auto-flow-column__MmNhY", "grid-auto-flow-row-dense": "vars_grid-auto-flow-row-dense__NWQ4M", "grid-auto-flow-column-dense": "vars_grid-auto-flow-column-dense__NWQ1Z", "overflow-visible": "vars_overflow-visible__NjIyN", "overflow-hidden": "vars_overflow-hidden__Y2Y2Z", "overflow-clip": "vars_overflow-clip__N2I2M", "overflow-scroll": "vars_overflow-scroll__ZTE3N", "overflow-auto": "vars_overflow-auto__MGM1M", "overflow-x-visible": "vars_overflow-x-visible__ODljY", "overflow-x-hidden": "vars_overflow-x-hidden__MzNjM", "overflow-x-clip": "vars_overflow-x-clip__ZTM3Y", "overflow-x-scroll": "vars_overflow-x-scroll__Y2IxM", "overflow-x-auto": "vars_overflow-x-auto__MGI1Z", "overflow-y-visible": "vars_overflow-y-visible__NWY2O", "overflow-y-hidden": "vars_overflow-y-hidden__YTU5N", "overflow-y-clip": "vars_overflow-y-clip__ZjlhM", "overflow-y-scroll": "vars_overflow-y-scroll__YWU0Y", "overflow-y-auto": "vars_overflow-y-auto__MmE0Z", "text-transform-capitalize": "vars_text-transform-capitalize__MGQ0O", "text-transform-uppercase": "vars_text-transform-uppercase__YTAzN", "text-transform-lowercase": "vars_text-transform-lowercase__NzA0N", "text-transform-none": "vars_text-transform-none__MjA0N", "text-transform-full-width": "vars_text-transform-full-width__MGUyM", "text-transform-full-size-kana": "vars_text-transform-full-size-kana__MDg0N", "display-xs": "vars_display-xs__ZTA0O", "position-xs": "vars_position-xs__OWM0M", "font-size-xs": "vars_font-size-xs__M2E5Y", "font-weight-xs": "vars_font-weight-xs__YWQ5Z", "heading-size-xs": "vars_heading-size-xs__ODBjM", "border-size-xs": "vars_border-size-xs__YTQ2Y", "border-radius-xs": "vars_border-radius-xs__Mzc1M", "shadow-xs": "vars_shadow-xs__N2Q0Y", "background-color-xs": "vars_background-color-xs__NTFjM", "align-xs": "vars_align-xs__ZGQ2Z", "letter-spacing-xs": "vars_letter-spacing-xs__YTVmM", "padding-xs": "vars_padding-xs__MGZlM", "padding-x-xs": "vars_padding-x-xs__Y2MzY", "padding-y-xs": "vars_padding-y-xs__MGI5N", "padding-top-xs": "vars_padding-top-xs__NzkzN", "padding-right-xs": "vars_padding-right-xs__OTgyO", "padding-bottom-xs": "vars_padding-bottom-xs__MmZlM", "padding-left-xs": "vars_padding-left-xs__ZDYwY", "margin-xs": "vars_margin-xs__MjdlY", "margin-x-xs": "vars_margin-x-xs__NzgwO", "margin-y-xs": "vars_margin-y-xs__ZjZiZ", "margin-top-xs": "vars_margin-top-xs__Y2NkZ", "margin-right-xs": "vars_margin-right-xs__Y2ZhN", "margin-bottom-xs": "vars_margin-bottom-xs__ZGJmY", "margin-left-xs": "vars_margin-left-xs__ODA1Y", "gap-xs": "vars_gap-xs__ODM3M", "gap-x-xs": "vars_gap-x-xs__NGJmM", "gap-y-xs": "vars_gap-y-xs__NzlkN", "height-xs": "vars_height-xs__NDFmO", "width-xs": "vars_width-xs__MmUyM", "min-height-xs": "vars_min-height-xs__YjBiN", "min-width-xs": "vars_min-width-xs__YzBiO", "max-height-xs": "vars_max-height-xs__ZWMwN", "flex-direction-xs": "vars_flex-direction-xs__MDAwY", "flex-wrap-xs": "vars_flex-wrap-xs__NDI4O", "justify-content-xs": "vars_justify-content-xs__MjU0N", "justify-items-xs": "vars_justify-items-xs__ZTg4N", "justify-self-xs": "vars_justify-self-xs__OGQ4Z", "align-content-xs": "vars_align-content-xs__YWRhN", "align-items-xs": "vars_align-items-xs__ODI1N", "align-self-xs": "vars_align-self-xs__OTYxN", "grid-template-rows-xs": "vars_grid-template-rows-xs__N2NmM", "grid-template-columns-xs": "vars_grid-template-columns-xs__YTY5N", "flex-basis-xs": "vars_flex-basis-xs__YjViM", "flex-grow-xs": "vars_flex-grow-xs__NTU1N", "flex-shrink-xs": "vars_flex-shrink-xs__MWRhO", "overflow-xs": "vars_overflow-xs__MzhkN", "overflow-x-xs": "vars_overflow-x-xs__M2ZkZ", "overflow-y-xs": "vars_overflow-y-xs__NzBlO", "order-xs": "vars_order-xs__OGVkY", "display-sm": "vars_display-sm__ZjBiO", "position-sm": "vars_position-sm__ZTZkN", "font-size-sm": "vars_font-size-sm__ZjgwO", "font-weight-sm": "vars_font-weight-sm__MWNjN", "heading-size-sm": "vars_heading-size-sm__OTA5Y", "border-size-sm": "vars_border-size-sm__ODMzM", "border-radius-sm": "vars_border-radius-sm__YzlmN", "shadow-sm": "vars_shadow-sm__OGNlM", "background-color-sm": "vars_background-color-sm__MWQzN", "align-sm": "vars_align-sm__ZDY4Y", "letter-spacing-sm": "vars_letter-spacing-sm__NThlZ", "padding-sm": "vars_padding-sm__YmIxZ", "padding-x-sm": "vars_padding-x-sm__NzM1Z", "padding-y-sm": "vars_padding-y-sm__NjAzN", "padding-top-sm": "vars_padding-top-sm__NjUxM", "padding-right-sm": "vars_padding-right-sm__Yjg2N", "padding-bottom-sm": "vars_padding-bottom-sm__OTNjO", "padding-left-sm": "vars_padding-left-sm__N2EzN", "margin-sm": "vars_margin-sm__ZTUzY", "margin-x-sm": "vars_margin-x-sm__NDg4O", "margin-y-sm": "vars_margin-y-sm__ZGUwY", "margin-top-sm": "vars_margin-top-sm__ODcxZ", "margin-right-sm": "vars_margin-right-sm__YWZjY", "margin-bottom-sm": "vars_margin-bottom-sm__NTg5Y", "margin-left-sm": "vars_margin-left-sm__ZGY2Y", "gap-sm": "vars_gap-sm__ZjdiZ", "gap-x-sm": "vars_gap-x-sm__NzVhM", "gap-y-sm": "vars_gap-y-sm__NTE3N", "height-sm": "vars_height-sm__ODhjM", "width-sm": "vars_width-sm__ODAzY", "min-height-sm": "vars_min-height-sm__MjJjY", "min-width-sm": "vars_min-width-sm__ZTUzN", "max-height-sm": "vars_max-height-sm__OWVhZ", "flex-direction-sm": "vars_flex-direction-sm__YWYyN", "flex-wrap-sm": "vars_flex-wrap-sm__OTJlM", "justify-content-sm": "vars_justify-content-sm__NmU1Z", "justify-items-sm": "vars_justify-items-sm__ODQxN", "justify-self-sm": "vars_justify-self-sm__YzcxO", "align-content-sm": "vars_align-content-sm__ZTZhZ", "align-items-sm": "vars_align-items-sm__MDQ5M", "align-self-sm": "vars_align-self-sm__NzJiN", "grid-template-rows-sm": "vars_grid-template-rows-sm__YzgwN", "grid-template-columns-sm": "vars_grid-template-columns-sm__ZjA5M", "flex-basis-sm": "vars_flex-basis-sm__ZjI5Y", "flex-grow-sm": "vars_flex-grow-sm__YmI2Y", "flex-shrink-sm": "vars_flex-shrink-sm__NzI5N", "overflow-sm": "vars_overflow-sm__ODU4Y", "overflow-x-sm": "vars_overflow-x-sm__ZjJkM", "overflow-y-sm": "vars_overflow-y-sm__ZmQwY", "order-sm": "vars_order-sm__NGU4N", "display-md": "vars_display-md__MjlhZ", "position-md": "vars_position-md__M2RjM", "font-size-md": "vars_font-size-md__ODFkZ", "font-weight-md": "vars_font-weight-md__NTg0N", "heading-size-md": "vars_heading-size-md__N2E3Z", "border-size-md": "vars_border-size-md__MzA0N", "border-radius-md": "vars_border-radius-md__ZWYyY", "shadow-md": "vars_shadow-md__ODIyM", "background-color-md": "vars_background-color-md__MzA3O", "align-md": "vars_align-md__ZTA3Z", "letter-spacing-md": "vars_letter-spacing-md__OWM1O", "padding-md": "vars_padding-md__OTk4O", "padding-x-md": "vars_padding-x-md__NWMyO", "padding-y-md": "vars_padding-y-md__NWY4Z", "padding-top-md": "vars_padding-top-md__ZDdlZ", "padding-right-md": "vars_padding-right-md__MWQ3Y", "padding-bottom-md": "vars_padding-bottom-md__YzA0N", "padding-left-md": "vars_padding-left-md__NGFiN", "margin-md": "vars_margin-md__NGJkN", "margin-x-md": "vars_margin-x-md__MzYxY", "margin-y-md": "vars_margin-y-md__MGNmZ", "margin-top-md": "vars_margin-top-md__MDg5N", "margin-right-md": "vars_margin-right-md__OGY1M", "margin-bottom-md": "vars_margin-bottom-md__ZjAxZ", "margin-left-md": "vars_margin-left-md__ZTUzO", "gap-md": "vars_gap-md__NjZkN", "gap-x-md": "vars_gap-x-md__YWMxZ", "gap-y-md": "vars_gap-y-md__MTkwO", "height-md": "vars_height-md__NjJjM", "width-md": "vars_width-md__YmVmM", "min-height-md": "vars_min-height-md__ODg2N", "min-width-md": "vars_min-width-md__NjIwZ", "max-height-md": "vars_max-height-md__NjY2Z", "flex-direction-md": "vars_flex-direction-md__NzYyY", "flex-wrap-md": "vars_flex-wrap-md__YjI3M", "justify-content-md": "vars_justify-content-md__MzBmM", "justify-items-md": "vars_justify-items-md__Y2UwM", "justify-self-md": "vars_justify-self-md__MzVjO", "align-content-md": "vars_align-content-md__Y2YwM", "align-items-md": "vars_align-items-md__OTA5N", "align-self-md": "vars_align-self-md__MTQzZ", "grid-template-rows-md": "vars_grid-template-rows-md__ZGJlN", "grid-template-columns-md": "vars_grid-template-columns-md__N2EzY", "flex-basis-md": "vars_flex-basis-md__MTg1N", "flex-grow-md": "vars_flex-grow-md__ZDI0Y", "flex-shrink-md": "vars_flex-shrink-md__MzcyM", "overflow-md": "vars_overflow-md__ODg5M", "overflow-x-md": "vars_overflow-x-md__OGY3M", "overflow-y-md": "vars_overflow-y-md__YmY1Z", "order-md": "vars_order-md__NTAzN", "display-lg": "vars_display-lg__OGM0M", "position-lg": "vars_position-lg__NGM3Z", "font-size-lg": "vars_font-size-lg__OTU5Z", "font-weight-lg": "vars_font-weight-lg__NmI1M", "heading-size-lg": "vars_heading-size-lg__OTY5O", "border-size-lg": "vars_border-size-lg__NGQyZ", "border-radius-lg": "vars_border-radius-lg__NzZhN", "shadow-lg": "vars_shadow-lg__MjZmN", "background-color-lg": "vars_background-color-lg__NzdhZ", "align-lg": "vars_align-lg__OGQ0Z", "letter-spacing-lg": "vars_letter-spacing-lg__Yzc3Y", "padding-lg": "vars_padding-lg__YjNkN", "padding-x-lg": "vars_padding-x-lg__MWVkY", "padding-y-lg": "vars_padding-y-lg__MWFkM", "padding-top-lg": "vars_padding-top-lg__NjdiN", "padding-right-lg": "vars_padding-right-lg__OWQwO", "padding-bottom-lg": "vars_padding-bottom-lg__OWE4M", "padding-left-lg": "vars_padding-left-lg__MGE0N", "margin-lg": "vars_margin-lg__NzlmY", "margin-x-lg": "vars_margin-x-lg__ZGIzY", "margin-y-lg": "vars_margin-y-lg__ZGQ3Y", "margin-top-lg": "vars_margin-top-lg__ZjRlM", "margin-right-lg": "vars_margin-right-lg__MjA0M", "margin-bottom-lg": "vars_margin-bottom-lg__OGJlY", "margin-left-lg": "vars_margin-left-lg__MDVjM", "gap-lg": "vars_gap-lg__MDUwM", "gap-x-lg": "vars_gap-x-lg__Nzg1M", "gap-y-lg": "vars_gap-y-lg__OGViY", "height-lg": "vars_height-lg__MDNkN", "width-lg": "vars_width-lg__YWI2N", "min-height-lg": "vars_min-height-lg__MmI2Y", "min-width-lg": "vars_min-width-lg__MDFjZ", "max-height-lg": "vars_max-height-lg__YjhhZ", "flex-direction-lg": "vars_flex-direction-lg__YjM5Z", "flex-wrap-lg": "vars_flex-wrap-lg__MjM1M", "justify-content-lg": "vars_justify-content-lg__ZjY3N", "justify-items-lg": "vars_justify-items-lg__YjA5O", "justify-self-lg": "vars_justify-self-lg__ZmY2Z", "align-content-lg": "vars_align-content-lg__ZjQyN", "align-items-lg": "vars_align-items-lg__NjgyN", "align-self-lg": "vars_align-self-lg__MDY0N", "grid-template-rows-lg": "vars_grid-template-rows-lg__YjgwZ", "grid-template-columns-lg": "vars_grid-template-columns-lg__YWI3Y", "flex-basis-lg": "vars_flex-basis-lg__YzczZ", "flex-grow-lg": "vars_flex-grow-lg__YjNmM", "flex-shrink-lg": "vars_flex-shrink-lg__OGIxY", "overflow-lg": "vars_overflow-lg__M2M4Z", "overflow-x-lg": "vars_overflow-x-lg__M2UxN", "overflow-y-lg": "vars_overflow-y-lg__MjE5Y", "order-lg": "vars_order-lg__MzBmZ", "display-xl": "vars_display-xl__MjE0N", "position-xl": "vars_position-xl__NjY5N", "font-size-xl": "vars_font-size-xl__YjJiM", "font-weight-xl": "vars_font-weight-xl__M2E5N", "heading-size-xl": "vars_heading-size-xl__YTBiY", "border-size-xl": "vars_border-size-xl__YmVjY", "border-radius-xl": "vars_border-radius-xl__MDJjN", "shadow-xl": "vars_shadow-xl__OGQ1Y", "background-color-xl": "vars_background-color-xl__ZjQ3N", "align-xl": "vars_align-xl__MTU3N", "letter-spacing-xl": "vars_letter-spacing-xl__NjMxO", "padding-xl": "vars_padding-xl__OTQwY", "padding-x-xl": "vars_padding-x-xl__NTlmM", "padding-y-xl": "vars_padding-y-xl__NDkzM", "padding-top-xl": "vars_padding-top-xl__MzNmM", "padding-right-xl": "vars_padding-right-xl__ZmIxO", "padding-bottom-xl": "vars_padding-bottom-xl__NjM5Z", "padding-left-xl": "vars_padding-left-xl__ZjRmO", "margin-xl": "vars_margin-xl__NTkwZ", "margin-x-xl": "vars_margin-x-xl__ZWE1Y", "margin-y-xl": "vars_margin-y-xl__ZjNlM", "margin-top-xl": "vars_margin-top-xl__ODQzN", "margin-right-xl": "vars_margin-right-xl__ZGFiY", "margin-bottom-xl": "vars_margin-bottom-xl__ZjRmN", "margin-left-xl": "vars_margin-left-xl__NTM1O", "gap-xl": "vars_gap-xl__NzlmY", "gap-x-xl": "vars_gap-x-xl__OWZkY", "gap-y-xl": "vars_gap-y-xl__MGZkO", "height-xl": "vars_height-xl__ZDQ1M", "width-xl": "vars_width-xl__NzllN", "min-height-xl": "vars_min-height-xl__ZmUzM", "min-width-xl": "vars_min-width-xl__ZjY5N", "max-height-xl": "vars_max-height-xl__OWVjN", "flex-direction-xl": "vars_flex-direction-xl__OTYyO", "flex-wrap-xl": "vars_flex-wrap-xl__YjBjN", "justify-content-xl": "vars_justify-content-xl__ZjA1Z", "justify-items-xl": "vars_justify-items-xl__NmFjY", "justify-self-xl": "vars_justify-self-xl__ZmFlM", "align-content-xl": "vars_align-content-xl__NjhjO", "align-items-xl": "vars_align-items-xl__OWQzY", "align-self-xl": "vars_align-self-xl__ODc5Y", "grid-template-rows-xl": "vars_grid-template-rows-xl__ZjhhZ", "grid-template-columns-xl": "vars_grid-template-columns-xl__NzE2N", "flex-basis-xl": "vars_flex-basis-xl__YzNjO", "flex-grow-xl": "vars_flex-grow-xl__NzdmZ", "flex-shrink-xl": "vars_flex-shrink-xl__M2M2M", "overflow-xl": "vars_overflow-xl__M2VjZ", "overflow-x-xl": "vars_overflow-x-xl__MTkxN", "overflow-y-xl": "vars_overflow-y-xl__YzAxO", "order-xl": "vars_order-xl__OTk3Z" };
 
 // src/components/hooks/useDesignProps.ts
 var CSS_MAP = {
@@ -27386,7 +27386,7 @@ var import_react157 = require("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__ZTY3M", "primary": "Button_primary__YzkyZ", "outline": "Button_outline__OGU2Z", "quiet": "Button_quiet__ZTliZ", "danger": "Button_danger__ZDc1M", "sm": "Button_sm__NzRiZ", "md": "Button_md__ZTZiM", "lg": "Button_lg__ODE0Z", "xl": "Button_xl__NzE0M" };
+var Button_default = { "button": "Button_button__NDYwM", "primary": "Button_primary__OWE0M", "outline": "Button_outline__NTQyN", "quiet": "Button_quiet__NDFjM", "danger": "Button_danger__NDUzM", "sm": "Button_sm__NTVjM", "md": "Button_md__NDE4O", "lg": "Button_lg__NTU4O", "xl": "Button_xl__NjFkM" };
 
 // src/components/Button.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -27394,8 +27394,8 @@ var Button2 = (0, import_react157.forwardRef)(
   ({
     variant = "secondary",
     size = "md",
-    preventFocusOnPress = true,
     asChild,
+    preventFocusOnPress = true,
     className,
     children,
     ...props
@@ -27435,18 +27435,19 @@ 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__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" };
+var Spinner_default = { "spinner": "Spinner_spinner__MmRhN", "spinner-rotate": "Spinner_spinner-rotate__MDI2M", "track": "Spinner_track__ODIyN", "fill": "Spinner_fill__OGY5Y", "spinner-dash": "Spinner_spinner-dash__ZDE2N", "size-sm": "Spinner_size-sm__YWEwM", "size-md": "Spinner_size-md__NThiM", "size-lg": "Spinner_size-lg__MDEzN", "size-xl": "Spinner_size-xl__ZTNkN", "quiet": "Spinner_quiet__ZGJlM", "disabled": "Spinner_disabled__YjdjY" };
 
 // src/components/Spinner.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Spinner(props) {
-  const { size = "lg", quiet, className, ...domProps } = props;
+  const { size = "lg", quiet, className, isDisabled, ...domProps } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       ...domProps,
       className: (0, import_classnames8.default)(Spinner_default.spinner, className, Spinner_default[`size-${size}`], {
-        [Spinner_default.quiet]: quiet
+        [Spinner_default.quiet]: quiet,
+        [Spinner_default.disabled]: isDisabled
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { viewBox: "25 25 50 50", children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { className: Spinner_default.track, cx: "50", cy: "50", r: "20" }),
@@ -27458,10 +27459,16 @@ function Spinner(props) {
 
 // src/components/LoadingButton.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function LoadingButton({ isLoading, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Button2, { ...props, children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, {}) }),
-    children
+function LoadingButton({
+  isLoading,
+  isDisabled,
+  showText = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Button2, { ...props, isDisabled, children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { isDisabled }) }),
+    showText && children
   ] });
 }
 
@@ -27477,7 +27484,6 @@ function FormSubmitButton({
   const {
     formState: { isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful }
   } = useFormContext();
-  console.log({ isDirty, isValid, isSubmitting, isSubmitted, isSubmitSuccessful });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     LoadingButton,
     {
@@ -31554,26 +31560,45 @@ function Code({ asChild, children }) {
 var import_classnames21 = __toESM(require_classnames());
 
 // src/components/List.tsx
+var import_react180 = require("react");
 var import_classnames19 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
-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" };
+var List_default = { "list": "List_list__MDIxN", "separator": "List_separator__YWY4N", "section": "List_section__NWU0Y", "header": "List_header__Yzg0Y", "item": "List_item__NjEyN", "check": "List_check__MTNlZ" };
 
 // src/components/List.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
-function List({ items, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($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__ */ (0, import_jsx_runtime28.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }, index);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ListItem, { id: item, className: List_default.item, children: item }, index);
+function List({
+  items,
+  idProperty = "id",
+  labelProperty = "label",
+  separatorProperty = "separatpr",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($eed445e0843c11d0$export$41f133550aa26f48, { ...props, items, className: (0, import_classnames19.default)(List_default.list, className), children: children || items?.map((item) => {
+    const id = item[idProperty] || item.toString();
+    const label = item[labelProperty] || item.toString();
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react180.Fragment, { children: [
+      item[separatorProperty] && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: List_default.separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ListItem, { id, className: List_default.item, children: label })
+    ] }, id);
   }) });
 }
 function ListItem({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)($eed445e0843c11d0$export$a11e76429ed99b4, { ...props, className: (0, import_classnames19.default)(List_default.item, className), children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icons.Check, {}) }) })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    $eed445e0843c11d0$export$a11e76429ed99b4,
+    {
+      ...props,
+      className: (0, import_classnames19.default)(List_default.item, className),
+      "aria-label": props.id?.toString(),
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-hidden": "true", className: List_default.check, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icons.Check, {}) }) })
+      ]
+    }
+  );
 }
 function ListSeparator({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { ...props, className: (0, import_classnames19.default)(List_default.separator, className) });
@@ -31648,11 +31673,11 @@ function Container({
 }
 
 // src/components/ConfirmationDialog.tsx
-var import_react182 = require("react");
+var import_react183 = require("react");
 var import_classnames26 = __toESM(require_classnames());
 
 // src/components/TextField.tsx
-var import_react181 = require("react");
+var import_react182 = require("react");
 var import_classnames25 = __toESM(require_classnames());
 
 // src/components/Label.tsx
@@ -31668,7 +31693,7 @@ function Label2({ className, ...props }) {
 }
 
 // src/components/CopyButton.tsx
-var import_react180 = require("react");
+var import_react181 = require("react");
 var import_classnames24 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\CopyButton.module.css
@@ -31678,8 +31703,8 @@ var CopyButton_default = { "icon": "CopyButton_icon__YTM2Y", "copy-button": "Cop
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TIMEOUT = 2e3;
 function CopyButton({ value, timeout = TIMEOUT, className, children, ...props }) {
-  const [copied, setCopied] = (0, import_react180.useState)(false);
-  const ref = (0, import_react180.useRef)(timeout);
+  const [copied, setCopied] = (0, import_react181.useState)(false);
+  const ref = (0, import_react181.useRef)(timeout);
   const handleCopy = async () => {
     if (value) {
       await navigator.clipboard.writeText(value);
@@ -31692,14 +31717,14 @@ function CopyButton({ value, timeout = TIMEOUT, className, children, ...props })
 }
 
 // css-modules:E:\dev\umami-react-zen\src\components\styles\input.module.css
-var input_default = { "field": "input_field__NGM0Z", "row": "input_row__NjY4Y", "input": "input_input__MjUyM", "icon": "input_icon__ZjY5O" };
+var input_default = { "field": "input_field__ZGEyY", "row": "input_row__YTllZ", "input": "input_input__ZTAzN", "icon": "input_icon__YjcxZ" };
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextField.module.css
 var TextField_default = { "allowCopy": "TextField_allowCopy__Y2RhY", "icon": "TextField_icon__MWVlN" };
 
 // src/components/TextField.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var TextField2 = (0, import_react181.forwardRef)(
+var TextField2 = (0, import_react182.forwardRef)(
   ({
     value,
     defaultValue,
@@ -31712,13 +31737,13 @@ var TextField2 = (0, import_react181.forwardRef)(
     children,
     ...props
   }, ref) => {
-    const [inputValue, setInputValue] = (0, import_react181.useState)(defaultValue || value);
+    const [inputValue, setInputValue] = (0, import_react182.useState)(defaultValue || value);
     const Component = asChild ? Slot : $3985021b0ad6602f$export$f5b8910cec6cf069;
     const handleChange = (e) => {
       setInputValue(e.target.value);
       return onChange?.(e);
     };
-    (0, import_react181.useEffect)(() => {
+    (0, import_react182.useEffect)(() => {
       setInputValue(value);
     }, [value]);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
@@ -31760,7 +31785,7 @@ function ConfirmationDialog({
   children,
   ...props
 }) {
-  const [canSave, setCanSave] = (0, import_react182.useState)(false);
+  const [canSave, setCanSave] = (0, import_react183.useState)(false);
   const handleChange = (e) => {
     setCanSave(e.target.value === value);
   };
@@ -31787,7 +31812,7 @@ function ConfirmationDialog({
 
 // src/components/DataTable.tsx
 var import_classnames28 = __toESM(require_classnames());
-var import_react183 = require("react");
+var import_react184 = require("react");
 
 // src/components/Table.tsx
 var import_classnames27 = __toESM(require_classnames());
@@ -31829,10 +31854,10 @@ var DataTable_default = { "datatable": "DataTable_datatable__ZmQ3Z", "cell": "Da
 
 // src/components/DataTable.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var import_react184 = require("react");
+var import_react185 = require("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 = import_react183.Children.map(children, (child) => {
+  const columns = import_react184.Children.map(children, (child) => {
     return { ...child.props };
   });
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Table2, { ...props, className: (0, import_classnames28.default)(DataTable_default.datatable, className), children: [
@@ -31840,19 +31865,19 @@ function DataTable({ data = [], className, children, ...props }) {
       if (hidden) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_react184.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
+      return /* @__PURE__ */ (0, import_react185.createElement)(TableColumn, { ...columnProps, key: id, id }, label);
     }) }),
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableBody, { items, children: (row) => {
       return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TableRow, { children: columns.map(({ id, as, hidden, className: className2, children: children2, ...cellProps }) => {
         const value = typeof children2 === "function" ? children2(row) : children2 || row[id];
-        return /* @__PURE__ */ (0, import_react184.createElement)(
+        return /* @__PURE__ */ (0, import_react185.createElement)(
           TableCell,
           {
             ...cellProps,
             key: id,
             className: (0, import_classnames28.default)(DataTable_default.cell, className2, hidden && DataTable_default.hidden)
           },
-          as ? (0, import_react183.createElement)(as, {}, value) : value
+          as ? (0, import_react184.createElement)(as, {}, value) : value
         );
       }) });
     } })
@@ -31879,7 +31904,7 @@ function Dots({ className, ...props }) {
 }
 
 // src/components/FloatingTooltip.tsx
-var import_react185 = require("react");
+var import_react186 = require("react");
 var import_classnames31 = __toESM(require_classnames());
 
 // src/components/Tooltip.tsx
@@ -31906,8 +31931,8 @@ var FloatingTooltip_default = { "floating": "FloatingTooltip_floating__ZjM4N" };
 // src/components/FloatingTooltip.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function FloatingTooltip({ className, style, children, ...props }) {
-  const [position, setPosition] = (0, import_react185.useState)({ x: -1e3, y: -1e3 });
-  (0, import_react185.useEffect)(() => {
+  const [position, setPosition] = (0, import_react186.useState)({ x: -1e3, y: -1e3 });
+  (0, import_react186.useEffect)(() => {
     const handler = (e) => {
       setPosition({ x: e.clientX, y: e.clientY });
     };
@@ -32001,7 +32026,7 @@ function Heading2({
 }
 
 // src/components/HoverTrigger.tsx
-var import_react186 = require("react");
+var import_react187 = require("react");
 
 // css-modules:E:\dev\umami-react-zen\src\components\HoverTrigger.module.css
 var HoverTrigger_default = { "wrapper": "HoverTrigger_wrapper__NGFlN" };
@@ -32017,12 +32042,12 @@ function HoverTrigger({
   children
 }) {
   const [triggerElement, popupElement] = children;
-  const triggerRef = (0, import_react186.useRef)(null);
-  const [open, setOpen] = (0, import_react186.useState)(isOpen);
-  const isOverMenu = (0, import_react186.useRef)(false);
-  const isOverButton = (0, import_react186.useRef)(false);
-  const timeout = (0, import_react186.useRef)(null);
-  (0, import_react186.useEffect)(() => {
+  const triggerRef = (0, import_react187.useRef)(null);
+  const [open, setOpen] = (0, import_react187.useState)(isOpen);
+  const isOverMenu = (0, import_react187.useRef)(false);
+  const isOverButton = (0, import_react187.useRef)(false);
+  const timeout = (0, import_react187.useRef)(null);
+  (0, import_react187.useEffect)(() => {
     if (isOpen !== open) {
       setOpen(isOpen);
     }
@@ -32112,7 +32137,7 @@ function Image({
 }
 
 // src/components/InlineEditField.tsx
-var import_react187 = require("react");
+var import_react188 = require("react");
 var import_classnames35 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\InlineEditField.module.css
@@ -32131,8 +32156,8 @@ function InlineEditField({
   onCancel,
   ...props
 }) {
-  const [value, setValue] = (0, import_react187.useState)(defaultValue);
-  const [edit, setEdit] = (0, import_react187.useState)(defaultEdit);
+  const [value, setValue] = (0, import_react188.useState)(defaultValue);
+  const [edit, setEdit] = (0, import_react188.useState)(defaultEdit);
   const handleEdit = () => setEdit(true);
   const handleChange = (e) => {
     const val = e.target.value;
@@ -32143,7 +32168,7 @@ function InlineEditField({
     setEdit(false);
     onCommit?.(value);
   };
-  const handleCancel = (0, import_react187.useCallback)(() => {
+  const handleCancel = (0, import_react188.useCallback)(() => {
     setEdit(false);
     setValue(defaultValue);
     onCancel?.();
@@ -32206,12 +32231,7 @@ var Menu_default = { "menu": "Menu_menu__YmUyN", "separator": "Menu_separator__N
 // src/components/Menu.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Menu2({ items, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames37.default)(Menu_default.menu, className), children: children || items?.map((item, index) => {
-    if (item === null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($431f98aba6844401$export$1ff3c3f08ae963c0, { className: Menu_default.separator }, index);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MenuItem2, { id: item, children: item }, index);
-  }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames37.default)(Menu_default.menu, className), children });
 }
 function MenuItem2({ children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames37.default)(Menu_default.item, className), children: [
@@ -32257,7 +32277,7 @@ function Modal2({
 }
 
 // src/components/NavBar.tsx
-var import_react188 = require("react");
+var import_react189 = require("react");
 var import_classnames39 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\NavBar.module.css
@@ -32265,16 +32285,16 @@ var NavBar_default = { "nav": "NavBar_nav__NDgxZ", "item": "NavBar_item__OGRlN",
 
 // src/components/NavBar.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var NavBarContext = (0, import_react188.createContext)(void 0);
+var NavBarContext = (0, import_react189.createContext)(void 0);
 var useNavigationContext = () => {
-  const context = (0, import_react188.useContext)(NavBarContext);
+  const context = (0, import_react189.useContext)(NavBarContext);
   if (!context) {
     throw new Error("useNavigationContext must be used within a NavBar");
   }
   return context;
 };
 function NavBar({ showArrow = true, className, children, ...props }) {
-  const [activeMenu, setActiveMenu] = (0, import_react188.useState)("");
+  const [activeMenu, setActiveMenu] = (0, import_react189.useState)("");
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(NavBarContext.Provider, { value: { activeMenu, setActiveMenu }, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { ...props, className: (0, import_classnames39.default)(NavBar_default.nav, className), children }) });
 }
 function NavBarItem({ label, children, className, ...props }) {
@@ -32292,7 +32312,7 @@ function NavBarItem({ label, children, className, ...props }) {
 }
 
 // src/components/PasswordField.tsx
-var import_react189 = require("react");
+var import_react190 = require("react");
 var import_classnames40 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\PasswordField.module.css
@@ -32300,9 +32320,9 @@ var PasswordField_default = { "icon": "PasswordField_icon__NTRlM" };
 
 // src/components/PasswordField.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-var PasswordField = (0, import_react189.forwardRef)(
+var PasswordField = (0, import_react190.forwardRef)(
   ({ label, className, ...props }, ref) => {
-    const [show, setShow] = (0, import_react189.useState)(false);
+    const [show, setShow] = (0, import_react190.useState)(false);
     const type = show ? "text" : "password";
     const handleShowPassword = () => setShow((state) => !state);
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)($bcdf0525bf22703d$export$2c73285ae9390cec, { ...props, ref, className: (0, import_classnames40.default)(input_default.field, className), children: [
@@ -32366,7 +32386,7 @@ function ProgressCircle({ className, showValue, ...props }) {
 }
 
 // src/components/RadioGroup.tsx
-var import_react190 = require("react");
+var import_react191 = require("react");
 var import_classnames43 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\RadioGroup.module.css
@@ -32374,7 +32394,7 @@ var RadioGroup_default = { "radiogroup": "RadioGroup_radiogroup__ZjI3O", "radio"
 
 // src/components/RadioGroup.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var RadioGroup2 = (0, import_react190.forwardRef)(
+var RadioGroup2 = (0, import_react191.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames43.default)(RadioGroup_default.radiogroup, className), children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Label2, { children: label }),
@@ -32387,7 +32407,7 @@ function Radio2({ children, className, ...props }) {
 }
 
 // src/components/SearchField.tsx
-var import_react191 = require("react");
+var import_react192 = require("react");
 var import_classnames44 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\SearchField.module.css
@@ -32395,9 +32415,9 @@ var SearchField_default = { "search": "SearchField_search__MzkwY", "input": "Sea
 
 // src/components/SearchField.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var SearchField2 = (0, import_react191.forwardRef)(
+var SearchField2 = (0, import_react192.forwardRef)(
   ({ label, placeholder, value, delay = 0, onSearch, className, ...props }, ref) => {
-    const [search, setSearch] = (0, import_react191.useState)(value ?? "");
+    const [search, setSearch] = (0, import_react192.useState)(value ?? "");
     const searchValue = useDebounce(search, delay);
     const handleChange = (value2) => {
       setSearch(value2);
@@ -32409,7 +32429,7 @@ var SearchField2 = (0, import_react191.forwardRef)(
       setSearch("");
       onSearch?.("");
     };
-    (0, import_react191.useEffect)(() => {
+    (0, import_react192.useEffect)(() => {
       if (delay > 0) {
         onSearch?.(searchValue);
       }
@@ -32450,23 +32470,29 @@ var SearchField2 = (0, import_react191.forwardRef)(
 );
 
 // src/components/Select.tsx
-var import_react192 = require("react");
+var import_react193 = require("react");
 var import_classnames45 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Select.module.css
-var Select_default = { "button": "Select_button__YTc2N", "list": "Select_list__ZjZhM", "icon": "Select_icon__NzU3O" };
+var Select_default = { "button": "Select_button__ZGY1Y", "popover": "Select_popover__MTQ1Y", "list": "Select_list__MDYyZ", "icon": "Select_icon__N2M0O", "search": "Select_search__MWQwM" };
 
 // src/components/Select.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var Select2 = (0, import_react192.forwardRef)(
+var Select2 = (0, import_react193.forwardRef)(
   ({
-    children,
     items = [],
     value,
     label,
-    className,
+    isLoading,
+    allowSearch,
+    searchDelay,
+    onSearch,
     onSelectionChange,
     onChange,
+    listProps,
+    popoverProps,
+    className,
+    children,
     ...props
   }, ref) => {
     const handleChange = (e) => {
@@ -32486,7 +32512,28 @@ var Select2 = (0, import_react192.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)($82d7e5349645de74$export$e288731fd71264f0, {}),
             /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { rotate: 90, size: "xs", className: input_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icons.Chevron, {}) }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Popover2, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(List, { items, className: Select_default.list, children }) })
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Popover2, { ...popoverProps, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Column, { className: Select_default.popover, children: [
+            allowSearch && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              SearchField2,
+              {
+                className: Select_default.search,
+                onSearch,
+                delay: searchDelay,
+                autoFocus: true
+              }
+            ),
+            isLoading && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Loading, { icon: "dots", position: "center", size: "sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              List,
+              {
+                ...listProps,
+                items,
+                className: (0, import_classnames45.default)(Select_default.list, listProps?.className),
+                style: { ...listProps?.style, display: isLoading ? "none" : void 0 },
+                children
+              }
+            )
+          ] }) })
         ]
       }
     );
@@ -32494,56 +32541,90 @@ var Select2 = (0, import_react192.forwardRef)(
 );
 
 // src/components/SideNav.tsx
-var import_react193 = require("react");
+var import_react194 = require("react");
 var import_classnames46 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\SideNav.module.css
-var SideNav_default = { "sidenav": "SideNav_sidenav__NTNmY", "header": "SideNav_header__NzhjN", "name": "SideNav_name__ZWUxM", "section": "SideNav_section__MmE3N", "title": "SideNav_title__N2Y0O", "content": "SideNav_content__MzA2M", "item": "SideNav_item__OGU5M", "label": "SideNav_label__NjFiY", "collapsed": "SideNav_collapsed__NTBlM" };
+var SideNav_default = { "sidenav": "SideNav_sidenav__M2NlY", "header": "SideNav_header__NGU1Y", "name": "SideNav_name__OTM0N", "section": "SideNav_section__MTUxM", "title": "SideNav_title__YTg5O", "content": "SideNav_content__MjczM", "item": "SideNav_item__ZTlkN", "label": "SideNav_label__NDU1N", "collapsed": "SideNav_collapsed__YzExM", "muted": "SideNav_muted__MmRlM", "selected": "SideNav_selected__ZjY4N", "variant-quiet": "SideNav_variant-quiet__OTZlN", "variant-1": "SideNav_variant-1__NjVmN", "variant-2": "SideNav_variant-2__NWZjM", "variant-3": "SideNav_variant-3__ZDE4O", "noborder": "SideNav_noborder__YTJjO" };
 
 // src/components/SideNav.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var SideNavContext = (0, import_react193.createContext)(null);
-function SideNav({ isCollapsed, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames46.default)(SideNav_default.sidenav, isCollapsed && SideNav_default.collapsed), children }) });
+var SideNavContext = (0, import_react194.createContext)(null);
+function SideNav({
+  variant = "1",
+  isCollapsed,
+  muteItems = true,
+  showBorder = true,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SideNavContext.Provider, { value: { isCollapsed }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    Column,
+    {
+      ...props,
+      className: (0, import_classnames46.default)(
+        SideNav_default.sidenav,
+        isCollapsed && SideNav_default.collapsed,
+        muteItems && SideNav_default.muted,
+        variant && SideNav_default[`variant-${variant}`],
+        !showBorder && SideNav_default.noborder,
+        className
+      ),
+      children
+    }
+  ) });
+}
+function SideNavSection({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Column, { className: SideNav_default.section, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: SideNav_default.title, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: SideNav_default.content, children })
+  ] });
 }
 function SideNavHeader({
-  name,
+  label,
   icon,
-  children
+  className,
+  children,
+  ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Block, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Row, { ...props, className: (0, import_classnames46.default)(SideNav_default.header, className), children: [
     icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames46.default)(SideNav_default.name, SideNav_default.label), children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: (0, import_classnames46.default)(SideNav_default.name, SideNav_default.label), children: label }),
     children
   ] });
 }
-function SideNavSection({ title, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: SideNav_default.section, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: SideNav_default.title, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: SideNav_default.content, children })
-  ] });
-}
 function SideNavItem({
   label,
   icon,
+  isSelected,
   className,
+  children,
   ...props
 }) {
-  const { isCollapsed } = (0, import_react193.useContext)(SideNavContext);
-  if (isCollapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Block, { className: (0, import_classnames46.default)(SideNav_default.item, className), children: icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Tooltip2, { placement: "right", children: label })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Block, { ...props, className: (0, import_classnames46.default)(SideNav_default.item, className), children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { className: SideNav_default.label, children: label })
+  const { isCollapsed } = (0, import_react194.useContext)(SideNavContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)($4e3b923658d69c60$export$8c610744efcf8a1d, { delay: 0, closeDelay: 0, isDisabled: !isCollapsed, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)($f645667febf57a63$export$35a3bebf7ef2d934, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      Row,
+      {
+        ...props,
+        className: (0, import_classnames46.default)(SideNav_default.item, className, isSelected && SideNav_default.selected),
+        children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { size: "sm", children: icon }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { className: (0, import_classnames46.default)(SideNav_default.label), children: label }),
+          children
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Tooltip2, { placement: "right", children: label })
   ] });
 }
 
 // src/components/Slider.tsx
-var import_react194 = require("react");
+var import_react195 = require("react");
 var import_classnames47 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Slider.module.css
@@ -32551,7 +32632,7 @@ var Slider_default = { "slider": "Slider_slider__MjBhO", "header": "Slider_heade
 
 // src/components/Slider.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var Slider2 = (0, import_react194.forwardRef)(
+var Slider2 = (0, import_react195.forwardRef)(
   ({ className, showValue = true, label, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames47.default)(Slider_default.slider, className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: Slider_default.header, children: [
@@ -32600,7 +32681,7 @@ function StatusLight(props) {
 }
 
 // src/components/Switch.tsx
-var import_react195 = require("react");
+var import_react196 = require("react");
 var import_classnames49 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Switch.module.css
@@ -32608,7 +32689,7 @@ var Switch_default = { "switch": "Switch_switch__NzI0O", "track": "Switch_track_
 
 // src/components/Switch.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var Switch2 = (0, import_react195.forwardRef)(
+var Switch2 = (0, import_react196.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
@@ -32649,7 +32730,7 @@ function TabPanel2({ children, ...props }) {
 }
 
 // src/components/TextArea.tsx
-var import_react196 = require("react");
+var import_react197 = require("react");
 var import_classnames50 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\TextArea.module.css
@@ -32657,7 +32738,7 @@ var TextArea_default = { "textarea": "TextArea_textarea__MTk5Y", "resize-none":
 
 // src/components/TextArea.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var TextArea2 = (0, import_react196.forwardRef)(
+var TextArea2 = (0, import_react197.forwardRef)(
   ({ rows, cols, resize, className, style, children, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       TextField2,
@@ -32723,7 +32804,7 @@ function ThemeButton({
 }
 
 // src/components/Toggle.tsx
-var import_react197 = require("react");
+var import_react198 = require("react");
 var import_classnames52 = __toESM(require_classnames());
 
 // css-modules:E:\dev\umami-react-zen\src\components\Toggle.module.css
@@ -32731,7 +32812,7 @@ var Toggle_default = { "toggle": "Toggle_toggle__OWVjZ" };
 
 // src/components/Toggle.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var Toggle = (0, import_react197.forwardRef)(
+var Toggle = (0, import_react198.forwardRef)(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [