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

package/pv-components/dist/web/components/pv-ghost-input/pv-ghost-input.js

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