@turquoisehealth/pit-viper 2.104.0 → 2.104.2-dev.0

package/pv-components/dist/web/components/pv-toggle-group/pv-toggle-group.js

@@ -0,0 +1,2887 @@
+import { defineComponent as $o, ref as Y, computed as I, onMounted as Ko, getCurrentInstance as Vo, createElementBlock as X, openBlock as _, normalizeClass as co, createElementVNode as G, nextTick as ve, watch as K, getCurrentScope as ye, onScopeDispose as ke, toValue as H, toRef as dt, readonly as we, customRef as st, shallowRef as Z, watchEffect as ut, unref as eo, shallowReadonly as Po, mergeModels as Jo, useModel as Qo, withDirectives as Yo, createBlock as Xo, createCommentVNode as so, renderSlot as vo, Teleport as ft, normalizeStyle as gt, vShow as mt, toDisplayString as yo, normalizeProps as pt, guardReactiveProps as ht, createSlots as bt, withCtx as Rr, createTextVNode as vt, Fragment as Pr, vModelDynamic as yt, vModelCheckbox as kt, mergeProps as wt, vModelText as $t, renderList as xt, defineCustomElement as Ct } from "vue";
+const Bt = [void 0, 10, 12, 20, 24, 32, 64], St = ["xlink:href"], $e = /* @__PURE__ */ $o({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(o) {
+    const r = o, e = Y(!1), t = Y(null), n = I(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${r.size}`]: Bt.includes(r.size)
+    })), l = I(() => e.value && t.value ? `${t.value}#${r.name}` : `#${r.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (t.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), Ko(() => {
+      const c = Vo()?.root;
+      e.value = c && "isCE" in c && c.isCE;
+    }), (c, a) => (_(), X(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: co(n.value)
+      },
+      [
+        G("use", { "xlink:href": l.value }, null, 8, St)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+function Eo(o) {
+  return ye() ? (ke(o), !0) : !1;
+}
+const Lr = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Rt = (o) => o != null, Ot = Object.prototype.toString, xe = (o) => Ot.call(o) === "[object Object]", io = () => {
+}, Or = /* @__PURE__ */ zt();
+function zt() {
+  var o, r;
+  return Lr && ((o = window?.navigator) == null ? void 0 : o.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((r = window?.navigator) == null ? void 0 : r.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+}
+function Dt(...o) {
+  if (o.length !== 1)
+    return dt(...o);
+  const r = o[0];
+  return typeof r == "function" ? we(st(() => ({ get: r, set: io }))) : Y(r);
+}
+function Tt(o, r) {
+  function e(...t) {
+    return new Promise((n, l) => {
+      Promise.resolve(o(() => r.apply(this, t), { fn: r, thisArg: this, args: t })).then(n).catch(l);
+    });
+  }
+  return e;
+}
+function Pt(o, r = {}) {
+  let e, t, n = io;
+  const l = (i) => {
+    clearTimeout(i), n(), n = io;
+  };
+  let c;
+  return (i) => {
+    const d = H(o), s = H(r.maxWait);
+    return e && l(e), d <= 0 || s !== void 0 && s <= 0 ? (t && (l(t), t = void 0), Promise.resolve(i())) : new Promise((g, u) => {
+      n = r.rejectOnCancel ? u : g, c = i, s && !t && (t = setTimeout(() => {
+        e && l(e), t = void 0, g(c());
+      }, s)), e = setTimeout(() => {
+        t && l(t), t = void 0, g(i());
+      }, d);
+    });
+  };
+}
+function So(o) {
+  return Array.isArray(o) ? o : [o];
+}
+function Lt(o) {
+  return Vo();
+}
+// @__NO_SIDE_EFFECTS__
+function Nr(o, r = 200, e = {}) {
+  return Tt(
+    Pt(r, e),
+    o
+  );
+}
+function Mt(o, r = !0, e) {
+  Lt() ? Ko(o, e) : r ? o() : ve(o);
+}
+function Ce(o, r, e) {
+  return K(
+    o,
+    r,
+    {
+      ...e,
+      immediate: !0
+    }
+  );
+}
+const or = Lr ? window : void 0;
+function ko(o) {
+  var r;
+  const e = H(o);
+  return (r = e?.$el) != null ? r : e;
+}
+function sr(...o) {
+  const r = [], e = () => {
+    r.forEach((a) => a()), r.length = 0;
+  }, t = (a, i, d, s) => (a.addEventListener(i, d, s), () => a.removeEventListener(i, d, s)), n = I(() => {
+    const a = So(H(o[0])).filter((i) => i != null);
+    return a.every((i) => typeof i != "string") ? a : void 0;
+  }), l = Ce(
+    () => {
+      var a, i;
+      return [
+        (i = (a = n.value) == null ? void 0 : a.map((d) => ko(d))) != null ? i : [or].filter((d) => d != null),
+        So(H(n.value ? o[1] : o[0])),
+        So(eo(n.value ? o[2] : o[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        H(n.value ? o[3] : o[2])
+      ];
+    },
+    ([a, i, d, s]) => {
+      if (e(), !a?.length || !i?.length || !d?.length)
+        return;
+      const g = xe(s) ? { ...s } : s;
+      r.push(
+        ...a.flatMap(
+          (u) => i.flatMap(
+            (f) => d.map((h) => t(u, f, h, g))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), c = () => {
+    l(), e();
+  };
+  return Eo(e), c;
+}
+// @__NO_SIDE_EFFECTS__
+function Wt() {
+  const o = Z(!1), r = Vo();
+  return r && Ko(() => {
+    o.value = !0;
+  }, r), o;
+}
+// @__NO_SIDE_EFFECTS__
+function Be(o) {
+  const r = /* @__PURE__ */ Wt();
+  return I(() => (r.value, !!o()));
+}
+function Se(o, r, e = {}) {
+  const { window: t = or, ...n } = e;
+  let l;
+  const c = /* @__PURE__ */ Be(() => t && "MutationObserver" in t), a = () => {
+    l && (l.disconnect(), l = void 0);
+  }, i = I(() => {
+    const u = H(o), f = So(u).map(ko).filter(Rt);
+    return new Set(f);
+  }), d = K(
+    i,
+    (u) => {
+      a(), c.value && u.size && (l = new MutationObserver(r), u.forEach((f) => l.observe(f, n)));
+    },
+    { immediate: !0, flush: "post" }
+  ), s = () => l?.takeRecords(), g = () => {
+    d(), a();
+  };
+  return Eo(g), {
+    isSupported: c,
+    stop: g,
+    takeRecords: s
+  };
+}
+function jt(o, r, e = {}) {
+  const {
+    window: t = or,
+    document: n = t?.document,
+    flush: l = "sync"
+  } = e;
+  if (!t || !n)
+    return io;
+  let c;
+  const a = (s) => {
+    c?.(), c = s;
+  }, i = ut(() => {
+    const s = ko(o);
+    if (s) {
+      const { stop: g } = Se(
+        n,
+        (u) => {
+          u.map((h) => [...h.removedNodes]).flat().some((h) => h === s || h.contains(s)) && r(u);
+        },
+        {
+          window: t,
+          childList: !0,
+          subtree: !0
+        }
+      );
+      a(g);
+    }
+  }, { flush: l }), d = () => {
+    i(), a();
+  };
+  return Eo(d), d;
+}
+function Et(o, r, e = {}) {
+  const { window: t = or, ...n } = e;
+  let l;
+  const c = /* @__PURE__ */ Be(() => t && "ResizeObserver" in t), a = () => {
+    l && (l.disconnect(), l = void 0);
+  }, i = I(() => {
+    const g = H(o);
+    return Array.isArray(g) ? g.map((u) => ko(u)) : [ko(g)];
+  }), d = K(
+    i,
+    (g) => {
+      if (a(), c.value && t) {
+        l = new ResizeObserver(r);
+        for (const u of g)
+          u && l.observe(u, n);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), s = () => {
+    a(), d();
+  };
+  return Eo(s), {
+    isSupported: c,
+    stop: s
+  };
+}
+function At(o, r = {}) {
+  const {
+    reset: e = !0,
+    windowResize: t = !0,
+    windowScroll: n = !0,
+    immediate: l = !0,
+    updateTiming: c = "sync"
+  } = r, a = Z(0), i = Z(0), d = Z(0), s = Z(0), g = Z(0), u = Z(0), f = Z(0), h = Z(0);
+  function p() {
+    const b = ko(o);
+    if (!b) {
+      e && (a.value = 0, i.value = 0, d.value = 0, s.value = 0, g.value = 0, u.value = 0, f.value = 0, h.value = 0);
+      return;
+    }
+    const v = b.getBoundingClientRect();
+    a.value = v.height, i.value = v.bottom, d.value = v.left, s.value = v.right, g.value = v.top, u.value = v.width, f.value = v.x, h.value = v.y;
+  }
+  function m() {
+    c === "sync" ? p() : c === "next-frame" && requestAnimationFrame(() => p());
+  }
+  return Et(o, m), K(() => ko(o), (b) => !b && m()), Se(o, m, {
+    attributeFilter: ["style", "class"]
+  }), n && sr("scroll", m, { capture: !0, passive: !0 }), t && sr("resize", m, { passive: !0 }), Mt(() => {
+    l && m();
+  }), {
+    height: a,
+    bottom: i,
+    left: d,
+    right: s,
+    top: g,
+    width: u,
+    x: f,
+    y: h,
+    update: m
+  };
+}
+function Ir(o, r = {}) {
+  const {
+    delayEnter: e = 0,
+    delayLeave: t = 0,
+    triggerOnRemoval: n = !1,
+    window: l = or
+  } = r, c = Z(!1);
+  let a;
+  const i = (d) => {
+    const s = d ? e : t;
+    a && (clearTimeout(a), a = void 0), s ? a = setTimeout(() => c.value = d, s) : c.value = d;
+  };
+  return l && (sr(o, "mouseenter", () => i(!0), { passive: !0 }), sr(o, "mouseleave", () => i(!1), { passive: !0 }), n && jt(
+    I(() => ko(o)),
+    () => i(!1)
+  )), c;
+}
+const Re = Lr ? window : void 0;
+function No(o) {
+  var r;
+  const e = H(o);
+  return (r = e?.$el) != null ? r : e;
+}
+function nr(...o) {
+  const r = [], e = () => {
+    r.forEach((a) => a()), r.length = 0;
+  }, t = (a, i, d, s) => (a.addEventListener(i, d, s), () => a.removeEventListener(i, d, s)), n = I(() => {
+    const a = So(H(o[0])).filter((i) => i != null);
+    return a.every((i) => typeof i != "string") ? a : void 0;
+  }), l = Ce(
+    () => {
+      var a, i;
+      return [
+        (i = (a = n.value) == null ? void 0 : a.map((d) => No(d))) != null ? i : [Re].filter((d) => d != null),
+        So(H(n.value ? o[1] : o[0])),
+        So(eo(n.value ? o[2] : o[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        H(n.value ? o[3] : o[2])
+      ];
+    },
+    ([a, i, d, s]) => {
+      if (e(), !a?.length || !i?.length || !d?.length)
+        return;
+      const g = xe(s) ? { ...s } : s;
+      r.push(
+        ...a.flatMap(
+          (u) => i.flatMap(
+            (f) => d.map((h) => t(u, f, h, g))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), c = () => {
+    l(), e();
+  };
+  return Eo(e), c;
+}
+let _r = !1;
+function Hr(o, r, e = {}) {
+  const { window: t = Re, ignore: n = [], capture: l = !0, detectIframe: c = !1, controls: a = !1 } = e;
+  if (!t)
+    return a ? { stop: io, cancel: io, trigger: io } : io;
+  if (Or && !_r) {
+    _r = !0;
+    const m = { passive: !0 };
+    Array.from(t.document.body.children).forEach((b) => b.addEventListener("click", io, m)), t.document.documentElement.addEventListener("click", io, m);
+  }
+  let i = !0;
+  const d = (m) => H(n).some((b) => {
+    if (typeof b == "string")
+      return Array.from(t.document.querySelectorAll(b)).some((v) => v === m.target || m.composedPath().includes(v));
+    {
+      const v = No(b);
+      return v && (m.target === v || m.composedPath().includes(v));
+    }
+  });
+  function s(m) {
+    const b = H(m);
+    return b && b.$.subTree.shapeFlag === 16;
+  }
+  function g(m, b) {
+    const v = H(m), C = v.$.subTree && v.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some((T) => T.el === b.target || b.composedPath().includes(T.el));
+  }
+  const u = (m) => {
+    const b = No(o);
+    if (m.target != null && !(!(b instanceof Element) && s(o) && g(o, m)) && !(!b || b === m.target || m.composedPath().includes(b))) {
+      if ("detail" in m && m.detail === 0 && (i = !d(m)), !i) {
+        i = !0;
+        return;
+      }
+      r(m);
+    }
+  };
+  let f = !1;
+  const h = [
+    nr(t, "click", (m) => {
+      f || (f = !0, setTimeout(() => {
+        f = !1;
+      }, 0), u(m));
+    }, { passive: !0, capture: l }),
+    nr(t, "pointerdown", (m) => {
+      const b = No(o);
+      i = !d(m) && !!(b && !m.composedPath().includes(b));
+    }, { passive: !0 }),
+    c && nr(t, "blur", (m) => {
+      setTimeout(() => {
+        var b;
+        const v = No(o);
+        ((b = t.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !v?.contains(t.document.activeElement) && r(m);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), p = () => h.forEach((m) => m());
+  return a ? {
+    stop: p,
+    cancel: () => {
+      i = !1;
+    },
+    trigger: (m) => {
+      i = !0, u(m), i = !1;
+    }
+  } : p;
+}
+const kr = /* @__PURE__ */ new WeakMap(), Nt = {
+  mounted(o, r) {
+    const e = !r.modifiers.bubble;
+    let t;
+    if (typeof r.value == "function")
+      t = Hr(o, r.value, { capture: e });
+    else {
+      const [n, l] = r.value;
+      t = Hr(o, n, Object.assign({ capture: e }, l));
+    }
+    kr.set(o, t);
+  },
+  unmounted(o) {
+    const r = kr.get(o);
+    r && typeof r == "function" ? r() : r?.stop(), kr.delete(o);
+  }
+};
+function wr(o) {
+  return typeof Window < "u" && o instanceof Window ? o.document.documentElement : typeof Document < "u" && o instanceof Document ? o.documentElement : o;
+}
+function Oe(o) {
+  const r = window.getComputedStyle(o);
+  if (r.overflowX === "scroll" || r.overflowY === "scroll" || r.overflowX === "auto" && o.clientWidth < o.scrollWidth || r.overflowY === "auto" && o.clientHeight < o.scrollHeight)
+    return !0;
+  {
+    const e = o.parentNode;
+    return !e || e.tagName === "BODY" ? !1 : Oe(e);
+  }
+}
+function It(o) {
+  const r = o || window.event, e = r.target;
+  return Oe(e) ? !1 : r.touches.length > 1 ? !0 : (r.preventDefault && r.preventDefault(), !1);
+}
+const $r = /* @__PURE__ */ new WeakMap();
+function _t(o, r = !1) {
+  const e = Z(r);
+  let t = null, n = "";
+  K(Dt(o), (a) => {
+    const i = wr(H(a));
+    if (i) {
+      const d = i;
+      if ($r.get(d) || $r.set(d, d.style.overflow), d.style.overflow !== "hidden" && (n = d.style.overflow), d.style.overflow === "hidden")
+        return e.value = !0;
+      if (e.value)
+        return d.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const l = () => {
+    const a = wr(H(o));
+    !a || e.value || (Or && (t = nr(
+      a,
+      "touchmove",
+      (i) => {
+        It(i);
+      },
+      { passive: !1 }
+    )), a.style.overflow = "hidden", e.value = !0);
+  }, c = () => {
+    const a = wr(H(o));
+    !a || !e.value || (Or && t?.(), a.style.overflow = n, $r.delete(a), e.value = !1);
+  };
+  return Eo(c), I({
+    get() {
+      return e.value;
+    },
+    set(a) {
+      a ? l() : c();
+    }
+  });
+}
+function Ht() {
+  let o = !1;
+  const r = Z(!1);
+  return (e, t) => {
+    if (r.value = t.value, o)
+      return;
+    o = !0;
+    const n = _t(e, t.value);
+    K(r, (l) => n.value = l);
+  };
+}
+Ht();
+const Ft = ["top", "right", "bottom", "left"], Fr = ["start", "end"], Vr = /* @__PURE__ */ Ft.reduce((o, r) => o.concat(r, r + "-" + Fr[0], r + "-" + Fr[1]), []), Yr = Math.min, _o = Math.max, ur = Math.round, lo = (o) => ({
+  x: o,
+  y: o
+}), Vt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Yt = {
+  start: "end",
+  end: "start"
+};
+function ze(o, r) {
+  return typeof o == "function" ? o(r) : o;
+}
+function mr(o) {
+  return o.split("-")[0];
+}
+function Ro(o) {
+  return o.split("-")[1];
+}
+function Xt(o) {
+  return o === "x" ? "y" : "x";
+}
+function De(o) {
+  return o === "y" ? "height" : "width";
+}
+const Ut = /* @__PURE__ */ new Set(["top", "bottom"]);
+function Te(o) {
+  return Ut.has(mr(o)) ? "y" : "x";
+}
+function Pe(o) {
+  return Xt(Te(o));
+}
+function Gt(o, r, e) {
+  e === void 0 && (e = !1);
+  const t = Ro(o), n = Pe(o), l = De(n);
+  let c = n === "x" ? t === (e ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
+  return r.reference[l] > r.floating[l] && (c = Xr(c)), [c, Xr(c)];
+}
+function qt(o) {
+  return o.replace(/start|end/g, (r) => Yt[r]);
+}
+function Xr(o) {
+  return o.replace(/left|right|bottom|top/g, (r) => Vt[r]);
+}
+function Zt(o) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...o
+  };
+}
+function Kt(o) {
+  return typeof o != "number" ? Zt(o) : {
+    top: o,
+    right: o,
+    bottom: o,
+    left: o
+  };
+}
+function fr(o) {
+  const {
+    x: r,
+    y: e,
+    width: t,
+    height: n
+  } = o;
+  return {
+    width: t,
+    height: n,
+    top: e,
+    left: r,
+    right: r + t,
+    bottom: e + n,
+    x: r,
+    y: e
+  };
+}
+function Ur(o, r, e) {
+  let {
+    reference: t,
+    floating: n
+  } = o;
+  const l = Te(r), c = Pe(r), a = De(c), i = mr(r), d = l === "y", s = t.x + t.width / 2 - n.width / 2, g = t.y + t.height / 2 - n.height / 2, u = t[a] / 2 - n[a] / 2;
+  let f;
+  switch (i) {
+    case "top":
+      f = {
+        x: s,
+        y: t.y - n.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: s,
+        y: t.y + t.height
+      };
+      break;
+    case "right":
+      f = {
+        x: t.x + t.width,
+        y: g
+      };
+      break;
+    case "left":
+      f = {
+        x: t.x - n.width,
+        y: g
+      };
+      break;
+    default:
+      f = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  switch (Ro(r)) {
+    case "start":
+      f[c] -= u * (e && d ? -1 : 1);
+      break;
+    case "end":
+      f[c] += u * (e && d ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const Jt = async (o, r, e) => {
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: l = [],
+    platform: c
+  } = e, a = l.filter(Boolean), i = await (c.isRTL == null ? void 0 : c.isRTL(r));
+  let d = await c.getElementRects({
+    reference: o,
+    floating: r,
+    strategy: n
+  }), {
+    x: s,
+    y: g
+  } = Ur(d, t, i), u = t, f = {}, h = 0;
+  for (let p = 0; p < a.length; p++) {
+    const {
+      name: m,
+      fn: b
+    } = a[p], {
+      x: v,
+      y: C,
+      data: T,
+      reset: x
+    } = await b({
+      x: s,
+      y: g,
+      initialPlacement: t,
+      placement: u,
+      strategy: n,
+      middlewareData: f,
+      rects: d,
+      platform: c,
+      elements: {
+        reference: o,
+        floating: r
+      }
+    });
+    s = v ?? s, g = C ?? g, f = {
+      ...f,
+      [m]: {
+        ...f[m],
+        ...T
+      }
+    }, x && h <= 50 && (h++, typeof x == "object" && (x.placement && (u = x.placement), x.rects && (d = x.rects === !0 ? await c.getElementRects({
+      reference: o,
+      floating: r,
+      strategy: n
+    }) : x.rects), {
+      x: s,
+      y: g
+    } = Ur(d, u, i)), p = -1);
+  }
+  return {
+    x: s,
+    y: g,
+    placement: u,
+    strategy: n,
+    middlewareData: f
+  };
+};
+async function Qt(o, r) {
+  var e;
+  r === void 0 && (r = {});
+  const {
+    x: t,
+    y: n,
+    platform: l,
+    rects: c,
+    elements: a,
+    strategy: i
+  } = o, {
+    boundary: d = "clippingAncestors",
+    rootBoundary: s = "viewport",
+    elementContext: g = "floating",
+    altBoundary: u = !1,
+    padding: f = 0
+  } = ze(r, o), h = Kt(f), m = a[u ? g === "floating" ? "reference" : "floating" : g], b = fr(await l.getClippingRect({
+    element: (e = await (l.isElement == null ? void 0 : l.isElement(m))) == null || e ? m : m.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(a.floating)),
+    boundary: d,
+    rootBoundary: s,
+    strategy: i
+  })), v = g === "floating" ? {
+    x: t,
+    y: n,
+    width: c.floating.width,
+    height: c.floating.height
+  } : c.reference, C = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(a.floating)), T = await (l.isElement == null ? void 0 : l.isElement(C)) ? await (l.getScale == null ? void 0 : l.getScale(C)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, x = fr(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: v,
+    offsetParent: C,
+    strategy: i
+  }) : v);
+  return {
+    top: (b.top - x.top + h.top) / T.y,
+    bottom: (x.bottom - b.bottom + h.bottom) / T.y,
+    left: (b.left - x.left + h.left) / T.x,
+    right: (x.right - b.right + h.right) / T.x
+  };
+}
+function on(o, r, e) {
+  return (o ? [...e.filter((n) => Ro(n) === o), ...e.filter((n) => Ro(n) !== o)] : e.filter((n) => mr(n) === n)).filter((n) => o ? Ro(n) === o || (r ? qt(n) !== n : !1) : !0);
+}
+const rn = function(o) {
+  return o === void 0 && (o = {}), {
+    name: "autoPlacement",
+    options: o,
+    async fn(r) {
+      var e, t, n;
+      const {
+        rects: l,
+        middlewareData: c,
+        placement: a,
+        platform: i,
+        elements: d
+      } = r, {
+        crossAxis: s = !1,
+        alignment: g,
+        allowedPlacements: u = Vr,
+        autoAlignment: f = !0,
+        ...h
+      } = ze(o, r), p = g !== void 0 || u === Vr ? on(g || null, f, u) : u, m = await Qt(r, h), b = ((e = c.autoPlacement) == null ? void 0 : e.index) || 0, v = p[b];
+      if (v == null)
+        return {};
+      const C = Gt(v, l, await (i.isRTL == null ? void 0 : i.isRTL(d.floating)));
+      if (a !== v)
+        return {
+          reset: {
+            placement: p[0]
+          }
+        };
+      const T = [m[mr(v)], m[C[0]], m[C[1]]], x = [...((t = c.autoPlacement) == null ? void 0 : t.overflows) || [], {
+        placement: v,
+        overflows: T
+      }], M = p[b + 1];
+      if (M)
+        return {
+          data: {
+            index: b + 1,
+            overflows: x
+          },
+          reset: {
+            placement: M
+          }
+        };
+      const D = x.map((z) => {
+        const O = Ro(z.placement);
+        return [z.placement, O && s ? (
+          // Check along the mainAxis and main crossAxis side.
+          z.overflows.slice(0, 2).reduce((U, Q) => U + Q, 0)
+        ) : (
+          // Check only the mainAxis.
+          z.overflows[0]
+        ), z.overflows];
+      }).sort((z, O) => z[1] - O[1]), j = ((n = D.filter((z) => z[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        Ro(z[0]) ? 2 : 3
+      ).every((O) => O <= 0))[0]) == null ? void 0 : n[0]) || D[0][0];
+      return j !== a ? {
+        data: {
+          index: b + 1,
+          overflows: x
+        },
+        reset: {
+          placement: j
+        }
+      } : {};
+    }
+  };
+};
+function pr() {
+  return typeof window < "u";
+}
+function Do(o) {
+  return Mr(o) ? (o.nodeName || "").toLowerCase() : "#document";
+}
+function J(o) {
+  var r;
+  return (o == null || (r = o.ownerDocument) == null ? void 0 : r.defaultView) || window;
+}
+function ho(o) {
+  var r;
+  return (r = (Mr(o) ? o.ownerDocument : o.document) || window.document) == null ? void 0 : r.documentElement;
+}
+function Mr(o) {
+  return pr() ? o instanceof Node || o instanceof J(o).Node : !1;
+}
+function to(o) {
+  return pr() ? o instanceof Element || o instanceof J(o).Element : !1;
+}
+function uo(o) {
+  return pr() ? o instanceof HTMLElement || o instanceof J(o).HTMLElement : !1;
+}
+function Gr(o) {
+  return !pr() || typeof ShadowRoot > "u" ? !1 : o instanceof ShadowRoot || o instanceof J(o).ShadowRoot;
+}
+const en = /* @__PURE__ */ new Set(["inline", "contents"]);
+function rr(o) {
+  const {
+    overflow: r,
+    overflowX: e,
+    overflowY: t,
+    display: n
+  } = no(o);
+  return /auto|scroll|overlay|hidden|clip/.test(r + t + e) && !en.has(n);
+}
+const tn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function nn(o) {
+  return tn.has(Do(o));
+}
+const an = [":popover-open", ":modal"];
+function hr(o) {
+  return an.some((r) => {
+    try {
+      return o.matches(r);
+    } catch {
+      return !1;
+    }
+  });
+}
+const cn = ["transform", "translate", "scale", "rotate", "perspective"], ln = ["transform", "translate", "scale", "rotate", "perspective", "filter"], dn = ["paint", "layout", "strict", "content"];
+function Wr(o) {
+  const r = jr(), e = to(o) ? no(o) : o;
+  return cn.some((t) => e[t] ? e[t] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !r && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !r && (e.filter ? e.filter !== "none" : !1) || ln.some((t) => (e.willChange || "").includes(t)) || dn.some((t) => (e.contain || "").includes(t));
+}
+function sn(o) {
+  let r = wo(o);
+  for (; uo(r) && !Wo(r); ) {
+    if (Wr(r))
+      return r;
+    if (hr(r))
+      return null;
+    r = wo(r);
+  }
+  return null;
+}
+function jr() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const un = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Wo(o) {
+  return un.has(Do(o));
+}
+function no(o) {
+  return J(o).getComputedStyle(o);
+}
+function br(o) {
+  return to(o) ? {
+    scrollLeft: o.scrollLeft,
+    scrollTop: o.scrollTop
+  } : {
+    scrollLeft: o.scrollX,
+    scrollTop: o.scrollY
+  };
+}
+function wo(o) {
+  if (Do(o) === "html")
+    return o;
+  const r = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    o.assignedSlot || // DOM Element detected.
+    o.parentNode || // ShadowRoot detected.
+    Gr(o) && o.host || // Fallback.
+    ho(o)
+  );
+  return Gr(r) ? r.host : r;
+}
+function Le(o) {
+  const r = wo(o);
+  return Wo(r) ? o.ownerDocument ? o.ownerDocument.body : o.body : uo(r) && rr(r) ? r : Le(r);
+}
+function Me(o, r, e) {
+  var t;
+  r === void 0 && (r = []);
+  const n = Le(o), l = n === ((t = o.ownerDocument) == null ? void 0 : t.body), c = J(n);
+  return l ? (zr(c), r.concat(c, c.visualViewport || [], rr(n) ? n : [], [])) : r.concat(n, Me(n, []));
+}
+function zr(o) {
+  return o.parent && Object.getPrototypeOf(o.parent) ? o.frameElement : null;
+}
+function We(o) {
+  const r = no(o);
+  let e = parseFloat(r.width) || 0, t = parseFloat(r.height) || 0;
+  const n = uo(o), l = n ? o.offsetWidth : e, c = n ? o.offsetHeight : t, a = ur(e) !== l || ur(t) !== c;
+  return a && (e = l, t = c), {
+    width: e,
+    height: t,
+    $: a
+  };
+}
+function je(o) {
+  return to(o) ? o : o.contextElement;
+}
+function Mo(o) {
+  const r = je(o);
+  if (!uo(r))
+    return lo(1);
+  const e = r.getBoundingClientRect(), {
+    width: t,
+    height: n,
+    $: l
+  } = We(r);
+  let c = (l ? ur(e.width) : e.width) / t, a = (l ? ur(e.height) : e.height) / n;
+  return (!c || !Number.isFinite(c)) && (c = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: c,
+    y: a
+  };
+}
+const fn = /* @__PURE__ */ lo(0);
+function Ee(o) {
+  const r = J(o);
+  return !jr() || !r.visualViewport ? fn : {
+    x: r.visualViewport.offsetLeft,
+    y: r.visualViewport.offsetTop
+  };
+}
+function gn(o, r, e) {
+  return r === void 0 && (r = !1), !e || r && e !== J(o) ? !1 : r;
+}
+function Uo(o, r, e, t) {
+  r === void 0 && (r = !1), e === void 0 && (e = !1);
+  const n = o.getBoundingClientRect(), l = je(o);
+  let c = lo(1);
+  r && (t ? to(t) && (c = Mo(t)) : c = Mo(o));
+  const a = gn(l, e, t) ? Ee(l) : lo(0);
+  let i = (n.left + a.x) / c.x, d = (n.top + a.y) / c.y, s = n.width / c.x, g = n.height / c.y;
+  if (l) {
+    const u = J(l), f = t && to(t) ? J(t) : t;
+    let h = u, p = zr(h);
+    for (; p && t && f !== h; ) {
+      const m = Mo(p), b = p.getBoundingClientRect(), v = no(p), C = b.left + (p.clientLeft + parseFloat(v.paddingLeft)) * m.x, T = b.top + (p.clientTop + parseFloat(v.paddingTop)) * m.y;
+      i *= m.x, d *= m.y, s *= m.x, g *= m.y, i += C, d += T, h = J(p), p = zr(h);
+    }
+  }
+  return fr({
+    width: s,
+    height: g,
+    x: i,
+    y: d
+  });
+}
+function vr(o, r) {
+  const e = br(o).scrollLeft;
+  return r ? r.left + e : Uo(ho(o)).left + e;
+}
+function Ae(o, r) {
+  const e = o.getBoundingClientRect(), t = e.left + r.scrollLeft - vr(o, e), n = e.top + r.scrollTop;
+  return {
+    x: t,
+    y: n
+  };
+}
+function mn(o) {
+  let {
+    elements: r,
+    rect: e,
+    offsetParent: t,
+    strategy: n
+  } = o;
+  const l = n === "fixed", c = ho(t), a = r ? hr(r.floating) : !1;
+  if (t === c || a && l)
+    return e;
+  let i = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, d = lo(1);
+  const s = lo(0), g = uo(t);
+  if ((g || !g && !l) && ((Do(t) !== "body" || rr(c)) && (i = br(t)), uo(t))) {
+    const f = Uo(t);
+    d = Mo(t), s.x = f.x + t.clientLeft, s.y = f.y + t.clientTop;
+  }
+  const u = c && !g && !l ? Ae(c, i) : lo(0);
+  return {
+    width: e.width * d.x,
+    height: e.height * d.y,
+    x: e.x * d.x - i.scrollLeft * d.x + s.x + u.x,
+    y: e.y * d.y - i.scrollTop * d.y + s.y + u.y
+  };
+}
+function pn(o) {
+  return Array.from(o.getClientRects());
+}
+function hn(o) {
+  const r = ho(o), e = br(o), t = o.ownerDocument.body, n = _o(r.scrollWidth, r.clientWidth, t.scrollWidth, t.clientWidth), l = _o(r.scrollHeight, r.clientHeight, t.scrollHeight, t.clientHeight);
+  let c = -e.scrollLeft + vr(o);
+  const a = -e.scrollTop;
+  return no(t).direction === "rtl" && (c += _o(r.clientWidth, t.clientWidth) - n), {
+    width: n,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+const qr = 25;
+function bn(o, r) {
+  const e = J(o), t = ho(o), n = e.visualViewport;
+  let l = t.clientWidth, c = t.clientHeight, a = 0, i = 0;
+  if (n) {
+    l = n.width, c = n.height;
+    const s = jr();
+    (!s || s && r === "fixed") && (a = n.offsetLeft, i = n.offsetTop);
+  }
+  const d = vr(t);
+  if (d <= 0) {
+    const s = t.ownerDocument, g = s.body, u = getComputedStyle(g), f = s.compatMode === "CSS1Compat" && parseFloat(u.marginLeft) + parseFloat(u.marginRight) || 0, h = Math.abs(t.clientWidth - g.clientWidth - f);
+    h <= qr && (l -= h);
+  } else d <= qr && (l += d);
+  return {
+    width: l,
+    height: c,
+    x: a,
+    y: i
+  };
+}
+const vn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function yn(o, r) {
+  const e = Uo(o, !0, r === "fixed"), t = e.top + o.clientTop, n = e.left + o.clientLeft, l = uo(o) ? Mo(o) : lo(1), c = o.clientWidth * l.x, a = o.clientHeight * l.y, i = n * l.x, d = t * l.y;
+  return {
+    width: c,
+    height: a,
+    x: i,
+    y: d
+  };
+}
+function Zr(o, r, e) {
+  let t;
+  if (r === "viewport")
+    t = bn(o, e);
+  else if (r === "document")
+    t = hn(ho(o));
+  else if (to(r))
+    t = yn(r, e);
+  else {
+    const n = Ee(o);
+    t = {
+      x: r.x - n.x,
+      y: r.y - n.y,
+      width: r.width,
+      height: r.height
+    };
+  }
+  return fr(t);
+}
+function Ne(o, r) {
+  const e = wo(o);
+  return e === r || !to(e) || Wo(e) ? !1 : no(e).position === "fixed" || Ne(e, r);
+}
+function kn(o, r) {
+  const e = r.get(o);
+  if (e)
+    return e;
+  let t = Me(o, []).filter((a) => to(a) && Do(a) !== "body"), n = null;
+  const l = no(o).position === "fixed";
+  let c = l ? wo(o) : o;
+  for (; to(c) && !Wo(c); ) {
+    const a = no(c), i = Wr(c);
+    !i && a.position === "fixed" && (n = null), (l ? !i && !n : !i && a.position === "static" && !!n && vn.has(n.position) || rr(c) && !i && Ne(o, c)) ? t = t.filter((s) => s !== c) : n = a, c = wo(c);
+  }
+  return r.set(o, t), t;
+}
+function wn(o) {
+  let {
+    element: r,
+    boundary: e,
+    rootBoundary: t,
+    strategy: n
+  } = o;
+  const c = [...e === "clippingAncestors" ? hr(r) ? [] : kn(r, this._c) : [].concat(e), t], a = c[0], i = c.reduce((d, s) => {
+    const g = Zr(r, s, n);
+    return d.top = _o(g.top, d.top), d.right = Yr(g.right, d.right), d.bottom = Yr(g.bottom, d.bottom), d.left = _o(g.left, d.left), d;
+  }, Zr(r, a, n));
+  return {
+    width: i.right - i.left,
+    height: i.bottom - i.top,
+    x: i.left,
+    y: i.top
+  };
+}
+function $n(o) {
+  const {
+    width: r,
+    height: e
+  } = We(o);
+  return {
+    width: r,
+    height: e
+  };
+}
+function xn(o, r, e) {
+  const t = uo(r), n = ho(r), l = e === "fixed", c = Uo(o, !0, l, r);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const i = lo(0);
+  function d() {
+    i.x = vr(n);
+  }
+  if (t || !t && !l)
+    if ((Do(r) !== "body" || rr(n)) && (a = br(r)), t) {
+      const f = Uo(r, !0, l, r);
+      i.x = f.x + r.clientLeft, i.y = f.y + r.clientTop;
+    } else n && d();
+  l && !t && n && d();
+  const s = n && !t && !l ? Ae(n, a) : lo(0), g = c.left + a.scrollLeft - i.x - s.x, u = c.top + a.scrollTop - i.y - s.y;
+  return {
+    x: g,
+    y: u,
+    width: c.width,
+    height: c.height
+  };
+}
+function xr(o) {
+  return no(o).position === "static";
+}
+function Kr(o, r) {
+  if (!uo(o) || no(o).position === "fixed")
+    return null;
+  if (r)
+    return r(o);
+  let e = o.offsetParent;
+  return ho(o) === e && (e = e.ownerDocument.body), e;
+}
+function Ie(o, r) {
+  const e = J(o);
+  if (hr(o))
+    return e;
+  if (!uo(o)) {
+    let n = wo(o);
+    for (; n && !Wo(n); ) {
+      if (to(n) && !xr(n))
+        return n;
+      n = wo(n);
+    }
+    return e;
+  }
+  let t = Kr(o, r);
+  for (; t && nn(t) && xr(t); )
+    t = Kr(t, r);
+  return t && Wo(t) && xr(t) && !Wr(t) ? e : t || sn(o) || e;
+}
+const Cn = async function(o) {
+  const r = this.getOffsetParent || Ie, e = this.getDimensions, t = await e(o.floating);
+  return {
+    reference: xn(o.reference, await r(o.floating), o.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: t.width,
+      height: t.height
+    }
+  };
+};
+function Bn(o) {
+  return no(o).direction === "rtl";
+}
+const Sn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: mn,
+  getDocumentElement: ho,
+  getClippingRect: wn,
+  getOffsetParent: Ie,
+  getElementRects: Cn,
+  getClientRects: pn,
+  getDimensions: $n,
+  getScale: Mo,
+  isElement: to,
+  isRTL: Bn
+}, Rn = rn, On = (o, r, e) => {
+  const t = /* @__PURE__ */ new Map(), n = {
+    platform: Sn,
+    ...e
+  }, l = {
+    ...n.platform,
+    _c: t
+  };
+  return Jt(o, r, {
+    ...n,
+    platform: l
+  });
+};
+function zn(o) {
+  return o != null && typeof o == "object" && "$el" in o;
+}
+function Jr(o) {
+  if (zn(o)) {
+    const r = o.$el;
+    return Mr(r) && Do(r) === "#comment" ? null : r;
+  }
+  return o;
+}
+function Ao(o) {
+  return typeof o == "function" ? o() : eo(o);
+}
+function _e(o) {
+  return typeof window > "u" ? 1 : (o.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Qr(o, r) {
+  const e = _e(o);
+  return Math.round(r * e) / e;
+}
+function Dn(o, r, e) {
+  e === void 0 && (e = {});
+  const t = e.whileElementsMounted, n = I(() => {
+    var D;
+    return (D = Ao(e.open)) != null ? D : !0;
+  }), l = I(() => Ao(e.middleware)), c = I(() => {
+    var D;
+    return (D = Ao(e.placement)) != null ? D : "bottom";
+  }), a = I(() => {
+    var D;
+    return (D = Ao(e.strategy)) != null ? D : "absolute";
+  }), i = I(() => {
+    var D;
+    return (D = Ao(e.transform)) != null ? D : !0;
+  }), d = I(() => Jr(o.value)), s = I(() => Jr(r.value)), g = Y(0), u = Y(0), f = Y(a.value), h = Y(c.value), p = Z({}), m = Y(!1), b = I(() => {
+    const D = {
+      position: f.value,
+      left: "0",
+      top: "0"
+    };
+    if (!s.value)
+      return D;
+    const L = Qr(s.value, g.value), j = Qr(s.value, u.value);
+    return i.value ? {
+      ...D,
+      transform: "translate(" + L + "px, " + j + "px)",
+      ..._e(s.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: f.value,
+      left: L + "px",
+      top: j + "px"
+    };
+  });
+  let v;
+  function C() {
+    if (d.value == null || s.value == null)
+      return;
+    const D = n.value;
+    On(d.value, s.value, {
+      middleware: l.value,
+      placement: c.value,
+      strategy: a.value
+    }).then((L) => {
+      g.value = L.x, u.value = L.y, f.value = L.strategy, h.value = L.placement, p.value = L.middlewareData, m.value = D !== !1;
+    });
+  }
+  function T() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function x() {
+    if (T(), t === void 0) {
+      C();
+      return;
+    }
+    if (d.value != null && s.value != null) {
+      v = t(d.value, s.value, C);
+      return;
+    }
+  }
+  function M() {
+    n.value || (m.value = !1);
+  }
+  return K([l, c, a, n], C, {
+    flush: "sync"
+  }), K([d, s], x, {
+    flush: "sync"
+  }), K(n, M, {
+    flush: "sync"
+  }), ye() && ke(T), {
+    x: Po(g),
+    y: Po(u),
+    strategy: Po(f),
+    placement: Po(h),
+    middlewareData: Po(p),
+    isPositioned: Po(m),
+    floatingStyles: b,
+    update: C
+  };
+}
+const Tn = { style: { width: "fit-content" } }, Pn = /* @__PURE__ */ $o({
+  __name: "PvPopoverV2",
+  props: /* @__PURE__ */ Jo({
+    disableAutoPlacement: { type: Boolean, default: !1 },
+    allowedAutoPlacements: { default: () => ["top-left", "top-right", "bottom-left", "bottom-right"], type: Array },
+    position: { default: "bottom-center", type: String },
+    positioningStrategy: { default: "absolute", type: String },
+    showOnHover: { type: Boolean, default: !1 },
+    disableInteractive: { type: Boolean, default: !1 },
+    useTeleport: { type: Boolean, default: !1 },
+    disableClickOutsideToClose: { type: Boolean, default: !1 },
+    delay: { default: 25, type: Number },
+    zIndex: { default: 10, type: Number },
+    teleportLocation: { default: "body", type: String }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const r = o, e = Qo(o, "modelValue"), t = Y(null), n = Y(null), l = Y(null), c = Ir(t), a = Ir(l), i = {
+      "top-center": "top",
+      "bottom-center": "bottom",
+      "center-left": "left",
+      "center-right": "right",
+      "top-left": "top-start",
+      "top-right": "top-end",
+      "bottom-left": "bottom-start",
+      "bottom-right": "bottom-end"
+    }, d = I(() => r.allowedAutoPlacements?.map((x) => i[x])), s = I(() => i[r.position]);
+    Ko(() => {
+      t.value && (n.value = t.value.firstElementChild);
+    });
+    const g = r.disableAutoPlacement ? [] : [
+      Rn({
+        allowedPlacements: d.value
+      })
+    ], { floatingStyles: u, update: f } = Dn(n, l, {
+      placement: s,
+      strategy: r.positioningStrategy,
+      middleware: g
+    });
+    K(e, (x) => {
+      x && n.value && l.value && f();
+    });
+    const h = At(n), p = /* @__PURE__ */ Nr(() => {
+      e.value && f();
+    }, 5);
+    K([h.top, h.left, h.width, h.height], p);
+    const m = I(() => ({
+      ...u.value,
+      zIndex: r.zIndex ?? 10
+    })), b = /* @__PURE__ */ Nr(
+      (x) => {
+        e.value = x;
+      },
+      () => r.delay
+    ), v = I(() => r.showOnHover ? r.disableInteractive ? c.value : c.value || a.value : !1), C = () => {
+      r.showOnHover || b(!e.value);
+    }, T = () => {
+      r.disableClickOutsideToClose || b(!1);
+    };
+    return K(v, (x) => {
+      r.showOnHover && b(x);
+    }), (x, M) => Yo((_(), X("div", Tn, [
+      G(
+        "div",
+        {
+          ref_key: "triggerWrapper",
+          ref: t,
+          onClick: C
+        },
+        [
+          vo(x.$slots, "trigger")
+        ],
+        512
+        /* NEED_PATCH */
+      ),
+      x.$slots.content ? (_(), Xo(ft, {
+        key: 0,
+        to: o.teleportLocation,
+        disabled: !r.useTeleport
+      }, [
+        Yo(G(
+          "div",
+          {
+            class: "pv-floating",
+            ref_key: "floating",
+            ref: l,
+            style: gt(m.value)
+          },
+          [
+            vo(x.$slots, "content")
+          ],
+          4
+          /* STYLE */
+        ), [
+          [mt, e.value]
+        ])
+      ], 8, ["to", "disabled"])) : so("v-if", !0)
+    ])), [
+      [eo(Nt), [T, { ignore: [".pv-floating"] }]]
+    ]);
+  }
+});
+var ar = /* @__PURE__ */ ((o) => (o.Vertical = "Vertical", o.Horizontal = "Horizontal", o))(ar || {}), Io = /* @__PURE__ */ ((o) => (o.Primary = "Primary", o.Secondary = "Secondary", o.Tertiary = "Tertiary", o))(Io || {});
+const Ln = ["title"], Mn = ["title"], Wn = { class: "pv-flex" };
+Io.Primary, ar.Horizontal;
+function jn(o) {
+  if (o) {
+    let r = o.parentNode;
+    return r && r instanceof ShadowRoot && r.host && (r = r.host), r;
+  }
+  return null;
+}
+function En(o) {
+  return !!(o !== null && typeof o < "u" && o.nodeName && jn(o));
+}
+function He(o) {
+  return typeof Element < "u" ? o instanceof Element : o !== null && typeof o == "object" && o.nodeType === 1 && typeof o.nodeName == "string";
+}
+function Dr(o, r = {}) {
+  if (He(o)) {
+    let e = (t, n) => {
+      var l, c;
+      let a = (l = o?.$attrs) != null && l[t] ? [(c = o?.$attrs) == null ? void 0 : c[t]] : [];
+      return [n].flat().reduce((i, d) => {
+        if (d != null) {
+          let s = typeof d;
+          if (s === "string" || s === "number") i.push(d);
+          else if (s === "object") {
+            let g = Array.isArray(d) ? e(t, d) : Object.entries(d).map(([u, f]) => t === "style" && (f || f === 0) ? `${u.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()}:${f}` : f ? u : void 0);
+            i = g.length ? i.concat(g.filter((u) => !!u)) : i;
+          }
+        }
+        return i;
+      }, a);
+    };
+    Object.entries(r).forEach(([t, n]) => {
+      if (n != null) {
+        let l = t.match(/^on(.+)/);
+        l ? o.addEventListener(l[1].toLowerCase(), n) : t === "p-bind" || t === "pBind" ? Dr(o, n) : (n = t === "class" ? [...new Set(e("class", n))].join(" ").trim() : t === "style" ? e("style", n).join(";").trim() : n, (o.$attrs = o.$attrs || {}) && (o.$attrs[t] = n), o.setAttribute(t, n));
+      }
+    });
+  }
+}
+function An() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+function Nn(o, r = "", e) {
+  He(o) && e !== null && e !== void 0 && o.setAttribute(r, e);
+}
+function In() {
+  let o = /* @__PURE__ */ new Map();
+  return { on(r, e) {
+    let t = o.get(r);
+    return t ? t.push(e) : t = [e], o.set(r, t), this;
+  }, off(r, e) {
+    let t = o.get(r);
+    return t && t.splice(t.indexOf(e) >>> 0, 1), this;
+  }, emit(r, e) {
+    let t = o.get(r);
+    t && t.forEach((n) => {
+      n(e);
+    });
+  }, clear() {
+    o.clear();
+  } };
+}
+function Er(o) {
+  return o == null || o === "" || Array.isArray(o) && o.length === 0 || !(o instanceof Date) && typeof o == "object" && Object.keys(o).length === 0;
+}
+function _n(o) {
+  return typeof o == "function" && "call" in o && "apply" in o;
+}
+function N(o) {
+  return !Er(o);
+}
+function Ho(o, r = !0) {
+  return o instanceof Object && o.constructor === Object && (r || Object.keys(o).length !== 0);
+}
+function bo(o, ...r) {
+  return _n(o) ? o(...r) : o;
+}
+function jo(o, r = !0) {
+  return typeof o == "string" && (r || o !== "");
+}
+function Hn(o) {
+  return N(o) && !isNaN(o);
+}
+function Oo(o, r) {
+  if (r) {
+    let e = r.test(o);
+    return r.lastIndex = 0, e;
+  }
+  return !1;
+}
+function Fo(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 Fe(o) {
+  return jo(o) ? o.replace(/(_)/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase() : o;
+}
+var Fn = Object.defineProperty, Vn = Object.defineProperties, Yn = Object.getOwnPropertyDescriptors, gr = Object.getOwnPropertySymbols, Ve = Object.prototype.hasOwnProperty, Ye = Object.prototype.propertyIsEnumerable, oe = (o, r, e) => r in o ? Fn(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, ro = (o, r) => {
+  for (var e in r || (r = {})) Ve.call(r, e) && oe(o, e, r[e]);
+  if (gr) for (var e of gr(r)) Ye.call(r, e) && oe(o, e, r[e]);
+  return o;
+}, Cr = (o, r) => Vn(o, Yn(r)), po = (o, r) => {
+  var e = {};
+  for (var t in o) Ve.call(o, t) && r.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && gr) for (var t of gr(o)) r.indexOf(t) < 0 && Ye.call(o, t) && (e[t] = o[t]);
+  return e;
+}, Xn = In(), Bo = Xn, Go = /{([^}]*)}/g, Xe = /(\d+\s+[\+\-\*\/]\s+\d+)/g, Ue = /var\([^)]+\)/g;
+function re(o) {
+  return jo(o) ? o.replace(/[A-Z]/g, (r, e) => e === 0 ? r : "." + r.toLowerCase()).toLowerCase() : o;
+}
+function Un(o) {
+  return Ho(o) && o.hasOwnProperty("$value") && o.hasOwnProperty("$type") ? o.$value : o;
+}
+function Gn(o) {
+  return o.replaceAll(/ /g, "").replace(/[^\w]/g, "-");
+}
+function Tr(o = "", r = "") {
+  return Gn(`${jo(o, !1) && jo(r, !1) ? `${o}-` : o}${r}`);
+}
+function Ge(o = "", r = "") {
+  return `--${Tr(o, r)}`;
+}
+function qn(o = "") {
+  let r = (o.match(/{/g) || []).length, e = (o.match(/}/g) || []).length;
+  return (r + e) % 2 !== 0;
+}
+function qe(o, r = "", e = "", t = [], n) {
+  if (jo(o)) {
+    let l = o.trim();
+    if (qn(l)) return;
+    if (Oo(l, Go)) {
+      let c = l.replaceAll(Go, (a) => {
+        let i = a.replace(/{|}/g, "").split(".").filter((d) => !t.some((s) => Oo(d, s)));
+        return `var(${Ge(e, Fe(i.join("-")))}${N(n) ? `, ${n}` : ""})`;
+      });
+      return Oo(c.replace(Ue, "0"), Xe) ? `calc(${c})` : c;
+    }
+    return l;
+  } else if (Hn(o)) return o;
+}
+function Zn(o, r, e) {
+  jo(r, !1) && o.push(`${r}:${e};`);
+}
+function Lo(o, r) {
+  return o ? `${o}{${r}}` : "";
+}
+function Ze(o, r) {
+  if (o.indexOf("dt(") === -1) return o;
+  function e(c, a) {
+    let i = [], d = 0, s = "", g = null, u = 0;
+    for (; d <= c.length; ) {
+      let f = c[d];
+      if ((f === '"' || f === "'" || f === "`") && c[d - 1] !== "\\" && (g = g === f ? null : f), !g && (f === "(" && u++, f === ")" && u--, (f === "," || d === c.length) && u === 0)) {
+        let h = s.trim();
+        h.startsWith("dt(") ? i.push(Ze(h, a)) : i.push(t(h)), s = "", d++;
+        continue;
+      }
+      f !== void 0 && (s += f), d++;
+    }
+    return i;
+  }
+  function t(c) {
+    let a = c[0];
+    if ((a === '"' || a === "'" || a === "`") && c[c.length - 1] === a) return c.slice(1, -1);
+    let i = Number(c);
+    return isNaN(i) ? c : i;
+  }
+  let n = [], l = [];
+  for (let c = 0; c < o.length; c++) if (o[c] === "d" && o.slice(c, c + 3) === "dt(") l.push(c), c += 2;
+  else if (o[c] === ")" && l.length > 0) {
+    let a = l.pop();
+    l.length === 0 && n.push([a, c]);
+  }
+  if (!n.length) return o;
+  for (let c = n.length - 1; c >= 0; c--) {
+    let [a, i] = n[c], d = o.slice(a + 3, i), s = e(d, r), g = r(...s);
+    o = o.slice(0, a) + g + o.slice(i + 1);
+  }
+  return o;
+}
+var zo = (...o) => Kn(q.getTheme(), ...o), Kn = (o = {}, r, e, t) => {
+  if (r) {
+    let { variable: n, options: l } = q.defaults || {}, { prefix: c, transform: a } = o?.options || l || {}, i = Oo(r, Go) ? r : `{${r}}`;
+    return t === "value" || Er(t) && a === "strict" ? q.getTokenValue(r) : qe(i, void 0, c, [n.excludedKeyRegex], e);
+  }
+  return "";
+};
+function er(o, ...r) {
+  if (o instanceof Array) {
+    let e = o.reduce((t, n, l) => {
+      var c;
+      return t + n + ((c = bo(r[l], { dt: zo })) != null ? c : "");
+    }, "");
+    return Ze(e, zo);
+  }
+  return bo(o, { dt: zo });
+}
+function Jn(o, r = {}) {
+  let e = q.defaults.variable, { prefix: t = e.prefix, selector: n = e.selector, excludedKeyRegex: l = e.excludedKeyRegex } = r, c = [], a = [], i = [{ node: o, path: t }];
+  for (; i.length; ) {
+    let { node: s, path: g } = i.pop();
+    for (let u in s) {
+      let f = s[u], h = Un(f), p = Oo(u, l) ? Tr(g) : Tr(g, Fe(u));
+      if (Ho(h)) i.push({ node: h, path: p });
+      else {
+        let m = Ge(p), b = qe(h, p, t, [l]);
+        Zn(a, m, b);
+        let v = p;
+        t && v.startsWith(t + "-") && (v = v.slice(t.length + 1)), c.push(v.replace(/-/g, "."));
+      }
+    }
+  }
+  let d = a.join("");
+  return { value: a, tokens: c, declarations: d, css: Lo(n, d) };
+}
+var oo = { 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 t;
+    return (t = r.map((n) => n.resolve(e)).find((n) => n.matched)) != null ? t : this.rules.custom.resolve(e);
+  });
+} }, _toVariables(o, r) {
+  return Jn(o, { prefix: r?.prefix });
+}, getCommon({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
+  var l, c, a, i, d, s, g;
+  let { preset: u, options: f } = r, h, p, m, b, v, C, T;
+  if (N(u) && f.transform !== "strict") {
+    let { primitive: x, semantic: M, extend: D } = u, L = M || {}, { colorScheme: j } = L, z = po(L, ["colorScheme"]), O = D || {}, { colorScheme: U } = O, Q = po(O, ["colorScheme"]), B = j || {}, { dark: w } = B, y = po(B, ["dark"]), $ = U || {}, { dark: k } = $, R = po($, ["dark"]), S = N(x) ? this._toVariables({ primitive: x }, f) : {}, P = N(z) ? this._toVariables({ semantic: z }, f) : {}, W = N(y) ? this._toVariables({ light: y }, f) : {}, E = N(w) ? this._toVariables({ dark: w }, f) : {}, A = N(Q) ? this._toVariables({ semantic: Q }, f) : {}, V = N(R) ? this._toVariables({ light: R }, f) : {}, fo = N(k) ? this._toVariables({ dark: k }, f) : {}, [go, xo] = [(l = S.declarations) != null ? l : "", S.tokens], [mo, F] = [(c = P.declarations) != null ? c : "", P.tokens || []], [ao, Co] = [(a = W.declarations) != null ? a : "", W.tokens || []], [To, Je] = [(i = E.declarations) != null ? i : "", E.tokens || []], [Qe, ot] = [(d = A.declarations) != null ? d : "", A.tokens || []], [rt, et] = [(s = V.declarations) != null ? s : "", V.tokens || []], [tt, nt] = [(g = fo.declarations) != null ? g : "", fo.tokens || []];
+    h = this.transformCSS(o, go, "light", "variable", f, t, n), p = xo;
+    let at = this.transformCSS(o, `${mo}${ao}`, "light", "variable", f, t, n), it = this.transformCSS(o, `${To}`, "dark", "variable", f, t, n);
+    m = `${at}${it}`, b = [.../* @__PURE__ */ new Set([...F, ...Co, ...Je])];
+    let ct = this.transformCSS(o, `${Qe}${rt}color-scheme:light`, "light", "variable", f, t, n), lt = this.transformCSS(o, `${tt}color-scheme:dark`, "dark", "variable", f, t, n);
+    v = `${ct}${lt}`, C = [.../* @__PURE__ */ new Set([...ot, ...et, ...nt])], T = bo(u.css, { dt: zo });
+  }
+  return { primitive: { css: h, tokens: p }, semantic: { css: m, tokens: b }, global: { css: v, tokens: C }, style: T };
+}, getPreset({ name: o = "", preset: r = {}, options: e, params: t, set: n, defaults: l, selector: c }) {
+  var a, i, d;
+  let s, g, u;
+  if (N(r) && e.transform !== "strict") {
+    let f = o.replace("-directive", ""), h = r, { colorScheme: p, extend: m, css: b } = h, v = po(h, ["colorScheme", "extend", "css"]), C = m || {}, { colorScheme: T } = C, x = po(C, ["colorScheme"]), M = p || {}, { dark: D } = M, L = po(M, ["dark"]), j = T || {}, { dark: z } = j, O = po(j, ["dark"]), U = N(v) ? this._toVariables({ [f]: ro(ro({}, v), x) }, e) : {}, Q = N(L) ? this._toVariables({ [f]: ro(ro({}, L), O) }, e) : {}, B = N(D) ? this._toVariables({ [f]: ro(ro({}, D), z) }, e) : {}, [w, y] = [(a = U.declarations) != null ? a : "", U.tokens || []], [$, k] = [(i = Q.declarations) != null ? i : "", Q.tokens || []], [R, S] = [(d = B.declarations) != null ? d : "", B.tokens || []], P = this.transformCSS(f, `${w}${$}`, "light", "variable", e, n, l, c), W = this.transformCSS(f, R, "dark", "variable", e, n, l, c);
+    s = `${P}${W}`, g = [.../* @__PURE__ */ new Set([...y, ...k, ...S])], u = bo(b, { dt: zo });
+  }
+  return { css: s, tokens: g, style: u };
+}, getPresetC({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
+  var l;
+  let { preset: c, options: a } = r, i = (l = c?.components) == null ? void 0 : l[o];
+  return this.getPreset({ name: o, preset: i, options: a, params: e, set: t, defaults: n });
+}, getPresetD({ name: o = "", theme: r = {}, params: e, set: t, defaults: n }) {
+  var l, c;
+  let a = o.replace("-directive", ""), { preset: i, options: d } = r, s = ((l = i?.components) == null ? void 0 : l[a]) || ((c = i?.directives) == null ? void 0 : c[a]);
+  return this.getPreset({ name: a, preset: s, options: d, params: e, set: t, defaults: n });
+}, 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, t) {
+  let { cssLayer: n } = r;
+  return n ? `@layer ${bo(n.order || n.name || "primeui", e)}` : "";
+}, getCommonStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: l }) {
+  let c = this.getCommon({ name: o, theme: r, params: e, set: n, defaults: l }), a = Object.entries(t).reduce((i, [d, s]) => i.push(`${d}="${s}"`) && i, []).join(" ");
+  return Object.entries(c || {}).reduce((i, [d, s]) => {
+    if (Ho(s) && Object.hasOwn(s, "css")) {
+      let g = Fo(s.css), u = `${d}-variables`;
+      i.push(`<style type="text/css" data-primevue-style-id="${u}" ${a}>${g}</style>`);
+    }
+    return i;
+  }, []).join("");
+}, getStyleSheet({ name: o = "", theme: r = {}, params: e, props: t = {}, set: n, defaults: l }) {
+  var c;
+  let a = { name: o, theme: r, params: e, set: n, defaults: l }, i = (c = o.includes("-directive") ? this.getPresetD(a) : this.getPresetC(a)) == null ? void 0 : c.css, d = Object.entries(t).reduce((s, [g, u]) => s.push(`${g}="${u}"`) && s, []).join(" ");
+  return i ? `<style type="text/css" data-primevue-style-id="${o}-variables" ${d}>${Fo(i)}</style>` : "";
+}, createTokens(o = {}, r, e = "", t = "", n = {}) {
+  let l = function(a, i = {}, d = []) {
+    if (d.includes(this.path)) return console.warn(`Circular reference detected at ${this.path}`), { colorScheme: a, path: this.path, paths: i, value: void 0 };
+    d.push(this.path), i.name = this.path, i.binding || (i.binding = {});
+    let s = this.value;
+    if (typeof this.value == "string" && Go.test(this.value)) {
+      let g = this.value.trim().replace(Go, (u) => {
+        var f;
+        let h = u.slice(1, -1), p = this.tokens[h];
+        if (!p) return console.warn(`Token not found for path: ${h}`), "__UNRESOLVED__";
+        let m = p.computed(a, i, d);
+        return Array.isArray(m) && m.length === 2 ? `light-dark(${m[0].value},${m[1].value})` : (f = m?.value) != null ? f : "__UNRESOLVED__";
+      });
+      s = Xe.test(g.replace(Ue, "0")) ? `calc(${g})` : g;
+    }
+    return Er(i.binding) && delete i.binding, d.pop(), { colorScheme: a, path: this.path, paths: i, value: s.includes("__UNRESOLVED__") ? void 0 : s };
+  }, c = (a, i, d) => {
+    Object.entries(a).forEach(([s, g]) => {
+      let u = Oo(s, r.variable.excludedKeyRegex) ? i : i ? `${i}.${re(s)}` : re(s), f = d ? `${d}.${s}` : s;
+      Ho(g) ? c(g, u, f) : (n[u] || (n[u] = { paths: [], computed: (h, p = {}, m = []) => {
+        if (n[u].paths.length === 1) return n[u].paths[0].computed(n[u].paths[0].scheme, p.binding, m);
+        if (h && h !== "none") for (let b = 0; b < n[u].paths.length; b++) {
+          let v = n[u].paths[b];
+          if (v.scheme === h) return v.computed(h, p.binding, m);
+        }
+        return n[u].paths.map((b) => b.computed(b.scheme, p[b.scheme], m));
+      } }), n[u].paths.push({ path: f, value: g, scheme: f.includes("colorScheme.light") ? "light" : f.includes("colorScheme.dark") ? "dark" : "none", computed: l, tokens: n }));
+    });
+  };
+  return c(o, e, t), n;
+}, getTokenValue(o, r, e) {
+  var t;
+  let n = ((a) => a.split(".").filter((i) => !Oo(i.toLowerCase(), e.variable.excludedKeyRegex)).join("."))(r), l = r.includes("colorScheme.light") ? "light" : r.includes("colorScheme.dark") ? "dark" : void 0, c = [(t = o[n]) == null ? void 0 : t.computed(l)].flat().filter((a) => a);
+  return c.length === 1 ? c[0].value : c.reduce((a = {}, i) => {
+    let d = i, { colorScheme: s } = d, g = po(d, ["colorScheme"]);
+    return a[s] = g, a;
+  }, void 0);
+}, getSelectorRule(o, r, e, t) {
+  return e === "class" || e === "attr" ? Lo(N(r) ? `${o}${r},${o} ${r}` : o, t) : Lo(o, Lo(r ?? ":root,:host", t));
+}, transformCSS(o, r, e, t, n = {}, l, c, a) {
+  if (N(r)) {
+    let { cssLayer: i } = n;
+    if (t !== "style") {
+      let d = this.getColorSchemeOption(n, c);
+      r = e === "dark" ? d.reduce((s, { type: g, selector: u }) => (N(u) && (s += u.includes("[CSS]") ? u.replace("[CSS]", r) : this.getSelectorRule(u, a, g, r)), s), "") : Lo(a ?? ":root,:host", r);
+    }
+    if (i) {
+      let d = { name: "primeui" };
+      Ho(i) && (d.name = bo(i.name, { name: o, type: t })), N(d.name) && (r = Lo(`@layer ${d.name}`, r), l?.layerNames(d.name));
+    }
+    return r;
+  }
+  return "";
+} }, q = { 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 = Cr(ro({}, r), { options: ro(ro({}, this.defaults.options), r.options) }), this._tokens = oo.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 }), Bo.emit("theme:change", o);
+}, getPreset() {
+  return this.preset;
+}, setPreset(o) {
+  this._theme = Cr(ro({}, this.theme), { preset: o }), this._tokens = oo.createTokens(o, this.defaults), this.clearLoadedStyleNames(), Bo.emit("preset:change", o), Bo.emit("theme:change", this.theme);
+}, getOptions() {
+  return this.options;
+}, setOptions(o) {
+  this._theme = Cr(ro({}, this.theme), { options: o }), this.clearLoadedStyleNames(), Bo.emit("options:change", o), Bo.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 oo.getTokenValue(this.tokens, o, this.defaults);
+}, getCommon(o = "", r) {
+  return oo.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 oo.getPresetC(e);
+}, getDirective(o = "", r) {
+  let e = { name: o, theme: this.theme, params: r, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
+  return oo.getPresetD(e);
+}, getCustomPreset(o = "", r, e, t) {
+  let n = { name: o, preset: r, options: this.options, selector: e, params: t, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } };
+  return oo.getPreset(n);
+}, getLayerOrderCSS(o = "") {
+  return oo.getLayerOrder(o, this.options, { names: this.getLayerNames() }, this.defaults);
+}, transformCSS(o = "", r, e = "style", t) {
+  return oo.transformCSS(o, r, t, e, this.options, { layerNames: this.setLayerNames.bind(this) }, this.defaults);
+}, getCommonStyleSheet(o = "", r, e = {}) {
+  return oo.getCommonStyleSheet({ name: o, theme: this.theme, params: r, props: e, defaults: this.defaults, set: { layerNames: this.setLayerNames.bind(this) } });
+}, getStyleSheet(o, r, e = {}) {
+  return oo.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), Bo.emit(`theme:${r}:load`, o), !this._loadingStyles.size && Bo.emit("theme:load"));
+} }, Qn = `
+    *,
+    ::before,
+    ::after {
+        box-sizing: border-box;
+    }
+
+    /* Non vue overlay animations */
+    .p-connected-overlay {
+        opacity: 0;
+        transform: scaleY(0.8);
+        transition:
+            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    .p-connected-overlay-visible {
+        opacity: 1;
+        transform: scaleY(1);
+    }
+
+    .p-connected-overlay-hidden {
+        opacity: 0;
+        transform: scaleY(1);
+        transition: opacity 0.1s linear;
+    }
+
+    /* Vue based overlay animations */
+    .p-connected-overlay-enter-from {
+        opacity: 0;
+        transform: scaleY(0.8);
+    }
+
+    .p-connected-overlay-leave-to {
+        opacity: 0;
+    }
+
+    .p-connected-overlay-enter-active {
+        transition:
+            transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+            opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    .p-connected-overlay-leave-active {
+        transition: opacity 0.1s linear;
+    }
+
+    /* Toggleable Content */
+    .p-toggleable-content-enter-from,
+    .p-toggleable-content-leave-to {
+        max-height: 0;
+    }
+
+    .p-toggleable-content-enter-to,
+    .p-toggleable-content-leave-from {
+        max-height: 1000px;
+    }
+
+    .p-toggleable-content-leave-active {
+        overflow: hidden;
+        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
+    }
+
+    .p-toggleable-content-enter-active {
+        overflow: hidden;
+        transition: max-height 1s ease-in-out;
+    }
+
+    .p-disabled,
+    .p-disabled * {
+        cursor: default;
+        pointer-events: none;
+        user-select: none;
+    }
+
+    .p-disabled,
+    .p-component:disabled {
+        opacity: dt('disabled.opacity');
+    }
+
+    .pi {
+        font-size: dt('icon.size');
+    }
+
+    .p-icon {
+        width: dt('icon.size');
+        height: dt('icon.size');
+    }
+
+    .p-overlay-mask {
+        background: dt('mask.background');
+        color: dt('mask.color');
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .p-overlay-mask-enter {
+        animation: p-overlay-mask-enter-animation dt('mask.transition.duration') forwards;
+    }
+
+    .p-overlay-mask-leave {
+        animation: p-overlay-mask-leave-animation dt('mask.transition.duration') forwards;
+    }
+
+    @keyframes p-overlay-mask-enter-animation {
+        from {
+            background: transparent;
+        }
+        to {
+            background: dt('mask.background');
+        }
+    }
+    @keyframes p-overlay-mask-leave-animation {
+        from {
+            background: dt('mask.background');
+        }
+        to {
+            background: transparent;
+        }
+    }
+`;
+function qo(o) {
+  "@babel/helpers - typeof";
+  return qo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+    return typeof r;
+  } : function(r) {
+    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+  }, qo(o);
+}
+function ee(o, r) {
+  var e = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(o);
+    r && (t = t.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(o, n).enumerable;
+    })), e.push.apply(e, t);
+  }
+  return e;
+}
+function te(o) {
+  for (var r = 1; r < arguments.length; r++) {
+    var e = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? ee(Object(e), !0).forEach(function(t) {
+      oa(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : ee(Object(e)).forEach(function(t) {
+      Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
+    });
+  }
+  return o;
+}
+function oa(o, r, e) {
+  return (r = ra(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+}
+function ra(o) {
+  var r = ea(o, "string");
+  return qo(r) == "symbol" ? r : r + "";
+}
+function ea(o, r) {
+  if (qo(o) != "object" || !o) return o;
+  var e = o[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var t = e.call(o, r);
+    if (qo(t) != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(o);
+}
+function ta(o) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+  Vo() && Vo().components ? Ko(o) : r ? o() : ve(o);
+}
+var na = 0;
+function aa(o) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, e = Y(!1), t = Y(o), n = Y(null), l = An() ? window.document : void 0, c = r.document, a = c === void 0 ? l : c, i = r.immediate, d = i === void 0 ? !0 : i, s = r.manual, g = s === void 0 ? !1 : s, u = r.name, f = u === void 0 ? "style_".concat(++na) : u, h = r.id, p = h === void 0 ? void 0 : h, m = r.media, b = m === void 0 ? void 0 : m, v = r.nonce, C = v === void 0 ? void 0 : v, T = r.first, x = T === void 0 ? !1 : T, M = r.onMounted, D = M === void 0 ? void 0 : M, L = r.onUpdated, j = L === void 0 ? void 0 : L, z = r.onLoad, O = z === void 0 ? void 0 : z, U = r.props, Q = U === void 0 ? {} : U, B = function() {
+  }, w = function(k) {
+    var R = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (a) {
+      var S = te(te({}, Q), R), P = S.name || f, W = S.id || p, E = S.nonce || C;
+      n.value = a.querySelector('style[data-primevue-style-id="'.concat(P, '"]')) || a.getElementById(W) || a.createElement("style"), n.value.isConnected || (t.value = k || o, Dr(n.value, {
+        type: "text/css",
+        id: W,
+        media: b,
+        nonce: E
+      }), x ? a.head.prepend(n.value) : a.head.appendChild(n.value), Nn(n.value, "data-primevue-style-id", P), Dr(n.value, S), n.value.onload = function(A) {
+        return O?.(A, {
+          name: P
+        });
+      }, D?.(P)), !e.value && (B = K(t, function(A) {
+        n.value.textContent = A, j?.(P);
+      }, {
+        immediate: !0
+      }), e.value = !0);
+    }
+  }, y = function() {
+    !a || !e.value || (B(), En(n.value) && a.head.removeChild(n.value), e.value = !1, n.value = null);
+  };
+  return d && !g && ta(w), {
+    id: p,
+    name: f,
+    el: n,
+    css: t,
+    unload: y,
+    load: w,
+    isLoaded: we(e)
+  };
+}
+function Zo(o) {
+  "@babel/helpers - typeof";
+  return Zo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+    return typeof r;
+  } : function(r) {
+    return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+  }, Zo(o);
+}
+var ne, ae, ie, ce;
+function le(o, r) {
+  return da(o) || la(o, r) || ca(o, r) || ia();
+}
+function ia() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function ca(o, r) {
+  if (o) {
+    if (typeof o == "string") return de(o, r);
+    var e = {}.toString.call(o).slice(8, -1);
+    return e === "Object" && o.constructor && (e = o.constructor.name), e === "Map" || e === "Set" ? Array.from(o) : e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e) ? de(o, r) : void 0;
+  }
+}
+function de(o, r) {
+  (r == null || r > o.length) && (r = o.length);
+  for (var e = 0, t = Array(r); e < r; e++) t[e] = o[e];
+  return t;
+}
+function la(o, r) {
+  var e = o == null ? null : typeof Symbol < "u" && o[Symbol.iterator] || o["@@iterator"];
+  if (e != null) {
+    var t, n, l, c, a = [], i = !0, d = !1;
+    try {
+      if (l = (e = e.call(o)).next, r !== 0) for (; !(i = (t = l.call(e)).done) && (a.push(t.value), a.length !== r); i = !0) ;
+    } catch (s) {
+      d = !0, n = s;
+    } finally {
+      try {
+        if (!i && e.return != null && (c = e.return(), Object(c) !== c)) return;
+      } finally {
+        if (d) throw n;
+      }
+    }
+    return a;
+  }
+}
+function da(o) {
+  if (Array.isArray(o)) return o;
+}
+function se(o, r) {
+  var e = Object.keys(o);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(o);
+    r && (t = t.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(o, n).enumerable;
+    })), e.push.apply(e, t);
+  }
+  return e;
+}
+function Br(o) {
+  for (var r = 1; r < arguments.length; r++) {
+    var e = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? se(Object(e), !0).forEach(function(t) {
+      sa(o, t, e[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(e)) : se(Object(e)).forEach(function(t) {
+      Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(e, t));
+    });
+  }
+  return o;
+}
+function sa(o, r, e) {
+  return (r = ua(r)) in o ? Object.defineProperty(o, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : o[r] = e, o;
+}
+function ua(o) {
+  var r = fa(o, "string");
+  return Zo(r) == "symbol" ? r : r + "";
+}
+function fa(o, r) {
+  if (Zo(o) != "object" || !o) return o;
+  var e = o[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var t = e.call(o, r);
+    if (Zo(t) != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(o);
+}
+function tr(o, r) {
+  return r || (r = o.slice(0)), Object.freeze(Object.defineProperties(o, { raw: { value: Object.freeze(r) } }));
+}
+var ga = function(r) {
+  var e = r.dt;
+  return `
+.p-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    opacity: 0;
+    overflow: hidden;
+    padding: 0;
+    pointer-events: none;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+}
+
+.p-overflow-hidden {
+    overflow: hidden;
+    padding-right: `.concat(e("scrollbar.width"), `;
+}
+`);
+}, ma = {}, pa = {}, Ke = {
+  name: "base",
+  css: ga,
+  style: Qn,
+  classes: ma,
+  inlineStyles: pa,
+  load: function(r) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : function(l) {
+      return l;
+    }, n = t(er(ne || (ne = tr(["", ""])), r));
+    return N(n) ? aa(Fo(n), Br({
+      name: this.name
+    }, e)) : {};
+  },
+  loadCSS: function() {
+    var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return this.load(this.css, r);
+  },
+  loadStyle: function() {
+    var r = this, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    return this.load(this.style, e, function() {
+      var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+      return q.transformCSS(e.name || r.name, "".concat(n).concat(er(ae || (ae = tr(["", ""])), t)));
+    });
+  },
+  getCommonTheme: function(r) {
+    return q.getCommon(this.name, r);
+  },
+  getComponentTheme: function(r) {
+    return q.getComponent(this.name, r);
+  },
+  getDirectiveTheme: function(r) {
+    return q.getDirective(this.name, r);
+  },
+  getPresetTheme: function(r, e, t) {
+    return q.getCustomPreset(this.name, r, e, t);
+  },
+  getLayerOrderThemeCSS: function() {
+    return q.getLayerOrderCSS(this.name);
+  },
+  getStyleSheet: function() {
+    var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (this.css) {
+      var t = bo(this.css, {
+        dt: zo
+      }) || "", n = Fo(er(ie || (ie = tr(["", "", ""])), t, r)), l = Object.entries(e).reduce(function(c, a) {
+        var i = le(a, 2), d = i[0], s = i[1];
+        return c.push("".concat(d, '="').concat(s, '"')) && c;
+      }, []).join(" ");
+      return N(n) ? '<style type="text/css" data-primevue-style-id="'.concat(this.name, '" ').concat(l, ">").concat(n, "</style>") : "";
+    }
+    return "";
+  },
+  getCommonThemeStyleSheet: function(r) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    return q.getCommonStyleSheet(this.name, r, e);
+  },
+  getThemeStyleSheet: function(r) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = [q.getStyleSheet(this.name, r, e)];
+    if (this.style) {
+      var n = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), l = er(ce || (ce = tr(["", ""])), bo(this.style, {
+        dt: zo
+      })), c = Fo(q.transformCSS(n, l)), a = Object.entries(e).reduce(function(i, d) {
+        var s = le(d, 2), g = s[0], u = s[1];
+        return i.push("".concat(g, '="').concat(u, '"')) && i;
+      }, []).join(" ");
+      N(c) && t.push('<style type="text/css" data-primevue-style-id="'.concat(n, '" ').concat(a, ">").concat(c, "</style>"));
+    }
+    return t.join("");
+  },
+  extend: function(r) {
+    return Br(Br({}, this), {}, {
+      css: void 0,
+      style: void 0
+    }, r);
+  }
+};
+Ke.extend({
+  name: "common"
+});
+function yr(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var ir = { exports: {} }, ha = ir.exports, ue;
+function ba() {
+  return ue || (ue = 1, (function(o, r) {
+    (function(e, t) {
+      o.exports = t();
+    })(ha, (function() {
+      var e = 1e3, t = 6e4, n = 36e5, l = "millisecond", c = "second", a = "minute", i = "hour", d = "day", s = "week", g = "month", u = "quarter", f = "year", h = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, b = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, v = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(B) {
+        var w = ["th", "st", "nd", "rd"], y = B % 100;
+        return "[" + B + (w[(y - 20) % 10] || w[y] || w[0]) + "]";
+      } }, C = function(B, w, y) {
+        var $ = String(B);
+        return !$ || $.length >= w ? B : "" + Array(w + 1 - $.length).join(y) + B;
+      }, T = { s: C, z: function(B) {
+        var w = -B.utcOffset(), y = Math.abs(w), $ = Math.floor(y / 60), k = y % 60;
+        return (w <= 0 ? "+" : "-") + C($, 2, "0") + ":" + C(k, 2, "0");
+      }, m: function B(w, y) {
+        if (w.date() < y.date()) return -B(y, w);
+        var $ = 12 * (y.year() - w.year()) + (y.month() - w.month()), k = w.clone().add($, g), R = y - k < 0, S = w.clone().add($ + (R ? -1 : 1), g);
+        return +(-($ + (y - k) / (R ? k - S : S - k)) || 0);
+      }, a: function(B) {
+        return B < 0 ? Math.ceil(B) || 0 : Math.floor(B);
+      }, p: function(B) {
+        return { M: g, y: f, w: s, d, D: h, h: i, m: a, s: c, ms: l, Q: u }[B] || String(B || "").toLowerCase().replace(/s$/, "");
+      }, u: function(B) {
+        return B === void 0;
+      } }, x = "en", M = {};
+      M[x] = v;
+      var D = "$isDayjsObject", L = function(B) {
+        return B instanceof U || !(!B || !B[D]);
+      }, j = function B(w, y, $) {
+        var k;
+        if (!w) return x;
+        if (typeof w == "string") {
+          var R = w.toLowerCase();
+          M[R] && (k = R), y && (M[R] = y, k = R);
+          var S = w.split("-");
+          if (!k && S.length > 1) return B(S[0]);
+        } else {
+          var P = w.name;
+          M[P] = w, k = P;
+        }
+        return !$ && k && (x = k), k || !$ && x;
+      }, z = function(B, w) {
+        if (L(B)) return B.clone();
+        var y = typeof w == "object" ? w : {};
+        return y.date = B, y.args = arguments, new U(y);
+      }, O = T;
+      O.l = j, O.i = L, O.w = function(B, w) {
+        return z(B, { locale: w.$L, utc: w.$u, x: w.$x, $offset: w.$offset });
+      };
+      var U = (function() {
+        function B(y) {
+          this.$L = j(y.locale, null, !0), this.parse(y), this.$x = this.$x || y.x || {}, this[D] = !0;
+        }
+        var w = B.prototype;
+        return w.parse = function(y) {
+          this.$d = (function($) {
+            var k = $.date, R = $.utc;
+            if (k === null) return /* @__PURE__ */ new Date(NaN);
+            if (O.u(k)) return /* @__PURE__ */ new Date();
+            if (k instanceof Date) return new Date(k);
+            if (typeof k == "string" && !/Z$/i.test(k)) {
+              var S = k.match(m);
+              if (S) {
+                var P = S[2] - 1 || 0, W = (S[7] || "0").substring(0, 3);
+                return R ? new Date(Date.UTC(S[1], P, S[3] || 1, S[4] || 0, S[5] || 0, S[6] || 0, W)) : new Date(S[1], P, S[3] || 1, S[4] || 0, S[5] || 0, S[6] || 0, W);
+              }
+            }
+            return new Date(k);
+          })(y), this.init();
+        }, w.init = function() {
+          var y = this.$d;
+          this.$y = y.getFullYear(), this.$M = y.getMonth(), this.$D = y.getDate(), this.$W = y.getDay(), this.$H = y.getHours(), this.$m = y.getMinutes(), this.$s = y.getSeconds(), this.$ms = y.getMilliseconds();
+        }, w.$utils = function() {
+          return O;
+        }, w.isValid = function() {
+          return this.$d.toString() !== p;
+        }, w.isSame = function(y, $) {
+          var k = z(y);
+          return this.startOf($) <= k && k <= this.endOf($);
+        }, w.isAfter = function(y, $) {
+          return z(y) < this.startOf($);
+        }, w.isBefore = function(y, $) {
+          return this.endOf($) < z(y);
+        }, w.$g = function(y, $, k) {
+          return O.u(y) ? this[$] : this.set(k, y);
+        }, w.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, w.valueOf = function() {
+          return this.$d.getTime();
+        }, w.startOf = function(y, $) {
+          var k = this, R = !!O.u($) || $, S = O.p(y), P = function(mo, F) {
+            var ao = O.w(k.$u ? Date.UTC(k.$y, F, mo) : new Date(k.$y, F, mo), k);
+            return R ? ao : ao.endOf(d);
+          }, W = function(mo, F) {
+            return O.w(k.toDate()[mo].apply(k.toDate("s"), (R ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(F)), k);
+          }, E = this.$W, A = this.$M, V = this.$D, fo = "set" + (this.$u ? "UTC" : "");
+          switch (S) {
+            case f:
+              return R ? P(1, 0) : P(31, 11);
+            case g:
+              return R ? P(1, A) : P(0, A + 1);
+            case s:
+              var go = this.$locale().weekStart || 0, xo = (E < go ? E + 7 : E) - go;
+              return P(R ? V - xo : V + (6 - xo), A);
+            case d:
+            case h:
+              return W(fo + "Hours", 0);
+            case i:
+              return W(fo + "Minutes", 1);
+            case a:
+              return W(fo + "Seconds", 2);
+            case c:
+              return W(fo + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, w.endOf = function(y) {
+          return this.startOf(y, !1);
+        }, w.$set = function(y, $) {
+          var k, R = O.p(y), S = "set" + (this.$u ? "UTC" : ""), P = (k = {}, k[d] = S + "Date", k[h] = S + "Date", k[g] = S + "Month", k[f] = S + "FullYear", k[i] = S + "Hours", k[a] = S + "Minutes", k[c] = S + "Seconds", k[l] = S + "Milliseconds", k)[R], W = R === d ? this.$D + ($ - this.$W) : $;
+          if (R === g || R === f) {
+            var E = this.clone().set(h, 1);
+            E.$d[P](W), E.init(), this.$d = E.set(h, Math.min(this.$D, E.daysInMonth())).$d;
+          } else P && this.$d[P](W);
+          return this.init(), this;
+        }, w.set = function(y, $) {
+          return this.clone().$set(y, $);
+        }, w.get = function(y) {
+          return this[O.p(y)]();
+        }, w.add = function(y, $) {
+          var k, R = this;
+          y = Number(y);
+          var S = O.p($), P = function(A) {
+            var V = z(R);
+            return O.w(V.date(V.date() + Math.round(A * y)), R);
+          };
+          if (S === g) return this.set(g, this.$M + y);
+          if (S === f) return this.set(f, this.$y + y);
+          if (S === d) return P(1);
+          if (S === s) return P(7);
+          var W = (k = {}, k[a] = t, k[i] = n, k[c] = e, k)[S] || 1, E = this.$d.getTime() + y * W;
+          return O.w(E, this);
+        }, w.subtract = function(y, $) {
+          return this.add(-1 * y, $);
+        }, w.format = function(y) {
+          var $ = this, k = this.$locale();
+          if (!this.isValid()) return k.invalidDate || p;
+          var R = y || "YYYY-MM-DDTHH:mm:ssZ", S = O.z(this), P = this.$H, W = this.$m, E = this.$M, A = k.weekdays, V = k.months, fo = k.meridiem, go = function(F, ao, Co, To) {
+            return F && (F[ao] || F($, R)) || Co[ao].slice(0, To);
+          }, xo = function(F) {
+            return O.s(P % 12 || 12, F, "0");
+          }, mo = fo || function(F, ao, Co) {
+            var To = F < 12 ? "AM" : "PM";
+            return Co ? To.toLowerCase() : To;
+          };
+          return R.replace(b, (function(F, ao) {
+            return ao || (function(Co) {
+              switch (Co) {
+                case "YY":
+                  return String($.$y).slice(-2);
+                case "YYYY":
+                  return O.s($.$y, 4, "0");
+                case "M":
+                  return E + 1;
+                case "MM":
+                  return O.s(E + 1, 2, "0");
+                case "MMM":
+                  return go(k.monthsShort, E, V, 3);
+                case "MMMM":
+                  return go(V, E);
+                case "D":
+                  return $.$D;
+                case "DD":
+                  return O.s($.$D, 2, "0");
+                case "d":
+                  return String($.$W);
+                case "dd":
+                  return go(k.weekdaysMin, $.$W, A, 2);
+                case "ddd":
+                  return go(k.weekdaysShort, $.$W, A, 3);
+                case "dddd":
+                  return A[$.$W];
+                case "H":
+                  return String(P);
+                case "HH":
+                  return O.s(P, 2, "0");
+                case "h":
+                  return xo(1);
+                case "hh":
+                  return xo(2);
+                case "a":
+                  return mo(P, W, !0);
+                case "A":
+                  return mo(P, W, !1);
+                case "m":
+                  return String(W);
+                case "mm":
+                  return O.s(W, 2, "0");
+                case "s":
+                  return String($.$s);
+                case "ss":
+                  return O.s($.$s, 2, "0");
+                case "SSS":
+                  return O.s($.$ms, 3, "0");
+                case "Z":
+                  return S;
+              }
+              return null;
+            })(F) || S.replace(":", "");
+          }));
+        }, w.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, w.diff = function(y, $, k) {
+          var R, S = this, P = O.p($), W = z(y), E = (W.utcOffset() - this.utcOffset()) * t, A = this - W, V = function() {
+            return O.m(S, W);
+          };
+          switch (P) {
+            case f:
+              R = V() / 12;
+              break;
+            case g:
+              R = V();
+              break;
+            case u:
+              R = V() / 3;
+              break;
+            case s:
+              R = (A - E) / 6048e5;
+              break;
+            case d:
+              R = (A - E) / 864e5;
+              break;
+            case i:
+              R = A / n;
+              break;
+            case a:
+              R = A / t;
+              break;
+            case c:
+              R = A / e;
+              break;
+            default:
+              R = A;
+          }
+          return k ? R : O.a(R);
+        }, w.daysInMonth = function() {
+          return this.endOf(g).$D;
+        }, w.$locale = function() {
+          return M[this.$L];
+        }, w.locale = function(y, $) {
+          if (!y) return this.$L;
+          var k = this.clone(), R = j(y, $, !0);
+          return R && (k.$L = R), k;
+        }, w.clone = function() {
+          return O.w(this.$d, this);
+        }, w.toDate = function() {
+          return new Date(this.valueOf());
+        }, w.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, w.toISOString = function() {
+          return this.$d.toISOString();
+        }, w.toString = function() {
+          return this.$d.toUTCString();
+        }, B;
+      })(), Q = U.prototype;
+      return z.prototype = Q, [["$ms", l], ["$s", c], ["$m", a], ["$H", i], ["$W", d], ["$M", g], ["$y", f], ["$D", h]].forEach((function(B) {
+        Q[B[1]] = function(w) {
+          return this.$g(w, B[0], B[1]);
+        };
+      })), z.extend = function(B, w) {
+        return B.$i || (B(w, U, z), B.$i = !0), z;
+      }, z.locale = j, z.isDayjs = L, z.unix = function(B) {
+        return z(1e3 * B);
+      }, z.en = M[x], z.Ls = M, z.p = {}, z;
+    }));
+  })(ir)), ir.exports;
+}
+var va = ba();
+const Ar = /* @__PURE__ */ yr(va);
+var cr = { exports: {} }, ya = cr.exports, fe;
+function ka() {
+  return fe || (fe = 1, (function(o, r) {
+    (function(e, t) {
+      o.exports = t();
+    })(ya, (function() {
+      var e = "minute", t = /[+-]\d\d(?::?\d\d)?/g, n = /([+-]|\d\d)/g;
+      return function(l, c, a) {
+        var i = c.prototype;
+        a.utc = function(p) {
+          var m = { date: p, utc: !0, args: arguments };
+          return new c(m);
+        }, i.utc = function(p) {
+          var m = a(this.toDate(), { locale: this.$L, utc: !0 });
+          return p ? m.add(this.utcOffset(), e) : m;
+        }, i.local = function() {
+          return a(this.toDate(), { locale: this.$L, utc: !1 });
+        };
+        var d = i.parse;
+        i.parse = function(p) {
+          p.utc && (this.$u = !0), this.$utils().u(p.$offset) || (this.$offset = p.$offset), d.call(this, p);
+        };
+        var s = i.init;
+        i.init = function() {
+          if (this.$u) {
+            var p = this.$d;
+            this.$y = p.getUTCFullYear(), this.$M = p.getUTCMonth(), this.$D = p.getUTCDate(), this.$W = p.getUTCDay(), this.$H = p.getUTCHours(), this.$m = p.getUTCMinutes(), this.$s = p.getUTCSeconds(), this.$ms = p.getUTCMilliseconds();
+          } else s.call(this);
+        };
+        var g = i.utcOffset;
+        i.utcOffset = function(p, m) {
+          var b = this.$utils().u;
+          if (b(p)) return this.$u ? 0 : b(this.$offset) ? g.call(this) : this.$offset;
+          if (typeof p == "string" && (p = (function(x) {
+            x === void 0 && (x = "");
+            var M = x.match(t);
+            if (!M) return null;
+            var D = ("" + M[0]).match(n) || ["-", 0, 0], L = D[0], j = 60 * +D[1] + +D[2];
+            return j === 0 ? 0 : L === "+" ? j : -j;
+          })(p), p === null)) return this;
+          var v = Math.abs(p) <= 16 ? 60 * p : p;
+          if (v === 0) return this.utc(m);
+          var C = this.clone();
+          if (m) return C.$offset = v, C.$u = !1, C;
+          var T = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (C = this.local().add(v + T, e)).$offset = v, C.$x.$localOffset = T, C;
+        };
+        var u = i.format;
+        i.format = function(p) {
+          var m = p || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return u.call(this, m);
+        }, i.valueOf = function() {
+          var p = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * p;
+        }, i.isUTC = function() {
+          return !!this.$u;
+        }, i.toISOString = function() {
+          return this.toDate().toISOString();
+        }, i.toString = function() {
+          return this.toDate().toUTCString();
+        };
+        var f = i.toDate;
+        i.toDate = function(p) {
+          return p === "s" && this.$offset ? a(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : f.call(this);
+        };
+        var h = i.diff;
+        i.diff = function(p, m, b) {
+          if (p && this.$u === p.$u) return h.call(this, p, m, b);
+          var v = this.local(), C = a(p).local();
+          return h.call(v, C, m, b);
+        };
+      };
+    }));
+  })(cr)), cr.exports;
+}
+var wa = ka();
+const $a = /* @__PURE__ */ yr(wa);
+var lr = { exports: {} }, xa = lr.exports, ge;
+function Ca() {
+  return ge || (ge = 1, (function(o, r) {
+    (function(e, t) {
+      o.exports = t();
+    })(xa, (function() {
+      var e = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, t = {};
+      return function(n, l, c) {
+        var a, i = function(u, f, h) {
+          h === void 0 && (h = {});
+          var p = new Date(u), m = (function(b, v) {
+            v === void 0 && (v = {});
+            var C = v.timeZoneName || "short", T = b + "|" + C, x = t[T];
+            return x || (x = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: b, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: C }), t[T] = x), x;
+          })(f, h);
+          return m.formatToParts(p);
+        }, d = function(u, f) {
+          for (var h = i(u, f), p = [], m = 0; m < h.length; m += 1) {
+            var b = h[m], v = b.type, C = b.value, T = e[v];
+            T >= 0 && (p[T] = parseInt(C, 10));
+          }
+          var x = p[3], M = x === 24 ? 0 : x, D = p[0] + "-" + p[1] + "-" + p[2] + " " + M + ":" + p[4] + ":" + p[5] + ":000", L = +u;
+          return (c.utc(D).valueOf() - (L -= L % 1e3)) / 6e4;
+        }, s = l.prototype;
+        s.tz = function(u, f) {
+          u === void 0 && (u = a);
+          var h, p = this.utcOffset(), m = this.toDate(), b = m.toLocaleString("en-US", { timeZone: u }), v = Math.round((m - new Date(b)) / 1e3 / 60), C = 15 * -Math.round(m.getTimezoneOffset() / 15) - v;
+          if (!Number(C)) h = this.utcOffset(0, f);
+          else if (h = c(b, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(C, !0), f) {
+            var T = h.utcOffset();
+            h = h.add(p - T, "minute");
+          }
+          return h.$x.$timezone = u, h;
+        }, s.offsetName = function(u) {
+          var f = this.$x.$timezone || c.tz.guess(), h = i(this.valueOf(), f, { timeZoneName: u }).find((function(p) {
+            return p.type.toLowerCase() === "timezonename";
+          }));
+          return h && h.value;
+        };
+        var g = s.startOf;
+        s.startOf = function(u, f) {
+          if (!this.$x || !this.$x.$timezone) return g.call(this, u, f);
+          var h = c(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+          return g.call(h, u, f).tz(this.$x.$timezone, !0);
+        }, c.tz = function(u, f, h) {
+          var p = h && f, m = h || f || a, b = d(+c(), m);
+          if (typeof u != "string") return c(u).tz(m);
+          var v = (function(M, D, L) {
+            var j = M - 60 * D * 1e3, z = d(j, L);
+            if (D === z) return [j, D];
+            var O = d(j -= 60 * (z - D) * 1e3, L);
+            return z === O ? [j, z] : [M - 60 * Math.min(z, O) * 1e3, Math.max(z, O)];
+          })(c.utc(u, p).valueOf(), b, m), C = v[0], T = v[1], x = c(C).utcOffset(T);
+          return x.$x.$timezone = m, x;
+        }, c.tz.guess = function() {
+          return Intl.DateTimeFormat().resolvedOptions().timeZone;
+        }, c.tz.setDefault = function(u) {
+          a = u;
+        };
+      };
+    }));
+  })(lr)), lr.exports;
+}
+var Ba = Ca();
+const Sa = /* @__PURE__ */ yr(Ba);
+var dr = { exports: {} }, Ra = dr.exports, me;
+function Oa() {
+  return me || (me = 1, (function(o, r) {
+    (function(e, t) {
+      o.exports = t();
+    })(Ra, (function() {
+      return function(e, t) {
+        var n = t.prototype, l = n.format;
+        n.format = function(c) {
+          var a = this, i = this.$locale();
+          if (!this.isValid()) return l.bind(this)(c);
+          var d = this.$utils(), s = (c || "YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g, (function(g) {
+            switch (g) {
+              case "Q":
+                return Math.ceil((a.$M + 1) / 3);
+              case "Do":
+                return i.ordinal(a.$D);
+              case "gggg":
+                return a.weekYear();
+              case "GGGG":
+                return a.isoWeekYear();
+              case "wo":
+                return i.ordinal(a.week(), "W");
+              case "w":
+              case "ww":
+                return d.s(a.week(), g === "w" ? 1 : 2, "0");
+              case "W":
+              case "WW":
+                return d.s(a.isoWeek(), g === "W" ? 1 : 2, "0");
+              case "k":
+              case "kk":
+                return d.s(String(a.$H === 0 ? 24 : a.$H), g === "k" ? 1 : 2, "0");
+              case "X":
+                return Math.floor(a.$d.getTime() / 1e3);
+              case "x":
+                return a.$d.getTime();
+              case "z":
+                return "[" + a.offsetName() + "]";
+              case "zzz":
+                return "[" + a.offsetName("long") + "]";
+              default:
+                return g;
+            }
+          }));
+          return l.bind(this)(s);
+        };
+      };
+    }));
+  })(dr)), dr.exports;
+}
+var za = Oa();
+const Da = /* @__PURE__ */ yr(za);
+Ar.extend(Da);
+Ar.extend($a);
+Ar.extend(Sa);
+const Ta = /* @__PURE__ */ $o({
+  __name: "PvTooltipV2",
+  props: {
+    variant: { default: "dark", type: String },
+    label: { type: String },
+    description: { type: String },
+    size: { default: "md", type: String },
+    disableContent: { type: Boolean, default: !1 },
+    disableAutoPlacement: { type: Boolean },
+    allowedAutoPlacements: { type: Array },
+    position: { default: "top-center", type: String },
+    positioningStrategy: { type: String },
+    showOnHover: { type: Boolean, default: !0 },
+    disableInteractive: { type: Boolean, default: !1 },
+    useTeleport: { type: Boolean },
+    disableClickOutsideToClose: { type: Boolean },
+    delay: { default: 0, type: Number },
+    zIndex: { type: Number },
+    teleportLocation: { type: String }
+  },
+  setup(o) {
+    return (r, e) => (_(), Xo(
+      Pn,
+      pt(ht(r.$props)),
+      bt({
+        trigger: Rr(() => [
+          vo(r.$slots, "trigger", {}, () => [
+            G(
+              "p",
+              null,
+              yo(o.label),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        !o.disableContent || o.description ? {
+          name: "content",
+          fn: Rr(() => [
+            G(
+              "div",
+              {
+                class: co(["pv-tooltip-v2-content", { "pv-tooltip-v2-content-small": o.size === "sm" }]),
+                role: "tooltip"
+              },
+              [
+                vo(r.$slots, "content", {}, () => [
+                  vt(
+                    yo(o.description),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )
+          ]),
+          key: "0"
+        } : void 0
+      ]),
+      1040
+      /* FULL_PROPS, DYNAMIC_SLOTS */
+    ));
+  }
+}), Pa = ["for"], La = ["disabled", "type", "placeholder", "id", "data-invalid"];
+Math.random().toString();
+const Ma = ["for"], Wa = { key: 0 }, ja = ["disabled", "id"];
+Math.random().toString();
+const Ea = ["for"], Aa = ["rows", "disabled", "placeholder", "id", "data-invalid"];
+Math.random().toString();
+Ke.extend({
+  name: "common"
+});
+var Na = { transitionDuration: "{transition.duration}" }, Ia = { borderWidth: "0 0 1px 0", borderColor: "{content.border.color}" }, _a = { 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" } }, Ha = { borderWidth: "0", borderColor: "{content.border.color}", background: "{content.background}", color: "{text.color}", padding: "0 1.125rem 1.125rem 1.125rem" }, Fa = { root: Na, panel: Ia, header: _a, content: Ha }, Va = { 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}" }, Ya = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Xa = { padding: "{list.padding}", gap: "{list.gap}" }, Ua = { 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}" }, Ga = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, qa = { 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}" } }, Za = { borderRadius: "{border.radius.sm}" }, Ka = { padding: "{list.option.padding}" }, Ja = { 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}" } } }, Qa = { root: Va, overlay: Ya, list: Xa, option: Ua, optionGroup: Ga, dropdown: qa, chip: Za, emptyMessage: Ka, colorScheme: Ja }, oi = { width: "2rem", height: "2rem", fontSize: "1rem", background: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, ri = { size: "1rem" }, ei = { borderColor: "{content.background}", offset: "-0.75rem" }, ti = { width: "3rem", height: "3rem", fontSize: "1.5rem", icon: { size: "1.5rem" }, group: { offset: "-1rem" } }, ni = { width: "4rem", height: "4rem", fontSize: "2rem", icon: { size: "2rem" }, group: { offset: "-1.5rem" } }, ai = { root: oi, icon: ri, group: ei, lg: ti, xl: ni }, ii = { borderRadius: "{border.radius.md}", padding: "0 0.5rem", fontSize: "0.75rem", fontWeight: "700", minWidth: "1.5rem", height: "1.5rem" }, ci = { size: "0.5rem" }, li = { fontSize: "0.625rem", minWidth: "1.25rem", height: "1.25rem" }, di = { fontSize: "0.875rem", minWidth: "1.75rem", height: "1.75rem" }, si = { fontSize: "1rem", minWidth: "2rem", height: "2rem" }, ui = { 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}" } } }, fi = { root: ii, dot: ci, sm: li, lg: di, xl: si, colorScheme: ui }, gi = { 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" } }, mi = { transitionDuration: "0.2s", focusRing: { width: "1px", style: "solid", color: "{primary.color}", offset: "2px", shadow: "none" }, disabledOpacity: "0.6", iconSize: "1rem", anchorGutter: "2px", primary: { 50: "{emerald.50}", 100: "{emerald.100}", 200: "{emerald.200}", 300: "{emerald.300}", 400: "{emerald.400}", 500: "{emerald.500}", 600: "{emerald.600}", 700: "{emerald.700}", 800: "{emerald.800}", 900: "{emerald.900}", 950: "{emerald.950}" }, formField: { paddingX: "0.75rem", paddingY: "0.5rem", sm: { fontSize: "0.875rem", paddingX: "0.625rem", paddingY: "0.375rem" }, lg: { fontSize: "1.125rem", paddingX: "0.875rem", paddingY: "0.625rem" }, borderRadius: "{border.radius.md}", focusRing: { width: "0", style: "none", color: "transparent", offset: "0", shadow: "none" }, transitionDuration: "{transition.duration}" }, list: { padding: "0.25rem 0.25rem", gap: "2px", header: { padding: "0.5rem 1rem 0.25rem 1rem" }, option: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}" }, optionGroup: { padding: "0.5rem 0.75rem", fontWeight: "600" } }, content: { borderRadius: "{border.radius.md}" }, mask: { transitionDuration: "0.15s" }, navigation: { list: { padding: "0.25rem 0.25rem", gap: "2px" }, item: { padding: "0.5rem 0.75rem", borderRadius: "{border.radius.sm}", gap: "0.5rem" }, submenuLabel: { padding: "0.5rem 0.75rem", fontWeight: "600" }, submenuIcon: { size: "0.875rem" } }, overlay: { select: { borderRadius: "{border.radius.md}", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, popover: { borderRadius: "{border.radius.md}", padding: "0.75rem", shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" }, modal: { borderRadius: "{border.radius.xl}", padding: "1.25rem", shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)" }, navigation: { shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)" } }, colorScheme: { light: { surface: { 0: "#ffffff", 50: "{slate.50}", 100: "{slate.100}", 200: "{slate.200}", 300: "{slate.300}", 400: "{slate.400}", 500: "{slate.500}", 600: "{slate.600}", 700: "{slate.700}", 800: "{slate.800}", 900: "{slate.900}", 950: "{slate.950}" }, primary: { color: "{primary.500}", contrastColor: "#ffffff", hoverColor: "{primary.600}", activeColor: "{primary.700}" }, highlight: { background: "{primary.50}", focusBackground: "{primary.100}", color: "{primary.700}", focusColor: "{primary.800}" }, mask: { background: "rgba(0,0,0,0.4)", color: "{surface.200}" }, formField: { background: "{surface.0}", disabledBackground: "{surface.200}", filledBackground: "{surface.50}", filledHoverBackground: "{surface.50}", filledFocusBackground: "{surface.50}", borderColor: "{surface.300}", hoverBorderColor: "{surface.400}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.400}", color: "{surface.700}", disabledColor: "{surface.500}", placeholderColor: "{surface.500}", invalidPlaceholderColor: "{red.600}", floatLabelColor: "{surface.500}", floatLabelFocusColor: "{primary.600}", floatLabelActiveColor: "{surface.500}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.700}", hoverColor: "{surface.800}", mutedColor: "{surface.500}", hoverMutedColor: "{surface.600}" }, content: { background: "{surface.0}", hoverBackground: "{surface.100}", borderColor: "{surface.200}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, popover: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" }, modal: { background: "{surface.0}", borderColor: "{surface.200}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.100}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.100}", activeBackground: "{surface.100}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.400}", focusColor: "{surface.500}", activeColor: "{surface.500}" } } }, dark: { surface: { 0: "#ffffff", 50: "{zinc.50}", 100: "{zinc.100}", 200: "{zinc.200}", 300: "{zinc.300}", 400: "{zinc.400}", 500: "{zinc.500}", 600: "{zinc.600}", 700: "{zinc.700}", 800: "{zinc.800}", 900: "{zinc.900}", 950: "{zinc.950}" }, primary: { color: "{primary.400}", contrastColor: "{surface.900}", hoverColor: "{primary.300}", activeColor: "{primary.200}" }, highlight: { background: "color-mix(in srgb, {primary.400}, transparent 84%)", focusBackground: "color-mix(in srgb, {primary.400}, transparent 76%)", color: "rgba(255,255,255,.87)", focusColor: "rgba(255,255,255,.87)" }, mask: { background: "rgba(0,0,0,0.6)", color: "{surface.200}" }, formField: { background: "{surface.950}", disabledBackground: "{surface.700}", filledBackground: "{surface.800}", filledHoverBackground: "{surface.800}", filledFocusBackground: "{surface.800}", borderColor: "{surface.600}", hoverBorderColor: "{surface.500}", focusBorderColor: "{primary.color}", invalidBorderColor: "{red.300}", color: "{surface.0}", disabledColor: "{surface.400}", placeholderColor: "{surface.400}", invalidPlaceholderColor: "{red.400}", floatLabelColor: "{surface.400}", floatLabelFocusColor: "{primary.color}", floatLabelActiveColor: "{surface.400}", floatLabelInvalidColor: "{form.field.invalid.placeholder.color}", iconColor: "{surface.400}", shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)" }, text: { color: "{surface.0}", hoverColor: "{surface.0}", mutedColor: "{surface.400}", hoverMutedColor: "{surface.300}" }, content: { background: "{surface.900}", hoverBackground: "{surface.800}", borderColor: "{surface.700}", color: "{text.color}", hoverColor: "{text.hover.color}" }, overlay: { select: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, popover: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" }, modal: { background: "{surface.900}", borderColor: "{surface.700}", color: "{text.color}" } }, list: { option: { focusBackground: "{surface.800}", selectedBackground: "{highlight.background}", selectedFocusBackground: "{highlight.focus.background}", color: "{text.color}", focusColor: "{text.hover.color}", selectedColor: "{highlight.color}", selectedFocusColor: "{highlight.focus.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}" } }, optionGroup: { background: "transparent", color: "{text.muted.color}" } }, navigation: { item: { focusBackground: "{surface.800}", activeBackground: "{surface.800}", color: "{text.color}", focusColor: "{text.hover.color}", activeColor: "{text.hover.color}", icon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } }, submenuLabel: { background: "transparent", color: "{text.muted.color}" }, submenuIcon: { color: "{surface.500}", focusColor: "{surface.400}", activeColor: "{surface.400}" } } } } }, pi = { primitive: gi, semantic: mi }, hi = { borderRadius: "{content.border.radius}" }, bi = { root: hi }, vi = { padding: "1rem", background: "{content.background}", gap: "0.5rem", transitionDuration: "{transition.duration}" }, yi = { 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}" } }, ki = { color: "{navigation.item.icon.color}" }, wi = { root: vi, item: yi, separator: ki }, $i = { 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}" }, xi = { 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}" } } }, Ci = { root: $i, colorScheme: xi }, Bi = { 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)" }, Si = { padding: "1.25rem", gap: "0.5rem" }, Ri = { gap: "0.5rem" }, Oi = { fontSize: "1.25rem", fontWeight: "500" }, zi = { color: "{text.muted.color}" }, Di = { root: Bi, body: Si, caption: Ri, title: Oi, subtitle: zi }, Ti = { transitionDuration: "{transition.duration}" }, Pi = { gap: "0.25rem" }, Li = { padding: "1rem", gap: "0.5rem" }, Mi = { 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}" } }, Wi = { light: { indicator: { background: "{surface.200}", hoverBackground: "{surface.300}", activeBackground: "{primary.color}" } }, dark: { indicator: { background: "{surface.700}", hoverBackground: "{surface.600}", activeBackground: "{primary.color}" } } }, ji = { root: Ti, content: Pi, indicatorList: Li, indicator: Mi, colorScheme: Wi }, Ei = { 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}" } }, Ai = { width: "2.5rem", color: "{form.field.icon.color}" }, Ni = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Ii = { padding: "{list.padding}", gap: "{list.gap}", mobileIndent: "1rem" }, _i = { 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" } }, Hi = { color: "{form.field.icon.color}" }, Fi = { root: Ei, dropdown: Ai, overlay: Ni, list: Ii, option: _i, clearIcon: Hi }, Vi = { 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" } }, Yi = { 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" } }, Xi = { root: Vi, icon: Yi }, Ui = { borderRadius: "16px", paddingX: "0.75rem", paddingY: "0.5rem", gap: "0.5rem", transitionDuration: "{transition.duration}" }, Gi = { width: "2rem", height: "2rem" }, qi = { size: "1rem" }, Zi = { 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}" } }, Ki = { 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}" } } }, Ji = { root: Ui, image: Gi, icon: qi, removeIcon: Zi, colorScheme: Ki }, Qi = { transitionDuration: "{transition.duration}" }, oc = { 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}" } }, rc = { shadow: "{overlay.popover.shadow}", borderRadius: "{overlay.popover.borderRadius}" }, ec = { light: { panel: { background: "{surface.800}", borderColor: "{surface.900}" }, handle: { color: "{surface.0}" } }, dark: { panel: { background: "{surface.900}", borderColor: "{surface.700}" }, handle: { color: "{surface.0}" } } }, tc = { root: Qi, preview: oc, panel: rc, colorScheme: ec }, nc = { size: "2rem", color: "{overlay.modal.color}" }, ac = { gap: "1rem" }, ic = { icon: nc, content: ac }, cc = { 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" }, lc = { padding: "{overlay.popover.padding}", gap: "1rem" }, dc = { size: "1.5rem", color: "{overlay.popover.color}" }, sc = { gap: "0.5rem", padding: "0 {overlay.popover.padding} {overlay.popover.padding} {overlay.popover.padding}" }, uc = { root: cc, content: lc, icon: dc, footer: sc }, fc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, gc = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, mc = { 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}" } }, pc = { mobileIndent: "1rem" }, hc = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, bc = { borderColor: "{content.border.color}" }, vc = { root: fc, list: gc, item: mc, submenu: pc, submenuIcon: hc, separator: bc }, yc = { transitionDuration: "{transition.duration}" }, kc = { 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" } }, wc = { 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" } }, $c = { fontWeight: "600" }, xc = { 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}" } }, Cc = { borderColor: "{datatable.border.color}", padding: "0.75rem 1rem", sm: { padding: "0.375rem 0.5rem" }, lg: { padding: "1rem 1.25rem" } }, Bc = { 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" } }, Sc = { fontWeight: "600" }, Rc = { 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" } }, Oc = { color: "{primary.color}" }, zc = { width: "0.5rem" }, Dc = { width: "1px", color: "{primary.color}" }, Tc = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Pc = { size: "2rem" }, Lc = { 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}" } }, Mc = { 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}" } }, Wc = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, jc = { borderColor: "{datatable.border.color}", borderWidth: "0 0 1px 0" }, Ec = { 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}" } } }, Ac = { root: yc, header: kc, headerCell: wc, columnTitle: $c, row: xc, bodyCell: Cc, footerCell: Bc, columnFooter: Sc, footer: Rc, dropPoint: Oc, columnResizer: zc, resizeIndicator: Dc, sortIcon: Tc, loadingIcon: Pc, rowToggleButton: Lc, filter: Mc, paginatorTop: Wc, paginatorBottom: jc, colorScheme: Ec }, Nc = { borderColor: "transparent", borderWidth: "0", borderRadius: "0", padding: "0" }, Ic = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem", borderRadius: "0" }, _c = { background: "{content.background}", color: "{content.color}", borderColor: "transparent", borderWidth: "0", padding: "0", borderRadius: "0" }, Hc = { background: "{content.background}", color: "{content.color}", borderColor: "{content.border.color}", borderWidth: "1px 0 0 0", padding: "0.75rem 1rem", borderRadius: "0" }, Fc = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Vc = { borderColor: "{content.border.color}", borderWidth: "1px 0 0 0" }, Yc = { root: Nc, header: Ic, content: _c, footer: Hc, paginatorTop: Fc, paginatorBottom: Vc }, Xc = { transitionDuration: "{transition.duration}" }, Uc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.popover.shadow}", padding: "{overlay.popover.padding}" }, Gc = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", padding: "0 0 0.5rem 0" }, qc = { gap: "0.5rem", fontWeight: "500" }, Zc = { 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}" } }, Kc = { color: "{form.field.icon.color}" }, Jc = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, Qc = { hoverBackground: "{content.hover.background}", color: "{content.color}", hoverColor: "{content.hover.color}", padding: "0.25rem 0.5rem", borderRadius: "{content.border.radius}" }, ol = { borderColor: "{content.border.color}", gap: "{overlay.popover.padding}" }, rl = { margin: "0.5rem 0 0 0" }, el = { padding: "0.25rem", fontWeight: "500", color: "{content.color}" }, tl = { 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}" } }, nl = { margin: "0.5rem 0 0 0" }, al = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, il = { margin: "0.5rem 0 0 0" }, cl = { padding: "0.375rem", borderRadius: "{content.border.radius}" }, ll = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}" }, dl = { padding: "0.5rem 0 0 0", borderColor: "{content.border.color}", gap: "0.5rem", buttonGap: "0.25rem" }, sl = { 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}" } } }, ul = { root: Xc, panel: Uc, header: Gc, title: qc, dropdown: Zc, inputIcon: Kc, selectMonth: Jc, selectYear: Qc, group: ol, dayView: rl, weekDay: el, date: tl, monthView: nl, month: al, yearView: il, year: cl, buttonbar: ll, timePicker: dl, colorScheme: sl }, fl = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", borderRadius: "{overlay.modal.border.radius}", shadow: "{overlay.modal.shadow}" }, gl = { padding: "{overlay.modal.padding}", gap: "0.5rem" }, ml = { fontSize: "1.25rem", fontWeight: "600" }, pl = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, hl = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}", gap: "0.5rem" }, bl = { root: fl, header: gl, title: ml, content: pl, footer: hl }, vl = { borderColor: "{content.border.color}" }, yl = { background: "{content.background}", color: "{text.color}" }, kl = { margin: "1rem 0", padding: "0 1rem", content: { padding: "0 0.5rem" } }, wl = { margin: "0 1rem", padding: "0.5rem 0", content: { padding: "0.5rem 0" } }, $l = { root: vl, content: yl, horizontal: kl, vertical: wl }, xl = { background: "rgba(255, 255, 255, 0.1)", borderColor: "rgba(255, 255, 255, 0.2)", padding: "0.5rem", borderRadius: "{border.radius.xl}" }, Cl = { 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}" } }, Bl = { root: xl, item: Cl }, Sl = { background: "{overlay.modal.background}", borderColor: "{overlay.modal.border.color}", color: "{overlay.modal.color}", shadow: "{overlay.modal.shadow}" }, Rl = { padding: "{overlay.modal.padding}" }, Ol = { fontSize: "1.5rem", fontWeight: "600" }, zl = { padding: "0 {overlay.modal.padding} {overlay.modal.padding} {overlay.modal.padding}" }, Dl = { padding: "{overlay.modal.padding}" }, Tl = { root: Sl, header: Rl, title: Ol, content: zl, footer: Dl }, Pl = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}" }, Ll = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, Ml = { 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}" }, Wl = { focusBackground: "{list.option.focus.background}", color: "{list.option.color}", focusColor: "{list.option.focus.color}", padding: "{list.option.padding}", borderRadius: "{list.option.border.radius}" }, jl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, El = { toolbar: Pl, toolbarItem: Ll, overlay: Ml, overlayOption: Wl, content: jl }, Al = { 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}" }, Nl = { 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}" } }, Il = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}" }, _l = { padding: "0" }, Hl = { root: Al, legend: Nl, toggleIcon: Il, content: _l }, Fl = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, Vl = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "unset", borderWidth: "0", borderRadius: "0", gap: "0.5rem" }, Yl = { highlightBorderColor: "{primary.color}", padding: "0 1.125rem 1.125rem 1.125rem", gap: "1rem" }, Xl = { padding: "1rem", gap: "1rem", borderColor: "{content.border.color}", info: { gap: "0.5rem" } }, Ul = { gap: "0.5rem" }, Gl = { height: "0.25rem" }, ql = { gap: "0.5rem" }, Zl = { root: Fl, header: Vl, content: Yl, file: Xl, fileList: Ul, progressbar: Gl, basic: ql }, Kl = { 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" } }, Jl = { active: { top: "-1.25rem" } }, Ql = { input: { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, active: { top: "{form.field.padding.y}" } }, od = { borderRadius: "{border.radius.xs}", active: { background: "{form.field.background}", padding: "0 0.125rem" } }, rd = { root: Kl, over: Jl, in: Ql, on: od }, ed = { borderWidth: "1px", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", transitionDuration: "{transition.duration}" }, td = { 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}" } }, nd = { size: "1.5rem" }, ad = { background: "{content.background}", padding: "1rem 0.25rem" }, id = { 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}" } }, cd = { size: "1rem" }, ld = { background: "rgba(0, 0, 0, 0.5)", color: "{surface.100}", padding: "1rem" }, dd = { gap: "0.5rem", padding: "1rem" }, sd = { 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}" } }, ud = { background: "rgba(0, 0, 0, 0.5)" }, fd = { background: "rgba(255, 255, 255, 0.4)", hoverBackground: "rgba(255, 255, 255, 0.6)", activeBackground: "rgba(255, 255, 255, 0.9)" }, gd = { 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}" } }, md = { size: "1.5rem" }, pd = { 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}" } } }, hd = { root: ed, navButton: td, navIcon: nd, thumbnailsContent: ad, thumbnailNavButton: id, thumbnailNavButtonIcon: cd, caption: ld, indicatorList: dd, indicatorButton: sd, insetIndicatorList: ud, insetIndicatorButton: fd, closeButton: gd, closeButtonIcon: md, colorScheme: pd }, bd = { color: "{form.field.icon.color}" }, vd = { icon: bd }, yd = { 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" }, kd = { paddingTop: "1.5rem", paddingBottom: "{form.field.padding.y}" }, wd = { root: yd, input: kd }, $d = { transitionDuration: "{transition.duration}" }, xd = { icon: { size: "1.5rem" }, mask: { background: "{mask.background}", color: "{mask.color}" } }, Cd = { 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" }, Bd = { 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}" } }, Sd = { root: $d, preview: xd, toolbar: Cd, action: Bd }, Rd = { 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}" } }, Od = { handle: Rd }, zd = { padding: "{form.field.padding.y} {form.field.padding.x}", borderRadius: "{content.border.radius}", gap: "0.5rem" }, Dd = { fontWeight: "500" }, Td = { size: "1rem" }, Pd = { 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%)" } } }, Ld = { root: zd, text: Dd, icon: Td, colorScheme: Pd }, Md = { 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}" }, Wd = { hoverBackground: "{content.hover.background}", hoverColor: "{content.hover.color}" }, jd = { root: Md, display: Wd }, Ed = { 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}" }, Ad = { borderRadius: "{border.radius.sm}" }, Nd = { light: { chip: { focusBackground: "{surface.200}", color: "{surface.800}" } }, dark: { chip: { focusBackground: "{surface.700}", color: "{surface.0}" } } }, Id = { root: Ed, chip: Ad, colorScheme: Nd }, _d = { 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" }, Hd = { addon: _d }, Fd = { transitionDuration: "{transition.duration}" }, Vd = { width: "2.5rem", borderRadius: "{form.field.border.radius}", verticalPadding: "{form.field.padding.y}" }, Yd = { 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}" } } }, Xd = { root: Fd, button: Vd, colorScheme: Yd }, Ud = { gap: "0.5rem" }, Gd = { width: "2.5rem", sm: { width: "2rem" }, lg: { width: "3rem" } }, qd = { root: Ud, input: Gd }, Zd = { 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}" } }, Kd = { root: Zd }, Jd = { transitionDuration: "{transition.duration}", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", color: "{focus.ring.color}", offset: "{focus.ring.offset}", shadow: "{focus.ring.shadow}" } }, Qd = { background: "{primary.color}" }, os = { background: "{content.border.color}" }, rs = { color: "{text.muted.color}" }, es = { root: Jd, value: Qd, range: os, text: rs }, ts = { 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}" }, ns = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, as = { 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}" }, is = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, cs = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, ls = { padding: "{list.option.padding}" }, ds = { light: { option: { stripedBackground: "{surface.50}" } }, dark: { option: { stripedBackground: "{surface.900}" } } }, ss = { root: ts, list: ns, option: as, optionGroup: is, checkmark: cs, emptyMessage: ls, colorScheme: ds }, us = { 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}" }, fs = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, gs = { 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}" } }, ms = { padding: "0", background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", shadow: "{overlay.navigation.shadow}", gap: "0.5rem" }, ps = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, hs = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, bs = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, vs = { borderColor: "{content.border.color}" }, ys = { 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}" } }, ks = { root: us, baseItem: fs, item: gs, overlay: ms, submenu: ps, submenuLabel: hs, submenuIcon: bs, separator: vs, mobileButton: ys }, ws = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, $s = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, xs = { 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}" } }, Cs = { padding: "{navigation.submenu.label.padding}", fontWeight: "{navigation.submenu.label.font.weight}", background: "{navigation.submenu.label.background}", color: "{navigation.submenu.label.color}" }, Bs = { borderColor: "{content.border.color}" }, Ss = { root: ws, list: $s, item: xs, submenuLabel: Cs, separator: Bs }, Rs = { 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}" }, Os = { borderRadius: "{content.border.radius}", padding: "{navigation.item.padding}" }, zs = { focusBackground: "{navigation.item.focus.background}", activeBackground: "{navigation.item.active.background}", color: "{navigation.item.color}", focusColor: "{navigation.item.focus.color}", activeColor: "{navigation.item.active.color}", padding: "{navigation.item.padding}", borderRadius: "{navigation.item.border.radius}", gap: "{navigation.item.gap}", icon: { color: "{navigation.item.icon.color}", focusColor: "{navigation.item.icon.focus.color}", activeColor: "{navigation.item.icon.active.color}" } }, Ds = { 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}" } }, Ts = { borderColor: "{content.border.color}" }, Ps = { 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}" } }, Ls = { root: Rs, baseItem: Os, item: zs, submenu: Ds, separator: Ts, mobileButton: Ps }, Ms = { borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, Ws = { padding: "0.5rem 0.75rem", gap: "0.5rem", sm: { padding: "0.375rem 0.625rem" }, lg: { padding: "0.625rem 0.875rem" } }, js = { fontSize: "1rem", fontWeight: "500", sm: { fontSize: "0.875rem" }, lg: { fontSize: "1.125rem" } }, Es = { size: "1.125rem", sm: { size: "1rem" }, lg: { size: "1.25rem" } }, As = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, Ns = { size: "1rem", sm: { size: "0.875rem" }, lg: { size: "1.125rem" } }, Is = { root: { borderWidth: "1px" } }, _s = { content: { padding: "0" } }, Hs = { 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}" } } } }, Fs = { root: Ms, content: Ws, text: js, icon: Es, closeButton: As, closeIcon: Ns, outlined: Is, simple: _s, colorScheme: Hs }, Vs = { borderRadius: "{content.border.radius}", gap: "1rem" }, Ys = { background: "{content.border.color}", size: "0.5rem" }, Xs = { gap: "0.5rem" }, Us = { size: "0.5rem" }, Gs = { size: "1rem" }, qs = { verticalGap: "0.5rem", horizontalGap: "1rem" }, Zs = { root: Vs, meters: Ys, label: Xs, labelMarker: Us, labelIcon: Gs, labelList: qs }, Ks = { background: "{form.field.background}", disabledBackground: "{form.field.disabled.background}", filledBackground: "{form.field.filled.background}", filledHoverBackground: "{form.field.filled.hover.background}", filledFocusBackground: "{form.field.filled.focus.background}", borderColor: "{form.field.border.color}", hoverBorderColor: "{form.field.hover.border.color}", focusBorderColor: "{form.field.focus.border.color}", invalidBorderColor: "{form.field.invalid.border.color}", color: "{form.field.color}", disabledColor: "{form.field.disabled.color}", placeholderColor: "{form.field.placeholder.color}", invalidPlaceholderColor: "{form.field.invalid.placeholder.color}", shadow: "{form.field.shadow}", paddingX: "{form.field.padding.x}", paddingY: "{form.field.padding.y}", borderRadius: "{form.field.border.radius}", focusRing: { width: "{form.field.focus.ring.width}", style: "{form.field.focus.ring.style}", color: "{form.field.focus.ring.color}", offset: "{form.field.focus.ring.offset}", shadow: "{form.field.focus.ring.shadow}" }, transitionDuration: "{form.field.transition.duration}", sm: { fontSize: "{form.field.sm.font.size}", paddingX: "{form.field.sm.padding.x}", paddingY: "{form.field.sm.padding.y}" }, lg: { fontSize: "{form.field.lg.font.size}", paddingX: "{form.field.lg.padding.x}", paddingY: "{form.field.lg.padding.y}" } }, Js = { width: "2.5rem", color: "{form.field.icon.color}" }, Qs = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, ou = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, ru = { 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" }, eu = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, tu = { color: "{form.field.icon.color}" }, nu = { borderRadius: "{border.radius.sm}" }, au = { padding: "{list.option.padding}" }, iu = { root: Ks, dropdown: Js, overlay: Qs, list: ou, option: ru, optionGroup: eu, chip: nu, clearIcon: tu, emptyMessage: au }, cu = { gap: "1.125rem" }, lu = { gap: "0.5rem" }, du = { root: cu, controls: lu }, su = { gutter: "0.75rem", transitionDuration: "{transition.duration}" }, uu = { 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}" }, fu = { 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}" } }, gu = { color: "{content.border.color}", borderRadius: "{content.border.radius}", height: "24px" }, mu = { root: su, node: uu, nodeToggleButton: fu, connector: gu }, pu = { outline: { width: "2px", color: "{content.background}" } }, hu = { root: pu }, bu = { padding: "0.5rem 1rem", gap: "0.25rem", borderRadius: "{content.border.radius}", background: "{content.background}", color: "{content.color}", transitionDuration: "{transition.duration}" }, vu = { 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}" } }, yu = { color: "{text.muted.color}" }, ku = { maxWidth: "2.5rem" }, wu = { root: bu, navButton: vu, currentPageReport: yu, jumpToPageInput: ku }, $u = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}" }, xu = { background: "transparent", color: "{text.color}", padding: "1.125rem", borderColor: "{content.border.color}", borderWidth: "0", borderRadius: "0" }, Cu = { padding: "0.375rem 1.125rem" }, Bu = { fontWeight: "600" }, Su = { padding: "0 1.125rem 1.125rem 1.125rem" }, Ru = { padding: "0 1.125rem 1.125rem 1.125rem" }, Ou = { root: $u, header: xu, toggleableHeader: Cu, title: Bu, content: Su, footer: Ru }, zu = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Du = { 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}" } }, Tu = { 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}" } }, Pu = { indent: "1rem" }, Lu = { color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}" }, Mu = { root: zu, panel: Du, item: Tu, submenu: Pu, submenuIcon: Lu }, Wu = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: ".75rem" }, ju = { color: "{form.field.icon.color}" }, Eu = { 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}" }, Au = { gap: "0.5rem" }, Nu = { light: { strength: { weakBackground: "{red.500}", mediumBackground: "{amber.500}", strongBackground: "{green.500}" } }, dark: { strength: { weakBackground: "{red.400}", mediumBackground: "{amber.400}", strongBackground: "{green.400}" } } }, Iu = { meter: Wu, icon: ju, overlay: Eu, content: Au, colorScheme: Nu }, _u = { gap: "1.125rem" }, Hu = { gap: "0.5rem" }, Fu = { root: _u, controls: Hu }, Vu = { 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" }, Yu = { padding: "{overlay.popover.padding}" }, Xu = { root: Vu, content: Yu }, Uu = { background: "{content.border.color}", borderRadius: "{content.border.radius}", height: "1.25rem" }, Gu = { background: "{primary.color}" }, qu = { color: "{primary.contrast.color}", fontSize: "0.75rem", fontWeight: "600" }, Zu = { root: Uu, value: Gu, label: qu }, Ku = { 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}" } } }, Ju = { colorScheme: Ku }, Qu = { 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" } }, of = { size: "0.75rem", checkedColor: "{primary.contrast.color}", checkedHoverColor: "{primary.contrast.color}", disabledColor: "{form.field.disabled.color}", sm: { size: "0.5rem" }, lg: { size: "1rem" } }, rf = { root: Qu, icon: of }, ef = { 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}" } }, tf = { size: "1rem", color: "{text.muted.color}", hoverColor: "{primary.color}", activeColor: "{primary.color}" }, nf = { root: ef, icon: tf }, af = { light: { root: { background: "rgba(0,0,0,0.1)" } }, dark: { root: { background: "rgba(255,255,255,0.3)" } } }, cf = { colorScheme: af }, lf = { transitionDuration: "{transition.duration}" }, df = { 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}" } }, sf = { light: { bar: { background: "{surface.100}" } }, dark: { bar: { background: "{surface.800}" } } }, uf = { root: lf, bar: df, colorScheme: sf }, ff = { 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}" } }, gf = { width: "2.5rem", color: "{form.field.icon.color}" }, mf = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, pf = { padding: "{list.padding}", gap: "{list.gap}", header: { padding: "{list.header.padding}" } }, hf = { 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}" }, bf = { background: "{list.option.group.background}", color: "{list.option.group.color}", fontWeight: "{list.option.group.font.weight}", padding: "{list.option.group.padding}" }, vf = { color: "{form.field.icon.color}" }, yf = { color: "{list.option.color}", gutterStart: "-0.375rem", gutterEnd: "0.375rem" }, kf = { padding: "{list.option.padding}" }, wf = { root: ff, dropdown: gf, overlay: mf, list: pf, option: hf, optionGroup: bf, clearIcon: vf, checkmark: yf, emptyMessage: kf }, $f = { borderRadius: "{form.field.border.radius}" }, xf = { light: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } }, dark: { root: { invalidBorderColor: "{form.field.invalid.border.color}" } } }, Cf = { root: $f, colorScheme: xf }, Bf = { borderRadius: "{content.border.radius}" }, Sf = { 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)" } } }, Rf = { root: Bf, colorScheme: Sf }, Of = { transitionDuration: "{transition.duration}" }, zf = { background: "{content.border.color}", borderRadius: "{content.border.radius}", size: "3px" }, Df = { background: "{primary.color}" }, Tf = { 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}" } }, Pf = { light: { handle: { content: { background: "{surface.0}" } } }, dark: { handle: { content: { background: "{surface.950}" } } } }, Lf = { root: Of, track: zf, range: Df, handle: Tf, colorScheme: Pf }, Mf = { gap: "0.5rem", transitionDuration: "{transition.duration}" }, Wf = { root: Mf }, jf = { 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)" }, Ef = { root: jf }, Af = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", transitionDuration: "{transition.duration}" }, Nf = { background: "{content.border.color}" }, If = { 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}" } }, _f = { root: Af, gutter: Nf, handle: If }, Hf = { transitionDuration: "{transition.duration}" }, Ff = { background: "{content.border.color}", activeBackground: "{primary.color}", margin: "0 0 0 1.625rem", size: "2px" }, Vf = { padding: "0.5rem", gap: "1rem" }, Yf = { 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" }, Xf = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, Uf = { 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)" }, Gf = { padding: "0.875rem 0.5rem 1.125rem 0.5rem" }, qf = { background: "{content.background}", color: "{content.color}", padding: "0", indent: "1rem" }, Zf = { root: Hf, separator: Ff, step: Vf, stepHeader: Yf, stepTitle: Xf, stepNumber: Uf, steppanels: Gf, steppanel: qf }, Kf = { transitionDuration: "{transition.duration}" }, Jf = { background: "{content.border.color}" }, Qf = { 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" }, o0 = { color: "{text.muted.color}", activeColor: "{primary.color}", fontWeight: "500" }, r0 = { 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)" }, e0 = { root: Kf, separator: Jf, itemLink: Qf, itemLabel: o0, itemNumber: r0 }, t0 = { transitionDuration: "{transition.duration}" }, n0 = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, a0 = { 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}" } }, i0 = { color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, c0 = { height: "1px", bottom: "-1px", background: "{primary.color}" }, l0 = { root: t0, tablist: n0, item: a0, itemIcon: i0, activeBar: c0 }, d0 = { transitionDuration: "{transition.duration}" }, s0 = { borderWidth: "0 0 1px 0", background: "{content.background}", borderColor: "{content.border.color}" }, u0 = { 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}" } }, f0 = { 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}" } }, g0 = { 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}" } }, m0 = { height: "1px", bottom: "-1px", background: "{primary.color}" }, p0 = { 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%)" } } }, h0 = { root: d0, tablist: s0, tab: u0, tabpanel: f0, navButton: g0, activeBar: m0, colorScheme: p0 }, b0 = { transitionDuration: "{transition.duration}" }, v0 = { background: "{content.background}", borderColor: "{content.border.color}" }, y0 = { borderColor: "{content.border.color}", activeBorderColor: "{primary.color}", color: "{text.muted.color}", hoverColor: "{text.color}", activeColor: "{primary.color}" }, k0 = { background: "{content.background}", color: "{content.color}" }, w0 = { background: "{content.background}", color: "{text.muted.color}", hoverColor: "{text.color}" }, $0 = { 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%)" } } }, x0 = { root: b0, tabList: v0, tab: y0, tabPanel: k0, navButton: w0, colorScheme: $0 }, C0 = { fontSize: "0.875rem", fontWeight: "700", padding: "0.25rem 0.5rem", gap: "0.25rem", borderRadius: "{content.border.radius}", roundedBorderRadius: "{border.radius.xl}" }, B0 = { size: "0.75rem" }, S0 = { 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}" } } }, R0 = { root: C0, icon: B0, colorScheme: S0 }, O0 = { 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}" }, z0 = { gap: "0.25rem" }, D0 = { margin: "2px 0" }, T0 = { root: O0, prompt: z0, commandResponse: D0 }, P0 = { 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}" } }, L0 = { root: P0 }, M0 = { background: "{content.background}", borderColor: "{content.border.color}", color: "{content.color}", borderRadius: "{content.border.radius}", shadow: "{overlay.navigation.shadow}", transitionDuration: "{transition.duration}" }, W0 = { padding: "{navigation.list.padding}", gap: "{navigation.list.gap}" }, j0 = { 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}" } }, E0 = { mobileIndent: "1rem" }, A0 = { size: "{navigation.submenu.icon.size}", color: "{navigation.submenu.icon.color}", focusColor: "{navigation.submenu.icon.focus.color}", activeColor: "{navigation.submenu.icon.active.color}" }, N0 = { borderColor: "{content.border.color}" }, I0 = { root: M0, list: W0, item: j0, submenu: E0, submenuIcon: A0, separator: N0 }, _0 = { minHeight: "5rem" }, H0 = { eventContent: { padding: "1rem 0" } }, F0 = { eventContent: { padding: "0 1rem" } }, V0 = { 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)" } }, Y0 = { color: "{content.border.color}", size: "2px" }, X0 = { event: _0, horizontal: H0, vertical: F0, eventMarker: V0, eventConnector: Y0 }, U0 = { width: "25rem", borderRadius: "{content.border.radius}", borderWidth: "1px", transitionDuration: "{transition.duration}" }, G0 = { size: "1.125rem" }, q0 = { padding: "{overlay.popover.padding}", gap: "0.5rem" }, Z0 = { gap: "0.5rem" }, K0 = { fontWeight: "500", fontSize: "1rem" }, J0 = { fontWeight: "500", fontSize: "0.875rem" }, Q0 = { width: "1.75rem", height: "1.75rem", borderRadius: "50%", focusRing: { width: "{focus.ring.width}", style: "{focus.ring.style}", offset: "{focus.ring.offset}" } }, og = { size: "1rem" }, rg = { 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" } } } } }, eg = { root: U0, icon: G0, content: q0, text: Z0, summary: K0, detail: J0, closeButton: Q0, closeIcon: og, colorScheme: rg }, tg = { 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" } }, ng = { disabledColor: "{form.field.disabled.color}" }, ag = { 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" } }, ig = { 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}" } } }, cg = { root: tg, icon: ng, content: ag, colorScheme: ig }, lg = { 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" }, dg = { borderRadius: "50%", size: "1rem" }, sg = { 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}" } } }, ug = { root: lg, handle: dg, colorScheme: sg }, fg = { background: "{content.background}", borderColor: "{content.border.color}", borderRadius: "{content.border.radius}", color: "{content.color}", gap: "0.5rem", padding: "0.75rem" }, gg = { root: fg }, mg = { maxWidth: "12.5rem", gutter: "0.25rem", shadow: "{overlay.popover.shadow}", padding: "0.5rem 0.75rem", borderRadius: "{overlay.popover.border.radius}" }, pg = { light: { root: { background: "{surface.700}", color: "{surface.0}" } }, dark: { root: { background: "{surface.700}", color: "{surface.0}" } } }, hg = { root: mg, colorScheme: pg }, bg = { background: "{content.background}", color: "{content.color}", padding: "1rem", gap: "2px", indent: "1rem", transitionDuration: "{transition.duration}" }, vg = { 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" }, yg = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", selectedColor: "{highlight.color}" }, kg = { 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}" } }, wg = { size: "2rem" }, $g = { margin: "0 0 0.5rem 0" }, xg = { root: bg, node: vg, nodeIcon: yg, nodeToggleButton: kg, loadingIcon: wg, filter: $g }, Cg = { 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}" } }, Bg = { width: "2.5rem", color: "{form.field.icon.color}" }, Sg = { background: "{overlay.select.background}", borderColor: "{overlay.select.border.color}", borderRadius: "{overlay.select.border.radius}", color: "{overlay.select.color}", shadow: "{overlay.select.shadow}" }, Rg = { padding: "{list.padding}" }, Og = { padding: "{list.option.padding}" }, zg = { borderRadius: "{border.radius.sm}" }, Dg = { color: "{form.field.icon.color}" }, Tg = { root: Cg, dropdown: Bg, overlay: Sg, tree: Rg, emptyMessage: Og, chip: zg, clearIcon: Dg }, Pg = { transitionDuration: "{transition.duration}" }, Lg = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, Mg = { 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}" } }, Wg = { fontWeight: "600" }, jg = { 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}" } }, Eg = { borderColor: "{treetable.border.color}", padding: "0.75rem 1rem", gap: "0.5rem" }, Ag = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", padding: "0.75rem 1rem" }, Ng = { fontWeight: "600" }, Ig = { background: "{content.background}", borderColor: "{treetable.border.color}", color: "{content.color}", borderWidth: "0 0 1px 0", padding: "0.75rem 1rem" }, _g = { width: "0.5rem" }, Hg = { width: "1px", color: "{primary.color}" }, Fg = { color: "{text.muted.color}", hoverColor: "{text.hover.muted.color}", size: "0.875rem" }, Vg = { size: "2rem" }, Yg = { 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}" } }, Xg = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Ug = { borderColor: "{content.border.color}", borderWidth: "0 0 1px 0" }, Gg = { light: { root: { borderColor: "{content.border.color}" }, bodyCell: { selectedBorderColor: "{primary.100}" } }, dark: { root: { borderColor: "{surface.800}" }, bodyCell: { selectedBorderColor: "{primary.900}" } } }, qg = { root: Pg, header: Lg, headerCell: Mg, columnTitle: Wg, row: jg, bodyCell: Eg, footerCell: Ag, columnFooter: Ng, footer: Ig, columnResizer: _g, resizeIndicator: Hg, sortIcon: Fg, loadingIcon: Vg, nodeToggleButton: Yg, paginatorTop: Xg, paginatorBottom: Ug, colorScheme: Gg }, Zg = { mask: { background: "{content.background}", color: "{text.muted.color}" }, icon: { size: "2rem" } }, Kg = { loader: Zg }, Jg = Object.defineProperty, Qg = Object.defineProperties, om = Object.getOwnPropertyDescriptors, pe = Object.getOwnPropertySymbols, rm = Object.prototype.hasOwnProperty, em = Object.prototype.propertyIsEnumerable, he = (o, r, e) => r in o ? Jg(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, be;
+be = ((o, r) => {
+  for (var e in r || (r = {})) rm.call(r, e) && he(o, e, r[e]);
+  if (pe) for (var e of pe(r)) em.call(r, e) && he(o, e, r[e]);
+  return o;
+})({}, pi), Qg(be, om({ components: { accordion: Fa, autocomplete: Qa, avatar: ai, badge: fi, blockui: bi, breadcrumb: wi, button: Ci, card: Di, carousel: ji, cascadeselect: Fi, checkbox: Xi, chip: Ji, colorpicker: tc, confirmdialog: ic, confirmpopup: uc, contextmenu: vc, datatable: Ac, dataview: Yc, datepicker: ul, dialog: bl, divider: $l, dock: Bl, drawer: Tl, editor: El, fieldset: Hl, fileupload: Zl, floatlabel: rd, galleria: hd, iconfield: vd, iftalabel: wd, image: Sd, imagecompare: Od, inlinemessage: Ld, inplace: jd, inputchips: Id, inputgroup: Hd, inputnumber: Xd, inputotp: qd, inputtext: Kd, knob: es, listbox: ss, megamenu: ks, menu: Ss, menubar: Ls, message: Fs, metergroup: Zs, multiselect: iu, orderlist: du, organizationchart: mu, overlaybadge: hu, paginator: wu, panel: Ou, panelmenu: Mu, password: Iu, picklist: Fu, popover: Xu, progressbar: Zu, progressspinner: Ju, radiobutton: rf, rating: nf, ripple: cf, scrollpanel: uf, select: wf, selectbutton: Cf, skeleton: Rf, slider: Lf, speeddial: Wf, splitbutton: Ef, splitter: _f, stepper: Zf, steps: e0, tabmenu: l0, tabs: h0, tabview: x0, tag: R0, terminal: T0, textarea: L0, tieredmenu: I0, timeline: X0, toast: eg, togglebutton: cg, toggleswitch: ug, toolbar: gg, tooltip: hg, tree: xg, treeselect: Tg, treetable: qg, virtualscroller: Kg } }));
+const tm = { class: "pv-flex" }, nm = ["name", "value", "checked", "disabled", "onChange"], am = { key: 1 }, im = /* @__PURE__ */ $o({
+  __name: "PvToggleGroup",
+  props: /* @__PURE__ */ Jo({
+    disabled: { type: Boolean },
+    allowDeselect: { type: Boolean },
+    hideLabels: { type: Boolean },
+    options: { type: Array }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const r = o, e = Qo(o, "modelValue"), t = Y(`toggle-group-${Math.random().toString(36).substr(2, 9)}`), n = (l) => {
+      if (!l.disabled) {
+        if (e.value?.value === l.value) {
+          r.allowDeselect && (e.value = null);
+          return;
+        }
+        e.value = l;
+      }
+    };
+    return (l, c) => (_(), X("div", tm, [
+      (_(!0), X(
+        Pr,
+        null,
+        xt(o.options, (a) => (_(), Xo(eo(Ta), {
+          key: a.value,
+          description: o.hideLabels ? a.label : ""
+        }, {
+          trigger: Rr(() => [
+            G(
+              "label",
+              {
+                class: co(["pv-label pv-label-hover pv-flex pv-toggle-small", { "pv-disabled": o.disabled || a.disabled }])
+              },
+              [
+                G("input", {
+                  type: "radio",
+                  name: t.value,
+                  value: a.value,
+                  checked: e.value?.value === a.value,
+                  class: "pv-radio",
+                  disabled: o.disabled || a.disabled,
+                  onChange: (i) => n(a)
+                }, null, 40, nm),
+                a.icon ? (_(), Xo(eo($e), {
+                  key: 0,
+                  name: a.icon
+                }, null, 8, ["name"])) : so("v-if", !0),
+                o.hideLabels ? so("v-if", !0) : (_(), X(
+                  "span",
+                  am,
+                  yo(a.label),
+                  1
+                  /* TEXT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["description"]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]));
+  }
+}), cm = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function lm(o) {
+  return !cm.has(o);
+}
+function Sr(o, r) {
+  const e = document.querySelector('link[href*="' + r + '"]');
+  if (!o.shadowRoot)
+    return !1;
+  if (e && o.shadowRoot) {
+    const t = e.href;
+    if (o.shadowRoot.querySelector(`link[href="${t}"]`))
+      return;
+    const n = document.createElement("link");
+    return n.rel = "stylesheet", n.href = t, o.shadowRoot.prepend(n), !0;
+  }
+  return !1;
+}
+function dm(o) {
+  if (!Sr(o, "pit-viper-v2")) {
+    if (Sr(o, "pit-viper")) {
+      Sr(o, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const sm = (o) => ({ shadowRoot: lm(o) });
+function um(o) {
+  const r = o.__name || o.name;
+  if (!r)
+    throw new Error("Component must have a __name or name property");
+  const e = Ct(o, sm(r));
+  class t extends e {
+    connectedCallback() {
+      super.connectedCallback?.(), dm(this);
+    }
+  }
+  return t;
+}
+function fm(o) {
+  return o.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function gm(o) {
+  const r = o.__name || o.name;
+  if (!r)
+    throw new Error("Component must have a __name or name property");
+  const e = fm(r), t = um(o);
+  customElements.get(e) || customElements.define(e, t);
+}
+gm(im);