@appmax_npm/ds-prime 1.0.0-alpha.173 → 1.0.0-alpha.174

package/index/index.js

@@ -1,8 +1,46 @@
-import er, { usePrimeVue as ar } from "primevue/config";
-import dr from "primevue/tooltip";
-import nr from "primevue/toastservice";
-import { ref as cr } from "vue";
-const F = {
+import C, { usePrimeVue as w } from "primevue/config";
+import x from "primevue/tooltip";
+import { definePreset as f, usePreset as T } from "@primeuix/themes";
+import y from "@primeuix/themes/lara";
+import g from "@primeuix/themes/aura";
+import P from "primevue/toastservice";
+import { ref as $ } from "vue";
+import A from "primevue/button/style";
+import k from "primevue/checkbox/style";
+import D from "primevue/datepicker/style";
+import L from "primevue/dialog/style";
+import E from "primevue/drawer/style";
+import N from "primevue/popover/style";
+import B from "primevue/inputtext/style";
+import F from "primevue/inputnumber/style";
+import R from "primevue/inputgroup/style";
+import I from "primevue/inputgroupaddon/style";
+import O from "primevue/select/style";
+import Y from "primevue/datatable/style";
+import H from "primevue/column/style";
+import q from "primevue/tabs/style";
+import W from "primevue/tablist/style";
+import z from "primevue/tab/style";
+import U from "primevue/tabpanels/style";
+import j from "primevue/tabpanel/style";
+import J from "primevue/toast/style";
+import V from "primevue/tag/style";
+import G from "primevue/badge/style";
+import Z from "primevue/chip/style";
+import Q from "primevue/skeleton/style";
+import K from "primevue/radiobutton/style";
+import _ from "primevue/textarea/style";
+import X from "primevue/toggleswitch/style";
+import ee from "primevue/accordion/style";
+import oe from "primevue/panel/style";
+import re from "primevue/menu/style";
+import te from "primevue/confirmdialog/style";
+import ae from "primevue/progressbar/style";
+import ne from "primevue/paginator/style";
+import se from "primevue/tooltip/style";
+import ie from "primevue/fileupload/style";
+import ce from "primevue/message/style";
+const p = {
   blue: {
     50: "var(--blue-50)",
     100: "var(--blue-100)",
@@ -94,12 +132,12 @@ const F = {
     900: "var(--graphite-900)",
     950: "var(--graphite-950)"
   }
-}, Q = {
-  error: F.red,
-  warning: F.yellow,
-  success: F.green,
-  info: F.blue
-}, tr = {
+}, d = {
+  error: p.red,
+  warning: p.yellow,
+  success: p.green,
+  info: p.blue
+}, le = {
   primary: {
     DEFAULT: "var(--primary-500)",
     50: "var(--primary-50)",
@@ -129,404 +167,23 @@ const F = {
     900: "var(--surface-900)",
     950: "var(--surface-950)"
   }
-}, z = {
-  ...F,
-  ...tr,
-  ...Q,
+}, m = {
+  ...p,
+  ...le,
+  ...d,
   // overrides
-  warn: Q.warning,
-  orange: Q.warning,
-  danger: Q.error
-};
-var ir = Object.defineProperty, fo = Object.getOwnPropertySymbols, lr = Object.prototype.hasOwnProperty, sr = Object.prototype.propertyIsEnumerable, go = (o, r, e) => r in o ? ir(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, ur = (o, r) => {
-  for (var e in r || (r = {})) lr.call(r, e) && go(o, e, r[e]);
-  if (fo) for (var e of fo(r)) sr.call(r, e) && go(o, e, r[e]);
-  return o;
-};
-function to(o) {
-  return o == null || o === "" || Array.isArray(o) && o.length === 0 || !(o instanceof Date) && typeof o == "object" && Object.keys(o).length === 0;
-}
-function fr(o) {
-  return typeof o == "function" && "call" in o && "apply" in o;
-}
-function m(o) {
-  return !to(o);
-}
-function B(o, r = !0) {
-  return o instanceof Object && o.constructor === Object && (r || Object.keys(o).length !== 0);
-}
-function xo(o = {}, r = {}) {
-  let e = ur({}, o);
-  return Object.keys(r).forEach((a) => {
-    let d = a;
-    B(r[d]) && d in o && B(o[d]) ? e[d] = xo(o[d], r[d]) : e[d] = r[d];
-  }), e;
-}
-function Bo(...o) {
-  return o.reduce((r, e, a) => a === 0 ? e : xo(r, e), {});
-}
-function oo(o, ...r) {
-  return fr(o) ? o(...r) : o;
-}
-function D(o, r = !0) {
-  return typeof o == "string" && (r || o !== "");
-}
-function gr(o) {
-  return m(o) && !isNaN(o);
-}
-function R(o, r) {
-  if (r) {
-    let e = r.test(o);
-    return r.lastIndex = 0, e;
-  }
-  return !1;
-}
-function mo(o) {
-  return o && o.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, "").replace(/ {2,}/g, " ").replace(/ ([{:}]) /g, "$1").replace(/([;,]) /g, "$1").replace(/ !/g, "!").replace(/: /g, ":").trim();
-}
-function Ro(o) {
-  return D(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
-}
-function mr() {
-  let o = /* @__PURE__ */ new Map();
-  return { on(r, e) {
-    let a = o.get(r);
-    return a ? a.push(e) : a = [e], o.set(r, a), this;
-  }, off(r, e) {
-    let a = o.get(r);
-    return a && a.splice(a.indexOf(e) >>> 0, 1), this;
-  }, emit(r, e) {
-    let a = o.get(r);
-    a && a.forEach((d) => {
-      d(e);
-    });
-  }, clear() {
-    o.clear();
-  } };
-}
-var pr = Object.defineProperty, br = Object.defineProperties, hr = Object.getOwnPropertyDescriptors, eo = Object.getOwnPropertySymbols, So = Object.prototype.hasOwnProperty, zo = Object.prototype.propertyIsEnumerable, po = (o, r, e) => r in o ? pr(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, y = (o, r) => {
-  for (var e in r || (r = {})) So.call(r, e) && po(o, e, r[e]);
-  if (eo) for (var e of eo(r)) zo.call(r, e) && po(o, e, r[e]);
-  return o;
-}, no = (o, r) => br(o, hr(r)), $ = (o, r) => {
-  var e = {};
-  for (var a in o) So.call(o, a) && r.indexOf(a) < 0 && (e[a] = o[a]);
-  if (o != null && eo) for (var a of eo(o)) r.indexOf(a) < 0 && zo.call(o, a) && (e[a] = o[a]);
-  return e;
-};
-function vr(...o) {
-  return Bo(...o);
-}
-var kr = mr(), x = kr, I = /{([^}]*)}/g, Do = /(\d+\s+[\+\-\*\/]\s+\d+)/g, Wo = /var\([^)]+\)/g;
-function bo(o) {
-  return D(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
-}
-function Cr(o) {
-  return B(o) && o.hasOwnProperty("$value") && o.hasOwnProperty("$type") ? o.$value : o;
-}
-function yr(o) {
-  return o.replaceAll(/ /g, "").replace(/[^\w]/g, "-");
-}
-function co(o = "", r = "") {
-  return yr(`${D(o, !1) && D(r, !1) ? `${o}-` : o}${r}`);
-}
-function Mo(o = "", r = "") {
-  return `--${co(o, r)}`;
-}
-function $r(o = "") {
-  let r = (o.match(/{/g) || []).length, e = (o.match(/}/g) || []).length;
-  return (r + e) % 2 !== 0;
-}
-function Po(o, r = "", e = "", a = [], d) {
-  if (D(o)) {
-    let t = o.trim();
-    if ($r(t)) return;
-    if (R(t, I)) {
-      let c = t.replaceAll(I, (i) => {
-        let n = i.replace(/{|}/g, "").split(".").filter((l) => !a.some((s) => R(l, s)));
-        return `var(${Mo(e, Ro(n.join("-")))}${m(d) ? `, ${d}` : ""})`;
-      });
-      return R(c.replace(Wo, "0"), Do) ? `calc(${c})` : c;
-    }
-    return t;
-  } else if (gr(o)) return o;
-}
-function wr(o, r, e) {
-  D(r, !1) && o.push(`${r}:${e};`);
-}
-function S(o, r) {
-  return o ? `${o}{${r}}` : "";
-}
-var ho = (...o) => xr(T.getTheme(), ...o), xr = (o = {}, r, e, a) => {
-  if (r) {
-    let { variable: d, options: t } = T.defaults || {}, { prefix: c, transform: i } = (o == null ? void 0 : o.options) || t || {}, n = R(r, I) ? r : `{${r}}`;
-    return a === "value" || to(a) && i === "strict" ? T.getTokenValue(r) : Po(n, void 0, c, [d.excludedKeyRegex], e);
-  }
-  return "";
-};
-function Br(o, r = {}) {
-  let e = T.defaults.variable, { prefix: a = e.prefix, selector: d = e.selector, excludedKeyRegex: t = e.excludedKeyRegex } = r, c = [], i = [], n = [{ node: o, path: a }];
-  for (; n.length; ) {
-    let { node: s, path: g } = n.pop();
-    for (let u in s) {
-      let f = s[u], p = Cr(f), h = R(u, t) ? co(g) : co(g, Ro(u));
-      if (B(p)) n.push({ node: p, path: h });
-      else {
-        let b = Mo(h), v = Po(p, h, a, [t]);
-        wr(i, b, v);
-        let k = h;
-        a && k.startsWith(a + "-") && (k = k.slice(a.length + 1)), c.push(k.replace(/-/g, "."));
-      }
-    }
-  }
-  let l = i.join("");
-  return { value: i, tokens: c, declarations: l, css: S(d, l) };
-}
-var C = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(o) {
-  return { type: "class", selector: o, matched: this.pattern.test(o.trim()) };
-} }, attr: { pattern: /^\[(.*)\]$/, resolve(o) {
-  return { type: "attr", selector: `:root${o},:host${o}`, matched: this.pattern.test(o.trim()) };
-} }, media: { pattern: /^@media (.*)$/, resolve(o) {
-  return { type: "media", selector: o, matched: this.pattern.test(o.trim()) };
-} }, system: { pattern: /^system$/, resolve(o) {
-  return { type: "system", selector: "@media (prefers-color-scheme: dark)", matched: this.pattern.test(o.trim()) };
-} }, custom: { resolve(o) {
-  return { type: "custom", selector: o, matched: !0 };
-} } }, resolve(o) {
-  let r = Object.keys(this.rules).filter((e) => e !== "custom").map((e) => this.rules[e]);
-  return [o].flat().map((e) => {
-    var a;
-    return (a = r.map((d) => d.resolve(e)).find((d) => d.matched)) != null ? a : this.rules.custom.resolve(e);
-  });
-} }, _toVariables(o, r) {
-  return Br(o, { prefix: r == null ? void 0 : r.prefix });
-}, getCommon({ name: o = "", theme: r = {}, params: e, set: a, defaults: d }) {
-  var t, c, i, n, l, s, g;
-  let { preset: u, options: f } = r, p, h, b, v, k, W, N;
-  if (m(u) && f.transform !== "strict") {
-    let { primitive: O, semantic: H, extend: A } = u, M = H || {}, { colorScheme: Y } = M, E = $(M, ["colorScheme"]), j = A || {}, { colorScheme: X } = j, P = $(j, ["colorScheme"]), L = Y || {}, { dark: _ } = L, G = $(L, ["dark"]), V = X || {}, { dark: q } = V, U = $(V, ["dark"]), J = m(O) ? this._toVariables({ primitive: O }, f) : {}, K = m(E) ? this._toVariables({ semantic: E }, f) : {}, Z = m(G) ? this._toVariables({ light: G }, f) : {}, io = m(_) ? this._toVariables({ dark: _ }, f) : {}, lo = m(P) ? this._toVariables({ semantic: P }, f) : {}, so = m(U) ? this._toVariables({ light: U }, f) : {}, uo = m(q) ? this._toVariables({ dark: q }, f) : {}, [Oo, Ho] = [(t = J.declarations) != null ? t : "", J.tokens], [Ao, Yo] = [(c = K.declarations) != null ? c : "", K.tokens || []], [Eo, jo] = [(i = Z.declarations) != null ? i : "", Z.tokens || []], [Xo, _o] = [(n = io.declarations) != null ? n : "", io.tokens || []], [Go, Vo] = [(l = lo.declarations) != null ? l : "", lo.tokens || []], [qo, Uo] = [(s = so.declarations) != null ? s : "", so.tokens || []], [Jo, Ko] = [(g = uo.declarations) != null ? g : "", uo.tokens || []];
-    p = this.transformCSS(o, Oo, "light", "variable", f, a, d), h = Ho;
-    let Zo = this.transformCSS(o, `${Ao}${Eo}`, "light", "variable", f, a, d), Qo = this.transformCSS(o, `${Xo}`, "dark", "variable", f, a, d);
-    b = `${Zo}${Qo}`, v = [.../* @__PURE__ */ new Set([...Yo, ...jo, ..._o])];
-    let or = this.transformCSS(o, `${Go}${qo}color-scheme:light`, "light", "variable", f, a, d), rr = this.transformCSS(o, `${Jo}color-scheme:dark`, "dark", "variable", f, a, d);
-    k = `${or}${rr}`, W = [.../* @__PURE__ */ new Set([...Vo, ...Uo, ...Ko])], N = oo(u.css, { dt: ho });
-  }
-  return { primitive: { css: p, tokens: h }, semantic: { css: b, tokens: v }, global: { css: k, tokens: W }, style: N };
-}, getPreset({ name: o = "", preset: r = {}, options: e, params: a, set: d, defaults: t, selector: c }) {
-  var i, n, l;
-  let s, g, u;
-  if (m(r) && e.transform !== "strict") {
-    let f = o.replace("-directive", ""), p = r, { colorScheme: h, extend: b, css: v } = p, k = $(p, ["colorScheme", "extend", "css"]), W = b || {}, { colorScheme: N } = W, O = $(W, ["colorScheme"]), H = h || {}, { dark: A } = H, M = $(H, ["dark"]), Y = N || {}, { dark: E } = Y, j = $(Y, ["dark"]), X = m(k) ? this._toVariables({ [f]: y(y({}, k), O) }, e) : {}, P = m(M) ? this._toVariables({ [f]: y(y({}, M), j) }, e) : {}, L = m(A) ? this._toVariables({ [f]: y(y({}, A), E) }, e) : {}, [_, G] = [(i = X.declarations) != null ? i : "", X.tokens || []], [V, q] = [(n = P.declarations) != null ? n : "", P.tokens || []], [U, J] = [(l = L.declarations) != null ? l : "", L.tokens || []], K = this.transformCSS(f, `${_}${V}`, "light", "variable", e, d, t, c), Z = this.transformCSS(f, U, "dark", "variable", e, d, t, c);
-    s = `${K}${Z}`, g = [.../* @__PURE__ */ new Set([...G, ...q, ...J])], u = oo(v, { dt: ho });
-  }
-  return { css: s, tokens: g, style: u };
-}, getPresetC({ name: o = "", theme: r = {}, params: e, set: a, defaults: d }) {
-  var t;
-  let { preset: c, options: i } = r, n = (t = c == null ? void 0 : c.components) == null ? void 0 : t[o];
-  return this.getPreset({ name: o, preset: n, options: i, params: e, set: a, defaults: d });
-}, getPresetD({ name: o = "", theme: r = {}, params: e, set: a, defaults: d }) {
-  var t, c;
-  let i = o.replace("-directive", ""), { preset: n, options: l } = r, s = ((t = n == null ? void 0 : n.components) == null ? void 0 : t[i]) || ((c = n == null ? void 0 : n.directives) == null ? void 0 : c[i]);
-  return this.getPreset({ name: i, preset: s, options: l, params: e, set: a, defaults: d });
-}, applyDarkColorScheme(o) {
-  return !(o.darkModeSelector === "none" || o.darkModeSelector === !1);
-}, getColorSchemeOption(o, r) {
-  var e;
-  return this.applyDarkColorScheme(o) ? this.regex.resolve(o.darkModeSelector === !0 ? r.options.darkModeSelector : (e = o.darkModeSelector) != null ? e : r.options.darkModeSelector) : [];
-}, getLayerOrder(o, r = {}, e, a) {
-  let { cssLayer: d } = r;
-  return d ? `@layer ${oo(d.order || d.name || "primeui", e)}` : "";
-}, getCommonStyleSheet({ name: o = "", theme: r = {}, params: e, props: a = {}, set: d, defaults: t }) {
-  let c = this.getCommon({ name: o, theme: r, params: e, set: d, defaults: t }), i = Object.entries(a).reduce((n, [l, s]) => n.push(`${l}="${s}"`) && n, []).join(" ");
-  return Object.entries(c || {}).reduce((n, [l, s]) => {
-    if (B(s) && Object.hasOwn(s, "css")) {
-      let g = mo(s.css), u = `${l}-variables`;
-      n.push(`<style type="text/css" data-primevue-style-id="${u}" ${i}>${g}</style>`);
-    }
-    return n;
-  }, []).join("");
-}, getStyleSheet({ name: o = "", theme: r = {}, params: e, props: a = {}, set: d, defaults: t }) {
-  var c;
-  let i = { name: o, theme: r, params: e, set: d, defaults: t }, n = (c = o.includes("-directive") ? this.getPresetD(i) : this.getPresetC(i)) == null ? void 0 : c.css, l = Object.entries(a).reduce((s, [g, u]) => s.push(`${g}="${u}"`) && s, []).join(" ");
-  return n ? `<style type="text/css" data-primevue-style-id="${o}-variables" ${l}>${mo(n)}</style>` : "";
-}, createTokens(o = {}, r, e = "", a = "", d = {}) {
-  let t = function(i, n = {}, l = []) {
-    if (l.includes(this.path)) return console.warn(`Circular reference detected at ${this.path}`), { colorScheme: i, path: this.path, paths: n, value: void 0 };
-    l.push(this.path), n.name = this.path, n.binding || (n.binding = {});
-    let s = this.value;
-    if (typeof this.value == "string" && I.test(this.value)) {
-      let g = this.value.trim().replace(I, (u) => {
-        var f;
-        let p = u.slice(1, -1), h = this.tokens[p];
-        if (!h) return console.warn(`Token not found for path: ${p}`), "__UNRESOLVED__";
-        let b = h.computed(i, n, l);
-        return Array.isArray(b) && b.length === 2 ? `light-dark(${b[0].value},${b[1].value})` : (f = b == null ? void 0 : b.value) != null ? f : "__UNRESOLVED__";
-      });
-      s = Do.test(g.replace(Wo, "0")) ? `calc(${g})` : g;
-    }
-    return to(n.binding) && delete n.binding, l.pop(), { colorScheme: i, path: this.path, paths: n, value: s.includes("__UNRESOLVED__") ? void 0 : s };
-  }, c = (i, n, l) => {
-    Object.entries(i).forEach(([s, g]) => {
-      let u = R(s, r.variable.excludedKeyRegex) ? n : n ? `${n}.${bo(s)}` : bo(s), f = l ? `${l}.${s}` : s;
-      B(g) ? c(g, u, f) : (d[u] || (d[u] = { paths: [], computed: (p, h = {}, b = []) => {
-        if (d[u].paths.length === 1) return d[u].paths[0].computed(d[u].paths[0].scheme, h.binding, b);
-        if (p && p !== "none") for (let v = 0; v < d[u].paths.length; v++) {
-          let k = d[u].paths[v];
-          if (k.scheme === p) return k.computed(p, h.binding, b);
-        }
-        return d[u].paths.map((v) => v.computed(v.scheme, h[v.scheme], b));
-      } }), d[u].paths.push({ path: f, value: g, scheme: f.includes("colorScheme.light") ? "light" : f.includes("colorScheme.dark") ? "dark" : "none", computed: t, tokens: d }));
-    });
-  };
-  return c(o, e, a), d;
-}, getTokenValue(o, r, e) {
-  var a;
-  let d = ((i) => i.split(".").filter((n) => !R(n.toLowerCase(), e.variable.excludedKeyRegex)).join("."))(r), t = r.includes("colorScheme.light") ? "light" : r.includes("colorScheme.dark") ? "dark" : void 0, c = [(a = o[d]) == null ? void 0 : a.computed(t)].flat().filter((i) => i);
-  return c.length === 1 ? c[0].value : c.reduce((i = {}, n) => {
-    let l = n, { colorScheme: s } = l, g = $(l, ["colorScheme"]);
-    return i[s] = g, i;
-  }, void 0);
-}, getSelectorRule(o, r, e, a) {
-  return e === "class" || e === "attr" ? S(m(r) ? `${o}${r},${o} ${r}` : o, a) : S(o, S(r ?? ":root,:host", a));
-}, transformCSS(o, r, e, a, d = {}, t, c, i) {
-  if (m(r)) {
-    let { cssLayer: n } = d;
-    if (a !== "style") {
-      let l = this.getColorSchemeOption(d, c);
-      r = e === "dark" ? l.reduce((s, { type: g, selector: u }) => (m(u) && (s += u.includes("[CSS]") ? u.replace("[CSS]", r) : this.getSelectorRule(u, i, g, r)), s), "") : S(i ?? ":root,:host", r);
-    }
-    if (n) {
-      let l = { name: "primeui", order: "primeui" };
-      B(n) && (l.name = oo(n.name, { name: o, type: a })), m(l.name) && (r = S(`@layer ${l.name}`, r), t == null || t.layerNames(l.name));
-    }
-    return r;
-  }
-  return "";
-} }, T = { defaults: { variable: { prefix: "p", selector: ":root,:host", excludedKeyRegex: /^(primitive|semantic|components|directives|variables|colorscheme|light|dark|common|root|states|extend|css)$/gi }, options: { prefix: "p", darkModeSelector: "system", cssLayer: !1 } }, _theme: void 0, _layerNames: /* @__PURE__ */ new Set(), _loadedStyleNames: /* @__PURE__ */ new Set(), _loadingStyles: /* @__PURE__ */ new Set(), _tokens: {}, update(o = {}) {
-  let { theme: r } = o;
-  r && (this._theme = no(y({}, r), { options: y(y({}, this.defaults.options), r.options) }), this._tokens = C.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
-}, get theme() {
-  return this._theme;
-}, get preset() {
-  var o;
-  return ((o = this.theme) == null ? void 0 : o.preset) || {};
-}, get options() {
-  var o;
-  return ((o = this.theme) == null ? void 0 : o.options) || {};
-}, get tokens() {
-  return this._tokens;
-}, getTheme() {
-  return this.theme;
-}, setTheme(o) {
-  this.update({ theme: o }), x.emit("theme:change", o);
-}, getPreset() {
-  return this.preset;
-}, setPreset(o) {
-  this._theme = no(y({}, this.theme), { preset: o }), this._tokens = C.createTokens(o, this.defaults), this.clearLoadedStyleNames(), x.emit("preset:change", o), x.emit("theme:change", this.theme);
-}, getOptions() {
-  return this.options;
-}, setOptions(o) {
-  this._theme = no(y({}, this.theme), { options: o }), this.clearLoadedStyleNames(), x.emit("options:change", o), x.emit("theme:change", this.theme);
-}, getLayerNames() {
-  return [...this._layerNames];
-}, setLayerNames(o) {
-  this._layerNames.add(o);
-}, getLoadedStyleNames() {
-  return this._loadedStyleNames;
-}, isStyleNameLoaded(o) {
-  return this._loadedStyleNames.has(o);
-}, setLoadedStyleName(o) {
-  this._loadedStyleNames.add(o);
-}, deleteLoadedStyleName(o) {
-  this._loadedStyleNames.delete(o);
-}, clearLoadedStyleNames() {
-  this._loadedStyleNames.clear();
-}, getTokenValue(o) {
-  return C.getTokenValue(this.tokens, o, this.defaults);
-}, getCommon(o = "", r) {
-  return C.getCommon({ name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
-}, getComponent(o = "", r) {
-  let e = { name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return C.getPresetC(e);
-}, getDirective(o = "", r) {
-  let e = { name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return C.getPresetD(e);
-}, getCustomPreset(o = "", r, e, a) {
-  let d = { name: o, preset: r, options: this.options, selector: e, params: a, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
-  return C.getPreset(d);
-}, getLayerOrderCSS(o = "") {
-  return C.getLayerOrder(o, this.options, { names: this.getLayerNames() }, this.defaults);
-}, transformCSS(o = "", r, e = "style", a) {
-  return C.transformCSS(o, r, a, e, this.options, { layerNames: this.setLayerNames.bind(this) }, this.defaults);
-}, getCommonStyleSheet(o = "", r, e = {}) {
-  return C.getCommonStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
-}, getStyleSheet(o, r, e = {}) {
-  return C.getStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
-}, onStyleMounted(o) {
-  this._loadingStyles.add(o);
-}, onStyleUpdated(o) {
-  this._loadingStyles.add(o);
-}, onStyleLoaded(o, { name: r }) {
-  this._loadingStyles.size && (this._loadingStyles.delete(r), x.emit(`theme:${r}:load`, o), !this._loadingStyles.size && x.emit("theme:load"));
-} };
-function Rr(...o) {
-  let r = Bo(...o);
-  return T.setPreset(r), r;
-}
-var Lo = (...o) => vr(...o), Sr = (...o) => Rr(...o), zr = { transitionDuration: "{transition.duration}" }, Dr = { borderWidth: "0", borderColor: "{content.border.color}" }, Wr = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}", padding: "1.125rem", fontWeight: "700", borderRadius: "0", borderWidth: "0 1px 1px 1px", borderColor: "{content.border.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" }, toggleIcon: { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{text.color}", activeHoverColor: "{text.color}" }, first: { topBorderRadius: "{content.border.radius}", borderWidth: "1px" }, last: { bottomBorderRadius: "{content.border.radius}", activeBottomBorderRadius: "0" } }, Mr = { borderWidth: "0 1px 1px 1px", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "1.125rem" }, Pr = { light: { header: { background: "{surface.50}", hoverBackground: "{surface.100}", activeBackground: "{surface.50}", activeHoverBackground: "{surface.100}" } }, dark: { header: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.800}", activeHoverBackground: "{surface.700}" } } }, Lr = { root: zr, panel: Dr, header: Wr, content: Mr, colorScheme: Pr }, Fr = { 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}" }, Ir = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Tr = { padding: "{list.padding}", gap: "{list.gap}" }, Nr = { 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}" }, Or = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Hr = { 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: "{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}" } }, Ar = { borderRadius: "{border.radius.sm}" }, Yr = { padding: "{list.option.padding}" }, Er = { light: { chip: { focusBackground: "{surface.200}", focusColor: "{surface.800}" }, dropdown: { background: "{surface.50}", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", 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}" } } }, jr = { root: Fr, overlay: Ir, list: Tr, option: Nr, optionGroup: Or, dropdown: Hr, chip: Ar, emptyMessage: Yr, colorScheme: Er }, Xr = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, _r = { size: "1rem" }, Gr = { borderColor: "{content.background}", offset: "-0.75rem" }, Vr = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, qr = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, Ur = { root: Xr, icon: _r, group: Gr, lg: Vr, xl: qr }, Jr = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, Kr = { size: "0.5rem" }, Zr = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, Qr = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, oe = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, re = { 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}" } } }, ee = { root: Jr, dot: Kr, sm: Zr, lg: Qr, xl: oe, colorScheme: re }, ae = { 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" } }, de = { transitionDuration: "0.2s", focusRing: { width: "0", style: "none", color: "transparent", offset: "0" }, 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.625rem", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.5rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.75rem" }, borderRadius: "{border.radius.md}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" }, transitionDuration: "{transition.duration}" }, list: { padding: "0.5rem 0", gap: "0", header: { padding: "0.625rem 1rem 0 1rem" }, option: { padding: "0.625rem 1rem", borderRadius: "0" }, optionGroup: { padding: "0.625rem 1rem", fontWeight: "600" } }, content: { borderRadius: "{border.radius.md}" }, mask: { transitionDuration: "0.3s" }, navigation: { list: { padding: "0.5rem 0", gap: "0" }, item: { padding: "0.625rem 1rem", borderRadius: "0", gap: "0.5rem" }, submenuLabel: { padding: "0.625rem 1rem", fontWeight: "600" }, submenuIcon: { size: "0.875rem" } }, overlay: { select: { borderRadius: "{border.radius.md}", shadow: "0 2px 12px 0 rgba(0, 0, 0, 0.1)" }, popover: { borderRadius: "{border.radius.md}", padding: "1rem", shadow: "0 1px 3px rgba(0, 0, 0, 0.1)" }, modal: { borderRadius: "{border.radius.xl}", padding: "1.5rem", shadow: "0 1px 3px rgba(0, 0, 0, 0.3)" }, navigation: { shadow: "0 2px 12px 0 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}" }, focusRing: { shadow: "0 0 0 0.2rem {primary.200}" }, 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.0}", borderColor: "{surface.300}", hoverBorderColor: "{primary.color}", 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.500}", shadow: "none" }, 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.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.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)" }, focusRing: { shadow: "0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)" }, 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.950}", borderColor: "{surface.600}", hoverBorderColor: "{primary.color}", 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: "none" }, 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.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.color}" }, submenuIcon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } } } } }, ne = { primitive: ae, semantic: de }, ce = { borderRadius: "{content.border.radius}" }, te = { root: ce }, ie = { padding: "1.25rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, le = { 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}" } }, se = { color: "{navigation.item.icon.color}" }, ue = { root: ie, item: le, separator: se }, fe = { borderRadius: "{form.field.border.radius}", roundedBorderRadius: "2rem", gap: "0.5rem", paddingX: "1rem", paddingY: "{form.field.padding.y}", iconOnlyWidth: "2.75rem", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}", iconOnlyWidth: "2.25rem" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}", iconOnlyWidth: "3.25rem" }, label: { fontWeight: "600" }, 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: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", offset: "{form.field.focus.ring.offset}" }, badgeSize: "1rem", transitionDuration: "{form.field.transition.duration}" }, ge = { 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: "transparent", shadow: "0 0 0 0.2rem {primary.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {surface.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {sky.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {green.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {orange.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {purple.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {red.200}" } }, 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: "transparent", shadow: "0 0 0 0.2rem {surface.400}" } } }, 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.100}", activeBackground: "{surface.200}", color: "{surface.600}" }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.300}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {sky.400}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {green.400}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {orange.400}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {purple.400}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {red.400}, transparent 80%)" } }, 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: "transparent", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.0}, transparent 80%)" } } }, 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, {help.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {help.400}, transparent 84%)", borderColor: "{purple.700}", color: "{purple.400}" }, danger: { hoverBackground: "color-mix(in srgb, {danger.400}, transparent 96%)", activeBackground: "color-mix(in srgb, {danger.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.700}", activeBackground: "{surface.600}", color: "{surface.300}" }, 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}" } } }, me = { root: fe, colorScheme: ge }, pe = { background: "{content.background}", borderRadius: "{border.radius.lg}", color: "{content.color}", shadow: "0 .125rem .25rem rgba(0,0,0,.075)" }, be = { padding: "1.5rem", gap: "0.75rem" }, he = { gap: "0.5rem" }, ve = { fontSize: "1.25rem", fontWeight: "700" }, ke = { color: "{text.muted.color}" }, Ce = { root: pe, body: be, caption: he, title: ve, subtitle: ke }, ye = { transitionDuration: "{transition.duration}" }, $e = { gap: "0.25rem" }, we = { padding: "1rem", gap: "0.5rem" }, xe = { width: "1rem", height: "1rem", borderRadius: "50", 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}" } } }, Re = { root: ye, content: $e, indicatorList: we, indicator: xe, colorScheme: Be }, Se = { 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}" } }, ze = { width: "2.5rem", color: "{form.field.icon.color}" }, De = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, We = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1.25rem" }, Me = { 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" } }, Pe = { color: "{form.field.icon.color}" }, Le = { root: Se, dropdown: ze, overlay: De, list: We, option: Me, clearIcon: Pe }, Fe = { borderRadius: "{border.radius.sm}", width: "1.5rem", height: "1.5rem", 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.focus.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: "{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: { width: "1.25rem", height: "1.25rem" }, lg: { width: "1.75rem", height: "1.75rem" } }, Ie = { size: "1rem", color: "{form.field.color}", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.75rem" }, lg: { size: "1.25rem" } }, Te = { root: Fe, icon: Ie }, Ne = { borderRadius: "16px", paddingX: "0.875rem", paddingY: "0.625rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, Oe = { width: "2rem", height: "2rem" }, He = { size: "1rem" }, Ae = { size: "1rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Ye = { 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}" } } }, Ee = { root: Ne, image: Oe, icon: He, removeIcon: Ae, colorScheme: Ye }, je = { transitionDuration: "{transition.duration}" }, Xe = { width: "1.75rem", height: "1.75rem", 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}" } }, _e = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, Ge = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, Ve = { root: je, preview: Xe, panel: _e, colorScheme: Ge }, qe = { size: "2rem", color: "{overlay.modal.color}" }, Ue = { gap: "1rem" }, Je = { icon: qe, content: Ue }, Ke = { 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" }, Ze = { padding: "{overlay.popover.padding}", gap: "1rem" }, Qe = { size: "1.5rem", color: "{overlay.popover.color}" }, oa = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, ra = { root: Ke, content: Ze, icon: Qe, footer: oa }, ea = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, aa = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, da = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, na = { mobileIndent: "1.25rem" }, ca = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, ta = { borderColor: "{content.border.color}" }, ia = { root: ea, list: aa, item: da, submenu: na, submenuIcon: ca, separator: ta }, la = { transitionDuration: "{transition.duration}" }, sa = { borderColor: "{datatable.border.color}", borderWidth: "1px 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ua = { selectedBackground: "{highlight.background}", borderColor: "{datatable.border.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: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" }, sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, fa = { fontWeight: "700" }, ga = { 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: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, ma = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, pa = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, ba = { fontWeight: "700" }, ha = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, va = { color: "{primary.color}" }, ka = { width: "0.5rem" }, Ca = { width: "1px", color: "{primary.color}" }, ya = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, $a = { size: "2rem" }, wa = { 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}" } }, xa = { 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}" } }, Ba = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Ra = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Sa = { light: { root: { borderColor: "{content.border.color}" }, header: { background: "{surface.50}", color: "{text.color}" }, headerCell: { background: "{surface.50}", hoverBackground: "{surface.100}", color: "{text.color}" }, footer: { background: "{surface.50}", color: "{text.color}" }, footerCell: { background: "{surface.50}", color: "{text.color}" }, row: { stripedBackground: "{surface.50}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, header: { background: "{surface.800}", color: "{text.color}" }, headerCell: { background: "{surface.800}", hoverBackground: "{surface.700}", color: "{text.color}" }, footer: { background: "{surface.800}", color: "{text.color}" }, footerCell: { background: "{surface.800}", color: "{text.color}" }, row: { stripedBackground: "{surface.950}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, za = { root: la, header: sa, headerCell: ua, columnTitle: fa, row: ga, bodyCell: ma, footerCell: pa, columnFooter: ba, footer: ha, dropPoint: va, columnResizer: ka, resizeIndicator: Ca, sortIcon: ya, loadingIcon: $a, rowToggleButton: wa, filter: xa, paginatorTop: Ba, paginatorBottom: Ra, colorScheme: Sa }, Da = { borderColor: "{content.border.color}", borderWidth: "1px", borderRadius: "4px", padding: "0" }, Wa = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.875rem 1.125rem", borderRadius: "5px 5px 0 0" }, Ma = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "5px" }, Pa = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.875rem 1.125rem", borderRadius: "0 0 5px 5px" }, La = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Fa = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, Ia = { light: { header: { background: "{surface.50}", color: "{text.color}" } }, dark: { header: { background: "{surface.800}", color: "{text.color}" } } }, Ta = { root: Da, header: Wa, content: Ma, footer: Pa, paginatorTop: La, paginatorBottom: Fa, colorScheme: Ia }, Na = { transitionDuration: "{transition.duration}" }, Oa = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, Ha = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.75rem 0" }, Aa = { gap: "0.5rem", fontWeight: "700" }, Ya = { 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: "{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}" } }, Ea = { color: "{form.field.icon.color}" }, ja = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.375rem 0.625rem", borderRadius: "{content.border.radius}" }, Xa = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.375rem 0.625rem", borderRadius: "{content.border.radius}" }, _a = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, Ga = { margin: "0.75rem 0 0 0" }, Va = { padding: "0.375rem", fontWeight: "700", color: "{content.color}" }, qa = { hoverBackground: "{content.hover.background}", selectedBackground: "{primary.color}", rangeSelectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{content.hover.color}", selectedColor: "{primary.contrast.color}", rangeSelectedColor: "{highlight.color}", width: "2.5rem", height: "2.5rem", borderRadius: "50%", padding: "0.375rem", 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}" } }, Ua = { margin: "0.75rem 0 0 0" }, Ja = { padding: "0.5rem", borderRadius: "{content.border.radius}" }, Ka = { margin: "0.75rem 0 0 0" }, Za = { padding: "0.5rem", borderRadius: "{content.border.radius}" }, Qa = { padding: "0.75rem 0 0 0", borderColor: "{content.border.color}" }, od = { padding: "0.75rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, rd = { light: { dropdown: { background: "{surface.50}", hoverBackground: "{surface.100}", activeBackground: "{surface.200}", 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}" } } }, ed = { root: Na, panel: Oa, header: Ha, title: Aa, dropdown: Ya, inputIcon: Ea, selectMonth: ja, selectYear: Xa, group: _a, dayView: Ga, weekDay: Va, date: qa, monthView: Ua, month: Ja, yearView: Ka, year: Za, buttonbar: Qa, timePicker: od, colorScheme: rd }, ad = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, dd = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, nd = { fontSize: "1.25rem", fontWeight: "600" }, cd = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, td = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, id = { root: ad, header: dd, title: nd, content: cd, footer: td }, ld = { borderColor: "{content.border.color}" }, sd = { background: "{content.background}", color: "{text.color}" }, ud = { margin: "1.125rem 0", padding: "0 1.125rem", content: { padding: "0 0.625rem" } }, fd = { margin: "0 1.125rem", padding: "1.125rem 0", content: { padding: "0.625rem 0" } }, gd = { root: ld, content: sd, horizontal: ud, vertical: fd }, md = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.lg}" }, pd = { 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}" } }, bd = { root: md, item: pd }, hd = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, vd = { padding: "{overlay.modal.padding}" }, kd = { fontSize: "1.5rem", fontWeight: "600" }, Cd = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, yd = { padding: "{overlay.modal.padding}" }, $d = { root: hd, header: vd, title: kd, content: Cd, footer: yd }, wd = { borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, xd = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Bd = { 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}" }, Rd = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, Sd = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, zd = { light: { toolbar: { background: "{surface.50}" } }, dark: { toolbar: { background: "{surface.800}" } } }, Dd = { toolbar: wd, toolbarItem: xd, overlay: Bd, overlayOption: Rd, content: Sd, colorScheme: zd }, Wd = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", padding: "0.75rem 1.125rem 1.125rem 1.125rem", transitionDuration: "{transition.duration}" }, Md = { borderRadius: "{content.border.radius}", borderWidth: "1px", borderColor: "{content.border.color}", padding: "0.625rem 0.875rem", gap: "0.5rem", fontWeight: "700", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Pd = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, Ld = { padding: "0" }, Fd = { light: { legend: { background: "{surface.50}", hoverBackground: "{surface.100}", color: "{text.color}", hoverColor: "{text.hover.color}" } }, dark: { legend: { background: "{surface.800}", hoverBackground: "{surface.700}", color: "{text.color}", hoverColor: "{text.hover.color}" } } }, Id = { root: Wd, legend: Md, toggleIcon: Pd, content: Ld, colorScheme: Fd }, Td = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Nd = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", padding: "1.125rem", borderRadius: "5px 5px 0 0", gap: "0.5rem" }, Od = { highlightBorderColor: "{primary.color}", padding: "1.125rem", gap: "1rem" }, Hd = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, Ad = { gap: "0.5rem" }, Yd = { height: "0.25rem" }, Ed = { gap: "0.5rem" }, jd = { light: { header: { background: "{surface.50}", color: "{text.color}" } }, dark: { header: { background: "{surface.800}", color: "{text.color}" } } }, Xd = { root: Td, header: Nd, content: Od, file: Hd, fileList: Ad, progressbar: Yd, basic: Ed, colorScheme: jd }, _d = { 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" } }, Gd = { active: { top: "-1.375rem" } }, Vd = { input: { paddingTop: "1.875rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, qd = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, Ud = { root: _d, over: Gd, in: Vd, on: qd }, Jd = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Kd = { background: "rgba(255, 255, 255, 0.1)", hoverBackground: "rgba(255, 255, 255, 0.2)", color: "{surface.100}", hoverColor: "{surface.0}", size: "3rem", gutter: "0", prev: { borderRadius: "0 12px 12px 0" }, next: { borderRadius: "12px 0 0 12px" }, focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Zd = { size: "1.5rem" }, Qd = { padding: "1rem 0.25rem" }, on = { 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}" } }, rn = { size: "1rem" }, en = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, an = { gap: "0.5rem", padding: "1rem" }, dn = { 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}" } }, nn = { background: "rgba(0, 0, 0, 0.5)" }, cn = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, tn = { 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}" } }, ln = { size: "1.5rem" }, sn = { light: { thumbnailsContent: { background: "{surface.50}" }, thumbnailNavButton: { hoverBackground: "{surface.100}", color: "{surface.600}", hoverColor: "{surface.700}" }, indicatorButton: { background: "{surface.200}", hoverBackground: "{surface.300}" } }, dark: { thumbnailsContent: { background: "{surface.800}" }, thumbnailNavButton: { hoverBackground: "{surface.700}", color: "{surface.400}", hoverColor: "{surface.0}" }, indicatorButton: { background: "{surface.700}", hoverBackground: "{surface.600}" } } }, un = { root: Jd, navButton: Kd, navIcon: Zd, thumbnailsContent: Qd, thumbnailNavButton: on, thumbnailNavButtonIcon: rn, caption: en, indicatorList: an, indicatorButton: dn, insetIndicatorList: nn, insetIndicatorButton: cn, closeButton: tn, closeButtonIcon: ln, colorScheme: sn }, fn = { color: "{form.field.icon.color}" }, gn = { icon: fn }, mn = { 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" }, pn = { paddingTop: "1.875rem", paddingBottom: "{form.field.padding.y}" }, bn = { root: mn, input: pn }, hn = { transitionDuration: "{transition.duration}" }, vn = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, kn = { 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: "{content.border.radius}", padding: ".5rem", gap: "0.5rem" }, Cn = { hoverBackground: "rgba(255,255,255,0.1)", color: "{surface.50}", hoverColor: "{surface.0}", size: "3rem", iconSize: "1.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}" } }, yn = { root: hn, preview: vn, toolbar: kn, action: Cn }, $n = { size: "15px", hoverSize: "30px", background: "rgba(255,255,255,0.3)", hoverBackground: "rgba(255,255,255,0.3)", borderColor: "rgba(255,255,255,0.3)", hoverBorderColor: "rgba(255,255,255,0.3)", borderWidth: "3px", 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}" } }, wn = { handle: $n }, xn = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Bn = { fontWeight: "500" }, Rn = { size: "1.125rem" }, Sn = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "color-mix(in srgb, {blue.50}, transparent 5%)", color: "{blue.600}", shadow: "none" }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "color-mix(in srgb, {green.50}, transparent 5%)", color: "{green.600}", shadow: "none" }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "color-mix(in srgb,{yellow.50}, transparent 5%)", color: "{yellow.600}", shadow: "none" }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "color-mix(in srgb, {red.50}, transparent 5%)", color: "{red.600}", shadow: "none" }, secondary: { background: "{surface.100}", borderColor: "{surface.100}", color: "{surface.600}", shadow: "none" }, contrast: { background: "{surface.900}", borderColor: "{surface.900}", color: "{surface.50}", shadow: "none" } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "color-mix(in srgb, {blue.500}, transparent 84%)", color: "{blue.500}", shadow: "none" }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "color-mix(in srgb, {green.500}, transparent 84%)", color: "{green.500}", shadow: "none" }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "color-mix(in srgb, {yellow.500}, transparent 84%)", color: "{yellow.500}", shadow: "none" }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "color-mix(in srgb, {red.500}, transparent 84%)", color: "{red.500}", shadow: "none" }, secondary: { background: "{surface.800}", borderColor: "{surface.800}", color: "{surface.300}", shadow: "none" }, contrast: { background: "{surface.0}", borderColor: "{surface.0}", color: "{surface.950}", shadow: "none" } } }, zn = { root: xn, text: Bn, icon: Rn, colorScheme: Sn }, Dn = { 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}" }, Wn = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, Mn = { root: Dn, display: Wn }, Pn = { 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}" }, Ln = { borderRadius: "{border.radius.sm}" }, Fn = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, In = { root: Pn, chip: Ln, colorScheme: Fn }, Tn = { borderRadius: "{form.field.border.radius}", padding: "0.625rem 0.5rem", minWidth: "2.75rem" }, Nn = { light: { addon: { background: "{surface.50}", borderColor: "{form.field.border.color}", color: "{text.muted.color}" } }, dark: { addon: { background: "{surface.800}", borderColor: "{form.field.border.color}", color: "{text.muted.color}" } } }, On = { addon: Tn, colorScheme: Nn }, Hn = { transitionDuration: "{transition.duration}" }, An = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, Yn = { light: { button: { background: "{surface.100}", hoverBackground: "{surface.200}", activeBackground: "{surface.300}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.600}", hoverColor: "{surface.700}", activeColor: "{surface.800}" } }, dark: { button: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.500}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.border.color}", activeBorderColor: "{form.field.border.color}", color: "{surface.300}", hoverColor: "{surface.200}", activeColor: "{surface.100}" } } }, En = { root: Hn, button: An, colorScheme: Yn }, jn = { gap: "0.5rem" }, Xn = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, _n = { root: jn, input: Xn }, Gn = { 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}" } }, Vn = { root: Gn }, qn = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Un = { background: "{primary.color}" }, Jn = { background: "{content.border.color}" }, Kn = { color: "{text.muted.color}" }, Zn = { root: qn, value: Un, range: Jn, text: Kn }, Qn = { 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}" }, oc = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, rc = { 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}" }, ec = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, ac = { color: "{list.option.color}", gutterStart: "-0.5rem", gutterEnd: "0.5rem" }, dc = { padding: "{list.option.padding}" }, nc = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, cc = { root: Qn, list: oc, option: rc, optionGroup: ec, checkmark: ac, emptyMessage: dc, colorScheme: nc }, tc = { borderColor: "transparent", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", verticalOrientation: { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, horizontalOrientation: { padding: "0.75rem 1rem", gap: "0.5rem" }, transitionDuration: "{transition.duration}" }, ic = { borderRadius: "{content.border.radius}", padding: "0.75rem 1rem" }, lc = { 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}" } }, sc = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, uc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, fc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, gc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, mc = { borderColor: "{content.border.color}" }, pc = { borderRadius: "50%", size: "2rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, bc = { light: { root: { background: "{surface.50}" } }, dark: { root: { background: "{surface.800}" } } }, hc = { root: tc, baseItem: ic, item: lc, overlay: sc, submenu: uc, submenuLabel: fc, submenuIcon: gc, separator: mc, mobileButton: pc, colorScheme: bc }, vc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, kc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Cc = { focusBackground: "{navigation.item.focus.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}" } }, yc = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, $c = { borderColor: "{content.border.color}" }, wc = { root: vc, list: kc, item: Cc, submenuLabel: yc, separator: $c }, xc = { borderColor: "transparent", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem 1rem", transitionDuration: "{transition.duration}" }, Bc = { borderRadius: "{content.border.radius}", padding: "0.75rem 1rem" }, Rc = { 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}" } }, Sc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", mobileIndent: "1.25rem", icon: { 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}" }, Dc = { borderRadius: "50%", size: "2rem", color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", hoverBackground: "{content.hover.background}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Wc = { light: { root: { background: "{surface.50}" } }, dark: { root: { background: "{surface.800}" } } }, Mc = { root: xc, baseItem: Bc, item: Rc, submenu: Sc, separator: zc, mobileButton: Dc, colorScheme: Wc }, Pc = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Lc = { padding: "0.75rem 1rem", gap: "0.5rem", sm: { padding: "0.5rem 0.625rem" }, lg: { padding: "0.75rem 0.875rem" } }, Fc = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, Ic = { size: "1.25rem", sm: { size: "1rem" }, lg: { size: "1.5rem" } }, Tc = { width: "2rem", height: "2rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Nc = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, Oc = { root: { borderWidth: "1px" } }, Hc = { content: { padding: "0" } }, Ac = { light: { info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "transparent", color: "{blue.600}", shadow: "none", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {blue.200}" } }, outlined: { color: "{blue.600}", borderColor: "{blue.600}" }, simple: { color: "{blue.600}" } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "transparent", color: "{green.600}", shadow: "none", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {green.200}" } }, outlined: { color: "{green.600}", borderColor: "{green.600}" }, simple: { color: "{green.600}" } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "transparent", color: "{yellow.600}", shadow: "none", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {yellow.200}" } }, outlined: { color: "{yellow.600}", borderColor: "{yellow.600}" }, simple: { color: "{yellow.600}" } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "transparent", color: "{red.600}", shadow: "none", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {red.200}" } }, outlined: { color: "{red.600}", borderColor: "{red.600}" }, simple: { color: "{red.600}" } }, secondary: { background: "{surface.100}", borderColor: "transparent", color: "{surface.600}", shadow: "none", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {surface.200}" } }, outlined: { color: "{surface.500}", borderColor: "{surface.500}" }, simple: { color: "{surface.500}" } }, contrast: { background: "{surface.900}", borderColor: "transparent", color: "{surface.50}", shadow: "none", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {surface.400}" } }, outlined: { color: "{surface.900}", borderColor: "{surface.900}" }, simple: { color: "{surface.900}" } } }, dark: { info: { background: "color-mix(in srgb, {blue.500}, transparent 84%)", borderColor: "transparent", color: "{blue.500}", shadow: "none", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {blue.500}, transparent 80%)" } }, outlined: { color: "{blue.500}", borderColor: "{blue.500}" }, simple: { color: "{blue.500}" } }, success: { background: "color-mix(in srgb, {green.500}, transparent 84%)", borderColor: "transparent", color: "{green.500}", shadow: "none", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {green.500}, transparent 80%)" } }, outlined: { color: "{green.500}", borderColor: "{green.500}" }, simple: { color: "{green.500}" } }, warn: { background: "color-mix(in srgb, {yellow.500}, transparent 84%)", borderColor: "transparent", color: "{yellow.500}", shadow: "none", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {yellow.500}, transparent 80%)" } }, outlined: { color: "{yellow.500}", borderColor: "{yellow.500}" }, simple: { color: "{yellow.500}" } }, error: { background: "color-mix(in srgb, {red.500}, transparent 84%)", borderColor: "transparent", color: "{red.500}", shadow: "none", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {red.500}, transparent 80%)" } }, outlined: { color: "{red.500}", borderColor: "{red.500}" }, simple: { color: "{red.500}" } }, secondary: { background: "{surface.800}", borderColor: "transparent", color: "{surface.300}", shadow: "none", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.300}, transparent 80%)" } }, outlined: { color: "{surface.400}", borderColor: "{surface.400}" }, simple: { color: "{surface.400}" } }, contrast: { background: "{surface.0}", borderColor: "transparent", color: "{surface.950}", shadow: "none", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.950}, transparent 80%)" } }, outlined: { color: "{surface.0}", borderColor: "{surface.0}" }, simple: { color: "{surface.0}" } } } }, Yc = { root: Pc, content: Lc, text: Fc, icon: Ic, closeButton: Tc, closeIcon: Nc, outlined: Oc, simple: Hc, colorScheme: Ac }, Ec = { borderRadius: "{content.border.radius}", gap: "1rem" }, jc = { background: "{content.border.color}", size: "0.625rem" }, Xc = { gap: "0.5rem" }, _c = { size: "0.5rem" }, Gc = { size: "1rem" }, Vc = { verticalGap: "0.5rem", horizontalGap: "1rem" }, qc = { root: Ec, meters: jc, label: Xc, labelMarker: _c, labelIcon: Gc, labelList: Vc }, Uc = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Jc = { width: "2.5rem", color: "{form.field.icon.color}" }, Kc = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Zc = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Qc = { 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" }, ot = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, rt = { color: "{form.field.icon.color}" }, et = { borderRadius: "{border.radius.sm}" }, at = { padding: "{list.option.padding}" }, dt = { root: Uc, dropdown: Jc, overlay: Kc, list: Zc, option: Qc, optionGroup: ot, chip: et, clearIcon: rt, emptyMessage: at }, nt = { gap: "1.125rem" }, ct = { gap: "0.5rem" }, tt = { root: nt, controls: ct }, it = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, lt = { 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: "1rem 1.25rem", toggleablePadding: "1rem 1.25rem 1.5rem 1.25rem", borderRadius: "{content.border.radius}" }, st = { background: "{content.background}", hoverBackground: "{content.hover.background}", borderColor: "{content.border.color}", color: "{text.muted.color}", hoverColor: "{text.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}" } }, ut = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, ft = { root: it, node: lt, nodeToggleButton: st, connector: ut }, gt = { outline: { width: "2px", color: "{content.background}" } }, mt = { root: gt }, pt = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, bt = { 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}" } }, ht = { color: "{text.muted.color}" }, vt = { maxWidth: "2.5rem" }, kt = { root: pt, navButton: bt, currentPageReport: ht, jumpToPageInput: vt }, Ct = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}" }, yt = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}", padding: "1.125rem", borderRadius: "5px 5px 0 0" }, $t = { padding: "0.25rem 1.125rem" }, wt = { fontWeight: "700" }, xt = { padding: "1.125rem" }, Bt = { padding: "1.125rem" }, Rt = { light: { header: { background: "{surface.50}", color: "{text.color}" } }, dark: { header: { background: "{surface.800}", color: "{text.color}" } } }, St = { root: Ct, header: yt, toggleableHeader: $t, title: wt, content: xt, footer: Bt, colorScheme: Rt }, zt = { gap: "0", transitionDuration: "{transition.duration}" }, Dt = { background: "{content.background}", borderColor: "{content.border.color}", borderWidth: "1px", color: "{content.color}", padding: "0.25rem 0.25rem", borderRadius: "0", first: { borderWidth: "1px 1px 0 1px", topBorderRadius: "{content.border.radius}" }, last: { borderWidth: "0 1px 1px 1px", bottomBorderRadius: "{content.border.radius}" } }, Wt = { 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}" } }, Mt = { indent: "1rem" }, Pt = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Lt = { root: zt, panel: Dt, item: Wt, submenu: Mt, submenuIcon: Pt }, Ft = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, It = { color: "{form.field.icon.color}" }, Tt = { 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}" }, Nt = { gap: "0.75rem" }, Ot = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, Ht = { meter: Ft, icon: It, overlay: Tt, content: Nt, colorScheme: Ot }, At = { gap: "1.125rem" }, Yt = { gap: "0.5rem" }, Et = { root: At, controls: Yt }, jt = { 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" }, Xt = { padding: "{overlay.popover.padding}" }, _t = { root: jt, content: Xt }, Gt = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.5rem" }, Vt = { background: "{primary.color}" }, qt = { color: "{primary.contrast.color}", fontSize: "0.875rem", fontWeight: "600" }, Ut = { root: Gt, value: Vt, label: qt }, Jt = { light: { root: { colorOne: "{pink.500}", colorTwo: "{sky.500}", colorThree: "{emerald.500}", colorFour: "{amber.500}" } }, dark: { root: { colorOne: "{pink.400}", colorTwo: "{sky.400}", colorThree: "{emerald.400}", colorFour: "{amber.400}" } } }, Kt = { colorScheme: Jt }, Zt = { width: "1.5rem", height: "1.5rem", 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.focus.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: "{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: { width: "1.25rem", height: "1.25rem" }, lg: { width: "1.75rem", height: "1.75rem" } }, Qt = { size: "1rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.75rem" }, lg: { size: "1.25rem" } }, oi = { root: Zt, icon: Qt }, ri = { 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}" } }, ei = { size: "1.25rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, ai = { root: ri, icon: ei }, di = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, ni = { colorScheme: di }, ci = { transitionDuration: "{transition.duration}" }, ti = { 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}" } }, ii = { light: { bar: { background: "{surface.200}" } }, dark: { bar: { background: "{surface.700}" } } }, li = { root: ci, bar: ti, colorScheme: ii }, si = { 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}" } }, ui = { width: "2.5rem", color: "{form.field.icon.color}" }, fi = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, gi = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, mi = { 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}" }, pi = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, bi = { color: "{form.field.icon.color}" }, hi = { color: "{list.option.color}", gutterStart: "-0.5rem", gutterEnd: "0.5rem" }, vi = { padding: "{list.option.padding}" }, ki = { root: si, dropdown: ui, overlay: fi, list: gi, option: mi, optionGroup: pi, clearIcon: bi, checkmark: hi, emptyMessage: vi }, Ci = { borderRadius: "{form.field.border.radius}" }, yi = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, $i = { root: Ci, colorScheme: yi }, wi = { borderRadius: "{content.border.radius}" }, xi = { 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)" } } }, Bi = { root: wi, colorScheme: xi }, Ri = { transitionDuration: "{transition.duration}" }, Si = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, zi = { background: "{primary.color}" }, Di = { width: "16px", height: "16px", borderRadius: "50%", background: "{primary.color}", hoverBackground: "{primary.color}", content: { borderRadius: "50%", hoverBackground: "{primary.color}", width: "12px", height: "12px", shadow: "none" }, 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}" } }, Wi = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, Mi = { root: Ri, track: Si, range: zi, handle: Di, colorScheme: Wi }, Pi = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Li = { root: Pi }, Fi = { 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)" }, Ii = { root: Fi }, Ti = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Ni = { background: "{content.border.color}" }, Oi = { size: "24px", 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}" } }, Hi = { light: { handle: { background: "{surface.400}" } }, dark: { handle: { background: "{surface.600}" } } }, Ai = { root: Ti, gutter: Ni, handle: Oi, colorScheme: Hi }, Yi = { transitionDuration: "{transition.duration}" }, Ei = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, ji = { padding: "0.5rem", gap: "1rem" }, Xi = { 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" }, _i = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Gi = { background: "{content.background}", activeBackground: "{primary.color}", borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", activeColor: "{primary.contrast.color}", size: "2.25rem", fontSize: "1.125rem", fontWeight: "500", borderRadius: "50%", shadow: "none" }, Vi = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, qi = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, Ui = { root: Yi, separator: Ei, step: ji, stepHeader: Xi, stepTitle: _i, stepNumber: Gi, steppanels: Vi, steppanel: qi }, Ji = { transitionDuration: "{transition.duration}" }, Ki = { background: "{content.border.color}" }, Zi = { 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" }, Qi = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, ol = { background: "{content.background}", activeBackground: "{primary.color}", borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", activeColor: "{primary.contrast.color}", size: "2.25rem", fontSize: "1.125rem", fontWeight: "500", borderRadius: "50%", shadow: "none" }, rl = { root: Ji, separator: Ki, itemLink: Zi, itemLabel: Qi, itemNumber: ol }, el = { transitionDuration: "{transition.duration}" }, al = { borderWidth: "0", background: "{content.background}", borderColor: "{content.border.color}" }, dl = { borderWidth: "2px 0 0 0", borderColor: "transparent", hoverBorderColor: "transparent", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.25rem", fontWeight: "600", margin: "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}" } }, nl = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, cl = { height: "0", bottom: "0", background: "transparent" }, tl = { light: { item: { background: "{surface.50}", hoverBackground: "{surface.100}", activeBackground: "{surface.0}" } }, dark: { item: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.900}" } } }, il = { root: el, tablist: al, item: dl, itemIcon: nl, activeBar: cl, colorScheme: tl }, ll = { transitionDuration: "{transition.duration}" }, sl = { borderWidth: "0", background: "{content.background}", borderColor: "{content.border.color}" }, ul = { borderWidth: "2px 0 0 0", borderColor: "transparent", hoverBorderColor: "transparent", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}", padding: "1rem 1.25rem", fontWeight: "700", margin: "0", gap: "0.5rem", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, fl = { 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}" } }, gl = { 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: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, ml = { height: "0", bottom: "0", background: "transparent" }, pl = { light: { navButton: { shadow: "0px 0px 10px 50px rgba(255, 255, 255, 0.6)" }, tab: { background: "{surface.50}", hoverBackground: "{surface.100}", activeBackground: "{surface.0}" } }, dark: { navButton: { shadow: "0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)" }, tab: { background: "{surface.800}", hoverBackground: "{surface.700}", activeBackground: "{surface.900}" } } }, bl = { root: ll, tablist: sl, tab: ul, tabpanel: fl, navButton: gl, activeBar: ml, colorScheme: pl }, hl = { transitionDuration: "{transition.duration}" }, vl = { background: "{content.background}", borderColor: "{content.border.color}" }, kl = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Cl = { background: "{content.background}", color: "{content.color}" }, yl = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, $l = { 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%)" } } }, wl = { root: hl, tabList: vl, tab: kl, tabPanel: Cl, navButton: yl, colorScheme: $l }, xl = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, Bl = { size: "0.75rem" }, Rl = { 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}" } } }, Sl = { root: xl, icon: Bl, colorScheme: Rl }, zl = { 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}" }, Dl = { gap: "0.25rem" }, Wl = { margin: "2px 0" }, Ml = { root: zl, prompt: Dl, commandResponse: Wl }, Pl = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Ll = { root: Pl }, Fl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Il = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Tl = { 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}" } }, Nl = { mobileIndent: "1.25rem" }, Ol = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Hl = { borderColor: "{content.border.color}" }, Al = { root: Fl, list: Il, item: Tl, submenu: Nl, submenuIcon: Ol, separator: Hl }, Yl = { minHeight: "5rem" }, El = { eventContent: { padding: "1rem 0" } }, jl = { eventContent: { padding: "0 1rem" } }, Xl = { size: "1.125rem", borderRadius: "50%", borderWidth: "2px", background: "{content.background}", borderColor: "{primary.color}", content: { borderRadius: "50%", size: "0.375rem", background: "transparent", insetShadow: "none" } }, _l = { color: "{content.border.color}", size: "2px" }, Gl = { event: Yl, horizontal: El, vertical: jl, eventMarker: Xl, eventConnector: _l }, Vl = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "0 0 0 6px", transitionDuration: "{transition.duration}" }, ql = { size: "1.25rem" }, Ul = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, Jl = { gap: "0.5rem" }, Kl = { fontWeight: "500", fontSize: "1rem" }, Zl = { fontWeight: "500", fontSize: "0.875rem" }, Ql = { width: "2rem", height: "2rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, os = { size: "1rem" }, rs = { light: { root: { blur: "1.5px" }, info: { background: "color-mix(in srgb, {blue.50}, transparent 5%)", borderColor: "{blue.500}", color: "{blue.600}", detailColor: "{surface.700}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{blue.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {blue.200}" } } }, success: { background: "color-mix(in srgb, {green.50}, transparent 5%)", borderColor: "{green.500}", color: "{green.600}", detailColor: "{surface.700}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{green.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {green.200}" } } }, warn: { background: "color-mix(in srgb,{yellow.50}, transparent 5%)", borderColor: "{yellow.500}", color: "{yellow.600}", detailColor: "{surface.700}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{yellow.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {yellow.200}" } } }, error: { background: "color-mix(in srgb, {red.50}, transparent 5%)", borderColor: "{red.500}", color: "{red.600}", detailColor: "{surface.700}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{red.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {red.200}" } } }, secondary: { background: "{surface.100}", borderColor: "{surface.500}", color: "{surface.600}", detailColor: "{surface.700}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{surface.200}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {surface.200}" } } }, contrast: { background: "{surface.900}", borderColor: "{primary.color}", color: "{surface.50}", detailColor: "{surface.0}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{surface.800}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem {surface.400}" } } } }, 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: "{overlay.popover.shadow}", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {blue.500}, transparent 80%)" } } }, 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: "{overlay.popover.shadow}", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {green.500}, transparent 80%)" } } }, 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: "{overlay.popover.shadow}", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {yellow.500}, transparent 80%)" } } }, 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: "{overlay.popover.shadow}", closeButton: { hoverBackground: "rgba(255, 255, 255, 0.05)", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {red.500}, transparent 80%)" } } }, secondary: { background: "{surface.800}", borderColor: "{surface.700}", color: "{surface.300}", detailColor: "{surface.0}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{surface.700}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.300}, transparent 80%)" } } }, contrast: { background: "{surface.0}", borderColor: "{surface.100}", color: "{surface.950}", detailColor: "{surface.950}", shadow: "{overlay.popover.shadow}", closeButton: { hoverBackground: "{surface.100}", focusRing: { color: "{focus.ring.color}", shadow: "0 0 0 0.2rem color-mix(in srgb, {surface.950}, transparent 80%)" } } } } }, es = { root: Vl, icon: ql, content: Ul, text: Jl, summary: Kl, detail: Zl, closeButton: Ql, closeIcon: os, colorScheme: rs }, as = { padding: "0.625rem 1rem", borderRadius: "{content.border.radius}", gap: "0.5rem", fontWeight: "500", background: "{form.field.background}", borderColor: "{form.field.border.color}", color: "{form.field.color}", hoverColor: "{form.field.color}", checkedBackground: "{highlight.background}", checkedColor: "{highlight.color}", checkedBorderColor: "{form.field.border.color}", disabledBackground: "{form.field.disabled.background}", disabledBorderColor: "{form.field.disabled.background}", disabledColor: "{form.field.disabled.color}", invalidBorderColor: "{form.field.invalid.border.color}", 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}", padding: "0.5rem 0.75rem" }, lg: { fontSize: "{form.field.lg.font.size}", padding: "0.75rem 1.25rem" } }, ds = { color: "{text.muted.color}", hoverColor: "{text.muted.color}", checkedColor: "{highlight.color}", disabledColor: "{form.field.disabled.color}" }, ns = { checkedBackground: "transparent", checkedShadow: "none", padding: "0", borderRadius: "0", sm: { padding: "0" }, lg: { padding: "0" } }, cs = { light: { root: { hoverBackground: "{surface.100}" } }, dark: { root: { hoverBackground: "{surface.800}" } } }, ts = { root: as, icon: ds, content: ns, colorScheme: cs }, is = { width: "3rem", height: "1.75rem", borderRadius: "30px", gap: "0.25rem", shadow: "{form.field.shadow}", 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}" }, borderWidth: "1px", borderColor: "transparent", hoverBorderColor: "transparent", checkedBorderColor: "transparent", checkedHoverBorderColor: "transparent", invalidBorderColor: "{form.field.invalid.border.color}", transitionDuration: "{form.field.transition.duration}", slideDuration: "0.2s" }, ls = { borderRadius: "50%", size: "1.25rem" }, ss = { 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}" } } }, us = { root: is, handle: ls, colorScheme: ss }, fs = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, gs = { light: { root: { background: "{surface.50}", color: "{content.color}" } }, dark: { root: { background: "{surface.800}", color: "{content.color}" } } }, ms = { root: fs, colorScheme: gs }, ps = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.625rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, bs = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, hs = { root: ps, colorScheme: bs }, vs = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, ks = { padding: "0.375rem 0.625rem", 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: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" }, gap: "0.25rem" }, Cs = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, ys = { 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}" } }, $s = { size: "2rem" }, ws = { margin: "0 0 0.5rem 0" }, xs = { root: vs, node: ks, nodeIcon: Cs, nodeToggleButton: ys, loadingIcon: $s, filter: ws }, Bs = { 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}" } }, Rs = { 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}" }, zs = { padding: "{list.padding}" }, Ds = { padding: "{list.option.padding}" }, Ws = { borderRadius: "{border.radius.sm}" }, Ms = { color: "{form.field.icon.color}" }, Ps = { root: Bs, dropdown: Rs, overlay: Ss, tree: zs, emptyMessage: Ds, chip: Ws, clearIcon: Ms }, Ls = { transitionDuration: "{transition.duration}" }, Fs = { borderColor: "{treetable.border.color}", borderWidth: "1px 0 1px 0", padding: "0.75rem 1rem" }, Is = { selectedBackground: "{highlight.background}", borderColor: "{treetable.border.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: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, Ts = { fontWeight: "700" }, Ns = { background: "{content.background}", hoverBackground: "{content.hover.background}", selectedBackground: "{highlight.background}", color: "{content.color}", hoverColor: "{sr.hover.color}", selectedColor: "{highlight.color}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "inset {focus.ring.shadow}" } }, Os = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, Hs = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem" }, As = { fontWeight: "700" }, Ys = { borderColor: "{treetable.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Es = { width: "0.5rem" }, js = { width: "1px", color: "{primary.color}" }, Xs = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, _s = { size: "2rem" }, Gs = { 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" }, qs = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Us = { light: { root: { borderColor: "{content.border.color}" }, header: { background: "{surface.50}", color: "{text.color}" }, headerCell: { background: "{surface.50}", hoverBackground: "{surface.100}", color: "{text.color}" }, footer: { background: "{surface.50}", color: "{text.color}" }, footerCell: { background: "{surface.50}", color: "{text.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, header: { background: "{surface.800}", color: "{text.color}" }, headerCell: { background: "{surface.800}", hoverBackground: "{surface.700}", color: "{text.color}" }, footer: { background: "{surface.800}", color: "{text.color}" }, footerCell: { background: "{surface.800}", color: "{text.color}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, Js = { root: Ls, header: Fs, headerCell: Is, columnTitle: Ts, row: Ns, bodyCell: Os, footerCell: Hs, columnFooter: As, footer: Ys, columnResizer: Es, resizeIndicator: js, sortIcon: Xs, loadingIcon: _s, nodeToggleButton: Gs, paginatorTop: Vs, paginatorBottom: qs, colorScheme: Us }, Ks = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, Zs = { loader: Ks }, Qs = Object.defineProperty, o0 = Object.defineProperties, r0 = Object.getOwnPropertyDescriptors, vo = Object.getOwnPropertySymbols, e0 = Object.prototype.hasOwnProperty, a0 = Object.prototype.propertyIsEnumerable, ko = (o, r, e) => r in o ? Qs(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, Co, Fo = (Co = ((o, r) => {
-  for (var e in r || (r = {})) e0.call(r, e) && ko(o, e, r[e]);
-  if (vo) for (var e of vo(r)) a0.call(r, e) && ko(o, e, r[e]);
-  return o;
-})({}, ne), o0(Co, r0({ components: { accordion: Lr, autocomplete: jr, avatar: Ur, badge: ee, blockui: te, breadcrumb: ue, button: me, datepicker: ed, card: Ce, carousel: Re, cascadeselect: Le, checkbox: Te, chip: Ee, colorpicker: Ve, confirmdialog: Je, confirmpopup: ra, contextmenu: ia, dataview: Ta, datatable: za, dialog: id, divider: gd, dock: bd, drawer: $d, editor: Dd, fieldset: Id, fileupload: Xd, iftalabel: bn, floatlabel: Ud, galleria: un, iconfield: gn, image: yn, imagecompare: wn, inlinemessage: zn, inplace: Mn, inputchips: In, inputgroup: On, inputnumber: En, inputotp: _n, inputtext: Vn, knob: Zn, listbox: cc, megamenu: hc, menu: wc, menubar: Mc, message: Yc, metergroup: qc, multiselect: dt, orderlist: tt, organizationchart: ft, overlaybadge: mt, popover: _t, paginator: kt, password: Ht, panel: St, panelmenu: Lt, picklist: Et, progressbar: Ut, progressspinner: Kt, radiobutton: oi, rating: ai, ripple: ni, scrollpanel: li, select: ki, selectbutton: $i, skeleton: Bi, slider: Mi, speeddial: Li, splitter: Ai, splitbutton: Ii, stepper: Ui, steps: rl, tabmenu: il, tabs: bl, tabview: wl, textarea: Ll, tieredmenu: Al, tag: Sl, terminal: Ml, timeline: Gl, togglebutton: ts, toggleswitch: us, tree: xs, treeselect: Ps, treetable: Js, toast: es, toolbar: ms, tooltip: hs, virtualscroller: Zs } }))), d0 = { transitionDuration: "{transition.duration}" }, n0 = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, c0 = { 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" } }, t0 = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, i0 = { root: d0, panel: n0, header: c0, content: t0 }, l0 = { 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}" }, s0 = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, u0 = { padding: "{list.padding}", gap: "{list.gap}" }, f0 = { 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}" }, g0 = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, m0 = { 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}" } }, p0 = { borderRadius: "{border.radius.sm}" }, b0 = { padding: "{list.option.padding}" }, h0 = { 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}" } } }, v0 = { root: l0, overlay: s0, list: u0, option: f0, optionGroup: g0, dropdown: m0, chip: p0, emptyMessage: b0, colorScheme: h0 }, k0 = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, C0 = { size: "1rem" }, y0 = { borderColor: "{content.background}", offset: "-0.75rem" }, $0 = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, w0 = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, x0 = { root: k0, icon: C0, group: y0, lg: $0, xl: w0 }, B0 = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, R0 = { size: "0.5rem" }, S0 = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, z0 = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, D0 = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, W0 = { 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}" } } }, M0 = { root: B0, dot: R0, sm: S0, lg: z0, xl: D0, colorScheme: W0 }, P0 = { 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" } }, L0 = { 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}" } } } } }, F0 = { primitive: P0, semantic: L0 }, I0 = { borderRadius: "{content.border.radius}" }, T0 = { root: I0 }, N0 = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, O0 = { 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}" } }, H0 = { color: "{navigation.item.icon.color}" }, A0 = { root: N0, item: O0, separator: H0 }, Y0 = { 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}" }, E0 = { 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}" } } }, j0 = { root: Y0, colorScheme: E0 }, X0 = { 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)" }, _0 = { padding: "1.25rem", gap: "0.5rem" }, G0 = { gap: "0.5rem" }, V0 = { fontSize: "1.25rem", fontWeight: "500" }, q0 = { color: "{text.muted.color}" }, U0 = { root: X0, body: _0, caption: G0, title: V0, subtitle: q0 }, J0 = { transitionDuration: "{transition.duration}" }, K0 = { gap: "0.25rem" }, Z0 = { padding: "1rem", gap: "0.5rem" }, Q0 = { 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}" } }, ou = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, ru = { root: J0, content: K0, indicatorList: Z0, indicator: Q0, colorScheme: ou }, eu = { 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}" } }, au = { width: "2.5rem", color: "{form.field.icon.color}" }, du = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, nu = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, cu = { 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" } }, tu = { color: "{form.field.icon.color}" }, iu = { root: eu, dropdown: au, overlay: du, list: nu, option: cu, clearIcon: tu }, lu = { 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" } }, su = { 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" } }, uu = { root: lu, icon: su }, fu = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, gu = { width: "2rem", height: "2rem" }, mu = { size: "1rem" }, pu = { 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}" } }, bu = { 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}" } } }, hu = { root: fu, image: gu, icon: mu, removeIcon: pu, colorScheme: bu }, vu = { transitionDuration: "{transition.duration}" }, ku = { 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}" } }, Cu = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, yu = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, $u = { root: vu, preview: ku, panel: Cu, colorScheme: yu }, wu = { size: "2rem", color: "{overlay.modal.color}" }, xu = { gap: "1rem" }, Bu = { icon: wu, content: xu }, Ru = { 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" }, Su = { padding: "{overlay.popover.padding}", gap: "1rem" }, zu = { size: "1.5rem", color: "{overlay.popover.color}" }, Du = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, Wu = { root: Ru, content: Su, icon: zu, footer: Du }, Mu = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Pu = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Lu = { 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}" } }, Fu = { mobileIndent: "1rem" }, Iu = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Tu = { borderColor: "{content.border.color}" }, Nu = { root: Mu, list: Pu, item: Lu, submenu: Fu, submenuIcon: Iu, separator: Tu }, Ou = `
-    li.p-autocomplete-option,
-    div.p-cascadeselect-option-content,
-    li.p-listbox-option,
-    li.p-multiselect-option,
-    li.p-select-option,
-    li.p-listbox-option,
-    div.p-tree-node-content,
-    li.p-datatable-filter-constraint,
-    .p-datatable .p-datatable-tbody > tr,
-    .p-treetable .p-treetable-tbody > tr,
-    div.p-menu-item-content,
-    div.p-tieredmenu-item-content,
-    div.p-contextmenu-item-content,
-    div.p-menubar-item-content,
-    div.p-megamenu-item-content,
-    div.p-panelmenu-header-content,
-    div.p-panelmenu-item-content,
-    th.p-datatable-header-cell,
-    th.p-treetable-header-cell,
-    thead.p-datatable-thead > tr > th,
-    .p-treetable thead.p-treetable-thead>tr>th {
-        transition: none;
-    }
-`, Hu = { transitionDuration: "{transition.duration}" }, Au = { 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" } }, Yu = { 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" } }, Eu = { fontWeight: "600" }, ju = { 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}" } }, Xu = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, _u = { 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" } }, Gu = { fontWeight: "600" }, Vu = { 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" } }, qu = { color: "{primary.color}" }, Uu = { width: "0.5rem" }, Ju = { width: "1px", color: "{primary.color}" }, Ku = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Zu = { size: "2rem" }, Qu = { 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}" } }, of = { 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}" } }, rf = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, ef = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, af = { 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}" } } }, df = `
-    .p-datatable-mask.p-overlay-mask {
-        --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
-    }
-`, nf = { root: Hu, header: Au, headerCell: Yu, columnTitle: Eu, row: ju, bodyCell: Xu, footerCell: _u, columnFooter: Gu, footer: Vu, dropPoint: qu, columnResizer: Uu, resizeIndicator: Ju, sortIcon: Ku, loadingIcon: Zu, rowToggleButton: Qu, filter: of, paginatorTop: rf, paginatorBottom: ef, colorScheme: af, css: df }, cf = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, tf = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, lf = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, sf = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, uf = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, ff = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, gf = { root: cf, header: tf, content: lf, footer: sf, paginatorTop: uf, paginatorBottom: ff }, mf = { transitionDuration: "{transition.duration}" }, pf = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, bf = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, hf = { gap: "0.5rem", fontWeight: "500" }, vf = { 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}" } }, kf = { color: "{form.field.icon.color}" }, Cf = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, yf = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, $f = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, wf = { margin: "0.5rem 0 0 0" }, xf = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, Bf = { 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}" } }, Rf = { margin: "0.5rem 0 0 0" }, Sf = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, zf = { margin: "0.5rem 0 0 0" }, Df = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, Wf = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, Mf = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, Pf = { 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}" } } }, Lf = { root: mf, panel: pf, header: bf, title: hf, dropdown: vf, inputIcon: kf, selectMonth: Cf, selectYear: yf, group: $f, dayView: wf, weekDay: xf, date: Bf, monthView: Rf, month: Sf, yearView: zf, year: Df, buttonbar: Wf, timePicker: Mf, colorScheme: Pf }, Ff = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, If = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, Tf = { fontSize: "1.25rem", fontWeight: "600" }, Nf = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Of = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, Hf = { root: Ff, header: If, title: Tf, content: Nf, footer: Of }, Af = { borderColor: "{content.border.color}" }, Yf = { background: "{content.background}", color: "{text.color}" }, Ef = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, jf = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, Xf = { root: Af, content: Yf, horizontal: Ef, vertical: jf }, _f = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, Gf = { 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}" } }, Vf = { root: _f, item: Gf }, qf = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, Uf = { padding: "{overlay.modal.padding}" }, Jf = { fontSize: "1.5rem", fontWeight: "600" }, Kf = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Zf = { padding: "{overlay.modal.padding}" }, Qf = { root: qf, header: Uf, title: Jf, content: Kf, footer: Zf }, og = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, rg = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, eg = { 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}" }, ag = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, dg = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, ng = { toolbar: og, toolbarItem: rg, overlay: eg, overlayOption: ag, content: dg }, cg = { 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}" }, tg = { 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}" } }, ig = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, lg = { padding: "0" }, sg = { root: cg, legend: tg, toggleIcon: ig, content: lg }, ug = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, fg = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, gg = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, mg = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, pg = { gap: "0.5rem" }, bg = { height: "0.25rem" }, hg = { gap: "0.5rem" }, vg = { root: ug, header: fg, content: gg, file: mg, fileList: pg, progressbar: bg, basic: hg }, kg = { 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" } }, Cg = { active: { top: "-1.25rem" } }, yg = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, $g = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, wg = { root: kg, over: Cg, in: yg, on: $g }, xg = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Bg = { 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}" } }, Rg = { size: "1.5rem" }, Sg = { background: "{content.background}", padding: "1rem 0.25rem" }, zg = { 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}" } }, Dg = { size: "1rem" }, Wg = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, Mg = { gap: "0.5rem", padding: "1rem" }, Pg = { 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}" } }, Lg = { background: "rgba(0, 0, 0, 0.5)" }, Fg = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, Ig = { 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}" } }, Tg = { size: "1.5rem" }, Ng = { 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}" } } }, Og = { root: xg, navButton: Bg, navIcon: Rg, thumbnailsContent: Sg, thumbnailNavButton: zg, thumbnailNavButtonIcon: Dg, caption: Wg, indicatorList: Mg, indicatorButton: Pg, insetIndicatorList: Lg, insetIndicatorButton: Fg, closeButton: Ig, closeButtonIcon: Tg, colorScheme: Ng }, Hg = { color: "{form.field.icon.color}" }, Ag = { icon: Hg }, Yg = { 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" }, Eg = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, jg = { root: Yg, input: Eg }, Xg = { transitionDuration: "{transition.duration}" }, _g = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, Gg = { 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" }, Vg = { 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}" } }, qg = { root: Xg, preview: _g, toolbar: Gg, action: Vg }, Ug = { 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}" } }, Jg = { handle: Ug }, Kg = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Zg = { fontWeight: "500" }, Qg = { size: "1rem" }, om = { 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%)" } } }, rm = { root: Kg, text: Zg, icon: Qg, colorScheme: om }, em = { 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}" }, am = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, dm = { root: em, display: am }, nm = { 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}" }, cm = { borderRadius: "{border.radius.sm}" }, tm = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, im = { root: nm, chip: cm, colorScheme: tm }, lm = { 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" }, sm = { addon: lm }, um = { transitionDuration: "{transition.duration}" }, fm = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, gm = { 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}" } } }, mm = { root: um, button: fm, colorScheme: gm }, pm = { gap: "0.5rem" }, bm = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, hm = { root: pm, input: bm }, vm = { 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}" } }, km = { root: vm }, Cm = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, ym = { background: "{primary.color}" }, $m = { background: "{content.border.color}" }, wm = { color: "{text.muted.color}" }, xm = { root: Cm, value: ym, range: $m, text: wm }, Bm = { 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}" }, Rm = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Sm = { 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}" }, zm = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Dm = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Wm = { padding: "{list.option.padding}" }, Mm = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, Pm = { root: Bm, list: Rm, option: Sm, optionGroup: zm, checkmark: Dm, emptyMessage: Wm, colorScheme: Mm }, Lm = { 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}" }, Fm = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Im = { 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}" } }, Tm = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, Nm = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, Om = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Hm = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, Am = { borderColor: "{content.border.color}" }, Ym = { 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}" } }, Em = { root: Lm, baseItem: Fm, item: Im, overlay: Tm, submenu: Nm, submenuLabel: Om, submenuIcon: Hm, separator: Am, mobileButton: Ym }, jm = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, Xm = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, _m = { 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}" } }, Gm = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Vm = { borderColor: "{content.border.color}" }, qm = { root: jm, list: Xm, item: _m, submenuLabel: Gm, separator: Vm }, Um = { 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}" }, Jm = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, Km = { 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}" } }, Zm = { 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}" } }, Qm = { borderColor: "{content.border.color}" }, op = { 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}" } }, rp = { root: Um, baseItem: Jm, item: Km, submenu: Zm, separator: Qm, mobileButton: op }, ep = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, ap = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, dp = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, np = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, cp = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, tp = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, ip = { root: { borderWidth: "1px" } }, lp = { content: { padding: "0" } }, sp = { 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}" } } } }, up = { root: ep, content: ap, text: dp, icon: np, closeButton: cp, closeIcon: tp, outlined: ip, simple: lp, colorScheme: sp }, fp = { borderRadius: "{content.border.radius}", gap: "1rem" }, gp = { background: "{content.border.color}", size: "0.5rem" }, mp = { gap: "0.5rem" }, pp = { size: "0.5rem" }, bp = { size: "1rem" }, hp = { verticalGap: "0.5rem", horizontalGap: "1rem" }, vp = { root: fp, meters: gp, label: mp, labelMarker: pp, labelIcon: bp, labelList: hp }, kp = { 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}" } }, Cp = { width: "2.5rem", color: "{form.field.icon.color}" }, yp = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, $p = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, wp = { 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" }, xp = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Bp = { color: "{form.field.icon.color}" }, Rp = { borderRadius: "{border.radius.sm}" }, Sp = { padding: "{list.option.padding}" }, zp = { root: kp, dropdown: Cp, overlay: yp, list: $p, option: wp, optionGroup: xp, chip: Rp, clearIcon: Bp, emptyMessage: Sp }, Dp = { gap: "1.125rem" }, Wp = { gap: "0.5rem" }, Mp = { root: Dp, controls: Wp }, Pp = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, Lp = { 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}" }, Fp = { 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}" } }, Ip = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, Tp = { root: Pp, node: Lp, nodeToggleButton: Fp, connector: Ip }, Np = { outline: { width: "2px", color: "{content.background}" } }, Op = { root: Np }, Hp = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Ap = { 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}" } }, Yp = { color: "{text.muted.color}" }, Ep = { maxWidth: "2.5rem" }, jp = { root: Hp, navButton: Ap, currentPageReport: Yp, jumpToPageInput: Ep }, Xp = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, _p = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, Gp = { padding: "0.375rem 1.125rem" }, Vp = { fontWeight: "600" }, qp = { padding: "0 1.125rem 1.125rem 1.125rem" }, Up = { padding: "0 1.125rem 1.125rem 1.125rem" }, Jp = { root: Xp, header: _p, toggleableHeader: Gp, title: Vp, content: qp, footer: Up }, Kp = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Zp = { 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}" } }, Qp = { 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}" } }, ob = { indent: "1rem" }, rb = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, eb = { root: Kp, panel: Zp, item: Qp, submenu: ob, submenuIcon: rb }, ab = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, db = { color: "{form.field.icon.color}" }, nb = { 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}" }, cb = { gap: "0.5rem" }, tb = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, ib = { meter: ab, icon: db, overlay: nb, content: cb, colorScheme: tb }, lb = { gap: "1.125rem" }, sb = { gap: "0.5rem" }, ub = { root: lb, controls: sb }, fb = { 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" }, gb = { padding: "{overlay.popover.padding}" }, mb = { root: fb, content: gb }, pb = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, bb = { background: "{primary.color}" }, hb = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, vb = { root: pb, value: bb, label: hb }, kb = { 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}" } } }, Cb = { colorScheme: kb }, yb = { 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" } }, $b = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, wb = { root: yb, icon: $b }, xb = { 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}" } }, Bb = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, Rb = { root: xb, icon: Bb }, Sb = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, zb = { colorScheme: Sb }, Db = { transitionDuration: "{transition.duration}" }, Wb = { 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}" } }, Mb = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, Pb = { root: Db, bar: Wb, colorScheme: Mb }, Lb = { 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}" } }, Fb = { width: "2.5rem", color: "{form.field.icon.color}" }, Ib = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Tb = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, Nb = { 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}" }, Ob = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, Hb = { color: "{form.field.icon.color}" }, Ab = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, Yb = { padding: "{list.option.padding}" }, Eb = { root: Lb, dropdown: Fb, overlay: Ib, list: Tb, option: Nb, optionGroup: Ob, clearIcon: Hb, checkmark: Ab, emptyMessage: Yb }, jb = { borderRadius: "{form.field.border.radius}" }, Xb = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, _b = { root: jb, colorScheme: Xb }, Gb = { borderRadius: "{content.border.radius}" }, Vb = { 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)" } } }, qb = { root: Gb, colorScheme: Vb }, Ub = { transitionDuration: "{transition.duration}" }, Jb = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, Kb = { background: "{primary.color}" }, Zb = { 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}" } }, Qb = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, oh = { root: Ub, track: Jb, range: Kb, handle: Zb, colorScheme: Qb }, rh = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, eh = { root: rh }, ah = { 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)" }, dh = { root: ah }, nh = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, ch = { background: "{content.border.color}" }, th = { 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}" } }, ih = { root: nh, gutter: ch, handle: th }, lh = { transitionDuration: "{transition.duration}" }, sh = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, uh = { padding: "0.5rem", gap: "1rem" }, fh = { 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" }, gh = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, mh = { 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)" }, ph = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, bh = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, hh = { root: lh, separator: sh, step: uh, stepHeader: fh, stepTitle: gh, stepNumber: mh, steppanels: ph, steppanel: bh }, vh = { transitionDuration: "{transition.duration}" }, kh = { background: "{content.border.color}" }, Ch = { 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" }, yh = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, $h = { 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)" }, wh = { root: vh, separator: kh, itemLink: Ch, itemLabel: yh, itemNumber: $h }, xh = { transitionDuration: "{transition.duration}" }, Bh = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Rh = { 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}" } }, Sh = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, zh = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Dh = { root: xh, tablist: Bh, item: Rh, itemIcon: Sh, activeBar: zh }, Wh = { transitionDuration: "{transition.duration}" }, Mh = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, Ph = { 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}" } }, Lh = { 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}" } }, Fh = { 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}" } }, Ih = { height: "1px", bottom: "-1px", background: "{primary.color}" }, Th = { 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%)" } } }, Nh = { root: Wh, tablist: Mh, tab: Ph, tabpanel: Lh, navButton: Fh, activeBar: Ih, colorScheme: Th }, Oh = { transitionDuration: "{transition.duration}" }, Hh = { background: "{content.background}", borderColor: "{content.border.color}" }, Ah = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Yh = { background: "{content.background}", color: "{content.color}" }, Eh = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, jh = { 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%)" } } }, Xh = { root: Oh, tabList: Hh, tab: Ah, tabPanel: Yh, navButton: Eh, colorScheme: jh }, _h = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, Gh = { size: "0.75rem" }, Vh = { 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}" } } }, qh = { root: _h, icon: Gh, colorScheme: Vh }, Uh = { 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}" }, Jh = { gap: "0.25rem" }, Kh = { margin: "2px 0" }, Zh = { root: Uh, prompt: Jh, commandResponse: Kh }, Qh = { 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}" } }, ov = { root: Qh }, rv = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, ev = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, av = { 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}" } }, dv = { mobileIndent: "1rem" }, nv = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, cv = { borderColor: "{content.border.color}" }, tv = { root: rv, list: ev, item: av, submenu: dv, submenuIcon: nv, separator: cv }, iv = { minHeight: "5rem" }, lv = { eventContent: { padding: "1rem 0" } }, sv = { eventContent: { padding: "0 1rem" } }, uv = { 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)" } }, fv = { color: "{content.border.color}", size: "2px" }, gv = { event: iv, horizontal: lv, vertical: sv, eventMarker: uv, eventConnector: fv }, mv = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, pv = { size: "1.125rem" }, bv = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, hv = { gap: "0.5rem" }, vv = { fontWeight: "500", fontSize: "1rem" }, kv = { fontWeight: "500", fontSize: "0.875rem" }, Cv = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, yv = { size: "1rem" }, $v = { 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" } } } } }, wv = { root: mv, icon: pv, content: bv, text: hv, summary: vv, detail: kv, closeButton: Cv, closeIcon: yv, colorScheme: $v }, xv = { 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" } }, Bv = { disabledColor: "{form.field.disabled.color}" }, Rv = { 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" } }, Sv = { 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}" } } }, zv = { root: xv, icon: Bv, content: Rv, colorScheme: Sv }, Dv = { 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" }, Wv = { borderRadius: "50%", size: "1rem" }, Mv = { 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}" } } }, Pv = { root: Dv, handle: Wv, colorScheme: Mv }, Lv = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, Fv = { root: Lv }, Iv = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, Tv = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, Nv = { root: Iv, colorScheme: Tv }, Ov = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, Hv = { 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" }, Av = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, Yv = { 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}" } }, Ev = { size: "2rem" }, jv = { margin: "0 0 0.5rem 0" }, Xv = `
-    .p-tree-mask.p-overlay-mask {
-        --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
-    }
-`, _v = { root: Ov, node: Hv, nodeIcon: Av, nodeToggleButton: Yv, loadingIcon: Ev, filter: jv, css: Xv }, Gv = { 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}" } }, Vv = { width: "2.5rem", color: "{form.field.icon.color}" }, qv = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Uv = { padding: "{list.padding}" }, Jv = { padding: "{list.option.padding}" }, Kv = { borderRadius: "{border.radius.sm}" }, Zv = { color: "{form.field.icon.color}" }, Qv = { root: Gv, dropdown: Vv, overlay: qv, tree: Uv, emptyMessage: Jv, chip: Kv, clearIcon: Zv }, o5 = { transitionDuration: "{transition.duration}" }, r5 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, e5 = { 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}" } }, a5 = { fontWeight: "600" }, d5 = { 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}" } }, n5 = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, c5 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, t5 = { fontWeight: "600" }, i5 = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, l5 = { width: "0.5rem" }, s5 = { width: "1px", color: "{primary.color}" }, u5 = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, f5 = { size: "2rem" }, g5 = { 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}" } }, m5 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, p5 = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, b5 = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, h5 = `
-    .p-treetable-mask.p-overlay-mask {
-        --px-mask-background: light-dark(rgba(255,255,255,0.5),rgba(0,0,0,0.3));
-    }
-`, v5 = { root: o5, header: r5, headerCell: e5, columnTitle: a5, row: d5, bodyCell: n5, footerCell: c5, columnFooter: t5, footer: i5, columnResizer: l5, resizeIndicator: s5, sortIcon: u5, loadingIcon: f5, nodeToggleButton: g5, paginatorTop: m5, paginatorBottom: p5, colorScheme: b5, css: h5 }, k5 = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, C5 = { loader: k5 }, y5 = Object.defineProperty, $5 = Object.defineProperties, w5 = Object.getOwnPropertyDescriptors, yo = Object.getOwnPropertySymbols, x5 = Object.prototype.hasOwnProperty, B5 = Object.prototype.propertyIsEnumerable, $o = (o, r, e) => r in o ? y5(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, wo, ao = (wo = ((o, r) => {
-  for (var e in r || (r = {})) x5.call(r, e) && $o(o, e, r[e]);
-  if (yo) for (var e of yo(r)) B5.call(r, e) && $o(o, e, r[e]);
-  return o;
-})({}, F0), $5(wo, w5({ components: { accordion: i0, autocomplete: v0, avatar: x0, badge: M0, blockui: T0, breadcrumb: A0, button: j0, card: U0, carousel: ru, cascadeselect: iu, checkbox: uu, chip: hu, colorpicker: $u, confirmdialog: Bu, confirmpopup: Wu, contextmenu: Nu, datatable: nf, dataview: gf, datepicker: Lf, dialog: Hf, divider: Xf, dock: Vf, drawer: Qf, editor: ng, fieldset: sg, fileupload: vg, floatlabel: wg, galleria: Og, iconfield: Ag, iftalabel: jg, image: qg, imagecompare: Jg, inlinemessage: rm, inplace: dm, inputchips: im, inputgroup: sm, inputnumber: mm, inputotp: hm, inputtext: km, knob: xm, listbox: Pm, megamenu: Em, menu: qm, menubar: rp, message: up, metergroup: vp, multiselect: zp, orderlist: Mp, organizationchart: Tp, overlaybadge: Op, paginator: jp, panel: Jp, panelmenu: eb, password: ib, picklist: ub, popover: mb, progressbar: vb, progressspinner: Cb, radiobutton: wb, rating: Rb, ripple: zb, scrollpanel: Pb, select: Eb, selectbutton: _b, skeleton: qb, slider: oh, speeddial: eh, splitbutton: dh, splitter: ih, stepper: hh, steps: wh, tabmenu: Dh, tabs: Nh, tabview: Xh, tag: qh, terminal: Zh, textarea: ov, tieredmenu: tv, timeline: gv, toast: wv, togglebutton: zv, toggleswitch: Pv, toolbar: Fv, tooltip: Nv, tree: _v, treeselect: Qv, treetable: v5, virtualscroller: C5 }, css: Ou })));
-const Io = Lo(Fo, {
+  warn: d.warning,
+  orange: d.warning,
+  danger: d.error
+}, S = f(y, {
   primitive: {
-    ...z
+    ...m
   },
   semantic: {
-    primary: z.grape,
+    primary: m.grape,
     colorScheme: {
       light: {
-        surface: z.surface,
+        surface: m.surface,
         primary: {
           color: "{grape.500}",
           contrastColor: "{surface.0}",
@@ -564,17 +221,17 @@ const Io = Lo(Fo, {
   },
   components: {
     // @ts-ignore
-    tabs: ao.components.tabs,
+    tabs: g.components.tabs,
     // @ts-ignore
-    panel: ao.components.panel
+    panel: g.components.panel
   }
-}), R5 = Lo(Fo, {
+}), me = f(y, {
   primitive: {
-    ...z,
-    primary: z.graphite
+    ...m,
+    primary: m.graphite
   },
   semantic: {
-    primary: z.graphite,
+    primary: m.graphite,
     fontFamily: {
       base: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"'
     },
@@ -658,9 +315,9 @@ const Io = Lo(Fo, {
   },
   components: {
     // @ts-ignore
-    tabs: ao.components.tabs,
+    tabs: g.components.tabs,
     // @ts-ignore
-    panel: ao.components.panel,
+    panel: g.components.panel,
     card: {
       root: {
         background: "{surface.300}",
@@ -758,10 +415,10 @@ const Io = Lo(Fo, {
       }
     }
   }
-}), gC = {
+}), It = {
   appmax: "appmax",
   max: "max"
-}, S5 = "Starts with", z5 = "Contains", D5 = "Not contains", W5 = "Ends with", M5 = "Equals", P5 = "Not equals", L5 = "No Filter", F5 = "Less than", I5 = "Less than or equal to", T5 = "Greater than", N5 = "Greater than or equal to", O5 = "Date is", H5 = "Date is not", A5 = "Date is before", Y5 = "Date is after", E5 = "Clear", j5 = "Apply", X5 = "Match All", _5 = "Match Any", G5 = "Add Rule", V5 = "Remove Rule", q5 = "Yes", U5 = "No", J5 = "Choose", K5 = "Upload", Z5 = "Cancel", Q5 = "Completed", ok = "Pending", rk = [
+}, pe = "Starts with", de = "Contains", ue = "Not contains", ge = "Ends with", he = "Equals", ve = "Not equals", fe = "No Filter", ye = "Less than", Se = "Less than or equal to", Me = "Greater than", be = "Greater than or equal to", Ce = "Date is", we = "Date is not", xe = "Date is before", Te = "Date is after", Pe = "Clear", $e = "Apply", Ae = "Match All", ke = "Match Any", De = "Add Rule", Le = "Remove Rule", Ee = "Yes", Ne = "No", Be = "Choose", Fe = "Upload", Re = "Cancel", Ie = "Completed", Oe = "Pending", Ye = [
   "B",
   "KB",
   "MB",
@@ -771,7 +428,7 @@ const Io = Lo(Fo, {
   "EB",
   "ZB",
   "YB"
-], ek = [
+], He = [
   "Sunday",
   "Monday",
   "Tuesday",
@@ -779,7 +436,7 @@ const Io = Lo(Fo, {
   "Thursday",
   "Friday",
   "Saturday"
-], ak = [
+], qe = [
   "Sun",
   "Mon",
   "Tue",
@@ -787,7 +444,7 @@ const Io = Lo(Fo, {
   "Thu",
   "Fri",
   "Sat"
-], dk = [
+], We = [
   "Su",
   "Mo",
   "Tu",
@@ -795,7 +452,7 @@ const Io = Lo(Fo, {
   "Th",
   "Fr",
   "Sa"
-], nk = [
+], ze = [
   "January",
   "February",
   "March",
@@ -808,7 +465,7 @@ const Io = Lo(Fo, {
   "October",
   "November",
   "December"
-], ck = [
+], Ue = [
   "Jan",
   "Feb",
   "Mar",
@@ -821,7 +478,7 @@ const Io = Lo(Fo, {
   "Oct",
   "Nov",
   "Dec"
-], tk = "Choose Year", ik = "Choose Month", lk = "Choose Date", sk = "Previous Decade", uk = "Next Decade", fk = "Previous Year", gk = "Next Year", mk = "Previous Month", pk = "Next Month", bk = "Previous Hour", hk = "Next Hour", vk = "Previous Minute", kk = "Next Minute", Ck = "Previous Second", yk = "Next Second", $k = "am", wk = "pm", xk = "Today", Bk = "Wk", Rk = 0, Sk = !1, zk = "mm-dd-yy", Dk = "Weak", Wk = "Medium", Mk = "Strong", Pk = "Enter a password", Lk = "No results found", Fk = "{0} results are available", Ik = "{0} items selected", Tk = "No selected item", Nk = "No results found", Ok = "{0} files", Hk = "No file chosen", Ak = "No available options", Yk = {
+], je = "Choose Year", Je = "Choose Month", Ve = "Choose Date", Ge = "Previous Decade", Ze = "Next Decade", Qe = "Previous Year", Ke = "Next Year", _e = "Previous Month", Xe = "Next Month", eo = "Previous Hour", oo = "Next Hour", ro = "Previous Minute", to = "Next Minute", ao = "Previous Second", no = "Next Second", so = "am", io = "pm", co = "Today", lo = "Wk", mo = 0, po = !1, uo = "mm-dd-yy", go = "Weak", ho = "Medium", vo = "Strong", fo = "Enter a password", yo = "No results found", So = "{0} results are available", Mo = "{0} items selected", bo = "No selected item", Co = "No results found", wo = "{0} files", xo = "No file chosen", To = "No available options", Po = {
   trueLabel: "True",
   falseLabel: "False",
   nullLabel: "Not Selected",
@@ -871,77 +528,77 @@ const Io = Lo(Fo, {
   rotateRight: "Rotate Right",
   rotateLeft: "Rotate Left",
   listLabel: "Option List"
-}, To = {
-  startsWith: S5,
-  contains: z5,
-  notContains: D5,
-  endsWith: W5,
-  equals: M5,
-  notEquals: P5,
-  noFilter: L5,
-  lt: F5,
-  lte: I5,
-  gt: T5,
-  gte: N5,
-  dateIs: O5,
-  dateIsNot: H5,
-  dateBefore: A5,
-  dateAfter: Y5,
-  clear: E5,
-  apply: j5,
-  matchAll: X5,
-  matchAny: _5,
-  addRule: G5,
-  removeRule: V5,
-  accept: q5,
-  reject: U5,
-  choose: J5,
-  upload: K5,
-  cancel: Z5,
-  completed: Q5,
-  pending: ok,
-  fileSizeTypes: rk,
-  dayNames: ek,
-  dayNamesShort: ak,
-  dayNamesMin: dk,
-  monthNames: nk,
-  monthNamesShort: ck,
-  chooseYear: tk,
-  chooseMonth: ik,
-  chooseDate: lk,
-  prevDecade: sk,
-  nextDecade: uk,
-  prevYear: fk,
-  nextYear: gk,
-  prevMonth: mk,
-  nextMonth: pk,
-  prevHour: bk,
-  nextHour: hk,
-  prevMinute: vk,
-  nextMinute: kk,
-  prevSecond: Ck,
-  nextSecond: yk,
-  am: $k,
-  pm: wk,
-  today: xk,
-  weekHeader: Bk,
-  firstDayOfWeek: Rk,
-  showMonthAfterYear: Sk,
-  dateFormat: zk,
-  weak: Dk,
-  medium: Wk,
-  strong: Mk,
-  passwordPrompt: Pk,
-  emptyFilterMessage: Lk,
-  searchMessage: Fk,
-  selectionMessage: Ik,
-  emptySelectionMessage: Tk,
-  emptySearchMessage: Nk,
-  fileChosenMessage: Ok,
-  noFileChosenMessage: Hk,
-  emptyMessage: Ak,
-  aria: Yk
-}, Ek = "Começa com", jk = "Contém", Xk = "Não contém", _k = "Termina com", Gk = "Igual", Vk = "Diferente de", qk = "Sem filtro", Uk = "Menor que", Jk = "Menor ou igual a", Kk = "Maior que", Zk = "Maior ou igual a", Qk = "Data é", o1 = "Data não é", r1 = "Data antes de", e1 = "Data depois de", a1 = "Limpar", d1 = "Aplicar", n1 = "Corresponder a todos", c1 = "Corresponder a qualquer", t1 = "Adicionar regra", i1 = "Remover regra", l1 = "Sim", s1 = "Não", u1 = "Escolher", f1 = "Enviar", g1 = "Cancelar", m1 = "Concluído", p1 = "Pendente", b1 = [
+}, M = {
+  startsWith: pe,
+  contains: de,
+  notContains: ue,
+  endsWith: ge,
+  equals: he,
+  notEquals: ve,
+  noFilter: fe,
+  lt: ye,
+  lte: Se,
+  gt: Me,
+  gte: be,
+  dateIs: Ce,
+  dateIsNot: we,
+  dateBefore: xe,
+  dateAfter: Te,
+  clear: Pe,
+  apply: $e,
+  matchAll: Ae,
+  matchAny: ke,
+  addRule: De,
+  removeRule: Le,
+  accept: Ee,
+  reject: Ne,
+  choose: Be,
+  upload: Fe,
+  cancel: Re,
+  completed: Ie,
+  pending: Oe,
+  fileSizeTypes: Ye,
+  dayNames: He,
+  dayNamesShort: qe,
+  dayNamesMin: We,
+  monthNames: ze,
+  monthNamesShort: Ue,
+  chooseYear: je,
+  chooseMonth: Je,
+  chooseDate: Ve,
+  prevDecade: Ge,
+  nextDecade: Ze,
+  prevYear: Qe,
+  nextYear: Ke,
+  prevMonth: _e,
+  nextMonth: Xe,
+  prevHour: eo,
+  nextHour: oo,
+  prevMinute: ro,
+  nextMinute: to,
+  prevSecond: ao,
+  nextSecond: no,
+  am: so,
+  pm: io,
+  today: co,
+  weekHeader: lo,
+  firstDayOfWeek: mo,
+  showMonthAfterYear: po,
+  dateFormat: uo,
+  weak: go,
+  medium: ho,
+  strong: vo,
+  passwordPrompt: fo,
+  emptyFilterMessage: yo,
+  searchMessage: So,
+  selectionMessage: Mo,
+  emptySelectionMessage: bo,
+  emptySearchMessage: Co,
+  fileChosenMessage: wo,
+  noFileChosenMessage: xo,
+  emptyMessage: To,
+  aria: Po
+}, $o = "Começa com", Ao = "Contém", ko = "Não contém", Do = "Termina com", Lo = "Igual", Eo = "Diferente de", No = "Sem filtro", Bo = "Menor que", Fo = "Menor ou igual a", Ro = "Maior que", Io = "Maior ou igual a", Oo = "Data é", Yo = "Data não é", Ho = "Data antes de", qo = "Data depois de", Wo = "Limpar", zo = "Aplicar", Uo = "Corresponder a todos", jo = "Corresponder a qualquer", Jo = "Adicionar regra", Vo = "Remover regra", Go = "Sim", Zo = "Não", Qo = "Escolher", Ko = "Enviar", _o = "Cancelar", Xo = "Concluído", er = "Pendente", or = [
   "B",
   "KB",
   "MB",
@@ -951,7 +608,7 @@ const Io = Lo(Fo, {
   "EB",
   "ZB",
   "YB"
-], h1 = [
+], rr = [
   "Domingo",
   "Segunda-feira",
   "Terça-feira",
@@ -959,7 +616,7 @@ const Io = Lo(Fo, {
   "Quinta-feira",
   "Sexta-feira",
   "Sábado"
-], v1 = [
+], tr = [
   "Dom",
   "Seg",
   "Ter",
@@ -967,7 +624,7 @@ const Io = Lo(Fo, {
   "Qui",
   "Sex",
   "Sáb"
-], k1 = [
+], ar = [
   "Do",
   "Se",
   "Te",
@@ -975,7 +632,7 @@ const Io = Lo(Fo, {
   "Qui",
   "Sex",
   "Sab"
-], C1 = [
+], nr = [
   "Janeiro",
   "Fevereiro",
   "Março",
@@ -988,7 +645,7 @@ const Io = Lo(Fo, {
   "Outubro",
   "Novembro",
   "Dezembro"
-], y1 = [
+], sr = [
   "Jan",
   "Fev",
   "Mar",
@@ -1001,7 +658,7 @@ const Io = Lo(Fo, {
   "Out",
   "Nov",
   "Dez"
-], $1 = "Escolher Ano", w1 = "Escolher Mês", x1 = "Escolher Data", B1 = "Década Anterior", R1 = "Próxima Década", S1 = "Ano Anterior", z1 = "Próximo Ano", D1 = "Mês Anterior", W1 = "Próximo Mês", M1 = "Hora Anterior", P1 = "Próxima Hora", L1 = "Minuto Anterior", F1 = "Próximo Minuto", I1 = "Segundo Anterior", T1 = "Próximo Segundo", N1 = "AM", O1 = "PM", H1 = "Hoje", A1 = "Sm", Y1 = 0, E1 = !1, j1 = "dd/mm/yy", X1 = "Fraca", _1 = "Média", G1 = "Forte", V1 = "Digite uma senha", q1 = "Nenhum resultado encontrado", U1 = "{0} resultados disponíveis", J1 = "{0} itens selecionados", K1 = "Nenhum item selecionado", Z1 = "Nenhum resultado encontrado", Q1 = "{0} arquivos", oC = "Nenhum arquivo selecionado", rC = "Nenhuma opção disponível", eC = {
+], ir = "Escolher Ano", cr = "Escolher Mês", lr = "Escolher Data", mr = "Década Anterior", pr = "Próxima Década", dr = "Ano Anterior", ur = "Próximo Ano", gr = "Mês Anterior", hr = "Próximo Mês", vr = "Hora Anterior", fr = "Próxima Hora", yr = "Minuto Anterior", Sr = "Próximo Minuto", Mr = "Segundo Anterior", br = "Próximo Segundo", Cr = "AM", wr = "PM", xr = "Hoje", Tr = "Sm", Pr = 0, $r = !1, Ar = "dd/mm/yy", kr = "Fraca", Dr = "Média", Lr = "Forte", Er = "Digite uma senha", Nr = "Nenhum resultado encontrado", Br = "{0} resultados disponíveis", Fr = "{0} itens selecionados", Rr = "Nenhum item selecionado", Ir = "Nenhum resultado encontrado", Or = "{0} arquivos", Yr = "Nenhum arquivo selecionado", Hr = "Nenhuma opção disponível", qr = {
   trueLabel: "Verdadeiro",
   falseLabel: "Falso",
   nullLabel: "Não Selecionado",
@@ -1051,154 +708,154 @@ const Io = Lo(Fo, {
   rotateRight: "Girar para a Direita",
   rotateLeft: "Girar para a Esquerda",
   listLabel: "Lista de Opções"
-}, No = {
-  startsWith: Ek,
-  contains: jk,
-  notContains: Xk,
-  endsWith: _k,
-  equals: Gk,
-  notEquals: Vk,
-  noFilter: qk,
-  lt: Uk,
-  lte: Jk,
-  gt: Kk,
-  gte: Zk,
-  dateIs: Qk,
-  dateIsNot: o1,
-  dateBefore: r1,
-  dateAfter: e1,
-  clear: a1,
-  apply: d1,
-  matchAll: n1,
-  matchAny: c1,
-  addRule: t1,
-  removeRule: i1,
-  accept: l1,
-  reject: s1,
-  choose: u1,
-  upload: f1,
-  cancel: g1,
-  completed: m1,
-  pending: p1,
-  fileSizeTypes: b1,
-  dayNames: h1,
-  dayNamesShort: v1,
-  dayNamesMin: k1,
-  monthNames: C1,
-  monthNamesShort: y1,
-  chooseYear: $1,
-  chooseMonth: w1,
-  chooseDate: x1,
-  prevDecade: B1,
-  nextDecade: R1,
-  prevYear: S1,
-  nextYear: z1,
-  prevMonth: D1,
-  nextMonth: W1,
-  prevHour: M1,
-  nextHour: P1,
-  prevMinute: L1,
-  nextMinute: F1,
-  prevSecond: I1,
-  nextSecond: T1,
-  am: N1,
-  pm: O1,
-  today: H1,
-  weekHeader: A1,
-  firstDayOfWeek: Y1,
-  showMonthAfterYear: E1,
-  dateFormat: j1,
-  weak: X1,
-  medium: _1,
-  strong: G1,
-  passwordPrompt: V1,
-  emptyFilterMessage: q1,
-  searchMessage: U1,
-  selectionMessage: J1,
-  emptySelectionMessage: K1,
-  emptySearchMessage: Z1,
-  fileChosenMessage: Q1,
-  noFileChosenMessage: oC,
-  emptyMessage: rC,
-  aria: eC
-}, aC = () => {
+}, b = {
+  startsWith: $o,
+  contains: Ao,
+  notContains: ko,
+  endsWith: Do,
+  equals: Lo,
+  notEquals: Eo,
+  noFilter: No,
+  lt: Bo,
+  lte: Fo,
+  gt: Ro,
+  gte: Io,
+  dateIs: Oo,
+  dateIsNot: Yo,
+  dateBefore: Ho,
+  dateAfter: qo,
+  clear: Wo,
+  apply: zo,
+  matchAll: Uo,
+  matchAny: jo,
+  addRule: Jo,
+  removeRule: Vo,
+  accept: Go,
+  reject: Zo,
+  choose: Qo,
+  upload: Ko,
+  cancel: _o,
+  completed: Xo,
+  pending: er,
+  fileSizeTypes: or,
+  dayNames: rr,
+  dayNamesShort: tr,
+  dayNamesMin: ar,
+  monthNames: nr,
+  monthNamesShort: sr,
+  chooseYear: ir,
+  chooseMonth: cr,
+  chooseDate: lr,
+  prevDecade: mr,
+  nextDecade: pr,
+  prevYear: dr,
+  nextYear: ur,
+  prevMonth: gr,
+  nextMonth: hr,
+  prevHour: vr,
+  nextHour: fr,
+  prevMinute: yr,
+  nextMinute: Sr,
+  prevSecond: Mr,
+  nextSecond: br,
+  am: Cr,
+  pm: wr,
+  today: xr,
+  weekHeader: Tr,
+  firstDayOfWeek: Pr,
+  showMonthAfterYear: $r,
+  dateFormat: Ar,
+  weak: kr,
+  medium: Dr,
+  strong: Lr,
+  passwordPrompt: Er,
+  emptyFilterMessage: Nr,
+  searchMessage: Br,
+  selectionMessage: Fr,
+  emptySelectionMessage: Rr,
+  emptySearchMessage: Ir,
+  fileChosenMessage: Or,
+  noFileChosenMessage: Yr,
+  emptyMessage: Hr,
+  aria: qr
+}, Wr = () => {
   if (typeof window < "u")
-    return document.documentElement.lang === "en" ? To : No;
-}, dC = {
-  locale: aC(),
+    return document.documentElement.lang === "en" ? M : b;
+}, zr = {
+  locale: Wr(),
   theme: {
-    preset: Io,
+    preset: S,
     options: {
       darkModeSelector: ".p-dark"
     }
   }
-}, nC = {
-  install(o) {
-    o.use(nr);
+}, Ur = {
+  install(e) {
+    e.use(P);
   }
-}, cC = {
-  install(o) {
-    const r = async (a) => a === "pt-BR" ? No : To, e = (a) => {
-      const d = /^en/.test(a) ? "en-US" : "pt-BR";
-      typeof window < "u" && window.dispatchEvent(new CustomEvent("localeChanged", { detail: d }));
+}, jr = {
+  install(e) {
+    const r = async (a) => a === "pt-BR" ? b : M, c = (a) => {
+      const s = /^en/.test(a) ? "en-US" : "pt-BR";
+      typeof window < "u" && window.dispatchEvent(new CustomEvent("localeChanged", { detail: s }));
     };
     typeof window < "u" && window.addEventListener("localeChanged", async (a) => {
-      const t = a.detail, c = o.config.globalProperties.$primevue;
-      c && (c.config.locale = await r(t));
-    }), o.config.globalProperties.$setPrimeVueLocale = e;
+      const o = a.detail, t = e.config.globalProperties.$primevue;
+      t && (t.config.locale = await r(o));
+    }), e.config.globalProperties.$setPrimeVueLocale = c;
   }
-}, ro = {
-  appmax: Io,
-  max: R5
-}, w = cr("appmax");
+}, u = {
+  appmax: S,
+  max: me
+}, i = $("appmax");
 if (typeof document < "u") {
-  const o = () => {
+  const e = () => {
     const r = document.documentElement;
-    r.setAttribute("data-theme", w.value), w.value === "max" && (r.classList.add("p-dark"), r.style.colorScheme = "dark");
+    r.setAttribute("data-theme", i.value), i.value === "max" && (r.classList.add("p-dark"), r.style.colorScheme = "dark");
   };
-  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", o) : o();
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", e) : e();
 }
-function mC() {
-  return w.value;
+function Ot() {
+  return i.value;
 }
-function pC() {
-  return w;
+function Yt() {
+  return i;
 }
-function bC() {
-  let o = null;
+function Ht() {
+  let e = null;
   try {
-    o = ar();
+    e = w();
   } catch {
     console.warn("[useTheme] PrimeVue não está disponível no contexto atual");
   }
-  const r = (t) => {
-    const c = ro[t];
-    if (!c) {
+  const r = (o) => {
+    const t = u[o];
+    if (!t) {
       console.warn(
-        `[useTheme] Tema "${t}" não encontrado. Temas disponíveis:`,
-        Object.keys(ro)
+        `[useTheme] Tema "${o}" não encontrado. Temas disponíveis:`,
+        Object.keys(u)
       );
       return;
     }
     try {
-      Sr(c), w.value = t, o && o.config && o.config.theme && (o.config.theme.preset = c), e(t), window.dispatchEvent(
+      T(t), i.value = o, e && e.config && e.config.theme && (e.config.theme.preset = t), c(o), window.dispatchEvent(
         new CustomEvent("theme-changed", {
-          detail: { theme: t, preset: c }
+          detail: { theme: o, preset: t }
         })
       );
-    } catch (i) {
-      console.error("[useTheme] Erro ao trocar tema:", i);
+    } catch (n) {
+      console.error("[useTheme] Erro ao trocar tema:", n);
     }
-  }, e = (t) => {
+  }, c = (o) => {
     if (typeof document > "u") return;
-    const c = document.documentElement;
-    c.setAttribute("data-theme", t), t === "max" ? (c.classList.add("p-dark"), c.style.colorScheme = "dark") : (c.classList.remove("p-dark"), c.style.colorScheme = "light");
-  }, a = () => ro[w.value], d = Object.keys(ro);
+    const t = document.documentElement;
+    t.setAttribute("data-theme", o), o === "max" ? (t.classList.add("p-dark"), t.style.colorScheme = "dark") : (t.classList.remove("p-dark"), t.style.colorScheme = "light");
+  }, a = () => u[i.value], s = Object.keys(u);
   return {
     /**
      * Tema atual
      */
-    theme: w,
+    theme: i,
     /**
      * Função para trocar o tema
      */
@@ -1210,40 +867,99 @@ function bC() {
     /**
      * Lista de temas disponíveis
      */
-    availableThemes: d,
+    availableThemes: s,
     /**
      * Verifica se um tema está ativo
      */
-    isThemeActive: (t) => w.value === t
+    isThemeActive: (o) => i.value === o
   };
 }
-const tC = {
-  install(o) {
+const Jr = {
+  install(e) {
     typeof window < "u" && window.addEventListener("themeChanged", (r) => {
       const a = r.detail;
-      console.log("Changing theme to:", a), o.config.globalProperties.$primevue && (document.documentElement.setAttribute("data-theme", a), console.log("Theme applied successfully:", a));
+      console.log("Changing theme to:", a), e.config.globalProperties.$primevue && (document.documentElement.setAttribute("data-theme", a), console.log("Theme applied successfully:", a));
     });
   }
-};
-function iC() {
+}, v = [
+  A,
+  k,
+  D,
+  L,
+  E,
+  N,
+  B,
+  F,
+  R,
+  I,
+  O,
+  Y,
+  H,
+  q,
+  W,
+  z,
+  U,
+  j,
+  J,
+  V,
+  G,
+  Z,
+  Q,
+  K,
+  _,
+  X,
+  ee,
+  oe,
+  re,
+  te,
+  ae,
+  ne,
+  se,
+  ie,
+  ce
+];
+function Vr() {
+  var c, a, s;
+  if (typeof document > "u") return;
+  const e = {}, r = v[0];
+  try {
+    const o = ((c = r.getCommonTheme) == null ? void 0 : c.call(r)) || {}, { primitive: t, semantic: n, global: l, style: h } = o;
+    t != null && t.css && r.load(t.css, { name: "primitive-variables", ...e }), n != null && n.css && r.load(n.css, { name: "semantic-variables", ...e }), l != null && l.css && r.load(l.css, { name: "global-variables", ...e }), h && r.loadStyle({ name: "global-style", ...e }, h);
+  } catch {
+  }
+  for (const o of v)
+    if (o != null && o.name)
+      try {
+        o.loadCSS(e);
+        const t = ((a = o.getComponentTheme) == null ? void 0 : a.call(o)) || {}, { css: n, style: l } = t;
+        n && o.load(n, { name: `${o.name}-variables`, ...e }), o.loadStyle({ name: `${o.name}-style`, ...e }, l || "");
+      } catch {
+      }
+  try {
+    const o = (s = r.getLayerOrderThemeCSS) == null ? void 0 : s.call(r);
+    o && r.load(o, { name: "layer-order", first: !0, ...e });
+  } catch {
+  }
+}
+function Gr() {
   if (typeof document > "u") return;
-  const o = "ds-prime-google-font";
-  if (document.getElementById(o)) return;
+  const e = "ds-prime-google-font";
+  if (document.getElementById(e)) return;
   const r = document.createElement("link");
-  r.id = o, r.rel = "stylesheet", r.href = "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap", document.head.appendChild(r);
+  r.id = e, r.rel = "stylesheet", r.href = "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap", document.head.appendChild(r);
 }
-const hC = {
-  install(o) {
-    iC(), o.use(er, dC), o.use(nC), o.use(cC), o.use(tC), o.directive("tooltip", dr);
+const qt = {
+  install(e) {
+    Gr(), e.use(C, zr), Vr(), e.use(Ur), e.use(jr), e.use(Jr), e.directive("tooltip", x);
   }
 };
 export {
-  hC as AmDSPrime,
-  Io as AppmaxPreset,
-  R5 as MaxPreset,
-  gC as THEME_PRESETS,
-  hC as default,
-  mC as getCurrentTheme,
-  pC as getCurrentThemeRef,
-  bC as useTheme
+  qt as AmDSPrime,
+  S as AppmaxPreset,
+  me as MaxPreset,
+  It as THEME_PRESETS,
+  qt as default,
+  Ot as getCurrentTheme,
+  Yt as getCurrentThemeRef,
+  Ht as useTheme
 };