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

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

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