@stencitecnologia/front-kit 0.1.50 → 0.1.51

package/dist/index.es.js

@@ -1,27 +1,27 @@
-import { computed as u, openBlock as l, createElementBlock as p, normalizeClass as W, toDisplayString as S, createCommentVNode as v, createBlock as b, unref as h, mergeProps as R, renderSlot as C, createElementVNode as z, createVNode as V, ref as F, onMounted as _, onBeforeUnmount as oo, normalizeStyle as P, watch as so, withCtx as B, createTextVNode as Q, createSlots as Y, Fragment as uo, Teleport as fo, withModifiers as go } from "vue";
-import mo from "primevue/autocomplete";
-import po from "primevue/avatar";
-import { FontAwesomeIcon as bo } from "@fortawesome/vue-fontawesome";
-import ho from "primevue/chart";
-import vo from "primevue/checkbox";
-import ro from "primevue/inputtext";
-import eo from "primevue/datepicker";
-import ko from "primevue/inputgroup";
-import yo from "primevue/inputgroupaddon";
-import Co from "primevue/popover";
-import Bo from "primevue/inputmask";
-import ao from "primevue/dialog";
-import xo from "primevue/drawer";
-import $o from "primevue/multiselect";
-import wo from "primevue/panel";
-import Ro from "primevue/radiobutton";
-import { RouterLink as zo } from "vue-router";
-import So from "primevue/select";
-import Do from "primevue/toggleswitch";
-import Vo from "primevue/textarea";
-import Wo from "primevue/config";
-import { useToast as Io } from "primevue/usetoast";
-const Fo = {
+import { computed as f, openBlock as m, createElementBlock as x, normalizeClass as L, toDisplayString as j, createCommentVNode as S, createBlock as w, unref as p, mergeProps as O, renderSlot as V, createElementVNode as W, createVNode as A, ref as z, onMounted as So, onBeforeUnmount as so, normalizeStyle as uo, watch as G, withCtx as I, createTextVNode as go, createSlots as fo, Fragment as Eo, Teleport as To, withModifiers as Ao, getCurrentInstance as Lo, onBeforeMount as Mo, isRef as io, reactive as oo, inject as mo, provide as po, isReactive as No, isReadonly as Ho, nextTick as bo, toRaw as ho } from "vue";
+import Yo from "primevue/autocomplete";
+import Xo from "primevue/avatar";
+import { FontAwesomeIcon as qo } from "@fortawesome/vue-fontawesome";
+import Go from "primevue/chart";
+import Uo from "primevue/checkbox";
+import zo from "primevue/inputtext";
+import Vo from "primevue/datepicker";
+import Qo from "primevue/inputgroup";
+import Ko from "primevue/inputgroupaddon";
+import Jo from "primevue/popover";
+import Zo from "primevue/inputmask";
+import Do from "primevue/dialog";
+import _o from "primevue/drawer";
+import or from "primevue/multiselect";
+import rr from "primevue/panel";
+import er from "primevue/radiobutton";
+import { RouterLink as ar } from "vue-router";
+import tr from "primevue/select";
+import nr from "primevue/toggleswitch";
+import lr from "primevue/textarea";
+import dr from "primevue/config";
+import { useToast as ir } from "primevue/usetoast";
+const cr = {
   __name: "BaseAlert",
   props: {
     message: {
@@ -34,19 +34,19 @@ const Fo = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => ({
-      "ui-alert-success": r.variant === "success",
-      "ui-alert-warning": r.variant === "warning",
-      "ui-alert-error": r.variant === "error",
-      "ui-alert-info": r.variant === "info"
+    const a = o, e = f(() => ({
+      "ui-alert-success": a.variant === "success",
+      "ui-alert-warning": a.variant === "warning",
+      "ui-alert-error": a.variant === "error",
+      "ui-alert-info": a.variant === "info"
     }));
-    return (n, a) => o.message ? (l(), p("div", {
+    return (r, t) => o.message ? (m(), x("div", {
       key: 0,
-      class: W(["ui-alert", e.value]),
+      class: L(["ui-alert", e.value]),
       role: "alert"
-    }, S(o.message), 3)) : v("", !0);
+    }, j(o.message), 3)) : S("", !0);
   }
-}, gu = {
+}, ef = {
   __name: "BaseAutoComplete",
   props: {
     modelValue: {
@@ -83,14 +83,14 @@ const Fo = {
     "item-select",
     "clear"
   ],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (s) => n("update:modelValue", s)
-    }), d = (s) => n("complete", s), i = (s) => n("item-select", s), c = () => n("clear");
-    return (s, g) => (l(), b(h(mo), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": g[0] || (g[0] = (y) => a.value = y),
+      set: (c) => r("update:modelValue", c)
+    }), n = (c) => r("complete", c), s = (c) => r("item-select", c), d = () => r("clear");
+    return (c, i) => (m(), w(p(Yo), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (g) => t.value = g),
       suggestions: o.suggestions,
       disabled: o.disabled,
       readonly: o.readonly,
@@ -99,17 +99,17 @@ const Fo = {
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, s.$attrs, {
-      onComplete: d,
-      onItemSelect: i,
-      onClear: c
+    }, c.$attrs, {
+      onComplete: n,
+      onItemSelect: s,
+      onClear: d
     }), null, 16, ["modelValue", "suggestions", "disabled", "readonly", "class"]));
   }
 };
-function Mo(o) {
-  return o ? o.trim().split(/\s+/).slice(0, 2).map((r) => r[0].toUpperCase()).join("") : "";
+function sr(o) {
+  return o ? o.trim().split(/\s+/).slice(0, 2).map((a) => a[0].toUpperCase()).join("") : "";
 }
-const mu = {
+const af = {
   __name: "BaseAvatar",
   props: {
     name: {
@@ -128,18 +128,18 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => Mo(r.name)), n = u(() => [
+    const a = o, e = f(() => sr(a.name)), r = f(() => [
       "base-avatar",
-      `base-avatar--${r.variant}`,
-      `base-avatar--${r.size}`
+      `base-avatar--${a.variant}`,
+      `base-avatar--${a.size}`
     ]);
-    return (a, d) => (l(), b(h(po), {
+    return (t, n) => (m(), w(p(Xo), {
       label: e.value,
       shape: "circle",
-      class: W(n.value)
+      class: L(r.value)
     }, null, 8, ["label", "class"]));
   }
-}, A = {
+}, J = {
   __name: "FaIcon",
   props: {
     icon: {
@@ -148,13 +148,13 @@ const mu = {
     }
   },
   setup(o) {
-    return (r, e) => (l(), b(h(bo), R({ icon: o.icon }, r.$attrs), null, 16, ["icon"]));
+    return (a, e) => (m(), w(p(qo), O({ icon: o.icon }, a.$attrs), null, 16, ["icon"]));
   }
-}, Oo = ["disabled", "type"], Ao = {
+}, ur = ["disabled", "type"], fr = {
   key: 0,
   class: "loading",
   style: { color: "currentColor" }
-}, Ho = { key: 2 }, L = {
+}, gr = { key: 2 }, no = {
   __name: "BaseButton",
   props: {
     label: {
@@ -193,45 +193,45 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => [
+    const a = o, e = f(() => [
       "ui-btn",
       {
-        "ui-btn-primary": r.variant === "primary",
-        "ui-btn-secondary": r.variant === "secondary",
-        "ui-btn-tertiary": r.variant === "tertiary",
-        "ui-btn-ghost": r.variant === "ghost",
-        "ui-btn-outline": r.variant === "outline",
-        "ui-btn-error": r.variant === "error",
-        "ui-btn-danger": r.variant === "danger",
-        "ui-btn-sm": r.size === "sm"
+        "ui-btn-primary": a.variant === "primary",
+        "ui-btn-secondary": a.variant === "secondary",
+        "ui-btn-tertiary": a.variant === "tertiary",
+        "ui-btn-ghost": a.variant === "ghost",
+        "ui-btn-outline": a.variant === "outline",
+        "ui-btn-error": a.variant === "error",
+        "ui-btn-danger": a.variant === "danger",
+        "ui-btn-sm": a.size === "sm"
       }
-    ]), n = u(() => r.disabled || r.loading);
-    return (a, d) => (l(), p("button", R(a.$attrs, {
-      disabled: n.value,
+    ]), r = f(() => a.disabled || a.loading);
+    return (t, n) => (m(), x("button", O(t.$attrs, {
+      disabled: r.value,
       class: e.value,
       type: o.type
     }), [
-      o.loading ? (l(), p("span", Ao)) : o.icon && !o.loading ? (l(), b(A, {
+      o.loading ? (m(), x("span", fr)) : o.icon && !o.loading ? (m(), w(J, {
         key: 1,
         icon: o.icon
-      }, null, 8, ["icon"])) : v("", !0),
-      o.label ? (l(), p("span", Ho, S(o.label), 1)) : v("", !0),
-      C(a.$slots, "default")
-    ], 16, Oo));
+      }, null, 8, ["icon"])) : S("", !0),
+      o.label ? (m(), x("span", gr, j(o.label), 1)) : S("", !0),
+      V(t.$slots, "default")
+    ], 16, ur));
   }
-}, To = {
+}, mr = {
   key: 0,
   class: "ui-card-header"
-}, No = {
+}, pr = {
   key: 0,
   class: "ui-card-title"
-}, jo = {
+}, br = {
   key: 1,
   class: "ui-card-subtitle"
-}, Lo = { class: "ui-card-content" }, Po = {
+}, hr = { class: "ui-card-content" }, vr = {
   key: 1,
   class: "ui-card-footer"
-}, Yo = { class: "ui-card-footer-content" }, pu = {
+}, kr = { class: "ui-card-footer-content" }, tf = {
   __name: "BaseCard",
   props: {
     title: {
@@ -260,33 +260,33 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => !!(r.title || r.subtitle)), n = u(() => [
+    const a = o, e = f(() => !!(a.title || a.subtitle)), r = f(() => [
       "ui-card",
-      r.className,
-      { "ui-card-has-footer": r.hasFooter }
+      a.className,
+      { "ui-card-has-footer": a.hasFooter }
     ]);
-    return (a, d) => (l(), p("section", {
-      class: W(n.value)
+    return (t, n) => (m(), x("section", {
+      class: L(r.value)
     }, [
-      e.value ? (l(), p("header", To, [
-        o.title ? (l(), p("div", No, S(o.title), 1)) : v("", !0),
-        o.subtitle ? (l(), p("div", jo, S(o.subtitle), 1)) : v("", !0)
-      ])) : v("", !0),
-      z("div", Lo, [
-        V(Fo, {
+      e.value ? (m(), x("header", mr, [
+        o.title ? (m(), x("div", pr, j(o.title), 1)) : S("", !0),
+        o.subtitle ? (m(), x("div", br, j(o.subtitle), 1)) : S("", !0)
+      ])) : S("", !0),
+      W("div", hr, [
+        A(cr, {
           message: o.alertMessage,
           variant: o.alertVariant
         }, null, 8, ["message", "variant"]),
-        C(a.$slots, "default")
+        V(t.$slots, "default")
       ]),
-      o.hasFooter ? (l(), p("footer", Po, [
-        z("div", Yo, [
-          C(a.$slots, "footer")
+      o.hasFooter ? (m(), x("footer", vr, [
+        W("div", kr, [
+          V(t.$slots, "footer")
         ])
-      ])) : v("", !0)
+      ])) : S("", !0)
     ], 2));
   }
-}, bu = {
+}, nf = {
   __name: "BaseChart",
   props: {
     type: {
@@ -308,39 +308,39 @@ const mu = {
     }
   },
   setup(o) {
-    const r = Object.freeze([
+    const a = Object.freeze([
       { borderColor: "#364bf5", backgroundColor: "rgba(54, 75, 245, 0.60)" },
       { borderColor: "#22c55e", backgroundColor: "rgba(34, 197, 94, 0.60)" },
       { borderColor: "#f59e0b", backgroundColor: "rgba(245, 158, 11, 0.60)" },
       { borderColor: "#ef4444", backgroundColor: "rgba(239, 68, 68, 0.60)" },
       { borderColor: "#38bdf8", backgroundColor: "rgba(56, 189, 248, 0.60)" },
       { borderColor: "#a855f7", backgroundColor: "rgba(168, 85, 247, 0.60)" }
-    ]), e = o, n = F(null), a = F(!1);
-    function d(x, k) {
-      const I = { ...x };
-      for (const w of Object.keys(k))
-        k[w] !== null && typeof k[w] == "object" && !Array.isArray(k[w]) && typeof x[w] == "object" ? I[w] = d(x[w] ?? {}, k[w]) : I[w] = k[w];
-      return I;
+    ]), e = o, r = z(null), t = z(!1);
+    function n(b, v) {
+      const $ = { ...b };
+      for (const l of Object.keys(v))
+        v[l] !== null && typeof v[l] == "object" && !Array.isArray(v[l]) && typeof b[l] == "object" ? $[l] = n(b[l] ?? {}, v[l]) : $[l] = v[l];
+      return $;
     }
-    const i = u(() => !["pie", "doughnut"].includes(e.type)), c = u(() => e.height ? e.height : i.value ? "300px" : "400px"), s = u(() => {
+    const s = f(() => !["pie", "doughnut"].includes(e.type)), d = f(() => e.height ? e.height : s.value ? "300px" : "400px"), c = f(() => {
       if (!e.data?.datasets) return e.data;
-      const x = e.data.datasets.map((k, I) => {
-        const w = r[I % r.length];
+      const b = e.data.datasets.map((v, $) => {
+        const l = a[$ % a.length];
         return ["pie", "doughnut"].includes(e.type) ? {
-          ...k,
-          backgroundColor: r.map((M) => M.backgroundColor),
-          borderColor: r.map((M) => M.borderColor),
+          ...v,
+          backgroundColor: a.map((h) => h.backgroundColor),
+          borderColor: a.map((h) => h.borderColor),
           borderWidth: 1.5
         } : {
-          ...k,
-          backgroundColor: k.backgroundColor ?? w.backgroundColor,
-          borderColor: k.borderColor ?? w.borderColor,
-          borderWidth: k.borderWidth ?? 1.5,
+          ...v,
+          backgroundColor: v.backgroundColor ?? l.backgroundColor,
+          borderColor: v.borderColor ?? l.borderColor,
+          borderWidth: v.borderWidth ?? 1.5,
           borderRadius: e.type === "bar" ? 4 : 0
         };
       });
-      return { ...e.data, datasets: x };
-    }), g = u(() => ({
+      return { ...e.data, datasets: b };
+    }), i = f(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
@@ -354,7 +354,7 @@ const mu = {
           }
         }
       },
-      scales: i.value ? {
+      scales: s.value ? {
         x: {
           ticks: {
             color: "var(--p-text-muted-color)",
@@ -372,22 +372,22 @@ const mu = {
           border: { display: !1 }
         }
       } : void 0
-    })), y = u(() => d(g.value, e.options));
-    return _(() => {
-      a.value = !0;
-    }), oo(() => {
-      a.value = !1, n.value?.chart && n.value.chart.destroy();
-    }), (x, k) => a.value ? (l(), b(h(ho), {
+    })), g = f(() => n(i.value, e.options));
+    return So(() => {
+      t.value = !0;
+    }), so(() => {
+      t.value = !1, r.value?.chart && r.value.chart.destroy();
+    }), (b, v) => t.value ? (m(), w(p(Go), {
       key: 0,
       ref_key: "chartRef",
-      ref: n,
+      ref: r,
       type: o.type,
-      data: s.value,
-      options: y.value,
-      style: P({ height: c.value, width: "100%" })
-    }, null, 8, ["type", "data", "options", "style"])) : v("", !0);
+      data: c.value,
+      options: g.value,
+      style: uo({ height: d.value, width: "100%" })
+    }, null, 8, ["type", "data", "options", "style"])) : S("", !0);
   }
-}, hu = {
+}, lf = {
   __name: "BaseCheckbox",
   props: {
     modelValue: {
@@ -416,22 +416,22 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h(vo), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(Uo), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       value: o.value,
       "input-id": o.inputId,
       name: o.name,
       disabled: o.disabled,
       class: [{ "p-invalid": o.invalid }]
-    }, d.$attrs), null, 16, ["modelValue", "value", "input-id", "name", "disabled", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "value", "input-id", "name", "disabled", "class"]));
   }
-}, Xo = { class: "ui-currency" }, vu = {
+}, yr = { class: "ui-currency" }, df = {
   __name: "BaseCurrency",
   props: {
     modelValue: {
@@ -463,21 +463,21 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = (s) => s == null || s === "" ? "" : Number(s).toLocaleString("pt-BR", {
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = (c) => c == null || c === "" ? "" : Number(c).toLocaleString("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
-    }), d = (s) => {
-      if (!s) return null;
-      const g = s.replace(/\D/g, "");
-      return g ? Number(g) / 100 : null;
-    }, i = u(() => a(e.modelValue)), c = (s) => {
-      const g = d(s.target.value);
-      n("update:modelValue", g), s.target.value = a(g);
+    }), n = (c) => {
+      if (!c) return null;
+      const i = c.replace(/\D/g, "");
+      return i ? Number(i) / 100 : null;
+    }, s = f(() => t(e.modelValue)), d = (c) => {
+      const i = n(c.target.value);
+      r("update:modelValue", i), c.target.value = t(i);
     };
-    return (s, g) => (l(), p("div", Xo, [
-      V(h(ro), R({
-        value: i.value,
+    return (c, i) => (m(), x("div", yr, [
+      A(p(zo), O({
+        value: s.value,
         placeholder: o.placeholder,
         disabled: o.disabled,
         readonly: o.readonly,
@@ -486,10 +486,10 @@ const mu = {
           { "p-invalid": o.invalid },
           { "p-sm": o.size === "sm" }
         ]
-      }, s.$attrs, { onInput: c }), null, 16, ["value", "placeholder", "disabled", "readonly", "class"])
+      }, c.$attrs, { onInput: d }), null, 16, ["value", "placeholder", "disabled", "readonly", "class"])
     ]));
   }
-}, qo = {
+}, $r = {
   __name: "BaseInputMask",
   props: {
     modelValue: {
@@ -529,14 +529,14 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h(Bo), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(Zo), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       mask: o.mask,
       "slot-char": o.slotChar,
       "auto-clear": o.autoClear,
@@ -547,9 +547,9 @@ const mu = {
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, d.$attrs), null, 16, ["modelValue", "mask", "slot-char", "auto-clear", "disabled", "readonly", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "mask", "slot-char", "auto-clear", "disabled", "readonly", "class"]));
   }
-}, ku = {
+}, cf = {
   __name: "BaseDate",
   props: {
     modelValue: {
@@ -605,175 +605,175 @@ const mu = {
     }
   },
   emits: ["update:modelValue", "update:textValue", "blur"],
-  setup(o, { expose: r, emit: e }) {
-    const n = o, a = e, d = F(null), i = F(""), c = F(null), s = F(0), g = u(() => n.selectionMode === "range"), y = (t) => String(t).padStart(2, "0"), x = (t) => {
-      if (!(t instanceof Date) || Number.isNaN(t.getTime())) return "";
-      const f = y(t.getDate()), m = y(t.getMonth() + 1), $ = String(t.getFullYear());
-      return `${f}/${m}/${$}`;
-    }, k = (t) => {
-      if (!t || typeof t != "string") return null;
-      const f = t.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
-      if (!f) return null;
-      const m = Number(f[1]), $ = Number(f[2]), D = Number(f[3]);
-      if ($ < 1 || $ > 12 || m < 1 || m > 31 || D < 1e3 || D > 9999) return null;
-      const H = new Date(D, $ - 1, m);
-      return H.getFullYear() !== D || H.getMonth() !== $ - 1 || H.getDate() !== m ? null : H;
-    }, I = (t) => !(!(t instanceof Date) || Number.isNaN(t.getTime()) || n.minDate && t < n.minDate || n.maxDate && t > n.maxDate), w = (t) => {
-      const [f, m] = t || [], $ = f ? x(f) : "", D = m ? x(m) : "";
-      return !$ && !D ? "" : $ && !D ? `${$} - ` : `${$} - ${D}`;
-    }, X = (t) => {
-      if (!t || typeof t != "string") return null;
-      const f = t.match(/^(.+?)\s*-\s*(.+?)$/);
-      if (!f) return null;
-      const m = k(f[1].trim()), $ = k(f[2].trim());
-      return !m || !$ ? null : [m, $];
-    }, M = (t) => /^\d{2}\/\d{2}\/\d{4} - \d{2}\/\d{2}\/\d{4}$/.test((t || "").replace(/_/g, "").trim()), O = (t) => {
-      i.value = t, a("update:textValue", t);
-    }, N = (t) => {
-      O(x(t)), c.value = t;
-    }, j = (t) => {
-      O(w(t)), c.value = t;
-    }, q = (t) => {
-      if (!Array.isArray(t)) return;
-      const [f, m] = t;
-      !(f instanceof Date) || !(m instanceof Date) || a("update:modelValue", [f, m]);
-    }, E = () => {
-      O(""), c.value = null, s.value += 1, a("update:modelValue", null);
-    }, no = (t) => {
-      if (O(t), !t) {
-        c.value = null, a("update:modelValue", null);
+  setup(o, { expose: a, emit: e }) {
+    const r = o, t = e, n = z(null), s = z(""), d = z(null), c = z(0), i = f(() => r.selectionMode === "range"), g = (u) => String(u).padStart(2, "0"), b = (u) => {
+      if (!(u instanceof Date) || Number.isNaN(u.getTime())) return "";
+      const y = g(u.getDate()), C = g(u.getMonth() + 1), D = String(u.getFullYear());
+      return `${y}/${C}/${D}`;
+    }, v = (u) => {
+      if (!u || typeof u != "string") return null;
+      const y = u.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+      if (!y) return null;
+      const C = Number(y[1]), D = Number(y[2]), P = Number(y[3]);
+      if (D < 1 || D > 12 || C < 1 || C > 31 || P < 1e3 || P > 9999) return null;
+      const q = new Date(P, D - 1, C);
+      return q.getFullYear() !== P || q.getMonth() !== D - 1 || q.getDate() !== C ? null : q;
+    }, $ = (u) => !(!(u instanceof Date) || Number.isNaN(u.getTime()) || r.minDate && u < r.minDate || r.maxDate && u > r.maxDate), l = (u) => {
+      const [y, C] = u || [], D = y ? b(y) : "", P = C ? b(C) : "";
+      return !D && !P ? "" : D && !P ? `${D} - ` : `${D} - ${P}`;
+    }, k = (u) => {
+      if (!u || typeof u != "string") return null;
+      const y = u.match(/^(.+?)\s*-\s*(.+?)$/);
+      if (!y) return null;
+      const C = v(y[1].trim()), D = v(y[2].trim());
+      return !C || !D ? null : [C, D];
+    }, h = (u) => /^\d{2}\/\d{2}\/\d{4} - \d{2}\/\d{2}\/\d{4}$/.test((u || "").replace(/_/g, "").trim()), B = (u) => {
+      s.value = u, t("update:textValue", u);
+    }, N = (u) => {
+      B(b(u)), d.value = u;
+    }, H = (u) => {
+      B(l(u)), d.value = u;
+    }, F = (u) => {
+      if (!Array.isArray(u)) return;
+      const [y, C] = u;
+      !(y instanceof Date) || !(C instanceof Date) || t("update:modelValue", [y, C]);
+    }, U = () => {
+      B(""), d.value = null, c.value += 1, t("update:modelValue", null);
+    }, Q = (u) => {
+      if (B(u), !u) {
+        d.value = null, t("update:modelValue", null);
         return;
       }
-      if (g.value) {
-        if (!M(t)) return;
-        const m = X(t);
-        if (!m) {
-          a("update:modelValue", [null, null]);
+      if (i.value) {
+        if (!h(u)) return;
+        const C = k(u);
+        if (!C) {
+          t("update:modelValue", [null, null]);
           return;
         }
-        c.value = m, q(m);
+        d.value = C, F(C);
         return;
       }
-      const f = k(t);
-      f && (c.value = f, a("update:modelValue", f));
-    }, to = (t) => {
-      if (t) {
-        if (g.value) {
-          c.value = t;
-          const [f, m] = t || [];
-          f instanceof Date && m instanceof Date && (j(t), q(t), d.value && d.value.hide());
+      const y = v(u);
+      y && (d.value = y, t("update:modelValue", y));
+    }, eo = (u) => {
+      if (u) {
+        if (i.value) {
+          d.value = u;
+          const [y, C] = u || [];
+          y instanceof Date && C instanceof Date && (H(u), F(u), n.value && n.value.hide());
           return;
         }
-        N(t), a("update:modelValue", t), d.value && d.value.hide();
+        N(u), t("update:modelValue", u), n.value && n.value.hide();
       }
-    }, lo = () => {
-      g.value && G.value && E(), a("blur");
-    }, io = (t) => {
-      d.value && d.value.toggle(t);
-    }, co = () => {
-      const t = /* @__PURE__ */ new Date(), f = new Date(t.getFullYear(), t.getMonth(), t.getDate());
-      if (I(f)) {
-        if (g.value) {
-          const m = [f, f];
-          j(m), a("update:modelValue", m);
+    }, K = () => {
+      i.value && X.value && U(), t("blur");
+    }, ao = (u) => {
+      n.value && n.value.toggle(u);
+    }, to = () => {
+      const u = /* @__PURE__ */ new Date(), y = new Date(u.getFullYear(), u.getMonth(), u.getDate());
+      if ($(y)) {
+        if (i.value) {
+          const C = [y, y];
+          H(C), t("update:modelValue", C);
           return;
         }
-        N(f), a("update:modelValue", f);
+        N(y), t("update:modelValue", y);
       }
-    }, U = u({
-      get: () => i.value,
-      set: (t) => no(t)
-    }), G = u(
-      () => g.value && !!i.value && !M(i.value)
+    }, Y = f({
+      get: () => s.value,
+      set: (u) => Q(u)
+    }), X = f(
+      () => i.value && !!s.value && !h(s.value)
     );
-    return r({ hasPartialInput: G }), so(
-      () => n.modelValue,
-      (t) => {
-        if (t === null) {
-          (i.value !== "" || c.value !== null) && (O(""), c.value = null);
+    return a({ hasPartialInput: X }), G(
+      () => r.modelValue,
+      (u) => {
+        if (u === null) {
+          (s.value !== "" || d.value !== null) && (B(""), d.value = null);
           return;
         }
-        if (g.value) {
-          Array.isArray(t) && t[0] instanceof Date && t[1] instanceof Date && j(t);
+        if (i.value) {
+          Array.isArray(u) && u[0] instanceof Date && u[1] instanceof Date && H(u);
           return;
         }
-        t instanceof Date && N(t);
+        u instanceof Date && N(u);
       },
       { immediate: !0 }
-    ), (t, f) => (l(), b(h(ko), { class: "ui-inputgroup" }, {
-      default: B(() => [
-        (l(), b(qo, R({
-          key: s.value,
-          modelValue: U.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (m) => U.value = m),
-          mask: g.value ? "99/99/9999 - 99/99/9999" : o.mask,
+    ), (u, y) => (m(), w(p(Qo), { class: "ui-inputgroup" }, {
+      default: I(() => [
+        (m(), w($r, O({
+          key: c.value,
+          modelValue: Y.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (C) => Y.value = C),
+          mask: i.value ? "99/99/9999 - 99/99/9999" : o.mask,
           placeholder: o.placeholder,
           disabled: o.disabled,
           invalid: o.invalid,
           size: o.size
-        }, t.$attrs, { onBlur: lo }), null, 16, ["modelValue", "mask", "placeholder", "disabled", "invalid", "size"])),
-        V(h(yo), {
-          class: W(["ui-inputgroup-addon", { "ui-inputgroup-addon--sm": o.size === "sm" }])
+        }, u.$attrs, { onBlur: K }), null, 16, ["modelValue", "mask", "placeholder", "disabled", "invalid", "size"])),
+        A(p(Ko), {
+          class: L(["ui-inputgroup-addon", { "ui-inputgroup-addon--sm": o.size === "sm" }])
         }, {
-          default: B(() => [
-            o.showClear ? (l(), b(L, {
+          default: I(() => [
+            o.showClear ? (m(), w(no, {
               key: 0,
               type: "button",
               variant: "outline",
               size: o.size,
               disabled: o.disabled,
               "aria-label": "Limpar data",
-              onClick: E
+              onClick: U
             }, {
-              default: B(() => [...f[2] || (f[2] = [
-                Q(" Limpar ", -1)
+              default: I(() => [...y[2] || (y[2] = [
+                go(" Limpar ", -1)
               ])]),
               _: 1
-            }, 8, ["size", "disabled"])) : v("", !0),
-            o.showToday ? (l(), b(L, {
+            }, 8, ["size", "disabled"])) : S("", !0),
+            o.showToday ? (m(), w(no, {
               key: 1,
               type: "button",
               variant: "outline",
               size: o.size,
               disabled: o.disabled,
               "aria-label": "Selecionar hoje",
-              onClick: co
+              onClick: to
             }, {
-              default: B(() => [...f[3] || (f[3] = [
-                Q(" Hoje ", -1)
+              default: I(() => [...y[3] || (y[3] = [
+                go(" Hoje ", -1)
               ])]),
               _: 1
-            }, 8, ["size", "disabled"])) : v("", !0),
-            V(L, {
+            }, 8, ["size", "disabled"])) : S("", !0),
+            A(no, {
               type: "button",
               variant: "ghost",
               size: o.size,
               disabled: o.disabled,
               "aria-label": "Abrir calendário",
-              onClick: io
+              onClick: ao
             }, {
-              default: B(() => [
-                o.calendarIcon ? (l(), b(A, {
+              default: I(() => [
+                o.calendarIcon ? (m(), w(J, {
                   key: 0,
                   class: "text-lg",
                   icon: o.calendarIcon
-                }, null, 8, ["icon"])) : v("", !0)
+                }, null, 8, ["icon"])) : S("", !0)
               ]),
               _: 1
             }, 8, ["size", "disabled"])
           ]),
           _: 1
         }, 8, ["class"]),
-        V(h(Co), {
+        A(p(Jo), {
           ref_key: "popoverRef",
-          ref: d
+          ref: n
         }, {
-          default: B(() => [
-            V(h(eo), {
-              modelValue: c.value,
+          default: I(() => [
+            A(p(Vo), {
+              modelValue: d.value,
               "onUpdate:modelValue": [
-                f[1] || (f[1] = (m) => c.value = m),
-                to
+                y[1] || (y[1] = (C) => d.value = C),
+                eo
               ],
               inline: "",
               "selection-mode": o.selectionMode,
@@ -787,7 +787,7 @@ const mu = {
       _: 1
     }));
   }
-}, yu = {
+}, sf = {
   __name: "BaseDatePicker",
   props: {
     modelValue: {
@@ -811,34 +811,34 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h(eo), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(Vo), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       disabled: o.disabled,
       class: [
         "w-full",
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, d.$attrs), null, 16, ["modelValue", "disabled", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "disabled", "class"]));
   }
-}, T = (o, r) => {
+}, ro = (o, a) => {
   const e = o.__vccOpts || o;
-  for (const [n, a] of r)
-    e[n] = a;
+  for (const [r, t] of a)
+    e[r] = t;
   return e;
-}, Eo = {
+}, Cr = {
   key: 0,
   class: "ui-dialog-body"
-}, Uo = {
+}, Br = {
   key: 1,
   class: "ui-dialog-content"
-}, Go = {
+}, xr = {
   __name: "BaseDialog",
   props: {
     modelValue: {
@@ -876,61 +876,61 @@ const mu = {
     }
   },
   emits: ["update:modelValue", "hide", "show"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (y) => n("update:modelValue", y)
-    }), d = {
+      set: (g) => r("update:modelValue", g)
+    }), n = {
       sm: "24rem",
       md: "32rem",
       lg: "48rem",
       full: "64rem"
-    }, i = u(() => ({
-      width: `min(92vw, ${d[e.size]})`
-    })), c = u(() => !!(e.icon || e.content)), s = () => n("hide"), g = () => n("show");
-    return (y, x) => (l(), b(h(ao), {
-      visible: a.value,
-      "onUpdate:visible": x[0] || (x[0] = (k) => a.value = k),
+    }, s = f(() => ({
+      width: `min(92vw, ${n[e.size]})`
+    })), d = f(() => !!(e.icon || e.content)), c = () => r("hide"), i = () => r("show");
+    return (g, b) => (m(), w(p(Do), {
+      visible: t.value,
+      "onUpdate:visible": b[0] || (b[0] = (v) => t.value = v),
       modal: "",
       draggable: !1,
       header: o.header,
       closable: o.closable,
       "dismissable-mask": o.dismissableMask,
       "close-on-escape": o.closeOnEscape,
-      style: P(i.value),
-      onHide: s,
-      onShow: g
-    }, Y({
-      default: B(() => [
-        c.value && !y.$slots.default ? (l(), p("div", Eo, [
-          o.icon ? (l(), b(A, {
+      style: uo(s.value),
+      onHide: c,
+      onShow: i
+    }, fo({
+      default: I(() => [
+        d.value && !g.$slots.default ? (m(), x("div", Cr, [
+          o.icon ? (m(), w(J, {
             key: 0,
             icon: o.icon,
             class: "ui-dialog-icon"
-          }, null, 8, ["icon"])) : v("", !0),
-          o.content ? (l(), p("p", Uo, S(o.content), 1)) : v("", !0)
-        ])) : v("", !0),
-        C(y.$slots, "default", {}, void 0, !0)
+          }, null, 8, ["icon"])) : S("", !0),
+          o.content ? (m(), x("p", Br, j(o.content), 1)) : S("", !0)
+        ])) : S("", !0),
+        V(g.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      y.$slots.header ? {
+      g.$slots.header ? {
         name: "header",
-        fn: B(() => [
-          C(y.$slots, "header", {}, void 0, !0)
+        fn: I(() => [
+          V(g.$slots, "header", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      y.$slots.footer ? {
+      g.$slots.footer ? {
         name: "footer",
-        fn: B(() => [
-          C(y.$slots, "footer", {}, void 0, !0)
+        fn: I(() => [
+          V(g.$slots, "footer", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["visible", "header", "closable", "dismissable-mask", "close-on-escape", "style"]));
   }
-}, Cu = /* @__PURE__ */ T(Go, [["__scopeId", "data-v-d952cadc"]]), Qo = { class: "ui-drawer-content" }, Bu = /* @__PURE__ */ Object.assign({
+}, uf = /* @__PURE__ */ ro(xr, [["__scopeId", "data-v-d952cadc"]]), wr = { class: "ui-drawer-content" }, ff = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "BaseDrawer",
@@ -957,44 +957,44 @@ const mu = {
     }
   },
   emits: ["update:visible"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u(() => e.visible), d = () => n("update:visible", !1), i = (s) => {
-      s.target === s.currentTarget && d();
-    }, c = (s) => {
-      n("update:visible", s);
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f(() => e.visible), n = () => r("update:visible", !1), s = (c) => {
+      c.target === c.currentTarget && n();
+    }, d = (c) => {
+      r("update:visible", c);
     };
-    return (s, g) => (l(), p(uo, null, [
-      (l(), b(fo, { to: "body" }, [
-        a.value ? (l(), p("div", {
+    return (c, i) => (m(), x(Eo, null, [
+      (m(), w(To, { to: "body" }, [
+        t.value ? (m(), x("div", {
           key: 0,
           class: "ui-drawer-backdrop",
           role: "presentation",
-          onClick: i
-        })) : v("", !0)
+          onClick: s
+        })) : S("", !0)
       ])),
-      V(h(xo), R(s.$attrs, {
+      A(p(_o), O(c.$attrs, {
         modal: o.modal,
         dismissable: o.dismissable,
         header: o.title,
         "show-close-icon": !1,
-        visible: a.value,
+        visible: t.value,
         position: o.position,
         class: "ui-drawer",
-        "onUpdate:visible": c
+        "onUpdate:visible": d
       }), {
-        default: B(() => [
-          z("div", Qo, [
-            C(s.$slots, "default")
+        default: I(() => [
+          W("div", wr, [
+            V(c.$slots, "default")
           ])
         ]),
         _: 3
       }, 16, ["modal", "dismissable", "header", "visible", "position"])
     ], 64));
   }
-}), Ko = { class: "ui-empty" }, Jo = { class: "ui-empty__media" }, Zo = ["src"], _o = { class: "ui-empty__content" }, or = { class: "ui-empty__title" }, rr = {
+}), Rr = { class: "ui-empty" }, Sr = { class: "ui-empty__media" }, zr = ["src"], Vr = { class: "ui-empty__content" }, Dr = { class: "ui-empty__title" }, Ir = {
   key: 0,
   class: "ui-empty__description"
-}, er = { class: "ui-empty__actions" }, ar = {
+}, Or = { class: "ui-empty__actions" }, Wr = {
   __name: "BaseEmpty",
   props: {
     icon: {
@@ -1015,37 +1015,37 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => !!r.image), n = u(() => !!r.description);
-    return (a, d) => (l(), p("div", Ko, [
-      z("div", Jo, [
-        e.value ? (l(), p("img", {
+    const a = o, e = f(() => !!a.image), r = f(() => !!a.description);
+    return (t, n) => (m(), x("div", Rr, [
+      W("div", Sr, [
+        e.value ? (m(), x("img", {
           key: 0,
           src: o.image,
           alt: "",
           class: "ui-empty__image"
-        }, null, 8, Zo)) : (l(), b(A, {
+        }, null, 8, zr)) : (m(), w(J, {
           key: 1,
           icon: o.icon,
           class: "ui-empty__icon"
         }, null, 8, ["icon"]))
       ]),
-      z("div", _o, [
-        z("h3", or, S(o.title), 1),
-        n.value ? (l(), p("p", rr, S(o.description), 1)) : v("", !0),
-        z("div", er, [
-          C(a.$slots, "default", {}, void 0, !0)
+      W("div", Vr, [
+        W("h3", Dr, j(o.title), 1),
+        r.value ? (m(), x("p", Ir, j(o.description), 1)) : S("", !0),
+        W("div", Or, [
+          V(t.$slots, "default", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}, xu = /* @__PURE__ */ T(ar, [["__scopeId", "data-v-91327e2b"]]), nr = { class: "ui-field" }, tr = ["for"], dr = { class: "ui-control" }, lr = {
+}, gf = /* @__PURE__ */ ro(Wr, [["__scopeId", "data-v-91327e2b"]]), jr = { class: "ui-field" }, Fr = ["for"], Pr = { class: "ui-control" }, Er = {
   key: 1,
   class: "ui-error",
   role: "alert"
-}, ir = {
+}, Tr = {
   key: 2,
   class: "ui-help"
-}, $u = {
+}, mf = {
   __name: "BaseField",
   props: {
     label: {
@@ -1066,23 +1066,23 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => !!r.label), n = u(() => !!r.error), a = u(() => !!r.help);
-    return (d, i) => (l(), p("div", nr, [
-      e.value ? (l(), p("label", {
+    const a = o, e = f(() => !!a.label), r = f(() => !!a.error), t = f(() => !!a.help);
+    return (n, s) => (m(), x("div", jr, [
+      e.value ? (m(), x("label", {
         key: 0,
         class: "ui-label",
         for: o.forId
-      }, S(o.label), 9, tr)) : v("", !0),
-      z("div", dr, [
-        C(d.$slots, "default")
+      }, j(o.label), 9, Fr)) : S("", !0),
+      W("div", Pr, [
+        V(n.$slots, "default")
       ]),
-      n.value ? (l(), p("small", lr, S(o.error), 1)) : a.value ? (l(), p("small", ir, S(o.help), 1)) : v("", !0)
+      r.value ? (m(), x("small", Er, j(o.error), 1)) : t.value ? (m(), x("small", Tr, j(o.help), 1)) : S("", !0)
     ]));
   }
-}, cr = { class: "ui-forbidden" }, sr = { class: "ui-forbidden__icon" }, ur = { class: "ui-forbidden__content" }, fr = { class: "ui-forbidden__title" }, gr = { class: "ui-forbidden__description" }, mr = {
+}, Ar = { class: "ui-forbidden" }, Lr = { class: "ui-forbidden__icon" }, Mr = { class: "ui-forbidden__content" }, Nr = { class: "ui-forbidden__title" }, Hr = { class: "ui-forbidden__description" }, Yr = {
   key: 0,
   class: "ui-forbidden__actions"
-}, pr = {
+}, Xr = {
   __name: "BaseForbidden",
   props: {
     title: {
@@ -1095,20 +1095,20 @@ const mu = {
     }
   },
   setup(o) {
-    return (r, e) => (l(), p("div", cr, [
-      z("div", sr, [
-        V(A, { icon: ["fal", "user-shield"] })
+    return (a, e) => (m(), x("div", Ar, [
+      W("div", Lr, [
+        A(J, { icon: ["fal", "user-shield"] })
       ]),
-      z("div", ur, [
-        z("h3", fr, S(o.title), 1),
-        z("p", gr, S(o.description), 1),
-        r.$slots.default ? (l(), p("div", mr, [
-          C(r.$slots, "default", {}, void 0, !0)
-        ])) : v("", !0)
+      W("div", Mr, [
+        W("h3", Nr, j(o.title), 1),
+        W("p", Hr, j(o.description), 1),
+        a.$slots.default ? (m(), x("div", Yr, [
+          V(a.$slots, "default", {}, void 0, !0)
+        ])) : S("", !0)
       ])
     ]));
   }
-}, wu = /* @__PURE__ */ T(pr, [["__scopeId", "data-v-1025847b"]]), Ru = {
+}, pf = /* @__PURE__ */ ro(Xr, [["__scopeId", "data-v-1025847b"]]), bf = {
   __name: "BaseInputText",
   props: {
     modelValue: {
@@ -1136,18 +1136,18 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { expose: r, emit: e }) {
-    const n = o, a = e, d = u({
-      get: () => n.modelValue,
-      set: (c) => a("update:modelValue", c)
-    }), i = F(null);
-    return r({
-      focus: () => i.value?.$el?.focus()
-    }), (c, s) => (l(), b(h(ro), R({
+  setup(o, { expose: a, emit: e }) {
+    const r = o, t = e, n = f({
+      get: () => r.modelValue,
+      set: (d) => t("update:modelValue", d)
+    }), s = z(null);
+    return a({
+      focus: () => s.value?.$el?.focus()
+    }), (d, c) => (m(), w(p(zo), O({
       ref_key: "inputRef",
-      ref: i,
-      modelValue: d.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (g) => d.value = g),
+      ref: s,
+      modelValue: n.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (i) => n.value = i),
       disabled: o.disabled,
       readonly: o.readonly,
       class: [
@@ -1155,9 +1155,9 @@ const mu = {
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, c.$attrs), null, 16, ["modelValue", "disabled", "readonly", "class"]));
+    }, d.$attrs), null, 16, ["modelValue", "disabled", "readonly", "class"]));
   }
-}, zu = {
+}, hf = {
   __name: "BaseModal",
   props: {
     modelValue: {
@@ -1187,53 +1187,53 @@ const mu = {
     }
   },
   emits: ["update:modelValue", "hide", "show"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (g) => n("update:modelValue", g)
-    }), d = {
+      set: (i) => r("update:modelValue", i)
+    }), n = {
       sm: "24rem",
       md: "38rem",
       lg: "56rem",
       full: "72rem"
-    }, i = u(() => ({
-      width: `min(92vw, ${d[e.size]})`
-    })), c = () => n("hide"), s = () => n("show");
-    return (g, y) => (l(), b(h(ao), {
-      visible: a.value,
-      "onUpdate:visible": y[0] || (y[0] = (x) => a.value = x),
+    }, s = f(() => ({
+      width: `min(92vw, ${n[e.size]})`
+    })), d = () => r("hide"), c = () => r("show");
+    return (i, g) => (m(), w(p(Do), {
+      visible: t.value,
+      "onUpdate:visible": g[0] || (g[0] = (b) => t.value = b),
       modal: "",
       draggable: !1,
       header: o.header,
       closable: o.closable,
       "dismissable-mask": o.dismissableMask,
       "close-on-escape": o.closeOnEscape,
-      style: P(i.value),
-      onHide: c,
-      onShow: s
-    }, Y({
-      default: B(() => [
-        C(g.$slots, "default")
+      style: uo(s.value),
+      onHide: d,
+      onShow: c
+    }, fo({
+      default: I(() => [
+        V(i.$slots, "default")
       ]),
       _: 2
     }, [
-      g.$slots.header ? {
+      i.$slots.header ? {
         name: "header",
-        fn: B(() => [
-          C(g.$slots, "header")
+        fn: I(() => [
+          V(i.$slots, "header")
         ]),
         key: "0"
       } : void 0,
-      g.$slots.footer ? {
+      i.$slots.footer ? {
         name: "footer",
-        fn: B(() => [
-          C(g.$slots, "footer")
+        fn: I(() => [
+          V(i.$slots, "footer")
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["visible", "header", "closable", "dismissable-mask", "close-on-escape", "style"]));
   }
-}, Su = {
+}, vf = {
   __name: "BaseMultiSelect",
   props: {
     modelValue: {
@@ -1281,14 +1281,14 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h($o), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(or), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       fluid: "",
       options: o.options,
       "option-label": o.optionLabel,
@@ -1301,9 +1301,9 @@ const mu = {
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, d.$attrs), null, 16, ["modelValue", "options", "option-label", "option-value", "placeholder", "disabled", "loading", "filter", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "options", "option-label", "option-value", "placeholder", "disabled", "loading", "filter", "class"]));
   }
-}, br = {
+}, qr = {
   __name: "BasePanel",
   props: {
     header: {
@@ -1325,38 +1325,38 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => ({
+    const a = o, e = f(() => ({
       "ui-panel": !0,
-      [`ui-panel--${r.variant}`]: !!r.variant
+      [`ui-panel--${a.variant}`]: !!a.variant
     }));
-    return (n, a) => (l(), b(h(wo), {
+    return (r, t) => (m(), w(p(rr), {
       header: o.header,
       toggleable: o.toggleable,
       collapsed: o.collapsed,
-      class: W(e.value)
-    }, Y({
-      default: B(() => [
-        C(n.$slots, "default", {}, void 0, !0)
+      class: L(e.value)
+    }, fo({
+      default: I(() => [
+        V(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      n.$slots.header ? {
+      r.$slots.header ? {
         name: "header",
-        fn: B(() => [
-          C(n.$slots, "header", {}, void 0, !0)
+        fn: I(() => [
+          V(r.$slots, "header", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      n.$slots.icons ? {
+      r.$slots.icons ? {
         name: "icons",
-        fn: B(() => [
-          C(n.$slots, "icons", {}, void 0, !0)
+        fn: I(() => [
+          V(r.$slots, "icons", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
     ]), 1032, ["header", "toggleable", "collapsed", "class"]));
   }
-}, Du = /* @__PURE__ */ T(br, [["__scopeId", "data-v-cc034b6b"]]), Vu = {
+}, kf = /* @__PURE__ */ ro(qr, [["__scopeId", "data-v-cc034b6b"]]), yf = {
   __name: "BaseRadioButton",
   props: {
     modelValue: {
@@ -1385,22 +1385,22 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h(Ro), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(er), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       value: o.value,
       name: o.name,
       "input-id": o.inputId,
       disabled: o.disabled,
       class: [{ "p-invalid": o.invalid }]
-    }, d.$attrs), null, 16, ["modelValue", "value", "name", "input-id", "disabled", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "value", "name", "input-id", "disabled", "class"]));
   }
-}, hr = ["href", "target"], Wu = {
+}, Gr = ["href", "target"], $f = {
   __name: "BaseRouterLink",
   props: {
     to: {
@@ -1425,42 +1425,42 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => r.disabled || r.loading), n = u(() => [
+    const a = o, e = f(() => a.disabled || a.loading), r = f(() => [
       "ui-btn",
       {
-        "ui-btn-primary": r.variant === "primary",
-        "ui-btn-secondary": r.variant === "secondary",
-        "ui-btn-ghost": r.variant === "ghost",
-        "ui-btn-outline": r.variant === "outline",
+        "ui-btn-primary": a.variant === "primary",
+        "ui-btn-secondary": a.variant === "secondary",
+        "ui-btn-ghost": a.variant === "ghost",
+        "ui-btn-outline": a.variant === "outline",
         "ui-btn-disabled": e.value
       }
     ]);
-    return (a, d) => o.target === "_blank" ? (l(), p("a", {
+    return (t, n) => o.target === "_blank" ? (m(), x("a", {
       key: 0,
       href: typeof o.to == "string" ? o.to : o.to.path,
-      class: W(n.value),
+      class: L(r.value),
       target: o.target,
       rel: "noopener noreferrer"
     }, [
-      C(a.$slots, "default")
-    ], 10, hr)) : (l(), b(h(zo), {
+      V(t.$slots, "default")
+    ], 10, Gr)) : (m(), w(p(ar), {
       key: 1,
       to: e.value ? void 0 : o.to,
-      class: W(n.value),
+      class: L(r.value),
       "aria-disabled": e.value,
       target: o.target,
-      onClick: d[0] || (d[0] = go((i) => e.value && i.preventDefault(), ["prevent"]))
+      onClick: n[0] || (n[0] = Ao((s) => e.value && s.preventDefault(), ["prevent"]))
     }, {
-      default: B(() => [
-        C(a.$slots, "default")
+      default: I(() => [
+        V(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["to", "class", "aria-disabled", "target"]));
   }
-}, vr = { class: "ui-section-divider" }, kr = {
+}, Ur = { class: "ui-section-divider" }, Qr = {
   key: 0,
   class: "ui-section-divider__label"
-}, Iu = {
+}, Cf = {
   __name: "BaseSectionDivider",
   props: {
     label: {
@@ -1469,13 +1469,13 @@ const mu = {
     }
   },
   setup(o) {
-    const r = o, e = u(() => !!r.label);
-    return (n, a) => (l(), p("div", vr, [
-      e.value ? (l(), p("span", kr, S(o.label), 1)) : v("", !0),
-      a[0] || (a[0] = z("div", { class: "ui-section-divider__line" }, null, -1))
+    const a = o, e = f(() => !!a.label);
+    return (r, t) => (m(), x("div", Ur, [
+      e.value ? (m(), x("span", Qr, j(o.label), 1)) : S("", !0),
+      t[0] || (t[0] = W("div", { class: "ui-section-divider__line" }, null, -1))
     ]));
   }
-}, Fu = {
+}, Bf = {
   __name: "BaseSelect",
   props: {
     modelValue: {
@@ -1523,18 +1523,18 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (i) => n("update:modelValue", i)
-    }), d = u(() => e.optionEmpty ? [
+      set: (s) => r("update:modelValue", s)
+    }), n = f(() => e.optionEmpty ? [
       e.optionEmpty,
       ...e.options
     ] : e.options);
-    return (i, c) => (l(), b(h(So), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (s) => a.value = s),
-      options: d.value,
+    return (s, d) => (m(), w(p(tr), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (c) => t.value = c),
+      options: n.value,
       "option-label": o.optionLabel,
       "option-value": o.optionValue,
       placeholder: o.placeholder,
@@ -1545,9 +1545,9 @@ const mu = {
         { "p-invalid": o.invalid },
         { "p-sm": o.size === "sm" }
       ]
-    }, i.$attrs), null, 16, ["modelValue", "options", "option-label", "option-value", "placeholder", "disabled", "loading", "class"]));
+    }, s.$attrs), null, 16, ["modelValue", "options", "option-label", "option-value", "placeholder", "disabled", "loading", "class"]));
   }
-}, Mu = {
+}, xf = {
   __name: "BaseSwitch",
   props: {
     modelValue: {
@@ -1575,22 +1575,22 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (i) => {
-        e.disabled || e.loading || n("update:modelValue", i);
+      set: (s) => {
+        e.disabled || e.loading || r("update:modelValue", s);
       }
-    }), d = u(() => e.disabled || e.loading);
-    return (i, c) => (l(), b(h(Do), {
-      modelValue: a.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (s) => a.value = s),
+    }), n = f(() => e.disabled || e.loading);
+    return (s, d) => (m(), w(p(nr), {
+      modelValue: t.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (c) => t.value = c),
       "input-id": o.inputId,
-      disabled: d.value,
-      class: W(["base-switch", { "base-switch--sm": o.size === "sm" }])
+      disabled: n.value,
+      class: L(["base-switch", { "base-switch--sm": o.size === "sm" }])
     }, null, 8, ["modelValue", "input-id", "disabled", "class"]));
   }
-}, Ou = {
+}, wf = {
   __name: "BaseTextarea",
   props: {
     modelValue: {
@@ -1619,14 +1619,14 @@ const mu = {
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: r }) {
-    const e = o, n = r, a = u({
+  setup(o, { emit: a }) {
+    const e = o, r = a, t = f({
       get: () => e.modelValue,
-      set: (d) => n("update:modelValue", d)
+      set: (n) => r("update:modelValue", n)
     });
-    return (d, i) => (l(), b(h(Vo), R({
-      modelValue: a.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
+    return (n, s) => (m(), w(p(lr), O({
+      modelValue: t.value,
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => t.value = d),
       rows: o.rows,
       "auto-resize": o.autoResize,
       disabled: o.disabled,
@@ -1635,21 +1635,21 @@ const mu = {
         "w-full",
         { "p-invalid": o.invalid }
       ]
-    }, d.$attrs), null, 16, ["modelValue", "rows", "auto-resize", "disabled", "readonly", "class"]));
+    }, n.$attrs), null, 16, ["modelValue", "rows", "auto-resize", "disabled", "readonly", "class"]));
   }
-}, Au = {
+}, Rf = {
   mounted(o) {
-    const r = () => {
+    const a = () => {
       typeof o?.focus == "function" && o.focus();
     };
     requestAnimationFrame(() => {
-      r(), setTimeout(() => {
-        document.activeElement !== o && r();
+      a(), setTimeout(() => {
+        document.activeElement !== o && a();
       }, 350);
     });
   }
 };
-var yr = { transitionDuration: "{transition.duration}" }, Cr = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, Br = { 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" } }, xr = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, $r = { root: yr, panel: Cr, header: Br, content: xr }, wr = { 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}" }, Rr = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, zr = { padding: "{list.padding}", gap: "{list.gap}" }, Sr = { 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}" }, Dr = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Vr = { 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}" } }, Wr = { borderRadius: "{border.radius.sm}" }, Ir = { padding: "{list.option.padding}" }, Fr = { 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}" } } }, Mr = { root: wr, overlay: Rr, list: zr, option: Sr, optionGroup: Dr, dropdown: Vr, chip: Wr, emptyMessage: Ir, colorScheme: Fr }, Or = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Ar = { size: "1rem" }, Hr = { borderColor: "{content.background}", offset: "-0.75rem" }, Tr = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, Nr = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, jr = { root: Or, icon: Ar, group: Hr, lg: Tr, xl: Nr }, Lr = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, Pr = { size: "0.5rem" }, Yr = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, Xr = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, qr = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, Er = { 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}" } } }, Ur = { root: Lr, dot: Pr, sm: Yr, lg: Xr, xl: qr, colorScheme: Er }, Gr = { 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" } }, Qr = { 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.3s" }, 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}" } } } } }, Kr = { primitive: Gr, semantic: Qr }, Jr = { borderRadius: "{content.border.radius}" }, Zr = { root: Jr }, _r = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, oe = { 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}" } }, re = { color: "{navigation.item.icon.color}" }, ee = { root: _r, item: oe, separator: re }, ae = { 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}" }, ne = { 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}" } } }, te = { root: ae, colorScheme: ne }, de = { 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)" }, le = { padding: "1.25rem", gap: "0.5rem" }, ie = { gap: "0.5rem" }, ce = { fontSize: "1.25rem", fontWeight: "500" }, se = { color: "{text.muted.color}" }, ue = { root: de, body: le, caption: ie, title: ce, subtitle: se }, fe = { transitionDuration: "{transition.duration}" }, ge = { gap: "0.25rem" }, me = { padding: "1rem", gap: "0.5rem" }, pe = { 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}" } }, be = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, he = { root: fe, content: ge, indicatorList: me, indicator: pe, colorScheme: be }, ve = { 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}" } }, ke = { width: "2.5rem", color: "{form.field.icon.color}" }, ye = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Ce = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, Be = { 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" } }, xe = { color: "{form.field.icon.color}" }, $e = { root: ve, dropdown: ke, overlay: ye, list: Ce, option: Be, clearIcon: xe }, we = { 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" } }, Re = { 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" } }, ze = { root: we, icon: Re }, Se = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, De = { width: "2rem", height: "2rem" }, Ve = { size: "1rem" }, We = { 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}" } }, Ie = { 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}" } } }, Fe = { root: Se, image: De, icon: Ve, removeIcon: We, colorScheme: Ie }, Me = { transitionDuration: "{transition.duration}" }, Oe = { 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}" } }, Ae = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, He = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, Te = { root: Me, preview: Oe, panel: Ae, colorScheme: He }, Ne = { size: "2rem", color: "{overlay.modal.color}" }, je = { gap: "1rem" }, Le = { icon: Ne, content: je }, Pe = { 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" }, Ye = { padding: "{overlay.popover.padding}", gap: "1rem" }, Xe = { size: "1.5rem", color: "{overlay.popover.color}" }, qe = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, Ee = { root: Pe, content: Ye, icon: Xe, footer: qe }, Ue = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Ge = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Qe = { 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}" } }, Ke = { mobileIndent: "1rem" }, Je = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Ze = { borderColor: "{content.border.color}" }, _e = { root: Ue, list: Ge, item: Qe, submenu: Ke, submenuIcon: Je, separator: Ze }, oa = `
+var Kr = { transitionDuration: "{transition.duration}" }, Jr = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, Zr = { 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" } }, _r = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, oe = { root: Kr, panel: Jr, header: Zr, content: _r }, re = { 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}" }, ee = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, ae = { padding: "{list.padding}", gap: "{list.gap}" }, te = { 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}" }, ne = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, le = { 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}" } }, de = { borderRadius: "{border.radius.sm}" }, ie = { padding: "{list.option.padding}" }, ce = { 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}" } } }, se = { root: re, overlay: ee, list: ae, option: te, optionGroup: ne, dropdown: le, chip: de, emptyMessage: ie, colorScheme: ce }, ue = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, fe = { size: "1rem" }, ge = { borderColor: "{content.background}", offset: "-0.75rem" }, me = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, pe = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, be = { root: ue, icon: fe, group: ge, lg: me, xl: pe }, he = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, ve = { size: "0.5rem" }, ke = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, ye = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, $e = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, Ce = { 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}" } } }, Be = { root: he, dot: ve, sm: ke, lg: ye, xl: $e, colorScheme: Ce }, xe = { 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" } }, we = { 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.3s" }, 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}" } } } } }, Re = { primitive: xe, semantic: we }, Se = { borderRadius: "{content.border.radius}" }, ze = { root: Se }, Ve = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, De = { 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}" } }, Ie = { color: "{navigation.item.icon.color}" }, Oe = { root: Ve, item: De, separator: Ie }, We = { 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}" }, je = { 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}" } } }, Fe = { root: We, colorScheme: je }, Pe = { 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)" }, Ee = { padding: "1.25rem", gap: "0.5rem" }, Te = { gap: "0.5rem" }, Ae = { fontSize: "1.25rem", fontWeight: "500" }, Le = { color: "{text.muted.color}" }, Me = { root: Pe, body: Ee, caption: Te, title: Ae, subtitle: Le }, Ne = { transitionDuration: "{transition.duration}" }, He = { gap: "0.25rem" }, Ye = { padding: "1rem", gap: "0.5rem" }, Xe = { 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}" } }, qe = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, Ge = { root: Ne, content: He, indicatorList: Ye, indicator: Xe, colorScheme: qe }, Ue = { 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}" } }, Qe = { width: "2.5rem", color: "{form.field.icon.color}" }, Ke = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Je = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, Ze = { 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" } }, _e = { color: "{form.field.icon.color}" }, oa = { root: Ue, dropdown: Qe, overlay: Ke, list: Je, option: Ze, clearIcon: _e }, ra = { 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" } }, ea = { 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" } }, aa = { root: ra, icon: ea }, ta = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, na = { width: "2rem", height: "2rem" }, la = { size: "1rem" }, da = { 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}" } }, ia = { 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}" } } }, ca = { root: ta, image: na, icon: la, removeIcon: da, colorScheme: ia }, sa = { transitionDuration: "{transition.duration}" }, ua = { 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}" } }, fa = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, ga = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, ma = { root: sa, preview: ua, panel: fa, colorScheme: ga }, pa = { size: "2rem", color: "{overlay.modal.color}" }, ba = { gap: "1rem" }, ha = { icon: pa, content: ba }, va = { 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" }, ka = { padding: "{overlay.popover.padding}", gap: "1rem" }, ya = { size: "1.5rem", color: "{overlay.popover.color}" }, $a = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, Ca = { root: va, content: ka, icon: ya, footer: $a }, Ba = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, xa = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, wa = { 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}" } }, Ra = { mobileIndent: "1rem" }, Sa = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, za = { borderColor: "{content.border.color}" }, Va = { root: Ba, list: xa, item: wa, submenu: Ra, submenuIcon: Sa, separator: za }, Da = `
     li.p-autocomplete-option,
     div.p-cascadeselect-option-content,
     li.p-listbox-option,
@@ -1673,24 +1673,24 @@ var yr = { transitionDuration: "{transition.duration}" }, Cr = { borderWidth: "0
     .p-treetable thead.p-treetable-thead>tr>th {
         transition: none;
     }
-`, ra = { transitionDuration: "{transition.duration}" }, ea = { 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" } }, aa = { 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" } }, na = { fontWeight: "600" }, ta = { 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}" } }, da = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, la = { 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" } }, ia = { fontWeight: "600" }, ca = { 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" } }, sa = { color: "{primary.color}" }, ua = { width: "0.5rem" }, fa = { width: "1px", color: "{primary.color}" }, ga = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, ma = { size: "2rem" }, pa = { 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}" } }, ba = { 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}" } }, ha = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, va = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, ka = { 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}" } } }, ya = `
+`, Ia = { transitionDuration: "{transition.duration}" }, Oa = { 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" } }, Wa = { 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" } }, ja = { fontWeight: "600" }, Fa = { 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}" } }, Pa = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, Ea = { 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" } }, Ta = { fontWeight: "600" }, Aa = { 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" } }, La = { color: "{primary.color}" }, Ma = { width: "0.5rem" }, Na = { width: "1px", color: "{primary.color}" }, Ha = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Ya = { size: "2rem" }, Xa = { 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}" } }, qa = { 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}" } }, Ga = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Ua = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Qa = { 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}" } } }, Ka = `
     .p-datatable-mask.p-overlay-mask {
         --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
     }
-`, Ca = { root: ra, header: ea, headerCell: aa, columnTitle: na, row: ta, bodyCell: da, footerCell: la, columnFooter: ia, footer: ca, dropPoint: sa, columnResizer: ua, resizeIndicator: fa, sortIcon: ga, loadingIcon: ma, rowToggleButton: pa, filter: ba, paginatorTop: ha, paginatorBottom: va, colorScheme: ka, css: ya }, Ba = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, xa = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, $a = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, wa = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, Ra = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, za = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, Sa = { root: Ba, header: xa, content: $a, footer: wa, paginatorTop: Ra, paginatorBottom: za }, Da = { transitionDuration: "{transition.duration}" }, Va = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, Wa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, Ia = { gap: "0.5rem", fontWeight: "500" }, Fa = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ma = { color: "{form.field.icon.color}" }, Oa = { 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}" }, Ha = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, Ta = { margin: "0.5rem 0 0 0" }, Na = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, ja = { 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}" } }, La = { margin: "0.5rem 0 0 0" }, Pa = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Ya = { margin: "0.5rem 0 0 0" }, Xa = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, qa = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, Ea = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, Ua = { 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}" } } }, Ga = { root: Da, panel: Va, header: Wa, title: Ia, dropdown: Fa, inputIcon: Ma, selectMonth: Oa, selectYear: Aa, group: Ha, dayView: Ta, weekDay: Na, date: ja, monthView: La, month: Pa, yearView: Ya, year: Xa, buttonbar: qa, timePicker: Ea, colorScheme: Ua }, Qa = { 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" }, Ja = { fontSize: "1.25rem", fontWeight: "600" }, Za = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, _a = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, on = { root: Qa, header: Ka, title: Ja, content: Za, footer: _a }, rn = { borderColor: "{content.border.color}" }, en = { background: "{content.background}", color: "{text.color}" }, an = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, nn = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, tn = { root: rn, content: en, horizontal: an, vertical: nn }, dn = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, ln = { 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}" } }, cn = { root: dn, item: ln }, sn = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, un = { padding: "{overlay.modal.padding}" }, fn = { fontSize: "1.5rem", fontWeight: "600" }, gn = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, mn = { padding: "{overlay.modal.padding}" }, pn = { root: sn, header: un, title: fn, content: gn, footer: mn }, bn = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, hn = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, vn = { 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}" }, kn = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, yn = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Cn = { toolbar: bn, toolbarItem: hn, overlay: vn, overlayOption: kn, content: yn }, Bn = { 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}" }, xn = { 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}" } }, $n = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, wn = { padding: "0" }, Rn = { root: Bn, legend: xn, toggleIcon: $n, content: wn }, zn = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Sn = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, Dn = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, Vn = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, Wn = { gap: "0.5rem" }, In = { height: "0.25rem" }, Fn = { gap: "0.5rem" }, Mn = { root: zn, header: Sn, content: Dn, file: Vn, fileList: Wn, progressbar: In, basic: Fn }, On = { 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" } }, An = { active: { top: "-1.25rem" } }, Hn = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, Tn = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, Nn = { root: On, over: An, in: Hn, on: Tn }, jn = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Ln = { 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}" } }, Pn = { size: "1.5rem" }, Yn = { background: "{content.background}", padding: "1rem 0.25rem" }, Xn = { 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}" } }, qn = { size: "1rem" }, En = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, Un = { gap: "0.5rem", padding: "1rem" }, Gn = { 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}" } }, Qn = { background: "rgba(0, 0, 0, 0.5)" }, Kn = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, Jn = { 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}" } }, Zn = { size: "1.5rem" }, _n = { 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}" } } }, ot = { root: jn, navButton: Ln, navIcon: Pn, thumbnailsContent: Yn, thumbnailNavButton: Xn, thumbnailNavButtonIcon: qn, caption: En, indicatorList: Un, indicatorButton: Gn, insetIndicatorList: Qn, insetIndicatorButton: Kn, closeButton: Jn, closeButtonIcon: Zn, colorScheme: _n }, rt = { color: "{form.field.icon.color}" }, et = { icon: rt }, at = { 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" }, nt = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, tt = { root: at, input: nt }, dt = { transitionDuration: "{transition.duration}" }, lt = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, it = { 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" }, ct = { 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}" } }, st = { root: dt, preview: lt, toolbar: it, action: ct }, ut = { 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}" } }, ft = { handle: ut }, gt = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, mt = { fontWeight: "500" }, pt = { size: "1rem" }, bt = { 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%)" } } }, ht = { root: gt, text: mt, icon: pt, colorScheme: bt }, vt = { 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}" }, kt = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, yt = { root: vt, display: kt }, Ct = { 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}" }, Bt = { borderRadius: "{border.radius.sm}" }, xt = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, $t = { root: Ct, chip: Bt, colorScheme: xt }, wt = { 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" }, Rt = { addon: wt }, zt = { transitionDuration: "{transition.duration}" }, St = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, Dt = { 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}" } } }, Vt = { root: zt, button: St, colorScheme: Dt }, Wt = { gap: "0.5rem" }, It = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, Ft = { root: Wt, input: It }, Mt = { 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}" } }, Ot = { root: Mt }, At = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ht = { background: "{primary.color}" }, Tt = { background: "{content.border.color}" }, Nt = { color: "{text.muted.color}" }, jt = { root: At, value: Ht, range: Tt, text: Nt }, Lt = { 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}" }, Pt = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, 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}" }, Xt = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, qt = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Et = { padding: "{list.option.padding}" }, Ut = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, Gt = { root: Lt, list: Pt, option: Yt, optionGroup: Xt, checkmark: qt, emptyMessage: Et, colorScheme: Ut }, Qt = { 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}" }, Kt = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Jt = { 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}" } }, Zt = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, _t = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, od = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, rd = { 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}" }, 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}" } }, nd = { root: Qt, baseItem: Kt, item: Jt, overlay: Zt, submenu: _t, submenuLabel: od, submenuIcon: rd, separator: ed, mobileButton: ad }, td = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, dd = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, ld = { 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}" } }, id = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, cd = { borderColor: "{content.border.color}" }, sd = { root: td, list: dd, item: ld, submenuLabel: id, separator: cd }, ud = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.5rem 0.75rem", transitionDuration: "{transition.duration}" }, fd = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, gd = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, md = { 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}" } }, pd = { 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}" } }, hd = { root: ud, baseItem: fd, item: gd, submenu: md, separator: pd, mobileButton: bd }, vd = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, kd = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, yd = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, Cd = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, Bd = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, xd = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, $d = { root: { borderWidth: "1px" } }, wd = { content: { padding: "0" } }, Rd = { 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}" } } } }, zd = { root: vd, content: kd, text: yd, icon: Cd, closeButton: Bd, closeIcon: xd, outlined: $d, simple: wd, colorScheme: Rd }, Sd = { borderRadius: "{content.border.radius}", gap: "1rem" }, Dd = { background: "{content.border.color}", size: "0.5rem" }, Vd = { gap: "0.5rem" }, Wd = { size: "0.5rem" }, Id = { size: "1rem" }, Fd = { verticalGap: "0.5rem", horizontalGap: "1rem" }, Md = { root: Sd, meters: Dd, label: Vd, labelMarker: Wd, labelIcon: Id, labelList: Fd }, 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}" } }, Ad = { width: "2.5rem", color: "{form.field.icon.color}" }, Hd = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Td = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Nd = { 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" }, jd = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Ld = { color: "{form.field.icon.color}" }, Pd = { borderRadius: "{border.radius.sm}" }, Yd = { padding: "{list.option.padding}" }, Xd = { root: Od, dropdown: Ad, overlay: Hd, list: Td, option: Nd, optionGroup: jd, chip: Pd, clearIcon: Ld, emptyMessage: Yd }, qd = { gap: "1.125rem" }, Ed = { gap: "0.5rem" }, Ud = { root: qd, controls: Ed }, Gd = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, Qd = { 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}" }, Kd = { 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}" } }, Jd = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, Zd = { root: Gd, node: Qd, nodeToggleButton: Kd, connector: Jd }, _d = { outline: { width: "2px", color: "{content.background}" } }, ol = { root: _d }, rl = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, el = { 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}" } }, al = { color: "{text.muted.color}" }, nl = { maxWidth: "2.5rem" }, tl = { root: rl, navButton: el, currentPageReport: al, jumpToPageInput: nl }, dl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, ll = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, il = { padding: "0.375rem 1.125rem" }, cl = { fontWeight: "600" }, sl = { padding: "0 1.125rem 1.125rem 1.125rem" }, ul = { padding: "0 1.125rem 1.125rem 1.125rem" }, fl = { root: dl, header: ll, toggleableHeader: il, title: cl, content: sl, footer: ul }, gl = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, ml = { 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}" } }, pl = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", gap: "0.5rem", padding: "{navigation.item.padding}", borderRadius: "{content.border.radius}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, bl = { indent: "1rem" }, hl = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, vl = { root: gl, panel: ml, item: pl, submenu: bl, submenuIcon: hl }, kl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, yl = { color: "{form.field.icon.color}" }, Cl = { 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}" }, Bl = { gap: "0.5rem" }, xl = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, $l = { meter: kl, icon: yl, overlay: Cl, content: Bl, colorScheme: xl }, wl = { gap: "1.125rem" }, Rl = { gap: "0.5rem" }, zl = { root: wl, controls: Rl }, Sl = { background: "{overlay.popover.background}", borderColor: "{overlay.popover.border.color}", color: "{overlay.popover.color}", borderRadius: "{overlay.popover.border.radius}", shadow: "{overlay.popover.shadow}", gutter: "10px", arrowOffset: "1.25rem" }, Dl = { padding: "{overlay.popover.padding}" }, Vl = { root: Sl, content: Dl }, Wl = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, Il = { background: "{primary.color}" }, Fl = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, Ml = { root: Wl, value: Il, label: Fl }, Ol = { 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}" } } }, Al = { colorScheme: Ol }, Hl = { width: "1.25rem", height: "1.25rem", background: "{form.field.background}", checkedBackground: "{primary.color}", checkedHoverBackground: "{primary.hover.color}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.border.color}", checkedBorderColor: "{primary.color}", checkedHoverBorderColor: "{primary.hover.color}", checkedFocusBorderColor: "{primary.color}", checkedDisabledBorderColor: "{form.field.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", shadow: "{form.field.shadow}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { width: "1rem", height: "1rem" }, lg: { width: "1.5rem", height: "1.5rem" } }, Tl = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, Nl = { root: Hl, icon: Tl }, jl = { 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}" }, Pl = { root: jl, icon: Ll }, Yl = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, Xl = { colorScheme: Yl }, ql = { transitionDuration: "{transition.duration}" }, El = { 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}" } }, Ul = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, Gl = { root: ql, bar: El, colorScheme: Ul }, Ql = { 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}" } }, Kl = { width: "2.5rem", color: "{form.field.icon.color}" }, Jl = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Zl = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, _l = { 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}" }, oi = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, ri = { color: "{form.field.icon.color}" }, ei = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, ai = { padding: "{list.option.padding}" }, ni = { root: Ql, dropdown: Kl, overlay: Jl, list: Zl, option: _l, optionGroup: oi, clearIcon: ri, checkmark: ei, emptyMessage: ai }, ti = { borderRadius: "{form.field.border.radius}" }, di = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, li = { root: ti, colorScheme: di }, ii = { borderRadius: "{content.border.radius}" }, ci = { 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)" } } }, si = { root: ii, colorScheme: ci }, ui = { transitionDuration: "{transition.duration}" }, fi = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, gi = { background: "{primary.color}" }, mi = { 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}" } }, pi = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, bi = { root: ui, track: fi, range: gi, handle: mi, colorScheme: pi }, hi = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, vi = { root: hi }, ki = { 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)" }, yi = { root: ki }, Ci = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Bi = { background: "{content.border.color}" }, xi = { 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}" } }, $i = { root: Ci, gutter: Bi, handle: xi }, wi = { transitionDuration: "{transition.duration}" }, Ri = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, zi = { padding: "0.5rem", gap: "1rem" }, Si = { 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" }, Di = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Vi = { 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)" }, Wi = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, Ii = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, Fi = { root: wi, separator: Ri, step: zi, stepHeader: Si, stepTitle: Di, stepNumber: Vi, steppanels: Wi, steppanel: Ii }, Mi = { transitionDuration: "{transition.duration}" }, Oi = { background: "{content.border.color}" }, Ai = { 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" }, Hi = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Ti = { 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)" }, Ni = { root: Mi, separator: Oi, itemLink: Ai, itemLabel: Hi, itemNumber: Ti }, ji = { transitionDuration: "{transition.duration}" }, Li = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Pi = { 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}" } }, Yi = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Xi = { height: "1px", bottom: "-1px", background: "{primary.color}" }, qi = { root: ji, tablist: Li, item: Pi, itemIcon: Yi, activeBar: Xi }, Ei = { transitionDuration: "{transition.duration}" }, Ui = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Gi = { 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}" } }, Qi = { 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}" } }, Ki = { 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}" } }, Ji = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Zi = { 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%)" } } }, _i = { root: Ei, tablist: Ui, tab: Gi, tabpanel: Qi, navButton: Ki, activeBar: Ji, colorScheme: Zi }, oc = { transitionDuration: "{transition.duration}" }, rc = { background: "{content.background}", borderColor: "{content.border.color}" }, ec = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, ac = { background: "{content.background}", color: "{content.color}" }, nc = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, tc = { 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%)" } } }, dc = { root: oc, tabList: rc, tab: ec, tabPanel: ac, navButton: nc, colorScheme: tc }, lc = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, ic = { size: "0.75rem" }, cc = { 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}" } } }, sc = { root: lc, icon: ic, colorScheme: cc }, uc = { 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}" }, fc = { gap: "0.25rem" }, gc = { margin: "2px 0" }, mc = { root: uc, prompt: fc, commandResponse: gc }, pc = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, bc = { root: pc }, hc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, vc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, kc = { 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}" } }, yc = { mobileIndent: "1rem" }, Cc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Bc = { borderColor: "{content.border.color}" }, xc = { root: hc, list: vc, item: kc, submenu: yc, submenuIcon: Cc, separator: Bc }, $c = { minHeight: "5rem" }, wc = { eventContent: { padding: "1rem 0" } }, Rc = { eventContent: { padding: "0 1rem" } }, zc = { 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)" } }, Sc = { color: "{content.border.color}", size: "2px" }, Dc = { event: $c, horizontal: wc, vertical: Rc, eventMarker: zc, eventConnector: Sc }, Vc = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Wc = { size: "1.125rem" }, Ic = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, Fc = { gap: "0.5rem" }, Mc = { fontWeight: "500", fontSize: "1rem" }, Oc = { fontWeight: "500", fontSize: "0.875rem" }, Ac = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Hc = { size: "1rem" }, Tc = { 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" } } } } }, Nc = { root: Vc, icon: Wc, content: Ic, text: Fc, summary: Mc, detail: Oc, closeButton: Ac, closeIcon: Hc, colorScheme: Tc }, jc = { 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" } }, Lc = { disabledColor: "{form.field.disabled.color}" }, Pc = { 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" } }, Yc = { 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}" } } }, Xc = { root: jc, icon: Lc, content: Pc, colorScheme: Yc }, qc = { 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" }, Ec = { borderRadius: "50%", size: "1rem" }, Uc = { 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}" } } }, Gc = { root: qc, handle: Ec, colorScheme: Uc }, Qc = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, Kc = { root: Qc }, Jc = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, Zc = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, _c = { root: Jc, colorScheme: Zc }, os = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, rs = { 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" }, es = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, as = { 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}" } }, ns = { size: "2rem" }, ts = { margin: "0 0 0.5rem 0" }, ds = `
+`, Ja = { root: Ia, header: Oa, headerCell: Wa, columnTitle: ja, row: Fa, bodyCell: Pa, footerCell: Ea, columnFooter: Ta, footer: Aa, dropPoint: La, columnResizer: Ma, resizeIndicator: Na, sortIcon: Ha, loadingIcon: Ya, rowToggleButton: Xa, filter: qa, paginatorTop: Ga, paginatorBottom: Ua, colorScheme: Qa, css: Ka }, Za = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, _a = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, ot = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, rt = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, et = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, at = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, tt = { root: Za, header: _a, content: ot, footer: rt, paginatorTop: et, paginatorBottom: at }, nt = { transitionDuration: "{transition.duration}" }, lt = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, dt = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, it = { gap: "0.5rem", fontWeight: "500" }, ct = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" }, borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, st = { color: "{form.field.icon.color}" }, ut = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, ft = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, gt = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, mt = { margin: "0.5rem 0 0 0" }, pt = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, bt = { 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}" } }, ht = { margin: "0.5rem 0 0 0" }, vt = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, kt = { margin: "0.5rem 0 0 0" }, yt = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, $t = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, Ct = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, Bt = { 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}" } } }, xt = { root: nt, panel: lt, header: dt, title: it, dropdown: ct, inputIcon: st, selectMonth: ut, selectYear: ft, group: gt, dayView: mt, weekDay: pt, date: bt, monthView: ht, month: vt, yearView: kt, year: yt, buttonbar: $t, timePicker: Ct, colorScheme: Bt }, wt = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, Rt = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, St = { fontSize: "1.25rem", fontWeight: "600" }, zt = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Vt = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, Dt = { root: wt, header: Rt, title: St, content: zt, footer: Vt }, It = { borderColor: "{content.border.color}" }, Ot = { background: "{content.background}", color: "{text.color}" }, Wt = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, jt = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, Ft = { root: It, content: Ot, horizontal: Wt, vertical: jt }, Pt = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, Et = { 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}" } }, Tt = { root: Pt, item: Et }, At = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, Lt = { padding: "{overlay.modal.padding}" }, Mt = { fontSize: "1.5rem", fontWeight: "600" }, Nt = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Ht = { padding: "{overlay.modal.padding}" }, Yt = { root: At, header: Lt, title: Mt, content: Nt, footer: Ht }, Xt = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, qt = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Gt = { 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}" }, Ut = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Qt = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Kt = { toolbar: Xt, toolbarItem: qt, overlay: Gt, overlayOption: Ut, content: Qt }, Jt = { 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}" }, Zt = { 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}" } }, _t = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, on = { padding: "0" }, rn = { root: Jt, legend: Zt, toggleIcon: _t, content: on }, en = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, an = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, tn = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, nn = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, ln = { gap: "0.5rem" }, dn = { height: "0.25rem" }, cn = { gap: "0.5rem" }, sn = { root: en, header: an, content: tn, file: nn, fileList: ln, progressbar: dn, basic: cn }, un = { 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" } }, fn = { active: { top: "-1.25rem" } }, gn = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, mn = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, pn = { root: un, over: fn, in: gn, on: mn }, bn = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, hn = { 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}" } }, vn = { size: "1.5rem" }, kn = { background: "{content.background}", padding: "1rem 0.25rem" }, yn = { 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}" } }, $n = { size: "1rem" }, Cn = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, Bn = { gap: "0.5rem", padding: "1rem" }, xn = { 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}" } }, wn = { background: "rgba(0, 0, 0, 0.5)" }, Rn = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, Sn = { 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}" } }, zn = { size: "1.5rem" }, Vn = { 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}" } } }, Dn = { root: bn, navButton: hn, navIcon: vn, thumbnailsContent: kn, thumbnailNavButton: yn, thumbnailNavButtonIcon: $n, caption: Cn, indicatorList: Bn, indicatorButton: xn, insetIndicatorList: wn, insetIndicatorButton: Rn, closeButton: Sn, closeButtonIcon: zn, colorScheme: Vn }, In = { color: "{form.field.icon.color}" }, On = { icon: In }, Wn = { 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" }, jn = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, Fn = { root: Wn, input: jn }, Pn = { transitionDuration: "{transition.duration}" }, En = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, Tn = { 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" }, An = { 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}" } }, Ln = { root: Pn, preview: En, toolbar: Tn, action: An }, Mn = { 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}" } }, Nn = { handle: Mn }, Hn = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Yn = { fontWeight: "500" }, Xn = { size: "1rem" }, qn = { 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%)" } } }, Gn = { root: Hn, text: Yn, icon: Xn, colorScheme: qn }, Un = { 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}" }, Qn = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, Kn = { root: Un, display: Qn }, Jn = { 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}" }, Zn = { borderRadius: "{border.radius.sm}" }, _n = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, ol = { root: Jn, chip: Zn, colorScheme: _n }, rl = { 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" }, el = { addon: rl }, al = { transitionDuration: "{transition.duration}" }, tl = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, nl = { 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}" } } }, ll = { root: al, button: tl, colorScheme: nl }, dl = { gap: "0.5rem" }, il = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, cl = { root: dl, input: il }, sl = { 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}" } }, ul = { root: sl }, fl = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, gl = { background: "{primary.color}" }, ml = { background: "{content.border.color}" }, pl = { color: "{text.muted.color}" }, bl = { root: fl, value: gl, range: ml, text: pl }, hl = { 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}" }, 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}" }, $l = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Cl = { padding: "{list.option.padding}" }, Bl = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, xl = { root: hl, list: vl, option: kl, optionGroup: yl, checkmark: $l, emptyMessage: Cl, colorScheme: Bl }, wl = { 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}" }, Rl = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Sl = { 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}" } }, zl = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, Vl = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Dl = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Il = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Ol = { borderColor: "{content.border.color}" }, Wl = { 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}" } }, jl = { root: wl, baseItem: Rl, item: Sl, overlay: zl, submenu: Vl, submenuLabel: Dl, submenuIcon: Il, separator: Ol, mobileButton: Wl }, Fl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Pl = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, El = { 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}" } }, Tl = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Al = { borderColor: "{content.border.color}" }, Ll = { root: Fl, list: Pl, item: El, submenuLabel: Tl, separator: Al }, Ml = { 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}" }, Nl = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Hl = { 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}" } }, Yl = { 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}" } }, Xl = { borderColor: "{content.border.color}" }, ql = { 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}" } }, Gl = { root: Ml, baseItem: Nl, item: Hl, submenu: Yl, separator: Xl, mobileButton: ql }, Ul = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Ql = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, Kl = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, Jl = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, Zl = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, _l = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, od = { root: { borderWidth: "1px" } }, rd = { content: { padding: "0" } }, ed = { 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}" } } } }, ad = { root: Ul, content: Ql, text: Kl, icon: Jl, closeButton: Zl, closeIcon: _l, outlined: od, simple: rd, colorScheme: ed }, td = { borderRadius: "{content.border.radius}", gap: "1rem" }, nd = { background: "{content.border.color}", size: "0.5rem" }, ld = { gap: "0.5rem" }, dd = { size: "0.5rem" }, id = { size: "1rem" }, cd = { verticalGap: "0.5rem", horizontalGap: "1rem" }, sd = { root: td, meters: nd, label: ld, labelMarker: dd, labelIcon: id, labelList: cd }, ud = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, fd = { width: "2.5rem", color: "{form.field.icon.color}" }, gd = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, md = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, pd = { 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" }, bd = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, hd = { color: "{form.field.icon.color}" }, vd = { borderRadius: "{border.radius.sm}" }, kd = { padding: "{list.option.padding}" }, yd = { root: ud, dropdown: fd, overlay: gd, list: md, option: pd, optionGroup: bd, chip: vd, clearIcon: hd, emptyMessage: kd }, $d = { gap: "1.125rem" }, Cd = { gap: "0.5rem" }, Bd = { root: $d, controls: Cd }, xd = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, wd = { 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}" }, Rd = { 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}" } }, Sd = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, zd = { root: xd, node: wd, nodeToggleButton: Rd, connector: Sd }, Vd = { outline: { width: "2px", color: "{content.background}" } }, Dd = { root: Vd }, Id = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Od = { 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}" } }, Wd = { color: "{text.muted.color}" }, jd = { maxWidth: "2.5rem" }, Fd = { root: Id, navButton: Od, currentPageReport: Wd, jumpToPageInput: jd }, Pd = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, Ed = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, Td = { padding: "0.375rem 1.125rem" }, Ad = { fontWeight: "600" }, Ld = { padding: "0 1.125rem 1.125rem 1.125rem" }, Md = { padding: "0 1.125rem 1.125rem 1.125rem" }, Nd = { root: Pd, header: Ed, toggleableHeader: Td, title: Ad, content: Ld, footer: Md }, Hd = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Yd = { 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}" } }, Xd = { 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}" } }, qd = { indent: "1rem" }, Gd = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Ud = { root: Hd, panel: Yd, item: Xd, submenu: qd, submenuIcon: Gd }, Qd = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, Kd = { color: "{form.field.icon.color}" }, Jd = { 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}" }, Zd = { gap: "0.5rem" }, _d = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, oi = { meter: Qd, icon: Kd, overlay: Jd, content: Zd, colorScheme: _d }, ri = { gap: "1.125rem" }, ei = { gap: "0.5rem" }, ai = { root: ri, controls: ei }, ti = { 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" }, ni = { padding: "{overlay.popover.padding}" }, li = { root: ti, content: ni }, di = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, ii = { background: "{primary.color}" }, ci = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, si = { root: di, value: ii, label: ci }, ui = { 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}" } } }, fi = { colorScheme: ui }, gi = { 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" } }, mi = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, pi = { root: gi, icon: mi }, bi = { 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}" } }, hi = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, vi = { root: bi, icon: hi }, ki = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, yi = { colorScheme: ki }, $i = { transitionDuration: "{transition.duration}" }, Ci = { 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}" } }, Bi = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, xi = { root: $i, bar: Ci, colorScheme: Bi }, wi = { 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}" } }, Ri = { width: "2.5rem", color: "{form.field.icon.color}" }, Si = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, zi = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Vi = { 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}" }, Di = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Ii = { color: "{form.field.icon.color}" }, Oi = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Wi = { padding: "{list.option.padding}" }, ji = { root: wi, dropdown: Ri, overlay: Si, list: zi, option: Vi, optionGroup: Di, clearIcon: Ii, checkmark: Oi, emptyMessage: Wi }, Fi = { borderRadius: "{form.field.border.radius}" }, Pi = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, Ei = { root: Fi, colorScheme: Pi }, Ti = { borderRadius: "{content.border.radius}" }, Ai = { 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)" } } }, Li = { root: Ti, colorScheme: Ai }, Mi = { transitionDuration: "{transition.duration}" }, Ni = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, Hi = { background: "{primary.color}" }, Yi = { 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}" } }, Xi = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, qi = { root: Mi, track: Ni, range: Hi, handle: Yi, colorScheme: Xi }, Gi = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Ui = { root: Gi }, Qi = { 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)" }, Ki = { root: Qi }, Ji = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Zi = { background: "{content.border.color}" }, _i = { 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}" } }, oc = { root: Ji, gutter: Zi, handle: _i }, rc = { transitionDuration: "{transition.duration}" }, ec = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, ac = { padding: "0.5rem", gap: "1rem" }, tc = { 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" }, nc = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, lc = { 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)" }, dc = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, ic = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, cc = { root: rc, separator: ec, step: ac, stepHeader: tc, stepTitle: nc, stepNumber: lc, steppanels: dc, steppanel: ic }, sc = { transitionDuration: "{transition.duration}" }, uc = { background: "{content.border.color}" }, fc = { 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" }, gc = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, mc = { 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)" }, pc = { root: sc, separator: uc, itemLink: fc, itemLabel: gc, itemNumber: mc }, bc = { transitionDuration: "{transition.duration}" }, hc = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, vc = { 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}" } }, kc = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, yc = { height: "1px", bottom: "-1px", background: "{primary.color}" }, $c = { root: bc, tablist: hc, item: vc, itemIcon: kc, activeBar: yc }, Cc = { transitionDuration: "{transition.duration}" }, Bc = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, xc = { 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}" } }, wc = { 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}" } }, Rc = { 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}" } }, Sc = { height: "1px", bottom: "-1px", background: "{primary.color}" }, zc = { 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%)" } } }, Vc = { root: Cc, tablist: Bc, tab: xc, tabpanel: wc, navButton: Rc, activeBar: Sc, colorScheme: zc }, Dc = { transitionDuration: "{transition.duration}" }, Ic = { background: "{content.background}", borderColor: "{content.border.color}" }, Oc = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Wc = { background: "{content.background}", color: "{content.color}" }, jc = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, Fc = { 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%)" } } }, Pc = { root: Dc, tabList: Ic, tab: Oc, tabPanel: Wc, navButton: jc, colorScheme: Fc }, Ec = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, Tc = { size: "0.75rem" }, Ac = { 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}" } } }, Lc = { root: Ec, icon: Tc, colorScheme: Ac }, Mc = { 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}" }, Nc = { gap: "0.25rem" }, Hc = { margin: "2px 0" }, Yc = { root: Mc, prompt: Nc, commandResponse: Hc }, Xc = { 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}" } }, qc = { root: Xc }, Gc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Uc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Qc = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, Kc = { mobileIndent: "1rem" }, Jc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Zc = { borderColor: "{content.border.color}" }, _c = { root: Gc, list: Uc, item: Qc, submenu: Kc, submenuIcon: Jc, separator: Zc }, os = { minHeight: "5rem" }, rs = { eventContent: { padding: "1rem 0" } }, es = { eventContent: { padding: "0 1rem" } }, as = { 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)" } }, ts = { color: "{content.border.color}", size: "2px" }, ns = { event: os, horizontal: rs, vertical: es, eventMarker: as, eventConnector: ts }, ls = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, ds = { size: "1.125rem" }, is = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, cs = { gap: "0.5rem" }, ss = { fontWeight: "500", fontSize: "1rem" }, us = { fontWeight: "500", fontSize: "0.875rem" }, fs = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, gs = { size: "1rem" }, ms = { 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" } } } } }, ps = { root: ls, icon: ds, content: is, text: cs, summary: ss, detail: us, closeButton: fs, closeIcon: gs, colorScheme: ms }, bs = { 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" } }, hs = { disabledColor: "{form.field.disabled.color}" }, vs = { 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" } }, ks = { 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}" } } }, ys = { root: bs, icon: hs, content: vs, colorScheme: ks }, $s = { 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" }, Cs = { borderRadius: "50%", size: "1rem" }, Bs = { 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}" } } }, xs = { root: $s, handle: Cs, colorScheme: Bs }, ws = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, Rs = { root: ws }, Ss = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, zs = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, Vs = { root: Ss, colorScheme: zs }, Ds = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, Is = { 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" }, Os = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, Ws = { 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}" } }, js = { size: "2rem" }, Fs = { margin: "0 0 0.5rem 0" }, Ps = `
     .p-tree-mask.p-overlay-mask {
         --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
     }
-`, ls = { root: os, node: rs, nodeIcon: es, nodeToggleButton: as, loadingIcon: ns, filter: ts, css: ds }, is = { 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}" } }, cs = { width: "2.5rem", color: "{form.field.icon.color}" }, ss = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, us = { padding: "{list.padding}" }, fs = { padding: "{list.option.padding}" }, gs = { borderRadius: "{border.radius.sm}" }, ms = { color: "{form.field.icon.color}" }, ps = { root: is, dropdown: cs, overlay: ss, tree: us, emptyMessage: fs, chip: gs, clearIcon: ms }, bs = { transitionDuration: "{transition.duration}" }, hs = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, vs = { 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}" } }, ks = { fontWeight: "600" }, ys = { 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}" } }, Cs = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, Bs = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, xs = { fontWeight: "600" }, $s = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, ws = { width: "0.5rem" }, Rs = { width: "1px", color: "{primary.color}" }, zs = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Ss = { size: "2rem" }, Ds = { 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}" } }, Vs = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Ws = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Is = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, Fs = `
+`, Es = { root: Ds, node: Is, nodeIcon: Os, nodeToggleButton: Ws, loadingIcon: js, filter: Fs, css: Ps }, Ts = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, As = { width: "2.5rem", color: "{form.field.icon.color}" }, Ls = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Ms = { padding: "{list.padding}" }, Ns = { padding: "{list.option.padding}" }, Hs = { borderRadius: "{border.radius.sm}" }, Ys = { color: "{form.field.icon.color}" }, Xs = { root: Ts, dropdown: As, overlay: Ls, tree: Ms, emptyMessage: Ns, chip: Hs, clearIcon: Ys }, qs = { transitionDuration: "{transition.duration}" }, Gs = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Us = { 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}" } }, Qs = { fontWeight: "600" }, Ks = { 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}" } }, Js = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, Zs = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, _s = { fontWeight: "600" }, ou = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, ru = { width: "0.5rem" }, eu = { width: "1px", color: "{primary.color}" }, au = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, tu = { size: "2rem" }, nu = { 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}" } }, lu = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, du = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, iu = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, cu = `
     .p-treetable-mask.p-overlay-mask {
         --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
     }
-`, Ms = { root: bs, header: hs, headerCell: vs, columnTitle: ks, row: ys, bodyCell: Cs, footerCell: Bs, columnFooter: xs, footer: $s, columnResizer: ws, resizeIndicator: Rs, sortIcon: zs, loadingIcon: Ss, nodeToggleButton: Ds, paginatorTop: Vs, paginatorBottom: Ws, colorScheme: Is, css: Fs }, Os = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, As = { loader: Os }, Hs = Object.defineProperty, Ts = Object.defineProperties, Ns = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, js = Object.prototype.hasOwnProperty, Ls = Object.prototype.propertyIsEnumerable, J = (o, r, e) => r in o ? Hs(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, Z, Ps = (Z = ((o, r) => {
-  for (var e in r || (r = {})) js.call(r, e) && J(o, e, r[e]);
-  if (K) for (var e of K(r)) Ls.call(r, e) && J(o, e, r[e]);
+`, su = { root: qs, header: Gs, headerCell: Us, columnTitle: Qs, row: Ks, bodyCell: Js, footerCell: Zs, columnFooter: _s, footer: ou, columnResizer: ru, resizeIndicator: eu, sortIcon: au, loadingIcon: tu, nodeToggleButton: nu, paginatorTop: lu, paginatorBottom: du, colorScheme: iu, css: cu }, uu = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, fu = { loader: uu }, gu = Object.defineProperty, mu = Object.defineProperties, pu = Object.getOwnPropertyDescriptors, vo = Object.getOwnPropertySymbols, bu = Object.prototype.hasOwnProperty, hu = Object.prototype.propertyIsEnumerable, ko = (o, a, e) => a in o ? gu(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e, yo, vu = (yo = ((o, a) => {
+  for (var e in a || (a = {})) bu.call(a, e) && ko(o, e, a[e]);
+  if (vo) for (var e of vo(a)) hu.call(a, e) && ko(o, e, a[e]);
   return o;
-})({}, Kr), Ts(Z, Ns({ components: { accordion: $r, autocomplete: Mr, avatar: jr, badge: Ur, blockui: Zr, breadcrumb: ee, button: te, card: ue, carousel: he, cascadeselect: $e, checkbox: ze, chip: Fe, colorpicker: Te, confirmdialog: Le, confirmpopup: Ee, contextmenu: _e, datatable: Ca, dataview: Sa, datepicker: Ga, dialog: on, divider: tn, dock: cn, drawer: pn, editor: Cn, fieldset: Rn, fileupload: Mn, floatlabel: Nn, galleria: ot, iconfield: et, iftalabel: tt, image: st, imagecompare: ft, inlinemessage: ht, inplace: yt, inputchips: $t, inputgroup: Rt, inputnumber: Vt, inputotp: Ft, inputtext: Ot, knob: jt, listbox: Gt, megamenu: nd, menu: sd, menubar: hd, message: zd, metergroup: Md, multiselect: Xd, orderlist: Ud, organizationchart: Zd, overlaybadge: ol, paginator: tl, panel: fl, panelmenu: vl, password: $l, picklist: zl, popover: Vl, progressbar: Ml, progressspinner: Al, radiobutton: Nl, rating: Pl, ripple: Xl, scrollpanel: Gl, select: ni, selectbutton: li, skeleton: si, slider: bi, speeddial: vi, splitbutton: yi, splitter: $i, stepper: Fi, steps: Ni, tabmenu: qi, tabs: _i, tabview: dc, tag: sc, terminal: mc, textarea: bc, tieredmenu: xc, timeline: Dc, toast: Nc, togglebutton: Xc, toggleswitch: Gc, toolbar: Kc, tooltip: _c, tree: ls, treeselect: ps, treetable: Ms, virtualscroller: As }, css: oa })));
-const Ys = {
+})({}, Re), mu(yo, pu({ components: { accordion: oe, autocomplete: se, avatar: be, badge: Be, blockui: ze, breadcrumb: Oe, button: Fe, card: Me, carousel: Ge, cascadeselect: oa, checkbox: aa, chip: ca, colorpicker: ma, confirmdialog: ha, confirmpopup: Ca, contextmenu: Va, datatable: Ja, dataview: tt, datepicker: xt, dialog: Dt, divider: Ft, dock: Tt, drawer: Yt, editor: Kt, fieldset: rn, fileupload: sn, floatlabel: pn, galleria: Dn, iconfield: On, iftalabel: Fn, image: Ln, imagecompare: Nn, inlinemessage: Gn, inplace: Kn, inputchips: ol, inputgroup: el, inputnumber: ll, inputotp: cl, inputtext: ul, knob: bl, listbox: xl, megamenu: jl, menu: Ll, menubar: Gl, message: ad, metergroup: sd, multiselect: yd, orderlist: Bd, organizationchart: zd, overlaybadge: Dd, paginator: Fd, panel: Nd, panelmenu: Ud, password: oi, picklist: ai, popover: li, progressbar: si, progressspinner: fi, radiobutton: pi, rating: vi, ripple: yi, scrollpanel: xi, select: ji, selectbutton: Ei, skeleton: Li, slider: qi, speeddial: Ui, splitbutton: Ki, splitter: oc, stepper: cc, steps: pc, tabmenu: $c, tabs: Vc, tabview: Pc, tag: Lc, terminal: Yc, textarea: qc, tieredmenu: _c, timeline: ns, toast: ps, togglebutton: ys, toggleswitch: xs, toolbar: Rs, tooltip: Vs, tree: Es, treeselect: Xs, treetable: su, virtualscroller: fu }, css: Da })));
+const ku = {
   startsWith: "Começa com",
   contains: "Contém",
   notContains: "Não contém",
@@ -1755,12 +1755,12 @@ const Ys = {
   firstDayOfWeek: 1,
   dateFormat: "dd/mm/yy"
 };
-function Hu(o) {
-  o.use(Wo, {
-    locale: Ys,
+function Sf(o) {
+  o.use(dr, {
+    locale: ku,
     ripple: !0,
     theme: {
-      preset: Ps,
+      preset: vu,
       options: {
         darkModeSelector: "none",
         cssLayer: {
@@ -1771,64 +1771,609 @@ function Hu(o) {
     }
   });
 }
-function Tu() {
-  const o = Io();
-  return { success: (n, a = "Sucesso") => {
+function zf() {
+  const o = ir();
+  return { success: (r, t = "Sucesso") => {
     o.add({
       severity: "success",
-      summary: a,
-      detail: n || "Registro salvo",
+      summary: t,
+      detail: r || "Registro salvo",
       life: 4e3
     });
-  }, error: (n, a = "Erro") => {
+  }, error: (r, t = "Erro") => {
     o.add({
       severity: "error",
-      summary: a,
-      detail: n || "Ocorreu um erro",
+      summary: t,
+      detail: r || "Ocorreu um erro",
       life: 5e3
     });
   } };
 }
-function Nu(o, r) {
-  function e(n) {
-    o.value && (o.value.contains(n.target) || r(n));
+function Vf(o, a) {
+  function e(r) {
+    o.value && (o.value.contains(r.target) || a(r));
   }
-  _(() => {
+  So(() => {
     document.addEventListener("pointerdown", e);
-  }), oo(() => {
+  }), so(() => {
     document.removeEventListener("pointerdown", e);
   });
 }
+function $o(o, a) {
+  var e = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(o);
+    a && (r = r.filter(function(t) {
+      return Object.getOwnPropertyDescriptor(o, t).enumerable;
+    })), e.push.apply(e, r);
+  }
+  return e;
+}
+function T(o) {
+  for (var a = 1; a < arguments.length; a++) {
+    var e = arguments[a] != null ? arguments[a] : {};
+    a % 2 ? $o(Object(e), !0).forEach(function(r) {
+      yu(o, r, e[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : $o(Object(e)).forEach(function(r) {
+      Object.defineProperty(o, r, Object.getOwnPropertyDescriptor(e, r));
+    });
+  }
+  return o;
+}
+function yu(o, a, e) {
+  return a in o ? Object.defineProperty(o, a, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : o[a] = e, o;
+}
+function Co(o) {
+  let a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return Object.keys(o).reduce((e, r) => (a.includes(r) || (e[r] = p(o[r])), e), {});
+}
+function _(o) {
+  return typeof o == "function";
+}
+function $u(o) {
+  return No(o) || Ho(o);
+}
+function Io(o, a, e) {
+  let r = o;
+  const t = a.split(".");
+  for (let n = 0; n < t.length; n++) {
+    if (!r[t[n]]) return e;
+    r = r[t[n]];
+  }
+  return r;
+}
+function lo(o, a, e) {
+  return f(() => o.some((r) => Io(a, r, {
+    [e]: !1
+  })[e]));
+}
+function Bo(o, a, e) {
+  return f(() => o.reduce((r, t) => {
+    const n = Io(a, t, {
+      [e]: !1
+    })[e] || [];
+    return r.concat(n);
+  }, []));
+}
+function Oo(o, a, e, r) {
+  return o.call(r, p(a), p(e), r);
+}
+function Wo(o) {
+  return o.$valid !== void 0 ? !o.$valid : !o;
+}
+function Cu(o, a, e, r, t, n, s) {
+  let {
+    $lazy: d,
+    $rewardEarly: c
+  } = t, i = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : [], g = arguments.length > 8 ? arguments[8] : void 0, b = arguments.length > 9 ? arguments[9] : void 0, v = arguments.length > 10 ? arguments[10] : void 0;
+  const $ = z(!!r.value), l = z(0);
+  e.value = !1;
+  const k = G([a, r].concat(i, v), () => {
+    if (d && !r.value || c && !b.value && !e.value)
+      return;
+    let h;
+    try {
+      h = Oo(o, a, g, s);
+    } catch (B) {
+      h = Promise.reject(B);
+    }
+    l.value++, e.value = !!l.value, $.value = !1, Promise.resolve(h).then((B) => {
+      l.value--, e.value = !!l.value, n.value = B, $.value = Wo(B);
+    }).catch((B) => {
+      l.value--, e.value = !!l.value, n.value = B, $.value = !0;
+    });
+  }, {
+    immediate: !0,
+    deep: typeof a == "object"
+  });
+  return {
+    $invalid: $,
+    $unwatch: k
+  };
+}
+function Bu(o, a, e, r, t, n, s, d) {
+  let {
+    $lazy: c,
+    $rewardEarly: i
+  } = r;
+  const g = () => ({}), b = f(() => {
+    if (c && !e.value || i && !d.value)
+      return !1;
+    let v = !0;
+    try {
+      const $ = Oo(o, a, s, n);
+      t.value = $, v = Wo($);
+    } catch ($) {
+      t.value = $;
+    }
+    return v;
+  });
+  return {
+    $unwatch: g,
+    $invalid: b
+  };
+}
+function xu(o, a, e, r, t, n, s, d, c, i, g) {
+  const b = z(!1), v = o.$params || {}, $ = z(null);
+  let l, k;
+  o.$async ? {
+    $invalid: l,
+    $unwatch: k
+  } = Cu(o.$validator, a, b, e, r, $, t, o.$watchTargets, c, i, g) : {
+    $invalid: l,
+    $unwatch: k
+  } = Bu(o.$validator, a, e, r, $, t, c, i);
+  const h = o.$message;
+  return {
+    $message: _(h) ? f(() => h(Co({
+      $pending: b,
+      $invalid: l,
+      $params: Co(v),
+      $model: a,
+      $response: $,
+      $validator: n,
+      $propertyPath: d,
+      $property: s
+    }))) : h || "",
+    $params: v,
+    $pending: b,
+    $invalid: l,
+    $response: $,
+    $unwatch: k
+  };
+}
+function wu() {
+  let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  const a = p(o), e = Object.keys(a), r = {}, t = {}, n = {};
+  let s = null;
+  return e.forEach((d) => {
+    const c = a[d];
+    switch (!0) {
+      case _(c.$validator):
+        r[d] = c;
+        break;
+      case _(c):
+        r[d] = {
+          $validator: c
+        };
+        break;
+      case d === "$validationGroups":
+        s = c;
+        break;
+      case d.startsWith("$"):
+        n[d] = c;
+        break;
+      default:
+        t[d] = c;
+    }
+  }), {
+    rules: r,
+    nestedValidators: t,
+    config: n,
+    validationGroups: s
+  };
+}
+const Ru = "__root";
+function Su(o, a, e, r, t, n, s, d, c) {
+  const i = Object.keys(o), g = r.get(t, o), b = z(!1), v = z(!1), $ = z(0);
+  if (g) {
+    if (!g.$partial) return g;
+    g.$unwatch(), b.value = g.$dirty.value;
+  }
+  const l = {
+    $dirty: b,
+    $path: t,
+    $touch: () => {
+      b.value || (b.value = !0);
+    },
+    $reset: () => {
+      b.value && (b.value = !1);
+    },
+    $commit: () => {
+    }
+  };
+  return i.length ? (i.forEach((k) => {
+    l[k] = xu(o[k], a, l.$dirty, n, s, k, e, t, c, v, $);
+  }), l.$externalResults = f(() => d.value ? [].concat(d.value).map((k, h) => ({
+    $propertyPath: t,
+    $property: e,
+    $validator: "$externalResults",
+    $uid: `${t}-externalResult-${h}`,
+    $message: k,
+    $params: {},
+    $response: null,
+    $pending: !1
+  })) : []), l.$invalid = f(() => {
+    const k = i.some((h) => p(l[h].$invalid));
+    return v.value = k, !!l.$externalResults.value.length || k;
+  }), l.$pending = f(() => i.some((k) => p(l[k].$pending))), l.$error = f(() => l.$dirty.value ? l.$pending.value || l.$invalid.value : !1), l.$silentErrors = f(() => i.filter((k) => p(l[k].$invalid)).map((k) => {
+    const h = l[k];
+    return oo({
+      $propertyPath: t,
+      $property: e,
+      $validator: k,
+      $uid: `${t}-${k}`,
+      $message: h.$message,
+      $params: h.$params,
+      $response: h.$response,
+      $pending: h.$pending
+    });
+  }).concat(l.$externalResults.value)), l.$errors = f(() => l.$dirty.value ? l.$silentErrors.value : []), l.$unwatch = () => i.forEach((k) => {
+    l[k].$unwatch();
+  }), l.$commit = () => {
+    v.value = !0, $.value = Date.now();
+  }, r.set(t, o, l), l) : (g && r.set(t, o, l), l);
+}
+function zu(o, a, e, r, t, n, s) {
+  const d = Object.keys(o);
+  return d.length ? d.reduce((c, i) => (c[i] = co({
+    validations: o[i],
+    state: a,
+    key: i,
+    parentKey: e,
+    resultsCache: r,
+    globalConfig: t,
+    instance: n,
+    externalResults: s
+  }), c), {}) : {};
+}
+function Vu(o, a, e) {
+  const r = f(() => [a, e].filter((l) => l).reduce((l, k) => l.concat(Object.values(p(k))), [])), t = f({
+    get() {
+      return o.$dirty.value || (r.value.length ? r.value.every((l) => l.$dirty) : !1);
+    },
+    set(l) {
+      o.$dirty.value = l;
+    }
+  }), n = f(() => {
+    const l = p(o.$silentErrors) || [], k = r.value.filter((h) => (p(h).$silentErrors || []).length).reduce((h, B) => h.concat(...B.$silentErrors), []);
+    return l.concat(k);
+  }), s = f(() => {
+    const l = p(o.$errors) || [], k = r.value.filter((h) => (p(h).$errors || []).length).reduce((h, B) => h.concat(...B.$errors), []);
+    return l.concat(k);
+  }), d = f(() => r.value.some((l) => l.$invalid) || p(o.$invalid) || !1), c = f(() => r.value.some((l) => p(l.$pending)) || p(o.$pending) || !1), i = f(() => r.value.some((l) => l.$dirty) || r.value.some((l) => l.$anyDirty) || t.value), g = f(() => t.value ? c.value || d.value : !1), b = () => {
+    o.$touch(), r.value.forEach((l) => {
+      l.$touch();
+    });
+  }, v = () => {
+    o.$commit(), r.value.forEach((l) => {
+      l.$commit();
+    });
+  }, $ = () => {
+    o.$reset(), r.value.forEach((l) => {
+      l.$reset();
+    });
+  };
+  return r.value.length && r.value.every((l) => l.$dirty) && b(), {
+    $dirty: t,
+    $errors: s,
+    $invalid: d,
+    $anyDirty: i,
+    $error: g,
+    $pending: c,
+    $touch: b,
+    $reset: $,
+    $silentErrors: n,
+    $commit: v
+  };
+}
+function co(o) {
+  let {
+    validations: a,
+    state: e,
+    key: r,
+    parentKey: t,
+    childResults: n,
+    resultsCache: s,
+    globalConfig: d = {},
+    instance: c,
+    externalResults: i
+  } = o;
+  const g = t ? `${t}.${r}` : r, {
+    rules: b,
+    nestedValidators: v,
+    config: $,
+    validationGroups: l
+  } = wu(a), k = T(T({}, d), $), h = r ? f(() => {
+    const R = p(e);
+    return R ? p(R[r]) : void 0;
+  }) : e, B = T({}, p(i) || {}), N = f(() => {
+    const R = p(i);
+    return r ? R ? p(R[r]) : void 0 : R;
+  }), H = Su(b, h, r, s, g, k, c, N, e), F = zu(v, h, g, s, k, c, N), U = {};
+  l && Object.entries(l).forEach((R) => {
+    let [M, E] = R;
+    U[M] = {
+      $invalid: lo(E, F, "$invalid"),
+      $error: lo(E, F, "$error"),
+      $pending: lo(E, F, "$pending"),
+      $errors: Bo(E, F, "$errors"),
+      $silentErrors: Bo(E, F, "$silentErrors")
+    };
+  });
+  const {
+    $dirty: Q,
+    $errors: eo,
+    $invalid: K,
+    $anyDirty: ao,
+    $error: to,
+    $pending: Y,
+    $touch: X,
+    $reset: u,
+    $silentErrors: y,
+    $commit: C
+  } = Vu(H, F, n), D = r ? f({
+    get: () => p(h),
+    set: (R) => {
+      Q.value = !0;
+      const M = p(e), E = p(i);
+      E && (E[r] = B[r]), io(M[r]) ? M[r].value = R : M[r] = R;
+    }
+  }) : null;
+  r && k.$autoDirty && G(h, () => {
+    Q.value || X();
+    const R = p(i);
+    R && (R[r] = B[r]);
+  }, {
+    flush: "sync"
+  });
+  async function P() {
+    return X(), k.$rewardEarly && (C(), await bo()), await bo(), new Promise((R) => {
+      if (!Y.value) return R(!K.value);
+      const M = G(Y, () => {
+        R(!K.value), M();
+      });
+    });
+  }
+  function q(R) {
+    return (n.value || {})[R];
+  }
+  function Po() {
+    io(i) ? i.value = B : Object.keys(B).length === 0 ? Object.keys(i).forEach((R) => {
+      delete i[R];
+    }) : Object.assign(i, B);
+  }
+  return oo(T(T(T({}, H), {}, {
+    $model: D,
+    $dirty: Q,
+    $error: to,
+    $errors: eo,
+    $invalid: K,
+    $anyDirty: ao,
+    $pending: Y,
+    $touch: X,
+    $reset: u,
+    $path: g || Ru,
+    $silentErrors: y,
+    $validate: P,
+    $commit: C
+  }, n && {
+    $getResultsForChild: q,
+    $clearExternalResults: Po,
+    $validationGroups: U
+  }), F));
+}
+class Du {
+  constructor() {
+    this.storage = /* @__PURE__ */ new Map();
+  }
+  set(a, e, r) {
+    this.storage.set(a, {
+      rules: e,
+      result: r
+    });
+  }
+  checkRulesValidity(a, e, r) {
+    const t = Object.keys(r), n = Object.keys(e);
+    return n.length !== t.length || !n.every((d) => t.includes(d)) ? !1 : n.every((d) => e[d].$params ? Object.keys(e[d].$params).every((c) => p(r[d].$params[c]) === p(e[d].$params[c])) : !0);
+  }
+  get(a, e) {
+    const r = this.storage.get(a);
+    if (!r) return;
+    const {
+      rules: t,
+      result: n
+    } = r, s = this.checkRulesValidity(a, e, t), d = n.$unwatch ? n.$unwatch : () => ({});
+    return s ? n : {
+      $dirty: n.$dirty,
+      $partial: !0,
+      $unwatch: d
+    };
+  }
+}
+const Z = {
+  COLLECT_ALL: !0,
+  COLLECT_NONE: !1
+}, xo = /* @__PURE__ */ Symbol("vuelidate#injectChildResults"), wo = /* @__PURE__ */ Symbol("vuelidate#removeChildResults");
+function Iu(o) {
+  let {
+    $scope: a,
+    instance: e
+  } = o;
+  const r = {}, t = z([]), n = f(() => t.value.reduce((g, b) => (g[b] = p(r[b]), g), {}));
+  function s(g, b) {
+    let {
+      $registerAs: v,
+      $scope: $,
+      $stopPropagation: l
+    } = b;
+    l || a === Z.COLLECT_NONE || $ === Z.COLLECT_NONE || a !== Z.COLLECT_ALL && a !== $ || (r[v] = g, t.value.push(v));
+  }
+  e.__vuelidateInjectInstances = [].concat(e.__vuelidateInjectInstances || [], s);
+  function d(g) {
+    t.value = t.value.filter((b) => b !== g), delete r[g];
+  }
+  e.__vuelidateRemoveInstances = [].concat(e.__vuelidateRemoveInstances || [], d);
+  const c = mo(xo, []);
+  po(xo, e.__vuelidateInjectInstances);
+  const i = mo(wo, []);
+  return po(wo, e.__vuelidateRemoveInstances), {
+    childResults: n,
+    sendValidationResultsToParent: c,
+    removeValidationResultsFromParent: i
+  };
+}
+function jo(o) {
+  return new Proxy(o, {
+    get(a, e) {
+      return typeof a[e] == "object" ? jo(a[e]) : f(() => a[e]);
+    }
+  });
+}
+let Ro = 0;
+function Ou(o, a) {
+  var e;
+  let r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  arguments.length === 1 && (r = o, o = void 0, a = void 0);
+  let {
+    $registerAs: t,
+    $scope: n = Z.COLLECT_ALL,
+    $stopPropagation: s,
+    $externalResults: d,
+    currentVueInstance: c
+  } = r;
+  const i = c || ((e = Lo()) === null || e === void 0 ? void 0 : e.proxy), g = i ? i.$options : {};
+  t || (Ro += 1, t = `_vuelidate_${Ro}`);
+  const b = z({}), v = new Du(), {
+    childResults: $,
+    sendValidationResultsToParent: l,
+    removeValidationResultsFromParent: k
+  } = i ? Iu({
+    $scope: n,
+    instance: i
+  }) : {
+    childResults: z({})
+  };
+  if (!o && g.validations) {
+    const h = g.validations;
+    a = z({}), Mo(() => {
+      a.value = i, G(() => _(h) ? h.call(a.value, new jo(a.value)) : h, (B) => {
+        b.value = co({
+          validations: B,
+          state: a,
+          childResults: $,
+          resultsCache: v,
+          globalConfig: r,
+          instance: i,
+          externalResults: d || i.vuelidateExternalResults
+        });
+      }, {
+        immediate: !0
+      });
+    }), r = g.validationsConfig || r;
+  } else {
+    const h = io(o) || $u(o) ? o : oo(o || {});
+    G(h, (B) => {
+      b.value = co({
+        validations: B,
+        state: a,
+        childResults: $,
+        resultsCache: v,
+        globalConfig: r,
+        instance: i ?? {},
+        externalResults: d
+      });
+    }, {
+      immediate: !0
+    });
+  }
+  return i && (l.forEach((h) => h(b, {
+    $registerAs: t,
+    $scope: n,
+    $stopPropagation: s
+  })), so(() => k.forEach((h) => h(t)))), f(() => T(T({}, p(b.value)), $.value));
+}
+function Fo(o) {
+  return new Proxy({}, {
+    get(a, e) {
+      if (typeof e == "symbol") return Reflect.get(a, e);
+      const r = o()?.[e];
+      return !r || !Array.isArray(r.$errors) ? Reflect.get(a, e) : Object.keys(r).some(
+        (n) => !n.startsWith("$") && r[n] !== null && typeof r[n] == "object" && "$errors" in r[n]
+      ) ? Fo(() => r) : r.$errors?.[0]?.$message ?? null;
+    }
+  });
+}
+function Df(o = {}, a = {}) {
+  const e = oo(structuredClone(o)), r = z(!1), t = Ou(a, e, { $autoDirty: !0 }), n = Fo(() => t.value);
+  async function s() {
+    return t.value.$validate();
+  }
+  function d(i) {
+    return async (g) => {
+      if (g?.preventDefault(), !!await s()) {
+        r.value = !0;
+        try {
+          await i(structuredClone(ho(e)));
+        } finally {
+          r.value = !1;
+        }
+      }
+    };
+  }
+  function c() {
+    const i = structuredClone(ho(o));
+    for (const g in e) delete e[g];
+    Object.assign(e, i), t.value.$reset();
+  }
+  return { values: e, errors: n, isSubmitting: r, v$: t, validate: s, handleSubmit: d, reset: c };
+}
 export {
-  Fo as BaseAlert,
-  gu as BaseAutoComplete,
-  mu as BaseAvatar,
-  L as BaseButton,
-  pu as BaseCard,
-  bu as BaseChart,
-  hu as BaseCheckbox,
-  vu as BaseCurrency,
-  ku as BaseDate,
-  yu as BaseDatePicker,
-  Cu as BaseDialog,
-  Bu as BaseDrawer,
-  xu as BaseEmpty,
-  $u as BaseField,
-  wu as BaseForbidden,
-  qo as BaseInputMask,
-  Ru as BaseInputText,
-  zu as BaseModal,
-  Su as BaseMultiSelect,
-  Du as BasePanel,
-  Vu as BaseRadioButton,
-  Wu as BaseRouterLink,
-  Iu as BaseSectionDivider,
-  Fu as BaseSelect,
-  Mu as BaseSwitch,
-  Ou as BaseTextarea,
-  A as FaIcon,
-  Hu as setupPrimeVue,
-  Tu as useAppToast,
-  Nu as useClickOutside,
-  Au as vFocus
+  cr as BaseAlert,
+  ef as BaseAutoComplete,
+  af as BaseAvatar,
+  no as BaseButton,
+  tf as BaseCard,
+  nf as BaseChart,
+  lf as BaseCheckbox,
+  df as BaseCurrency,
+  cf as BaseDate,
+  sf as BaseDatePicker,
+  uf as BaseDialog,
+  ff as BaseDrawer,
+  gf as BaseEmpty,
+  mf as BaseField,
+  pf as BaseForbidden,
+  $r as BaseInputMask,
+  bf as BaseInputText,
+  hf as BaseModal,
+  vf as BaseMultiSelect,
+  kf as BasePanel,
+  yf as BaseRadioButton,
+  $f as BaseRouterLink,
+  Cf as BaseSectionDivider,
+  Bf as BaseSelect,
+  xf as BaseSwitch,
+  wf as BaseTextarea,
+  J as FaIcon,
+  Sf as setupPrimeVue,
+  zf as useAppToast,
+  Vf as useClickOutside,
+  Df as useForm,
+  Rf as vFocus
 };