@turquoisehealth/pit-viper 2.171.1-dev.7 → 2.173.0

package/pv-components/dist/web/components/pv-drawer/pv-drawer.js

@@ -1,19 +1,19 @@
-import { watch as K, getCurrentScope as Gr, onScopeDispose as Xr, computed as N, toValue as H, unref as qr, defineComponent as uo, mergeModels as Ao, useTemplateRef as pr, useModel as No, onMounted as Lo, createElementBlock as w, openBlock as y, withDirectives as Kr, createCommentVNode as $, createElementVNode as A, normalizeClass as yo, vModelText as Qr, toDisplayString as mo, ref as lo, getCurrentInstance as Eo, normalizeStyle as jo, createBlock as fo, Fragment as mr, renderSlot as zo, createVNode as Vo, mergeProps as Jr, readonly as Zr, nextTick as oe, reactive as re, defineCustomElement as ee } from "vue";
-function te(o) {
-  return Gr() ? (Xr(o), !0) : !1;
+import { watch as K, getCurrentScope as Ur, onScopeDispose as Gr, computed as _, toValue as M, unref as Xr, defineComponent as oo, mergeModels as No, useTemplateRef as fr, useModel as Ao, onMounted as Lo, createElementBlock as w, openBlock as y, withDirectives as qr, createCommentVNode as S, createElementVNode as q, normalizeClass as ko, vModelText as Kr, toDisplayString as po, normalizeStyle as gr, ref as so, getCurrentInstance as Eo, createBlock as jo, Fragment as pr, createVNode as So, renderSlot as zo, mergeProps as Qr, readonly as Jr, nextTick as Zr, reactive as oe, defineCustomElement as re } from "vue";
+function ee(o) {
+  return Ur() ? (Gr(o), !0) : !1;
 }
-const br = typeof window < "u" && typeof document < "u";
+const mr = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const ne = Object.prototype.toString, ae = (o) => ne.call(o) === "[object Object]", ao = () => {
-}, ie = /* @__PURE__ */ de();
-function de() {
+const te = Object.prototype.toString, ne = (o) => te.call(o) === "[object Object]", io = () => {
+}, ae = /* @__PURE__ */ ie();
+function ie() {
   var o, r;
-  return br && ((o = window?.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((r = window?.navigator) == null ? void 0 : r.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+  return mr && ((o = window?.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((r = window?.navigator) == null ? void 0 : r.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
 function Oo(o) {
   return Array.isArray(o) ? o : [o];
 }
-function ce(o, r, e) {
+function de(o, r, e) {
   return K(
     o,
     r,
@@ -23,33 +23,33 @@ function ce(o, r, e) {
     }
   );
 }
-const Wo = br ? window : void 0;
-function go(o) {
+const Wo = mr ? window : void 0;
+function fo(o) {
   var r;
-  const e = H(o);
+  const e = M(o);
   return (r = e?.$el) != null ? r : e;
 }
-function So(...o) {
+function Bo(...o) {
   const r = [], e = () => {
     r.forEach((i) => i()), r.length = 0;
-  }, t = (i, a, d, l) => (i.addEventListener(a, d, l), () => i.removeEventListener(a, d, l)), n = N(() => {
-    const i = Oo(H(o[0])).filter((a) => a != null);
+  }, t = (i, a, d, l) => (i.addEventListener(a, d, l), () => i.removeEventListener(a, d, l)), n = _(() => {
+    const i = Oo(M(o[0])).filter((a) => a != null);
     return i.every((a) => typeof a != "string") ? i : void 0;
-  }), s = ce(
+  }), s = de(
     () => {
       var i, a;
       return [
-        (a = (i = n.value) == null ? void 0 : i.map((d) => go(d))) != null ? a : [Wo].filter((d) => d != null),
-        Oo(H(n.value ? o[1] : o[0])),
-        Oo(qr(n.value ? o[2] : o[1])),
+        (a = (i = n.value) == null ? void 0 : i.map((d) => fo(d))) != null ? a : [Wo].filter((d) => d != null),
+        Oo(M(n.value ? o[1] : o[0])),
+        Oo(Xr(n.value ? o[2] : o[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        H(n.value ? o[3] : o[2])
+        M(n.value ? o[3] : o[2])
       ];
     },
     ([i, a, d, l]) => {
       if (e(), !i?.length || !a?.length || !d?.length)
         return;
-      const g = ae(l) ? { ...l } : l;
+      const g = ne(l) ? { ...l } : l;
       r.push(
         ...i.flatMap(
           (f) => a.flatMap(
@@ -62,37 +62,37 @@ function So(...o) {
   ), c = () => {
     s(), e();
   };
-  return te(e), c;
+  return ee(e), c;
 }
-let Yo = !1;
-function le(o, r, e = {}) {
+let Vo = !1;
+function ce(o, r, e = {}) {
   const { window: t = Wo, ignore: n = [], capture: s = !0, detectIframe: c = !1, controls: i = !1 } = e;
   if (!t)
-    return i ? { stop: ao, cancel: ao, trigger: ao } : ao;
-  if (ie && !Yo) {
-    Yo = !0;
+    return i ? { stop: io, cancel: io, trigger: io } : io;
+  if (ae && !Vo) {
+    Vo = !0;
     const p = { passive: !0 };
-    Array.from(t.document.body.children).forEach((m) => m.addEventListener("click", ao, p)), t.document.documentElement.addEventListener("click", ao, p);
+    Array.from(t.document.body.children).forEach((m) => m.addEventListener("click", io, p)), t.document.documentElement.addEventListener("click", io, p);
   }
   let a = !0;
-  const d = (p) => H(n).some((m) => {
+  const d = (p) => M(n).some((m) => {
     if (typeof m == "string")
       return Array.from(t.document.querySelectorAll(m)).some((h) => h === p.target || p.composedPath().includes(h));
     {
-      const h = go(m);
+      const h = fo(m);
       return h && (p.target === h || p.composedPath().includes(h));
     }
   });
   function l(p) {
-    const m = H(p);
+    const m = M(p);
     return m && m.$.subTree.shapeFlag === 16;
   }
   function g(p, m) {
-    const h = H(p), B = h.$.subTree && h.$.subTree.children;
-    return B == null || !Array.isArray(B) ? !1 : B.some((z) => z.el === m.target || m.composedPath().includes(z.el));
+    const h = M(p), $ = h.$.subTree && h.$.subTree.children;
+    return $ == null || !Array.isArray($) ? !1 : $.some((z) => z.el === m.target || m.composedPath().includes(z.el));
   }
   const f = (p) => {
-    const m = go(o);
+    const m = fo(o);
     if (p.target != null && !(!(m instanceof Element) && l(o) && g(o, p)) && !(!m || m === p.target || p.composedPath().includes(m))) {
       if ("detail" in p && p.detail === 0 && (a = !d(p)), !a) {
         a = !0;
@@ -103,19 +103,19 @@ function le(o, r, e = {}) {
   };
   let u = !1;
   const b = [
-    So(t, "click", (p) => {
+    Bo(t, "click", (p) => {
       u || (u = !0, setTimeout(() => {
         u = !1;
       }, 0), f(p));
     }, { passive: !0, capture: s }),
-    So(t, "pointerdown", (p) => {
-      const m = go(o);
+    Bo(t, "pointerdown", (p) => {
+      const m = fo(o);
       a = !d(p) && !!(m && !p.composedPath().includes(m));
     }, { passive: !0 }),
-    c && So(t, "blur", (p) => {
+    c && Bo(t, "blur", (p) => {
       setTimeout(() => {
         var m;
-        const h = go(o);
+        const h = fo(o);
         ((m = t.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !h?.contains(t.document.activeElement) && r(p);
       }, 0);
     }, { passive: !0 })
@@ -130,10 +130,10 @@ function le(o, r, e = {}) {
     }
   } : v;
 }
-function se(o) {
+function le(o) {
   return typeof o == "function" ? o : typeof o == "string" ? (r) => r.key === o : Array.isArray(o) ? (r) => o.includes(r.key) : () => !0;
 }
-function hr(...o) {
+function br(...o) {
   let r, e, t = {};
   o.length === 3 ? (r = o[0], e = o[1], t = o[2]) : o.length === 2 ? typeof o[1] == "object" ? (r = !0, e = o[0], t = o[1]) : (r = o[0], e = o[1]) : (r = !0, e = o[0]);
   const {
@@ -141,18 +141,18 @@ function hr(...o) {
     eventName: s = "keydown",
     passive: c = !1,
     dedupe: i = !1
-  } = t, a = se(r);
-  return So(n, s, (l) => {
-    l.repeat && H(i) || a(l) && e(l);
+  } = t, a = le(r);
+  return Bo(n, s, (l) => {
+    l.repeat && M(i) || a(l) && e(l);
   }, c);
 }
-const ue = { class: "pv-relative" }, fe = ["disabled", "placeholder"], ge = {
+const se = { class: "pv-relative" }, ue = ["disabled", "placeholder"], fe = {
   key: 0,
   "data-testid": "pv-search-input-shortcut",
   class: "pv-kbd"
-}, Uo = "/", pe = /* @__PURE__ */ uo({
+}, Yo = "/", ge = /* @__PURE__ */ oo({
   __name: "PvSearchInput",
-  props: /* @__PURE__ */ Ao({
+  props: /* @__PURE__ */ No({
     placeholder: { default: "Search", type: String },
     disabled: { type: Boolean, default: !1 },
     displayShortcut: { type: Boolean }
@@ -162,62 +162,96 @@ const ue = { class: "pv-relative" }, fe = ["disabled", "placeholder"], ge = {
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: r }) {
-    const e = o, t = pr("search-input"), n = No(o, "modelValue"), s = N(() => ({
+    const e = o, t = fr("search-input"), n = Ao(o, "modelValue"), s = _(() => ({
       "pv-input-search": !0,
       "pv-full-width": !0,
       "pv-input-padded-end": !0
     }));
     return Lo(() => {
-      e.displayShortcut && hr(Uo, (c) => {
+      e.displayShortcut && br(Yo, (c) => {
         const i = c.target, a = i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement || (i?.isContentEditable ?? !1), d = document.activeElement === t.value;
         (!a || d) && (d || (c.preventDefault(), t.value?.focus()));
       });
-    }), r({ input: t }), (c, i) => (y(), w("div", ue, [
-      Kr(A("input", {
+    }), r({ input: t }), (c, i) => (y(), w("div", se, [
+      qr(q("input", {
         ref: "search-input",
         "onUpdate:modelValue": i[0] || (i[0] = (a) => n.value = a),
         "data-testid": "pv-search-input",
         type: "text",
         disabled: o.disabled,
-        class: yo(s.value),
+        class: ko(s.value),
         placeholder: o.placeholder
-      }, null, 10, fe), [
-        [Qr, n.value]
+      }, null, 10, ue), [
+        [Kr, n.value]
       ]),
-      o.displayShortcut ? (y(), w("kbd", ge, mo(Uo))) : $("v-if", !0)
+      o.displayShortcut ? (y(), w("kbd", fe, po(Yo))) : S("v-if", !0)
     ]));
   }
-});
-function me() {
-  const o = lo(!1), e = Eo()?.root || {};
+}), pe = /* @__PURE__ */ oo({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(o) {
+    const r = {
+      xs: "0.75rem",
+      sm: "1rem",
+      md: "1.25rem",
+      lg: "1.5rem",
+      xl: "2rem"
+    }, e = {
+      primary: "pv-spinner",
+      dark: "pv-spinner-dark",
+      white: "pv-spinner-light"
+    };
+    return (t, n) => (y(), w(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: ko(e[o.variant]),
+        style: gr({ "--size": r[o.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), me = ["ghost"], Uo = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, be = (o) => o == null || !Uo.hasOwnProperty(o) ? null : Uo[o] || null;
+function he() {
+  const o = so(!1), e = Eo()?.root || {};
   return "isCE" in e && e.isCE === !0 && (o.value = !0), o;
 }
-const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PURE__ */ uo({
+const ve = [void 0, 10, 12, 20, 24, 32, 64], ke = ["xlink:href"], ye = /* @__PURE__ */ oo({
   __name: "PvIcon",
   props: {
     name: { type: String },
     size: { type: null }
   },
   setup(o) {
-    const r = o, e = me(), t = lo(null), n = N(() => ({
+    const r = o, e = he(), t = so(null), n = _(() => ({
       "pv-icon": !0,
-      [`pv-icon-${r.size}`]: be.includes(r.size)
-    })), s = N(() => e.value && t.value ? `${t.value}#${r.name}` : `#${r.name}`);
+      [`pv-icon-${r.size}`]: ve.includes(r.size)
+    })), s = _(() => e.value && t.value ? `${t.value}#${r.name}` : `#${r.name}`);
     return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (t.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (c, i) => (y(), w(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: yo(n.value)
+        class: ko(n.value)
       },
       [
-        A("use", { "xlink:href": s.value }, null, 8, he)
+        q("use", { "xlink:href": s.value }, null, 8, ke)
       ],
       2
       /* CLASS */
     ));
   }
-}), ve = /* @__PURE__ */ uo({
+}), Ce = /* @__PURE__ */ oo({
   __name: "PvCounterBadge",
   props: {
     value: { type: Number },
@@ -227,7 +261,7 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
     maxValue: { default: 99, type: Number }
   },
   setup(o) {
-    const r = o, e = N(() => r.size == "md" ? "md" : (r.size == "sm", "sm")), t = N(() => r.maxValue && r.value && r.value > r.maxValue ? `${r.maxValue}+` : r.value != null ? `${r.prefix}${r.value}` : "-"), n = N(() => ({
+    const r = o, e = _(() => r.size == "md" ? "md" : (r.size == "sm", "sm")), t = _(() => r.maxValue && r.value && r.value > r.maxValue ? `${r.maxValue}+` : r.value != null ? `${r.prefix}${r.value}` : "-"), n = _(() => ({
       "pv-inline-block pv-inset-square pv-radius pv-text-center": !0,
       "pv-badge-md pv-text-body-md": e.value == "md",
       "pv-badge-sm pv-text-body-sm": e.value == "sm",
@@ -240,57 +274,62 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
     return (s, c) => (y(), w(
       "div",
       {
-        class: yo(n.value),
+        class: ko(n.value),
         "data-testid": "pv-counter-badge"
       },
-      mo(t.value),
+      po(t.value),
       3
       /* TEXT, CLASS */
     ));
   }
-}), ke = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", ye = (o, r) => {
+}), xe = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", we = (o, r) => {
   const e = o.__vccOpts || o;
   for (const [t, n] of r)
     e[t] = n;
   return e;
-}, Xo = /* @__PURE__ */ ye(ve, [["styles", [ke]], ["__scopeId", "data-v-fc3c1104"]]), Ce = /* @__PURE__ */ uo({
-  __name: "PvSpinner",
+}, $e = /* @__PURE__ */ we(Ce, [["styles", [xe]], ["__scopeId", "data-v-fc3c1104"]]), Go = /* @__PURE__ */ oo({
+  __name: "PvButtonIconBadge",
   props: {
-    variant: { default: "primary", type: String },
-    size: { default: "lg", type: String }
+    size: { type: String },
+    icon: { type: String },
+    counterBadge: { type: Number },
+    iconTestId: { type: String }
   },
   setup(o) {
-    const r = {
-      xs: "0.75rem",
-      sm: "1rem",
-      md: "1.25rem",
-      lg: "1.5rem",
-      xl: "2rem"
-    }, e = {
-      primary: "pv-spinner",
-      dark: "pv-spinner-dark",
-      white: "pv-spinner-light"
-    };
-    return (t, n) => (y(), w(
+    const r = o, e = _(() => r.icon && !r.counterBadge || !r.icon && r.counterBadge), t = _(() => e.value ? {
+      "--flex-gap": "0"
+    } : r.size === "xl" ? {
+      "--flex-gap": "0.5rem"
+    } : {
+      "--flex-gap": "0.25rem"
+    });
+    return (n, s) => o.icon || o.counterBadge ? (y(), w(
       "div",
       {
-        "data-testid": "pv-spinner",
-        class: yo(e[o.variant]),
-        style: jo({ "--size": r[o.size] })
+        key: 0,
+        class: "pv-flex",
+        style: gr(t.value)
       },
-      null,
-      6
-      /* CLASS, STYLE */
-    ));
+      [
+        o.counterBadge ? (y(), jo($e, {
+          key: 0,
+          value: o.counterBadge,
+          variant: "tertiary"
+        }, null, 8, ["value"])) : S("v-if", !0),
+        o.icon ? (y(), jo(ye, {
+          key: 1,
+          name: o.icon,
+          "data-testid": o.iconTestId ?? "pv-button-icon"
+        }, null, 8, ["name", "data-testid"])) : S("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )) : S("v-if", !0);
   }
-}), xe = ["ghost"], qo = {
-  md: "pv-button-small",
-  lg: void 0,
-  xl: "pv-button-large"
-}, we = (o) => o == null || !qo.hasOwnProperty(o) ? null : qo[o] || null, $e = ["disabled"], Be = {
+}), Be = ["disabled"], Se = {
   key: 0,
   "data-testid": "pv-button-label"
-}, Se = /* @__PURE__ */ uo({
+}, Re = /* @__PURE__ */ oo({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -305,106 +344,72 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
     rightCounterBadge: { type: Number }
   },
   setup(o) {
-    const r = o, e = N(() => {
-      const n = [];
-      r.inverse && xe.includes(r.variant) ? n.push(`pv-button-${r.variant}-inverse`) : n.push(`pv-button-${r.variant}`);
-      const s = we(r.size);
-      return s && n.push(s), n;
-    }), t = N(() => r.size === "xl" ? {
-      "--flex-gap": "0.5rem"
-    } : {
-      "--flex-gap": "0.25rem"
+    const r = o, e = _(() => {
+      const t = [];
+      r.inverse && me.includes(r.variant) ? t.push(`pv-button-${r.variant}-inverse`) : t.push(`pv-button-${r.variant}`);
+      const n = be(r.size);
+      return n && t.push(n), t;
     });
-    return (n, s) => (y(), w("button", {
+    return (t, n) => (y(), w("button", {
       type: "button",
-      class: yo(e.value),
+      class: ko(e.value),
       disabled: o.disabled,
       "data-testid": "pv-button"
     }, [
-      o.loading ? (y(), fo(Ce, {
+      o.loading ? (y(), jo(pe, {
         key: 0,
         size: "sm"
       })) : (y(), w(
-        mr,
+        pr,
         { key: 1 },
         [
-          A(
-            "div",
-            {
-              class: "pv-flex",
-              style: jo(t.value)
-            },
-            [
-              o.leftCounterBadge ? (y(), fo(Xo, {
-                key: 0,
-                value: o.leftCounterBadge,
-                variant: "tertiary"
-              }, null, 8, ["value"])) : $("v-if", !0),
-              o.leftIcon ? (y(), fo(Go, {
-                key: 1,
-                name: o.leftIcon,
-                "data-testid": "pv-button-left-icon"
-              }, null, 8, ["name"])) : $("v-if", !0)
-            ],
-            4
-            /* STYLE */
-          ),
+          So(Go, {
+            size: o.size,
+            icon: o.leftIcon,
+            "counter-badge": o.leftCounterBadge,
+            "icon-test-id": "pv-button-left-icon"
+          }, null, 8, ["size", "icon", "counter-badge"]),
           o.label ? (y(), w(
             "span",
-            Be,
-            mo(o.label),
+            Se,
+            po(o.label),
             1
             /* TEXT */
-          )) : $("v-if", !0),
-          A(
-            "div",
-            {
-              class: "pv-flex",
-              style: jo(t.value)
-            },
-            [
-              o.rightCounterBadge ? (y(), fo(Xo, {
-                key: 0,
-                value: o.rightCounterBadge,
-                variant: "tertiary"
-              }, null, 8, ["value"])) : $("v-if", !0),
-              o.rightIcon ? (y(), fo(Go, {
-                key: 1,
-                name: o.rightIcon,
-                "data-testid": "pv-button-right-icon"
-              }, null, 8, ["name"])) : $("v-if", !0)
-            ],
-            4
-            /* STYLE */
-          )
+          )) : S("v-if", !0),
+          So(Go, {
+            size: o.size,
+            icon: o.rightIcon,
+            "counter-badge": o.rightCounterBadge,
+            "icon-test-id": "pv-button-right-icon"
+          }, null, 8, ["size", "icon", "counter-badge"])
         ],
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, $e));
+    ], 10, Be));
   }
-}), Re = {
+}), ze = {
   class: "pv-inset-squish-12 pv-border-bottom",
   style: { "flex-shrink": "0" }
-}, ze = {
+}, Oe = {
   class: "pv-flex-vertical pv-stack-16",
   style: { "--flex-align": "flex-start" }
-}, Oe = { class: "pv-flex pv-full-width" }, _e = { class: "pv-full-width pv-heading-3" }, Pe = {
+}, _e = { class: "pv-flex pv-full-width" }, Pe = { class: "pv-full-width pv-heading-3" }, Te = {
   key: 0,
   class: "pv-text-body-md"
-}, Te = {
+}, Ne = {
   key: 0,
   class: "pv-inset-inline-16"
 }, Ae = {
   class: "pv-inset-inline-16",
   style: { flex: "1", "overflow-y": "auto", "min-height": "0" }
-}, Ne = {
+}, Ee = {
   key: 0,
   class: "pv-inset-squish-12 pv-border-top",
   style: { "flex-shrink": "0" }
-}, Ee = /* @__PURE__ */ uo({
+}, je = /* @__PURE__ */ oo({
   __name: "PvDrawer",
-  props: /* @__PURE__ */ Ao({
+  props: /* @__PURE__ */ No({
     header: { type: String },
     subheader: { type: String },
     showSearchbar: { type: Boolean },
@@ -418,14 +423,14 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
     modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ao(["click-outside"], ["update:searchInput", "update:modelValue"]),
+  emits: /* @__PURE__ */ No(["click-outside"], ["update:searchInput", "update:modelValue"]),
   setup(o, { emit: r }) {
-    const e = o, t = r, n = pr("sidePanel"), s = No(o, "searchInput"), c = No(o, "modelValue");
+    const e = o, t = r, n = fr("sidePanel"), s = Ao(o, "searchInput"), c = Ao(o, "modelValue");
     Lo(() => {
       c.value && n?.value?.setAttribute("open", "true"), e.closeOnClickOutside && i();
     });
     const i = () => {
-      n.value && le(
+      n.value && ce(
         n.value,
         () => {
           c.value && (t("click-outside"), a());
@@ -440,7 +445,7 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
       () => {
         c.value ? n?.value?.setAttribute("open", "true") : n?.value?.removeAttribute("open");
       }
-    ), hr("Escape", () => {
+    ), br("Escape", () => {
       n.value && c.value && a();
     }), (d, l) => (y(), w(
       "div",
@@ -452,22 +457,22 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
         style: { display: "flex", "flex-direction": "column", height: "100%" }
       },
       [
-        $(" Header Section (Fixed) "),
-        A("div", Re, [
+        S(" Header Section (Fixed) "),
+        q("div", ze, [
           d.$slots.header ? zo(d.$slots, "header", { key: 0 }) : (y(), w(
-            mr,
+            pr,
             { key: 1 },
             [
-              A("div", ze, [
-                A("div", Oe, [
-                  A(
+              q("div", Oe, [
+                q("div", _e, [
+                  q(
                     "span",
-                    _e,
-                    mo(o.header),
+                    Pe,
+                    po(o.header),
                     1
                     /* TEXT */
                   ),
-                  Vo(Se, {
+                  So(Re, {
                     "left-icon": "close",
                     size: "md",
                     onClick: a,
@@ -477,47 +482,47 @@ const be = [void 0, 10, 12, 20, 24, 32, 64], he = ["xlink:href"], Go = /* @__PUR
                 ]),
                 o.subheader ? (y(), w(
                   "span",
-                  Pe,
-                  mo(o.subheader),
+                  Te,
+                  po(o.subheader),
                   1
                   /* TEXT */
-                )) : $("v-if", !0)
+                )) : S("v-if", !0)
               ]),
-              o.showSearchbar && s.value !== void 0 ? (y(), w("div", Te, [
-                Vo(pe, Jr({
+              o.showSearchbar && s.value !== void 0 ? (y(), w("div", Ne, [
+                So(ge, Qr({
                   "data-testid": "pv-side-panel-input-search",
                   modelValue: s.value,
                   "onUpdate:modelValue": l[0] || (l[0] = (g) => s.value = g)
                 }, e.searchInputProps), null, 16, ["modelValue"])
-              ])) : $("v-if", !0)
+              ])) : S("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
           ))
         ]),
-        $(" Main Content Section (Scrollable) "),
-        A("div", Ae, [
+        S(" Main Content Section (Scrollable) "),
+        q("div", Ae, [
           zo(d.$slots, "default")
         ]),
-        $(" Footer Section (Fixed) "),
-        d.$slots.footer ? (y(), w("div", Ne, [
+        S(" Footer Section (Fixed) "),
+        d.$slots.footer ? (y(), w("div", Ee, [
           zo(d.$slots, "footer")
-        ])) : $("v-if", !0)
+        ])) : S("v-if", !0)
       ],
       512
       /* NEED_PATCH */
     ));
   }
 });
-var je = Object.defineProperty, Ko = Object.getOwnPropertySymbols, De = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable, Qo = (o, r, e) => r in o ? je(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, Le = (o, r) => {
-  for (var e in r || (r = {})) De.call(r, e) && Qo(o, e, r[e]);
-  if (Ko) for (var e of Ko(r)) Ie.call(r, e) && Qo(o, e, r[e]);
+var De = Object.defineProperty, Xo = Object.getOwnPropertySymbols, Ie = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, qo = (o, r, e) => r in o ? De(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, We = (o, r) => {
+  for (var e in r || (r = {})) Ie.call(r, e) && qo(o, e, r[e]);
+  if (Xo) for (var e of Xo(r)) Le.call(r, e) && qo(o, e, r[e]);
   return o;
 };
 function Mo(o) {
   return o == null || o === "" || Array.isArray(o) && o.length === 0 || !(o instanceof Date) && typeof o == "object" && Object.keys(o).length === 0;
 }
-function We(o) {
+function Me(o) {
   return typeof o == "function" && "call" in o && "apply" in o;
 }
 function k(o) {
@@ -526,23 +531,23 @@ function k(o) {
 function Q(o, r = !0) {
   return o instanceof Object && o.constructor === Object && (r || Object.keys(o).length !== 0);
 }
-function vr(o = {}, r = {}) {
-  let e = Le({}, o);
+function hr(o = {}, r = {}) {
+  let e = We({}, o);
   return Object.keys(r).forEach((t) => {
     let n = t;
-    Q(r[n]) && n in o && Q(o[n]) ? e[n] = vr(o[n], r[n]) : e[n] = r[n];
+    Q(r[n]) && n in o && Q(o[n]) ? e[n] = hr(o[n], r[n]) : e[n] = r[n];
   }), e;
 }
-function Me(...o) {
-  return o.reduce((r, e, t) => t === 0 ? e : vr(r, e), {});
+function He(...o) {
+  return o.reduce((r, e, t) => t === 0 ? e : hr(r, e), {});
 }
-function M(o, ...r) {
-  return We(o) ? o(...r) : o;
+function W(o, ...r) {
+  return Me(o) ? o(...r) : o;
 }
-function so(o, r = !0) {
+function uo(o, r = !0) {
   return typeof o == "string" && (r || o !== "");
 }
-function He(o) {
+function Fe(o) {
   return k(o) && !isNaN(o);
 }
 function J(o, r) {
@@ -552,14 +557,14 @@ function J(o, r) {
   }
   return !1;
 }
-function Fe(...o) {
-  return Me(...o);
+function Ve(...o) {
+  return He(...o);
 }
-function po(o) {
+function go(o) {
   return o && o.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, "").replace(/ {2,}/g, " ").replace(/ ([{:}]) /g, "$1").replace(/([;,]) /g, "$1").replace(/ !/g, "!").replace(/: /g, ":").trim();
 }
-function kr(o) {
-  return so(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
+function vr(o) {
+  return uo(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
 }
 var C = {
   STARTS_WITH: "startsWith",
@@ -577,7 +582,7 @@ var C = {
   DATE_BEFORE: "dateBefore",
   DATE_AFTER: "dateAfter"
 };
-function yr() {
+function kr() {
   let o = /* @__PURE__ */ new Map();
   return { on(r, e) {
     let t = o.get(r);
@@ -594,21 +599,21 @@ function yr() {
     o.clear();
   } };
 }
-function Ve(o) {
+function Ye(o) {
   if (o) {
     let r = o.parentNode;
     return r && r instanceof ShadowRoot && r.host && (r = r.host), r;
   }
   return null;
 }
-function Ye(o) {
-  return !!(o !== null && typeof o < "u" && o.nodeName && Ve(o));
+function Ue(o) {
+  return !!(o !== null && typeof o < "u" && o.nodeName && Ye(o));
 }
-function Cr(o) {
+function yr(o) {
   return typeof Element < "u" ? o instanceof Element : o !== null && typeof o == "object" && o.nodeType === 1 && typeof o.nodeName == "string";
 }
 function Do(o, r = {}) {
-  if (Cr(o)) {
+  if (yr(o)) {
     let e = (t, n) => {
       var s, c;
       let i = (s = o?.$attrs) != null && s[t] ? [(c = o?.$attrs) == null ? void 0 : c[t]] : [];
@@ -632,62 +637,62 @@ function Do(o, r = {}) {
     });
   }
 }
-function Ue() {
+function Ge() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-function Ge(o, r = "", e) {
-  Cr(o) && e !== null && e !== void 0 && o.setAttribute(r, e);
+function Xe(o, r = "", e) {
+  yr(o) && e !== null && e !== void 0 && o.setAttribute(r, e);
 }
-var Xe = Object.defineProperty, qe = Object.defineProperties, Ke = Object.getOwnPropertyDescriptors, Ro = Object.getOwnPropertySymbols, xr = Object.prototype.hasOwnProperty, wr = Object.prototype.propertyIsEnumerable, Jo = (o, r, e) => r in o ? Xe(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, R = (o, r) => {
-  for (var e in r || (r = {})) xr.call(r, e) && Jo(o, e, r[e]);
-  if (Ro) for (var e of Ro(r)) wr.call(r, e) && Jo(o, e, r[e]);
+var qe = Object.defineProperty, Ke = Object.defineProperties, Qe = Object.getOwnPropertyDescriptors, Ro = Object.getOwnPropertySymbols, Cr = Object.prototype.hasOwnProperty, xr = Object.prototype.propertyIsEnumerable, Ko = (o, r, e) => r in o ? qe(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, R = (o, r) => {
+  for (var e in r || (r = {})) Cr.call(r, e) && Ko(o, e, r[e]);
+  if (Ro) for (var e of Ro(r)) xr.call(r, e) && Ko(o, e, r[e]);
   return o;
-}, _o = (o, r) => qe(o, Ke(r)), P = (o, r) => {
+}, _o = (o, r) => Ke(o, Qe(r)), T = (o, r) => {
   var e = {};
-  for (var t in o) xr.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
-  if (o != null && Ro) for (var t of Ro(o)) r.indexOf(t) < 0 && wr.call(o, t) && (e[t] = o[t]);
+  for (var t in o) Cr.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && Ro) for (var t of Ro(o)) r.indexOf(t) < 0 && xr.call(o, t) && (e[t] = o[t]);
   return e;
-}, Qe = yr(), T = Qe, bo = /{([^}]*)}/g, $r = /(\d+\s+[\+\-\*\/]\s+\d+)/g, Br = /var\([^)]+\)/g;
-function Zo(o) {
-  return so(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
+}, Je = kr(), N = Je, mo = /{([^}]*)}/g, wr = /(\d+\s+[\+\-\*\/]\s+\d+)/g, $r = /var\([^)]+\)/g;
+function Qo(o) {
+  return uo(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
 }
-function Je(o) {
+function Ze(o) {
   return Q(o) && o.hasOwnProperty("$value") && o.hasOwnProperty("$type") ? o.$value : o;
 }
-function Ze(o) {
+function ot(o) {
   return o.replaceAll(/ /g, "").replace(/[^\w]/g, "-");
 }
 function Io(o = "", r = "") {
-  return Ze(`${so(o, !1) && so(r, !1) ? `${o}-` : o}${r}`);
+  return ot(`${uo(o, !1) && uo(r, !1) ? `${o}-` : o}${r}`);
 }
-function Sr(o = "", r = "") {
+function Br(o = "", r = "") {
   return `--${Io(o, r)}`;
 }
-function ot(o = "") {
+function rt(o = "") {
   let r = (o.match(/{/g) || []).length, e = (o.match(/}/g) || []).length;
   return (r + e) % 2 !== 0;
 }
-function Rr(o, r = "", e = "", t = [], n) {
-  if (so(o)) {
+function Sr(o, r = "", e = "", t = [], n) {
+  if (uo(o)) {
     let s = o.trim();
-    if (ot(s)) return;
-    if (J(s, bo)) {
-      let c = s.replaceAll(bo, (i) => {
+    if (rt(s)) return;
+    if (J(s, mo)) {
+      let c = s.replaceAll(mo, (i) => {
         let a = i.replace(/{|}/g, "").split(".").filter((d) => !t.some((l) => J(d, l)));
-        return `var(${Sr(e, kr(a.join("-")))}${k(n) ? `, ${n}` : ""})`;
+        return `var(${Br(e, vr(a.join("-")))}${k(n) ? `, ${n}` : ""})`;
       });
-      return J(c.replace(Br, "0"), $r) ? `calc(${c})` : c;
+      return J(c.replace($r, "0"), wr) ? `calc(${c})` : c;
     }
     return s;
-  } else if (He(o)) return o;
+  } else if (Fe(o)) return o;
 }
-function rt(o, r, e) {
-  so(r, !1) && o.push(`${r}:${e};`);
+function et(o, r, e) {
+  uo(r, !1) && o.push(`${r}:${e};`);
 }
-function io(o, r) {
+function co(o, r) {
   return o ? `${o}{${r}}` : "";
 }
-function zr(o, r) {
+function Rr(o, r) {
   if (o.indexOf("dt(") === -1) return o;
   function e(c, i) {
     let a = [], d = 0, l = "", g = null, f = 0;
@@ -695,7 +700,7 @@ function zr(o, r) {
       let u = c[d];
       if ((u === '"' || u === "'" || u === "`") && c[d - 1] !== "\\" && (g = g === u ? null : u), !g && (u === "(" && f++, u === ")" && f--, (u === "," || d === c.length) && f === 0)) {
         let b = l.trim();
-        b.startsWith("dt(") ? a.push(zr(b, i)) : a.push(t(b)), l = "", d++;
+        b.startsWith("dt(") ? a.push(Rr(b, i)) : a.push(t(b)), l = "", d++;
         continue;
       }
       u !== void 0 && (l += u), d++;
@@ -721,42 +726,42 @@ function zr(o, r) {
   }
   return o;
 }
-var Z = (...o) => et(x.getTheme(), ...o), et = (o = {}, r, e, t) => {
+var Z = (...o) => tt(x.getTheme(), ...o), tt = (o = {}, r, e, t) => {
   if (r) {
-    let { variable: n, options: s } = x.defaults || {}, { prefix: c, transform: i } = o?.options || s || {}, a = J(r, bo) ? r : `{${r}}`;
-    return t === "value" || Mo(t) && i === "strict" ? x.getTokenValue(r) : Rr(a, void 0, c, [n.excludedKeyRegex], e);
+    let { variable: n, options: s } = x.defaults || {}, { prefix: c, transform: i } = o?.options || s || {}, a = J(r, mo) ? r : `{${r}}`;
+    return t === "value" || Mo(t) && i === "strict" ? x.getTokenValue(r) : Sr(a, void 0, c, [n.excludedKeyRegex], e);
   }
   return "";
 };
-function xo(o, ...r) {
+function Co(o, ...r) {
   if (o instanceof Array) {
     let e = o.reduce((t, n, s) => {
       var c;
-      return t + n + ((c = M(r[s], { dt: Z })) != null ? c : "");
+      return t + n + ((c = W(r[s], { dt: Z })) != null ? c : "");
     }, "");
-    return zr(e, Z);
+    return Rr(e, Z);
   }
-  return M(o, { dt: Z });
+  return W(o, { dt: Z });
 }
-function tt(o, r = {}) {
+function nt(o, r = {}) {
   let e = x.defaults.variable, { prefix: t = e.prefix, selector: n = e.selector, excludedKeyRegex: s = e.excludedKeyRegex } = r, c = [], i = [], a = [{ node: o, path: t }];
   for (; a.length; ) {
     let { node: l, path: g } = a.pop();
     for (let f in l) {
-      let u = l[f], b = Je(u), v = J(f, s) ? Io(g) : Io(g, kr(f));
+      let u = l[f], b = Ze(u), v = J(f, s) ? Io(g) : Io(g, vr(f));
       if (Q(b)) a.push({ node: b, path: v });
       else {
-        let p = Sr(v), m = Rr(b, v, t, [s]);
-        rt(i, p, m);
+        let p = Br(v), m = Sr(b, v, t, [s]);
+        et(i, p, m);
         let h = v;
         t && h.startsWith(t + "-") && (h = h.slice(t.length + 1)), c.push(h.replace(/-/g, "."));
       }
     }
   }
   let d = i.join("");
-  return { value: i, tokens: c, declarations: d, css: io(n, d) };
+  return { value: i, tokens: c, declarations: d, css: co(n, d) };
 }
-var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o) {
+var B = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o) {
   return { type: "class", selector: o, matched: this.pattern.test(o.trim()) };
 } }, attr: { pattern: /^\[(.*)\]$/, resolve(o) {
   return { type: "attr", selector: `:root${o},:host${o}`, matched: this.pattern.test(o.trim()) };
@@ -773,25 +778,25 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
     return (t = r.map((n) => n.resolve(e)).find((n) => n.matched)) != null ? t : this.rules.custom.resolve(e);
   });
 } }, _toVariables(o, r) {
-  return tt(o, { prefix: r?.prefix });
+  return nt(o, { prefix: r?.prefix });
 }, getCommon({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
   var s, c, i, a, d, l, g;
-  let { preset: f, options: u } = r, b, v, p, m, h, B, z;
+  let { preset: f, options: u } = r, b, v, p, m, h, $, z;
   if (k(f) && u.transform !== "strict") {
-    let { primitive: oo, semantic: F, extend: E } = f, j = F || {}, { colorScheme: D } = j, V = P(j, ["colorScheme"]), I = E || {}, { colorScheme: Y } = I, U = P(I, ["colorScheme"]), L = D || {}, { dark: G } = L, ro = P(L, ["dark"]), X = Y || {}, { dark: eo } = X, to = P(X, ["dark"]), _ = k(oo) ? this._toVariables({ primitive: oo }, u) : {}, O = k(V) ? this._toVariables({ semantic: V }, u) : {}, q = k(ro) ? this._toVariables({ light: ro }, u) : {}, Co = k(G) ? this._toVariables({ dark: G }, u) : {}, no = k(U) ? this._toVariables({ semantic: U }, u) : {}, Ho = k(to) ? this._toVariables({ light: to }, u) : {}, Fo = k(eo) ? this._toVariables({ dark: eo }, u) : {}, [Or, _r] = [(s = _.declarations) != null ? s : "", _.tokens], [Pr, Tr] = [(c = O.declarations) != null ? c : "", O.tokens || []], [Ar, Nr] = [(i = q.declarations) != null ? i : "", q.tokens || []], [Er, jr] = [(a = Co.declarations) != null ? a : "", Co.tokens || []], [Dr, Ir] = [(d = no.declarations) != null ? d : "", no.tokens || []], [Lr, Wr] = [(l = Ho.declarations) != null ? l : "", Ho.tokens || []], [Mr, Hr] = [(g = Fo.declarations) != null ? g : "", Fo.tokens || []];
-    b = this.transformCSS(o, Or, "light", "variable", u, t, n), v = _r;
-    let Fr = this.transformCSS(o, `${Pr}${Ar}`, "light", "variable", u, t, n), Vr = this.transformCSS(o, `${Er}`, "dark", "variable", u, t, n);
-    p = `${Fr}${Vr}`, m = [.../* @__PURE__ */ new Set([...Tr, ...Nr, ...jr])];
-    let Yr = this.transformCSS(o, `${Dr}${Lr}color-scheme:light`, "light", "variable", u, t, n), Ur = this.transformCSS(o, `${Mr}color-scheme:dark`, "dark", "variable", u, t, n);
-    h = `${Yr}${Ur}`, B = [.../* @__PURE__ */ new Set([...Ir, ...Wr, ...Hr])], z = M(f.css, { dt: Z });
+    let { primitive: ro, semantic: H, extend: A } = f, E = H || {}, { colorScheme: j } = E, F = T(E, ["colorScheme"]), D = A || {}, { colorScheme: V } = D, Y = T(D, ["colorScheme"]), I = j || {}, { dark: U } = I, eo = T(I, ["dark"]), G = V || {}, { dark: to } = G, no = T(G, ["dark"]), P = k(ro) ? this._toVariables({ primitive: ro }, u) : {}, O = k(F) ? this._toVariables({ semantic: F }, u) : {}, X = k(eo) ? this._toVariables({ light: eo }, u) : {}, yo = k(U) ? this._toVariables({ dark: U }, u) : {}, ao = k(Y) ? this._toVariables({ semantic: Y }, u) : {}, Ho = k(no) ? this._toVariables({ light: no }, u) : {}, Fo = k(to) ? this._toVariables({ dark: to }, u) : {}, [zr, Or] = [(s = P.declarations) != null ? s : "", P.tokens], [_r, Pr] = [(c = O.declarations) != null ? c : "", O.tokens || []], [Tr, Nr] = [(i = X.declarations) != null ? i : "", X.tokens || []], [Ar, Er] = [(a = yo.declarations) != null ? a : "", yo.tokens || []], [jr, Dr] = [(d = ao.declarations) != null ? d : "", ao.tokens || []], [Ir, Lr] = [(l = Ho.declarations) != null ? l : "", Ho.tokens || []], [Wr, Mr] = [(g = Fo.declarations) != null ? g : "", Fo.tokens || []];
+    b = this.transformCSS(o, zr, "light", "variable", u, t, n), v = Or;
+    let Hr = this.transformCSS(o, `${_r}${Tr}`, "light", "variable", u, t, n), Fr = this.transformCSS(o, `${Ar}`, "dark", "variable", u, t, n);
+    p = `${Hr}${Fr}`, m = [.../* @__PURE__ */ new Set([...Pr, ...Nr, ...Er])];
+    let Vr = this.transformCSS(o, `${jr}${Ir}color-scheme:light`, "light", "variable", u, t, n), Yr = this.transformCSS(o, `${Wr}color-scheme:dark`, "dark", "variable", u, t, n);
+    h = `${Vr}${Yr}`, $ = [.../* @__PURE__ */ new Set([...Dr, ...Lr, ...Mr])], z = W(f.css, { dt: Z });
   }
-  return { primitive: { css: b, tokens: v }, semantic: { css: p, tokens: m }, global: { css: h, tokens: B }, style: z };
+  return { primitive: { css: b, tokens: v }, semantic: { css: p, tokens: m }, global: { css: h, tokens: $ }, style: z };
 }, getPreset({ name: o = "", preset: r = {}, options: e, params: t, set: n, defaults: s, selector: c }) {
   var i, a, d;
   let l, g, f;
   if (k(r) && e.transform !== "strict") {
-    let u = o.replace("-directive", ""), b = r, { colorScheme: v, extend: p, css: m } = b, h = P(b, ["colorScheme", "extend", "css"]), B = p || {}, { colorScheme: z } = B, oo = P(B, ["colorScheme"]), F = v || {}, { dark: E } = F, j = P(F, ["dark"]), D = z || {}, { dark: V } = D, I = P(D, ["dark"]), Y = k(h) ? this._toVariables({ [u]: R(R({}, h), oo) }, e) : {}, U = k(j) ? this._toVariables({ [u]: R(R({}, j), I) }, e) : {}, L = k(E) ? this._toVariables({ [u]: R(R({}, E), V) }, e) : {}, [G, ro] = [(i = Y.declarations) != null ? i : "", Y.tokens || []], [X, eo] = [(a = U.declarations) != null ? a : "", U.tokens || []], [to, _] = [(d = L.declarations) != null ? d : "", L.tokens || []], O = this.transformCSS(u, `${G}${X}`, "light", "variable", e, n, s, c), q = this.transformCSS(u, to, "dark", "variable", e, n, s, c);
-    l = `${O}${q}`, g = [.../* @__PURE__ */ new Set([...ro, ...eo, ..._])], f = M(m, { dt: Z });
+    let u = o.replace("-directive", ""), b = r, { colorScheme: v, extend: p, css: m } = b, h = T(b, ["colorScheme", "extend", "css"]), $ = p || {}, { colorScheme: z } = $, ro = T($, ["colorScheme"]), H = v || {}, { dark: A } = H, E = T(H, ["dark"]), j = z || {}, { dark: F } = j, D = T(j, ["dark"]), V = k(h) ? this._toVariables({ [u]: R(R({}, h), ro) }, e) : {}, Y = k(E) ? this._toVariables({ [u]: R(R({}, E), D) }, e) : {}, I = k(A) ? this._toVariables({ [u]: R(R({}, A), F) }, e) : {}, [U, eo] = [(i = V.declarations) != null ? i : "", V.tokens || []], [G, to] = [(a = Y.declarations) != null ? a : "", Y.tokens || []], [no, P] = [(d = I.declarations) != null ? d : "", I.tokens || []], O = this.transformCSS(u, `${U}${G}`, "light", "variable", e, n, s, c), X = this.transformCSS(u, no, "dark", "variable", e, n, s, c);
+    l = `${O}${X}`, g = [.../* @__PURE__ */ new Set([...eo, ...to, ...P])], f = W(m, { dt: Z });
   }
   return { css: l, tokens: g, style: f };
 }, getPresetC({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
@@ -809,12 +814,12 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
   return this.applyDarkColorScheme(o) ? this.regex.resolve(o.darkModeSelector === !0 ? r.options.darkModeSelector : (e = o.darkModeSelector) != null ? e : r.options.darkModeSelector) : [];
 }, getLayerOrder(o, r = {}, e, t) {
   let { cssLayer: n } = r;
-  return n ? `@layer ${M(n.order || n.name || "primeui", e)}` : "";
+  return n ? `@layer ${W(n.order || n.name || "primeui", e)}` : "";
 }, getCommonStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: s }) {
   let c = this.getCommon({ name: o, theme: r, params: e, set: n, defaults: s }), i = Object.entries(t).reduce((a, [d, l]) => a.push(`${d}="${l}"`) && a, []).join(" ");
   return Object.entries(c || {}).reduce((a, [d, l]) => {
     if (Q(l) && Object.hasOwn(l, "css")) {
-      let g = po(l.css), f = `${d}-variables`;
+      let g = go(l.css), f = `${d}-variables`;
       a.push(`<style type="text/css" data-primevue-style-id="${f}" ${i}>${g}</style>`);
     }
     return a;
@@ -822,26 +827,26 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
 }, getStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: s }) {
   var c;
   let i = { name: o, theme: r, params: e, set: n, defaults: s }, a = (c = o.includes("-directive") ? this.getPresetD(i) : this.getPresetC(i)) == null ? void 0 : c.css, d = Object.entries(t).reduce((l, [g, f]) => l.push(`${g}="${f}"`) && l, []).join(" ");
-  return a ? `<style type="text/css" data-primevue-style-id="${o}-variables" ${d}>${po(a)}</style>` : "";
+  return a ? `<style type="text/css" data-primevue-style-id="${o}-variables" ${d}>${go(a)}</style>` : "";
 }, createTokens(o = {}, r, e = "", t = "", n = {}) {
   let s = function(i, a = {}, d = []) {
     if (d.includes(this.path)) return console.warn(`Circular reference detected at ${this.path}`), { colorScheme: i, path: this.path, paths: a, value: void 0 };
     d.push(this.path), a.name = this.path, a.binding || (a.binding = {});
     let l = this.value;
-    if (typeof this.value == "string" && bo.test(this.value)) {
-      let g = this.value.trim().replace(bo, (f) => {
+    if (typeof this.value == "string" && mo.test(this.value)) {
+      let g = this.value.trim().replace(mo, (f) => {
         var u;
         let b = f.slice(1, -1), v = this.tokens[b];
         if (!v) return console.warn(`Token not found for path: ${b}`), "__UNRESOLVED__";
         let p = v.computed(i, a, d);
         return Array.isArray(p) && p.length === 2 ? `light-dark(${p[0].value},${p[1].value})` : (u = p?.value) != null ? u : "__UNRESOLVED__";
       });
-      l = $r.test(g.replace(Br, "0")) ? `calc(${g})` : g;
+      l = wr.test(g.replace($r, "0")) ? `calc(${g})` : g;
     }
     return Mo(a.binding) && delete a.binding, d.pop(), { colorScheme: i, path: this.path, paths: a, value: l.includes("__UNRESOLVED__") ? void 0 : l };
   }, c = (i, a, d) => {
     Object.entries(i).forEach(([l, g]) => {
-      let f = J(l, r.variable.excludedKeyRegex) ? a : a ? `${a}.${Zo(l)}` : Zo(l), u = d ? `${d}.${l}` : l;
+      let f = J(l, r.variable.excludedKeyRegex) ? a : a ? `${a}.${Qo(l)}` : Qo(l), u = d ? `${d}.${l}` : l;
       Q(g) ? c(g, f, u) : (n[f] || (n[f] = { paths: [], computed: (b, v = {}, p = []) => {
         if (n[f].paths.length === 1) return n[f].paths[0].computed(n[f].paths[0].scheme, v.binding, p);
         if (b && b !== "none") for (let m = 0; m < n[f].paths.length; m++) {
@@ -857,28 +862,28 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
   var t;
   let n = ((i) => i.split(".").filter((a) => !J(a.toLowerCase(), e.variable.excludedKeyRegex)).join("."))(r), s = r.includes("colorScheme.light") ? "light" : r.includes("colorScheme.dark") ? "dark" : void 0, c = [(t = o[n]) == null ? void 0 : t.computed(s)].flat().filter((i) => i);
   return c.length === 1 ? c[0].value : c.reduce((i = {}, a) => {
-    let d = a, { colorScheme: l } = d, g = P(d, ["colorScheme"]);
+    let d = a, { colorScheme: l } = d, g = T(d, ["colorScheme"]);
     return i[l] = g, i;
   }, void 0);
 }, getSelectorRule(o, r, e, t) {
-  return e === "class" || e === "attr" ? io(k(r) ? `${o}${r},${o} ${r}` : o, t) : io(o, io(r ?? ":root,:host", t));
+  return e === "class" || e === "attr" ? co(k(r) ? `${o}${r},${o} ${r}` : o, t) : co(o, co(r ?? ":root,:host", t));
 }, transformCSS(o, r, e, t, n = {}, s, c, i) {
   if (k(r)) {
     let { cssLayer: a } = n;
     if (t !== "style") {
       let d = this.getColorSchemeOption(n, c);
-      r = e === "dark" ? d.reduce((l, { type: g, selector: f }) => (k(f) && (l += f.includes("[CSS]") ? f.replace("[CSS]", r) : this.getSelectorRule(f, i, g, r)), l), "") : io(i ?? ":root,:host", r);
+      r = e === "dark" ? d.reduce((l, { type: g, selector: f }) => (k(f) && (l += f.includes("[CSS]") ? f.replace("[CSS]", r) : this.getSelectorRule(f, i, g, r)), l), "") : co(i ?? ":root,:host", r);
     }
     if (a) {
       let d = { name: "primeui" };
-      Q(a) && (d.name = M(a.name, { name: o, type: t })), k(d.name) && (r = io(`@layer ${d.name}`, r), s?.layerNames(d.name));
+      Q(a) && (d.name = W(a.name, { name: o, type: t })), k(d.name) && (r = co(`@layer ${d.name}`, r), s?.layerNames(d.name));
     }
     return r;
   }
   return "";
 } }, x = { defaults: { variable: { prefix: "p", selector: ":root,:host", excludedKeyRegex: /^(primitive|semantic|components|directives|variables|colorscheme|light|dark|common|root|states|extend|css)$/gi }, options: { prefix: "p", darkModeSelector: "system", cssLayer: !1 } }, _theme: void 0, _layerNames: /* @__PURE__ */ new Set(), _loadedStyleNames: /* @__PURE__ */ new Set(), _loadingStyles: /* @__PURE__ */ new Set(), _tokens: {}, update(o = {}) {
   let { theme: r } = o;
-  r && (this._theme = _o(R({}, r), { options: R(R({}, this.defaults.options), r.options) }), this._tokens = S.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
+  r && (this._theme = _o(R({}, r), { options: R(R({}, this.defaults.options), r.options) }), this._tokens = B.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
 }, get theme() {
   return this._theme;
 }, get preset() {
@@ -892,15 +897,15 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
 }, getTheme() {
   return this.theme;
 }, setTheme(o) {
-  this.update({ theme: o }), T.emit("theme:change", o);
+  this.update({ theme: o }), N.emit("theme:change", o);
 }, getPreset() {
   return this.preset;
 }, setPreset(o) {
-  this._theme = _o(R({}, this.theme), { preset: o }), this._tokens = S.createTokens(o, this.defaults), this.clearLoadedStyleNames(), T.emit("preset:change", o), T.emit("theme:change", this.theme);
+  this._theme = _o(R({}, this.theme), { preset: o }), this._tokens = B.createTokens(o, this.defaults), this.clearLoadedStyleNames(), N.emit("preset:change", o), N.emit("theme:change", this.theme);
 }, getOptions() {
   return this.options;
 }, setOptions(o) {
-  this._theme = _o(R({}, this.theme), { options: o }), this.clearLoadedStyleNames(), T.emit("options:change", o), T.emit("theme:change", this.theme);
+  this._theme = _o(R({}, this.theme), { options: o }), this.clearLoadedStyleNames(), N.emit("options:change", o), N.emit("theme:change", this.theme);
 }, getLayerNames() {
   return [...this._layerNames];
 }, setLayerNames(o) {
@@ -916,33 +921,33 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
 }, clearLoadedStyleNames() {
   this._loadedStyleNames.clear();
 }, getTokenValue(o) {
-  return S.getTokenValue(this.tokens, o, this.defaults);
+  return B.getTokenValue(this.tokens, o, this.defaults);
 }, getCommon(o = "", r) {
-  return S.getCommon({ name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
+  return B.getCommon({ name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
 }, getComponent(o = "", r) {
   let e = { name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return S.getPresetC(e);
+  return B.getPresetC(e);
 }, getDirective(o = "", r) {
   let e = { name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return S.getPresetD(e);
+  return B.getPresetD(e);
 }, getCustomPreset(o = "", r, e, t) {
   let n = { name: o, preset: r, options: this.options, selector: e, params: t, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return S.getPreset(n);
+  return B.getPreset(n);
 }, getLayerOrderCSS(o = "") {
-  return S.getLayerOrder(o, this.options, { names: this.getLayerNames() }, this.defaults);
+  return B.getLayerOrder(o, this.options, { names: this.getLayerNames() }, this.defaults);
 }, transformCSS(o = "", r, e = "style", t) {
-  return S.transformCSS(o, r, t, e, this.options, { layerNames: this.setLayerNames.bind(this) }, this.defaults);
+  return B.transformCSS(o, r, t, e, this.options, { layerNames: this.setLayerNames.bind(this) }, this.defaults);
 }, getCommonStyleSheet(o = "", r, e = {}) {
-  return S.getCommonStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
+  return B.getCommonStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
 }, getStyleSheet(o, r, e = {}) {
-  return S.getStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
+  return B.getStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
 }, onStyleMounted(o) {
   this._loadingStyles.add(o);
 }, onStyleUpdated(o) {
   this._loadingStyles.add(o);
 }, onStyleLoaded(o, { name: r }) {
-  this._loadingStyles.size && (this._loadingStyles.delete(r), T.emit(`theme:${r}:load`, o), !this._loadingStyles.size && T.emit("theme:load"));
-} }, nt = `
+  this._loadingStyles.size && (this._loadingStyles.delete(r), N.emit(`theme:${r}:load`, o), !this._loadingStyles.size && N.emit("theme:load"));
+} }, at = `
     *,
     ::before,
     ::after {
@@ -1066,15 +1071,15 @@ var S = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
         }
     }
 `;
-function ho(o) {
+function bo(o) {
   "@babel/helpers - typeof";
-  return ho = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return bo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
     return typeof r;
   } : function(r) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, ho(o);
+  }, bo(o);
 }
-function or(o, r) {
+function Jo(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -1084,102 +1089,102 @@ function or(o, r) {
   }
   return e;
 }
-function rr(o) {
+function Zo(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? or(Object(e), !0).forEach(function(t) {
-      at(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : or(Object(e)).forEach(function(t) {
+    r % 2 ? Jo(Object(e), !0).forEach(function(t) {
+      it(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : Jo(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function at(o, r, e) {
-  return (r = it(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function it(o, r, e) {
+  return (r = dt(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function it(o) {
-  var r = dt(o, "string");
-  return ho(r) == "symbol" ? r : r + "";
+function dt(o) {
+  var r = ct(o, "string");
+  return bo(r) == "symbol" ? r : r + "";
 }
-function dt(o, r) {
-  if (ho(o) != "object" || !o) return o;
+function ct(o, r) {
+  if (bo(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (ho(t) != "object") return t;
+    if (bo(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-function ct(o) {
+function lt(o) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-  Eo() && Eo().components ? Lo(o) : r ? o() : oe(o);
+  Eo() && Eo().components ? Lo(o) : r ? o() : Zr(o);
 }
-var lt = 0;
-function st(o) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = lo(!1), t = lo(o), n = lo(null), s = Ue() ? window.document : void 0, c = r.document, i = c === void 0 ? s : c, a = r.immediate, d = a === void 0 ? !0 : a, l = r.manual, g = l === void 0 ? !1 : l, f = r.name, u = f === void 0 ? "style_".concat(++lt) : f, b = r.id, v = b === void 0 ? void 0 : b, p = r.media, m = p === void 0 ? void 0 : p, h = r.nonce, B = h === void 0 ? void 0 : h, z = r.first, oo = z === void 0 ? !1 : z, F = r.onMounted, E = F === void 0 ? void 0 : F, j = r.onUpdated, D = j === void 0 ? void 0 : j, V = r.onLoad, I = V === void 0 ? void 0 : V, Y = r.props, U = Y === void 0 ? {} : Y, L = function() {
-  }, G = function(eo) {
-    var to = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+var st = 0;
+function ut(o) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = so(!1), t = so(o), n = so(null), s = Ge() ? window.document : void 0, c = r.document, i = c === void 0 ? s : c, a = r.immediate, d = a === void 0 ? !0 : a, l = r.manual, g = l === void 0 ? !1 : l, f = r.name, u = f === void 0 ? "style_".concat(++st) : f, b = r.id, v = b === void 0 ? void 0 : b, p = r.media, m = p === void 0 ? void 0 : p, h = r.nonce, $ = h === void 0 ? void 0 : h, z = r.first, ro = z === void 0 ? !1 : z, H = r.onMounted, A = H === void 0 ? void 0 : H, E = r.onUpdated, j = E === void 0 ? void 0 : E, F = r.onLoad, D = F === void 0 ? void 0 : F, V = r.props, Y = V === void 0 ? {} : V, I = function() {
+  }, U = function(to) {
+    var no = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (i) {
-      var _ = rr(rr({}, U), to), O = _.name || u, q = _.id || v, Co = _.nonce || B;
-      n.value = i.querySelector('style[data-primevue-style-id="'.concat(O, '"]')) || i.getElementById(q) || i.createElement("style"), n.value.isConnected || (t.value = eo || o, Do(n.value, {
+      var P = Zo(Zo({}, Y), no), O = P.name || u, X = P.id || v, yo = P.nonce || $;
+      n.value = i.querySelector('style[data-primevue-style-id="'.concat(O, '"]')) || i.getElementById(X) || i.createElement("style"), n.value.isConnected || (t.value = to || o, Do(n.value, {
         type: "text/css",
-        id: q,
+        id: X,
         media: m,
-        nonce: Co
-      }), oo ? i.head.prepend(n.value) : i.head.appendChild(n.value), Ge(n.value, "data-primevue-style-id", O), Do(n.value, _), n.value.onload = function(no) {
-        return I?.(no, {
+        nonce: yo
+      }), ro ? i.head.prepend(n.value) : i.head.appendChild(n.value), Xe(n.value, "data-primevue-style-id", O), Do(n.value, P), n.value.onload = function(ao) {
+        return D?.(ao, {
           name: O
         });
-      }, E?.(O)), !e.value && (L = K(t, function(no) {
-        n.value.textContent = no, D?.(O);
+      }, A?.(O)), !e.value && (I = K(t, function(ao) {
+        n.value.textContent = ao, j?.(O);
       }, {
         immediate: !0
       }), e.value = !0);
     }
-  }, ro = function() {
-    !i || !e.value || (L(), Ye(n.value) && i.head.removeChild(n.value), e.value = !1, n.value = null);
+  }, eo = function() {
+    !i || !e.value || (I(), Ue(n.value) && i.head.removeChild(n.value), e.value = !1, n.value = null);
   };
-  return d && !g && ct(G), {
+  return d && !g && lt(U), {
     id: v,
     name: u,
     el: n,
     css: t,
-    unload: ro,
-    load: G,
-    isLoaded: Zr(e)
+    unload: eo,
+    load: U,
+    isLoaded: Jr(e)
   };
 }
-function vo(o) {
+function ho(o) {
   "@babel/helpers - typeof";
-  return vo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return ho = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
     return typeof r;
   } : function(r) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, vo(o);
+  }, ho(o);
 }
-var er, tr, nr, ar;
-function ir(o, r) {
-  return pt(o) || gt(o, r) || ft(o, r) || ut();
+var or, rr, er, tr;
+function nr(o, r) {
+  return mt(o) || pt(o, r) || gt(o, r) || ft();
 }
-function ut() {
+function ft() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function ft(o, r) {
+function gt(o, r) {
   if (o) {
-    if (typeof o == "string") return dr(o, r);
+    if (typeof o == "string") return ar(o, r);
     var e = {}.toString.call(o).slice(8, -1);
-    return e === "Object" && o.constructor && (e = o.constructor.name), e === "Map" || e === "Set" ? Array.from(o) : e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e) ? dr(o, r) : void 0;
+    return e === "Object" && o.constructor && (e = o.constructor.name), e === "Map" || e === "Set" ? Array.from(o) : e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e) ? ar(o, r) : void 0;
   }
 }
-function dr(o, r) {
+function ar(o, r) {
   (r == null || r > o.length) && (r = o.length);
   for (var e = 0, t = Array(r); e < r; e++) t[e] = o[e];
   return t;
 }
-function gt(o, r) {
+function pt(o, r) {
   var e = o == null ? null : typeof Symbol < "u" && o[Symbol.iterator] || o["@@iterator"];
   if (e != null) {
     var t, n, s, c, i = [], a = !0, d = !1;
@@ -1197,10 +1202,10 @@ function gt(o, r) {
     return i;
   }
 }
-function pt(o) {
+function mt(o) {
   if (Array.isArray(o)) return o;
 }
-function cr(o, r) {
+function ir(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -1213,35 +1218,35 @@ function cr(o, r) {
 function Po(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? cr(Object(e), !0).forEach(function(t) {
-      mt(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : cr(Object(e)).forEach(function(t) {
+    r % 2 ? ir(Object(e), !0).forEach(function(t) {
+      bt(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : ir(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function mt(o, r, e) {
-  return (r = bt(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function bt(o, r, e) {
+  return (r = ht(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function bt(o) {
-  var r = ht(o, "string");
-  return vo(r) == "symbol" ? r : r + "";
+function ht(o) {
+  var r = vt(o, "string");
+  return ho(r) == "symbol" ? r : r + "";
 }
-function ht(o, r) {
-  if (vo(o) != "object" || !o) return o;
+function vt(o, r) {
+  if (ho(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (vo(t) != "object") return t;
+    if (ho(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-function wo(o, r) {
+function xo(o, r) {
   return r || (r = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(r) } }));
 }
-var vt = function(r) {
+var kt = function(r) {
   var e = r.dt;
   return `
 .p-hidden-accessible {
@@ -1263,17 +1268,17 @@ var vt = function(r) {
     padding-right: `.concat(e("scrollbar.width"), `;
 }
 `);
-}, kt = {}, yt = {}, W = {
+}, yt = {}, Ct = {}, L = {
   name: "base",
-  css: vt,
-  style: nt,
-  classes: kt,
-  inlineStyles: yt,
+  css: kt,
+  style: at,
+  classes: yt,
+  inlineStyles: Ct,
   load: function(r) {
     var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function(s) {
       return s;
-    }, n = t(xo(er || (er = wo(["", ""])), r));
-    return k(n) ? st(po(n), Po({
+    }, n = t(Co(or || (or = xo(["", ""])), r));
+    return k(n) ? ut(go(n), Po({
       name: this.name
     }, e)) : {};
   },
@@ -1285,7 +1290,7 @@ var vt = function(r) {
     var r = this, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     return this.load(this.style, e, function() {
       var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      return x.transformCSS(e.name || r.name, "".concat(n).concat(xo(tr || (tr = wo(["", ""])), t)));
+      return x.transformCSS(e.name || r.name, "".concat(n).concat(Co(rr || (rr = xo(["", ""])), t)));
     });
   },
   getCommonTheme: function(r) {
@@ -1306,10 +1311,10 @@ var vt = function(r) {
   getStyleSheet: function() {
     var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.css) {
-      var t = M(this.css, {
+      var t = W(this.css, {
         dt: Z
-      }) || "", n = po(xo(nr || (nr = wo(["", "", ""])), t, r)), s = Object.entries(e).reduce(function(c, i) {
-        var a = ir(i, 2), d = a[0], l = a[1];
+      }) || "", n = go(Co(er || (er = xo(["", "", ""])), t, r)), s = Object.entries(e).reduce(function(c, i) {
+        var a = nr(i, 2), d = a[0], l = a[1];
         return c.push("".concat(d, '="').concat(l, '"')) && c;
       }, []).join(" ");
       return k(n) ? '<style type="text/css" data-primevue-style-id="'.concat(this.name, '" ').concat(s, ">").concat(n, "</style>") : "";
@@ -1323,10 +1328,10 @@ var vt = function(r) {
   getThemeStyleSheet: function(r) {
     var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = [x.getStyleSheet(this.name, r, e)];
     if (this.style) {
-      var n = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), s = xo(ar || (ar = wo(["", ""])), M(this.style, {
+      var n = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), s = Co(tr || (tr = xo(["", ""])), W(this.style, {
         dt: Z
-      })), c = po(x.transformCSS(n, s)), i = Object.entries(e).reduce(function(a, d) {
-        var l = ir(d, 2), g = l[0], f = l[1];
+      })), c = go(x.transformCSS(n, s)), i = Object.entries(e).reduce(function(a, d) {
+        var l = nr(d, 2), g = l[0], f = l[1];
         return a.push("".concat(g, '="').concat(f, '"')) && a;
       }, []).join(" ");
       k(c) && t.push('<style type="text/css" data-primevue-style-id="'.concat(n, '" ').concat(i, ">").concat(c, "</style>"));
@@ -1340,22 +1345,22 @@ var vt = function(r) {
     }, r);
   }
 };
-W.extend({
+L.extend({
   name: "common"
 });
-W.extend({
+L.extend({
   name: "common"
 });
-var $o = yr();
-function ko(o) {
+var wo = kr();
+function vo(o) {
   "@babel/helpers - typeof";
-  return ko = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return vo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
     return typeof r;
   } : function(r) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-  }, ko(o);
+  }, vo(o);
 }
-function lr(o, r) {
+function dr(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -1365,35 +1370,35 @@ function lr(o, r) {
   }
   return e;
 }
-function Bo(o) {
+function $o(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? lr(Object(e), !0).forEach(function(t) {
-      Ct(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : lr(Object(e)).forEach(function(t) {
+    r % 2 ? dr(Object(e), !0).forEach(function(t) {
+      xt(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : dr(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function Ct(o, r, e) {
-  return (r = xt(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function xt(o, r, e) {
+  return (r = wt(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function xt(o) {
-  var r = wt(o, "string");
-  return ko(r) == "symbol" ? r : r + "";
+function wt(o) {
+  var r = $t(o, "string");
+  return vo(r) == "symbol" ? r : r + "";
 }
-function wt(o, r) {
-  if (ko(o) != "object" || !o) return o;
+function $t(o, r) {
+  if (vo(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (ko(t) != "object") return t;
+    if (vo(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-var $t = {
+var Bt = {
   ripple: !1,
   inputStyle: null,
   inputVariant: null,
@@ -1539,42 +1544,42 @@ var $t = {
   csp: {
     nonce: void 0
   }
-}, Bt = Symbol();
-function St(o, r) {
+}, St = Symbol();
+function Rt(o, r) {
   var e = {
-    config: re(r)
+    config: oe(r)
   };
-  return o.config.globalProperties.$primevue = e, o.provide(Bt, e), Rt(), zt(o, e), e;
+  return o.config.globalProperties.$primevue = e, o.provide(St, e), zt(), Ot(o, e), e;
 }
-var co = [];
-function Rt() {
-  T.clear(), co.forEach(function(o) {
+var lo = [];
+function zt() {
+  N.clear(), lo.forEach(function(o) {
     return o?.();
-  }), co = [];
+  }), lo = [];
 }
-function zt(o, r) {
-  var e = lo(!1), t = function() {
+function Ot(o, r) {
+  var e = so(!1), t = function() {
     var d;
     if (((d = r.config) === null || d === void 0 ? void 0 : d.theme) !== "none" && !x.isStyleNameLoaded("common")) {
-      var l, g, f = ((l = W.getCommonTheme) === null || l === void 0 ? void 0 : l.call(W)) || {}, u = f.primitive, b = f.semantic, v = f.global, p = f.style, m = {
+      var l, g, f = ((l = L.getCommonTheme) === null || l === void 0 ? void 0 : l.call(L)) || {}, u = f.primitive, b = f.semantic, v = f.global, p = f.style, m = {
         nonce: (g = r.config) === null || g === void 0 || (g = g.csp) === null || g === void 0 ? void 0 : g.nonce
       };
-      W.load(u?.css, Bo({
+      L.load(u?.css, $o({
         name: "primitive-variables"
-      }, m)), W.load(b?.css, Bo({
+      }, m)), L.load(b?.css, $o({
         name: "semantic-variables"
-      }, m)), W.load(v?.css, Bo({
+      }, m)), L.load(v?.css, $o({
         name: "global-variables"
-      }, m)), W.loadStyle(Bo({
+      }, m)), L.loadStyle($o({
         name: "global-style"
       }, m), p), x.setLoadedStyleName("common");
     }
   };
-  T.on("theme:change", function(a) {
+  N.on("theme:change", function(a) {
     e.value || (o.config.globalProperties.$primevue.config.theme = a, e.value = !0);
   });
   var n = K(r.config, function(a, d) {
-    $o.emit("config:change", {
+    wo.emit("config:change", {
       newValue: a,
       oldValue: d
     });
@@ -1584,7 +1589,7 @@ function zt(o, r) {
   }), s = K(function() {
     return r.config.ripple;
   }, function(a, d) {
-    $o.emit("config:ripple:change", {
+    wo.emit("config:ripple:change", {
       newValue: a,
       oldValue: d
     });
@@ -1594,7 +1599,7 @@ function zt(o, r) {
   }), c = K(function() {
     return r.config.theme;
   }, function(a, d) {
-    e.value || x.setTheme(a), r.config.unstyled || t(), e.value = !1, $o.emit("config:theme:change", {
+    e.value || x.setTheme(a), r.config.unstyled || t(), e.value = !1, wo.emit("config:theme:change", {
       newValue: a,
       oldValue: d
     });
@@ -1604,7 +1609,7 @@ function zt(o, r) {
   }), i = K(function() {
     return r.config.unstyled;
   }, function(a, d) {
-    !a && r.config.theme && t(), $o.emit("config:unstyled:change", {
+    !a && r.config.theme && t(), wo.emit("config:unstyled:change", {
       newValue: a,
       oldValue: d
     });
@@ -1612,21 +1617,21 @@ function zt(o, r) {
     immediate: !0,
     deep: !0
   });
-  co.push(n), co.push(s), co.push(c), co.push(i);
+  lo.push(n), lo.push(s), lo.push(c), lo.push(i);
 }
-var Ot = {
+var _t = {
   install: function(r, e) {
-    var t = Fe($t, e);
-    St(r, t);
+    var t = Ve(Bt, e);
+    Rt(r, t);
   }
-}, _t = { transitionDuration: "{transition.duration}" }, Pt = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, Tt = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}", padding: "1.125rem", fontWeight: "600", borderRadius: "0", borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", hoverBackground: "{content.background}", activeBackground: "{content.background}", activeHoverBackground: "{content.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, toggleIcon: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}" }, first: { topBorderRadius: "{content.border.radius}", borderWidth: "0" }, last: { bottomBorderRadius: "{content.border.radius}", activeBottomBorderRadius: "0" } }, At = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, Nt = { root: _t, panel: Pt, header: Tt, content: At }, Et = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, jt = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Dt = { padding: "{list.padding}", gap: "{list.gap}" }, It = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Lt = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Wt = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Mt = { borderRadius: "{border.radius.sm}" }, Ht = { padding: "{list.option.padding}" }, Ft = { light: { chip: { focusBackground: "{surface.200}", focusColor: "{surface.800}" }, dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", focusColor: "{surface.0}" }, dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" } } }, Vt = { root: Et, overlay: jt, list: Dt, option: It, optionGroup: Lt, dropdown: Wt, chip: Mt, emptyMessage: Ht, colorScheme: Ft }, Yt = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Ut = { size: "1rem" }, Gt = { borderColor: "{content.background}", offset: "-0.75rem" }, Xt = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, qt = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, Kt = { root: Yt, icon: Ut, group: Gt, lg: Xt, xl: qt }, Qt = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, Jt = { size: "0.5rem" }, Zt = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, on = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, rn = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, en = { light: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.500}", color: "{surface.0}" }, info: { background: "{sky.500}", color: "{surface.0}" }, warn: { background: "{orange.500}", color: "{surface.0}" }, danger: { background: "{red.500}", color: "{surface.0}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "{green.400}", color: "{green.950}" }, info: { background: "{sky.400}", color: "{sky.950}" }, warn: { background: "{orange.400}", color: "{orange.950}" }, danger: { background: "{red.400}", color: "{red.950}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } }, tn = { root: Qt, dot: Jt, sm: Zt, lg: on, xl: rn, colorScheme: en }, nn = { borderRadius: { none: "0", xs: "2px", sm: "4px", md: "6px", lg: "8px", xl: "12px" }, emerald: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }, green: { 50: "#f0fdf4", 100: "#dcfce7", 200: "#bbf7d0", 300: "#86efac", 400: "#4ade80", 500: "#22c55e", 600: "#16a34a", 700: "#15803d", 800: "#166534", 900: "#14532d", 950: "#052e16" }, lime: { 50: "#f7fee7", 100: "#ecfccb", 200: "#d9f99d", 300: "#bef264", 400: "#a3e635", 500: "#84cc16", 600: "#65a30d", 700: "#4d7c0f", 800: "#3f6212", 900: "#365314", 950: "#1a2e05" }, red: { 50: "#fef2f2", 100: "#fee2e2", 200: "#fecaca", 300: "#fca5a5", 400: "#f87171", 500: "#ef4444", 600: "#dc2626", 700: "#b91c1c", 800: "#991b1b", 900: "#7f1d1d", 950: "#450a0a" }, orange: { 50: "#fff7ed", 100: "#ffedd5", 200: "#fed7aa", 300: "#fdba74", 400: "#fb923c", 500: "#f97316", 600: "#ea580c", 700: "#c2410c", 800: "#9a3412", 900: "#7c2d12", 950: "#431407" }, amber: { 50: "#fffbeb", 100: "#fef3c7", 200: "#fde68a", 300: "#fcd34d", 400: "#fbbf24", 500: "#f59e0b", 600: "#d97706", 700: "#b45309", 800: "#92400e", 900: "#78350f", 950: "#451a03" }, yellow: { 50: "#fefce8", 100: "#fef9c3", 200: "#fef08a", 300: "#fde047", 400: "#facc15", 500: "#eab308", 600: "#ca8a04", 700: "#a16207", 800: "#854d0e", 900: "#713f12", 950: "#422006" }, teal: { 50: "#f0fdfa", 100: "#ccfbf1", 200: "#99f6e4", 300: "#5eead4", 400: "#2dd4bf", 500: "#14b8a6", 600: "#0d9488", 700: "#0f766e", 800: "#115e59", 900: "#134e4a", 950: "#042f2e" }, cyan: { 50: "#ecfeff", 100: "#cffafe", 200: "#a5f3fc", 300: "#67e8f9", 400: "#22d3ee", 500: "#06b6d4", 600: "#0891b2", 700: "#0e7490", 800: "#155e75", 900: "#164e63", 950: "#083344" }, sky: { 50: "#f0f9ff", 100: "#e0f2fe", 200: "#bae6fd", 300: "#7dd3fc", 400: "#38bdf8", 500: "#0ea5e9", 600: "#0284c7", 700: "#0369a1", 800: "#075985", 900: "#0c4a6e", 950: "#082f49" }, blue: { 50: "#eff6ff", 100: "#dbeafe", 200: "#bfdbfe", 300: "#93c5fd", 400: "#60a5fa", 500: "#3b82f6", 600: "#2563eb", 700: "#1d4ed8", 800: "#1e40af", 900: "#1e3a8a", 950: "#172554" }, indigo: { 50: "#eef2ff", 100: "#e0e7ff", 200: "#c7d2fe", 300: "#a5b4fc", 400: "#818cf8", 500: "#6366f1", 600: "#4f46e5", 700: "#4338ca", 800: "#3730a3", 900: "#312e81", 950: "#1e1b4b" }, violet: { 50: "#f5f3ff", 100: "#ede9fe", 200: "#ddd6fe", 300: "#c4b5fd", 400: "#a78bfa", 500: "#8b5cf6", 600: "#7c3aed", 700: "#6d28d9", 800: "#5b21b6", 900: "#4c1d95", 950: "#2e1065" }, purple: { 50: "#faf5ff", 100: "#f3e8ff", 200: "#e9d5ff", 300: "#d8b4fe", 400: "#c084fc", 500: "#a855f7", 600: "#9333ea", 700: "#7e22ce", 800: "#6b21a8", 900: "#581c87", 950: "#3b0764" }, fuchsia: { 50: "#fdf4ff", 100: "#fae8ff", 200: "#f5d0fe", 300: "#f0abfc", 400: "#e879f9", 500: "#d946ef", 600: "#c026d3", 700: "#a21caf", 800: "#86198f", 900: "#701a75", 950: "#4a044e" }, pink: { 50: "#fdf2f8", 100: "#fce7f3", 200: "#fbcfe8", 300: "#f9a8d4", 400: "#f472b6", 500: "#ec4899", 600: "#db2777", 700: "#be185d", 800: "#9d174d", 900: "#831843", 950: "#500724" }, rose: { 50: "#fff1f2", 100: "#ffe4e6", 200: "#fecdd3", 300: "#fda4af", 400: "#fb7185", 500: "#f43f5e", 600: "#e11d48", 700: "#be123c", 800: "#9f1239", 900: "#881337", 950: "#4c0519" }, slate: { 50: "#f8fafc", 100: "#f1f5f9", 200: "#e2e8f0", 300: "#cbd5e1", 400: "#94a3b8", 500: "#64748b", 600: "#475569", 700: "#334155", 800: "#1e293b", 900: "#0f172a", 950: "#020617" }, gray: { 50: "#f9fafb", 100: "#f3f4f6", 200: "#e5e7eb", 300: "#d1d5db", 400: "#9ca3af", 500: "#6b7280", 600: "#4b5563", 700: "#374151", 800: "#1f2937", 900: "#111827", 950: "#030712" }, zinc: { 50: "#fafafa", 100: "#f4f4f5", 200: "#e4e4e7", 300: "#d4d4d8", 400: "#a1a1aa", 500: "#71717a", 600: "#52525b", 700: "#3f3f46", 800: "#27272a", 900: "#18181b", 950: "#09090b" }, neutral: { 50: "#fafafa", 100: "#f5f5f5", 200: "#e5e5e5", 300: "#d4d4d4", 400: "#a3a3a3", 500: "#737373", 600: "#525252", 700: "#404040", 800: "#262626", 900: "#171717", 950: "#0a0a0a" }, stone: { 50: "#fafaf9", 100: "#f5f5f4", 200: "#e7e5e4", 300: "#d6d3d1", 400: "#a8a29e", 500: "#78716c", 600: "#57534e", 700: "#44403c", 800: "#292524", 900: "#1c1917", 950: "#0c0a09" } }, an = { transitionDuration: "0.2s", focusRing: { width: "1px", style: "solid", color: "{primary.color}", offset: "2px", shadow: "none" }, disabledOpacity: "0.6", iconSize: "1rem", anchorGutter: "2px", primary: { 50: "{emerald.50}", 100: "{emerald.100}", 200: "{emerald.200}", 300: "{emerald.300}", 400: "{emerald.400}", 500: "{emerald.500}", 600: "{emerald.600}", 700: "{emerald.700}", 800: "{emerald.800}", 900: "{emerald.900}", 950: "{emerald.950}" }, formField: { paddingX: "0.75rem", paddingY: "0.5rem", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.375rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.625rem" }, borderRadius: "{border.radius.md}", focusRing: { width: "0", style: "none", color: "transparent", offset: "0", shadow: "none" }, transitionDuration: "{transition.duration}" }, list: { padding: "0.25rem 0.25rem", gap: "2px", header: { padding: "0.5rem 1rem 0.25rem 1rem" }, option: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}" }, optionGroup: { padding: "0.5rem 0.75rem", fontWeight: "600" } }, content: { borderRadius: "{border.radius.md}" }, mask: { transitionDuration: "0.15s" }, navigation: { list: { padding: "0.25rem 0.25rem", gap: "2px" }, item: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}", gap: "0.5rem" }, submenuLabel: { padding: "0.5rem 0.75rem", fontWeight: "600" }, submenuIcon: { size: "0.875rem" } }, overlay: { select: { borderRadius: "{border.radius.md}", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, popover: { borderRadius: "{border.radius.md}", padding: "0.75rem", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, modal: { borderRadius: "{border.radius.xl}", padding: "1.25rem", shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)" }, navigation: { shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" } }, colorScheme: { light: { surface: { 0: "#ffffff", 50: "{slate.50}", 100: "{slate.100}", 200: "{slate.200}", 300: "{slate.300}", 400: "{slate.400}", 500: "{slate.500}", 600: "{slate.600}", 700: "{slate.700}", 800: "{slate.800}", 900: "{slate.900}", 950: "{slate.950}" }, primary: { color: "{primary.500}", contrastColor: "#ffffff", hoverColor: "{primary.600}", activeColor: "{primary.700}" }, highlight: { background: "{primary.50}", focusBackground: "{primary.100}", color: "{primary.700}", focusColor: "{primary.800}" }, mask: { background: "rgba(0,0,0,0.4)", color: "{surface.200}" }, formField: { background: "{surface.0}", disabledBackground: "{surface.200}", filledBackground: "{surface.50}", filledHoverBackground: "{surface.50}", filledFocusBackground: "{surface.50}", borderColor: "{surface.300}", hoverBorderColor: "{surface.400}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.400}", color: "{surface.700}", disabledColor: "{surface.500}", placeholderColor: "{surface.500}", invalidPlaceholderColor: "{red.600}", floatLabelColor: "{surface.500}", floatLabelFocusColor: "{primary.600}", floatLabelActiveColor: "{surface.500}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.700}", hoverColor: "{surface.800}", mutedColor: "{surface.500}", hoverMutedColor: "{surface.600}" }, content: { background: "{surface.0}", hoverBackground: "{surface.100}", borderColor: "{surface.200}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, popover: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, modal: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.100}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.100}", activeBackground: "{surface.100}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } } }, dark: { surface: { 0: "#ffffff", 50: "{zinc.50}", 100: "{zinc.100}", 200: "{zinc.200}", 300: "{zinc.300}", 400: "{zinc.400}", 500: "{zinc.500}", 600: "{zinc.600}", 700: "{zinc.700}", 800: "{zinc.800}", 900: "{zinc.900}", 950: "{zinc.950}" }, primary: { color: "{primary.400}", contrastColor: "{surface.900}", hoverColor: "{primary.300}", activeColor: "{primary.200}" }, highlight: { background: "color-mix(in srgb, {primary.400}, transparent 84%)", focusBackground: "color-mix(in srgb, {primary.400}, transparent 76%)", color: "rgba(255,255,255,.87)", focusColor: "rgba(255,255,255,.87)" }, mask: { background: "rgba(0,0,0,0.6)", color: "{surface.200}" }, formField: { background: "{surface.950}", disabledBackground: "{surface.700}", filledBackground: "{surface.800}", filledHoverBackground: "{surface.800}", filledFocusBackground: "{surface.800}", borderColor: "{surface.600}", hoverBorderColor: "{surface.500}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.300}", color: "{surface.0}", disabledColor: "{surface.400}", placeholderColor: "{surface.400}", invalidPlaceholderColor: "{red.400}", floatLabelColor: "{surface.400}", floatLabelFocusColor: "{primary.color}", floatLabelActiveColor: "{surface.400}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.0}", hoverColor: "{surface.0}", mutedColor: "{surface.400}", hoverMutedColor: "{surface.300}" }, content: { background: "{surface.900}", hoverBackground: "{surface.800}", borderColor: "{surface.700}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, popover: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, modal: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.800}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.800}", activeBackground: "{surface.800}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } } } } }, dn = { primitive: nn, semantic: an }, cn = { borderRadius: "{content.border.radius}" }, ln = { root: cn }, sn = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, un = { color: "{text.muted.color}", hoverColor: "{text.color}", borderRadius: "{content.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", hoverColor: "{navigation.item.icon.focus.color}" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, fn = { color: "{navigation.item.icon.color}" }, gn = { root: sn, item: un, separator: fn }, pn = { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", gap: "0.5rem", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", iconOnlyWidth: "2.5rem", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}", iconOnlyWidth: "2rem" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}", iconOnlyWidth: "3rem" }, label: { fontWeight: "500" }, raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" }, badgeSize: "1rem", transitionDuration: "{form.field.transition.duration}" }, mn = { light: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", borderColor: "{surface.100}", hoverBorderColor: "{surface.200}", activeBorderColor: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}", focusRing: { color: "{surface.600}", shadow: "none" } }, info: { background: "{sky.500}", hoverBackground: "{sky.600}", activeBackground: "{sky.700}", borderColor: "{sky.500}", hoverBorderColor: "{sky.600}", activeBorderColor: "{sky.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{sky.500}", shadow: "none" } }, success: { background: "{green.500}", hoverBackground: "{green.600}", activeBackground: "{green.700}", borderColor: "{green.500}", hoverBorderColor: "{green.600}", activeBorderColor: "{green.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{green.500}", shadow: "none" } }, warn: { background: "{orange.500}", hoverBackground: "{orange.600}", activeBackground: "{orange.700}", borderColor: "{orange.500}", hoverBorderColor: "{orange.600}", activeBorderColor: "{orange.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{orange.500}", shadow: "none" } }, help: { background: "{purple.500}", hoverBackground: "{purple.600}", activeBackground: "{purple.700}", borderColor: "{purple.500}", hoverBorderColor: "{purple.600}", activeBorderColor: "{purple.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{purple.500}", shadow: "none" } }, danger: { background: "{red.500}", hoverBackground: "{red.600}", activeBackground: "{red.700}", borderColor: "{red.500}", hoverBorderColor: "{red.600}", activeBorderColor: "{red.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{red.500}", shadow: "none" } }, contrast: { background: "{surface.950}", hoverBackground: "{surface.900}", activeBackground: "{surface.800}", borderColor: "{surface.950}", hoverBorderColor: "{surface.900}", activeBorderColor: "{surface.800}", color: "{surface.0}", hoverColor: "{surface.0}", activeColor: "{surface.0}", focusRing: { color: "{surface.950}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", borderColor: "{primary.200}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", borderColor: "{green.200}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", borderColor: "{sky.200}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", borderColor: "{orange.200}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", borderColor: "{purple.200}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", borderColor: "{red.200}", color: "{red.500}" }, contrast: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.700}", color: "{surface.950}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.700}" } }, text: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", color: "{red.500}" }, contrast: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.950}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.700}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } }, dark: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", borderColor: "{surface.800}", hoverBorderColor: "{surface.700}", activeBorderColor: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}", focusRing: { color: "{surface.300}", shadow: "none" } }, info: { background: "{sky.400}", hoverBackground: "{sky.300}", activeBackground: "{sky.200}", borderColor: "{sky.400}", hoverBorderColor: "{sky.300}", activeBorderColor: "{sky.200}", color: "{sky.950}", hoverColor: "{sky.950}", activeColor: "{sky.950}", focusRing: { color: "{sky.400}", shadow: "none" } }, success: { background: "{green.400}", hoverBackground: "{green.300}", activeBackground: "{green.200}", borderColor: "{green.400}", hoverBorderColor: "{green.300}", activeBorderColor: "{green.200}", color: "{green.950}", hoverColor: "{green.950}", activeColor: "{green.950}", focusRing: { color: "{green.400}", shadow: "none" } }, warn: { background: "{orange.400}", hoverBackground: "{orange.300}", activeBackground: "{orange.200}", borderColor: "{orange.400}", hoverBorderColor: "{orange.300}", activeBorderColor: "{orange.200}", color: "{orange.950}", hoverColor: "{orange.950}", activeColor: "{orange.950}", focusRing: { color: "{orange.400}", shadow: "none" } }, help: { background: "{purple.400}", hoverBackground: "{purple.300}", activeBackground: "{purple.200}", borderColor: "{purple.400}", hoverBorderColor: "{purple.300}", activeBorderColor: "{purple.200}", color: "{purple.950}", hoverColor: "{purple.950}", activeColor: "{purple.950}", focusRing: { color: "{purple.400}", shadow: "none" } }, danger: { background: "{red.400}", hoverBackground: "{red.300}", activeBackground: "{red.200}", borderColor: "{red.400}", hoverBorderColor: "{red.300}", activeBorderColor: "{red.200}", color: "{red.950}", hoverColor: "{red.950}", activeColor: "{red.950}", focusRing: { color: "{red.400}", shadow: "none" } }, contrast: { background: "{surface.0}", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{surface.0}", hoverBorderColor: "{surface.100}", activeBorderColor: "{surface.200}", color: "{surface.950}", hoverColor: "{surface.950}", activeColor: "{surface.950}", focusRing: { color: "{surface.0}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", borderColor: "{primary.700}", color: "{primary.color}" }, secondary: { hoverBackground: "rgba(255,255,255,0.04)", activeBackground: "rgba(255,255,255,0.16)", borderColor: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", borderColor: "{green.700}", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", borderColor: "{sky.700}", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", borderColor: "{orange.700}", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", borderColor: "{purple.700}", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", borderColor: "{red.700}", color: "{red.400}" }, contrast: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.500}", color: "{surface.0}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.600}", color: "{surface.0}" } }, text: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", color: "{red.400}" }, contrast: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.0}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.0}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } } }, bn = { root: pn, colorScheme: mn }, hn = { background: "{content.background}", borderRadius: "{border.radius.xl}", color: "{content.color}", shadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" }, vn = { padding: "1.25rem", gap: "0.5rem" }, kn = { gap: "0.5rem" }, yn = { fontSize: "1.25rem", fontWeight: "500" }, Cn = { color: "{text.muted.color}" }, xn = { root: hn, body: vn, caption: kn, title: yn, subtitle: Cn }, wn = { transitionDuration: "{transition.duration}" }, $n = { gap: "0.25rem" }, Bn = { padding: "1rem", gap: "0.5rem" }, Sn = { width: "2rem", height: "0.5rem", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Rn = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, zn = { root: wn, content: $n, indicatorList: Bn, indicator: Sn, colorScheme: Rn }, On = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, _n = { width: "2.5rem", color: "{form.field.icon.color}" }, Pn = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Tn = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, An = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", icon: { color: "{list.option.icon.color}", focusColor: "{list.option.icon.focus.color}", size: "0.875rem" } }, Nn = { color: "{form.field.icon.color}" }, En = { root: On, dropdown: _n, overlay: Pn, list: Tn, option: An, clearIcon: Nn }, jn = { borderRadius: "{border.radius.sm}", width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { width: "1rem", height: "1rem" }, lg: { width: "1.5rem", height: "1.5rem" } }, Dn = { size: "0.875rem", color: "{form.field.color}", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.75rem" }, lg: { size: "1rem" } }, In = { root: jn, icon: Dn }, Ln = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, Wn = { width: "2rem", height: "2rem" }, Mn = { size: "1rem" }, Hn = { size: "1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" } }, Fn = { light: { root: { background: "{surface.100}", color: "{surface.800}" }, icon: { color: "{surface.800}" }, removeIcon: { color: "{surface.800}" } }, dark: { root: { background: "{surface.800}", color: "{surface.0}" }, icon: { color: "{surface.0}" }, removeIcon: { color: "{surface.0}" } } }, Vn = { root: Ln, image: Wn, icon: Mn, removeIcon: Hn, colorScheme: Fn }, Yn = { transitionDuration: "{transition.duration}" }, Un = { width: "1.5rem", height: "1.5rem", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Gn = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, Xn = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, qn = { root: Yn, preview: Un, panel: Gn, colorScheme: Xn }, Kn = { size: "2rem", color: "{overlay.modal.color}" }, Qn = { gap: "1rem" }, Jn = { icon: Kn, content: Qn }, Zn = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, oa = { padding: "{overlay.popover.padding}", gap: "1rem" }, ra = { size: "1.5rem", color: "{overlay.popover.color}" }, ea = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, ta = { root: Zn, content: oa, icon: ra, footer: ea }, na = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, aa = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, ia = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, da = { mobileIndent: "1rem" }, ca = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, la = { borderColor: "{content.border.color}" }, sa = { root: na, list: aa, item: ia, submenu: da, submenuIcon: ca, separator: la }, ua = { transitionDuration: "{transition.duration}" }, fa = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ga = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{datatable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, pa = { fontWeight: "600" }, ma = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, ba = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ha = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, va = { fontWeight: "600" }, ka = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ya = { color: "{primary.color}" }, Ca = { width: "0.5rem" }, xa = { width: "1px", color: "{primary.color}" }, wa = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, $a = { size: "2rem" }, Ba = { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Sa = { inlineGap: "0.5rem", overlaySelect: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, overlayPopover: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}", gap: "0.5rem" }, rule: { borderColor: "{content.border.color}" }, constraintList: { padding: "{list.padding}", gap: "{list.gap}" }, constraint: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", separator: { borderColor: "{content.border.color}" }, padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" } }, Ra = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, za = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Oa = { light: { root: { borderColor: "{content.border.color}" }, row: { stripedBackground: "{surface.50}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, row: { stripedBackground: "{surface.950}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, _a = { root: ua, header: fa, headerCell: ga, columnTitle: pa, row: ma, bodyCell: ba, footerCell: ha, columnFooter: va, footer: ka, dropPoint: ya, columnResizer: Ca, resizeIndicator: xa, sortIcon: wa, loadingIcon: $a, rowToggleButton: Ba, filter: Sa, paginatorTop: Ra, paginatorBottom: za, colorScheme: Oa }, Pa = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, Ta = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, Aa = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, Na = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, Ea = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, ja = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, Da = { root: Pa, header: Ta, content: Aa, footer: Na, paginatorTop: Ea, paginatorBottom: ja }, Ia = { transitionDuration: "{transition.duration}" }, La = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, Wa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, Ma = { gap: "0.5rem", fontWeight: "500" }, Ha = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Fa = { color: "{form.field.icon.color}" }, Va = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, Ya = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, Ua = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, Ga = { margin: "0.5rem 0 0 0" }, Xa = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, qa = { hoverBackground: "{content.hover.background}", selectedBackground: "{primary.color}", rangeSelectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{primary.contrast.color}", rangeSelectedColor: "{highlight.color}", width: "2rem", height: "2rem", borderRadius: "50%", padding: "0.25rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ka = { margin: "0.5rem 0 0 0" }, Qa = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Ja = { margin: "0.5rem 0 0 0" }, Za = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, oi = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, ri = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, ei = { light: { dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" }, today: { background: "{surface.200}", color: "{surface.900}" } }, dark: { dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" }, today: { background: "{surface.700}", color: "{surface.0}" } } }, ti = { root: Ia, panel: La, header: Wa, title: Ma, dropdown: Ha, inputIcon: Fa, selectMonth: Va, selectYear: Ya, group: Ua, dayView: Ga, weekDay: Xa, date: qa, monthView: Ka, month: Qa, yearView: Ja, year: Za, buttonbar: oi, timePicker: ri, colorScheme: ei }, ni = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, ai = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, ii = { fontSize: "1.25rem", fontWeight: "600" }, di = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, ci = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, li = { root: ni, header: ai, title: ii, content: di, footer: ci }, si = { borderColor: "{content.border.color}" }, ui = { background: "{content.background}", color: "{text.color}" }, fi = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, gi = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, pi = { root: si, content: ui, horizontal: fi, vertical: gi }, mi = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, bi = { borderRadius: "{content.border.radius}", padding: "0.5rem", size: "3rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, hi = { root: mi, item: bi }, vi = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, ki = { padding: "{overlay.modal.padding}" }, yi = { fontSize: "1.5rem", fontWeight: "600" }, Ci = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, xi = { padding: "{overlay.modal.padding}" }, wi = { root: vi, header: ki, title: yi, content: Ci, footer: xi }, $i = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, Bi = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Si = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}", padding: "{list.padding}" }, Ri = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, zi = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Oi = { toolbar: $i, toolbarItem: Bi, overlay: Si, overlayOption: Ri, content: zi }, _i = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", padding: "0 1.125rem 1.125rem 1.125rem", transitionDuration: "{transition.duration}" }, Pi = { background: "{content.background}", hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", borderRadius: "{content.border.radius}", borderWidth: "1px", borderColor: "transparent", padding: "0.5rem 0.75rem", gap: "0.5rem", fontWeight: "600", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ti = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, Ai = { padding: "0" }, Ni = { root: _i, legend: Pi, toggleIcon: Ti, content: Ai }, Ei = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, ji = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, Di = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, Ii = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, Li = { gap: "0.5rem" }, Wi = { height: "0.25rem" }, Mi = { gap: "0.5rem" }, Hi = { root: Ei, header: ji, content: Di, file: Ii, fileList: Li, progressbar: Wi, basic: Mi }, Fi = { color: "{form.field.float.label.color}", focusColor: "{form.field.float.label.focus.color}", activeColor: "{form.field.float.label.active.color}", invalidColor: "{form.field.float.label.invalid.color}", transitionDuration: "0.2s", positionX: "{form.field.padding.x}", positionY: "{form.field.padding.y}", fontWeight: "500", active: { fontSize: "0.75rem", fontWeight: "400" } }, Vi = { active: { top: "-1.25rem" } }, Yi = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, Ui = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, Gi = { root: Fi, over: Vi, in: Yi, on: Ui }, Xi = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, qi = { background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.100}", hoverColor: "{surface.0}", size: "3rem", gutter: "0.5rem", prev: { borderRadius: "50%" }, next: { borderRadius: "50%" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ki = { size: "1.5rem" }, Qi = { background: "{content.background}", padding: "1rem 0.25rem" }, Ji = { size: "2rem", borderRadius: "{content.border.radius}", gutter: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Zi = { size: "1rem" }, od = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, rd = { gap: "0.5rem", padding: "1rem" }, ed = { width: "1rem", height: "1rem", activeBackground: "{primary.color}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, td = { background: "rgba(0, 0, 0, 0.5)" }, nd = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, ad = { size: "3rem", gutter: "0.5rem", background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.50}", hoverColor: "{surface.0}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, id = { size: "1.5rem" }, dd = { light: { thumbnailNavButton: { hoverBackground: "{surface.100}", color: "{surface.600}", hoverColor: "{surface.700}" }, indicatorButton: { background: "{surface.200}", hoverBackground: "{surface.300}" } }, dark: { thumbnailNavButton: { hoverBackground: "{surface.700}", color: "{surface.400}", hoverColor: "{surface.0}" }, indicatorButton: { background: "{surface.700}", hoverBackground: "{surface.600}" } } }, cd = { root: Xi, navButton: qi, navIcon: Ki, thumbnailsContent: Qi, thumbnailNavButton: Ji, thumbnailNavButtonIcon: Zi, caption: od, indicatorList: rd, indicatorButton: ed, insetIndicatorList: td, insetIndicatorButton: nd, closeButton: ad, closeButtonIcon: id, colorScheme: dd }, ld = { color: "{form.field.icon.color}" }, sd = { icon: ld }, ud = { color: "{form.field.float.label.color}", focusColor: "{form.field.float.label.focus.color}", invalidColor: "{form.field.float.label.invalid.color}", transitionDuration: "0.2s", positionX: "{form.field.padding.x}", top: "{form.field.padding.y}", fontSize: "0.75rem", fontWeight: "400" }, fd = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, gd = { root: ud, input: fd }, pd = { transitionDuration: "{transition.duration}" }, md = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, bd = { position: { left: "auto", right: "1rem", top: "1rem", bottom: "auto" }, blur: "8px", background: "rgba(255,255,255,0.1)", borderColor: "rgba(255,255,255,0.2)", borderWidth: "1px", borderRadius: "30px", padding: ".5rem", gap: "0.5rem" }, hd = { hoverBackground: "rgba(255,255,255,0.1)", color: "{surface.50}", hoverColor: "{surface.0}", size: "3rem", iconSize: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, vd = { root: pd, preview: md, toolbar: bd, action: hd }, kd = { size: "15px", hoverSize: "30px", background: "rgba(255,255,255,0.3)", hoverBackground: "rgba(255,255,255,0.3)", borderColor: "unset", hoverBorderColor: "unset", borderWidth: "0", borderRadius: "50%", transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "rgba(255,255,255,0.3)", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, yd = { handle: kd }, Cd = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, xd = { fontWeight: "500" }, wd = { size: "1rem" }, $d = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } } }, Bd = { root: Cd, text: xd, icon: wd, colorScheme: $d }, Sd = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{transition.duration}" }, Rd = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, zd = { root: Sd, display: Rd }, Od = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, _d = { borderRadius: "{border.radius.sm}" }, Pd = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, Td = { root: Od, chip: _d, colorScheme: Pd }, Ad = { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.icon.color}", borderRadius: "{form.field.border.radius}", padding: "0.5rem", minWidth: "2.5rem" }, Nd = { addon: Ad }, Ed = { transitionDuration: "{transition.duration}" }, jd = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, Dd = { light: { button: { background: "transparent", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.500}", activeColor: "{surface.600}" } }, dark: { button: { background: "transparent", hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.300}", activeColor: "{surface.200}" } } }, Id = { root: Ed, button: jd, colorScheme: Dd }, Ld = { gap: "0.5rem" }, Wd = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, Md = { root: Ld, input: Wd }, Hd = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Fd = { root: Hd }, Vd = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Yd = { background: "{primary.color}" }, Ud = { background: "{content.border.color}" }, Gd = { color: "{text.muted.color}" }, Xd = { root: Vd, value: Yd, range: Ud, text: Gd }, qd = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", borderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", shadow: "{form.field.shadow}", borderRadius: "{form.field.border.radius}", transitionDuration: "{form.field.transition.duration}" }, Kd = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Qd = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Jd = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Zd = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, oc = { padding: "{list.option.padding}" }, rc = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, ec = { root: qd, list: Kd, option: Qd, optionGroup: Jd, checkmark: Zd, emptyMessage: oc, colorScheme: rc }, tc = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", verticalOrientation: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, horizontalOrientation: { padding: "0.5rem 0.75rem", gap: "0.5rem" }, transitionDuration: "{transition.duration}" }, nc = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, ac = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, ic = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, dc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, cc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, lc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, sc = { borderColor: "{content.border.color}" }, uc = { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, fc = { root: tc, baseItem: nc, item: ac, overlay: ic, submenu: dc, submenuLabel: cc, submenuIcon: lc, separator: sc, mobileButton: uc }, gc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, pc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, mc = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, bc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, hc = { borderColor: "{content.border.color}" }, vc = { root: gc, list: pc, item: mc, submenuLabel: bc, separator: hc }, kc = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.5rem 0.75rem", transitionDuration: "{transition.duration}" }, yc = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Cc = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, xc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", mobileIndent: "1rem", icon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" } }, wc = { borderColor: "{content.border.color}" }, $c = { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Bc = { root: kc, baseItem: yc, item: Cc, submenu: xc, separator: wc, mobileButton: $c }, Sc = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Rc = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, zc = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, Oc = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, _c = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Pc = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, Tc = { root: { borderWidth: "1px" } }, Ac = { content: { padding: "0" } }, Nc = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } }, outlined: { color: "{blue.600}", borderColor: "{blue.600}" }, simple: { color: "{blue.600}" } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } }, outlined: { color: "{green.600}", borderColor: "{green.600}" }, simple: { color: "{green.600}" } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } }, outlined: { color: "{yellow.600}", borderColor: "{yellow.600}" }, simple: { color: "{yellow.600}" } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } }, outlined: { color: "{red.600}", borderColor: "{red.600}" }, simple: { color: "{red.600}" } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } }, outlined: { color: "{surface.500}", borderColor: "{surface.500}" }, simple: { color: "{surface.500}" } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } }, outlined: { color: "{surface.950}", borderColor: "{surface.950}" }, simple: { color: "{surface.950}" } } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } }, outlined: { color: "{blue.500}", borderColor: "{blue.500}" }, simple: { color: "{blue.500}" } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } }, outlined: { color: "{green.500}", borderColor: "{green.500}" }, simple: { color: "{green.500}" } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } }, outlined: { color: "{yellow.500}", borderColor: "{yellow.500}" }, simple: { color: "{yellow.500}" } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } }, outlined: { color: "{red.500}", borderColor: "{red.500}" }, simple: { color: "{red.500}" } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } }, outlined: { color: "{surface.400}", borderColor: "{surface.400}" }, simple: { color: "{surface.400}" } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } }, outlined: { color: "{surface.0}", borderColor: "{surface.0}" }, simple: { color: "{surface.0}" } } } }, Ec = { root: Sc, content: Rc, text: zc, icon: Oc, closeButton: _c, closeIcon: Pc, outlined: Tc, simple: Ac, colorScheme: Nc }, jc = { borderRadius: "{content.border.radius}", gap: "1rem" }, Dc = { background: "{content.border.color}", size: "0.5rem" }, Ic = { gap: "0.5rem" }, Lc = { size: "0.5rem" }, Wc = { size: "1rem" }, Mc = { verticalGap: "0.5rem", horizontalGap: "1rem" }, Hc = { root: jc, meters: Dc, label: Ic, labelMarker: Lc, labelIcon: Wc, labelList: Mc }, Fc = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Vc = { width: "2.5rem", color: "{form.field.icon.color}" }, Yc = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Uc = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Gc = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", gap: "0.5rem" }, Xc = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, qc = { color: "{form.field.icon.color}" }, Kc = { borderRadius: "{border.radius.sm}" }, Qc = { padding: "{list.option.padding}" }, Jc = { root: Fc, dropdown: Vc, overlay: Yc, list: Uc, option: Gc, optionGroup: Xc, chip: Kc, clearIcon: qc, emptyMessage: Qc }, Zc = { gap: "1.125rem" }, ol = { gap: "0.5rem" }, rl = { root: Zc, controls: ol }, el = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, tl = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{content.border.color}", color: "{content.color}", selectedColor: "{highlight.color}", hoverColor: "{content.hover.color}", padding: "0.75rem 1rem", toggleablePadding: "0.75rem 1rem 1.25rem 1rem", borderRadius: "{content.border.radius}" }, nl = { background: "{content.background}", hoverBackground: "{content.hover.background}", borderColor: "{content.border.color}", color: "{text.muted.color}", hoverColor: "{text.color}", size: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, al = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, il = { root: el, node: tl, nodeToggleButton: nl, connector: al }, dl = { outline: { width: "2px", color: "{content.background}" } }, cl = { root: dl }, ll = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, sl = { background: "transparent", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}", width: "2.5rem", height: "2.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, ul = { color: "{text.muted.color}" }, fl = { maxWidth: "2.5rem" }, gl = { root: ll, navButton: sl, currentPageReport: ul, jumpToPageInput: fl }, pl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, ml = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, bl = { padding: "0.375rem 1.125rem" }, hl = { fontWeight: "600" }, vl = { padding: "0 1.125rem 1.125rem 1.125rem" }, kl = { padding: "0 1.125rem 1.125rem 1.125rem" }, yl = { root: pl, header: ml, toggleableHeader: bl, title: hl, content: vl, footer: kl }, Cl = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, xl = { background: "{content.background}", borderColor: "{content.border.color}", borderWidth: "1px", color: "{content.color}", padding: "0.25rem 0.25rem", borderRadius: "{content.border.radius}", first: { borderWidth: "1px", topBorderRadius: "{content.border.radius}" }, last: { borderWidth: "1px", bottomBorderRadius: "{content.border.radius}" } }, wl = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", gap: "0.5rem", padding: "{navigation.item.padding}", borderRadius: "{content.border.radius}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, $l = { indent: "1rem" }, Bl = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Sl = { root: Cl, panel: xl, item: wl, submenu: $l, submenuIcon: Bl }, Rl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, zl = { color: "{form.field.icon.color}" }, Ol = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", padding: "{overlay.popover.padding}", shadow: "{overlay.popover.shadow}" }, _l = { gap: "0.5rem" }, Pl = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, Tl = { meter: Rl, icon: zl, overlay: Ol, content: _l, colorScheme: Pl }, Al = { gap: "1.125rem" }, Nl = { gap: "0.5rem" }, El = { root: Al, controls: Nl }, jl = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, Dl = { padding: "{overlay.popover.padding}" }, Il = { root: jl, content: Dl }, Ll = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, Wl = { background: "{primary.color}" }, Ml = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, Hl = { root: Ll, value: Wl, label: Ml }, Fl = { light: { root: { colorOne: "{red.500}", colorTwo: "{blue.500}", colorThree: "{green.500}", colorFour: "{yellow.500}" } }, dark: { root: { colorOne: "{red.400}", colorTwo: "{blue.400}", colorThree: "{green.400}", colorFour: "{yellow.400}" } } }, Vl = { colorScheme: Fl }, Yl = { width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { width: "1rem", height: "1rem" }, lg: { width: "1.5rem", height: "1.5rem" } }, Ul = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, Gl = { root: Yl, icon: Ul }, Xl = { gap: "0.25rem", transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, ql = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, Kl = { root: Xl, icon: ql }, Ql = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, Jl = { colorScheme: Ql }, Zl = { transitionDuration: "{transition.duration}" }, os = { size: "9px", borderRadius: "{border.radius.sm}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, rs = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, es = { root: Zl, bar: os, colorScheme: rs }, ts = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, ns = { width: "2.5rem", color: "{form.field.icon.color}" }, as = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, is = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, ds = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, cs = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, ls = { color: "{form.field.icon.color}" }, ss = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, us = { padding: "{list.option.padding}" }, fs = { root: ts, dropdown: ns, overlay: as, list: is, option: ds, optionGroup: cs, clearIcon: ls, checkmark: ss, emptyMessage: us }, gs = { borderRadius: "{form.field.border.radius}" }, ps = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, ms = { root: gs, colorScheme: ps }, bs = { borderRadius: "{content.border.radius}" }, hs = { light: { root: { background: "{surface.200}", animationBackground: "rgba(255,255,255,0.4)" } }, dark: { root: { background: "rgba(255, 255, 255, 0.06)", animationBackground: "rgba(255, 255, 255, 0.04)" } } }, vs = { root: bs, colorScheme: hs }, ks = { transitionDuration: "{transition.duration}" }, ys = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, Cs = { background: "{primary.color}" }, xs = { width: "20px", height: "20px", borderRadius: "50%", background: "{content.border.color}", hoverBackground: "{content.border.color}", content: { borderRadius: "50%", hoverBackground: "{content.background}", width: "16px", height: "16px", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, ws = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, $s = { root: ks, track: ys, range: Cs, handle: xs, colorScheme: ws }, Bs = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Ss = { root: Bs }, Rs = { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)" }, zs = { root: Rs }, Os = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, _s = { background: "{content.border.color}" }, Ps = { size: "24px", background: "transparent", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ts = { root: Os, gutter: _s, handle: Ps }, As = { transitionDuration: "{transition.duration}" }, Ns = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, Es = { padding: "0.5rem", gap: "1rem" }, js = { padding: "0", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, Ds = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Is = { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" }, Ls = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, Ws = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, Ms = { root: As, separator: Ns, step: Es, stepHeader: js, stepTitle: Ds, stepNumber: Is, steppanels: Ls, steppanel: Ws }, Hs = { transitionDuration: "{transition.duration}" }, Fs = { background: "{content.border.color}" }, Vs = { borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, Ys = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Us = { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" }, Gs = { root: Hs, separator: Fs, itemLink: Vs, itemLabel: Ys, itemNumber: Us }, Xs = { transitionDuration: "{transition.duration}" }, qs = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Ks = { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Qs = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Js = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Zs = { root: Xs, tablist: qs, item: Ks, itemIcon: Qs, activeBar: Js }, ou = { transitionDuration: "{transition.duration}" }, ru = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, eu = { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, tu = { background: "{content.background}", color: "{content.color}", padding: "0.875rem 1.125rem 1.125rem 1.125rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, nu = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", width: "2.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, au = { height: "1px", bottom: "-1px", background: "{primary.color}" }, iu = { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } }, du = { root: ou, tablist: ru, tab: eu, tabpanel: tu, navButton: nu, activeBar: au, colorScheme: iu }, cu = { transitionDuration: "{transition.duration}" }, lu = { background: "{content.background}", borderColor: "{content.border.color}" }, su = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, uu = { background: "{content.background}", color: "{content.color}" }, fu = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, gu = { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } }, pu = { root: cu, tabList: lu, tab: su, tabPanel: uu, navButton: fu, colorScheme: gu }, mu = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, bu = { size: "0.75rem" }, hu = { light: { primary: { background: "{primary.100}", color: "{primary.700}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.100}", color: "{green.700}" }, info: { background: "{sky.100}", color: "{sky.700}" }, warn: { background: "{orange.100}", color: "{orange.700}" }, danger: { background: "{red.100}", color: "{red.700}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "color-mix(in srgb, {primary.500}, transparent 84%)", color: "{primary.300}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", color: "{green.300}" }, info: { background: "color-mix(in srgb, {sky.500}, transparent 84%)", color: "{sky.300}" }, warn: { background: "color-mix(in srgb, {orange.500}, transparent 84%)", color: "{orange.300}" }, danger: { background: "color-mix(in srgb, {red.500}, transparent 84%)", color: "{red.300}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } }, vu = { root: mu, icon: bu, colorScheme: hu }, ku = { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.color}", height: "18rem", padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{form.field.border.radius}" }, yu = { gap: "0.25rem" }, Cu = { margin: "2px 0" }, xu = { root: ku, prompt: yu, commandResponse: Cu }, wu = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, $u = { root: wu }, Bu = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Su = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Ru = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, zu = { mobileIndent: "1rem" }, Ou = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, _u = { borderColor: "{content.border.color}" }, Pu = { root: Bu, list: Su, item: Ru, submenu: zu, submenuIcon: Ou, separator: _u }, Tu = { minHeight: "5rem" }, Au = { eventContent: { padding: "1rem 0" } }, Nu = { eventContent: { padding: "0 1rem" } }, Eu = { size: "1.125rem", borderRadius: "50%", borderWidth: "2px", background: "{content.background}", borderColor: "{content.border.color}", content: { borderRadius: "50%", size: "0.375rem", background: "{primary.color}", insetShadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" } }, ju = { color: "{content.border.color}", size: "2px" }, Du = { event: Tu, horizontal: Au, vertical: Nu, eventMarker: Eu, eventConnector: ju }, Iu = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Lu = { size: "1.125rem" }, Wu = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, Mu = { gap: "0.5rem" }, Hu = { fontWeight: "500", fontSize: "1rem" }, Fu = { fontWeight: "500", fontSize: "0.875rem" }, Vu = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Yu = { size: "1rem" }, Uu = { light: { root: { blur: "1.5px" }, info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } } } }, dark: { root: { blur: "10px" }, info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", detailColor: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } } } } }, Gu = { root: Iu, icon: Lu, content: Wu, text: Mu, summary: Hu, detail: Fu, closeButton: Vu, closeIcon: Yu, colorScheme: Uu }, Xu = { padding: "0.25rem", borderRadius: "{content.border.radius}", gap: "0.5rem", fontWeight: "500", disabledBackground: "{form.field.disabled.background}", disabledBorderColor: "{form.field.disabled.background}", disabledColor: "{form.field.disabled.color}", invalidBorderColor: "{form.field.invalid.border.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", padding: "0.25rem" }, lg: { fontSize: "{form.field.lg.font.size}", padding: "0.25rem" } }, qu = { disabledColor: "{form.field.disabled.color}" }, Ku = { padding: "0.25rem 0.75rem", borderRadius: "{content.border.radius}", checkedShadow: "0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)", sm: { padding: "0.25rem 0.75rem" }, lg: { padding: "0.25rem 0.75rem" } }, Qu = { light: { root: { background: "{surface.100}", checkedBackground: "{surface.100}", hoverBackground: "{surface.100}", borderColor: "{surface.100}", color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}", checkedBorderColor: "{surface.100}" }, content: { checkedBackground: "{surface.0}" }, icon: { color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}" } }, dark: { root: { background: "{surface.950}", checkedBackground: "{surface.950}", hoverBackground: "{surface.950}", borderColor: "{surface.950}", color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}", checkedBorderColor: "{surface.950}" }, content: { checkedBackground: "{surface.800}" }, icon: { color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}" } } }, Ju = { root: Xu, icon: qu, content: Ku, colorScheme: Qu }, Zu = { width: "2.5rem", height: "1.5rem", borderRadius: "30px", gap: "0.25rem", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, borderWidth: "1px", borderColor: "transparent", hoverBorderColor: "transparent", checkedBorderColor: "transparent", checkedHoverBorderColor: "transparent", invalidBorderColor: "{form.field.invalid.border.color}", transitionDuration: "{form.field.transition.duration}", slideDuration: "0.2s" }, of = { borderRadius: "50%", size: "1rem" }, rf = { light: { root: { background: "{surface.300}", disabledBackground: "{form.field.disabled.background}", hoverBackground: "{surface.400}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.0}", disabledBackground: "{form.field.disabled.color}", hoverBackground: "{surface.0}", checkedBackground: "{surface.0}", checkedHoverBackground: "{surface.0}", color: "{text.muted.color}", hoverColor: "{text.color}", checkedColor: "{primary.color}", checkedHoverColor: "{primary.hover.color}" } }, dark: { root: { background: "{surface.700}", disabledBackground: "{surface.600}", hoverBackground: "{surface.600}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.400}", disabledBackground: "{surface.900}", hoverBackground: "{surface.300}", checkedBackground: "{surface.900}", checkedHoverBackground: "{surface.900}", color: "{surface.900}", hoverColor: "{surface.800}", checkedColor: "{primary.color}", checkedHoverColor: "{primary.hover.color}" } } }, ef = { root: Zu, handle: of, colorScheme: rf }, tf = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, nf = { root: tf }, af = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, df = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, cf = { root: af, colorScheme: df }, lf = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, sf = { padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.color}", hoverColor: "{text.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, gap: "0.25rem" }, uf = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, ff = { borderRadius: "50%", size: "1.75rem", hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedHoverColor: "{primary.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, gf = { size: "2rem" }, pf = { margin: "0 0 0.5rem 0" }, mf = { root: lf, node: sf, nodeIcon: uf, nodeToggleButton: ff, loadingIcon: gf, filter: pf }, bf = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, hf = { width: "2.5rem", color: "{form.field.icon.color}" }, vf = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, kf = { padding: "{list.padding}" }, yf = { padding: "{list.option.padding}" }, Cf = { borderRadius: "{border.radius.sm}" }, xf = { color: "{form.field.icon.color}" }, wf = { root: bf, dropdown: hf, overlay: vf, tree: kf, emptyMessage: yf, chip: Cf, clearIcon: xf }, $f = { transitionDuration: "{transition.duration}" }, Bf = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Sf = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{treetable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, Rf = { fontWeight: "600" }, zf = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, Of = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, _f = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, Pf = { fontWeight: "600" }, Tf = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Af = { width: "0.5rem" }, Nf = { width: "1px", color: "{primary.color}" }, Ef = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, jf = { size: "2rem" }, Df = { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, If = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Lf = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Wf = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, Mf = { root: $f, header: Bf, headerCell: Sf, columnTitle: Rf, row: zf, bodyCell: Of, footerCell: _f, columnFooter: Pf, footer: Tf, columnResizer: Af, resizeIndicator: Nf, sortIcon: Ef, loadingIcon: jf, nodeToggleButton: Df, paginatorTop: If, paginatorBottom: Lf, colorScheme: Wf }, Hf = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, Ff = { loader: Hf }, Vf = Object.defineProperty, Yf = Object.defineProperties, Uf = Object.getOwnPropertyDescriptors, sr = Object.getOwnPropertySymbols, Gf = Object.prototype.hasOwnProperty, Xf = Object.prototype.propertyIsEnumerable, ur = (o, r, e) => r in o ? Vf(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, fr, qf = (fr = ((o, r) => {
-  for (var e in r || (r = {})) Gf.call(r, e) && ur(o, e, r[e]);
-  if (sr) for (var e of sr(r)) Xf.call(r, e) && ur(o, e, r[e]);
+}, Pt = { transitionDuration: "{transition.duration}" }, Tt = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, Nt = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}", padding: "1.125rem", fontWeight: "600", borderRadius: "0", borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", hoverBackground: "{content.background}", activeBackground: "{content.background}", activeHoverBackground: "{content.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, toggleIcon: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}" }, first: { topBorderRadius: "{content.border.radius}", borderWidth: "0" }, last: { bottomBorderRadius: "{content.border.radius}", activeBottomBorderRadius: "0" } }, At = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, Et = { root: Pt, panel: Tt, header: Nt, content: At }, jt = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, Dt = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, It = { padding: "{list.padding}", gap: "{list.gap}" }, Lt = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Wt = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Mt = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ht = { borderRadius: "{border.radius.sm}" }, Ft = { padding: "{list.option.padding}" }, Vt = { light: { chip: { focusBackground: "{surface.200}", focusColor: "{surface.800}" }, dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", focusColor: "{surface.0}" }, dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" } } }, Yt = { root: jt, overlay: Dt, list: It, option: Lt, optionGroup: Wt, dropdown: Mt, chip: Ht, emptyMessage: Ft, colorScheme: Vt }, Ut = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Gt = { size: "1rem" }, Xt = { borderColor: "{content.background}", offset: "-0.75rem" }, qt = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, Kt = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, Qt = { root: Ut, icon: Gt, group: Xt, lg: qt, xl: Kt }, Jt = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, Zt = { size: "0.5rem" }, on = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, rn = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, en = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, tn = { light: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.500}", color: "{surface.0}" }, info: { background: "{sky.500}", color: "{surface.0}" }, warn: { background: "{orange.500}", color: "{surface.0}" }, danger: { background: "{red.500}", color: "{surface.0}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "{primary.color}", color: "{primary.contrast.color}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "{green.400}", color: "{green.950}" }, info: { background: "{sky.400}", color: "{sky.950}" }, warn: { background: "{orange.400}", color: "{orange.950}" }, danger: { background: "{red.400}", color: "{red.950}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } }, nn = { root: Jt, dot: Zt, sm: on, lg: rn, xl: en, colorScheme: tn }, an = { borderRadius: { none: "0", xs: "2px", sm: "4px", md: "6px", lg: "8px", xl: "12px" }, emerald: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }, green: { 50: "#f0fdf4", 100: "#dcfce7", 200: "#bbf7d0", 300: "#86efac", 400: "#4ade80", 500: "#22c55e", 600: "#16a34a", 700: "#15803d", 800: "#166534", 900: "#14532d", 950: "#052e16" }, lime: { 50: "#f7fee7", 100: "#ecfccb", 200: "#d9f99d", 300: "#bef264", 400: "#a3e635", 500: "#84cc16", 600: "#65a30d", 700: "#4d7c0f", 800: "#3f6212", 900: "#365314", 950: "#1a2e05" }, red: { 50: "#fef2f2", 100: "#fee2e2", 200: "#fecaca", 300: "#fca5a5", 400: "#f87171", 500: "#ef4444", 600: "#dc2626", 700: "#b91c1c", 800: "#991b1b", 900: "#7f1d1d", 950: "#450a0a" }, orange: { 50: "#fff7ed", 100: "#ffedd5", 200: "#fed7aa", 300: "#fdba74", 400: "#fb923c", 500: "#f97316", 600: "#ea580c", 700: "#c2410c", 800: "#9a3412", 900: "#7c2d12", 950: "#431407" }, amber: { 50: "#fffbeb", 100: "#fef3c7", 200: "#fde68a", 300: "#fcd34d", 400: "#fbbf24", 500: "#f59e0b", 600: "#d97706", 700: "#b45309", 800: "#92400e", 900: "#78350f", 950: "#451a03" }, yellow: { 50: "#fefce8", 100: "#fef9c3", 200: "#fef08a", 300: "#fde047", 400: "#facc15", 500: "#eab308", 600: "#ca8a04", 700: "#a16207", 800: "#854d0e", 900: "#713f12", 950: "#422006" }, teal: { 50: "#f0fdfa", 100: "#ccfbf1", 200: "#99f6e4", 300: "#5eead4", 400: "#2dd4bf", 500: "#14b8a6", 600: "#0d9488", 700: "#0f766e", 800: "#115e59", 900: "#134e4a", 950: "#042f2e" }, cyan: { 50: "#ecfeff", 100: "#cffafe", 200: "#a5f3fc", 300: "#67e8f9", 400: "#22d3ee", 500: "#06b6d4", 600: "#0891b2", 700: "#0e7490", 800: "#155e75", 900: "#164e63", 950: "#083344" }, sky: { 50: "#f0f9ff", 100: "#e0f2fe", 200: "#bae6fd", 300: "#7dd3fc", 400: "#38bdf8", 500: "#0ea5e9", 600: "#0284c7", 700: "#0369a1", 800: "#075985", 900: "#0c4a6e", 950: "#082f49" }, blue: { 50: "#eff6ff", 100: "#dbeafe", 200: "#bfdbfe", 300: "#93c5fd", 400: "#60a5fa", 500: "#3b82f6", 600: "#2563eb", 700: "#1d4ed8", 800: "#1e40af", 900: "#1e3a8a", 950: "#172554" }, indigo: { 50: "#eef2ff", 100: "#e0e7ff", 200: "#c7d2fe", 300: "#a5b4fc", 400: "#818cf8", 500: "#6366f1", 600: "#4f46e5", 700: "#4338ca", 800: "#3730a3", 900: "#312e81", 950: "#1e1b4b" }, violet: { 50: "#f5f3ff", 100: "#ede9fe", 200: "#ddd6fe", 300: "#c4b5fd", 400: "#a78bfa", 500: "#8b5cf6", 600: "#7c3aed", 700: "#6d28d9", 800: "#5b21b6", 900: "#4c1d95", 950: "#2e1065" }, purple: { 50: "#faf5ff", 100: "#f3e8ff", 200: "#e9d5ff", 300: "#d8b4fe", 400: "#c084fc", 500: "#a855f7", 600: "#9333ea", 700: "#7e22ce", 800: "#6b21a8", 900: "#581c87", 950: "#3b0764" }, fuchsia: { 50: "#fdf4ff", 100: "#fae8ff", 200: "#f5d0fe", 300: "#f0abfc", 400: "#e879f9", 500: "#d946ef", 600: "#c026d3", 700: "#a21caf", 800: "#86198f", 900: "#701a75", 950: "#4a044e" }, pink: { 50: "#fdf2f8", 100: "#fce7f3", 200: "#fbcfe8", 300: "#f9a8d4", 400: "#f472b6", 500: "#ec4899", 600: "#db2777", 700: "#be185d", 800: "#9d174d", 900: "#831843", 950: "#500724" }, rose: { 50: "#fff1f2", 100: "#ffe4e6", 200: "#fecdd3", 300: "#fda4af", 400: "#fb7185", 500: "#f43f5e", 600: "#e11d48", 700: "#be123c", 800: "#9f1239", 900: "#881337", 950: "#4c0519" }, slate: { 50: "#f8fafc", 100: "#f1f5f9", 200: "#e2e8f0", 300: "#cbd5e1", 400: "#94a3b8", 500: "#64748b", 600: "#475569", 700: "#334155", 800: "#1e293b", 900: "#0f172a", 950: "#020617" }, gray: { 50: "#f9fafb", 100: "#f3f4f6", 200: "#e5e7eb", 300: "#d1d5db", 400: "#9ca3af", 500: "#6b7280", 600: "#4b5563", 700: "#374151", 800: "#1f2937", 900: "#111827", 950: "#030712" }, zinc: { 50: "#fafafa", 100: "#f4f4f5", 200: "#e4e4e7", 300: "#d4d4d8", 400: "#a1a1aa", 500: "#71717a", 600: "#52525b", 700: "#3f3f46", 800: "#27272a", 900: "#18181b", 950: "#09090b" }, neutral: { 50: "#fafafa", 100: "#f5f5f5", 200: "#e5e5e5", 300: "#d4d4d4", 400: "#a3a3a3", 500: "#737373", 600: "#525252", 700: "#404040", 800: "#262626", 900: "#171717", 950: "#0a0a0a" }, stone: { 50: "#fafaf9", 100: "#f5f5f4", 200: "#e7e5e4", 300: "#d6d3d1", 400: "#a8a29e", 500: "#78716c", 600: "#57534e", 700: "#44403c", 800: "#292524", 900: "#1c1917", 950: "#0c0a09" } }, dn = { transitionDuration: "0.2s", focusRing: { width: "1px", style: "solid", color: "{primary.color}", offset: "2px", shadow: "none" }, disabledOpacity: "0.6", iconSize: "1rem", anchorGutter: "2px", primary: { 50: "{emerald.50}", 100: "{emerald.100}", 200: "{emerald.200}", 300: "{emerald.300}", 400: "{emerald.400}", 500: "{emerald.500}", 600: "{emerald.600}", 700: "{emerald.700}", 800: "{emerald.800}", 900: "{emerald.900}", 950: "{emerald.950}" }, formField: { paddingX: "0.75rem", paddingY: "0.5rem", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.375rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.625rem" }, borderRadius: "{border.radius.md}", focusRing: { width: "0", style: "none", color: "transparent", offset: "0", shadow: "none" }, transitionDuration: "{transition.duration}" }, list: { padding: "0.25rem 0.25rem", gap: "2px", header: { padding: "0.5rem 1rem 0.25rem 1rem" }, option: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}" }, optionGroup: { padding: "0.5rem 0.75rem", fontWeight: "600" } }, content: { borderRadius: "{border.radius.md}" }, mask: { transitionDuration: "0.15s" }, navigation: { list: { padding: "0.25rem 0.25rem", gap: "2px" }, item: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}", gap: "0.5rem" }, submenuLabel: { padding: "0.5rem 0.75rem", fontWeight: "600" }, submenuIcon: { size: "0.875rem" } }, overlay: { select: { borderRadius: "{border.radius.md}", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, popover: { borderRadius: "{border.radius.md}", padding: "0.75rem", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, modal: { borderRadius: "{border.radius.xl}", padding: "1.25rem", shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)" }, navigation: { shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" } }, colorScheme: { light: { surface: { 0: "#ffffff", 50: "{slate.50}", 100: "{slate.100}", 200: "{slate.200}", 300: "{slate.300}", 400: "{slate.400}", 500: "{slate.500}", 600: "{slate.600}", 700: "{slate.700}", 800: "{slate.800}", 900: "{slate.900}", 950: "{slate.950}" }, primary: { color: "{primary.500}", contrastColor: "#ffffff", hoverColor: "{primary.600}", activeColor: "{primary.700}" }, highlight: { background: "{primary.50}", focusBackground: "{primary.100}", color: "{primary.700}", focusColor: "{primary.800}" }, mask: { background: "rgba(0,0,0,0.4)", color: "{surface.200}" }, formField: { background: "{surface.0}", disabledBackground: "{surface.200}", filledBackground: "{surface.50}", filledHoverBackground: "{surface.50}", filledFocusBackground: "{surface.50}", borderColor: "{surface.300}", hoverBorderColor: "{surface.400}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.400}", color: "{surface.700}", disabledColor: "{surface.500}", placeholderColor: "{surface.500}", invalidPlaceholderColor: "{red.600}", floatLabelColor: "{surface.500}", floatLabelFocusColor: "{primary.600}", floatLabelActiveColor: "{surface.500}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.700}", hoverColor: "{surface.800}", mutedColor: "{surface.500}", hoverMutedColor: "{surface.600}" }, content: { background: "{surface.0}", hoverBackground: "{surface.100}", borderColor: "{surface.200}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, popover: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, modal: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.100}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.100}", activeBackground: "{surface.100}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } } }, dark: { surface: { 0: "#ffffff", 50: "{zinc.50}", 100: "{zinc.100}", 200: "{zinc.200}", 300: "{zinc.300}", 400: "{zinc.400}", 500: "{zinc.500}", 600: "{zinc.600}", 700: "{zinc.700}", 800: "{zinc.800}", 900: "{zinc.900}", 950: "{zinc.950}" }, primary: { color: "{primary.400}", contrastColor: "{surface.900}", hoverColor: "{primary.300}", activeColor: "{primary.200}" }, highlight: { background: "color-mix(in srgb, {primary.400}, transparent 84%)", focusBackground: "color-mix(in srgb, {primary.400}, transparent 76%)", color: "rgba(255,255,255,.87)", focusColor: "rgba(255,255,255,.87)" }, mask: { background: "rgba(0,0,0,0.6)", color: "{surface.200}" }, formField: { background: "{surface.950}", disabledBackground: "{surface.700}", filledBackground: "{surface.800}", filledHoverBackground: "{surface.800}", filledFocusBackground: "{surface.800}", borderColor: "{surface.600}", hoverBorderColor: "{surface.500}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.300}", color: "{surface.0}", disabledColor: "{surface.400}", placeholderColor: "{surface.400}", invalidPlaceholderColor: "{red.400}", floatLabelColor: "{surface.400}", floatLabelFocusColor: "{primary.color}", floatLabelActiveColor: "{surface.400}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.0}", hoverColor: "{surface.0}", mutedColor: "{surface.400}", hoverMutedColor: "{surface.300}" }, content: { background: "{surface.900}", hoverBackground: "{surface.800}", borderColor: "{surface.700}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, popover: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, modal: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.800}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.800}", activeBackground: "{surface.800}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } } } } }, cn = { primitive: an, semantic: dn }, ln = { borderRadius: "{content.border.radius}" }, sn = { root: ln }, un = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, fn = { color: "{text.muted.color}", hoverColor: "{text.color}", borderRadius: "{content.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", hoverColor: "{navigation.item.icon.focus.color}" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, gn = { color: "{navigation.item.icon.color}" }, pn = { root: un, item: fn, separator: gn }, mn = { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", gap: "0.5rem", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", iconOnlyWidth: "2.5rem", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}", iconOnlyWidth: "2rem" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}", iconOnlyWidth: "3rem" }, label: { fontWeight: "500" }, raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" }, badgeSize: "1rem", transitionDuration: "{form.field.transition.duration}" }, bn = { light: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", borderColor: "{surface.100}", hoverBorderColor: "{surface.200}", activeBorderColor: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}", focusRing: { color: "{surface.600}", shadow: "none" } }, info: { background: "{sky.500}", hoverBackground: "{sky.600}", activeBackground: "{sky.700}", borderColor: "{sky.500}", hoverBorderColor: "{sky.600}", activeBorderColor: "{sky.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{sky.500}", shadow: "none" } }, success: { background: "{green.500}", hoverBackground: "{green.600}", activeBackground: "{green.700}", borderColor: "{green.500}", hoverBorderColor: "{green.600}", activeBorderColor: "{green.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{green.500}", shadow: "none" } }, warn: { background: "{orange.500}", hoverBackground: "{orange.600}", activeBackground: "{orange.700}", borderColor: "{orange.500}", hoverBorderColor: "{orange.600}", activeBorderColor: "{orange.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{orange.500}", shadow: "none" } }, help: { background: "{purple.500}", hoverBackground: "{purple.600}", activeBackground: "{purple.700}", borderColor: "{purple.500}", hoverBorderColor: "{purple.600}", activeBorderColor: "{purple.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{purple.500}", shadow: "none" } }, danger: { background: "{red.500}", hoverBackground: "{red.600}", activeBackground: "{red.700}", borderColor: "{red.500}", hoverBorderColor: "{red.600}", activeBorderColor: "{red.700}", color: "#ffffff", hoverColor: "#ffffff", activeColor: "#ffffff", focusRing: { color: "{red.500}", shadow: "none" } }, contrast: { background: "{surface.950}", hoverBackground: "{surface.900}", activeBackground: "{surface.800}", borderColor: "{surface.950}", hoverBorderColor: "{surface.900}", activeBorderColor: "{surface.800}", color: "{surface.0}", hoverColor: "{surface.0}", activeColor: "{surface.0}", focusRing: { color: "{surface.950}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", borderColor: "{primary.200}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", borderColor: "{green.200}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", borderColor: "{sky.200}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", borderColor: "{orange.200}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", borderColor: "{purple.200}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", borderColor: "{red.200}", color: "{red.500}" }, contrast: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.700}", color: "{surface.950}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", borderColor: "{surface.200}", color: "{surface.700}" } }, text: { primary: { hoverBackground: "{primary.50}", activeBackground: "{primary.100}", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.500}" }, success: { hoverBackground: "{green.50}", activeBackground: "{green.100}", color: "{green.500}" }, info: { hoverBackground: "{sky.50}", activeBackground: "{sky.100}", color: "{sky.500}" }, warn: { hoverBackground: "{orange.50}", activeBackground: "{orange.100}", color: "{orange.500}" }, help: { hoverBackground: "{purple.50}", activeBackground: "{purple.100}", color: "{purple.500}" }, danger: { hoverBackground: "{red.50}", activeBackground: "{red.100}", color: "{red.500}" }, contrast: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.950}" }, plain: { hoverBackground: "{surface.50}", activeBackground: "{surface.100}", color: "{surface.700}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } }, dark: { root: { primary: { background: "{primary.color}", hoverBackground: "{primary.hover.color}", activeBackground: "{primary.active.color}", borderColor: "{primary.color}", hoverBorderColor: "{primary.hover.color}", activeBorderColor: "{primary.active.color}", color: "{primary.contrast.color}", hoverColor: "{primary.contrast.color}", activeColor: "{primary.contrast.color}", focusRing: { color: "{primary.color}", shadow: "none" } }, secondary: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", borderColor: "{surface.800}", hoverBorderColor: "{surface.700}", activeBorderColor: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}", focusRing: { color: "{surface.300}", shadow: "none" } }, info: { background: "{sky.400}", hoverBackground: "{sky.300}", activeBackground: "{sky.200}", borderColor: "{sky.400}", hoverBorderColor: "{sky.300}", activeBorderColor: "{sky.200}", color: "{sky.950}", hoverColor: "{sky.950}", activeColor: "{sky.950}", focusRing: { color: "{sky.400}", shadow: "none" } }, success: { background: "{green.400}", hoverBackground: "{green.300}", activeBackground: "{green.200}", borderColor: "{green.400}", hoverBorderColor: "{green.300}", activeBorderColor: "{green.200}", color: "{green.950}", hoverColor: "{green.950}", activeColor: "{green.950}", focusRing: { color: "{green.400}", shadow: "none" } }, warn: { background: "{orange.400}", hoverBackground: "{orange.300}", activeBackground: "{orange.200}", borderColor: "{orange.400}", hoverBorderColor: "{orange.300}", activeBorderColor: "{orange.200}", color: "{orange.950}", hoverColor: "{orange.950}", activeColor: "{orange.950}", focusRing: { color: "{orange.400}", shadow: "none" } }, help: { background: "{purple.400}", hoverBackground: "{purple.300}", activeBackground: "{purple.200}", borderColor: "{purple.400}", hoverBorderColor: "{purple.300}", activeBorderColor: "{purple.200}", color: "{purple.950}", hoverColor: "{purple.950}", activeColor: "{purple.950}", focusRing: { color: "{purple.400}", shadow: "none" } }, danger: { background: "{red.400}", hoverBackground: "{red.300}", activeBackground: "{red.200}", borderColor: "{red.400}", hoverBorderColor: "{red.300}", activeBorderColor: "{red.200}", color: "{red.950}", hoverColor: "{red.950}", activeColor: "{red.950}", focusRing: { color: "{red.400}", shadow: "none" } }, contrast: { background: "{surface.0}", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{surface.0}", hoverBorderColor: "{surface.100}", activeBorderColor: "{surface.200}", color: "{surface.950}", hoverColor: "{surface.950}", activeColor: "{surface.950}", focusRing: { color: "{surface.0}", shadow: "none" } } }, outlined: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", borderColor: "{primary.700}", color: "{primary.color}" }, secondary: { hoverBackground: "rgba(255,255,255,0.04)", activeBackground: "rgba(255,255,255,0.16)", borderColor: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", borderColor: "{green.700}", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", borderColor: "{sky.700}", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", borderColor: "{orange.700}", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", borderColor: "{purple.700}", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", borderColor: "{red.700}", color: "{red.400}" }, contrast: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.500}", color: "{surface.0}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{surface.600}", color: "{surface.0}" } }, text: { primary: { hoverBackground: "color-mix(in srgb, {primary.color}, transparent 96%)", activeBackground: "color-mix(in srgb, {primary.color}, transparent 84%)", color: "{primary.color}" }, secondary: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.400}" }, success: { hoverBackground: "color-mix(in srgb, {green.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {green.400}, transparent 84%)", color: "{green.400}" }, info: { hoverBackground: "color-mix(in srgb, {sky.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {sky.400}, transparent 84%)", color: "{sky.400}" }, warn: { hoverBackground: "color-mix(in srgb, {orange.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {orange.400}, transparent 84%)", color: "{orange.400}" }, help: { hoverBackground: "color-mix(in srgb, {purple.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {purple.400}, transparent 84%)", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {red.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {red.400}, transparent 84%)", color: "{red.400}" }, contrast: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.0}" }, plain: { hoverBackground: "{surface.800}", activeBackground: "{surface.700}", color: "{surface.0}" } }, link: { color: "{primary.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" } } }, hn = { root: mn, colorScheme: bn }, vn = { background: "{content.background}", borderRadius: "{border.radius.xl}", color: "{content.color}", shadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)" }, kn = { padding: "1.25rem", gap: "0.5rem" }, yn = { gap: "0.5rem" }, Cn = { fontSize: "1.25rem", fontWeight: "500" }, xn = { color: "{text.muted.color}" }, wn = { root: vn, body: kn, caption: yn, title: Cn, subtitle: xn }, $n = { transitionDuration: "{transition.duration}" }, Bn = { gap: "0.25rem" }, Sn = { padding: "1rem", gap: "0.5rem" }, Rn = { width: "2rem", height: "0.5rem", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, zn = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, On = { root: $n, content: Bn, indicatorList: Sn, indicator: Rn, colorScheme: zn }, _n = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Pn = { width: "2.5rem", color: "{form.field.icon.color}" }, Tn = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Nn = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, An = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", icon: { color: "{list.option.icon.color}", focusColor: "{list.option.icon.focus.color}", size: "0.875rem" } }, En = { color: "{form.field.icon.color}" }, jn = { root: _n, dropdown: Pn, overlay: Tn, list: Nn, option: An, clearIcon: En }, Dn = { borderRadius: "{border.radius.sm}", width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { width: "1rem", height: "1rem" }, lg: { width: "1.5rem", height: "1.5rem" } }, In = { size: "0.875rem", color: "{form.field.color}", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.75rem" }, lg: { size: "1rem" } }, Ln = { root: Dn, icon: In }, Wn = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, Mn = { width: "2rem", height: "2rem" }, Hn = { size: "1rem" }, Fn = { size: "1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" } }, Vn = { light: { root: { background: "{surface.100}", color: "{surface.800}" }, icon: { color: "{surface.800}" }, removeIcon: { color: "{surface.800}" } }, dark: { root: { background: "{surface.800}", color: "{surface.0}" }, icon: { color: "{surface.0}" }, removeIcon: { color: "{surface.0}" } } }, Yn = { root: Wn, image: Mn, icon: Hn, removeIcon: Fn, colorScheme: Vn }, Un = { transitionDuration: "{transition.duration}" }, Gn = { width: "1.5rem", height: "1.5rem", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Xn = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, qn = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, Kn = { root: Un, preview: Gn, panel: Xn, colorScheme: qn }, Qn = { size: "2rem", color: "{overlay.modal.color}" }, Jn = { gap: "1rem" }, Zn = { icon: Qn, content: Jn }, oa = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, ra = { padding: "{overlay.popover.padding}", gap: "1rem" }, ea = { size: "1.5rem", color: "{overlay.popover.color}" }, ta = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, na = { root: oa, content: ra, icon: ea, footer: ta }, aa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, ia = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, da = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, ca = { mobileIndent: "1rem" }, la = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, sa = { borderColor: "{content.border.color}" }, ua = { root: aa, list: ia, item: da, submenu: ca, submenuIcon: la, separator: sa }, fa = { transitionDuration: "{transition.duration}" }, ga = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, pa = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{datatable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ma = { fontWeight: "600" }, ba = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, ha = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, va = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ka = { fontWeight: "600" }, ya = { background: "{content.background}", borderColor: "{datatable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, Ca = { color: "{primary.color}" }, xa = { width: "0.5rem" }, wa = { width: "1px", color: "{primary.color}" }, $a = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Ba = { size: "2rem" }, Sa = { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ra = { inlineGap: "0.5rem", overlaySelect: { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, overlayPopover: { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}", gap: "0.5rem" }, rule: { borderColor: "{content.border.color}" }, constraintList: { padding: "{list.padding}", gap: "{list.gap}" }, constraint: { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", separator: { borderColor: "{content.border.color}" }, padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" } }, za = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Oa = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, _a = { light: { root: { borderColor: "{content.border.color}" }, row: { stripedBackground: "{surface.50}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, row: { stripedBackground: "{surface.950}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, Pa = { root: fa, header: ga, headerCell: pa, columnTitle: ma, row: ba, bodyCell: ha, footerCell: va, columnFooter: ka, footer: ya, dropPoint: Ca, columnResizer: xa, resizeIndicator: wa, sortIcon: $a, loadingIcon: Ba, rowToggleButton: Sa, filter: Ra, paginatorTop: za, paginatorBottom: Oa, colorScheme: _a }, Ta = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, Na = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, Aa = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, Ea = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, ja = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Da = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, Ia = { root: Ta, header: Na, content: Aa, footer: Ea, paginatorTop: ja, paginatorBottom: Da }, La = { transitionDuration: "{transition.duration}" }, Wa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, Ma = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, Ha = { gap: "0.5rem", fontWeight: "500" }, Fa = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Va = { color: "{form.field.icon.color}" }, Ya = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, Ua = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, Ga = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, Xa = { margin: "0.5rem 0 0 0" }, qa = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, Ka = { hoverBackground: "{content.hover.background}", selectedBackground: "{primary.color}", rangeSelectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{primary.contrast.color}", rangeSelectedColor: "{highlight.color}", width: "2rem", height: "2rem", borderRadius: "50%", padding: "0.25rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Qa = { margin: "0.5rem 0 0 0" }, Ja = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Za = { margin: "0.5rem 0 0 0" }, oi = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, ri = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, ei = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, ti = { light: { dropdown: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" }, today: { background: "{surface.200}", color: "{surface.900}" } }, dark: { dropdown: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.600}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" }, today: { background: "{surface.700}", color: "{surface.0}" } } }, ni = { root: La, panel: Wa, header: Ma, title: Ha, dropdown: Fa, inputIcon: Va, selectMonth: Ya, selectYear: Ua, group: Ga, dayView: Xa, weekDay: qa, date: Ka, monthView: Qa, month: Ja, yearView: Za, year: oi, buttonbar: ri, timePicker: ei, colorScheme: ti }, ai = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, ii = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, di = { fontSize: "1.25rem", fontWeight: "600" }, ci = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, li = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, si = { root: ai, header: ii, title: di, content: ci, footer: li }, ui = { borderColor: "{content.border.color}" }, fi = { background: "{content.background}", color: "{text.color}" }, gi = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, pi = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, mi = { root: ui, content: fi, horizontal: gi, vertical: pi }, bi = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, hi = { borderRadius: "{content.border.radius}", padding: "0.5rem", size: "3rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, vi = { root: bi, item: hi }, ki = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, yi = { padding: "{overlay.modal.padding}" }, Ci = { fontSize: "1.5rem", fontWeight: "600" }, xi = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, wi = { padding: "{overlay.modal.padding}" }, $i = { root: ki, header: yi, title: Ci, content: xi, footer: wi }, Bi = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, Si = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Ri = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}", padding: "{list.padding}" }, zi = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Oi = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, _i = { toolbar: Bi, toolbarItem: Si, overlay: Ri, overlayOption: zi, content: Oi }, Pi = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", padding: "0 1.125rem 1.125rem 1.125rem", transitionDuration: "{transition.duration}" }, Ti = { background: "{content.background}", hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", borderRadius: "{content.border.radius}", borderWidth: "1px", borderColor: "transparent", padding: "0.5rem 0.75rem", gap: "0.5rem", fontWeight: "600", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ni = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, Ai = { padding: "0" }, Ei = { root: Pi, legend: Ti, toggleIcon: Ni, content: Ai }, ji = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Di = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, Ii = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, Li = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, Wi = { gap: "0.5rem" }, Mi = { height: "0.25rem" }, Hi = { gap: "0.5rem" }, Fi = { root: ji, header: Di, content: Ii, file: Li, fileList: Wi, progressbar: Mi, basic: Hi }, Vi = { color: "{form.field.float.label.color}", focusColor: "{form.field.float.label.focus.color}", activeColor: "{form.field.float.label.active.color}", invalidColor: "{form.field.float.label.invalid.color}", transitionDuration: "0.2s", positionX: "{form.field.padding.x}", positionY: "{form.field.padding.y}", fontWeight: "500", active: { fontSize: "0.75rem", fontWeight: "400" } }, Yi = { active: { top: "-1.25rem" } }, Ui = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, Gi = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, Xi = { root: Vi, over: Yi, in: Ui, on: Gi }, qi = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Ki = { background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.100}", hoverColor: "{surface.0}", size: "3rem", gutter: "0.5rem", prev: { borderRadius: "50%" }, next: { borderRadius: "50%" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Qi = { size: "1.5rem" }, Ji = { background: "{content.background}", padding: "1rem 0.25rem" }, Zi = { size: "2rem", borderRadius: "{content.border.radius}", gutter: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, od = { size: "1rem" }, rd = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, ed = { gap: "0.5rem", padding: "1rem" }, td = { width: "1rem", height: "1rem", activeBackground: "{primary.color}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, nd = { background: "rgba(0, 0, 0, 0.5)" }, ad = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, id = { size: "3rem", gutter: "0.5rem", background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.50}", hoverColor: "{surface.0}", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, dd = { size: "1.5rem" }, cd = { light: { thumbnailNavButton: { hoverBackground: "{surface.100}", color: "{surface.600}", hoverColor: "{surface.700}" }, indicatorButton: { background: "{surface.200}", hoverBackground: "{surface.300}" } }, dark: { thumbnailNavButton: { hoverBackground: "{surface.700}", color: "{surface.400}", hoverColor: "{surface.0}" }, indicatorButton: { background: "{surface.700}", hoverBackground: "{surface.600}" } } }, ld = { root: qi, navButton: Ki, navIcon: Qi, thumbnailsContent: Ji, thumbnailNavButton: Zi, thumbnailNavButtonIcon: od, caption: rd, indicatorList: ed, indicatorButton: td, insetIndicatorList: nd, insetIndicatorButton: ad, closeButton: id, closeButtonIcon: dd, colorScheme: cd }, sd = { color: "{form.field.icon.color}" }, ud = { icon: sd }, fd = { color: "{form.field.float.label.color}", focusColor: "{form.field.float.label.focus.color}", invalidColor: "{form.field.float.label.invalid.color}", transitionDuration: "0.2s", positionX: "{form.field.padding.x}", top: "{form.field.padding.y}", fontSize: "0.75rem", fontWeight: "400" }, gd = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, pd = { root: fd, input: gd }, md = { transitionDuration: "{transition.duration}" }, bd = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, hd = { position: { left: "auto", right: "1rem", top: "1rem", bottom: "auto" }, blur: "8px", background: "rgba(255,255,255,0.1)", borderColor: "rgba(255,255,255,0.2)", borderWidth: "1px", borderRadius: "30px", padding: ".5rem", gap: "0.5rem" }, vd = { hoverBackground: "rgba(255,255,255,0.1)", color: "{surface.50}", hoverColor: "{surface.0}", size: "3rem", iconSize: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, kd = { root: md, preview: bd, toolbar: hd, action: vd }, yd = { size: "15px", hoverSize: "30px", background: "rgba(255,255,255,0.3)", hoverBackground: "rgba(255,255,255,0.3)", borderColor: "unset", hoverBorderColor: "unset", borderWidth: "0", borderRadius: "50%", transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "rgba(255,255,255,0.3)", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Cd = { handle: yd }, xd = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, wd = { fontWeight: "500" }, $d = { size: "1rem" }, Bd = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)" }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)" }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)" }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)" }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)" } } }, Sd = { root: xd, text: wd, icon: $d, colorScheme: Bd }, Rd = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{transition.duration}" }, zd = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, Od = { root: Rd, display: zd }, _d = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}" }, Pd = { borderRadius: "{border.radius.sm}" }, Td = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, Nd = { root: _d, chip: Pd, colorScheme: Td }, Ad = { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.icon.color}", borderRadius: "{form.field.border.radius}", padding: "0.5rem", minWidth: "2.5rem" }, Ed = { addon: Ad }, jd = { transitionDuration: "{transition.duration}" }, Dd = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, Id = { light: { button: { background: "transparent", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.500}", activeColor: "{surface.600}" } }, dark: { button: { background: "transparent", hoverBackground: "{surface.800}", activeBackground: "{surface.700}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.400}", hoverColor: "{surface.300}", activeColor: "{surface.200}" } } }, Ld = { root: jd, button: Dd, colorScheme: Id }, Wd = { gap: "0.5rem" }, Md = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, Hd = { root: Wd, input: Md }, Fd = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Vd = { root: Fd }, Yd = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ud = { background: "{primary.color}" }, Gd = { background: "{content.border.color}" }, Xd = { color: "{text.muted.color}" }, qd = { root: Yd, value: Ud, range: Gd, text: Xd }, Kd = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", borderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", shadow: "{form.field.shadow}", borderRadius: "{form.field.border.radius}", transitionDuration: "{form.field.transition.duration}" }, Qd = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Jd = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Zd = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, oc = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, rc = { padding: "{list.option.padding}" }, ec = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, tc = { root: Kd, list: Qd, option: Jd, optionGroup: Zd, checkmark: oc, emptyMessage: rc, colorScheme: ec }, nc = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", verticalOrientation: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, horizontalOrientation: { padding: "0.5rem 0.75rem", gap: "0.5rem" }, transitionDuration: "{transition.duration}" }, ac = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, ic = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, dc = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, cc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, lc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, sc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, uc = { borderColor: "{content.border.color}" }, fc = { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, gc = { root: nc, baseItem: ac, item: ic, overlay: dc, submenu: cc, submenuLabel: lc, submenuIcon: sc, separator: uc, mobileButton: fc }, pc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, mc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, bc = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, hc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, vc = { borderColor: "{content.border.color}" }, kc = { root: pc, list: mc, item: bc, submenuLabel: hc, separator: vc }, yc = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.5rem 0.75rem", transitionDuration: "{transition.duration}" }, Cc = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, xc = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, wc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", mobileIndent: "1rem", icon: { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" } }, $c = { borderColor: "{content.border.color}" }, Bc = { borderRadius: "50%", size: "1.75rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Sc = { root: yc, baseItem: Cc, item: xc, submenu: wc, separator: $c, mobileButton: Bc }, Rc = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, zc = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, Oc = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, _c = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, Pc = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Tc = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, Nc = { root: { borderWidth: "1px" } }, Ac = { content: { padding: "0" } }, Ec = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } }, outlined: { color: "{blue.600}", borderColor: "{blue.600}" }, simple: { color: "{blue.600}" } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } }, outlined: { color: "{green.600}", borderColor: "{green.600}" }, simple: { color: "{green.600}" } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } }, outlined: { color: "{yellow.600}", borderColor: "{yellow.600}" }, simple: { color: "{yellow.600}" } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } }, outlined: { color: "{red.600}", borderColor: "{red.600}" }, simple: { color: "{red.600}" } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } }, outlined: { color: "{surface.500}", borderColor: "{surface.500}" }, simple: { color: "{surface.500}" } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } }, outlined: { color: "{surface.950}", borderColor: "{surface.950}" }, simple: { color: "{surface.950}" } } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } }, outlined: { color: "{blue.500}", borderColor: "{blue.500}" }, simple: { color: "{blue.500}" } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } }, outlined: { color: "{green.500}", borderColor: "{green.500}" }, simple: { color: "{green.500}" } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } }, outlined: { color: "{yellow.500}", borderColor: "{yellow.500}" }, simple: { color: "{yellow.500}" } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } }, outlined: { color: "{red.500}", borderColor: "{red.500}" }, simple: { color: "{red.500}" } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } }, outlined: { color: "{surface.400}", borderColor: "{surface.400}" }, simple: { color: "{surface.400}" } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } }, outlined: { color: "{surface.0}", borderColor: "{surface.0}" }, simple: { color: "{surface.0}" } } } }, jc = { root: Rc, content: zc, text: Oc, icon: _c, closeButton: Pc, closeIcon: Tc, outlined: Nc, simple: Ac, colorScheme: Ec }, Dc = { borderRadius: "{content.border.radius}", gap: "1rem" }, Ic = { background: "{content.border.color}", size: "0.5rem" }, Lc = { gap: "0.5rem" }, Wc = { size: "0.5rem" }, Mc = { size: "1rem" }, Hc = { verticalGap: "0.5rem", horizontalGap: "1rem" }, Fc = { root: Dc, meters: Ic, label: Lc, labelMarker: Wc, labelIcon: Mc, labelList: Hc }, Vc = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Yc = { width: "2.5rem", color: "{form.field.icon.color}" }, Uc = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Gc = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Xc = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}", gap: "0.5rem" }, qc = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Kc = { color: "{form.field.icon.color}" }, Qc = { borderRadius: "{border.radius.sm}" }, Jc = { padding: "{list.option.padding}" }, Zc = { root: Vc, dropdown: Yc, overlay: Uc, list: Gc, option: Xc, optionGroup: qc, chip: Qc, clearIcon: Kc, emptyMessage: Jc }, ol = { gap: "1.125rem" }, rl = { gap: "0.5rem" }, el = { root: ol, controls: rl }, tl = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, nl = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{content.border.color}", color: "{content.color}", selectedColor: "{highlight.color}", hoverColor: "{content.hover.color}", padding: "0.75rem 1rem", toggleablePadding: "0.75rem 1rem 1.25rem 1rem", borderRadius: "{content.border.radius}" }, al = { background: "{content.background}", hoverBackground: "{content.hover.background}", borderColor: "{content.border.color}", color: "{text.muted.color}", hoverColor: "{text.color}", size: "1.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, il = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, dl = { root: tl, node: nl, nodeToggleButton: al, connector: il }, cl = { outline: { width: "2px", color: "{content.background}" } }, ll = { root: cl }, sl = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, ul = { background: "transparent", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}", width: "2.5rem", height: "2.5rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, fl = { color: "{text.muted.color}" }, gl = { maxWidth: "2.5rem" }, pl = { root: sl, navButton: ul, currentPageReport: fl, jumpToPageInput: gl }, ml = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, bl = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, hl = { padding: "0.375rem 1.125rem" }, vl = { fontWeight: "600" }, kl = { padding: "0 1.125rem 1.125rem 1.125rem" }, yl = { padding: "0 1.125rem 1.125rem 1.125rem" }, Cl = { root: ml, header: bl, toggleableHeader: hl, title: vl, content: kl, footer: yl }, xl = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, wl = { background: "{content.background}", borderColor: "{content.border.color}", borderWidth: "1px", color: "{content.color}", padding: "0.25rem 0.25rem", borderRadius: "{content.border.radius}", first: { borderWidth: "1px", topBorderRadius: "{content.border.radius}" }, last: { borderWidth: "1px", bottomBorderRadius: "{content.border.radius}" } }, $l = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", gap: "0.5rem", padding: "{navigation.item.padding}", borderRadius: "{content.border.radius}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, Bl = { indent: "1rem" }, Sl = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Rl = { root: xl, panel: wl, item: $l, submenu: Bl, submenuIcon: Sl }, zl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, Ol = { color: "{form.field.icon.color}" }, _l = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", borderRadius: "{overlay.popover.border.radius}", color: "{overlay.popover.color}", padding: "{overlay.popover.padding}", shadow: "{overlay.popover.shadow}" }, Pl = { gap: "0.5rem" }, Tl = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, Nl = { meter: zl, icon: Ol, overlay: _l, content: Pl, colorScheme: Tl }, Al = { gap: "1.125rem" }, El = { gap: "0.5rem" }, jl = { root: Al, controls: El }, Dl = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, Il = { padding: "{overlay.popover.padding}" }, Ll = { root: Dl, content: Il }, Wl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, Ml = { background: "{primary.color}" }, Hl = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, Fl = { root: Wl, value: Ml, label: Hl }, Vl = { light: { root: { colorOne: "{red.500}", colorTwo: "{blue.500}", colorThree: "{green.500}", colorFour: "{yellow.500}" } }, dark: { root: { colorOne: "{red.400}", colorTwo: "{blue.400}", colorThree: "{green.400}", colorFour: "{yellow.400}" } } }, Yl = { colorScheme: Vl }, Ul = { width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { width: "1rem", height: "1rem" }, lg: { width: "1.5rem", height: "1.5rem" } }, Gl = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, Xl = { root: Ul, icon: Gl }, ql = { gap: "0.25rem", transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Kl = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, Ql = { root: ql, icon: Kl }, Jl = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, Zl = { colorScheme: Jl }, os = { transitionDuration: "{transition.duration}" }, rs = { size: "9px", borderRadius: "{border.radius.sm}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, es = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, ts = { root: os, bar: rs, colorScheme: es }, ns = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, as = { width: "2.5rem", color: "{form.field.icon.color}" }, is = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, ds = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, cs = { focusBackground: "{list.option.focus.background}", selectedBackground: "{list.option.selected.background}", selectedFocusBackground: "{list.option.selected.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", selectedColor: "{list.option.selected.color}", selectedFocusColor: "{list.option.selected.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, ls = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, ss = { color: "{form.field.icon.color}" }, us = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, fs = { padding: "{list.option.padding}" }, gs = { root: ns, dropdown: as, overlay: is, list: ds, option: cs, optionGroup: ls, clearIcon: ss, checkmark: us, emptyMessage: fs }, ps = { borderRadius: "{form.field.border.radius}" }, ms = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, bs = { root: ps, colorScheme: ms }, hs = { borderRadius: "{content.border.radius}" }, vs = { light: { root: { background: "{surface.200}", animationBackground: "rgba(255,255,255,0.4)" } }, dark: { root: { background: "rgba(255, 255, 255, 0.06)", animationBackground: "rgba(255, 255, 255, 0.04)" } } }, ks = { root: hs, colorScheme: vs }, ys = { transitionDuration: "{transition.duration}" }, Cs = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, xs = { background: "{primary.color}" }, ws = { width: "20px", height: "20px", borderRadius: "50%", background: "{content.border.color}", hoverBackground: "{content.border.color}", content: { borderRadius: "50%", hoverBackground: "{content.background}", width: "16px", height: "16px", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, $s = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, Bs = { root: ys, track: Cs, range: xs, handle: ws, colorScheme: $s }, Ss = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Rs = { root: Ss }, zs = { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", raisedShadow: "0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)" }, Os = { root: zs }, _s = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Ps = { background: "{content.border.color}" }, Ts = { size: "24px", background: "transparent", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ns = { root: _s, gutter: Ps, handle: Ts }, As = { transitionDuration: "{transition.duration}" }, Es = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, js = { padding: "0.5rem", gap: "1rem" }, Ds = { padding: "0", borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, Is = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Ls = { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" }, Ws = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, Ms = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, Hs = { root: As, separator: Es, step: js, stepHeader: Ds, stepTitle: Is, stepNumber: Ls, steppanels: Ws, steppanel: Ms }, Fs = { transitionDuration: "{transition.duration}" }, Vs = { background: "{content.border.color}" }, Ys = { borderRadius: "{content.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, gap: "0.5rem" }, Us = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Gs = { background: "{content.background}", activeBackground: "{content.background}", borderColor: "{content.border.color}", activeBorderColor: "{content.border.color}", color: "{text.muted.color}", activeColor: "{primary.color}", size: "2rem", fontSize: "1.143rem", fontWeight: "500", borderRadius: "50%", shadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" }, Xs = { root: Fs, separator: Vs, itemLink: Ys, itemLabel: Us, itemNumber: Gs }, qs = { transitionDuration: "{transition.duration}" }, Ks = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Qs = { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Js = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Zs = { height: "1px", bottom: "-1px", background: "{primary.color}" }, ou = { root: qs, tablist: Ks, item: Qs, itemIcon: Js, activeBar: Zs }, ru = { transitionDuration: "{transition.duration}" }, eu = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, tu = { background: "transparent", hoverBackground: "transparent", activeBackground: "transparent", borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", hoverBorderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.125rem", fontWeight: "600", margin: "0 0 -1px 0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, nu = { background: "{content.background}", color: "{content.color}", padding: "0.875rem 1.125rem 1.125rem 1.125rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, au = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", width: "2.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, iu = { height: "1px", bottom: "-1px", background: "{primary.color}" }, du = { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } }, cu = { root: ru, tablist: eu, tab: tu, tabpanel: nu, navButton: au, activeBar: iu, colorScheme: du }, lu = { transitionDuration: "{transition.duration}" }, su = { background: "{content.background}", borderColor: "{content.border.color}" }, uu = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, fu = { background: "{content.background}", color: "{content.color}" }, gu = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, pu = { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" } } }, mu = { root: lu, tabList: su, tab: uu, tabPanel: fu, navButton: gu, colorScheme: pu }, bu = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, hu = { size: "0.75rem" }, vu = { light: { primary: { background: "{primary.100}", color: "{primary.700}" }, secondary: { background: "{surface.100}", color: "{surface.600}" }, success: { background: "{green.100}", color: "{green.700}" }, info: { background: "{sky.100}", color: "{sky.700}" }, warn: { background: "{orange.100}", color: "{orange.700}" }, danger: { background: "{red.100}", color: "{red.700}" }, contrast: { background: "{surface.950}", color: "{surface.0}" } }, dark: { primary: { background: "color-mix(in srgb, {primary.500}, transparent 84%)", color: "{primary.300}" }, secondary: { background: "{surface.800}", color: "{surface.300}" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", color: "{green.300}" }, info: { background: "color-mix(in srgb, {sky.500}, transparent 84%)", color: "{sky.300}" }, warn: { background: "color-mix(in srgb, {orange.500}, transparent 84%)", color: "{orange.300}" }, danger: { background: "color-mix(in srgb, {red.500}, transparent 84%)", color: "{red.300}" }, contrast: { background: "{surface.0}", color: "{surface.950}" } } }, ku = { root: bu, icon: hu, colorScheme: vu }, yu = { background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.color}", height: "18rem", padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{form.field.border.radius}" }, Cu = { gap: "0.25rem" }, xu = { margin: "2px 0" }, wu = { root: yu, prompt: Cu, commandResponse: xu }, $u = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Bu = { root: $u }, Su = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Ru = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, zu = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, Ou = { mobileIndent: "1rem" }, _u = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Pu = { borderColor: "{content.border.color}" }, Tu = { root: Su, list: Ru, item: zu, submenu: Ou, submenuIcon: _u, separator: Pu }, Nu = { minHeight: "5rem" }, Au = { eventContent: { padding: "1rem 0" } }, Eu = { eventContent: { padding: "0 1rem" } }, ju = { size: "1.125rem", borderRadius: "50%", borderWidth: "2px", background: "{content.background}", borderColor: "{content.border.color}", content: { borderRadius: "50%", size: "0.375rem", background: "{primary.color}", insetShadow: "0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)" } }, Du = { color: "{content.border.color}", size: "2px" }, Iu = { event: Nu, horizontal: Au, vertical: Eu, eventMarker: ju, eventConnector: Du }, Lu = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Wu = { size: "1.125rem" }, Mu = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, Hu = { gap: "0.5rem" }, Fu = { fontWeight: "500", fontSize: "1rem" }, Vu = { fontWeight: "500", fontSize: "0.875rem" }, Yu = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Uu = { size: "1rem" }, Gu = { light: { root: { blur: "1.5px" }, info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.200}", color: "{blue.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{blue.600}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.200}", color: "{green.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{green.600}", shadow: "none" } } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.200}", color: "{yellow.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{yellow.600}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.200}", color: "{red.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{red.600}", shadow: "none" } } }, secondary: { background: "{surface.100}", borderColor: "{surface.200}", color: "{surface.600}", detailColor: "{surface.700}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{surface.600}", shadow: "none" } } }, contrast: { background: "{surface.900}", borderColor: "{surface.950}", color: "{surface.50}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{surface.50}", shadow: "none" } } } }, dark: { root: { blur: "10px" }, info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.700}, transparent 64%)", color: "{blue.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{blue.500}", shadow: "none" } } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.700}, transparent 64%)", color: "{green.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{green.500}", shadow: "none" } } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.700}, transparent 64%)", color: "{yellow.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{yellow.500}", shadow: "none" } } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.700}, transparent 64%)", color: "{red.500}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{red.500}", shadow: "none" } } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", detailColor: "{surface.0}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{surface.300}", shadow: "none" } } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", detailColor: "{surface.950}", shadow: "0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{surface.950}", shadow: "none" } } } } }, Xu = { root: Lu, icon: Wu, content: Mu, text: Hu, summary: Fu, detail: Vu, closeButton: Yu, closeIcon: Uu, colorScheme: Gu }, qu = { padding: "0.25rem", borderRadius: "{content.border.radius}", gap: "0.5rem", fontWeight: "500", disabledBackground: "{form.field.disabled.background}", disabledBorderColor: "{form.field.disabled.background}", disabledColor: "{form.field.disabled.color}", invalidBorderColor: "{form.field.invalid.border.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", padding: "0.25rem" }, lg: { fontSize: "{form.field.lg.font.size}", padding: "0.25rem" } }, Ku = { disabledColor: "{form.field.disabled.color}" }, Qu = { padding: "0.25rem 0.75rem", borderRadius: "{content.border.radius}", checkedShadow: "0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04)", sm: { padding: "0.25rem 0.75rem" }, lg: { padding: "0.25rem 0.75rem" } }, Ju = { light: { root: { background: "{surface.100}", checkedBackground: "{surface.100}", hoverBackground: "{surface.100}", borderColor: "{surface.100}", color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}", checkedBorderColor: "{surface.100}" }, content: { checkedBackground: "{surface.0}" }, icon: { color: "{surface.500}", hoverColor: "{surface.700}", checkedColor: "{surface.900}" } }, dark: { root: { background: "{surface.950}", checkedBackground: "{surface.950}", hoverBackground: "{surface.950}", borderColor: "{surface.950}", color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}", checkedBorderColor: "{surface.950}" }, content: { checkedBackground: "{surface.800}" }, icon: { color: "{surface.400}", hoverColor: "{surface.300}", checkedColor: "{surface.0}" } } }, Zu = { root: qu, icon: Ku, content: Qu, colorScheme: Ju }, of = { width: "2.5rem", height: "1.5rem", borderRadius: "30px", gap: "0.25rem", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, borderWidth: "1px", borderColor: "transparent", hoverBorderColor: "transparent", checkedBorderColor: "transparent", checkedHoverBorderColor: "transparent", invalidBorderColor: "{form.field.invalid.border.color}", transitionDuration: "{form.field.transition.duration}", slideDuration: "0.2s" }, rf = { borderRadius: "50%", size: "1rem" }, ef = { light: { root: { background: "{surface.300}", disabledBackground: "{form.field.disabled.background}", hoverBackground: "{surface.400}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.0}", disabledBackground: "{form.field.disabled.color}", hoverBackground: "{surface.0}", checkedBackground: "{surface.0}", checkedHoverBackground: "{surface.0}", color: "{text.muted.color}", hoverColor: "{text.color}", checkedColor: "{primary.color}", checkedHoverColor: "{primary.hover.color}" } }, dark: { root: { background: "{surface.700}", disabledBackground: "{surface.600}", hoverBackground: "{surface.600}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}" }, handle: { background: "{surface.400}", disabledBackground: "{surface.900}", hoverBackground: "{surface.300}", checkedBackground: "{surface.900}", checkedHoverBackground: "{surface.900}", color: "{surface.900}", hoverColor: "{surface.800}", checkedColor: "{primary.color}", checkedHoverColor: "{primary.hover.color}" } } }, tf = { root: of, handle: rf, colorScheme: ef }, nf = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, af = { root: nf }, df = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, cf = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, lf = { root: df, colorScheme: cf }, sf = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, uf = { padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{text.color}", hoverColor: "{text.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" }, gap: "0.25rem" }, ff = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, gf = { borderRadius: "50%", size: "1.75rem", hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedHoverColor: "{primary.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, pf = { size: "2rem" }, mf = { margin: "0 0 0.5rem 0" }, bf = { root: sf, node: uf, nodeIcon: ff, nodeToggleButton: gf, loadingIcon: pf, filter: mf }, hf = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, vf = { width: "2.5rem", color: "{form.field.icon.color}" }, kf = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, yf = { padding: "{list.padding}" }, Cf = { padding: "{list.option.padding}" }, xf = { borderRadius: "{border.radius.sm}" }, wf = { color: "{form.field.icon.color}" }, $f = { root: hf, dropdown: vf, overlay: kf, tree: yf, emptyMessage: Cf, chip: xf, clearIcon: wf }, Bf = { transitionDuration: "{transition.duration}" }, Sf = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Rf = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", borderColor: "{treetable.border.color}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", gap: "0.5rem", padding: "0.75rem 1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, zf = { fontWeight: "600" }, Of = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "-1px", shadow: "{focus.ring.shadow}" } }, _f = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, Pf = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, Tf = { fontWeight: "600" }, Nf = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Af = { width: "0.5rem" }, Ef = { width: "1px", color: "{primary.color}" }, jf = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Df = { size: "2rem" }, If = { hoverBackground: "{content.hover.background}", selectedHoverBackground: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}", selectedHoverColor: "{primary.color}", size: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Lf = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Wf = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Mf = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, Hf = { root: Bf, header: Sf, headerCell: Rf, columnTitle: zf, row: Of, bodyCell: _f, footerCell: Pf, columnFooter: Tf, footer: Nf, columnResizer: Af, resizeIndicator: Ef, sortIcon: jf, loadingIcon: Df, nodeToggleButton: If, paginatorTop: Lf, paginatorBottom: Wf, colorScheme: Mf }, Ff = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, Vf = { loader: Ff }, Yf = Object.defineProperty, Uf = Object.defineProperties, Gf = Object.getOwnPropertyDescriptors, cr = Object.getOwnPropertySymbols, Xf = Object.prototype.hasOwnProperty, qf = Object.prototype.propertyIsEnumerable, lr = (o, r, e) => r in o ? Yf(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, sr, Kf = (sr = ((o, r) => {
+  for (var e in r || (r = {})) Xf.call(r, e) && lr(o, e, r[e]);
+  if (cr) for (var e of cr(r)) qf.call(r, e) && lr(o, e, r[e]);
   return o;
-})({}, dn), Yf(fr, Uf({ components: { accordion: Nt, autocomplete: Vt, avatar: Kt, badge: tn, blockui: ln, breadcrumb: gn, button: bn, card: xn, carousel: zn, cascadeselect: En, checkbox: In, chip: Vn, colorpicker: qn, confirmdialog: Jn, confirmpopup: ta, contextmenu: sa, datatable: _a, dataview: Da, datepicker: ti, dialog: li, divider: pi, dock: hi, drawer: wi, editor: Oi, fieldset: Ni, fileupload: Hi, floatlabel: Gi, galleria: cd, iconfield: sd, iftalabel: gd, image: vd, imagecompare: yd, inlinemessage: Bd, inplace: zd, inputchips: Td, inputgroup: Nd, inputnumber: Id, inputotp: Md, inputtext: Fd, knob: Xd, listbox: ec, megamenu: fc, menu: vc, menubar: Bc, message: Ec, metergroup: Hc, multiselect: Jc, orderlist: rl, organizationchart: il, overlaybadge: cl, paginator: gl, panel: yl, panelmenu: Sl, password: Tl, picklist: El, popover: Il, progressbar: Hl, progressspinner: Vl, radiobutton: Gl, rating: Kl, ripple: Jl, scrollpanel: es, select: fs, selectbutton: ms, skeleton: vs, slider: $s, speeddial: Ss, splitbutton: zs, splitter: Ts, stepper: Ms, steps: Gs, tabmenu: Zs, tabs: du, tabview: pu, tag: vu, terminal: xu, textarea: $u, tieredmenu: Pu, timeline: Du, toast: Gu, togglebutton: Ju, toggleswitch: ef, toolbar: nf, tooltip: cf, tree: mf, treeselect: wf, treetable: Mf, virtualscroller: Ff } })));
-const Kf = {
+})({}, cn), Uf(sr, Gf({ components: { accordion: Et, autocomplete: Yt, avatar: Qt, badge: nn, blockui: sn, breadcrumb: pn, button: hn, card: wn, carousel: On, cascadeselect: jn, checkbox: Ln, chip: Yn, colorpicker: Kn, confirmdialog: Zn, confirmpopup: na, contextmenu: ua, datatable: Pa, dataview: Ia, datepicker: ni, dialog: si, divider: mi, dock: vi, drawer: $i, editor: _i, fieldset: Ei, fileupload: Fi, floatlabel: Xi, galleria: ld, iconfield: ud, iftalabel: pd, image: kd, imagecompare: Cd, inlinemessage: Sd, inplace: Od, inputchips: Nd, inputgroup: Ed, inputnumber: Ld, inputotp: Hd, inputtext: Vd, knob: qd, listbox: tc, megamenu: gc, menu: kc, menubar: Sc, message: jc, metergroup: Fc, multiselect: Zc, orderlist: el, organizationchart: dl, overlaybadge: ll, paginator: pl, panel: Cl, panelmenu: Rl, password: Nl, picklist: jl, popover: Ll, progressbar: Fl, progressspinner: Yl, radiobutton: Xl, rating: Ql, ripple: Zl, scrollpanel: ts, select: gs, selectbutton: bs, skeleton: ks, slider: Bs, speeddial: Rs, splitbutton: Os, splitter: Ns, stepper: Hs, steps: Xs, tabmenu: ou, tabs: cu, tabview: mu, tag: ku, terminal: wu, textarea: Bu, tieredmenu: Tu, timeline: Iu, toast: Xu, togglebutton: Zu, toggleswitch: tf, toolbar: af, tooltip: lf, tree: bf, treeselect: $f, treetable: Hf, virtualscroller: Vf } })));
+const Qf = {
   theme: {
-    preset: qf,
+    preset: Kf,
     options: {
       darkModeSelector: "none",
       cssLayer: {
@@ -1635,9 +1640,9 @@ const Kf = {
       }
     }
   }
-}, Qf = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover", "PvSkeleton"]), Jf = /* @__PURE__ */ new Set(["PvSkeleton", "PvDatePicker"]);
-function Zf(o) {
-  return !Qf.has(o);
+}, Jf = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover", "PvSkeleton"]), Zf = /* @__PURE__ */ new Set(["PvSkeleton", "PvDatePicker"]);
+function o0(o) {
+  return !Jf.has(o);
 }
 function To(o, r) {
   const e = document.querySelector('link[href*="' + r + '"]');
@@ -1652,7 +1657,7 @@ function To(o, r) {
   }
   return !1;
 }
-function o0(o) {
+function r0(o) {
   if (!To(o, "pit-viper-v2")) {
     if (To(o, "pit-viper")) {
       To(o, "pit-viper-v2-scoped");
@@ -1663,23 +1668,23 @@ function o0(o) {
     );
   }
 }
-const r0 = (o) => ({ shadowRoot: Zf(o) });
-function e0(o, r) {
+const e0 = (o) => ({ shadowRoot: o0(o) });
+function t0(o, r) {
   return r === null ? !1 : r === "" || r === "true" ? !0 : (r === "false" || console.warn(
     `Invalid boolean attribute value for "${o}": "${r}". Expected "true", "false", or empty string.`
   ), !1);
 }
-function t0(o, r) {
+function n0(o, r) {
   const e = Number(r);
   return isNaN(e) && console.warn(`Invalid number attribute value for "${o}": "${r}". Expected a valid number.`), e;
 }
-function n0(o) {
+function a0(o) {
   const r = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set(), s = (o.__vccOpts || o).props;
   return s && typeof s == "object" && Object.entries(s).forEach(([c, i]) => {
     i === Boolean || i && i.type === Boolean ? r.add(c) : i === Number || i && i.type === Number ? e.add(c) : (i === Object || i === Array || i && (i.type === Object || i.type === Array)) && t.add(c);
   }), { booleanProps: r, numberProps: e, jsonProps: t };
 }
-function gr(o, r) {
+function ur(o, r) {
   try {
     return JSON.parse(r);
   } catch (e) {
@@ -1688,18 +1693,18 @@ function gr(o, r) {
     ), null;
   }
 }
-function a0(o) {
+function i0(o) {
   const r = o.__name || o.name;
   if (!r)
     throw new Error("Component must have a __name or name property");
-  const e = ee(o, {
-    ...r0(r),
-    ...Jf.has(r) && {
+  const e = re(o, {
+    ...e0(r),
+    ...Zf.has(r) && {
       configureApp(i) {
-        i.use(Ot, Kf);
+        i.use(_t, Qf);
       }
     }
-  }), { booleanProps: t, numberProps: n, jsonProps: s } = n0(o);
+  }), { booleanProps: t, numberProps: n, jsonProps: s } = a0(o);
   class c extends e {
     _hiddenInput = null;
     constructor() {
@@ -1718,14 +1723,14 @@ function a0(o) {
     _parseAttributes() {
       t.forEach((d) => {
         const l = this.getAttribute(d);
-        this[d] = e0(d, l);
+        this[d] = t0(d, l);
       }), n.forEach((d) => {
         const l = this.getAttribute(d);
-        l !== null && (this[d] = t0(d, l));
+        l !== null && (this[d] = n0(d, l));
       }), s.forEach((d) => {
         const l = this.getAttribute(d);
         if (l !== null) {
-          const g = gr(d, l);
+          const g = ur(d, l);
           g !== null && (this[d] = g);
         }
       });
@@ -1738,27 +1743,27 @@ function a0(o) {
           f = this.getAttribute(u);
         }
         if (f !== null && !this[g]) {
-          const u = gr(g, f);
+          const u = ur(g, f);
           u !== null && (this[g] = u);
         }
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), o0(this);
+      this._parseAttributes(), super.connectedCallback?.(), r0(this);
       const a = this.getAttribute("name");
       a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
     }
   }
   return c;
 }
-function i0(o) {
+function d0(o) {
   return o.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function d0(o) {
+function c0(o) {
   const r = o.__name || o.name;
   if (!r)
     throw new Error("Component must have a __name or name property");
-  const e = i0(r), t = a0(o);
+  const e = d0(r), t = i0(o);
   customElements.get(e) || customElements.define(e, t);
 }
-d0(Ee);
+c0(je);