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

package/pv-components/dist/web/components/pv-insight-card/pv-insight-card.js

@@ -1,5 +1,5 @@
-import { defineComponent as lo, computed as z, createBlock as T, openBlock as k, resolveDynamicComponent as Tr, normalizeClass as ho, withCtx as rr, renderSlot as Nr, ref as io, getCurrentInstance as Ro, createElementBlock as R, createElementVNode as fo, toDisplayString as no, normalizeStyle as zo, Fragment as jr, createCommentVNode as $, withModifiers as Dr, readonly as Ar, onMounted as Lr, nextTick as Er, watch as so, reactive as Wr, defineCustomElement as Ir } from "vue";
-const Mr = /* @__PURE__ */ lo({
+import { defineComponent as J, computed as S, createBlock as U, openBlock as k, resolveDynamicComponent as Nr, normalizeClass as bo, withCtx as or, renderSlot as jr, ref as co, getCurrentInstance as So, createElementBlock as B, createElementVNode as Ro, normalizeStyle as rr, toDisplayString as ao, createCommentVNode as z, Fragment as Dr, createVNode as No, withModifiers as Ar, readonly as Lr, onMounted as Er, nextTick as Ir, watch as so, reactive as Wr, defineCustomElement as Mr } from "vue";
+const Fr = /* @__PURE__ */ J({
   __name: "PvCard",
   props: {
     href: { type: String },
@@ -7,11 +7,11 @@ const Mr = /* @__PURE__ */ lo({
     interactive: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const r = o, e = z(() => r.href ? "a" : r.interactive ? "button" : "div"), t = z(() => r.href || r.interactive ? "button" : "div");
-    return (n, l) => (k(), T(Tr(e.value), {
+    const r = o, e = S(() => r.href ? "a" : r.interactive ? "button" : "div"), t = S(() => r.href || r.interactive ? "button" : "div");
+    return (n, s) => (k(), U(Nr(e.value), {
       href: o.href,
       type: t.value,
-      class: ho([
+      class: bo([
         "pv-card pv-inset-square-8 pv-inline-block",
         {
           "pv-card-secondary": o.variant === "secondary"
@@ -19,44 +19,78 @@ const Mr = /* @__PURE__ */ lo({
       ]),
       "data-testid": "pv-card"
     }, {
-      default: rr(() => [
-        Nr(n.$slots, "default")
+      default: or(() => [
+        jr(n.$slots, "default")
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["href", "type", "class"]));
   }
 });
-function Fr() {
-  const o = io(!1), e = Ro()?.root || {};
+function Hr() {
+  const o = co(!1), e = So()?.root || {};
   return "isCE" in e && e.isCE === !0 && (o.value = !0), o;
 }
-const Hr = [void 0, 10, 12, 20, 24, 32, 64], Yr = ["xlink:href"], Oo = /* @__PURE__ */ lo({
+const Yr = [void 0, 10, 12, 20, 24, 32, 64], Vr = ["xlink:href"], er = /* @__PURE__ */ J({
   __name: "PvIcon",
   props: {
     name: { type: String },
     size: { type: null }
   },
   setup(o) {
-    const r = o, e = Fr(), t = io(null), n = z(() => ({
+    const r = o, e = Hr(), t = co(null), n = S(() => ({
       "pv-icon": !0,
-      [`pv-icon-${r.size}`]: Hr.includes(r.size)
-    })), l = z(() => e.value && t.value ? `${t.value}#${r.name}` : `#${r.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (t.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, i) => (k(), R(
+      [`pv-icon-${r.size}`]: Yr.includes(r.size)
+    })), s = 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) => (k(), B(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: ho(n.value)
+        class: bo(n.value)
       },
       [
-        fo("use", { "xlink:href": l.value }, null, 8, Yr)
+        Ro("use", { "xlink:href": s.value }, null, 8, Vr)
       ],
       2
       /* CLASS */
     ));
   }
-}), Vr = /* @__PURE__ */ lo({
+}), Xr = /* @__PURE__ */ J({
+  __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) => (k(), B(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: bo(e[o.variant]),
+        style: rr({ "--size": r[o.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), Gr = ["ghost"], jo = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, Ur = (o) => o == null || !jo.hasOwnProperty(o) ? null : jo[o] || null, qr = /* @__PURE__ */ J({
   __name: "PvCounterBadge",
   props: {
     value: { type: Number },
@@ -66,7 +100,7 @@ const Hr = [void 0, 10, 12, 20, 24, 32, 64], Yr = ["xlink:href"], Oo = /* @__PUR
     maxValue: { default: 99, type: Number }
   },
   setup(o) {
-    const r = o, e = z(() => r.size == "md" ? "md" : (r.size == "sm", "sm")), t = z(() => r.maxValue && r.value && r.value > r.maxValue ? `${r.maxValue}+` : r.value != null ? `${r.prefix}${r.value}` : "-"), n = z(() => ({
+    const r = o, e = S(() => r.size == "md" ? "md" : (r.size == "sm", "sm")), t = S(() => r.maxValue && r.value && r.value > r.maxValue ? `${r.maxValue}+` : r.value != null ? `${r.prefix}${r.value}` : "-"), n = S(() => ({
       "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",
@@ -76,60 +110,65 @@ const Hr = [void 0, 10, 12, 20, 24, 32, 64], Yr = ["xlink:href"], Oo = /* @__PUR
       "pv-text-secondary": r.variant == "ghost" || r.variant == "tertiary",
       "pv-surface": r.variant == "ghost"
     }));
-    return (l, d) => (k(), R(
+    return (s, c) => (k(), B(
       "div",
       {
-        class: ho(n.value),
+        class: bo(n.value),
         "data-testid": "pv-counter-badge"
       },
-      no(t.value),
+      ao(t.value),
       3
       /* TEXT, CLASS */
     ));
   }
-}), Xr = ".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}", er = (o, r) => {
+}), Kr = ".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}", tr = (o, r) => {
   const e = o.__vccOpts || o;
   for (const [t, n] of r)
     e[t] = n;
   return e;
-}, Do = /* @__PURE__ */ er(Vr, [["styles", [Xr]], ["__scopeId", "data-v-fc3c1104"]]), Gr = /* @__PURE__ */ lo({
-  __name: "PvSpinner",
+}, Qr = /* @__PURE__ */ tr(qr, [["styles", [Kr]], ["__scopeId", "data-v-fc3c1104"]]), Do = /* @__PURE__ */ J({
+  __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) => (k(), R(
+    const r = o, e = S(() => r.icon && !r.counterBadge || !r.icon && r.counterBadge), t = S(() => e.value ? {
+      "--flex-gap": "0"
+    } : r.size === "xl" ? {
+      "--flex-gap": "0.5rem"
+    } : {
+      "--flex-gap": "0.25rem"
+    });
+    return (n, s) => o.icon || o.counterBadge ? (k(), B(
       "div",
       {
-        "data-testid": "pv-spinner",
-        class: ho(e[o.variant]),
-        style: zo({ "--size": r[o.size] })
+        key: 0,
+        class: "pv-flex",
+        style: rr(t.value)
       },
-      null,
-      6
-      /* CLASS, STYLE */
-    ));
+      [
+        o.counterBadge ? (k(), U(Qr, {
+          key: 0,
+          value: o.counterBadge,
+          variant: "tertiary"
+        }, null, 8, ["value"])) : z("v-if", !0),
+        o.icon ? (k(), U(er, {
+          key: 1,
+          name: o.icon,
+          "data-testid": o.iconTestId ?? "pv-button-icon"
+        }, null, 8, ["name", "data-testid"])) : z("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    )) : z("v-if", !0);
   }
-}), Ur = ["ghost"], Ao = {
-  md: "pv-button-small",
-  lg: void 0,
-  xl: "pv-button-large"
-}, qr = (o) => o == null || !Ao.hasOwnProperty(o) ? null : Ao[o] || null, Kr = ["disabled"], Qr = {
+}), Jr = ["disabled"], Zr = {
   key: 0,
   "data-testid": "pv-button-label"
-}, Jr = /* @__PURE__ */ lo({
+}, oe = /* @__PURE__ */ J({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -144,101 +183,67 @@ const Hr = [void 0, 10, 12, 20, 24, 32, 64], Yr = ["xlink:href"], Oo = /* @__PUR
     rightCounterBadge: { type: Number }
   },
   setup(o) {
-    const r = o, e = z(() => {
-      const n = [];
-      r.inverse && Ur.includes(r.variant) ? n.push(`pv-button-${r.variant}-inverse`) : n.push(`pv-button-${r.variant}`);
-      const l = qr(r.size);
-      return l && n.push(l), n;
-    }), t = z(() => r.size === "xl" ? {
-      "--flex-gap": "0.5rem"
-    } : {
-      "--flex-gap": "0.25rem"
+    const r = o, e = S(() => {
+      const t = [];
+      r.inverse && Gr.includes(r.variant) ? t.push(`pv-button-${r.variant}-inverse`) : t.push(`pv-button-${r.variant}`);
+      const n = Ur(r.size);
+      return n && t.push(n), t;
     });
-    return (n, l) => (k(), R("button", {
+    return (t, n) => (k(), B("button", {
       type: "button",
-      class: ho(e.value),
+      class: bo(e.value),
       disabled: o.disabled,
       "data-testid": "pv-button"
     }, [
-      o.loading ? (k(), T(Gr, {
+      o.loading ? (k(), U(Xr, {
         key: 0,
         size: "sm"
-      })) : (k(), R(
-        jr,
+      })) : (k(), B(
+        Dr,
         { key: 1 },
         [
-          fo(
-            "div",
-            {
-              class: "pv-flex",
-              style: zo(t.value)
-            },
-            [
-              o.leftCounterBadge ? (k(), T(Do, {
-                key: 0,
-                value: o.leftCounterBadge,
-                variant: "tertiary"
-              }, null, 8, ["value"])) : $("v-if", !0),
-              o.leftIcon ? (k(), T(Oo, {
-                key: 1,
-                name: o.leftIcon,
-                "data-testid": "pv-button-left-icon"
-              }, null, 8, ["name"])) : $("v-if", !0)
-            ],
-            4
-            /* STYLE */
-          ),
-          o.label ? (k(), R(
+          No(Do, {
+            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 ? (k(), B(
             "span",
-            Qr,
-            no(o.label),
+            Zr,
+            ao(o.label),
             1
             /* TEXT */
-          )) : $("v-if", !0),
-          fo(
-            "div",
-            {
-              class: "pv-flex",
-              style: zo(t.value)
-            },
-            [
-              o.rightCounterBadge ? (k(), T(Do, {
-                key: 0,
-                value: o.rightCounterBadge,
-                variant: "tertiary"
-              }, null, 8, ["value"])) : $("v-if", !0),
-              o.rightIcon ? (k(), T(Oo, {
-                key: 1,
-                name: o.rightIcon,
-                "data-testid": "pv-button-right-icon"
-              }, null, 8, ["name"])) : $("v-if", !0)
-            ],
-            4
-            /* STYLE */
-          )
+          )) : z("v-if", !0),
+          No(Do, {
+            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, Kr));
+    ], 10, Jr));
   }
-}), Zr = {
+}), re = {
   class: "pv-flex-vertical",
   style: { "--flex-align": "flex-start", "--flex-gap": "0.25rem" }
-}, oe = {
+}, ee = {
   key: 0,
   class: "pv-flex",
   style: { "--flex-gap": "0.25rem" }
-}, re = { class: "pv-text-body-sm" }, ee = {
+}, te = { class: "pv-text-body-sm" }, ne = {
   key: 1,
   class: "pv-text-body-sm pv-text-tertiary"
-}, te = {
+}, ae = {
   key: 2,
   class: "pv-heading-2"
-}, ne = {
+}, ie = {
   key: 3,
   class: "pv-text-body-md pv-text-secondary pv-text-subdued"
-}, ae = /* @__PURE__ */ lo({
+}, ce = /* @__PURE__ */ J({
   __name: "PvInsightCard",
   props: {
     icon: { default: "ai", type: String },
@@ -251,100 +256,100 @@ const Hr = [void 0, 10, 12, 20, 24, 32, 64], Yr = ["xlink:href"], Oo = /* @__PUR
   },
   emits: ["click", "icon-click"],
   setup(o) {
-    const r = o, e = z(() => r.icon || r.insight);
-    return (t, n) => (k(), T(Mr, {
+    const r = o, e = S(() => r.icon || r.insight);
+    return (t, n) => (k(), U(Fr, {
       variant: "secondary",
       interactive: o.interactive,
-      onClick: n[1] || (n[1] = (l) => t.$emit("click")),
+      onClick: n[1] || (n[1] = (s) => t.$emit("click")),
       class: "pv-relative"
     }, {
-      default: rr(() => [
-        fo("div", Zr, [
-          e.value ? (k(), R("div", oe, [
-            o.icon ? (k(), T(Oo, {
+      default: or(() => [
+        Ro("div", re, [
+          e.value ? (k(), B("div", ee, [
+            o.icon ? (k(), U(er, {
               key: 0,
               style: { color: "#218c88" },
               name: o.icon,
               size: 12
-            }, null, 8, ["name"])) : $("v-if", !0),
-            fo(
+            }, null, 8, ["name"])) : z("v-if", !0),
+            Ro(
               "span",
-              re,
-              no(o.insight),
+              te,
+              ao(o.insight),
               1
               /* TEXT */
             )
-          ])) : $("v-if", !0),
-          o.upperLabel ? (k(), R(
+          ])) : z("v-if", !0),
+          o.upperLabel ? (k(), B(
             "span",
-            ee,
-            no(o.upperLabel),
+            ne,
+            ao(o.upperLabel),
             1
             /* TEXT */
-          )) : $("v-if", !0),
-          o.title ? (k(), R(
+          )) : z("v-if", !0),
+          o.title ? (k(), B(
             "span",
-            te,
-            no(o.title),
+            ae,
+            ao(o.title),
             1
             /* TEXT */
-          )) : $("v-if", !0),
-          o.description ? (k(), R(
+          )) : z("v-if", !0),
+          o.description ? (k(), B(
             "span",
-            ne,
-            no(o.description),
+            ie,
+            ao(o.description),
             1
             /* TEXT */
-          )) : $("v-if", !0)
+          )) : z("v-if", !0)
         ]),
-        o.showButton ? (k(), T(Jr, {
+        o.showButton ? (k(), U(oe, {
           key: 0,
           "left-icon": "new-tab",
           variant: "ghost",
           size: "md",
           class: "pv-insight-button",
-          onClick: n[0] || (n[0] = Dr((l) => t.$emit("icon-click"), ["stop"]))
-        })) : $("v-if", !0)
+          onClick: n[0] || (n[0] = Ar((s) => t.$emit("icon-click"), ["stop"]))
+        })) : z("v-if", !0)
       ]),
       _: 1
       /* STABLE */
     }, 8, ["interactive"]));
   }
-}), ie = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", de = /* @__PURE__ */ er(ae, [["styles", [ie]], ["__scopeId", "data-v-6e9399e6"]]);
-var ce = Object.defineProperty, Lo = Object.getOwnPropertySymbols, le = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable, Eo = (o, r, e) => r in o ? ce(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, ue = (o, r) => {
-  for (var e in r || (r = {})) le.call(r, e) && Eo(o, e, r[e]);
-  if (Lo) for (var e of Lo(r)) se.call(r, e) && Eo(o, e, r[e]);
+}), de = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", le = /* @__PURE__ */ tr(ce, [["styles", [de]], ["__scopeId", "data-v-6e9399e6"]]);
+var se = Object.defineProperty, Ao = Object.getOwnPropertySymbols, ue = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable, Lo = (o, r, e) => r in o ? se(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, ge = (o, r) => {
+  for (var e in r || (r = {})) ue.call(r, e) && Lo(o, e, r[e]);
+  if (Ao) for (var e of Ao(r)) fe.call(r, e) && Lo(o, e, r[e]);
   return o;
 };
-function To(o) {
+function _o(o) {
   return o == null || o === "" || Array.isArray(o) && o.length === 0 || !(o instanceof Date) && typeof o == "object" && Object.keys(o).length === 0;
 }
-function fe(o) {
+function pe(o) {
   return typeof o == "function" && "call" in o && "apply" in o;
 }
 function v(o) {
-  return !To(o);
+  return !_o(o);
 }
 function q(o, r = !0) {
   return o instanceof Object && o.constructor === Object && (r || Object.keys(o).length !== 0);
 }
-function tr(o = {}, r = {}) {
-  let e = ue({}, o);
+function nr(o = {}, r = {}) {
+  let e = ge({}, o);
   return Object.keys(r).forEach((t) => {
     let n = t;
-    q(r[n]) && n in o && q(o[n]) ? e[n] = tr(o[n], r[n]) : e[n] = r[n];
+    q(r[n]) && n in o && q(o[n]) ? e[n] = nr(o[n], r[n]) : e[n] = r[n];
   }), e;
 }
-function ge(...o) {
-  return o.reduce((r, e, t) => t === 0 ? e : tr(r, e), {});
+function me(...o) {
+  return o.reduce((r, e, t) => t === 0 ? e : nr(r, e), {});
 }
-function W(o, ...r) {
-  return fe(o) ? o(...r) : o;
+function E(o, ...r) {
+  return pe(o) ? o(...r) : o;
 }
-function co(o, r = !0) {
+function lo(o, r = !0) {
   return typeof o == "string" && (r || o !== "");
 }
-function pe(o) {
+function be(o) {
   return v(o) && !isNaN(o);
 }
 function K(o, r) {
@@ -354,14 +359,14 @@ function K(o, r) {
   }
   return !1;
 }
-function me(...o) {
-  return ge(...o);
+function he(...o) {
+  return me(...o);
 }
 function uo(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 nr(o) {
-  return co(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
+function ar(o) {
+  return lo(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
 }
 var C = {
   STARTS_WITH: "startsWith",
@@ -379,7 +384,7 @@ var C = {
   DATE_BEFORE: "dateBefore",
   DATE_AFTER: "dateAfter"
 };
-function ar() {
+function ir() {
   let o = /* @__PURE__ */ new Map();
   return { on(r, e) {
     let t = o.get(r);
@@ -396,30 +401,30 @@ function ar() {
     o.clear();
   } };
 }
-function be(o) {
+function ve(o) {
   if (o) {
     let r = o.parentNode;
     return r && r instanceof ShadowRoot && r.host && (r = r.host), r;
   }
   return null;
 }
-function he(o) {
-  return !!(o !== null && typeof o < "u" && o.nodeName && be(o));
+function ke(o) {
+  return !!(o !== null && typeof o < "u" && o.nodeName && ve(o));
 }
-function ir(o) {
+function cr(o) {
   return typeof Element < "u" ? o instanceof Element : o !== null && typeof o == "object" && o.nodeType === 1 && typeof o.nodeName == "string";
 }
-function _o(o, r = {}) {
-  if (ir(o)) {
+function zo(o, r = {}) {
+  if (cr(o)) {
     let e = (t, n) => {
-      var l, d;
-      let i = (l = o?.$attrs) != null && l[t] ? [(d = o?.$attrs) == null ? void 0 : d[t]] : [];
-      return [n].flat().reduce((a, c) => {
-        if (c != null) {
-          let s = typeof c;
-          if (s === "string" || s === "number") a.push(c);
-          else if (s === "object") {
-            let g = Array.isArray(c) ? e(t, c) : Object.entries(c).map(([f, u]) => t === "style" && (u || u === 0) ? `${f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()}:${u}` : u ? f : void 0);
+      var s, c;
+      let i = (s = o?.$attrs) != null && s[t] ? [(c = o?.$attrs) == null ? void 0 : c[t]] : [];
+      return [n].flat().reduce((a, d) => {
+        if (d != null) {
+          let l = typeof d;
+          if (l === "string" || l === "number") a.push(d);
+          else if (l === "object") {
+            let g = Array.isArray(d) ? e(t, d) : Object.entries(d).map(([f, u]) => t === "style" && (u || u === 0) ? `${f.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()}:${u}` : u ? f : void 0);
             a = g.length ? a.concat(g.filter((f) => !!f)) : a;
           }
         }
@@ -428,135 +433,135 @@ function _o(o, r = {}) {
     };
     Object.entries(r).forEach(([t, n]) => {
       if (n != null) {
-        let l = t.match(/^on(.+)/);
-        l ? o.addEventListener(l[1].toLowerCase(), n) : t === "p-bind" || t === "pBind" ? _o(o, n) : (n = t === "class" ? [...new Set(e("class", n))].join(" ").trim() : t === "style" ? e("style", n).join(";").trim() : n, (o.$attrs = o.$attrs || {}) && (o.$attrs[t] = n), o.setAttribute(t, n));
+        let s = t.match(/^on(.+)/);
+        s ? o.addEventListener(s[1].toLowerCase(), n) : t === "p-bind" || t === "pBind" ? zo(o, n) : (n = t === "class" ? [...new Set(e("class", n))].join(" ").trim() : t === "style" ? e("style", n).join(";").trim() : n, (o.$attrs = o.$attrs || {}) && (o.$attrs[t] = n), o.setAttribute(t, n));
       }
     });
   }
 }
-function ve() {
+function ye() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-function ke(o, r = "", e) {
-  ir(o) && e !== null && e !== void 0 && o.setAttribute(r, e);
+function Ce(o, r = "", e) {
+  cr(o) && e !== null && e !== void 0 && o.setAttribute(r, e);
 }
-var ye = Object.defineProperty, Ce = Object.defineProperties, xe = Object.getOwnPropertyDescriptors, wo = Object.getOwnPropertySymbols, dr = Object.prototype.hasOwnProperty, cr = Object.prototype.propertyIsEnumerable, Wo = (o, r, e) => r in o ? ye(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, B = (o, r) => {
-  for (var e in r || (r = {})) dr.call(r, e) && Wo(o, e, r[e]);
-  if (wo) for (var e of wo(r)) cr.call(r, e) && Wo(o, e, r[e]);
+var xe = Object.defineProperty, we = Object.defineProperties, $e = Object.getOwnPropertyDescriptors, xo = Object.getOwnPropertySymbols, dr = Object.prototype.hasOwnProperty, lr = Object.prototype.propertyIsEnumerable, Eo = (o, r, e) => r in o ? xe(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, $ = (o, r) => {
+  for (var e in r || (r = {})) dr.call(r, e) && Eo(o, e, r[e]);
+  if (xo) for (var e of xo(r)) lr.call(r, e) && Eo(o, e, r[e]);
   return o;
-}, $o = (o, r) => Ce(o, xe(r)), _ = (o, r) => {
+}, wo = (o, r) => we(o, $e(r)), _ = (o, r) => {
   var e = {};
   for (var t in o) dr.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
-  if (o != null && wo) for (var t of wo(o)) r.indexOf(t) < 0 && cr.call(o, t) && (e[t] = o[t]);
+  if (o != null && xo) for (var t of xo(o)) r.indexOf(t) < 0 && lr.call(o, t) && (e[t] = o[t]);
   return e;
-}, we = ar(), P = we, go = /{([^}]*)}/g, lr = /(\d+\s+[\+\-\*\/]\s+\d+)/g, sr = /var\([^)]+\)/g;
+}, Be = ir(), P = Be, fo = /{([^}]*)}/g, sr = /(\d+\s+[\+\-\*\/]\s+\d+)/g, ur = /var\([^)]+\)/g;
 function Io(o) {
-  return co(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
+  return lo(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
 }
-function $e(o) {
+function Se(o) {
   return q(o) && o.hasOwnProperty("$value") && o.hasOwnProperty("$type") ? o.$value : o;
 }
-function Be(o) {
+function Re(o) {
   return o.replaceAll(/ /g, "").replace(/[^\w]/g, "-");
 }
-function Po(o = "", r = "") {
-  return Be(`${co(o, !1) && co(r, !1) ? `${o}-` : o}${r}`);
+function Oo(o = "", r = "") {
+  return Re(`${lo(o, !1) && lo(r, !1) ? `${o}-` : o}${r}`);
 }
-function ur(o = "", r = "") {
-  return `--${Po(o, r)}`;
+function fr(o = "", r = "") {
+  return `--${Oo(o, r)}`;
 }
-function Se(o = "") {
+function ze(o = "") {
   let r = (o.match(/{/g) || []).length, e = (o.match(/}/g) || []).length;
   return (r + e) % 2 !== 0;
 }
-function fr(o, r = "", e = "", t = [], n) {
-  if (co(o)) {
-    let l = o.trim();
-    if (Se(l)) return;
-    if (K(l, go)) {
-      let d = l.replaceAll(go, (i) => {
-        let a = i.replace(/{|}/g, "").split(".").filter((c) => !t.some((s) => K(c, s)));
-        return `var(${ur(e, nr(a.join("-")))}${v(n) ? `, ${n}` : ""})`;
+function gr(o, r = "", e = "", t = [], n) {
+  if (lo(o)) {
+    let s = o.trim();
+    if (ze(s)) return;
+    if (K(s, fo)) {
+      let c = s.replaceAll(fo, (i) => {
+        let a = i.replace(/{|}/g, "").split(".").filter((d) => !t.some((l) => K(d, l)));
+        return `var(${fr(e, ar(a.join("-")))}${v(n) ? `, ${n}` : ""})`;
       });
-      return K(d.replace(sr, "0"), lr) ? `calc(${d})` : d;
+      return K(c.replace(ur, "0"), sr) ? `calc(${c})` : c;
     }
-    return l;
-  } else if (pe(o)) return o;
+    return s;
+  } else if (be(o)) return o;
 }
-function Re(o, r, e) {
-  co(r, !1) && o.push(`${r}:${e};`);
+function Oe(o, r, e) {
+  lo(r, !1) && o.push(`${r}:${e};`);
 }
-function to(o, r) {
+function no(o, r) {
   return o ? `${o}{${r}}` : "";
 }
-function gr(o, r) {
+function pr(o, r) {
   if (o.indexOf("dt(") === -1) return o;
-  function e(d, i) {
-    let a = [], c = 0, s = "", g = null, f = 0;
-    for (; c <= d.length; ) {
-      let u = d[c];
-      if ((u === '"' || u === "'" || u === "`") && d[c - 1] !== "\\" && (g = g === u ? null : u), !g && (u === "(" && f++, u === ")" && f--, (u === "," || c === d.length) && f === 0)) {
-        let p = s.trim();
-        p.startsWith("dt(") ? a.push(gr(p, i)) : a.push(t(p)), s = "", c++;
+  function e(c, i) {
+    let a = [], d = 0, l = "", g = null, f = 0;
+    for (; d <= c.length; ) {
+      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 p = l.trim();
+        p.startsWith("dt(") ? a.push(pr(p, i)) : a.push(t(p)), l = "", d++;
         continue;
       }
-      u !== void 0 && (s += u), c++;
+      u !== void 0 && (l += u), d++;
     }
     return a;
   }
-  function t(d) {
-    let i = d[0];
-    if ((i === '"' || i === "'" || i === "`") && d[d.length - 1] === i) return d.slice(1, -1);
-    let a = Number(d);
-    return isNaN(a) ? d : a;
+  function t(c) {
+    let i = c[0];
+    if ((i === '"' || i === "'" || i === "`") && c[c.length - 1] === i) return c.slice(1, -1);
+    let a = Number(c);
+    return isNaN(a) ? c : a;
   }
-  let n = [], l = [];
-  for (let d = 0; d < o.length; d++) if (o[d] === "d" && o.slice(d, d + 3) === "dt(") l.push(d), d += 2;
-  else if (o[d] === ")" && l.length > 0) {
-    let i = l.pop();
-    l.length === 0 && n.push([i, d]);
+  let n = [], s = [];
+  for (let c = 0; c < o.length; c++) if (o[c] === "d" && o.slice(c, c + 3) === "dt(") s.push(c), c += 2;
+  else if (o[c] === ")" && s.length > 0) {
+    let i = s.pop();
+    s.length === 0 && n.push([i, c]);
   }
   if (!n.length) return o;
-  for (let d = n.length - 1; d >= 0; d--) {
-    let [i, a] = n[d], c = o.slice(i + 3, a), s = e(c, r), g = r(...s);
+  for (let c = n.length - 1; c >= 0; c--) {
+    let [i, a] = n[c], d = o.slice(i + 3, a), l = e(d, r), g = r(...l);
     o = o.slice(0, i) + g + o.slice(a + 1);
   }
   return o;
 }
-var Q = (...o) => ze(x.getTheme(), ...o), ze = (o = {}, r, e, t) => {
+var Q = (...o) => _e(x.getTheme(), ...o), _e = (o = {}, r, e, t) => {
   if (r) {
-    let { variable: n, options: l } = x.defaults || {}, { prefix: d, transform: i } = o?.options || l || {}, a = K(r, go) ? r : `{${r}}`;
-    return t === "value" || To(t) && i === "strict" ? x.getTokenValue(r) : fr(a, void 0, d, [n.excludedKeyRegex], e);
+    let { variable: n, options: s } = x.defaults || {}, { prefix: c, transform: i } = o?.options || s || {}, a = K(r, fo) ? r : `{${r}}`;
+    return t === "value" || _o(t) && i === "strict" ? x.getTokenValue(r) : gr(a, void 0, c, [n.excludedKeyRegex], e);
   }
   return "";
 };
-function ko(o, ...r) {
+function vo(o, ...r) {
   if (o instanceof Array) {
-    let e = o.reduce((t, n, l) => {
-      var d;
-      return t + n + ((d = W(r[l], { dt: Q })) != null ? d : "");
+    let e = o.reduce((t, n, s) => {
+      var c;
+      return t + n + ((c = E(r[s], { dt: Q })) != null ? c : "");
     }, "");
-    return gr(e, Q);
+    return pr(e, Q);
   }
-  return W(o, { dt: Q });
+  return E(o, { dt: Q });
 }
-function Oe(o, r = {}) {
-  let e = x.defaults.variable, { prefix: t = e.prefix, selector: n = e.selector, excludedKeyRegex: l = e.excludedKeyRegex } = r, d = [], i = [], a = [{ node: o, path: t }];
+function Pe(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: s, path: g } = a.pop();
-    for (let f in s) {
-      let u = s[f], p = $e(u), m = K(f, l) ? Po(g) : Po(g, nr(f));
+    let { node: l, path: g } = a.pop();
+    for (let f in l) {
+      let u = l[f], p = Se(u), m = K(f, s) ? Oo(g) : Oo(g, ar(f));
       if (q(p)) a.push({ node: p, path: m });
       else {
-        let b = ur(m), h = fr(p, m, t, [l]);
-        Re(i, b, h);
+        let b = fr(m), h = gr(p, m, t, [s]);
+        Oe(i, b, h);
         let y = m;
-        t && y.startsWith(t + "-") && (y = y.slice(t.length + 1)), d.push(y.replace(/-/g, "."));
+        t && y.startsWith(t + "-") && (y = y.slice(t.length + 1)), c.push(y.replace(/-/g, "."));
       }
     }
   }
-  let c = i.join("");
-  return { value: i, tokens: d, declarations: c, css: to(n, c) };
+  let d = i.join("");
+  return { value: i, tokens: c, declarations: d, css: no(n, d) };
 }
 var w = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o) {
   return { type: "class", selector: o, matched: this.pattern.test(o.trim()) };
@@ -575,35 +580,35 @@ var w = { 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 Oe(o, { prefix: r?.prefix });
+  return Pe(o, { prefix: r?.prefix });
 }, getCommon({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
-  var l, d, i, a, c, s, g;
-  let { preset: f, options: u } = r, p, m, b, h, y, I, M;
+  var s, c, i, a, d, l, g;
+  let { preset: f, options: u } = r, p, m, b, h, y, I, W;
   if (v(f) && u.transform !== "strict") {
-    let { primitive: J, semantic: F, extend: N } = f, j = F || {}, { colorScheme: D } = j, H = _(j, ["colorScheme"]), A = N || {}, { colorScheme: Y } = A, V = _(A, ["colorScheme"]), L = D || {}, { dark: X } = L, Z = _(L, ["dark"]), G = Y || {}, { dark: oo } = G, ro = _(G, ["dark"]), O = v(J) ? this._toVariables({ primitive: J }, u) : {}, S = v(H) ? this._toVariables({ semantic: H }, u) : {}, U = v(Z) ? this._toVariables({ light: Z }, u) : {}, vo = v(X) ? this._toVariables({ dark: X }, u) : {}, eo = v(V) ? this._toVariables({ semantic: V }, u) : {}, No = v(ro) ? this._toVariables({ light: ro }, u) : {}, jo = v(oo) ? this._toVariables({ dark: oo }, u) : {}, [pr, mr] = [(l = O.declarations) != null ? l : "", O.tokens], [br, hr] = [(d = S.declarations) != null ? d : "", S.tokens || []], [vr, kr] = [(i = U.declarations) != null ? i : "", U.tokens || []], [yr, Cr] = [(a = vo.declarations) != null ? a : "", vo.tokens || []], [xr, wr] = [(c = eo.declarations) != null ? c : "", eo.tokens || []], [$r, Br] = [(s = No.declarations) != null ? s : "", No.tokens || []], [Sr, Rr] = [(g = jo.declarations) != null ? g : "", jo.tokens || []];
-    p = this.transformCSS(o, pr, "light", "variable", u, t, n), m = mr;
-    let zr = this.transformCSS(o, `${br}${vr}`, "light", "variable", u, t, n), Or = this.transformCSS(o, `${yr}`, "dark", "variable", u, t, n);
-    b = `${zr}${Or}`, h = [.../* @__PURE__ */ new Set([...hr, ...kr, ...Cr])];
-    let _r = this.transformCSS(o, `${xr}${$r}color-scheme:light`, "light", "variable", u, t, n), Pr = this.transformCSS(o, `${Sr}color-scheme:dark`, "dark", "variable", u, t, n);
-    y = `${_r}${Pr}`, I = [.../* @__PURE__ */ new Set([...wr, ...Br, ...Rr])], M = W(f.css, { dt: Q });
+    let { primitive: Z, semantic: M, extend: T } = f, N = M || {}, { colorScheme: j } = N, F = _(N, ["colorScheme"]), D = T || {}, { colorScheme: H } = D, Y = _(D, ["colorScheme"]), A = j || {}, { dark: V } = A, oo = _(A, ["dark"]), X = H || {}, { dark: ro } = X, eo = _(X, ["dark"]), O = v(Z) ? this._toVariables({ primitive: Z }, u) : {}, R = v(F) ? this._toVariables({ semantic: F }, u) : {}, G = v(oo) ? this._toVariables({ light: oo }, u) : {}, ho = v(V) ? this._toVariables({ dark: V }, u) : {}, to = v(Y) ? this._toVariables({ semantic: Y }, u) : {}, Po = v(eo) ? this._toVariables({ light: eo }, u) : {}, To = v(ro) ? this._toVariables({ dark: ro }, u) : {}, [mr, br] = [(s = O.declarations) != null ? s : "", O.tokens], [hr, vr] = [(c = R.declarations) != null ? c : "", R.tokens || []], [kr, yr] = [(i = G.declarations) != null ? i : "", G.tokens || []], [Cr, xr] = [(a = ho.declarations) != null ? a : "", ho.tokens || []], [wr, $r] = [(d = to.declarations) != null ? d : "", to.tokens || []], [Br, Sr] = [(l = Po.declarations) != null ? l : "", Po.tokens || []], [Rr, zr] = [(g = To.declarations) != null ? g : "", To.tokens || []];
+    p = this.transformCSS(o, mr, "light", "variable", u, t, n), m = br;
+    let Or = this.transformCSS(o, `${hr}${kr}`, "light", "variable", u, t, n), _r = this.transformCSS(o, `${Cr}`, "dark", "variable", u, t, n);
+    b = `${Or}${_r}`, h = [.../* @__PURE__ */ new Set([...vr, ...yr, ...xr])];
+    let Pr = this.transformCSS(o, `${wr}${Br}color-scheme:light`, "light", "variable", u, t, n), Tr = this.transformCSS(o, `${Rr}color-scheme:dark`, "dark", "variable", u, t, n);
+    y = `${Pr}${Tr}`, I = [.../* @__PURE__ */ new Set([...$r, ...Sr, ...zr])], W = E(f.css, { dt: Q });
   }
-  return { primitive: { css: p, tokens: m }, semantic: { css: b, tokens: h }, global: { css: y, tokens: I }, style: M };
-}, getPreset({ name: o = "", preset: r = {}, options: e, params: t, set: n, defaults: l, selector: d }) {
-  var i, a, c;
-  let s, g, f;
+  return { primitive: { css: p, tokens: m }, semantic: { css: b, tokens: h }, global: { css: y, tokens: I }, style: W };
+}, getPreset({ name: o = "", preset: r = {}, options: e, params: t, set: n, defaults: s, selector: c }) {
+  var i, a, d;
+  let l, g, f;
   if (v(r) && e.transform !== "strict") {
-    let u = o.replace("-directive", ""), p = r, { colorScheme: m, extend: b, css: h } = p, y = _(p, ["colorScheme", "extend", "css"]), I = b || {}, { colorScheme: M } = I, J = _(I, ["colorScheme"]), F = m || {}, { dark: N } = F, j = _(F, ["dark"]), D = M || {}, { dark: H } = D, A = _(D, ["dark"]), Y = v(y) ? this._toVariables({ [u]: B(B({}, y), J) }, e) : {}, V = v(j) ? this._toVariables({ [u]: B(B({}, j), A) }, e) : {}, L = v(N) ? this._toVariables({ [u]: B(B({}, N), H) }, e) : {}, [X, Z] = [(i = Y.declarations) != null ? i : "", Y.tokens || []], [G, oo] = [(a = V.declarations) != null ? a : "", V.tokens || []], [ro, O] = [(c = L.declarations) != null ? c : "", L.tokens || []], S = this.transformCSS(u, `${X}${G}`, "light", "variable", e, n, l, d), U = this.transformCSS(u, ro, "dark", "variable", e, n, l, d);
-    s = `${S}${U}`, g = [.../* @__PURE__ */ new Set([...Z, ...oo, ...O])], f = W(h, { dt: Q });
+    let u = o.replace("-directive", ""), p = r, { colorScheme: m, extend: b, css: h } = p, y = _(p, ["colorScheme", "extend", "css"]), I = b || {}, { colorScheme: W } = I, Z = _(I, ["colorScheme"]), M = m || {}, { dark: T } = M, N = _(M, ["dark"]), j = W || {}, { dark: F } = j, D = _(j, ["dark"]), H = v(y) ? this._toVariables({ [u]: $($({}, y), Z) }, e) : {}, Y = v(N) ? this._toVariables({ [u]: $($({}, N), D) }, e) : {}, A = v(T) ? this._toVariables({ [u]: $($({}, T), F) }, e) : {}, [V, oo] = [(i = H.declarations) != null ? i : "", H.tokens || []], [X, ro] = [(a = Y.declarations) != null ? a : "", Y.tokens || []], [eo, O] = [(d = A.declarations) != null ? d : "", A.tokens || []], R = this.transformCSS(u, `${V}${X}`, "light", "variable", e, n, s, c), G = this.transformCSS(u, eo, "dark", "variable", e, n, s, c);
+    l = `${R}${G}`, g = [.../* @__PURE__ */ new Set([...oo, ...ro, ...O])], f = E(h, { dt: Q });
   }
-  return { css: s, tokens: g, style: f };
+  return { css: l, tokens: g, style: f };
 }, getPresetC({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
-  var l;
-  let { preset: d, options: i } = r, a = (l = d?.components) == null ? void 0 : l[o];
+  var s;
+  let { preset: c, options: i } = r, a = (s = c?.components) == null ? void 0 : s[o];
   return this.getPreset({ name: o, preset: a, options: i, params: e, set: t, defaults: n });
 }, getPresetD({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
-  var l, d;
-  let i = o.replace("-directive", ""), { preset: a, options: c } = r, s = ((l = a?.components) == null ? void 0 : l[i]) || ((d = a?.directives) == null ? void 0 : d[i]);
-  return this.getPreset({ name: i, preset: s, options: c, params: e, set: t, defaults: n });
+  var s, c;
+  let i = o.replace("-directive", ""), { preset: a, options: d } = r, l = ((s = a?.components) == null ? void 0 : s[i]) || ((c = a?.directives) == null ? void 0 : c[i]);
+  return this.getPreset({ name: i, preset: l, options: d, params: e, set: t, defaults: n });
 }, applyDarkColorScheme(o) {
   return !(o.darkModeSelector === "none" || o.darkModeSelector === !1);
 }, getColorSchemeOption(o, r) {
@@ -611,76 +616,76 @@ var w = { 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 ${W(n.order || n.name || "primeui", e)}` : "";
-}, getCommonStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: l }) {
-  let d = this.getCommon({ name: o, theme: r, params: e, set: n, defaults: l }), i = Object.entries(t).reduce((a, [c, s]) => a.push(`${c}="${s}"`) && a, []).join(" ");
-  return Object.entries(d || {}).reduce((a, [c, s]) => {
-    if (q(s) && Object.hasOwn(s, "css")) {
-      let g = uo(s.css), f = `${c}-variables`;
+  return n ? `@layer ${E(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 = uo(l.css), f = `${d}-variables`;
       a.push(`<style type="text/css" data-primevue-style-id="${f}" ${i}>${g}</style>`);
     }
     return a;
   }, []).join("");
-}, getStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: l }) {
-  var d;
-  let i = { name: o, theme: r, params: e, set: n, defaults: l }, a = (d = o.includes("-directive") ? this.getPresetD(i) : this.getPresetC(i)) == null ? void 0 : d.css, c = Object.entries(t).reduce((s, [g, f]) => s.push(`${g}="${f}"`) && s, []).join(" ");
-  return a ? `<style type="text/css" data-primevue-style-id="${o}-variables" ${c}>${uo(a)}</style>` : "";
+}, 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}>${uo(a)}</style>` : "";
 }, createTokens(o = {}, r, e = "", t = "", n = {}) {
-  let l = function(i, a = {}, c = []) {
-    if (c.includes(this.path)) return console.warn(`Circular reference detected at ${this.path}`), { colorScheme: i, path: this.path, paths: a, value: void 0 };
-    c.push(this.path), a.name = this.path, a.binding || (a.binding = {});
-    let s = this.value;
-    if (typeof this.value == "string" && go.test(this.value)) {
-      let g = this.value.trim().replace(go, (f) => {
+  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" && fo.test(this.value)) {
+      let g = this.value.trim().replace(fo, (f) => {
         var u;
         let p = f.slice(1, -1), m = this.tokens[p];
         if (!m) return console.warn(`Token not found for path: ${p}`), "__UNRESOLVED__";
-        let b = m.computed(i, a, c);
+        let b = m.computed(i, a, d);
         return Array.isArray(b) && b.length === 2 ? `light-dark(${b[0].value},${b[1].value})` : (u = b?.value) != null ? u : "__UNRESOLVED__";
       });
-      s = lr.test(g.replace(sr, "0")) ? `calc(${g})` : g;
+      l = sr.test(g.replace(ur, "0")) ? `calc(${g})` : g;
     }
-    return To(a.binding) && delete a.binding, c.pop(), { colorScheme: i, path: this.path, paths: a, value: s.includes("__UNRESOLVED__") ? void 0 : s };
-  }, d = (i, a, c) => {
-    Object.entries(i).forEach(([s, g]) => {
-      let f = K(s, r.variable.excludedKeyRegex) ? a : a ? `${a}.${Io(s)}` : Io(s), u = c ? `${c}.${s}` : s;
-      q(g) ? d(g, f, u) : (n[f] || (n[f] = { paths: [], computed: (p, m = {}, b = []) => {
+    return _o(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 = K(l, r.variable.excludedKeyRegex) ? a : a ? `${a}.${Io(l)}` : Io(l), u = d ? `${d}.${l}` : l;
+      q(g) ? c(g, f, u) : (n[f] || (n[f] = { paths: [], computed: (p, m = {}, b = []) => {
         if (n[f].paths.length === 1) return n[f].paths[0].computed(n[f].paths[0].scheme, m.binding, b);
         if (p && p !== "none") for (let h = 0; h < n[f].paths.length; h++) {
           let y = n[f].paths[h];
           if (y.scheme === p) return y.computed(p, m.binding, b);
         }
         return n[f].paths.map((h) => h.computed(h.scheme, m[h.scheme], b));
-      } }), n[f].paths.push({ path: u, value: g, scheme: u.includes("colorScheme.light") ? "light" : u.includes("colorScheme.dark") ? "dark" : "none", computed: l, tokens: n }));
+      } }), n[f].paths.push({ path: u, value: g, scheme: u.includes("colorScheme.light") ? "light" : u.includes("colorScheme.dark") ? "dark" : "none", computed: s, tokens: n }));
     });
   };
-  return d(o, e, t), n;
+  return c(o, e, t), n;
 }, getTokenValue(o, r, e) {
   var t;
-  let n = ((i) => i.split(".").filter((a) => !K(a.toLowerCase(), e.variable.excludedKeyRegex)).join("."))(r), l = r.includes("colorScheme.light") ? "light" : r.includes("colorScheme.dark") ? "dark" : void 0, d = [(t = o[n]) == null ? void 0 : t.computed(l)].flat().filter((i) => i);
-  return d.length === 1 ? d[0].value : d.reduce((i = {}, a) => {
-    let c = a, { colorScheme: s } = c, g = _(c, ["colorScheme"]);
-    return i[s] = g, i;
+  let n = ((i) => i.split(".").filter((a) => !K(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 = _(d, ["colorScheme"]);
+    return i[l] = g, i;
   }, void 0);
 }, getSelectorRule(o, r, e, t) {
-  return e === "class" || e === "attr" ? to(v(r) ? `${o}${r},${o} ${r}` : o, t) : to(o, to(r ?? ":root,:host", t));
-}, transformCSS(o, r, e, t, n = {}, l, d, i) {
+  return e === "class" || e === "attr" ? no(v(r) ? `${o}${r},${o} ${r}` : o, t) : no(o, no(r ?? ":root,:host", t));
+}, transformCSS(o, r, e, t, n = {}, s, c, i) {
   if (v(r)) {
     let { cssLayer: a } = n;
     if (t !== "style") {
-      let c = this.getColorSchemeOption(n, d);
-      r = e === "dark" ? c.reduce((s, { type: g, selector: f }) => (v(f) && (s += f.includes("[CSS]") ? f.replace("[CSS]", r) : this.getSelectorRule(f, i, g, r)), s), "") : to(i ?? ":root,:host", r);
+      let d = this.getColorSchemeOption(n, c);
+      r = e === "dark" ? d.reduce((l, { type: g, selector: f }) => (v(f) && (l += f.includes("[CSS]") ? f.replace("[CSS]", r) : this.getSelectorRule(f, i, g, r)), l), "") : no(i ?? ":root,:host", r);
     }
     if (a) {
-      let c = { name: "primeui" };
-      q(a) && (c.name = W(a.name, { name: o, type: t })), v(c.name) && (r = to(`@layer ${c.name}`, r), l?.layerNames(c.name));
+      let d = { name: "primeui" };
+      q(a) && (d.name = E(a.name, { name: o, type: t })), v(d.name) && (r = no(`@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(B({}, r), { options: B(B({}, this.defaults.options), r.options) }), this._tokens = w.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
+  r && (this._theme = wo($({}, r), { options: $($({}, this.defaults.options), r.options) }), this._tokens = w.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
 }, get theme() {
   return this._theme;
 }, get preset() {
@@ -698,11 +703,11 @@ var w = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
 }, getPreset() {
   return this.preset;
 }, setPreset(o) {
-  this._theme = $o(B({}, this.theme), { preset: o }), this._tokens = w.createTokens(o, this.defaults), this.clearLoadedStyleNames(), P.emit("preset:change", o), P.emit("theme:change", this.theme);
+  this._theme = wo($({}, this.theme), { preset: o }), this._tokens = w.createTokens(o, this.defaults), this.clearLoadedStyleNames(), P.emit("preset:change", o), P.emit("theme:change", this.theme);
 }, getOptions() {
   return this.options;
 }, setOptions(o) {
-  this._theme = $o(B({}, this.theme), { options: o }), this.clearLoadedStyleNames(), P.emit("options:change", o), P.emit("theme:change", this.theme);
+  this._theme = wo($({}, this.theme), { options: o }), this.clearLoadedStyleNames(), P.emit("options:change", o), P.emit("theme:change", this.theme);
 }, getLayerNames() {
   return [...this._layerNames];
 }, setLayerNames(o) {
@@ -744,7 +749,7 @@ var w = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
   this._loadingStyles.add(o);
 }, onStyleLoaded(o, { name: r }) {
   this._loadingStyles.size && (this._loadingStyles.delete(r), P.emit(`theme:${r}:load`, o), !this._loadingStyles.size && P.emit("theme:load"));
-} }, _e = `
+} }, Te = `
     *,
     ::before,
     ::after {
@@ -868,15 +873,15 @@ var w = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o)
         }
     }
 `;
-function po(o) {
+function go(o) {
   "@babel/helpers - typeof";
-  return po = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return go = 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;
-  }, po(o);
+  }, go(o);
 }
-function Mo(o, r) {
+function Wo(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -886,123 +891,123 @@ function Mo(o, r) {
   }
   return e;
 }
-function Fo(o) {
+function Mo(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Mo(Object(e), !0).forEach(function(t) {
-      Pe(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : Mo(Object(e)).forEach(function(t) {
+    r % 2 ? Wo(Object(e), !0).forEach(function(t) {
+      Ne(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : Wo(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function Pe(o, r, e) {
-  return (r = Te(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function Ne(o, r, e) {
+  return (r = je(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function Te(o) {
-  var r = Ne(o, "string");
-  return po(r) == "symbol" ? r : r + "";
+function je(o) {
+  var r = De(o, "string");
+  return go(r) == "symbol" ? r : r + "";
 }
-function Ne(o, r) {
-  if (po(o) != "object" || !o) return o;
+function De(o, r) {
+  if (go(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (po(t) != "object") return t;
+    if (go(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-function je(o) {
+function Ae(o) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
-  Ro() && Ro().components ? Lr(o) : r ? o() : Er(o);
+  So() && So().components ? Er(o) : r ? o() : Ir(o);
 }
-var De = 0;
-function Ae(o) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = io(!1), t = io(o), n = io(null), l = ve() ? window.document : void 0, d = r.document, i = d === void 0 ? l : d, a = r.immediate, c = a === void 0 ? !0 : a, s = r.manual, g = s === void 0 ? !1 : s, f = r.name, u = f === void 0 ? "style_".concat(++De) : f, p = r.id, m = p === void 0 ? void 0 : p, b = r.media, h = b === void 0 ? void 0 : b, y = r.nonce, I = y === void 0 ? void 0 : y, M = r.first, J = M === void 0 ? !1 : M, F = r.onMounted, N = F === void 0 ? void 0 : F, j = r.onUpdated, D = j === void 0 ? void 0 : j, H = r.onLoad, A = H === void 0 ? void 0 : H, Y = r.props, V = Y === void 0 ? {} : Y, L = function() {
-  }, X = function(oo) {
-    var ro = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+var Le = 0;
+function Ee(o) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = co(!1), t = co(o), n = co(null), s = ye() ? 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(++Le) : f, p = r.id, m = p === void 0 ? void 0 : p, b = r.media, h = b === void 0 ? void 0 : b, y = r.nonce, I = y === void 0 ? void 0 : y, W = r.first, Z = W === void 0 ? !1 : W, M = r.onMounted, T = M === void 0 ? void 0 : M, N = r.onUpdated, j = N === void 0 ? void 0 : N, F = r.onLoad, D = F === void 0 ? void 0 : F, H = r.props, Y = H === void 0 ? {} : H, A = function() {
+  }, V = function(ro) {
+    var eo = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (i) {
-      var O = Fo(Fo({}, V), ro), S = O.name || u, U = O.id || m, vo = O.nonce || I;
-      n.value = i.querySelector('style[data-primevue-style-id="'.concat(S, '"]')) || i.getElementById(U) || i.createElement("style"), n.value.isConnected || (t.value = oo || o, _o(n.value, {
+      var O = Mo(Mo({}, Y), eo), R = O.name || u, G = O.id || m, ho = O.nonce || I;
+      n.value = i.querySelector('style[data-primevue-style-id="'.concat(R, '"]')) || i.getElementById(G) || i.createElement("style"), n.value.isConnected || (t.value = ro || o, zo(n.value, {
         type: "text/css",
-        id: U,
+        id: G,
         media: h,
-        nonce: vo
-      }), J ? i.head.prepend(n.value) : i.head.appendChild(n.value), ke(n.value, "data-primevue-style-id", S), _o(n.value, O), n.value.onload = function(eo) {
-        return A?.(eo, {
-          name: S
+        nonce: ho
+      }), Z ? i.head.prepend(n.value) : i.head.appendChild(n.value), Ce(n.value, "data-primevue-style-id", R), zo(n.value, O), n.value.onload = function(to) {
+        return D?.(to, {
+          name: R
         });
-      }, N?.(S)), !e.value && (L = so(t, function(eo) {
-        n.value.textContent = eo, D?.(S);
+      }, T?.(R)), !e.value && (A = so(t, function(to) {
+        n.value.textContent = to, j?.(R);
       }, {
         immediate: !0
       }), e.value = !0);
     }
-  }, Z = function() {
-    !i || !e.value || (L(), he(n.value) && i.head.removeChild(n.value), e.value = !1, n.value = null);
+  }, oo = function() {
+    !i || !e.value || (A(), ke(n.value) && i.head.removeChild(n.value), e.value = !1, n.value = null);
   };
-  return c && !g && je(X), {
+  return d && !g && Ae(V), {
     id: m,
     name: u,
     el: n,
     css: t,
-    unload: Z,
-    load: X,
-    isLoaded: Ar(e)
+    unload: oo,
+    load: V,
+    isLoaded: Lr(e)
   };
 }
-function mo(o) {
+function po(o) {
   "@babel/helpers - typeof";
-  return mo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return po = 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;
-  }, mo(o);
+  }, po(o);
 }
-var Ho, Yo, Vo, Xo;
-function Go(o, r) {
-  return Ie(o) || We(o, r) || Ee(o, r) || Le();
+var Fo, Ho, Yo, Vo;
+function Xo(o, r) {
+  return Fe(o) || Me(o, r) || We(o, r) || Ie();
 }
-function Le() {
+function Ie() {
   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 Ee(o, r) {
+function We(o, r) {
   if (o) {
-    if (typeof o == "string") return Uo(o, r);
+    if (typeof o == "string") return Go(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) ? Uo(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) ? Go(o, r) : void 0;
   }
 }
-function Uo(o, r) {
+function Go(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 We(o, r) {
+function Me(o, r) {
   var e = o == null ? null : typeof Symbol < "u" && o[Symbol.iterator] || o["@@iterator"];
   if (e != null) {
-    var t, n, l, d, i = [], a = !0, c = !1;
+    var t, n, s, c, i = [], a = !0, d = !1;
     try {
-      if (l = (e = e.call(o)).next, r !== 0) for (; !(a = (t = l.call(e)).done) && (i.push(t.value), i.length !== r); a = !0) ;
-    } catch (s) {
-      c = !0, n = s;
+      if (s = (e = e.call(o)).next, r !== 0) for (; !(a = (t = s.call(e)).done) && (i.push(t.value), i.length !== r); a = !0) ;
+    } catch (l) {
+      d = !0, n = l;
     } finally {
       try {
-        if (!a && e.return != null && (d = e.return(), Object(d) !== d)) return;
+        if (!a && e.return != null && (c = e.return(), Object(c) !== c)) return;
       } finally {
-        if (c) throw n;
+        if (d) throw n;
       }
     }
     return i;
   }
 }
-function Ie(o) {
+function Fe(o) {
   if (Array.isArray(o)) return o;
 }
-function qo(o, r) {
+function Uo(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -1012,38 +1017,38 @@ function qo(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 ? qo(Object(e), !0).forEach(function(t) {
-      Me(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : qo(Object(e)).forEach(function(t) {
+    r % 2 ? Uo(Object(e), !0).forEach(function(t) {
+      He(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : Uo(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function Me(o, r, e) {
-  return (r = Fe(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function He(o, r, e) {
+  return (r = Ye(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function Fe(o) {
-  var r = He(o, "string");
-  return mo(r) == "symbol" ? r : r + "";
+function Ye(o) {
+  var r = Ve(o, "string");
+  return po(r) == "symbol" ? r : r + "";
 }
-function He(o, r) {
-  if (mo(o) != "object" || !o) return o;
+function Ve(o, r) {
+  if (po(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (mo(t) != "object") return t;
+    if (po(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-function yo(o, r) {
+function ko(o, r) {
   return r || (r = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(r) } }));
 }
-var Ye = function(r) {
+var Xe = function(r) {
   var e = r.dt;
   return `
 .p-hidden-accessible {
@@ -1065,17 +1070,17 @@ var Ye = function(r) {
     padding-right: `.concat(e("scrollbar.width"), `;
 }
 `);
-}, Ve = {}, Xe = {}, E = {
+}, Ge = {}, Ue = {}, L = {
   name: "base",
-  css: Ye,
-  style: _e,
-  classes: Ve,
-  inlineStyles: Xe,
+  css: Xe,
+  style: Te,
+  classes: Ge,
+  inlineStyles: Ue,
   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(l) {
-      return l;
-    }, n = t(ko(Ho || (Ho = yo(["", ""])), r));
-    return v(n) ? Ae(uo(n), Bo({
+    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(vo(Fo || (Fo = ko(["", ""])), r));
+    return v(n) ? Ee(uo(n), $o({
       name: this.name
     }, e)) : {};
   },
@@ -1087,7 +1092,7 @@ var Ye = 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(ko(Yo || (Yo = yo(["", ""])), t)));
+      return x.transformCSS(e.name || r.name, "".concat(n).concat(vo(Ho || (Ho = ko(["", ""])), t)));
     });
   },
   getCommonTheme: function(r) {
@@ -1108,13 +1113,13 @@ var Ye = 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 = W(this.css, {
+      var t = E(this.css, {
         dt: Q
-      }) || "", n = uo(ko(Vo || (Vo = yo(["", "", ""])), t, r)), l = Object.entries(e).reduce(function(d, i) {
-        var a = Go(i, 2), c = a[0], s = a[1];
-        return d.push("".concat(c, '="').concat(s, '"')) && d;
+      }) || "", n = uo(vo(Yo || (Yo = ko(["", "", ""])), t, r)), s = Object.entries(e).reduce(function(c, i) {
+        var a = Xo(i, 2), d = a[0], l = a[1];
+        return c.push("".concat(d, '="').concat(l, '"')) && c;
       }, []).join(" ");
-      return v(n) ? '<style type="text/css" data-primevue-style-id="'.concat(this.name, '" ').concat(l, ">").concat(n, "</style>") : "";
+      return v(n) ? '<style type="text/css" data-primevue-style-id="'.concat(this.name, '" ').concat(s, ">").concat(n, "</style>") : "";
     }
     return "";
   },
@@ -1125,39 +1130,39 @@ var Ye = 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"), l = ko(Xo || (Xo = yo(["", ""])), W(this.style, {
+      var n = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), s = vo(Vo || (Vo = ko(["", ""])), E(this.style, {
         dt: Q
-      })), d = uo(x.transformCSS(n, l)), i = Object.entries(e).reduce(function(a, c) {
-        var s = Go(c, 2), g = s[0], f = s[1];
+      })), c = uo(x.transformCSS(n, s)), i = Object.entries(e).reduce(function(a, d) {
+        var l = Xo(d, 2), g = l[0], f = l[1];
         return a.push("".concat(g, '="').concat(f, '"')) && a;
       }, []).join(" ");
-      v(d) && t.push('<style type="text/css" data-primevue-style-id="'.concat(n, '" ').concat(i, ">").concat(d, "</style>"));
+      v(c) && t.push('<style type="text/css" data-primevue-style-id="'.concat(n, '" ').concat(i, ">").concat(c, "</style>"));
     }
     return t.join("");
   },
   extend: function(r) {
-    return Bo(Bo({}, this), {}, {
+    return $o($o({}, this), {}, {
       css: void 0,
       style: void 0
     }, r);
   }
 };
-E.extend({
+L.extend({
   name: "common"
 });
-E.extend({
+L.extend({
   name: "common"
 });
-var Co = ar();
-function bo(o) {
+var yo = ir();
+function mo(o) {
   "@babel/helpers - typeof";
-  return bo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+  return mo = 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;
-  }, bo(o);
+  }, mo(o);
 }
-function Ko(o, r) {
+function qo(o, r) {
   var e = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(o);
@@ -1167,35 +1172,35 @@ function Ko(o, r) {
   }
   return e;
 }
-function xo(o) {
+function Co(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? Ko(Object(e), !0).forEach(function(t) {
-      Ge(o, t, e[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : Ko(Object(e)).forEach(function(t) {
+    r % 2 ? qo(Object(e), !0).forEach(function(t) {
+      qe(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : qo(Object(e)).forEach(function(t) {
       Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
     });
   }
   return o;
 }
-function Ge(o, r, e) {
-  return (r = Ue(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+function qe(o, r, e) {
+  return (r = Ke(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
 }
-function Ue(o) {
-  var r = qe(o, "string");
-  return bo(r) == "symbol" ? r : r + "";
+function Ke(o) {
+  var r = Qe(o, "string");
+  return mo(r) == "symbol" ? r : r + "";
 }
-function qe(o, r) {
-  if (bo(o) != "object" || !o) return o;
+function Qe(o, r) {
+  if (mo(o) != "object" || !o) return o;
   var e = o[Symbol.toPrimitive];
   if (e !== void 0) {
     var t = e.call(o, r);
-    if (bo(t) != "object") return t;
+    if (mo(t) != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r === "string" ? String : Number)(o);
 }
-var Ke = {
+var Je = {
   ripple: !1,
   inputStyle: null,
   inputVariant: null,
@@ -1341,33 +1346,33 @@ var Ke = {
   csp: {
     nonce: void 0
   }
-}, Qe = Symbol();
-function Je(o, r) {
+}, Ze = Symbol();
+function ot(o, r) {
   var e = {
     config: Wr(r)
   };
-  return o.config.globalProperties.$primevue = e, o.provide(Qe, e), Ze(), ot(o, e), e;
+  return o.config.globalProperties.$primevue = e, o.provide(Ze, e), rt(), et(o, e), e;
 }
-var ao = [];
-function Ze() {
-  P.clear(), ao.forEach(function(o) {
+var io = [];
+function rt() {
+  P.clear(), io.forEach(function(o) {
     return o?.();
-  }), ao = [];
+  }), io = [];
 }
-function ot(o, r) {
-  var e = io(!1), t = function() {
-    var c;
-    if (((c = r.config) === null || c === void 0 ? void 0 : c.theme) !== "none" && !x.isStyleNameLoaded("common")) {
-      var s, g, f = ((s = E.getCommonTheme) === null || s === void 0 ? void 0 : s.call(E)) || {}, u = f.primitive, p = f.semantic, m = f.global, b = f.style, h = {
+function et(o, r) {
+  var e = co(!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 = L.getCommonTheme) === null || l === void 0 ? void 0 : l.call(L)) || {}, u = f.primitive, p = f.semantic, m = f.global, b = f.style, h = {
         nonce: (g = r.config) === null || g === void 0 || (g = g.csp) === null || g === void 0 ? void 0 : g.nonce
       };
-      E.load(u?.css, xo({
+      L.load(u?.css, Co({
         name: "primitive-variables"
-      }, h)), E.load(p?.css, xo({
+      }, h)), L.load(p?.css, Co({
         name: "semantic-variables"
-      }, h)), E.load(m?.css, xo({
+      }, h)), L.load(m?.css, Co({
         name: "global-variables"
-      }, h)), E.loadStyle(xo({
+      }, h)), L.loadStyle(Co({
         name: "global-style"
       }, h), b), x.setLoadedStyleName("common");
     }
@@ -1375,60 +1380,60 @@ function ot(o, r) {
   P.on("theme:change", function(a) {
     e.value || (o.config.globalProperties.$primevue.config.theme = a, e.value = !0);
   });
-  var n = so(r.config, function(a, c) {
-    Co.emit("config:change", {
+  var n = so(r.config, function(a, d) {
+    yo.emit("config:change", {
       newValue: a,
-      oldValue: c
+      oldValue: d
     });
   }, {
     immediate: !0,
     deep: !0
-  }), l = so(function() {
+  }), s = so(function() {
     return r.config.ripple;
-  }, function(a, c) {
-    Co.emit("config:ripple:change", {
+  }, function(a, d) {
+    yo.emit("config:ripple:change", {
       newValue: a,
-      oldValue: c
+      oldValue: d
     });
   }, {
     immediate: !0,
     deep: !0
-  }), d = so(function() {
+  }), c = so(function() {
     return r.config.theme;
-  }, function(a, c) {
-    e.value || x.setTheme(a), r.config.unstyled || t(), e.value = !1, Co.emit("config:theme:change", {
+  }, function(a, d) {
+    e.value || x.setTheme(a), r.config.unstyled || t(), e.value = !1, yo.emit("config:theme:change", {
       newValue: a,
-      oldValue: c
+      oldValue: d
     });
   }, {
     immediate: !0,
     deep: !1
   }), i = so(function() {
     return r.config.unstyled;
-  }, function(a, c) {
-    !a && r.config.theme && t(), Co.emit("config:unstyled:change", {
+  }, function(a, d) {
+    !a && r.config.theme && t(), yo.emit("config:unstyled:change", {
       newValue: a,
-      oldValue: c
+      oldValue: d
     });
   }, {
     immediate: !0,
     deep: !0
   });
-  ao.push(n), ao.push(l), ao.push(d), ao.push(i);
+  io.push(n), io.push(s), io.push(c), io.push(i);
 }
-var rt = {
+var tt = {
   install: function(r, e) {
-    var t = me(Ke, e);
-    Je(r, t);
+    var t = he(Je, e);
+    ot(r, t);
   }
-}, et = { 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" }, it = { root: et, panel: tt, header: nt, content: at }, dt = { 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}" }, ct = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, lt = { padding: "{list.padding}", gap: "{list.gap}" }, st = { 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}" }, ut = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, ft = { 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}" } }, gt = { borderRadius: "{border.radius.sm}" }, pt = { padding: "{list.option.padding}" }, mt = { 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}" } } }, bt = { root: dt, overlay: ct, list: lt, option: st, optionGroup: ut, dropdown: ft, chip: gt, emptyMessage: pt, colorScheme: mt }, ht = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, vt = { size: "1rem" }, kt = { borderColor: "{content.background}", offset: "-0.75rem" }, yt = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, Ct = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, xt = { root: ht, icon: vt, group: kt, lg: yt, xl: Ct }, wt = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, $t = { size: "0.5rem" }, Bt = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, St = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, Rt = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, zt = { 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}" } } }, Ot = { root: wt, dot: $t, sm: Bt, lg: St, xl: Rt, colorScheme: zt }, _t = { 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" } }, Pt = { 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}" } } } } }, Tt = { primitive: _t, semantic: Pt }, Nt = { borderRadius: "{content.border.radius}" }, jt = { root: Nt }, Dt = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, At = { 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}" } }, Lt = { color: "{navigation.item.icon.color}" }, Et = { root: Dt, item: At, separator: Lt }, Wt = { 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}" }, It = { 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}" } } }, Mt = { root: Wt, colorScheme: It }, Ft = { 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)" }, Ht = { padding: "1.25rem", gap: "0.5rem" }, Yt = { gap: "0.5rem" }, Vt = { fontSize: "1.25rem", fontWeight: "500" }, Xt = { color: "{text.muted.color}" }, Gt = { root: Ft, body: Ht, caption: Yt, title: Vt, subtitle: Xt }, Ut = { transitionDuration: "{transition.duration}" }, qt = { gap: "0.25rem" }, Kt = { padding: "1rem", gap: "0.5rem" }, Qt = { 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}" } }, Jt = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, Zt = { root: Ut, content: qt, indicatorList: Kt, indicator: Qt, colorScheme: Jt }, 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}" } }, rn = { width: "2.5rem", color: "{form.field.icon.color}" }, en = { 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" }, nn = { 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" } }, an = { color: "{form.field.icon.color}" }, dn = { root: on, dropdown: rn, overlay: en, list: tn, option: nn, clearIcon: an }, cn = { 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" } }, ln = { 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" } }, sn = { root: cn, icon: ln }, un = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, fn = { width: "2rem", height: "2rem" }, gn = { size: "1rem" }, pn = { 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}" } }, mn = { 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}" } } }, bn = { root: un, image: fn, icon: gn, removeIcon: pn, colorScheme: mn }, hn = { transitionDuration: "{transition.duration}" }, vn = { 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}" } }, kn = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, yn = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, Cn = { root: hn, preview: vn, panel: kn, colorScheme: yn }, xn = { size: "2rem", color: "{overlay.modal.color}" }, wn = { gap: "1rem" }, $n = { icon: xn, content: wn }, Bn = { 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" }, Sn = { padding: "{overlay.popover.padding}", gap: "1rem" }, Rn = { size: "1.5rem", color: "{overlay.popover.color}" }, zn = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, On = { root: Bn, content: Sn, icon: Rn, footer: zn }, _n = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Pn = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Tn = { 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}" } }, Nn = { mobileIndent: "1rem" }, jn = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Dn = { borderColor: "{content.border.color}" }, An = { root: _n, list: Pn, item: Tn, submenu: Nn, submenuIcon: jn, separator: Dn }, Ln = { transitionDuration: "{transition.duration}" }, En = { 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" } }, Wn = { 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" } }, In = { fontWeight: "600" }, Mn = { 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}" } }, Fn = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, Hn = { 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" } }, Yn = { fontWeight: "600" }, Vn = { 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" } }, Xn = { color: "{primary.color}" }, Gn = { width: "0.5rem" }, Un = { width: "1px", color: "{primary.color}" }, qn = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Kn = { size: "2rem" }, Qn = { 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}" } }, Jn = { 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}" } }, Zn = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, oa = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, ra = { 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}" } } }, ea = { root: Ln, header: En, headerCell: Wn, columnTitle: In, row: Mn, bodyCell: Fn, footerCell: Hn, columnFooter: Yn, footer: Vn, dropPoint: Xn, columnResizer: Gn, resizeIndicator: Un, sortIcon: qn, loadingIcon: Kn, rowToggleButton: Qn, filter: Jn, paginatorTop: Zn, paginatorBottom: oa, colorScheme: ra }, 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" }, ia = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, da = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, ca = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, la = { root: ta, header: na, content: aa, footer: ia, paginatorTop: da, paginatorBottom: ca }, sa = { transitionDuration: "{transition.duration}" }, ua = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, fa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, ga = { gap: "0.5rem", fontWeight: "500" }, pa = { 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}" } }, ma = { color: "{form.field.icon.color}" }, ba = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, ha = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, va = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, ka = { margin: "0.5rem 0 0 0" }, ya = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, Ca = { 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}" } }, xa = { margin: "0.5rem 0 0 0" }, wa = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, $a = { margin: "0.5rem 0 0 0" }, Ba = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Sa = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, Ra = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, za = { 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}" } } }, Oa = { root: sa, panel: ua, header: fa, title: ga, dropdown: pa, inputIcon: ma, selectMonth: ba, selectYear: ha, group: va, dayView: ka, weekDay: ya, date: Ca, monthView: xa, month: wa, yearView: $a, year: Ba, buttonbar: Sa, timePicker: Ra, colorScheme: za }, _a = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, Pa = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, Ta = { fontSize: "1.25rem", fontWeight: "600" }, Na = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, ja = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, Da = { root: _a, header: Pa, title: Ta, content: Na, footer: ja }, Aa = { borderColor: "{content.border.color}" }, La = { background: "{content.background}", color: "{text.color}" }, Ea = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, Wa = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, Ia = { root: Aa, content: La, horizontal: Ea, vertical: Wa }, Ma = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, Fa = { 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}" } }, Ha = { root: Ma, item: Fa }, Ya = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, Va = { padding: "{overlay.modal.padding}" }, Xa = { fontSize: "1.5rem", fontWeight: "600" }, Ga = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Ua = { padding: "{overlay.modal.padding}" }, qa = { root: Ya, header: Va, title: Xa, content: Ga, footer: Ua }, Ka = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, Qa = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Ja = { 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}" }, Za = { 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}" }, ri = { toolbar: Ka, toolbarItem: Qa, overlay: Ja, overlayOption: Za, content: oi }, ei = { 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" }, ii = { root: ei, legend: ti, toggleIcon: ni, content: ai }, di = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, ci = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, li = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, si = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, ui = { gap: "0.5rem" }, fi = { height: "0.25rem" }, gi = { gap: "0.5rem" }, pi = { root: di, header: ci, content: li, file: si, fileList: ui, progressbar: fi, basic: gi }, mi = { 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" } }, bi = { active: { top: "-1.25rem" } }, hi = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, vi = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, ki = { root: mi, over: bi, in: hi, on: vi }, yi = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Ci = { 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}" } }, xi = { size: "1.5rem" }, wi = { background: "{content.background}", padding: "1rem 0.25rem" }, $i = { 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}" } }, Bi = { size: "1rem" }, Si = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, Ri = { gap: "0.5rem", padding: "1rem" }, zi = { 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}" } }, Oi = { background: "rgba(0, 0, 0, 0.5)" }, _i = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, Pi = { 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}" } }, Ti = { size: "1.5rem" }, Ni = { 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}" } } }, ji = { root: yi, navButton: Ci, navIcon: xi, thumbnailsContent: wi, thumbnailNavButton: $i, thumbnailNavButtonIcon: Bi, caption: Si, indicatorList: Ri, indicatorButton: zi, insetIndicatorList: Oi, insetIndicatorButton: _i, closeButton: Pi, closeButtonIcon: Ti, colorScheme: Ni }, Di = { color: "{form.field.icon.color}" }, Ai = { icon: Di }, Li = { 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" }, Ei = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, Wi = { root: Li, input: Ei }, Ii = { transitionDuration: "{transition.duration}" }, Mi = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, Fi = { 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" }, Hi = { 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}" } }, Yi = { root: Ii, preview: Mi, toolbar: Fi, action: Hi }, Vi = { 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}" } }, Xi = { handle: Vi }, Gi = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Ui = { fontWeight: "500" }, qi = { size: "1rem" }, Ki = { 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%)" } } }, Qi = { root: Gi, text: Ui, icon: qi, colorScheme: Ki }, Ji = { 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}" }, Zi = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, od = { root: Ji, display: Zi }, rd = { 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}" }, ed = { borderRadius: "{border.radius.sm}" }, td = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, nd = { root: rd, chip: ed, 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" }, id = { addon: ad }, dd = { transitionDuration: "{transition.duration}" }, cd = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, ld = { 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}" } } }, sd = { root: dd, button: cd, colorScheme: ld }, ud = { gap: "0.5rem" }, fd = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, gd = { root: ud, input: fd }, pd = { 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}" } }, md = { root: pd }, bd = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, hd = { background: "{primary.color}" }, vd = { background: "{content.border.color}" }, kd = { color: "{text.muted.color}" }, yd = { root: bd, value: hd, range: vd, text: kd }, Cd = { 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}" }, xd = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, wd = { 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}" }, $d = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Bd = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Sd = { padding: "{list.option.padding}" }, Rd = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, zd = { root: Cd, list: xd, option: wd, optionGroup: $d, checkmark: Bd, emptyMessage: Sd, colorScheme: Rd }, Od = { 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}" }, _d = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Pd = { 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}" } }, Td = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, Nd = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, jd = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Dd = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Ad = { borderColor: "{content.border.color}" }, Ld = { 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}" } }, Ed = { root: Od, baseItem: _d, item: Pd, overlay: Td, submenu: Nd, submenuLabel: jd, submenuIcon: Dd, separator: Ad, mobileButton: Ld }, Wd = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Id = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Md = { 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}" } }, Fd = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Hd = { borderColor: "{content.border.color}" }, Yd = { root: Wd, list: Id, item: Md, submenuLabel: Fd, separator: Hd }, Vd = { 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}" }, Xd = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Gd = { 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}" } }, Ud = { 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}" } }, qd = { borderColor: "{content.border.color}" }, Kd = { 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}" } }, Qd = { root: Vd, baseItem: Xd, item: Gd, submenu: Ud, separator: qd, mobileButton: Kd }, Jd = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Zd = { 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" } }, rc = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, ec = { 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" } }, ic = { 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}" } } } }, dc = { root: Jd, content: Zd, text: oc, icon: rc, closeButton: ec, closeIcon: tc, outlined: nc, simple: ac, colorScheme: ic }, cc = { borderRadius: "{content.border.radius}", gap: "1rem" }, lc = { background: "{content.border.color}", size: "0.5rem" }, sc = { gap: "0.5rem" }, uc = { size: "0.5rem" }, fc = { size: "1rem" }, gc = { verticalGap: "0.5rem", horizontalGap: "1rem" }, pc = { root: cc, meters: lc, label: sc, labelMarker: uc, labelIcon: fc, labelList: gc }, mc = { 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}" } }, bc = { width: "2.5rem", color: "{form.field.icon.color}" }, hc = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, vc = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, kc = { 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" }, yc = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Cc = { color: "{form.field.icon.color}" }, xc = { borderRadius: "{border.radius.sm}" }, wc = { padding: "{list.option.padding}" }, $c = { root: mc, dropdown: bc, overlay: hc, list: vc, option: kc, optionGroup: yc, chip: xc, clearIcon: Cc, emptyMessage: wc }, Bc = { gap: "1.125rem" }, Sc = { gap: "0.5rem" }, Rc = { root: Bc, controls: Sc }, zc = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, Oc = { 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}" }, _c = { 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}" } }, Pc = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, Tc = { root: zc, node: Oc, nodeToggleButton: _c, connector: Pc }, Nc = { outline: { width: "2px", color: "{content.background}" } }, jc = { root: Nc }, Dc = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Ac = { 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}" } }, Lc = { color: "{text.muted.color}" }, Ec = { maxWidth: "2.5rem" }, Wc = { root: Dc, navButton: Ac, currentPageReport: Lc, jumpToPageInput: Ec }, Ic = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Mc = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, Fc = { padding: "0.375rem 1.125rem" }, Hc = { fontWeight: "600" }, Yc = { padding: "0 1.125rem 1.125rem 1.125rem" }, Vc = { padding: "0 1.125rem 1.125rem 1.125rem" }, Xc = { root: Ic, header: Mc, toggleableHeader: Fc, title: Hc, content: Yc, footer: Vc }, Gc = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Uc = { 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}" } }, qc = { 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}" } }, Kc = { indent: "1rem" }, Qc = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Jc = { root: Gc, panel: Uc, item: qc, submenu: Kc, submenuIcon: Qc }, Zc = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, ol = { color: "{form.field.icon.color}" }, rl = { 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}" }, el = { 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: Zc, icon: ol, overlay: rl, content: el, colorScheme: tl }, al = { gap: "1.125rem" }, il = { gap: "0.5rem" }, dl = { root: al, controls: il }, cl = { 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" }, ll = { padding: "{overlay.popover.padding}" }, sl = { root: cl, content: ll }, ul = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, fl = { background: "{primary.color}" }, gl = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, pl = { root: ul, value: fl, label: gl }, ml = { 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}" } } }, bl = { colorScheme: ml }, hl = { 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" } }, vl = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, kl = { root: hl, icon: vl }, yl = { 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}" } }, Cl = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, xl = { root: yl, icon: Cl }, wl = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, $l = { colorScheme: wl }, Bl = { transitionDuration: "{transition.duration}" }, Sl = { 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}" } }, Rl = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, zl = { root: Bl, bar: Sl, colorScheme: Rl }, Ol = { 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}" } }, _l = { width: "2.5rem", color: "{form.field.icon.color}" }, Pl = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Tl = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Nl = { 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}" }, jl = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Dl = { color: "{form.field.icon.color}" }, Al = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Ll = { padding: "{list.option.padding}" }, El = { root: Ol, dropdown: _l, overlay: Pl, list: Tl, option: Nl, optionGroup: jl, clearIcon: Dl, checkmark: Al, emptyMessage: Ll }, Wl = { borderRadius: "{form.field.border.radius}" }, Il = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, Ml = { root: Wl, colorScheme: Il }, Fl = { borderRadius: "{content.border.radius}" }, Hl = { 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)" } } }, Yl = { root: Fl, colorScheme: Hl }, Vl = { transitionDuration: "{transition.duration}" }, Xl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, Gl = { background: "{primary.color}" }, Ul = { 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}" } }, ql = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, Kl = { root: Vl, track: Xl, range: Gl, handle: Ul, colorScheme: ql }, Ql = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Jl = { root: Ql }, Zl = { 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: Zl }, rs = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, es = { 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: rs, gutter: es, handle: ts }, as = { transitionDuration: "{transition.duration}" }, is = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, ds = { padding: "0.5rem", gap: "1rem" }, cs = { 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" }, ls = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, ss = { 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)" }, us = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, fs = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, gs = { root: as, separator: is, step: ds, stepHeader: cs, stepTitle: ls, stepNumber: ss, steppanels: us, steppanel: fs }, ps = { transitionDuration: "{transition.duration}" }, ms = { background: "{content.border.color}" }, bs = { 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" }, hs = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, vs = { 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)" }, ks = { root: ps, separator: ms, itemLink: bs, itemLabel: hs, itemNumber: vs }, ys = { transitionDuration: "{transition.duration}" }, Cs = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, xs = { 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}" } }, ws = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, $s = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Bs = { root: ys, tablist: Cs, item: xs, itemIcon: ws, activeBar: $s }, Ss = { transitionDuration: "{transition.duration}" }, Rs = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, zs = { 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}" } }, Os = { 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}" } }, _s = { 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}" } }, Ps = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Ts = { 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%)" } } }, Ns = { root: Ss, tablist: Rs, tab: zs, tabpanel: Os, navButton: _s, activeBar: Ps, colorScheme: Ts }, js = { transitionDuration: "{transition.duration}" }, Ds = { background: "{content.background}", borderColor: "{content.border.color}" }, As = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Ls = { background: "{content.background}", color: "{content.color}" }, Es = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, Ws = { 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%)" } } }, Is = { root: js, tabList: Ds, tab: As, tabPanel: Ls, navButton: Es, colorScheme: Ws }, Ms = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, Fs = { size: "0.75rem" }, Hs = { 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}" } } }, Ys = { root: Ms, icon: Fs, colorScheme: Hs }, Vs = { 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}" }, Xs = { gap: "0.25rem" }, Gs = { margin: "2px 0" }, Us = { root: Vs, prompt: Xs, commandResponse: Gs }, qs = { 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}" } }, Ks = { root: qs }, Qs = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Js = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Zs = { 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" }, ru = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, eu = { borderColor: "{content.border.color}" }, tu = { root: Qs, list: Js, item: Zs, submenu: ou, submenuIcon: ru, separator: eu }, nu = { minHeight: "5rem" }, au = { eventContent: { padding: "1rem 0" } }, iu = { eventContent: { padding: "0 1rem" } }, du = { 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)" } }, cu = { color: "{content.border.color}", size: "2px" }, lu = { event: nu, horizontal: au, vertical: iu, eventMarker: du, eventConnector: cu }, su = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, uu = { size: "1.125rem" }, fu = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, gu = { gap: "0.5rem" }, pu = { fontWeight: "500", fontSize: "1rem" }, mu = { fontWeight: "500", fontSize: "0.875rem" }, bu = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, hu = { size: "1rem" }, vu = { 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" } } } } }, ku = { root: su, icon: uu, content: fu, text: gu, summary: pu, detail: mu, closeButton: bu, closeIcon: hu, colorScheme: vu }, yu = { 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" } }, Cu = { disabledColor: "{form.field.disabled.color}" }, xu = { 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" } }, wu = { 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}" } } }, $u = { root: yu, icon: Cu, content: xu, colorScheme: wu }, Bu = { 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" }, Su = { borderRadius: "50%", size: "1rem" }, Ru = { 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}" } } }, zu = { root: Bu, handle: Su, colorScheme: Ru }, Ou = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, _u = { root: Ou }, Pu = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, Tu = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, Nu = { root: Pu, colorScheme: Tu }, ju = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, Du = { 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" }, Au = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, Lu = { 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}" } }, Eu = { size: "2rem" }, Wu = { margin: "0 0 0.5rem 0" }, Iu = { root: ju, node: Du, nodeIcon: Au, nodeToggleButton: Lu, loadingIcon: Eu, filter: Wu }, Mu = { 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}" } }, Fu = { width: "2.5rem", color: "{form.field.icon.color}" }, Hu = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Yu = { padding: "{list.padding}" }, Vu = { padding: "{list.option.padding}" }, Xu = { borderRadius: "{border.radius.sm}" }, Gu = { color: "{form.field.icon.color}" }, Uu = { root: Mu, dropdown: Fu, overlay: Hu, tree: Yu, emptyMessage: Vu, chip: Xu, clearIcon: Gu }, qu = { transitionDuration: "{transition.duration}" }, Ku = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Qu = { 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}" } }, Ju = { fontWeight: "600" }, Zu = { 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}" } }, o0 = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, r0 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, e0 = { fontWeight: "600" }, t0 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, n0 = { width: "0.5rem" }, a0 = { width: "1px", color: "{primary.color}" }, i0 = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, d0 = { size: "2rem" }, c0 = { 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}" } }, l0 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, s0 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, u0 = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, f0 = { root: qu, header: Ku, headerCell: Qu, columnTitle: Ju, row: Zu, bodyCell: o0, footerCell: r0, columnFooter: e0, footer: t0, columnResizer: n0, resizeIndicator: a0, sortIcon: i0, loadingIcon: d0, nodeToggleButton: c0, paginatorTop: l0, paginatorBottom: s0, colorScheme: u0 }, g0 = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, p0 = { loader: g0 }, m0 = Object.defineProperty, b0 = Object.defineProperties, h0 = Object.getOwnPropertyDescriptors, Qo = Object.getOwnPropertySymbols, v0 = Object.prototype.hasOwnProperty, k0 = Object.prototype.propertyIsEnumerable, Jo = (o, r, e) => r in o ? m0(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, Zo, y0 = (Zo = ((o, r) => {
-  for (var e in r || (r = {})) v0.call(r, e) && Jo(o, e, r[e]);
-  if (Qo) for (var e of Qo(r)) k0.call(r, e) && Jo(o, e, r[e]);
+}, nt = { transitionDuration: "{transition.duration}" }, at = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, it = { 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" } }, ct = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, dt = { root: nt, panel: at, header: it, content: ct }, lt = { 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}" }, st = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, ut = { padding: "{list.padding}", gap: "{list.gap}" }, ft = { 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}" }, gt = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, pt = { 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}" }, bt = { padding: "{list.option.padding}" }, ht = { 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: lt, overlay: st, list: ut, option: ft, optionGroup: gt, dropdown: pt, chip: mt, emptyMessage: bt, colorScheme: ht }, kt = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, yt = { size: "1rem" }, Ct = { borderColor: "{content.background}", offset: "-0.75rem" }, xt = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, wt = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, $t = { root: kt, icon: yt, group: Ct, lg: xt, xl: wt }, Bt = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, St = { size: "0.5rem" }, Rt = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, zt = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, Ot = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, _t = { 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}" } } }, Pt = { root: Bt, dot: St, sm: Rt, lg: zt, xl: Ot, colorScheme: _t }, Tt = { 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" } }, Nt = { 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}" } } } } }, jt = { primitive: Tt, semantic: Nt }, Dt = { borderRadius: "{content.border.radius}" }, At = { root: Dt }, Lt = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, Et = { 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}" } }, It = { color: "{navigation.item.icon.color}" }, Wt = { root: Lt, item: Et, separator: It }, Mt = { 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}" }, Ft = { 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}" } } }, Ht = { root: Mt, colorScheme: Ft }, Yt = { 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)" }, Vt = { padding: "1.25rem", gap: "0.5rem" }, Xt = { gap: "0.5rem" }, Gt = { fontSize: "1.25rem", fontWeight: "500" }, Ut = { color: "{text.muted.color}" }, qt = { root: Yt, body: Vt, caption: Xt, title: Gt, subtitle: Ut }, Kt = { transitionDuration: "{transition.duration}" }, Qt = { gap: "0.25rem" }, Jt = { padding: "1rem", gap: "0.5rem" }, Zt = { 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}" } }, on = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, rn = { root: Kt, content: Qt, indicatorList: Jt, indicator: Zt, colorScheme: on }, en = { 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}" } }, tn = { width: "2.5rem", color: "{form.field.icon.color}" }, nn = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, an = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, cn = { 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" } }, dn = { color: "{form.field.icon.color}" }, ln = { root: en, dropdown: tn, overlay: nn, list: an, option: cn, clearIcon: dn }, sn = { 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" } }, un = { 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" } }, fn = { root: sn, icon: un }, gn = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, pn = { width: "2rem", height: "2rem" }, mn = { size: "1rem" }, bn = { 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}" } }, hn = { 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: gn, image: pn, icon: mn, removeIcon: bn, colorScheme: hn }, kn = { transitionDuration: "{transition.duration}" }, yn = { 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}" } }, Cn = { 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}" } } }, wn = { root: kn, preview: yn, panel: Cn, colorScheme: xn }, $n = { size: "2rem", color: "{overlay.modal.color}" }, Bn = { gap: "1rem" }, Sn = { icon: $n, content: Bn }, Rn = { 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" }, zn = { padding: "{overlay.popover.padding}", gap: "1rem" }, On = { size: "1.5rem", color: "{overlay.popover.color}" }, _n = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, Pn = { root: Rn, content: zn, icon: On, footer: _n }, Tn = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Nn = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, jn = { 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}" } }, Dn = { mobileIndent: "1rem" }, An = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Ln = { borderColor: "{content.border.color}" }, En = { root: Tn, list: Nn, item: jn, submenu: Dn, submenuIcon: An, separator: Ln }, In = { transitionDuration: "{transition.duration}" }, Wn = { 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" } }, Mn = { 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" } }, Fn = { fontWeight: "600" }, Hn = { 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}" } }, Yn = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, Vn = { 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" } }, Xn = { fontWeight: "600" }, Gn = { 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" } }, Un = { color: "{primary.color}" }, qn = { width: "0.5rem" }, Kn = { width: "1px", color: "{primary.color}" }, Qn = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Jn = { size: "2rem" }, Zn = { 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}" } }, oa = { 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" }, ea = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, ta = { 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}" } } }, na = { root: In, header: Wn, headerCell: Mn, columnTitle: Fn, row: Hn, bodyCell: Yn, footerCell: Vn, columnFooter: Xn, footer: Gn, dropPoint: Un, columnResizer: qn, resizeIndicator: Kn, sortIcon: Qn, loadingIcon: Jn, rowToggleButton: Zn, filter: oa, paginatorTop: ra, paginatorBottom: ea, colorScheme: ta }, aa = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, ia = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, ca = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, da = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, la = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, sa = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, ua = { root: aa, header: ia, content: ca, footer: da, paginatorTop: la, paginatorBottom: sa }, fa = { transitionDuration: "{transition.duration}" }, ga = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, pa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, ma = { gap: "0.5rem", fontWeight: "500" }, ba = { 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}" } }, ha = { 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}" }, ka = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, ya = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, Ca = { margin: "0.5rem 0 0 0" }, xa = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, wa = { 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}" } }, $a = { margin: "0.5rem 0 0 0" }, Ba = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Sa = { margin: "0.5rem 0 0 0" }, Ra = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, za = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, Oa = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, _a = { 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}" } } }, Pa = { root: fa, panel: ga, header: pa, title: ma, dropdown: ba, inputIcon: ha, selectMonth: va, selectYear: ka, group: ya, dayView: Ca, weekDay: xa, date: wa, monthView: $a, month: Ba, yearView: Sa, year: Ra, buttonbar: za, timePicker: Oa, colorScheme: _a }, Ta = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, Na = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, ja = { fontSize: "1.25rem", fontWeight: "600" }, Da = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Aa = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, La = { root: Ta, header: Na, title: ja, content: Da, footer: Aa }, Ea = { borderColor: "{content.border.color}" }, Ia = { background: "{content.background}", color: "{text.color}" }, Wa = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, Ma = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, Fa = { root: Ea, content: Ia, horizontal: Wa, vertical: Ma }, Ha = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, Ya = { 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}" } }, Va = { root: Ha, item: Ya }, Xa = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, Ga = { padding: "{overlay.modal.padding}" }, Ua = { fontSize: "1.5rem", fontWeight: "600" }, qa = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Ka = { padding: "{overlay.modal.padding}" }, Qa = { root: Xa, header: Ga, title: Ua, content: qa, footer: Ka }, Ja = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, Za = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, oi = { 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}" }, ei = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, ti = { toolbar: Ja, toolbarItem: Za, overlay: oi, overlayOption: ri, content: ei }, ni = { 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}" }, ai = { 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}" } }, ii = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, ci = { padding: "0" }, di = { root: ni, legend: ai, toggleIcon: ii, content: ci }, li = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, si = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, ui = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, fi = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, gi = { gap: "0.5rem" }, pi = { height: "0.25rem" }, mi = { gap: "0.5rem" }, bi = { root: li, header: si, content: ui, file: fi, fileList: gi, progressbar: pi, basic: mi }, hi = { 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" } }, ki = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, yi = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, Ci = { root: hi, over: vi, in: ki, on: yi }, xi = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, wi = { 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}" } }, $i = { size: "1.5rem" }, Bi = { background: "{content.background}", padding: "1rem 0.25rem" }, Si = { 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}" } }, Ri = { size: "1rem" }, zi = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, Oi = { gap: "0.5rem", padding: "1rem" }, _i = { 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}" } }, Pi = { background: "rgba(0, 0, 0, 0.5)" }, Ti = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, Ni = { 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}" } }, ji = { size: "1.5rem" }, Di = { 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}" } } }, Ai = { root: xi, navButton: wi, navIcon: $i, thumbnailsContent: Bi, thumbnailNavButton: Si, thumbnailNavButtonIcon: Ri, caption: zi, indicatorList: Oi, indicatorButton: _i, insetIndicatorList: Pi, insetIndicatorButton: Ti, closeButton: Ni, closeButtonIcon: ji, colorScheme: Di }, Li = { color: "{form.field.icon.color}" }, Ei = { icon: Li }, Ii = { 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" }, Wi = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, Mi = { root: Ii, input: Wi }, Fi = { transitionDuration: "{transition.duration}" }, Hi = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, Yi = { 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" }, Vi = { 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}" } }, Xi = { root: Fi, preview: Hi, toolbar: Yi, action: Vi }, Gi = { 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}" } }, Ui = { handle: Gi }, qi = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Ki = { fontWeight: "500" }, Qi = { size: "1rem" }, Ji = { 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%)" } } }, Zi = { root: qi, text: Ki, icon: Qi, colorScheme: Ji }, oc = { 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}" }, rc = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, ec = { root: oc, display: rc }, tc = { 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}" }, nc = { borderRadius: "{border.radius.sm}" }, ac = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, ic = { root: tc, chip: nc, colorScheme: ac }, cc = { 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" }, dc = { addon: cc }, lc = { transitionDuration: "{transition.duration}" }, sc = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, uc = { 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}" } } }, fc = { root: lc, button: sc, colorScheme: uc }, gc = { gap: "0.5rem" }, pc = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, mc = { root: gc, input: pc }, bc = { 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}" } }, hc = { root: bc }, vc = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, kc = { background: "{primary.color}" }, yc = { background: "{content.border.color}" }, Cc = { color: "{text.muted.color}" }, xc = { root: vc, value: kc, range: yc, text: Cc }, wc = { 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}" }, $c = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Bc = { 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}" }, Sc = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Rc = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, zc = { padding: "{list.option.padding}" }, Oc = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, _c = { root: wc, list: $c, option: Bc, optionGroup: Sc, checkmark: Rc, emptyMessage: zc, colorScheme: Oc }, Pc = { 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}" }, Tc = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Nc = { 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}" } }, jc = { 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}" }, Ac = { 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}" }, Ec = { borderColor: "{content.border.color}" }, Ic = { 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}" } }, Wc = { root: Pc, baseItem: Tc, item: Nc, overlay: jc, submenu: Dc, submenuLabel: Ac, submenuIcon: Lc, separator: Ec, mobileButton: Ic }, Mc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Fc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Hc = { 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}" } }, Yc = { 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}" }, Xc = { root: Mc, list: Fc, item: Hc, submenuLabel: Yc, separator: Vc }, Gc = { 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}" }, Uc = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, qc = { 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}" } }, Kc = { 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}" } }, Qc = { borderColor: "{content.border.color}" }, Jc = { 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}" } }, Zc = { root: Gc, baseItem: Uc, item: qc, submenu: Kc, separator: Qc, mobileButton: Jc }, od = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, rd = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, ed = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, td = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, nd = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, ad = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, id = { root: { borderWidth: "1px" } }, cd = { content: { padding: "0" } }, dd = { 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}" } } } }, ld = { root: od, content: rd, text: ed, icon: td, closeButton: nd, closeIcon: ad, outlined: id, simple: cd, colorScheme: dd }, sd = { borderRadius: "{content.border.radius}", gap: "1rem" }, ud = { background: "{content.border.color}", size: "0.5rem" }, fd = { gap: "0.5rem" }, gd = { size: "0.5rem" }, pd = { size: "1rem" }, md = { verticalGap: "0.5rem", horizontalGap: "1rem" }, bd = { root: sd, meters: ud, label: fd, labelMarker: gd, labelIcon: pd, labelList: md }, 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}" } }, vd = { width: "2.5rem", color: "{form.field.icon.color}" }, kd = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, yd = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Cd = { 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" }, xd = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, wd = { color: "{form.field.icon.color}" }, $d = { borderRadius: "{border.radius.sm}" }, Bd = { padding: "{list.option.padding}" }, Sd = { root: hd, dropdown: vd, overlay: kd, list: yd, option: Cd, optionGroup: xd, chip: $d, clearIcon: wd, emptyMessage: Bd }, Rd = { gap: "1.125rem" }, zd = { gap: "0.5rem" }, Od = { root: Rd, controls: zd }, _d = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, Pd = { 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}" }, Td = { 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}" } }, Nd = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, jd = { root: _d, node: Pd, nodeToggleButton: Td, connector: Nd }, Dd = { outline: { width: "2px", color: "{content.background}" } }, Ad = { root: Dd }, Ld = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Ed = { 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}" } }, Id = { color: "{text.muted.color}" }, Wd = { maxWidth: "2.5rem" }, Md = { root: Ld, navButton: Ed, currentPageReport: Id, jumpToPageInput: Wd }, Fd = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Hd = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, Yd = { padding: "0.375rem 1.125rem" }, Vd = { fontWeight: "600" }, Xd = { padding: "0 1.125rem 1.125rem 1.125rem" }, Gd = { padding: "0 1.125rem 1.125rem 1.125rem" }, Ud = { root: Fd, header: Hd, toggleableHeader: Yd, title: Vd, content: Xd, footer: Gd }, qd = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Kd = { 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}" } }, Qd = { 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}" } }, Jd = { indent: "1rem" }, Zd = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, ol = { root: qd, panel: Kd, item: Qd, submenu: Jd, submenuIcon: Zd }, rl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, el = { color: "{form.field.icon.color}" }, tl = { 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}" }, nl = { gap: "0.5rem" }, al = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, il = { meter: rl, icon: el, overlay: tl, content: nl, colorScheme: al }, cl = { gap: "1.125rem" }, dl = { gap: "0.5rem" }, ll = { root: cl, controls: dl }, sl = { 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" }, ul = { padding: "{overlay.popover.padding}" }, fl = { root: sl, content: ul }, gl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, pl = { background: "{primary.color}" }, ml = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, bl = { root: gl, value: pl, label: ml }, hl = { 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: hl }, kl = { 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" } }, yl = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, Cl = { root: kl, icon: yl }, 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}" } }, wl = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, $l = { root: xl, icon: wl }, Bl = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, Sl = { colorScheme: Bl }, Rl = { transitionDuration: "{transition.duration}" }, zl = { 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}" } }, Ol = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, _l = { root: Rl, bar: zl, colorScheme: Ol }, Pl = { 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}" } }, Tl = { width: "2.5rem", color: "{form.field.icon.color}" }, Nl = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, jl = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Dl = { 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}" }, Al = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Ll = { color: "{form.field.icon.color}" }, El = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Il = { padding: "{list.option.padding}" }, Wl = { root: Pl, dropdown: Tl, overlay: Nl, list: jl, option: Dl, optionGroup: Al, clearIcon: Ll, checkmark: El, emptyMessage: Il }, Ml = { borderRadius: "{form.field.border.radius}" }, Fl = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, Hl = { root: Ml, colorScheme: Fl }, Yl = { borderRadius: "{content.border.radius}" }, Vl = { 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)" } } }, Xl = { root: Yl, colorScheme: Vl }, Gl = { transitionDuration: "{transition.duration}" }, Ul = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, ql = { background: "{primary.color}" }, Kl = { 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}" } }, Ql = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, Jl = { root: Gl, track: Ul, range: ql, handle: Kl, colorScheme: Ql }, Zl = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, os = { root: Zl }, 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)" }, es = { root: rs }, ts = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, ns = { background: "{content.border.color}" }, as = { 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}" } }, is = { root: ts, gutter: ns, handle: as }, cs = { transitionDuration: "{transition.duration}" }, ds = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, ls = { padding: "0.5rem", gap: "1rem" }, ss = { 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" }, us = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, fs = { 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 = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, ps = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, ms = { root: cs, separator: ds, step: ls, stepHeader: ss, stepTitle: us, stepNumber: fs, steppanels: gs, steppanel: ps }, bs = { transitionDuration: "{transition.duration}" }, hs = { 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" }, ks = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, ys = { 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)" }, Cs = { root: bs, separator: hs, itemLink: vs, itemLabel: ks, itemNumber: ys }, xs = { transitionDuration: "{transition.duration}" }, ws = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, $s = { 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}" } }, Bs = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Ss = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Rs = { root: xs, tablist: ws, item: $s, itemIcon: Bs, activeBar: Ss }, zs = { transitionDuration: "{transition.duration}" }, Os = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, _s = { 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}" } }, Ps = { 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}" } }, Ts = { 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}" } }, Ns = { height: "1px", bottom: "-1px", background: "{primary.color}" }, js = { 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%)" } } }, Ds = { root: zs, tablist: Os, tab: _s, tabpanel: Ps, navButton: Ts, activeBar: Ns, colorScheme: js }, As = { transitionDuration: "{transition.duration}" }, Ls = { background: "{content.background}", borderColor: "{content.border.color}" }, Es = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Is = { background: "{content.background}", color: "{content.color}" }, Ws = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, Ms = { 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%)" } } }, Fs = { root: As, tabList: Ls, tab: Es, tabPanel: Is, navButton: Ws, colorScheme: Ms }, Hs = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, Ys = { size: "0.75rem" }, Vs = { 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}" } } }, Xs = { root: Hs, icon: Ys, colorScheme: Vs }, Gs = { 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}" }, Us = { gap: "0.25rem" }, qs = { margin: "2px 0" }, Ks = { root: Gs, prompt: Us, commandResponse: qs }, Qs = { 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}" } }, Js = { root: Qs }, Zs = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, ou = { 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}" } }, eu = { mobileIndent: "1rem" }, tu = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, nu = { borderColor: "{content.border.color}" }, au = { root: Zs, list: ou, item: ru, submenu: eu, submenuIcon: tu, separator: nu }, iu = { minHeight: "5rem" }, cu = { eventContent: { padding: "1rem 0" } }, du = { eventContent: { padding: "0 1rem" } }, lu = { 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)" } }, su = { color: "{content.border.color}", size: "2px" }, uu = { event: iu, horizontal: cu, vertical: du, eventMarker: lu, eventConnector: su }, fu = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, gu = { size: "1.125rem" }, pu = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, mu = { gap: "0.5rem" }, bu = { fontWeight: "500", fontSize: "1rem" }, hu = { 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}" } }, ku = { size: "1rem" }, yu = { 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" } } } } }, Cu = { root: fu, icon: gu, content: pu, text: mu, summary: bu, detail: hu, closeButton: vu, closeIcon: ku, colorScheme: yu }, 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" } }, wu = { disabledColor: "{form.field.disabled.color}" }, $u = { 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" } }, Bu = { 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}" } } }, Su = { root: xu, icon: wu, content: $u, colorScheme: Bu }, Ru = { 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" }, zu = { borderRadius: "50%", size: "1rem" }, Ou = { 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}" } } }, _u = { root: Ru, handle: zu, colorScheme: Ou }, Pu = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, Tu = { root: Pu }, Nu = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, ju = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, Du = { root: Nu, colorScheme: ju }, Au = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, Lu = { 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" }, Eu = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, Iu = { 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}" } }, Wu = { size: "2rem" }, Mu = { margin: "0 0 0.5rem 0" }, Fu = { root: Au, node: Lu, nodeIcon: Eu, nodeToggleButton: Iu, loadingIcon: Wu, filter: Mu }, Hu = { 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}" } }, Yu = { width: "2.5rem", color: "{form.field.icon.color}" }, Vu = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Xu = { padding: "{list.padding}" }, Gu = { padding: "{list.option.padding}" }, Uu = { borderRadius: "{border.radius.sm}" }, qu = { color: "{form.field.icon.color}" }, Ku = { root: Hu, dropdown: Yu, overlay: Vu, tree: Xu, emptyMessage: Gu, chip: Uu, clearIcon: qu }, Qu = { transitionDuration: "{transition.duration}" }, Ju = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Zu = { 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}" } }, o0 = { fontWeight: "600" }, r0 = { 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}" } }, e0 = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, t0 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, n0 = { fontWeight: "600" }, a0 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, i0 = { width: "0.5rem" }, c0 = { width: "1px", color: "{primary.color}" }, d0 = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, l0 = { size: "2rem" }, s0 = { 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}" } }, u0 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, f0 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, g0 = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, p0 = { root: Qu, header: Ju, headerCell: Zu, columnTitle: o0, row: r0, bodyCell: e0, footerCell: t0, columnFooter: n0, footer: a0, columnResizer: i0, resizeIndicator: c0, sortIcon: d0, loadingIcon: l0, nodeToggleButton: s0, paginatorTop: u0, paginatorBottom: f0, colorScheme: g0 }, m0 = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, b0 = { loader: m0 }, h0 = Object.defineProperty, v0 = Object.defineProperties, k0 = Object.getOwnPropertyDescriptors, Ko = Object.getOwnPropertySymbols, y0 = Object.prototype.hasOwnProperty, C0 = Object.prototype.propertyIsEnumerable, Qo = (o, r, e) => r in o ? h0(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, Jo, x0 = (Jo = ((o, r) => {
+  for (var e in r || (r = {})) y0.call(r, e) && Qo(o, e, r[e]);
+  if (Ko) for (var e of Ko(r)) C0.call(r, e) && Qo(o, e, r[e]);
   return o;
-})({}, Tt), b0(Zo, h0({ components: { accordion: it, autocomplete: bt, avatar: xt, badge: Ot, blockui: jt, breadcrumb: Et, button: Mt, card: Gt, carousel: Zt, cascadeselect: dn, checkbox: sn, chip: bn, colorpicker: Cn, confirmdialog: $n, confirmpopup: On, contextmenu: An, datatable: ea, dataview: la, datepicker: Oa, dialog: Da, divider: Ia, dock: Ha, drawer: qa, editor: ri, fieldset: ii, fileupload: pi, floatlabel: ki, galleria: ji, iconfield: Ai, iftalabel: Wi, image: Yi, imagecompare: Xi, inlinemessage: Qi, inplace: od, inputchips: nd, inputgroup: id, inputnumber: sd, inputotp: gd, inputtext: md, knob: yd, listbox: zd, megamenu: Ed, menu: Yd, menubar: Qd, message: dc, metergroup: pc, multiselect: $c, orderlist: Rc, organizationchart: Tc, overlaybadge: jc, paginator: Wc, panel: Xc, panelmenu: Jc, password: nl, picklist: dl, popover: sl, progressbar: pl, progressspinner: bl, radiobutton: kl, rating: xl, ripple: $l, scrollpanel: zl, select: El, selectbutton: Ml, skeleton: Yl, slider: Kl, speeddial: Jl, splitbutton: os, splitter: ns, stepper: gs, steps: ks, tabmenu: Bs, tabs: Ns, tabview: Is, tag: Ys, terminal: Us, textarea: Ks, tieredmenu: tu, timeline: lu, toast: ku, togglebutton: $u, toggleswitch: zu, toolbar: _u, tooltip: Nu, tree: Iu, treeselect: Uu, treetable: f0, virtualscroller: p0 } })));
-const C0 = {
+})({}, jt), v0(Jo, k0({ components: { accordion: dt, autocomplete: vt, avatar: $t, badge: Pt, blockui: At, breadcrumb: Wt, button: Ht, card: qt, carousel: rn, cascadeselect: ln, checkbox: fn, chip: vn, colorpicker: wn, confirmdialog: Sn, confirmpopup: Pn, contextmenu: En, datatable: na, dataview: ua, datepicker: Pa, dialog: La, divider: Fa, dock: Va, drawer: Qa, editor: ti, fieldset: di, fileupload: bi, floatlabel: Ci, galleria: Ai, iconfield: Ei, iftalabel: Mi, image: Xi, imagecompare: Ui, inlinemessage: Zi, inplace: ec, inputchips: ic, inputgroup: dc, inputnumber: fc, inputotp: mc, inputtext: hc, knob: xc, listbox: _c, megamenu: Wc, menu: Xc, menubar: Zc, message: ld, metergroup: bd, multiselect: Sd, orderlist: Od, organizationchart: jd, overlaybadge: Ad, paginator: Md, panel: Ud, panelmenu: ol, password: il, picklist: ll, popover: fl, progressbar: bl, progressspinner: vl, radiobutton: Cl, rating: $l, ripple: Sl, scrollpanel: _l, select: Wl, selectbutton: Hl, skeleton: Xl, slider: Jl, speeddial: os, splitbutton: es, splitter: is, stepper: ms, steps: Cs, tabmenu: Rs, tabs: Ds, tabview: Fs, tag: Xs, terminal: Ks, textarea: Js, tieredmenu: au, timeline: uu, toast: Cu, togglebutton: Su, toggleswitch: _u, toolbar: Tu, tooltip: Du, tree: Fu, treeselect: Ku, treetable: p0, virtualscroller: b0 } })));
+const w0 = {
   theme: {
-    preset: y0,
+    preset: x0,
     options: {
       darkModeSelector: "none",
       cssLayer: {
@@ -1437,11 +1442,11 @@ const C0 = {
       }
     }
   }
-}, x0 = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover", "PvSkeleton"]), w0 = /* @__PURE__ */ new Set(["PvSkeleton", "PvDatePicker"]);
-function $0(o) {
-  return !x0.has(o);
+}, $0 = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover", "PvSkeleton"]), B0 = /* @__PURE__ */ new Set(["PvSkeleton", "PvDatePicker"]);
+function S0(o) {
+  return !$0.has(o);
 }
-function So(o, r) {
+function Bo(o, r) {
   const e = document.querySelector('link[href*="' + r + '"]');
   if (!o.shadowRoot)
     return !1;
@@ -1454,10 +1459,10 @@ function So(o, r) {
   }
   return !1;
 }
-function B0(o) {
-  if (!So(o, "pit-viper-v2")) {
-    if (So(o, "pit-viper")) {
-      So(o, "pit-viper-v2-scoped");
+function R0(o) {
+  if (!Bo(o, "pit-viper-v2")) {
+    if (Bo(o, "pit-viper")) {
+      Bo(o, "pit-viper-v2-scoped");
       return;
     }
     console.warn(
@@ -1465,23 +1470,23 @@ function B0(o) {
     );
   }
 }
-const S0 = (o) => ({ shadowRoot: $0(o) });
-function R0(o, r) {
+const z0 = (o) => ({ shadowRoot: S0(o) });
+function O0(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 z0(o, r) {
+function _0(o, r) {
   const e = Number(r);
   return isNaN(e) && console.warn(`Invalid number attribute value for "${o}": "${r}". Expected a valid number.`), e;
 }
-function O0(o) {
-  const r = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set(), l = (o.__vccOpts || o).props;
-  return l && typeof l == "object" && Object.entries(l).forEach(([d, i]) => {
-    i === Boolean || i && i.type === Boolean ? r.add(d) : i === Number || i && i.type === Number ? e.add(d) : (i === Object || i === Array || i && (i.type === Object || i.type === Array)) && t.add(d);
+function P0(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 or(o, r) {
+function Zo(o, r) {
   try {
     return JSON.parse(r);
   } catch (e) {
@@ -1490,19 +1495,19 @@ function or(o, r) {
     ), null;
   }
 }
-function _0(o) {
+function T0(o) {
   const r = o.__name || o.name;
   if (!r)
     throw new Error("Component must have a __name or name property");
-  const e = Ir(o, {
-    ...S0(r),
-    ...w0.has(r) && {
+  const e = Mr(o, {
+    ...z0(r),
+    ...B0.has(r) && {
       configureApp(i) {
-        i.use(rt, C0);
+        i.use(tt, w0);
       }
     }
-  }), { booleanProps: t, numberProps: n, jsonProps: l } = O0(o);
-  class d extends e {
+  }), { booleanProps: t, numberProps: n, jsonProps: s } = P0(o);
+  class c extends e {
     _hiddenInput = null;
     constructor() {
       super(), this._parseAttributes();
@@ -1518,49 +1523,49 @@ function _0(o) {
       this._hiddenInput && (this._hiddenInput.value = a ?? "");
     }
     _parseAttributes() {
-      t.forEach((c) => {
-        const s = this.getAttribute(c);
-        this[c] = R0(c, s);
-      }), n.forEach((c) => {
-        const s = this.getAttribute(c);
-        s !== null && (this[c] = z0(c, s));
-      }), l.forEach((c) => {
-        const s = this.getAttribute(c);
-        if (s !== null) {
-          const g = or(c, s);
-          g !== null && (this[c] = g);
+      t.forEach((d) => {
+        const l = this.getAttribute(d);
+        this[d] = O0(d, l);
+      }), n.forEach((d) => {
+        const l = this.getAttribute(d);
+        l !== null && (this[d] = _0(d, l));
+      }), s.forEach((d) => {
+        const l = this.getAttribute(d);
+        if (l !== null) {
+          const g = Zo(d, l);
+          g !== null && (this[d] = g);
         }
       });
       const a = this.getAttribute("data-json-props");
-      a && a.split(",").map((s) => s.trim()).filter(Boolean).forEach((s) => {
-        const g = s.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
-        let f = this.getAttribute(s);
+      a && a.split(",").map((l) => l.trim()).filter(Boolean).forEach((l) => {
+        const g = l.replace(/-([a-z])/g, (u) => u[1].toUpperCase());
+        let f = this.getAttribute(l);
         if (f === null) {
           const u = g.replace(/([A-Z])/g, "-$1").toLowerCase();
           f = this.getAttribute(u);
         }
         if (f !== null && !this[g]) {
-          const u = or(g, f);
+          const u = Zo(g, f);
           u !== null && (this[g] = u);
         }
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), B0(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 d;
+  return c;
 }
-function P0(o) {
+function N0(o) {
   return o.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function T0(o) {
+function j0(o) {
   const r = o.__name || o.name;
   if (!r)
     throw new Error("Component must have a __name or name property");
-  const e = P0(r), t = _0(o);
+  const e = N0(r), t = T0(o);
   customElements.get(e) || customElements.define(e, t);
 }
-T0(de);
+j0(le);