@roku-ui/vue 0.28.0 → 0.29.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as U, useSlots as zt, computed as g, createElementBlock as S, openBlock as w, normalizeStyle as V, createCommentVNode as B, renderSlot as j, createElementVNode as P, createBlock as te, Transition as Ye, withCtx as le, shallowRef as K, inject as Xe, provide as He, unref as x, ref as A, onMounted as Ee, resolveDynamicComponent as De, mergeProps as pe, Fragment as ie, createTextVNode as it, toDisplayString as ae, isRef as Tr, toValue as Y, watch as he, shallowReadonly as Ql, nextTick as ut, getCurrentScope as Aa, onScopeDispose as Va, getCurrentInstance as vt, hasInjectionContext as xn, readonly as wn, toRef as eo, customRef as La, watchEffect as Ve, reactive as wt, normalizeClass as O, mergeModels as ge, useModel as Te, renderList as $e, createVNode as ee, useAttrs as kn, withDirectives as Mn, vModelCheckbox as Ba, onUnmounted as Oa, Teleport as to, TransitionGroup as no, vModelDynamic as ro, withKeys as Ht, withModifiers as Ir, vShow as ao, h as Jr, onUpdated as lo } from "vue";
-const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "flex-1 overflow-y-auto" }, io = { class: "flex flex-1 flex-col overflow-hidden" }, uo = { class: "flex-1 overflow-y-auto" }, co = { class: "flex-1 overflow-y-auto" }, fo = { class: "flex-1 overflow-y-auto" }, vo = { class: "flex flex-1 flex-col overflow-hidden" }, po = { class: "flex flex-1 flex-col overflow-hidden" }, ho = { class: "flex-1 overflow-y-auto" }, mo = { class: "flex-1 overflow-y-auto" }, Fd = /* @__PURE__ */ U({
+import { defineComponent as U, useSlots as zt, computed as g, createElementBlock as S, openBlock as k, normalizeStyle as V, createCommentVNode as B, renderSlot as j, createElementVNode as P, createBlock as te, Transition as Ye, withCtx as le, shallowRef as K, inject as Xe, provide as He, unref as x, ref as A, onMounted as Ee, resolveDynamicComponent as De, mergeProps as pe, Fragment as ie, createTextVNode as it, toDisplayString as ae, isRef as Tr, toValue as Y, watch as he, shallowReadonly as Ql, nextTick as ut, getCurrentScope as Aa, onScopeDispose as Va, getCurrentInstance as vt, hasInjectionContext as xn, readonly as wn, toRef as eo, customRef as La, watchEffect as Ve, reactive as wt, normalizeClass as O, mergeModels as ge, useModel as Te, renderList as $e, createVNode as ee, useAttrs as kn, withDirectives as Mn, vModelCheckbox as Ba, onUnmounted as Oa, Teleport as to, TransitionGroup as no, vModelDynamic as ro, withKeys as Ht, withModifiers as Ir, vShow as ao, h as Jr, onUpdated as lo } from "vue";
+const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "flex-1 overflow-y-auto" }, io = { class: "flex flex-1 flex-col overflow-hidden" }, uo = { class: "flex-1 overflow-y-auto" }, co = { class: "flex-1 overflow-y-auto" }, fo = { class: "flex-1 overflow-y-auto" }, vo = { class: "flex flex-1 flex-col overflow-hidden" }, po = { class: "flex flex-1 flex-col overflow-hidden" }, ho = { class: "flex-1 overflow-y-auto" }, mo = { class: "flex-1 overflow-y-auto" }, Wd = /* @__PURE__ */ U({
   __name: "AppShell",
   props: {
     headerHeight: { default: "64px" },
@@ -26,18 +26,18 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
     })), v = g(() => ({
       width: t.asideWidth
     }));
-    return (p, k) => (w(), S("div", {
+    return (p, w) => (k(), S("div", {
       class: "flex flex-col h-100dvh max-h-full w-full box-border",
       style: V(i.value)
     }, [
-      r.value && t.headerSpansNav && t.headerSpansAside ? (w(), S("header", {
+      r.value && t.headerSpansNav && t.headerSpansAside ? (k(), S("header", {
         key: 0,
         class: "flex shrink-0 items-center",
         style: V(c.value)
       }, [
         j(p.$slots, "header")
       ], 4)) : B("", !0),
-      r.value && t.headerSpansNav && !t.headerSpansAside ? (w(), S("div", {
+      r.value && t.headerSpansNav && !t.headerSpansAside ? (k(), S("div", {
         key: 1,
         class: "flex flex-1 overflow-hidden",
         style: V({ gap: s(t.gap) })
@@ -53,7 +53,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
             class: "flex flex-1 overflow-hidden",
             style: V({ gap: s(t.gap) })
           }, [
-            a.value ? (w(), S("nav", {
+            a.value ? (k(), S("nav", {
               key: 0,
               class: "flex shrink-0 flex-col overflow-hidden",
               style: V(f.value)
@@ -66,7 +66,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
               P("div", uo, [
                 j(p.$slots, "default")
               ]),
-              o.value && !t.footerSpansNav && !t.footerSpansAside ? (w(), S("footer", {
+              o.value && !t.footerSpansNav && !t.footerSpansAside ? (k(), S("footer", {
                 key: 0,
                 class: "flex shrink-0 items-center",
                 style: V(u.value)
@@ -75,7 +75,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
               ], 4)) : B("", !0)
             ])
           ], 4),
-          o.value && t.footerSpansNav && !t.footerSpansAside ? (w(), S("footer", {
+          o.value && t.footerSpansNav && !t.footerSpansAside ? (k(), S("footer", {
             key: 0,
             class: "flex shrink-0 items-center",
             style: V(u.value)
@@ -83,7 +83,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
             j(p.$slots, "footer")
           ], 4)) : B("", !0)
         ]),
-        l.value ? (w(), S("aside", {
+        l.value ? (k(), S("aside", {
           key: 0,
           class: "flex shrink-0 flex-col overflow-hidden",
           style: V(v.value)
@@ -92,12 +92,12 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
             j(p.$slots, "aside")
           ])
         ], 4)) : B("", !0)
-      ], 4)) : (w(), S("div", {
+      ], 4)) : (k(), S("div", {
         key: 2,
         class: "flex flex-1 overflow-hidden",
         style: V({ gap: s(t.gap) })
       }, [
-        a.value ? (w(), S("nav", {
+        a.value ? (k(), S("nav", {
           key: 0,
           class: "flex shrink-0 flex-col overflow-hidden",
           style: V(f.value)
@@ -107,7 +107,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
           ])
         ], 4)) : B("", !0),
         P("div", vo, [
-          r.value && !t.headerSpansNav && t.headerSpansAside ? (w(), S("header", {
+          r.value && !t.headerSpansNav && t.headerSpansAside ? (k(), S("header", {
             key: 0,
             class: "flex shrink-0 items-center",
             style: V(c.value)
@@ -119,7 +119,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
             style: V({ gap: s(t.gap) })
           }, [
             P("main", po, [
-              r.value && !t.headerSpansNav && !t.headerSpansAside ? (w(), S("header", {
+              r.value && !t.headerSpansNav && !t.headerSpansAside ? (k(), S("header", {
                 key: 0,
                 class: "flex shrink-0 items-center",
                 style: V(c.value)
@@ -129,7 +129,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
               P("div", ho, [
                 j(p.$slots, "default")
               ]),
-              o.value && !t.footerSpansNav && !t.footerSpansAside ? (w(), S("footer", {
+              o.value && !t.footerSpansNav && !t.footerSpansAside ? (k(), S("footer", {
                 key: 1,
                 class: "flex shrink-0 items-center",
                 style: V(u.value)
@@ -137,7 +137,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
                 j(p.$slots, "footer")
               ], 4)) : B("", !0)
             ]),
-            l.value ? (w(), S("aside", {
+            l.value ? (k(), S("aside", {
               key: 0,
               class: "flex shrink-0 flex-col overflow-hidden",
               style: V(v.value)
@@ -147,7 +147,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
               ])
             ], 4)) : B("", !0)
           ], 4),
-          o.value && !t.footerSpansNav && t.footerSpansAside ? (w(), S("footer", {
+          o.value && !t.footerSpansNav && t.footerSpansAside ? (k(), S("footer", {
             key: 1,
             class: "flex shrink-0 items-center",
             style: V(u.value)
@@ -156,14 +156,14 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
           ], 4)) : B("", !0)
         ])
       ], 4)),
-      o.value && t.footerSpansNav && !t.footerSpansAside ? (w(), S("footer", {
+      o.value && t.footerSpansNav && !t.footerSpansAside ? (k(), S("footer", {
         key: 3,
         class: "flex shrink-0 items-center",
         style: V(u.value)
       }, [
         j(p.$slots, "footer")
       ], 4)) : B("", !0),
-      o.value && t.footerSpansNav && t.footerSpansAside ? (w(), S("footer", {
+      o.value && t.footerSpansNav && t.footerSpansAside ? (k(), S("footer", {
         key: 4,
         class: "flex shrink-0 items-center",
         style: V(u.value)
@@ -172,7 +172,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
       ], 4)) : B("", !0)
     ], 4));
   }
-}), Xd = /* @__PURE__ */ U({
+}), Fd = /* @__PURE__ */ U({
   __name: "AspectRatio",
   props: {
     ratio: { default: 1 },
@@ -182,7 +182,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
     maxHeight: {}
   },
   setup(e) {
-    return (t, n) => (w(), S("div", {
+    return (t, n) => (k(), S("div", {
       style: V({
         "--ar-ratio": t.ratio,
         width: t.width,
@@ -213,7 +213,7 @@ const oo = { class: "flex flex-1 flex-col overflow-hidden" }, so = { class: "fle
     function l(o) {
       o instanceof HTMLElement && (o.style.height = "0px");
     }
-    return (o, s) => (w(), te(Ye, {
+    return (o, s) => (k(), te(Ye, {
       css: "",
       mode: "out-in",
       class: "transition-height",
@@ -1805,7 +1805,7 @@ function Ds(e, t) {
   -1.88170328 * e - 0.80936493 * t > 1 ? (n = 1.19086277, r = 1.76576728, a = 0.59662641, l = 0.75515197, o = 0.56771245, s = 4.0767416621, i = -3.3077115913, c = 0.2309699292) : 1.81444104 * e - 1.19445276 * t > 1 ? (n = 0.73956515, r = -0.45954404, a = 0.08285427, l = 0.1254107, o = 0.14503204, s = -1.2684380046, i = 2.6097574011, c = -0.3413193965) : (n = 1.35733652, r = -915799e-8, a = -1.1513021, l = -0.50559606, o = 692167e-8, s = -0.0041960863, i = -0.7034186147, c = 1.707614701);
   let u = n + r * e + a * t + l * e * e + o * e * t, f = 0.3963377774 * e + 0.2158037573 * t, v = -0.1055613458 * e - 0.0638541728 * t, p = -0.0894841775 * e - 1.291485548 * t;
   {
-    let k = 1 + u * f, C = 1 + u * v, b = 1 + u * p, M = k * k * k, d = C * C * C, $ = b * b * b, z = 3 * f * k * k, D = 3 * v * C * C, _ = 3 * p * b * b, h = 6 * f * f * k, y = 6 * v * v * C, m = 6 * p * p * b, T = s * M + i * d + c * $, I = s * z + i * D + c * _, W = s * h + i * y + c * m;
+    let w = 1 + u * f, C = 1 + u * v, b = 1 + u * p, M = w * w * w, d = C * C * C, $ = b * b * b, z = 3 * f * w * w, D = 3 * v * C * C, _ = 3 * p * b * b, h = 6 * f * f * w, y = 6 * v * v * C, m = 6 * p * p * b, T = s * M + i * d + c * $, I = s * z + i * D + c * _, W = s * h + i * y + c * m;
     u = u - T * I / (I * I - 0.5 * T * W);
   }
   return u;
@@ -1822,9 +1822,9 @@ function Rs(e, t, n, r, a, l = null) {
   else {
     o = l[1] * (a - 1) / (r * (l[0] - 1) + l[1] * (a - n));
     {
-      let s = n - a, i = r, c = 0.3963377774 * e + 0.2158037573 * t, u = -0.1055613458 * e - 0.0638541728 * t, f = -0.0894841775 * e - 1.291485548 * t, v = s + i * c, p = s + i * u, k = s + i * f;
+      let s = n - a, i = r, c = 0.3963377774 * e + 0.2158037573 * t, u = -0.1055613458 * e - 0.0638541728 * t, f = -0.0894841775 * e - 1.291485548 * t, v = s + i * c, p = s + i * u, w = s + i * f;
       {
-        let C = a * (1 - o) + o * n, b = o * r, M = C + b * c, d = C + b * u, $ = C + b * f, z = M * M * M, D = d * d * d, _ = $ * $ * $, h = 3 * v * M * M, y = 3 * p * d * d, m = 3 * k * $ * $, T = 6 * v * v * M, I = 6 * p * p * d, W = 6 * k * k * $, F = 4.0767416621 * z - 3.3077115913 * D + 0.2309699292 * _ - 1, L = 4.0767416621 * h - 3.3077115913 * y + 0.2309699292 * m, X = 4.0767416621 * T - 3.3077115913 * I + 0.2309699292 * W, Z = L / (L * L - 0.5 * F * X), ce = -F * Z, oe = -1.2684380046 * z + 2.6097574011 * D - 0.3413193965 * _ - 1, H = -1.2684380046 * h + 2.6097574011 * y - 0.3413193965 * m, Q = -1.2684380046 * T + 2.6097574011 * I - 0.3413193965 * W, de = H / (H * H - 0.5 * oe * Q), be = -oe * de, je = -0.0041960863 * z - 0.7034186147 * D + 1.707614701 * _ - 1, Ze = -0.0041960863 * h - 0.7034186147 * y + 1.707614701 * m, We = -0.0041960863 * T - 0.7034186147 * I + 1.707614701 * W, gt = Ze / (Ze * Ze - 0.5 * je * We), Ae = -je * gt;
+        let C = a * (1 - o) + o * n, b = o * r, M = C + b * c, d = C + b * u, $ = C + b * f, z = M * M * M, D = d * d * d, _ = $ * $ * $, h = 3 * v * M * M, y = 3 * p * d * d, m = 3 * w * $ * $, T = 6 * v * v * M, I = 6 * p * p * d, W = 6 * w * w * $, F = 4.0767416621 * z - 3.3077115913 * D + 0.2309699292 * _ - 1, L = 4.0767416621 * h - 3.3077115913 * y + 0.2309699292 * m, X = 4.0767416621 * T - 3.3077115913 * I + 0.2309699292 * W, Z = L / (L * L - 0.5 * F * X), ce = -F * Z, oe = -1.2684380046 * z + 2.6097574011 * D - 0.3413193965 * _ - 1, H = -1.2684380046 * h + 2.6097574011 * y - 0.3413193965 * m, Q = -1.2684380046 * T + 2.6097574011 * I - 0.3413193965 * W, de = H / (H * H - 0.5 * oe * Q), be = -oe * de, je = -0.0041960863 * z - 0.7034186147 * D + 1.707614701 * _ - 1, Ze = -0.0041960863 * h - 0.7034186147 * y + 1.707614701 * m, We = -0.0041960863 * T - 0.7034186147 * I + 1.707614701 * W, gt = Ze / (Ze * Ze - 0.5 * je * We), Ae = -je * gt;
         ce = Z >= 0 ? ce : 1e6, be = de >= 0 ? be : 1e6, Ae = gt >= 0 ? Ae : 1e6, o += Math.min(ce, Math.min(be, Ae));
       }
     }
@@ -1867,8 +1867,8 @@ function da(e) {
     return a.a = a.b = 0, a;
   let l = Math.cos(t / 180 * Math.PI), o = Math.sin(t / 180 * Math.PI), [s, i, c] = ml(a.l, l, o), u, f, v, p;
   n < 0.8 ? (u = 1.25 * n, f = 0, v = 0.8 * s, p = 1 - v / i) : (u = 5 * (n - 0.8), f = i, v = 0.2 * i * i * 1.25 * 1.25 / s, p = 1 - v / (c - i));
-  let k = f + u * v / (1 - p * u);
-  return a.a = k * l, a.b = k * o, a;
+  let w = f + u * v / (1 - p * u);
+  return a.a = w * l, a.b = w * o, a;
 }
 const Ps = {
   ...Qa,
@@ -1886,7 +1886,7 @@ const Ps = {
   }
 };
 function fa(e) {
-  let t = e.l !== void 0 ? e.l : 0, n = e.a !== void 0 ? e.a : 0, r = e.b !== void 0 ? e.b : 0, a = Math.sqrt(n * n + r * r), l = a ? n / a : 1, o = a ? r / a : 1, [s, i] = Br(l, o), c = 0.5, u = 1 - c / s, f = i / (a + t * i), v = f * t, p = f * a, k = mn(v), C = p * k / v, b = qt({ l: k, a: l * C, b: o * C }), M = Math.cbrt(
+  let t = e.l !== void 0 ? e.l : 0, n = e.a !== void 0 ? e.a : 0, r = e.b !== void 0 ? e.b : 0, a = Math.sqrt(n * n + r * r), l = a ? n / a : 1, o = a ? r / a : 1, [s, i] = Br(l, o), c = 0.5, u = 1 - c / s, f = i / (a + t * i), v = f * t, p = f * a, w = mn(v), C = p * w / v, b = qt({ l: w, a: l * C, b: o * C }), M = Math.cbrt(
     1 / Math.max(b.r, b.g, b.b, 0)
   );
   t = t / M, a = a / M * _r(t) / t, t = _r(t);
@@ -1900,10 +1900,10 @@ function fa(e) {
 function va(e) {
   const t = { mode: "oklab" };
   e.alpha !== void 0 && (t.alpha = e.alpha);
-  const n = e.h !== void 0 ? e.h : 0, r = e.s !== void 0 ? e.s : 0, a = e.v !== void 0 ? e.v : 0, l = Math.cos(n / 180 * Math.PI), o = Math.sin(n / 180 * Math.PI), [s, i] = Br(l, o), c = 0.5, u = 1 - c / s, f = 1 - r * c / (c + i - i * u * r), v = r * i * c / (c + i - i * u * r), p = mn(f), k = v * p / f, C = qt({
+  const n = e.h !== void 0 ? e.h : 0, r = e.s !== void 0 ? e.s : 0, a = e.v !== void 0 ? e.v : 0, l = Math.cos(n / 180 * Math.PI), o = Math.sin(n / 180 * Math.PI), [s, i] = Br(l, o), c = 0.5, u = 1 - c / s, f = 1 - r * c / (c + i - i * u * r), v = r * i * c / (c + i - i * u * r), p = mn(f), w = v * p / f, C = qt({
     l: p,
-    a: l * k,
-    b: o * k
+    a: l * w,
+    b: o * w
   }), b = Math.cbrt(
     1 / Math.max(C.r, C.g, C.b, 0)
   ), M = mn(a * f), d = v * M / f;
@@ -2366,11 +2366,11 @@ function ka(e) {
     }
   });
 }
-const Yd = {
+const Xd = {
   show(e) {
     e.hash = Math.random().toString(36), e.initialDurationMS = e.durationMS, bt.value = [e, ...bt.value];
   }
-}, kl = Symbol("tabCurrent"), Ml = Symbol("direction"), qd = Symbol("tabValueList"), $l = Symbol("childrenElementMapSymbol");
+}, kl = Symbol("tabCurrent"), Ml = Symbol("direction"), Yd = Symbol("tabValueList"), $l = Symbol("childrenElementMapSymbol");
 function Sl(e) {
   const t = wl(e);
   if (!t)
@@ -2537,8 +2537,8 @@ function di(e, t = 0.95, n = {}) {
     if ($a(c, o) < a) {
       const f = t > 0.5;
       let v = i, p = 0;
-      const k = 20;
-      for (; p < k; ) {
+      const w = 20;
+      for (; p < w; ) {
         const C = {
           ...c,
           l: v
@@ -2619,7 +2619,7 @@ function Or(e, t = {}) {
     vibrant: gr(e, n, { ...t, strategy: "vibrant" })
   }), f;
 }
-function Gd(e, t = "primary") {
+function qd(e, t = "primary") {
   return Or(e, {
     purpose: t,
     strategy: "balanced",
@@ -2627,7 +2627,7 @@ function Gd(e, t = "primary") {
     gamut: "srgb"
   }).colors;
 }
-function Ud(e, t = {}) {
+function Gd(e, t = {}) {
   return Or(e, t).colors;
 }
 const et = /* @__PURE__ */ new Map(), Cl = 100;
@@ -2645,7 +2645,7 @@ function _l(e, t) {
   }
   return et.set(e, n), n;
 }
-function Kd(e, t = se, n = {}) {
+function Ud(e, t = se, n = {}) {
   const r = zl(e, { lightnessMap: t, ...n });
   return _l(r, () => Ne(e, t, n));
 }
@@ -2653,7 +2653,7 @@ function fi(e, t = {}) {
   const n = zl(e, t);
   return _l(n, () => Or(e, t));
 }
-const Jd = {
+const Kd = {
   // Clear the cache
   clearCache: () => et.clear(),
   // Get cache statistics
@@ -2702,11 +2702,11 @@ function vi(e, t = se) {
 function sn(e, t = se, n) {
   return Ne(e, t, n).colors.map((a) => R(a) || "#000000");
 }
-function Zd(e) {
+function Jd(e) {
   const t = An(e);
   return t && xl(t) || "oklch(0 0 0)";
 }
-function Qd(e, t = se) {
+function Zd(e, t = se) {
   return Ne(e, t).colors.map((r, a) => {
     const l = Le(r), o = R(r) || "#000000", s = xl(r) || "oklch(0 0 0)";
     return {
@@ -2746,10 +2746,10 @@ function Pe(e) {
 function ot(e) {
   return Ce()?.value.componentDefaults?.[e] || {};
 }
-function ef(e, t, n) {
+function Qd(e, t, n) {
   return Ce()?.value.componentDefaults?.[e]?.[t] ?? n;
 }
-const tf = g(() => Dt(Pe("primary"), se).colors), nf = g(() => Dt(Pe("secondary"), se).colors), rf = g(() => Dt(Pe("tertiary"), se).colors), af = g(() => Dt(Pe("error"), se).colors), lf = g(() => {
+const ef = g(() => Dt(Pe("primary"), se).colors), tf = g(() => Dt(Pe("secondary"), se).colors), nf = g(() => Dt(Pe("tertiary"), se).colors), rf = g(() => Dt(Pe("error"), se).colors), af = g(() => {
   const e = Pe("surface"), t = mt(e, "surface");
   return Ne(e, t, {
     strategy: "conservative",
@@ -3547,17 +3547,17 @@ const Ni = {
     function p(b) {
       return b.split(" ").map((M) => M[0]).join("").toUpperCase().slice(0, 2);
     }
-    const k = g(() => a.value.color), C = Kt(t.variant, k);
-    return (b, M) => b.skeleton ? (w(), S("div", {
+    const w = g(() => a.value.color), C = Kt(t.variant, w);
+    return (b, M) => b.skeleton ? (k(), S("div", {
       key: 0,
       class: "bg-surface-variant-1 rounded-full min-h-[--size] min-w-[--size] inline-block animate-pulse",
       style: V([x(l).style, s.value])
-    }, null, 4)) : (w(), S("div", {
+    }, null, 4)) : (k(), S("div", {
       key: 1,
       class: "h-[--size] w-[--size] inline-block relative",
       style: V(s.value)
     }, [
-      b.src && !c.value ? (w(), te(De(b.is), pe({
+      b.src && !c.value ? (k(), te(De(b.is), pe({
         key: 0,
         ref_key: "img",
         ref: u,
@@ -3569,14 +3569,14 @@ const Ni = {
         onLoad: f,
         onError: v
       }), null, 16, ["alt", "class", "style", "src"])) : B("", !0),
-      !b.src || c.value || !i.value ? (w(), S("div", pe({
+      !b.src || c.value || !i.value ? (k(), S("div", pe({
         key: 1,
         class: ["font-size-[--font-size] border-4 rounded-full flex h-full w-full items-center inset-0 justify-center absolute object-cover", [x(l).class, x(C).class]],
         style: [x(l).style, x(C).style]
       }, b.$attrs), [
-        b.$slots.default ? j(b.$slots, "default", { key: 0 }) : o.value ? (w(), S(ie, { key: 1 }, [
+        b.$slots.default ? j(b.$slots, "default", { key: 0 }) : o.value ? (k(), S(ie, { key: 1 }, [
           it(ae(p(o.value)), 1)
-        ], 64)) : (w(), S("i", Ni))
+        ], 64)) : (k(), S("i", Ni))
       ], 16)) : B("", !0)
     ], 4));
   }
@@ -3657,11 +3657,11 @@ function Zi(...e) {
     n && (clearTimeout(n), n = void 0, a(), a = Ie);
   };
   return (v) => {
-    const p = Y(o), k = Date.now() - t, C = () => l = v();
-    return u(), p <= 0 ? (t = Date.now(), C()) : (k > p && (i || !r) ? (t = Date.now(), C()) : s && (l = new Promise((b, M) => {
+    const p = Y(o), w = Date.now() - t, C = () => l = v();
+    return u(), p <= 0 ? (t = Date.now(), C()) : (w > p && (i || !r) ? (t = Date.now(), C()) : s && (l = new Promise((b, M) => {
       a = c ? M : b, n = setTimeout(() => {
         t = Date.now(), r = !0, b(C()), u();
-      }, Math.max(0, p - k));
+      }, Math.max(0, p - w));
     })), !i && !n && (n = setTimeout(() => r = !0, p)), r = !1, l);
   };
 }
@@ -3797,7 +3797,7 @@ function J(...e) {
       t.push(
         ...s.flatMap(
           (v) => i.flatMap(
-            (p) => c.map((k) => r(v, p, k, f))
+            (p) => c.map((w) => r(v, p, w, f))
           )
         )
       );
@@ -3846,7 +3846,7 @@ function Wr(e, t, n = {}) {
     }
   };
   let p = !1;
-  const k = [
+  const w = [
     J(r, "click", (b) => {
       p || (p = !0, setTimeout(() => {
         p = !1;
@@ -3863,7 +3863,7 @@ function Wr(e, t, n = {}) {
         ((M = r.document.activeElement) == null ? void 0 : M.tagName) === "IFRAME" && !d?.contains(r.document.activeElement) && t(b);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), C = () => k.forEach((b) => b());
+  ].filter(Boolean), C = () => w.forEach((b) => b());
   return s ? {
     stop: C,
     cancel: () => {
@@ -3926,7 +3926,7 @@ function uu(e, t, n = {}) {
       const { stop: f } = Bt(
         a,
         (v) => {
-          v.map((k) => [...k.removedNodes]).flat().some((k) => k === u || k.contains(u)) && t(v);
+          v.map((w) => [...w.removedNodes]).flat().some((w) => w === u || w.contains(u)) && t(v);
         },
         {
           window: r,
@@ -3969,12 +3969,12 @@ function du(e, t = {}) {
     if (!o.value || !a)
       return;
     i || (i = p);
-    const k = p - i;
-    if (s.value && k < s.value) {
+    const w = p - i;
+    if (s.value && w < s.value) {
       c = a.requestAnimationFrame(u);
       return;
     }
-    if (i = p, e({ delta: k, timestamp: p }), l) {
+    if (i = p, e({ delta: w, timestamp: p }), l) {
       o.value = !1, c = null;
       return;
     }
@@ -4008,8 +4008,8 @@ function pu(e, t = {}) {
       const c = Y(e).split(",");
       s.value = c.some((u) => {
         const f = u.includes("not all"), v = u.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), p = u.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let k = !!(v || p);
-        return v && k && (k = r >= Ca(v[1])), p && k && (k = r <= Ca(p[1])), f ? !k : k;
+        let w = !!(v || p);
+        return v && w && (w = r >= Ca(v[1])), p && w && (w = r <= Ca(p[1])), f ? !w : w;
       });
       return;
     }
@@ -4074,7 +4074,7 @@ function xu(e, t, n, r = {}) {
     onError: p = (L) => {
       console.error(L);
     },
-    initOnMounted: k
+    initOnMounted: w
   } = r, C = (u ? K : A)(t), b = g(() => Y(e));
   if (!n)
     try {
@@ -4095,11 +4095,11 @@ function xu(e, t, n, r = {}) {
   he(b, () => W(), { flush: l });
   let _ = !1;
   const h = (L) => {
-    k && !_ || W(L);
+    w && !_ || W(L);
   }, y = (L) => {
-    k && !_ || F(L);
+    w && !_ || F(L);
   };
-  f && s && (n instanceof Storage ? J(f, "storage", h, { passive: !0 }) : J(f, _a, y)), k ? Jt(() => {
+  f && s && (n instanceof Storage ? J(f, "storage", h, { passive: !0 }) : J(f, _a, y)), w ? Jt(() => {
     _ = !0, W();
   }) : W();
   function m(L, X) {
@@ -4178,10 +4178,10 @@ function wu(e, t = {}) {
     }, p = (b) => {
       const M = Array.from(b ?? []).map((z) => z.type), d = v(M), $ = c || b.length <= 1;
       return d && $;
-    }, k = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), C = (b, M) => {
+    }, w = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), C = (b, M) => {
       var d, $, z, D, _, h;
       const y = (d = b.dataTransfer) == null ? void 0 : d.items;
-      if (s = ($ = y && p(y)) != null ? $ : !1, u && b.preventDefault(), !k() && !s) {
+      if (s = ($ = y && p(y)) != null ? $ : !1, u && b.preventDefault(), !w() && !s) {
         b.dataTransfer && (b.dataTransfer.dropEffect = "none");
         return;
       }
@@ -4242,15 +4242,15 @@ function ft(e, t = {}) {
     windowScroll: a = !0,
     immediate: l = !0,
     updateTiming: o = "sync"
-  } = t, s = K(0), i = K(0), c = K(0), u = K(0), f = K(0), v = K(0), p = K(0), k = K(0);
+  } = t, s = K(0), i = K(0), c = K(0), u = K(0), f = K(0), v = K(0), p = K(0), w = K(0);
   function C() {
     const M = _e(e);
     if (!M) {
-      n && (s.value = 0, i.value = 0, c.value = 0, u.value = 0, f.value = 0, v.value = 0, p.value = 0, k.value = 0);
+      n && (s.value = 0, i.value = 0, c.value = 0, u.value = 0, f.value = 0, v.value = 0, p.value = 0, w.value = 0);
       return;
     }
     const d = M.getBoundingClientRect();
-    s.value = d.height, i.value = d.bottom, c.value = d.left, u.value = d.right, f.value = d.top, v.value = d.width, p.value = d.x, k.value = d.y;
+    s.value = d.height, i.value = d.bottom, c.value = d.left, u.value = d.right, f.value = d.top, v.value = d.width, p.value = d.x, w.value = d.y;
   }
   function b() {
     o === "sync" ? C() : o === "next-frame" && requestAnimationFrame(() => C());
@@ -4267,7 +4267,7 @@ function ft(e, t = {}) {
     top: f,
     width: v,
     x: p,
-    y: k,
+    y: w,
     update: b
   };
 }
@@ -4311,8 +4311,8 @@ function $u(e = {}) {
     var f;
     const v = (f = _e(e.input)) != null ? f : t ? t.createElement("input") : void 0;
     return v && (v.type = "file", v.onchange = (p) => {
-      const k = p.target;
-      n.value = k.files, a(n.value);
+      const w = p.target;
+      n.value = w.files, a(n.value);
     }, v.oncancel = () => {
       o();
     }), v;
@@ -4369,7 +4369,7 @@ function Ol(e, t = {}) {
     }
   } = t, v = typeof s == "boolean" ? {
     mutation: s
-  } : s, p = K(0), k = K(0), C = g({
+  } : s, p = K(0), w = K(0), C = g({
     get() {
       return p.value;
     },
@@ -4378,7 +4378,7 @@ function Ol(e, t = {}) {
     }
   }), b = g({
     get() {
-      return k.value;
+      return w.value;
     },
     set(m) {
       M(void 0, m);
@@ -4397,7 +4397,7 @@ function Ol(e, t = {}) {
       behavior: Y(c)
     });
     const Z = ((L = X?.document) == null ? void 0 : L.documentElement) || X?.documentElement || X;
-    C != null && (p.value = Z.scrollLeft), b != null && (k.value = Z.scrollTop);
+    C != null && (p.value = Z.scrollLeft), b != null && (w.value = Z.scrollTop);
   }
   const d = K(!1), $ = wt({
     left: !0,
@@ -4420,9 +4420,9 @@ function Ol(e, t = {}) {
     const ce = Math.abs(Z * X) <= (o.left || 0), oe = Math.abs(Z * X) + I.clientWidth >= I.scrollWidth - (o.right || 0) - Ta;
     W === "flex" && F === "row-reverse" ? ($.left = oe, $.right = ce) : ($.left = ce, $.right = oe), p.value = Z;
     let H = I.scrollTop;
-    m === u.document && !H && (H = u.document.body.scrollTop), z.top = H < k.value, z.bottom = H > k.value;
+    m === u.document && !H && (H = u.document.body.scrollTop), z.top = H < w.value, z.bottom = H > w.value;
     const Q = Math.abs(H) <= (o.top || 0), de = Math.abs(H) + I.clientHeight >= I.scrollHeight - (o.bottom || 0) - Ta;
-    W === "flex" && F === "column-reverse" ? ($.top = de, $.bottom = Q) : ($.top = Q, $.bottom = de), k.value = H;
+    W === "flex" && F === "column-reverse" ? ($.top = de, $.bottom = Q) : ($.top = Q, $.bottom = de), w.value = H;
   }, y = (m) => {
     var T;
     if (!u)
@@ -4507,7 +4507,7 @@ function Cu(e = {}) {
     for (const b of f)
       v(b, !1);
   }
-  function k(b, M) {
+  function w(b, M) {
     var d, $;
     const z = (d = b.key) == null ? void 0 : d.toLowerCase(), _ = [($ = b.code) == null ? void 0 : $.toLowerCase(), z].filter(Boolean);
     z && (M ? o.add(z) : o.delete(z));
@@ -4523,7 +4523,7 @@ function Cu(e = {}) {
       o.delete(h), v(h, !1);
     }), c.clear()) : typeof b.getModifierState == "function" && b.getModifierState("Meta") && M && [...o, ..._].forEach((h) => c.add(h));
   }
-  J(n, "keydown", (b) => (k(b, !0), l(b)), { passive: a }), J(n, "keyup", (b) => (k(b, !1), l(b)), { passive: a }), J("blur", p, { passive: a }), J("focus", p, { passive: a });
+  J(n, "keydown", (b) => (w(b, !0), l(b)), { passive: a }), J(n, "keyup", (b) => (w(b, !1), l(b)), { passive: a }), J("blur", p, { passive: a }), J("focus", p, { passive: a });
   const C = new Proxy(
     i,
     {
@@ -4561,13 +4561,13 @@ function jn(e = {}) {
     eventFilter: i
   } = e;
   let c = null, u = 0, f = 0;
-  const v = K(a.x), p = K(a.y), k = K(null), C = typeof t == "function" ? t : zu[t], b = (h) => {
+  const v = K(a.x), p = K(a.y), w = K(null), C = typeof t == "function" ? t : zu[t], b = (h) => {
     const y = C(h);
-    c = h, y && ([v.value, p.value] = y, k.value = "mouse"), l && (u = l.scrollX, f = l.scrollY);
+    c = h, y && ([v.value, p.value] = y, w.value = "mouse"), l && (u = l.scrollX, f = l.scrollY);
   }, M = (h) => {
     if (h.touches.length > 0) {
       const y = C(h.touches[0]);
-      y && ([v.value, p.value] = y, k.value = "touch");
+      y && ([v.value, p.value] = y, w.value = "touch");
     }
   }, d = () => {
     if (!c || !l)
@@ -4584,7 +4584,7 @@ function jn(e = {}) {
   return {
     x: v,
     y: p,
-    sourceType: k
+    sourceType: w
   };
 }
 const Fe = /* @__PURE__ */ U({
@@ -4631,25 +4631,25 @@ const Fe = /* @__PURE__ */ U({
           };
       }
     }), s = A(null), i = lt(s), c = g(() => t.hoverVariant && i.value ? t.hoverVariant : a.value.variant ?? "default"), u = g(() => a.value.color ?? n.value.defaultColor), f = Hr(c, u), v = g(() => t.outlineColor ?? u.value), p = Hn(v);
-    return (k, C) => k.skeleton ? (w(), S("div", {
+    return (w, C) => w.skeleton ? (k(), S("div", {
       key: 0,
       style: V([
         x(l).style
       ]),
       class: O([o.value.normalContent, "bg-surface-variant-1 rounded-md inline-block animate-pulse"])
-    }, null, 6)) : (w(), te(De(k.is), pe({
+    }, null, 6)) : (k(), te(De(w.is), pe({
       key: 1,
       ref_key: "btn",
       ref: s,
       "data-size": a.value.size,
-      type: k.type,
+      type: w.type,
       class: ["outline-none decoration-none flex items-center justify-center children:flex-shrink-0", [
         x(f).class,
         x(l).class,
         x(p).class,
-        k.icon ? o.value.iconContent : o.value.normalContent,
+        w.icon ? o.value.iconContent : o.value.normalContent,
         {
-          "opacity-60 pointer-events-none select-none": k.disabled,
+          "opacity-60 pointer-events-none select-none": w.disabled,
           "active:translate-y-0.25": a.value.pressEffect === "translate",
           "active:scale-97": a.value.pressEffect === "scale"
         }
@@ -4659,17 +4659,17 @@ const Fe = /* @__PURE__ */ U({
         x(l).style,
         x(p).style
       ],
-      disabled: k.disabled
-    }, k.$attrs), {
+      disabled: w.disabled
+    }, w.$attrs), {
       default: le(() => [
-        k.$slots.leftSection ? j(k.$slots, "leftSection", { key: 0 }) : B("", !0),
-        j(k.$slots, "default"),
-        k.$slots.rightSection ? j(k.$slots, "rightSection", { key: 1 }) : B("", !0)
+        w.$slots.leftSection ? j(w.$slots, "leftSection", { key: 0 }) : B("", !0),
+        j(w.$slots, "default"),
+        w.$slots.rightSection ? j(w.$slots, "rightSection", { key: 1 }) : B("", !0)
       ]),
       _: 3
     }, 16, ["data-size", "type", "style", "class", "disabled"]));
   }
-}), of = /* @__PURE__ */ U({
+}), lf = /* @__PURE__ */ U({
   __name: "BtnGroup",
   props: /* @__PURE__ */ ge({
     selections: {},
@@ -4697,10 +4697,10 @@ const Fe = /* @__PURE__ */ U({
       o.value = a(u) === o.value && n.value ? void 0 : a(u);
     }
     const i = g(() => t.selections.length === 1), c = g(() => i.value ? null : "first-children:rounded-r-0 first-children:border-r-none last-children:rounded-l-0 last-children:border-l-none not-first-children:rounded-l-0 not-last-children:rounded-r-0");
-    return (u, f) => (w(), S("div", {
+    return (u, f) => (k(), S("div", {
       class: O(["container inline-flex w-auto", [c.value]])
     }, [
-      (w(!0), S(ie, null, $e(t.selections, (v, p) => (w(), te(x(Fe), {
+      (k(!0), S(ie, null, $e(t.selections, (v, p) => (k(), te(x(Fe), {
         key: a(v),
         model: o.value,
         variant: a(v) === o.value ? "filled" : void 0,
@@ -4708,10 +4708,10 @@ const Fe = /* @__PURE__ */ U({
         class: O({
           "border-x-none": p !== 0 && p !== t.selections.length - 1
         }),
-        onClick: (k) => s(v)
+        onClick: (w) => s(v)
       }, {
         default: le(() => [
-          l(v) ? (w(), S("i", {
+          l(v) ? (k(), S("i", {
             key: 0,
             class: O(l(v))
           }, null, 2)) : B("", !0),
@@ -4785,7 +4785,7 @@ const Fe = /* @__PURE__ */ U({
         y.push(h.format(I));
       }
       return y;
-    }), k = g(() => {
+    }), w = g(() => {
       const h = u.value, y = f.value, m = new Date(h, y, 1), T = new Date(h, y + 1, 0), I = (m.getDay() - n.firstDayOfWeek + 7) % 7, W = T.getDate(), F = [], X = new Date(h, y, 0).getDate();
       for (let oe = 1; oe <= I; oe++) {
         const H = new Date(h, y - 1, X - I + oe);
@@ -4898,7 +4898,7 @@ const Fe = /* @__PURE__ */ U({
     function _(h) {
       return Hr(g(() => h.isSelected || h.isRangeStart || h.isRangeEnd ? "filled" : h.isInRange ? "light" : "transparent"), g(() => l.value.color));
     }
-    return (h, y) => (w(), S("div", {
+    return (h, y) => (k(), S("div", {
       class: O(["border-surface-variant-1 border bg-surface inline-block", [
         c.value.container,
         x(i).class
@@ -4963,13 +4963,13 @@ const Fe = /* @__PURE__ */ U({
         ])
       ], 2),
       P("div", Iu, [
-        (w(!0), S(ie, null, $e(p.value, (m) => (w(), S("div", {
+        (k(!0), S(ie, null, $e(p.value, (m) => (k(), S("div", {
           key: m,
           class: O(["border-surface-variant-1 text-surface-variant text-center border-r flex items-center justify-center", c.value.weekHeader])
         }, ae(m), 3))), 128))
       ]),
       P("div", Du, [
-        (w(!0), S(ie, null, $e(k.value, (m) => (w(), S("div", {
+        (k(!0), S(ie, null, $e(w.value, (m) => (k(), S("div", {
           key: m.date.getTime(),
           class: O(["border-surface-variant-1 border-b border-r transition-colors relative", [
             c.value.cell,
@@ -5009,8 +5009,8 @@ const Fe = /* @__PURE__ */ U({
               ])
             }, ae(m.date.getDate()), 7)
           ], 2),
-          m.isInRange ? (w(), S("div", Pu)) : B("", !0),
-          m.isPreviewRange ? (w(), S("div", {
+          m.isInRange ? (k(), S("div", Pu)) : B("", !0),
+          m.isPreviewRange ? (k(), S("div", {
             key: 1,
             class: O(["bg-primary-light opacity-10 inset-0 absolute", n.animate ? "animate-pulse" : ""])
           }, null, 2)) : B("", !0)
@@ -5019,7 +5019,7 @@ const Fe = /* @__PURE__ */ U({
     ], 6));
   }
 });
-function sf(e) {
+function of(e) {
   const t = A(0), n = g(() => _e(e)), r = () => {
     n.value && (t.value = n.value.scrollHeight);
   };
@@ -5100,7 +5100,7 @@ function Wl(e) {
     }
   };
 }
-function uf(e) {
+function sf(e) {
   const t = A(e), n = {};
   for (const l of Object.keys(t.value.colors)) {
     const o = l, s = t.value.colors[o];
@@ -5139,7 +5139,7 @@ function Lu() {
     attributeFilter: ["data-scheme"]
   }), e;
 }
-const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placeholder"], cf = /* @__PURE__ */ U({
+const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placeholder"], uf = /* @__PURE__ */ U({
   __name: "CalendarInput",
   props: /* @__PURE__ */ ge({
     mode: { default: "single" },
@@ -5193,7 +5193,7 @@ const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placehold
       el: u
     });
     const v = kn(), p = Zt(v);
-    function k(d) {
+    function w(d) {
       return new Intl.DateTimeFormat(n.locale, {
         year: "numeric",
         month: "2-digit",
@@ -5204,12 +5204,12 @@ const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placehold
       if (!r.value)
         return "";
       if (n.mode === "single")
-        return k(r.value);
+        return w(r.value);
       if (n.mode === "multiple")
-        return r.value.map(($) => k($)).join(", ");
+        return r.value.map(($) => w($)).join(", ");
       if (n.mode === "range") {
         const d = r.value;
-        return d.start && d.end ? `${k(d.start)}${n.rangeSeparator}${k(d.end)}` : d.start ? k(d.start) : "";
+        return d.start && d.end ? `${w(d.start)}${n.rangeSeparator}${w(d.end)}` : d.start ? w(d.start) : "";
       }
       return "";
     });
@@ -5219,15 +5219,15 @@ const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placehold
     function M(d) {
       (d.key === "Enter" || d.key === " ") && (d.preventDefault(), n.disabled || (f.value = !f.value)), d.key === "Escape" && (f.value = !1);
     }
-    return (d, $) => (w(), S("div", {
+    return (d, $) => (k(), S("div", {
       style: V([x(s)])
     }, [
-      d.$slots.label || d.label ? (w(), S("label", {
+      d.$slots.label || d.label ? (k(), S("label", {
         key: 0,
         for: x(p),
         class: O(["mb-1 block", [l.value]])
       }, [
-        d.$slots.label ? j(d.$slots, "label", { key: 0 }) : (w(), S("span", Ou, ae(d.label), 1))
+        d.$slots.label ? j(d.$slots, "label", { key: 0 }) : (k(), S("span", Ou, ae(d.label), 1))
       ], 10, Bu)) : B("", !0),
       ee(x(Nc), {
         modelValue: f.value,
@@ -5277,11 +5277,11 @@ const Bu = ["for"], Ou = { key: 1 }, Hu = ["id", "value", "disabled", "placehold
   return n;
 }, ju = {}, Wu = { class: "container flex flex-col gap-4" };
 function Fu(e, t) {
-  return w(), S("div", Wu, [
+  return k(), S("div", Wu, [
     j(e.$slots, "default")
   ]);
 }
-const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
+const cf = /* @__PURE__ */ Nu(ju, [["render", Fu]]), df = /* @__PURE__ */ U({
   __name: "ChatMessage",
   props: {
     avatar: {},
@@ -5292,7 +5292,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
   },
   setup(e) {
     const t = e, n = g(() => t.variant), r = g(() => t.color), a = Kt(n, r);
-    return (l, o) => (w(), S("div", {
+    return (l, o) => (k(), S("div", {
       class: O(["flex gap-2 items-start", [
         {
           "flex-row-reverse": l.position === "right",
@@ -5300,7 +5300,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
         }
       ]])
     }, [
-      l.$slots.avatar ? j(l.$slots, "avatar", { key: 0 }) : l.avatar ? (w(), te(x(ji), {
+      l.$slots.avatar ? j(l.$slots, "avatar", { key: 0 }) : l.avatar ? (k(), te(x(ji), {
         key: 1,
         size: "xs",
         src: l.avatar
@@ -5320,7 +5320,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
       ], 6)
     ], 2));
   }
-}), Xu = { class: "text-center flex gap-2 w-full self-center" }, vf = /* @__PURE__ */ U({
+}), Xu = { class: "text-center flex gap-2 w-full self-center" }, ff = /* @__PURE__ */ U({
   __name: "ChatSystem",
   props: {
     position: {},
@@ -5330,7 +5330,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
   },
   setup(e) {
     const t = e, n = g(() => t.variant), r = g(() => t.color), a = Kt(n, r);
-    return (l, o) => (w(), S("div", Xu, [
+    return (l, o) => (k(), S("div", Xu, [
       P("div", {
         class: O(["px-3 py-2 rounded-xl w-full", [
           x(a).class
@@ -5341,7 +5341,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
       ], 6)
     ]));
   }
-}), Yu = ["aria-checked"], qu = ["id", "disabled"], Gu = ["for"], Uu = ["for"], pf = /* @__PURE__ */ U({
+}), Yu = ["aria-checked"], qu = ["id", "disabled"], Gu = ["for"], Uu = ["for"], vf = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: /* @__PURE__ */ ge({
@@ -5385,18 +5385,18 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
             icon: "text-sm"
           };
       }
-    }), u = g(() => n.animate ? "transition-all duration-200" : ""), f = Zt(n), v = Ft("bg", { dark: 7, light: 3 }), p = $t(o.value.color, "bg", 5), k = Ft("border", { dark: 7, light: 3 }), C = $t(o.value.color, "border", 5), b = g(() => {
+    }), u = g(() => n.animate ? "transition-all duration-200" : ""), f = Zt(n), v = Ft("bg", { dark: 7, light: 3 }), p = $t(o.value.color, "bg", 5), w = Ft("border", { dark: 7, light: 3 }), C = $t(o.value.color, "border", 5), b = g(() => {
       const h = s.value || n.indeterminate;
       return {
         wrapper: h ? [p.value.class] : [v.value.class],
-        border: h ? [C.value.class] : [k.value.class],
+        border: h ? [C.value.class] : [w.value.class],
         icon: h ? "text-white" : "text-transparent"
       };
     }), M = g(() => {
       const h = s.value || n.indeterminate;
       return {
         wrapper: h ? p.value.style : v.value.style,
-        border: h ? C.value.style : k.value.style
+        border: h ? C.value.style : w.value.style
       };
     }), d = we(o.value), $ = g(() => o.value.color), z = Hn($), D = A(null);
     J(D, "keydown", (h) => {
@@ -5405,7 +5405,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
       r("change", h);
     });
     const _ = g(() => n.indeterminate ? n.indeterminateIcon || "i-tabler-minus" : n.icon || "i-tabler-check");
-    return (h, y) => (w(), S("div", {
+    return (h, y) => (k(), S("div", {
       ref_key: "wrapperRef",
       ref: D,
       role: "checkbox",
@@ -5466,7 +5466,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
             "leave-to-class": "scale-0 rotate-50"
           }, {
             default: le(() => [
-              s.value || h.indeterminate ? (w(), te(De(typeof _.value == "string" ? "i" : _.value), {
+              s.value || h.indeterminate ? (k(), te(De(typeof _.value == "string" ? "i" : _.value), {
                 key: 0,
                 class: O([[
                   c.value.icon,
@@ -5479,14 +5479,14 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
           })
         ], 38)
       ], 8, Gu),
-      h.label ? (w(), S("label", {
+      h.label ? (k(), S("label", {
         key: 0,
         for: x(f),
         class: "cursor-pointer select-none"
       }, ae(h.label), 9, Uu)) : B("", !0)
     ], 14, Yu));
   }
-}), hf = /* @__PURE__ */ U({
+}), pf = /* @__PURE__ */ U({
   __name: "Chip",
   props: {
     is: { default: "img" },
@@ -5509,7 +5509,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
           return "";
       }
     }), a = g(() => t.variant), l = g(() => t.color), o = Kt(a, l);
-    return (s, i) => (w(), S("span", {
+    return (s, i) => (k(), S("span", {
       class: O(["inline-flex gap-1 h-fit inline-block items-center", [x(n).class, x(o).class, r.value]]),
       style: V([x(n).style, x(o).style])
     }, [
@@ -5524,7 +5524,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
 }, Qu = ["value", "disabled"], ec = ["id", "value", "disabled", "placeholder"], tc = {
   key: 2,
   class: "flex items-center justify-center"
-}, mf = /* @__PURE__ */ U({
+}, hf = /* @__PURE__ */ U({
   __name: "ColorInput",
   props: /* @__PURE__ */ ge({
     onChange: {},
@@ -5584,7 +5584,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
     t({
       el: v
     });
-    const k = kn(), C = Zt(k);
+    const w = kn(), C = Zt(w);
     function b(_) {
       return _ ? _.startsWith("#") ? /^#(?:[A-F0-9]{6}|[A-F0-9]{3})$/i.test(_) : _.startsWith("rgb") ? /^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(_) : _.startsWith("hsl") ? /^hsl\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\)$/.test(_) : !1 : !1;
     }
@@ -5608,24 +5608,24 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
         p.value && (p.value.style.opacity = "0", p.value.style.pointerEvents = "none");
       }, 100));
     }
-    return (_, h) => (w(), S("div", {
+    return (_, h) => (k(), S("div", {
       style: V([x(c)])
     }, [
-      _.$slots.label || _.label ? (w(), S("label", {
+      _.$slots.label || _.label ? (k(), S("label", {
         key: 0,
         for: x(C),
         class: O(["mb-1 block", [s.value]])
       }, [
-        _.$slots.label ? j(_.$slots, "label", { key: 0 }) : (w(), S("span", Ju, ae(_.label), 1))
+        _.$slots.label ? j(_.$slots, "label", { key: 0 }) : (k(), S("span", Ju, ae(_.label), 1))
       ], 10, Ku)) : B("", !0),
       P("div", {
         class: O(["custom-input-colors outline-none border inline-flex items-center relative", [u.value, x(f).class, o.value.wrapper]]),
         style: V([x(f).style])
       }, [
-        _.$slots.leftSection ? (w(), S("div", Zu, [
+        _.$slots.leftSection ? (k(), S("div", Zu, [
           j(_.$slots, "leftSection")
         ])) : B("", !0),
-        _.showSwatch ? (w(), S("div", {
+        _.showSwatch ? (k(), S("div", {
           key: 1,
           class: O(["border rounded-sm flex cursor-pointer items-center justify-center", [o.value.swatch]]),
           onClick: D
@@ -5655,13 +5655,13 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
           type: "text",
           onInput: $
         }), null, 16, ec),
-        _.$slots.rightSection ? (w(), S("div", tc, [
+        _.$slots.rightSection ? (k(), S("div", tc, [
           j(_.$slots, "rightSection")
         ])) : B("", !0)
       ], 6)
     ], 4));
   }
-}), gf = /* @__PURE__ */ U({
+}), mf = /* @__PURE__ */ U({
   __name: "ColorSwatch",
   props: {
     color: {},
@@ -5669,7 +5669,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, n) => (w(), te(De(t.is), pe({
+    return (t, n) => (k(), te(De(t.is), pe({
       class: ["border rounded-full h-6 w-6", [{
         border: t.withBorder
       }]]
@@ -5679,7 +5679,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
       }
     }), null, 16, ["class", "style"]));
   }
-}), nc = { class: "p-4 flex justify-end md:px-6 md:py-4 md:pb-0" }, rc = { class: "px-4 flex flex-col h-full items-center justify-center md:px-6" }, bf = /* @__PURE__ */ U({
+}), nc = { class: "p-4 flex justify-end md:px-6 md:py-4 md:pb-0" }, rc = { class: "px-4 flex flex-col h-full items-center justify-center md:px-6" }, gf = /* @__PURE__ */ U({
   __name: "Drawer",
   props: /* @__PURE__ */ ge({
     persistent: { type: Boolean, default: !1 },
@@ -5692,7 +5692,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, n = Te(e, "modelValue");
-    return (r, a) => (w(), te(x(Yr), {
+    return (r, a) => (k(), te(x(Yr), {
       modelValue: n.value,
       "onUpdate:modelValue": a[1] || (a[1] = (l) => n.value = l),
       blur: t.blur,
@@ -5708,7 +5708,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
           "leave-active-class": "transition ease-in duration-200"
         }, {
           default: le(() => [
-            n.value ? (w(), S("div", {
+            n.value ? (k(), S("div", {
               key: 0,
               class: O(["bg-surface-low h-full w-full fixed md:w-md", r.position === "left" ? "left-0" : "right-0"])
             }, [
@@ -5736,7 +5736,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
       _: 3
     }, 8, ["modelValue", "blur", "persistent"]));
   }
-}), yf = /* @__PURE__ */ U({
+}), bf = /* @__PURE__ */ U({
   __name: "Dropzone",
   props: {
     dashed: { type: Boolean, default: !0 },
@@ -5755,7 +5755,7 @@ const df = /* @__PURE__ */ Nu(ju, [["render", Fu]]), ff = /* @__PURE__ */ U({
         r("drop", u);
       }
     }), i = Hr("default"), c = Vl();
-    return (u, f) => (w(), S("div", {
+    return (u, f) => (k(), S("div", {
       ref_key: "dropZoneRef",
       ref: a,
       class: O([[
@@ -5827,10 +5827,10 @@ const Yr = /* @__PURE__ */ U({
       f && (f.disconnect(), f = null);
     });
     const v = ac();
-    return (p, k) => (w(), te(to, {
+    return (p, w) => (k(), te(to, {
       to: x(v) ?? "body"
     }, [
-      n.animate ? (w(), te(Ye, {
+      n.animate ? (k(), te(Ye, {
         key: 0,
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -5840,7 +5840,7 @@ const Yr = /* @__PURE__ */ U({
         "leave-active-class": "transition-opacity duration-100 ease-in"
       }, {
         default: le(() => [
-          a.value ? (w(), S("div", {
+          a.value ? (k(), S("div", {
             key: 0,
             ref_key: "wrapperRef",
             ref: l,
@@ -5852,7 +5852,7 @@ const Yr = /* @__PURE__ */ U({
           ], 34)) : B("", !0)
         ]),
         _: 3
-      })) : a.value ? (w(), S("div", {
+      })) : a.value ? (k(), S("div", {
         key: 1,
         ref_key: "wrapperRef",
         ref: l,
@@ -5864,7 +5864,7 @@ const Yr = /* @__PURE__ */ U({
       ], 34)) : B("", !0)
     ], 8, ["to"]));
   }
-}), xf = /* @__PURE__ */ U({
+}), yf = /* @__PURE__ */ U({
   __name: "Image",
   props: {
     is: { default: "img" },
@@ -5886,7 +5886,7 @@ const Yr = /* @__PURE__ */ U({
       r.value?.complete && a();
     });
     const l = we(t);
-    return (o, s) => (w(), S("div", {
+    return (o, s) => (k(), S("div", {
       class: "inline-block",
       style: V({
         height: o.height,
@@ -5895,7 +5895,7 @@ const Yr = /* @__PURE__ */ U({
         maxWidth: o.maxWidth
       })
     }, [
-      o.src ? (w(), te(De(o.is), pe({
+      o.src ? (k(), te(De(o.is), pe({
         key: 0,
         ref_key: "img",
         ref: r,
@@ -5912,7 +5912,7 @@ const Yr = /* @__PURE__ */ U({
           }
         ]]
       }, o.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : B("", !0),
-      n.value ? B("", !0) : (w(), S("div", {
+      n.value ? B("", !0) : (k(), S("div", {
         key: 1,
         class: O(["border-transparent h-full w-full animate-pulse object-cover", [
           t.class,
@@ -5925,7 +5925,7 @@ const Yr = /* @__PURE__ */ U({
       }, null, 6))
     ], 4));
   }
-}), oc = { class: "relative" }, wf = /* @__PURE__ */ U({
+}), oc = { class: "relative" }, xf = /* @__PURE__ */ U({
   __name: "Indicator",
   props: {
     color: { default: "primary" },
@@ -5972,11 +5972,11 @@ const Yr = /* @__PURE__ */ U({
           return "";
       }
     }), o = g(() => t.color), s = Ii(o);
-    return (i, c) => (w(), S("div", oc, [
+    return (i, c) => (k(), S("div", oc, [
       P("div", {
         class: O([[l.value, a.value], "absolute z-1"])
       }, [
-        t.ping ? (w(), S("div", {
+        t.ping ? (k(), S("div", {
           key: 0,
           class: O(["border-2 border-transparent rounded-full box-content absolute animate-ping", [
             {
@@ -6022,7 +6022,7 @@ const sc = {
 }, ic = {
   key: 1,
   class: "my-2 border-t border-surface"
-}, kf = /* @__PURE__ */ U({
+}, wf = /* @__PURE__ */ U({
   __name: "Menu",
   props: /* @__PURE__ */ ge({
     rounded: {
@@ -6059,11 +6059,11 @@ const sc = {
     });
     const p = lt(f, {
       delayLeave: 100
-    }), k = lt(v, {
+    }), w = lt(v, {
       delayLeave: 100
     });
     Ve(() => {
-      n.trigger === "hover" && (p.value || k.value ? s(!0) : s(!1));
+      n.trigger === "hover" && (p.value || w.value ? s(!0) : s(!1));
     });
     const C = A({
       x: 0,
@@ -6191,7 +6191,7 @@ const sc = {
         position: "absolute"
       } : {};
     });
-    return (h, y) => (w(), S("div", {
+    return (h, y) => (k(), S("div", {
       ref_key: "menuWrapperRef",
       ref: u,
       class: O([n.classes?.wrapper, {
@@ -6207,7 +6207,7 @@ const sc = {
       "enter-active-class": n.enterActiveClass,
       "leave-active-class": n.leaveActiveClass
     }, {
-      default: le(() => [i.value && h.data ? (w(), S("menu", {
+      default: le(() => [i.value && h.data ? (k(), S("menu", {
         key: 0,
         class: "flex justify-center relative z-1",
         style: V(_.value)
@@ -6216,13 +6216,13 @@ const sc = {
         ref: v,
         class: O([[x(c).class, D.value], "p-2 border bg-surface w-64"]),
         style: V([x(c).style])
-      }, [(w(!0), S(ie, null, $e(n.data, (m, T) => (w(), S(ie, {
+      }, [(k(!0), S(ie, null, $e(n.data, (m, T) => (k(), S(ie, {
         key: T
-      }, [x(Gr)(m) ? (w(), S("div", sc, ae(m.title), 1)) : x(qr)(m) ? (w(), S("div", ic)) : (w(), S(ie, {
+      }, [x(Gr)(m) ? (k(), S("div", sc, ae(m.title), 1)) : x(qr)(m) ? (k(), S("div", ic)) : (k(), S(ie, {
         key: 2
-      }, [m.render ? (w(), te(De(m.render), {
+      }, [m.render ? (k(), te(De(m.render), {
         key: 0
-      })) : (w(), te(x(Yl), pe({
+      })) : (k(), te(x(Yl), pe({
         key: 1,
         ref_for: !0
       }, {
@@ -6266,7 +6266,7 @@ const sc = {
     const s = g(() => l.value.length > t.idx.length && l.value.slice(0, t.idx.length).join(",") === t.idx.join(",")), i = g(() => t.color), c = Hn(i), u = Xe("selectMenuItem", () => {
       console.error("selectMenuItem is not provided");
     }), f = A(null), v = g(() => {
-      const p = window.innerWidth, k = f.value?.clientWidth ?? 0, C = f.value?.getBoundingClientRect().left ?? 0, b = p - C > k, M = window.innerHeight, d = f.value?.clientHeight ?? 0, $ = f.value?.getBoundingClientRect().top ?? 0, z = M - $ > d;
+      const p = window.innerWidth, w = f.value?.clientWidth ?? 0, C = f.value?.getBoundingClientRect().left ?? 0, b = p - C > w, M = window.innerHeight, d = f.value?.clientHeight ?? 0, $ = f.value?.getBoundingClientRect().top ?? 0, z = M - $ > d;
       return {
         left: b ? "100%" : "auto",
         right: b ? "auto" : "100%",
@@ -6274,7 +6274,7 @@ const sc = {
         bottom: z ? "auto" : "0"
       };
     });
-    return (p, k) => x(Gr)(p.data) ? (w(), S("div", uc, ae(p.data.title), 1)) : x(qr)(p.data) ? (w(), S("div", cc)) : (w(), S("button", pe({
+    return (p, w) => x(Gr)(p.data) ? (k(), S("div", uc, ae(p.data.title), 1)) : x(qr)(p.data) ? (k(), S("div", cc)) : (k(), S("button", pe({
       key: 2,
       ref_key: "menuItemRef",
       ref: n,
@@ -6289,25 +6289,25 @@ const sc = {
       ]]
     }, x(c), {
       style: [x(a).style],
-      onPointerdown: k[0] || (k[0] = () => {
+      onPointerdown: w[0] || (w[0] = () => {
         const C = p.data;
         C.value && x(u)(C.value);
       })
     }), [
-      p.data.icon ? (w(), S("i", {
+      p.data.icon ? (k(), S("i", {
         key: 0,
         class: O([p.data.icon, "flex-shrink-0 w-5"])
-      }, null, 2)) : t.hasIcon ? (w(), S("i", dc)) : B("", !0),
+      }, null, 2)) : t.hasIcon ? (k(), S("i", dc)) : B("", !0),
       P("div", fc, ae(p.data.title), 1),
-      p.data.children ? (w(), S("i", vc)) : B("", !0),
-      p.data.children && (x(r) || s.value || o.value) ? (w(), S("menu", {
+      p.data.children ? (k(), S("i", vc)) : B("", !0),
+      p.data.children && (x(r) || s.value || o.value) ? (k(), S("menu", {
         key: 3,
         ref_key: "menuDropdownRef",
         ref: f,
         class: O(["ml-1 p-2 border border bg-surface bg-surface w-64 left-100% top-0 absolute", x(a).class]),
         style: V([x(a).style, v.value])
       }, [
-        (w(!0), S(ie, null, $e(p.data.children, (C, b) => (w(), te(x(Yl), {
+        (k(!0), S(ie, null, $e(p.data.children, (C, b) => (k(), te(x(Yl), {
           key: b,
           "has-icon": x(Xl)(p.data.children),
           data: C,
@@ -6322,7 +6322,7 @@ const sc = {
 }, hc = { key: 0 }, mc = {
   key: 0,
   class: "text-lg"
-}, gc = { key: 0 }, Mf = /* @__PURE__ */ U({
+}, gc = { key: 0 }, kf = /* @__PURE__ */ U({
   __name: "Modal",
   props: /* @__PURE__ */ ge({
     persistent: { type: Boolean, default: !1 },
@@ -6347,7 +6347,7 @@ const sc = {
       n.escClose && document.addEventListener("keydown", o);
     }), Oa(() => {
       n.escClose && document.removeEventListener("keydown", o);
-    }), (s, i) => (w(), te(x(Yr), {
+    }), (s, i) => (k(), te(x(Yr), {
       modelValue: a.value,
       "onUpdate:modelValue": i[0] || (i[0] = (c) => a.value = c),
       blur: n.blur,
@@ -6357,7 +6357,7 @@ const sc = {
       onMaskClick: l
     }, {
       default: le(() => [
-        n.animate ? (w(), te(Ye, {
+        n.animate ? (k(), te(Ye, {
           key: 0,
           "enter-from-class": "translate-y-1/2",
           "enter-to-class": "translate-y-0",
@@ -6367,15 +6367,15 @@ const sc = {
           "leave-active-class": "transition ease-in duration-100"
         }, {
           default: le(() => [
-            a.value ? (w(), S(ie, { key: 0 }, [
-              s.$slots.default ? j(s.$slots, "default", { key: 0 }) : (w(), te(x(bn), {
+            a.value ? (k(), S(ie, { key: 0 }, [
+              s.$slots.default ? j(s.$slots, "default", { key: 0 }) : (k(), te(x(bn), {
                 key: 1,
                 "with-border": "",
                 class: "flex flex flex-col gap-2 w-full md:w-md"
               }, {
                 default: le(() => [
-                  s.title || s.$slots.title ? (w(), S("div", pc, [
-                    s.title ? (w(), S("div", hc, ae(s.title), 1)) : j(s.$slots, "title", { key: 1 })
+                  s.title || s.$slots.title ? (k(), S("div", pc, [
+                    s.title ? (k(), S("div", hc, ae(s.title), 1)) : j(s.$slots, "title", { key: 1 })
                   ])) : B("", !0),
                   P("div", null, [
                     j(s.$slots, "body")
@@ -6387,16 +6387,16 @@ const sc = {
             ], 64)) : B("", !0)
           ]),
           _: 3
-        })) : (w(), S(ie, { key: 1 }, [
-          a.value ? (w(), S(ie, { key: 0 }, [
-            s.$slots.default ? j(s.$slots, "default", { key: 0 }) : (w(), te(x(bn), {
+        })) : (k(), S(ie, { key: 1 }, [
+          a.value ? (k(), S(ie, { key: 0 }, [
+            s.$slots.default ? j(s.$slots, "default", { key: 0 }) : (k(), te(x(bn), {
               key: 1,
               "with-border": "",
               class: "flex flex flex-col gap-2 w-full md:w-md"
             }, {
               default: le(() => [
-                s.title || s.$slots.title ? (w(), S("div", mc, [
-                  s.title ? (w(), S("div", gc, ae(s.title), 1)) : j(s.$slots, "title", { key: 1 })
+                s.title || s.$slots.title ? (k(), S("div", mc, [
+                  s.title ? (k(), S("div", gc, ae(s.title), 1)) : j(s.$slots, "title", { key: 1 })
                 ])) : B("", !0),
                 P("div", null, [
                   j(s.$slots, "body")
@@ -6425,7 +6425,7 @@ const Ia = {
   clear() {
     st.value = [];
   }
-}, yc = { class: "space-y-5" }, xc = { class: "text-center space-y-2" }, wc = { class: "text-surface-90 text-xl font-semibold" }, kc = { class: "text-surface-60 leading-relaxed" }, Mc = { class: "pt-2 flex gap-3 justify-end" }, $f = /* @__PURE__ */ U({
+}, yc = { class: "space-y-5" }, xc = { class: "text-center space-y-2" }, wc = { class: "text-surface-90 text-xl font-semibold" }, kc = { class: "text-surface-60 leading-relaxed" }, Mc = { class: "pt-2 flex gap-3 justify-end" }, Mf = /* @__PURE__ */ U({
   __name: "ModalSystem",
   setup(e) {
     const t = bc(), n = g(() => t.value.length > 0), r = g(() => t.value[0]);
@@ -6435,7 +6435,7 @@ const Ia = {
     function l() {
       r.value && (r.value.type === "confirm" && r.value.onCancel && r.value.onCancel(), Ia.close(r.value.id));
     }
-    return (o, s) => (w(), te(x(Yr), {
+    return (o, s) => (k(), te(x(Yr), {
       "model-value": n.value,
       persistent: !0,
       blur: !0,
@@ -6451,7 +6451,7 @@ const Ia = {
           "leave-active-class": "transition-all ease-in duration-100 will-change-transform"
         }, {
           default: le(() => [
-            r.value ? (w(), te(x(bn), {
+            r.value ? (k(), te(x(bn), {
               key: 0,
               class: "border-surface-20 p-6 border max-w-md w-full shadow-xl",
               "with-border": ""
@@ -6466,7 +6466,7 @@ const Ia = {
                     P("p", kc, ae(r.value.message), 1)
                   ]),
                   P("div", Mc, [
-                    r.value.type === "confirm" ? (w(), te(x(Fe), {
+                    r.value.type === "confirm" ? (k(), te(x(Fe), {
                       key: 0,
                       variant: "outline",
                       size: "md",
@@ -6539,7 +6539,7 @@ const Ia = {
           return "min-h-16 p-3";
       }
     });
-    return (u, f) => (w(), S("div", pe({
+    return (u, f) => (k(), S("div", pe({
       class: ["overflow-hidden", [
         { "border-0": !u.withBorder },
         x(a).class,
@@ -6553,16 +6553,16 @@ const Ia = {
       P("div", {
         class: O(["pl-4 flex gap-2 min-w-80 w-full items-center relative", [c.value, x(s).class]])
       }, [
-        u.icon ? (w(), S("div", {
+        u.icon ? (k(), S("div", {
           key: 0,
           class: O([[x(s).class], "leading-0"]),
           style: V(x(s).style)
         }, [
-          u.loading ? (w(), S("i", $c)) : (w(), S("i", {
+          u.loading ? (k(), S("i", $c)) : (k(), S("i", {
             key: 1,
             class: O(["h-container w-container shrink-0", u.icon])
           }, null, 2))
-        ], 6)) : u.showLeftIndicator ? (w(), S("div", Sc, [
+        ], 6)) : u.showLeftIndicator ? (k(), S("div", Sc, [
           P("div", pe({
             class: ["rounded-full bg-[var(--d-bg)] h-[calc(100%-0.5rem)] w-1 left-[0.25rem] top-[0.25rem] absolute dark:bg-[var(--d-bg)]", [{
               "animate-pulse": u.loading
@@ -6570,7 +6570,7 @@ const Ia = {
           }, x(o)), null, 16)
         ])) : B("", !0),
         P("div", Cc, [
-          u.title ? (w(), S("div", {
+          u.title ? (k(), S("div", {
             key: 0,
             class: O(["text-[var(--l-text)] dark:text-[var(--d-text)]", [{
               "text-xs": u.size === "sm",
@@ -6579,7 +6579,7 @@ const Ia = {
             }, x(s).class]]),
             style: V(x(s).style)
           }, ae(u.title), 7)) : B("", !0),
-          u.$slots.message ? j(u.$slots, "message", { key: 1 }) : u.message ? (w(), S("div", {
+          u.$slots.message ? j(u.$slots, "message", { key: 1 }) : u.message ? (k(), S("div", {
             key: 2,
             class: O(["text-surface-dimmed", {
               "text-xs": u.size === "sm",
@@ -6587,7 +6587,7 @@ const Ia = {
             }])
           }, ae(u.message), 3)) : B("", !0)
         ]),
-        u.closeable ? (w(), te(x(Fe), {
+        u.closeable ? (k(), te(x(Fe), {
           key: 2,
           icon: "",
           variant: "transparent",
@@ -6595,19 +6595,19 @@ const Ia = {
           onClick: f[0] || (f[0] = (v) => u.$emit("close"))
         }, {
           default: le(() => [
-            u.$slots.closeIcon ? j(u.$slots, "closeIcon", { key: 0 }) : (w(), S("i", zc))
+            u.$slots.closeIcon ? j(u.$slots, "closeIcon", { key: 0 }) : (k(), S("i", zc))
           ]),
           _: 3
         })) : B("", !0)
       ], 2),
-      u.complete ? (w(), te(x(jc), {
+      u.complete ? (k(), te(x(jc), {
         key: 0,
         value: u.complete,
         max: u.total
       }, null, 8, ["value", "max"])) : B("", !0)
     ], 16));
   }
-}), Tc = { class: "h-full w-full pointer-events-none fixed z-20 children:pointer-events-auto" }, Ic = ["data-hash"], Sf = /* @__PURE__ */ U({
+}), Tc = { class: "h-full w-full pointer-events-none fixed z-20 children:pointer-events-auto" }, Ic = ["data-hash"], $f = /* @__PURE__ */ U({
   __name: "NotificationSystem",
   props: {
     position: { default: "top-right" },
@@ -6682,7 +6682,7 @@ const Ia = {
     function p(d) {
       return i(d) ? "animate-keyframes-fade-in-down animate-duration-0.3s" : "animate-keyframes-fade-in-up animate-duration-0.3s";
     }
-    function k(d) {
+    function w(d) {
       return i(d) ? "animate-keyframes-fade-out-down animate-duration-0.3s" : "animate-keyframes-fade-out-up animate-duration-0.3s";
     }
     function C(d) {
@@ -6695,21 +6695,21 @@ const Ia = {
       return (z - $) / z;
     }
     const M = ["top-left", "top-right", "top", "bottom-left", "bottom-right", "bottom"];
-    return (d, $) => (w(), S("div", Tc, [
-      (w(), S(ie, null, $e(M, (z) => P("div", {
+    return (d, $) => (k(), S("div", Tc, [
+      (k(), S(ie, null, $e(M, (z) => P("div", {
         key: z,
         style: V([v(z), f(z)]),
         class: "absolute"
       }, [
         ee(no, {
           "enter-active-class": p(z),
-          "leave-active-class": k(z)
+          "leave-active-class": w(z)
         }, {
           default: le(() => [
-            (w(!0), S(ie, null, $e(x(n), (D, _) => (w(), S(ie, {
+            (k(!0), S(ie, null, $e(x(n), (D, _) => (k(), S(ie, {
               key: D.hash
             }, [
-              D.position === z ? (w(), S("div", {
+              D.position === z ? (k(), S("div", {
                 key: 0,
                 class: "transition-top,bottom,transform duration-0.3s absolute",
                 style: V([c(s.value[_], D.position)])
@@ -6769,7 +6769,7 @@ const Ia = {
         backgroundColor: `rgba(${Math.round(s.r * 255)}, ${Math.round(s.g * 255)}, ${Math.round(s.b * 255)}, ${t.opacity / 100})`
       } : { backgroundColor: `rgba(0, 0, 0, ${t.opacity / 100})` };
     });
-    return (s, i) => (w(), S("div", Dc, [
+    return (s, i) => (k(), S("div", Dc, [
       j(s.$slots, "default"),
       P("div", pe(s.$attrs, {
         ref_key: "wrapperRef",
@@ -6797,7 +6797,7 @@ const Ia = {
       ...t,
       color: t.color ?? r?.color ?? "primary",
       rounded: t.rounded ?? r?.rounded ?? n.value.rounded
-    })), s = g(() => o.value.color), i = we(o.value), { x: c, y: u } = jn({ type: "client" }), f = A(null), { width: v, height: p, top: k, left: C } = ft(f), b = g(() => Math.min(v.value, p.value)), M = g(() => !v.value || !p.value ? [] : l.value ? [
+    })), s = g(() => o.value.color), i = we(o.value), { x: c, y: u } = jn({ type: "client" }), f = A(null), { width: v, height: p, top: w, left: C } = ft(f), b = g(() => Math.min(v.value, p.value)), M = g(() => !v.value || !p.value ? [] : l.value ? [
       {
         backgroundPosition: "0% 0%",
         offset: 0
@@ -6834,9 +6834,9 @@ const Ia = {
       if (t.traceAnimate) {
         const _ = g(() => ({
           x: C.value + v.value / 2,
-          y: k.value + p.value / 2
+          y: w.value + p.value / 2
         })), h = g(() => {
-          if (c.value < C.value || c.value > C.value + v.value || u.value < k.value || u.value > k.value + p.value)
+          if (c.value < C.value || c.value > C.value + v.value || u.value < w.value || u.value > w.value + p.value)
             return {
               x: c.value,
               y: u.value
@@ -6844,7 +6844,7 @@ const Ia = {
           const y = _.value.x, m = _.value.y;
           let T, I;
           const W = (u.value - m) / (c.value - y);
-          return c.value < y ? (T = C.value, I = m + W * (C.value - y)) : (T = C.value + v.value, I = m + W * (T - y)), I < k.value ? (I = k.value, T = y + (I - m) / W) : I > k.value + p.value && (I = k.value + p.value, T = y + (I - m) / W), {
+          return c.value < y ? (T = C.value, I = m + W * (C.value - y)) : (T = C.value + v.value, I = m + W * (T - y)), I < w.value ? (I = w.value, T = y + (I - m) / W) : I > w.value + p.value && (I = w.value + p.value, T = y + (I - m) / W), {
             x: T,
             y: I
           };
@@ -6853,7 +6853,7 @@ const Ia = {
           "--main-color": $.value,
           "--border-color": "var(--r-surface-border-color)",
           "--bg": "var(--r-surface-background-color)",
-          "--gradient": `radial-gradient(circle at ${h.value.x - C.value}px ${h.value.y - k.value}px, var(--main-color) ${b.value * 0.5}px, var(--border-color) ${b.value * 0.5}px)`,
+          "--gradient": `radial-gradient(circle at ${h.value.x - C.value}px ${h.value.y - w.value}px, var(--main-color) ${b.value * 0.5}px, var(--border-color) ${b.value * 0.5}px)`,
           background: "linear-gradient(var(--bg), var(--bg)) padding-box, var(--gradient) border-box",
           "background-size": "200% 200%",
           "background-color": "var(--bg)"
@@ -6861,7 +6861,7 @@ const Ia = {
       } else
         return {};
     });
-    return (_, h) => (w(), te(De(_.is), {
+    return (_, h) => (k(), te(De(_.is), {
       ref_key: "paperRef",
       ref: f,
       class: O(["border relative", [
@@ -6950,7 +6950,7 @@ const Ia = {
     t({
       el: p
     });
-    const k = kn(), C = Zt(k);
+    const w = kn(), C = Zt(w);
     function b(d) {
       if (!d || d.length <= n.visibleStart + n.visibleEnd)
         return d;
@@ -6969,21 +6969,21 @@ const Ia = {
       } else
         o.value = z;
     }
-    return (d, $) => (w(), S("div", pe({
+    return (d, $) => (k(), S("div", pe({
       style: [x(u)]
     }, d.$attrs), [
-      d.$slots.label || d.label ? (w(), S("label", {
+      d.$slots.label || d.label ? (k(), S("label", {
         key: 0,
         for: x(C),
         class: O(["mb-1 block", [i.value]])
       }, [
-        d.$slots.label ? j(d.$slots, "label", { key: 0 }) : (w(), S("span", Ec, ae(d.label), 1))
+        d.$slots.label ? j(d.$slots, "label", { key: 0 }) : (k(), S("span", Ec, ae(d.label), 1))
       ], 10, Pc)) : B("", !0),
       P("div", {
         class: O(["custom-input-colors outline-none border inline-flex items-center", [f.value, x(v).class, s.value.wrapper]]),
         style: V([x(v).style])
       }, [
-        d.$slots.leftSection ? (w(), S("div", Ac, [
+        d.$slots.leftSection ? (k(), S("div", Ac, [
           j(d.$slots, "leftSection")
         ])) : B("", !0),
         Mn(P("input", pe({ id: x(C) }, d.$attrs, {
@@ -6998,13 +6998,13 @@ const Ia = {
         }), null, 16, Vc), [
           [ro, o.value]
         ]),
-        d.$slots.rightSection ? (w(), S("div", Lc, [
+        d.$slots.rightSection ? (k(), S("div", Lc, [
           j(d.$slots, "rightSection")
         ])) : B("", !0)
       ], 6)
     ], 16));
   }
-}), Oc = { class: "flex gap-2" }, Cf = /* @__PURE__ */ U({
+}), Oc = { class: "flex gap-2" }, Sf = /* @__PURE__ */ U({
   __name: "PinInput",
   props: {
     modelValue: {},
@@ -7041,8 +7041,8 @@ const Ia = {
       const i = n.value.findIndex((c) => c.el === s.target);
       i < n.value.length - 1 && (n.value[i + 1].el.focus(), n.value[i + 1].el.select());
     }
-    return (s, i) => (w(), S("div", Oc, [
-      (w(!0), S(ie, null, $e(t.length, (c) => (w(), te(Bc, {
+    return (s, i) => (k(), S("div", Oc, [
+      (k(!0), S(ie, null, $e(t.length, (c) => (k(), te(Bc, {
         ref_for: !0,
         ref_key: "inputs",
         ref: n,
@@ -7153,7 +7153,7 @@ const Ia = {
     }
     return Wr(r, (v) => {
       n.value?.contains(v.target) || (c.value = !1);
-    }), (v, p) => (w(), S("div", Hc, [
+    }), (v, p) => (k(), S("div", Hc, [
       P("div", {
         ref_key: "wrapperRef",
         ref: n,
@@ -7161,7 +7161,7 @@ const Ia = {
         onPointerup: f
       }, [
         j(v.$slots, "default"),
-        u.value ? (w(), S("div", {
+        u.value ? (k(), S("div", {
           key: 0,
           ref_key: "contentRef",
           ref: r,
@@ -7171,14 +7171,14 @@ const Ia = {
           j(v.$slots, "content")
         ], 6)) : B("", !0)
       ], 544),
-      u.value && v.overlay ? (w(), te(x(Rc), {
+      u.value && v.overlay ? (k(), te(x(Rc), {
         key: 0,
         opacity: 0,
         class: "inset-0 fixed z-10",
         style: V({
           zIndex: v.zIndex - 1
         }),
-        onPointerup: p[0] || (p[0] = (k) => c.value = !1)
+        onPointerup: p[0] || (p[0] = (w) => c.value = !1)
       }, null, 8, ["style"])) : B("", !0)
     ]));
   }
@@ -7230,11 +7230,11 @@ const Ia = {
       }
       return null;
     });
-    return (u, f) => (w(), S("div", pe({
+    return (u, f) => (k(), S("div", pe({
       class: ["w-full self-center relative overflow-hidden", [a.value, x(i).class]],
       style: [x(i).style]
     }, x(s)), [
-      c.value && !u.loading ? (w(!0), S(ie, { key: 0 }, $e(c.value, (v) => (w(), S("div", {
+      c.value && !u.loading ? (k(!0), S(ie, { key: 0 }, $e(c.value, (v) => (k(), S("div", {
         key: v.id,
         class: O(["h-full absolute", [
           `bg-${v.color}-4`,
@@ -7244,11 +7244,11 @@ const Ia = {
           width: `${v.width}%`,
           left: `${v.left}%`
         })
-      }, null, 6))), 128)) : (w(), S(ie, { key: 1 }, [
-        u.loading ? (w(), S("div", pe({
+      }, null, 6))), 128)) : (k(), S(ie, { key: 1 }, [
+        u.loading ? (k(), S("div", pe({
           key: 1,
           class: "loading-progress h-full"
-        }, x(o)), null, 16)) : (w(), S("div", pe({
+        }, x(o)), null, 16)) : (k(), S("div", pe({
           key: 0,
           class: "h-full"
         }, x(o), {
@@ -7259,7 +7259,7 @@ const Ia = {
       ], 64))
     ], 16));
   }
-}), Wc = ["onMouseover", "onPointerdown"], Fc = "#ffeb91", Xc = "text-[var(--d-text)]", Yc = "text-surface-dimmed", qc = "text-[var(--d-text-h)]", Gc = "i-fluent-star-12-filled", Uc = "i-fluent-star-12-filled", zf = /* @__PURE__ */ U({
+}), Wc = ["onMouseover", "onPointerdown"], Fc = "#ffeb91", Xc = "text-[var(--d-text)]", Yc = "text-surface-dimmed", qc = "text-[var(--d-text-h)]", Gc = "i-fluent-star-12-filled", Uc = "i-fluent-star-12-filled", Cf = /* @__PURE__ */ U({
   __name: "Rating",
   props: /* @__PURE__ */ ge({
     count: {},
@@ -7306,7 +7306,7 @@ const Ia = {
       const $ = c.value[d].normal, z = c.value[d].active;
       return f(d) ? [o.value ? qc : Xc, z] : [Yc, $];
     }
-    const k = g(() => {
+    const w = g(() => {
       if (typeof n.color == "string")
         return Array.from({ length: a.value }).map(() => n.color);
       const d = Array.from({ length: a.value }).map(() => Fc);
@@ -7332,23 +7332,23 @@ const Ia = {
           return "text-base";
       }
     });
-    return (d, $) => (w(), S("div", {
+    return (d, $) => (k(), S("div", {
       class: O(["flex cursor-pointer", M.value])
     }, [
-      (w(!0), S(ie, null, $e(a.value, (z, D) => (w(), S("div", {
+      (k(!0), S(ie, null, $e(a.value, (z, D) => (k(), S("div", {
         key: D,
         class: "pr-1",
         onMouseover: (_) => i.value = D + 1,
         onMouseleave: $[0] || ($[0] = (_) => i.value = -1),
         onPointerdown: (_) => b(D)
       }, [
-        P("i", pe({ ref_for: !0 }, f(D) ? x(k)[D].value : x(C), {
+        P("i", pe({ ref_for: !0 }, f(D) ? x(w)[D].value : x(C), {
           class: ["active:translate-y-1px", [v(D)]]
         }), null, 16)
       ], 40, Wc))), 128))
     ], 2));
   }
-}), _f = /* @__PURE__ */ U({
+}), zf = /* @__PURE__ */ U({
   __name: "RokuProvider",
   props: {
     is: { default: "div" },
@@ -7362,7 +7362,7 @@ const Ia = {
       }
       return xt;
     }), l = g(() => Wl(a.value));
-    return He(Vu, n), He("currentThemeData", a), lc(r), gi(a), (o, s) => (w(), te(De(o.is), {
+    return He(Vu, n), He("currentThemeData", a), lc(r), gi(a), (o, s) => (k(), te(De(o.is), {
       ref_key: "wrapperRef",
       ref: r,
       style: V([
@@ -7375,7 +7375,7 @@ const Ia = {
       _: 3
     }, 8, ["style"]));
   }
-}), Kc = { class: "scheme-switch inline-block" }, Jc = { class: "dark:hidden" }, Zc = { class: "light:hidden" }, Tf = /* @__PURE__ */ U({
+}), Kc = { class: "scheme-switch inline-block" }, Jc = { class: "dark:hidden" }, Zc = { class: "light:hidden" }, _f = /* @__PURE__ */ U({
   __name: "SchemeSwitch",
   props: {
     disableViewTranslation: { type: Boolean, default: !1 },
@@ -7426,7 +7426,7 @@ const Ia = {
       at && (n.value = localStorage.getItem("scheme") === "dark"), a.value = !1;
     }), ut(() => {
       l.value = !0;
-    }), (o, s) => (w(), S("div", Kc, [
+    }), (o, s) => (k(), S("div", Kc, [
       P("div", {
         class: O({ hidden: !a.value })
       }, [
@@ -7460,7 +7460,7 @@ const Ia = {
       ], 2)
     ]));
   }
-}), Qc = { class: "relative overflow-hidden" }, If = /* @__PURE__ */ U({
+}), Qc = { class: "relative overflow-hidden" }, Tf = /* @__PURE__ */ U({
   __name: "ScrollArea",
   props: {
     height: {},
@@ -7484,7 +7484,7 @@ const Ia = {
         return 0;
       const z = o.value / s.value * o.value;
       return Math.max(z, n.minBarHeight);
-    }), p = g(() => o.value - v.value), k = g(() => {
+    }), p = g(() => o.value - v.value), w = g(() => {
       if (!l.value)
         return null;
       const z = f.value * p.value;
@@ -7516,8 +7516,8 @@ const Ia = {
       capture: n.capture
     }), t({
       $el: l
-    }), (z, D) => (w(), S("div", Qc, [
-      k.value ? (w(), S("div", {
+    }), (z, D) => (k(), S("div", Qc, [
+      w.value ? (k(), S("div", {
         key: 0,
         style: V({
           width: `${z.barWidth}px`
@@ -7531,11 +7531,11 @@ const Ia = {
           style: V({
             right: "0px",
             width: `${z.barWidth}px`,
-            top: `${k.value.barTop}px`,
-            height: `${k.value.barHeight}px`
+            top: `${w.value.barTop}px`,
+            height: `${w.value.barHeight}px`
           })
         }, null, 4), [
-          [ao, k.value.barHeight < x(o)]
+          [ao, w.value.barHeight < x(o)]
         ])
       ], 4)) : B("", !0),
       P("div", pe({
@@ -7555,7 +7555,7 @@ const Ia = {
 }, rd = ["id", "aria-selected", "onPointerdown", "onMousemove"], ad = { key: 0 }, ld = {
   key: 0,
   class: "p-1 px-2 rounded flex gap-2 cursor-default items-center justify-between"
-}, Df = /* @__PURE__ */ U({
+}, If = /* @__PURE__ */ U({
   __name: "Select",
   props: /* @__PURE__ */ ge({
     ariaLabel: {},
@@ -7593,7 +7593,7 @@ const Ia = {
     }), he(i, () => {
       r("change", i.value);
     });
-    const k = g(() => i.value), C = g(() => d(k.value)), b = g(() => n.options.findIndex((H) => F(H, k.value))), M = A(C.value);
+    const w = g(() => i.value), C = g(() => d(w.value)), b = g(() => n.options.findIndex((H) => F(H, w.value))), M = A(C.value);
     he(C, () => {
       M.value = C.value;
     });
@@ -7676,7 +7676,7 @@ const Ia = {
     function oe(H) {
       v.value = H, p.value = -1;
     }
-    return (H, Q) => (w(), S("div", {
+    return (H, Q) => (k(), S("div", {
       ref_key: "wrapperRef",
       ref: u,
       class: "relative",
@@ -7701,7 +7701,7 @@ const Ia = {
         }, null, 46, td),
         Q[2] || (Q[2] = P("i", { class: "i-fluent-chevron-down-12-filled pointer-events-none right-2 absolute" }, null, -1))
       ]),
-      f.value ? (w(), S("div", {
+      f.value ? (k(), S("div", {
         key: 0,
         ref_key: "dropdownRef",
         ref: m,
@@ -7709,12 +7709,12 @@ const Ia = {
         style: V([x(X).style, W.value]),
         role: "listbox"
       }, [
-        H.options.length === 0 ? (w(), S("div", nd, [
+        H.options.length === 0 ? (k(), S("div", nd, [
           j(H.$slots, "none", {}, () => [
             it(ae(H.noneText), 1)
           ])
-        ])) : (w(), S(ie, { key: 1 }, [
-          (w(!0), S(ie, null, $e(z.value, (de, be) => (w(), S("div", {
+        ])) : (k(), S(ie, { key: 1 }, [
+          (k(!0), S(ie, null, $e(z.value, (de, be) => (k(), S("div", {
             id: `option-${be}`,
             key: be,
             class: O([[
@@ -7726,22 +7726,22 @@ const Ia = {
               v.value === be && p.value === -1 && x(Z).style
             ]),
             role: "option",
-            "aria-selected": F(de, k.value),
+            "aria-selected": F(de, w.value),
             onPointerdown: (je) => D(de),
             onMousemove: (je) => oe(be),
             onMouseleave: Q[1] || (Q[1] = (je) => v.value = -1)
           }, [
             j(H.$slots, "item", {
               data: de,
-              selected: F(de, k.value)
+              selected: F(de, w.value)
             }, () => [
               it(ae(d(de)), 1)
             ]),
-            F(de, k.value) ? (w(), S("div", ad, [...Q[3] || (Q[3] = [
+            F(de, w.value) ? (k(), S("div", ad, [...Q[3] || (Q[3] = [
               P("i", { class: "i-fluent-checkmark-12-filled h-3 w-3" }, null, -1)
             ])])) : B("", !0)
           ], 46, rd))), 128)),
-          H.searchable && z.value.length === 0 ? (w(), S("div", ld, [
+          H.searchable && z.value.length === 0 ? (k(), S("div", ld, [
             j(H.$slots, "not-found", {}, () => [
               it(ae(H.notFoundText), 1)
             ])
@@ -7750,34 +7750,38 @@ const Ia = {
       ], 6)) : B("", !0)
     ], 4));
   }
-}), od = { class: "relative" }, Rf = /* @__PURE__ */ U({
+}), Df = /* @__PURE__ */ U({
   __name: "SelectArea",
   props: {
-    target: {}
+    target: {},
+    borderColor: { default: "rgba(59, 130, 246, 0.8)" },
+    backgroundColor: { default: "rgba(59, 130, 246, 0.1)" },
+    borderWidth: { default: 2 },
+    borderStyle: { default: "solid" }
   },
   emits: ["selectStart", "selectChange", "selectEnd"],
   setup(e, { emit: t }) {
     const n = e, r = t, { shift: a, control: l } = Cu(), o = g(() => n.target ?? document.documentElement), s = jn(), i = A({ x: 0, y: 0 }), c = A({ x: 0, y: 0 }), u = A(!1), f = ft(o), v = Ol(o);
-    J(o, "pointerdown", (k) => {
-      if (k.button !== 0)
+    J(o, "pointerdown", (w) => {
+      if (w.button !== 0)
         return;
-      const C = k.pageX - f.left.value + v.x.value, b = k.pageY - f.top.value + v.y.value;
+      const C = w.pageX - f.left.value + v.x.value, b = w.pageY - f.top.value + v.y.value;
       i.value = {
         x: C,
         y: b
       }, c.value = {
         x: C,
         y: b
-      }, u.value = !0, r("selectStart", { target: k.target, shift: a.value, ctrl: l.value });
-    }), J(globalThis, "pointerup", (k) => {
+      }, u.value = !0, r("selectStart", { target: w.target, shift: a.value, ctrl: l.value });
+    }), J(globalThis, "pointerup", (w) => {
       u.value = !1, r("selectEnd", {
         left: Math.min(i.value.x, c.value.x),
         top: Math.min(i.value.y, c.value.y),
         right: Math.max(i.value.x, c.value.x),
         bottom: Math.max(i.value.y, c.value.y)
-      }, { target: k.target, shift: a.value, ctrl: l.value });
-    }), J(o, "pointermove", (k) => {
-      const C = k.pageX - f.left.value + v.x.value, b = k.pageY - f.top.value + v.y.value;
+      }, { target: w.target, shift: a.value, ctrl: l.value });
+    }), J(o, "pointermove", (w) => {
+      const C = w.pageX - f.left.value + v.x.value, b = w.pageY - f.top.value + v.y.value;
       u.value && (c.value = {
         x: C,
         y: b
@@ -7786,10 +7790,10 @@ const Ia = {
         top: Math.min(i.value.y, c.value.y),
         right: Math.max(i.value.x, c.value.x),
         bottom: Math.max(i.value.y, c.value.y)
-      }, { target: k.target, shift: a.value, ctrl: l.value }));
+      }, { target: w.target, shift: a.value, ctrl: l.value }));
     });
     const p = g(() => o.value ? o.value.parentElement : null);
-    return J(p, "scroll", (k) => {
+    return J(p, "scroll", (w) => {
       u.value && (c.value = {
         x: s.x.value - f.left.value + v.x.value,
         y: s.y.value - f.top.value + v.y.value
@@ -7798,23 +7802,25 @@ const Ia = {
         top: Math.min(i.value.y, c.value.y),
         right: Math.max(i.value.x, c.value.x),
         bottom: Math.max(i.value.y, c.value.y)
-      }, { target: k.target, shift: a.value, ctrl: l.value }));
+      }, { target: w.target, shift: a.value, ctrl: l.value }));
     }), J(globalThis, "dragend", () => {
       u.value = !1;
-    }), (k, C) => (w(), S("div", od, [
-      u.value ? (w(), S("div", {
-        key: 0,
-        class: "border-primary-800/75 bg-primary-800/25 h-1 absolute z-10000",
-        style: V({
-          left: `${Math.min(i.value.x, c.value.x)}px`,
-          top: `${Math.min(i.value.y, c.value.y)}px`,
-          width: `${Math.abs(i.value.x - c.value.x)}px`,
-          height: `${Math.abs(i.value.y - c.value.y)}px`
-        })
-      }, null, 4)) : B("", !0)
-    ]));
+    }), (w, C) => u.value ? (k(), S("div", {
+      key: 0,
+      class: "pointer-events-none transition-opacity fixed z-10000",
+      style: V({
+        left: `${Math.min(i.value.x, c.value.x) + x(f).left.value}px`,
+        top: `${Math.min(i.value.y, c.value.y) + x(f).top.value}px`,
+        width: `${Math.abs(i.value.x - c.value.x)}px`,
+        height: `${Math.abs(i.value.y - c.value.y)}px`,
+        borderColor: n.borderColor,
+        backgroundColor: n.backgroundColor,
+        borderWidth: `${n.borderWidth}px`,
+        borderStyle: n.borderStyle
+      })
+    }, null, 4)) : B("", !0);
   }
-}), sd = "dark:bg-white bg-[var(--i-bg)]", id = "dark:bg-[var(--i-bg)] bg-white", Pf = /* @__PURE__ */ U({
+}), od = "dark:bg-white bg-[var(--i-bg)]", sd = "dark:bg-[var(--i-bg)] bg-white", Rf = /* @__PURE__ */ U({
   __name: "Slider",
   props: /* @__PURE__ */ ge({
     size: { default: "md" },
@@ -7896,7 +7902,7 @@ const Ia = {
       }
       return typeof h != "number" || m === y ? 0 : (h - y) / (m - y) * 100;
     }
-    const v = g(() => t.color), p = At(v.value), k = g(() => p.value[4]), C = Vt(v);
+    const v = g(() => t.color), p = At(v.value), w = g(() => p.value[4]), C = Vt(v);
     Ve(() => {
       c.value < 0 || (s.value = l.value[c.value]);
     }), Ve(() => {
@@ -7969,7 +7975,7 @@ const Ia = {
       indicator: "",
       progress: ""
     });
-    return (h, y) => (w(), S("div", {
+    return (h, y) => (k(), S("div", {
       class: "w-full relative",
       style: V({ minHeight: h.size === "sm" ? "24px" : h.size === "lg" ? "40px" : "32px" })
     }, [
@@ -8001,27 +8007,27 @@ const Ia = {
               minWidth: `${t.minWidth}rem`
             })
           }, [
-            (w(!0), S(ie, null, $e(o.value, (m) => (w(), S("div", {
+            (k(!0), S(ie, null, $e(o.value, (m) => (k(), S("div", {
               key: m,
               style: V({
                 left: `${t.reverse ? 100 - f(m, t.min, t.max, t.options !== void 0) : f(m, t.min, t.max, t.options !== void 0)}%`
               }),
               class: O(["bg-surface-variant-2 rounded-full top-50% absolute", D.value.tick])
             }, null, 6))), 128)),
-            c.value !== -1 ? (w(), S("div", {
+            c.value !== -1 ? (k(), S("div", {
               key: 0,
               ref_key: "indicator",
               ref: M,
-              class: O(["rounded-full cursor-pointer top-50% absolute", [D.value.indicator, _.value.indicator, sd]]),
+              class: O(["rounded-full cursor-pointer top-50% absolute", [D.value.indicator, _.value.indicator, od]]),
               style: V([
-                `--i-bg: ${k.value}`,
+                `--i-bg: ${w.value}`,
                 {
                   left: `${t.reverse ? 100 - (i.value === 1 ? 0 : c.value / (i.value - 1) * 100) : i.value === 1 ? 0 : c.value / (i.value - 1) * 100}%`
                 }
               ])
             }, [
               P("div", {
-                class: O(["rounded-full pointer-events-none left-50% top-50% absolute", [D.value.indicatorInner, id]])
+                class: O(["rounded-full pointer-events-none left-50% top-50% absolute", [D.value.indicatorInner, sd]])
               }, null, 2)
             ], 6)) : B("", !0),
             P("div", {
@@ -8040,7 +8046,7 @@ const Ia = {
           ], 6)
         ], 2)
       ], 38),
-      o.value.length > 0 ? (w(), S("div", {
+      o.value.length > 0 ? (k(), S("div", {
         key: 0,
         class: O(["text-xs text-surface-dimmed h-1em relative", [
           t.size === "sm" ? "mx-0.5" : t.size === "lg" ? "mx-1.5" : "mx-1"
@@ -8050,7 +8056,7 @@ const Ia = {
           minWidth: `calc(${t.minWidth}rem - ${t.size === "sm" ? "0.25rem" : t.size === "lg" ? "0.75rem" : "0.5rem"})`
         })
       }, [
-        (w(!0), S(ie, null, $e(o.value, (m, T) => (w(), S("div", {
+        (k(!0), S(ie, null, $e(o.value, (m, T) => (k(), S("div", {
           key: T,
           style: V({
             left: `${t.reverse ? 100 - f(m, t.min, t.max, t.options !== void 0) : f(m, t.min, t.max, t.options !== void 0)}%`
@@ -8060,13 +8066,13 @@ const Ia = {
       ], 6)) : B("", !0)
     ], 4));
   }
-}), ud = ["aria-orientation"], cd = {
+}), id = ["aria-orientation"], ud = {
   key: 0,
   class: "mb-6 w-full"
-}, dd = { class: "text-sm text-surface-2 mb-3 flex items-center justify-between dark:text-surface-2" }, fd = { class: "font-medium" }, vd = { class: "font-semibold" }, pd = { class: "rounded-full bg-surface-3 h-2.5 w-full dark:bg-surface-6" }, hd = { class: "text-sm text-surface-1 font-medium mt-3 dark:text-surface-1" }, md = ["aria-selected", "aria-disabled", "onClick", "onKeydown"], gd = {
+}, cd = { class: "text-sm text-surface-2 mb-3 flex items-center justify-between dark:text-surface-2" }, dd = { class: "font-medium" }, fd = { class: "font-semibold" }, vd = { class: "rounded-full bg-surface-3 h-2.5 w-full dark:bg-surface-6" }, pd = { class: "text-sm text-surface-1 font-medium mt-3 dark:text-surface-1" }, hd = ["aria-selected", "aria-disabled", "onClick", "onKeydown"], md = {
   key: 1,
   class: "font-medium"
-}, Ef = /* @__PURE__ */ U({
+}, Pf = /* @__PURE__ */ U({
   __name: "Step",
   props: {
     modelValue: { default: 0 },
@@ -8175,7 +8181,7 @@ const Ia = {
       color: "surface",
       type: "text",
       index: { dark: 1, light: 1 }
-    }), k = fe({
+    }), w = fe({
       color: g(() => o.value.color),
       type: "bg",
       index: { dark: 5, light: 4 }
@@ -8218,7 +8224,7 @@ const Ia = {
           return {
             icon: v.value,
             title: p.value,
-            connector: k.value
+            connector: w.value
           };
         case "process":
           return {
@@ -8250,26 +8256,26 @@ const Ia = {
       }
     }
     const y = g(() => n.items.length === 0 ? 0 : (s.value + 1) / n.items.length * 100);
-    return (m, T) => (w(), S("div", {
+    return (m, T) => (k(), S("div", {
       ref_key: "stepRef",
       ref: l,
       class: O([u.value, "step-wrapper w-full"]),
       role: "tablist",
       "aria-orientation": m.direction
     }, [
-      m.type === "simple" ? (w(), S("div", cd, [
-        P("div", dd, [
-          P("span", fd, "Step " + ae(s.value + 1) + " of " + ae(m.items.length), 1),
-          P("span", vd, ae(Math.round(y.value)) + "%", 1)
+      m.type === "simple" ? (k(), S("div", ud, [
+        P("div", cd, [
+          P("span", dd, "Step " + ae(s.value + 1) + " of " + ae(m.items.length), 1),
+          P("span", fd, ae(Math.round(y.value)) + "%", 1)
         ]),
-        P("div", pd, [
+        P("div", vd, [
           P("div", pe({ class: "rounded-full h-full transition-all duration-300" }, x(_), {
             style: { width: `${y.value}%` }
           }), null, 16)
         ]),
-        P("div", hd, ae(i.value[s.value]?.title), 1)
+        P("div", pd, ae(i.value[s.value]?.title), 1)
       ])) : B("", !0),
-      (w(!0), S(ie, null, $e(i.value, (I, W) => (w(), S(ie, { key: W }, [
+      (k(!0), S(ie, null, $e(i.value, (I, W) => (k(), S(ie, { key: W }, [
         P("div", {
           class: O(["step-item flex transition-colors duration-200 items-start relative", [
             m.direction === "vertical" ? "mb-6 last:mb-0" : "flex-shrink-0",
@@ -8296,12 +8302,12 @@ const Ia = {
               m.type === "dot" ? "w-3 h-3 border-0" : ""
             ]]
           }, { ref_for: !0 }, h(I.status).icon), [
-            I.icon && !m.progressDot && m.type !== "dot" ? (w(), S("span", {
+            I.icon && !m.progressDot && m.type !== "dot" ? (k(), S("span", {
               key: 0,
               class: O(I.icon)
-            }, null, 2)) : !m.progressDot && m.type !== "dot" ? (w(), S("span", gd, ae(I.status === "finish" ? "✓" : W + 1), 1)) : B("", !0)
+            }, null, 2)) : !m.progressDot && m.type !== "dot" ? (k(), S("span", md, ae(I.status === "finish" ? "✓" : W + 1), 1)) : B("", !0)
           ], 16),
-          m.type !== "dot" && m.type !== "simple" ? (w(), S("div", {
+          m.type !== "dot" && m.type !== "simple" ? (k(), S("div", {
             key: 0,
             class: O(["step-content flex-1 min-w-0", [
               m.direction === "horizontal" && !m.alternativeLabel ? "ml-4" : "",
@@ -8312,22 +8318,22 @@ const Ia = {
             P("div", pe({
               class: ["step-title leading-tight transition-colors duration-200", f.value.title]
             }, { ref_for: !0 }, h(I.status).title), ae(I.title), 17),
-            m.showDescription && I.description ? (w(), S("div", {
+            m.showDescription && I.description ? (k(), S("div", {
               key: 0,
               class: O(["step-description text-surface-4 mt-1.5 transition-colors duration-200 dark:text-surface-3", f.value.description])
             }, ae(I.description), 3)) : B("", !0)
           ], 2)) : B("", !0)
-        ], 42, md),
-        W < m.items.length - 1 && m.type !== "simple" ? (w(), S("div", pe({
+        ], 42, hd),
+        W < m.items.length - 1 && m.type !== "simple" ? (k(), S("div", pe({
           key: 0,
           class: ["step-connector transition-colors duration-200", [
             m.direction === "horizontal" ? ["flex-1 mx-4 self-center", f.value.connector, "rounded-full"] : ["ml-5 -mt-2 mb-2", f.value.connector, "min-h-6 rounded-full", "w-0.5"]
           ]]
         }, { ref_for: !0 }, W < s.value ? h("finish").connector : h("wait").connector), null, 16)) : B("", !0)
       ], 64))), 128))
-    ], 10, ud));
+    ], 10, id));
   }
-}), bd = ["id"], yd = ["for"], xd = ["for"], xr = /* @__PURE__ */ U({
+}), gd = ["id"], bd = ["for"], yd = ["for"], xr = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "Switch",
   props: /* @__PURE__ */ ge({
@@ -8389,18 +8395,18 @@ const Ia = {
     } : {
       indicator: "",
       progress: ""
-    }), v = Zt(n), p = Ft("bg", { dark: 7, light: 3 }), k = $t(o.value.color, "bg", 5), C = $t(o.value.color, "text", 5), b = g(() => ({
-      wrapper: s.value ? [k.value.class] : [p.value.class],
+    }), v = Zt(n), p = Ft("bg", { dark: 7, light: 3 }), w = $t(o.value.color, "bg", 5), C = $t(o.value.color, "text", 5), b = g(() => ({
+      wrapper: s.value ? [w.value.class] : [p.value.class],
       indicator: "bg-white shadow"
     })), M = g(() => ({
-      wrapper: s.value ? k.value.style : p.value.style,
+      wrapper: s.value ? w.value.style : p.value.style,
       indicator: s.value ? {} : ""
     })), d = we(o.value), $ = g(() => o.value.color), z = Hn($), D = A(null);
     return J(D, "keydown", (_) => {
       (_.key === "Enter" || _.key === " ") && (s.value = !s.value);
     }), he(s, (_) => {
       r("change", _);
-    }), (_, h) => (w(), S("div", {
+    }), (_, h) => (k(), S("div", {
       ref_key: "wrapperRef",
       ref: D,
       role: "switch",
@@ -8424,7 +8430,7 @@ const Ia = {
       }, _.$attrs, {
         class: "hidden",
         type: "checkbox"
-      }), null, 16, bd), [
+      }), null, 16, gd), [
         [Ba, s.value]
       ]),
       P("label", {
@@ -8456,15 +8462,15 @@ const Ia = {
               "leave-to-class": "scale-0"
             }, {
               default: le(() => [
-                n.indicatorIcon ? (w(), te(De(typeof n.indicatorIcon == "string" ? "i" : n.indicatorIcon), {
+                n.indicatorIcon ? (k(), te(De(typeof n.indicatorIcon == "string" ? "i" : n.indicatorIcon), {
                   key: 0,
                   class: O(["h-full w-full", [typeof n.indicatorIcon == "string" ? n.indicatorIcon : "", s.value ? x(C).class : "text-black"]]),
                   style: V(x(C).style)
-                }, null, 8, ["class", "style"])) : s.value && n.onIndicatorIcon ? (w(), te(De(typeof n.onIndicatorIcon == "string" ? "i" : n.onIndicatorIcon), {
+                }, null, 8, ["class", "style"])) : s.value && n.onIndicatorIcon ? (k(), te(De(typeof n.onIndicatorIcon == "string" ? "i" : n.onIndicatorIcon), {
                   key: 1,
                   class: O(["h-full w-full", [typeof n.onIndicatorIcon == "string" ? n.onIndicatorIcon : "", s.value ? x(C).class : "text-black"]]),
                   style: V(x(C).style)
-                }, null, 8, ["class", "style"])) : !s.value && n.offIndicatorIcon ? (w(), te(De(typeof n.offIndicatorIcon == "string" ? "i" : n.offIndicatorIcon), {
+                }, null, 8, ["class", "style"])) : !s.value && n.offIndicatorIcon ? (k(), te(De(typeof n.offIndicatorIcon == "string" ? "i" : n.offIndicatorIcon), {
                   key: 2,
                   class: O(["h-full w-full", [typeof n.offIndicatorIcon == "string" ? n.offIndicatorIcon : "", s.value ? x(C).class : "text-black"]]),
                   style: V(x(C).style)
@@ -8484,10 +8490,10 @@ const Ia = {
             "leave-to-class": "scale-0 rotate-50 "
           }, {
             default: le(() => [
-              s.value && n.onIcon ? (w(), te(De(typeof n.onIcon == "string" ? "i" : n.onIcon), {
+              s.value && n.onIcon ? (k(), te(De(typeof n.onIcon == "string" ? "i" : n.onIcon), {
                 key: "on",
                 class: O(["left-0 top-1/2 absolute -translate-y-50%", [u.value.icon, `text-${o.value.color}-on-container-low`, typeof n.onIcon == "string" ? n.onIcon : ""]])
-              }, null, 8, ["class"])) : !s.value && n.offIcon ? (w(), te(De(typeof n.offIcon == "string" ? "i" : n.offIcon), {
+              }, null, 8, ["class"])) : !s.value && n.offIcon ? (k(), te(De(typeof n.offIcon == "string" ? "i" : n.offIcon), {
                 key: "off",
                 class: O(["right-0 top-1/2 absolute -translate-y-50%", [u.value.icon, typeof n.offIcon == "string" ? n.offIcon : ""]])
               }, null, 8, ["class"])) : B("", !0)
@@ -8495,14 +8501,14 @@ const Ia = {
             _: 1
           })
         ], 38)
-      ], 8, yd),
-      _.label ? (w(), S("label", {
+      ], 8, bd),
+      _.label ? (k(), S("label", {
         key: 0,
         for: x(v)
-      }, ae(_.label), 9, xd)) : B("", !0)
+      }, ae(_.label), 9, yd)) : B("", !0)
     ], 6));
   }
-}), wd = { class: "py-2 h-full" }, Af = /* @__PURE__ */ U({
+}), xd = { class: "py-2 h-full" }, Ef = /* @__PURE__ */ U({
   __name: "TabItem",
   props: {
     value: {},
@@ -8544,26 +8550,26 @@ const Ia = {
       type: "outline",
       index: 5
     });
-    return (p, k) => (w(), S("button", pe({
+    return (p, w) => (k(), S("button", pe({
       ref_key: "tabRef",
       ref: a,
       type: "button",
       class: ["rutline-none outline-none flex min-w-20 items-center justify-center relative focus-visible:outline-2 outline-offset-0!", [c.value]]
     }, x(v), { onClick: o }), [
-      l.value ? (w(), S("div", {
+      l.value ? (k(), S("div", {
         key: 0,
         class: O([x(f).class, u.value]),
         style: V([x(f).style])
-      }, null, 6)) : (w(), S("div", {
+      }, null, 6)) : (k(), S("div", {
         key: 1,
         class: O([u.value])
       }, null, 2)),
-      P("div", wd, [
+      P("div", xd, [
         j(p.$slots, "default")
       ])
     ], 16));
   }
-}), Vf = /* @__PURE__ */ U({
+}), Af = /* @__PURE__ */ U({
   __name: "Tabs",
   props: /* @__PURE__ */ ge({
     defaultValue: {},
@@ -8636,7 +8642,7 @@ const Ia = {
           return "flex-row";
       }
     });
-    return (c, u) => (w(), S("div", {
+    return (c, u) => (k(), S("div", {
       ref_key: "tabRef",
       ref: l,
       class: O(["inline-flex", [i.value]])
@@ -8644,7 +8650,7 @@ const Ia = {
       j(c.$slots, "default")
     ], 2));
   }
-}), Lf = /* @__PURE__ */ U({
+}), Vf = /* @__PURE__ */ U({
   __name: "Tag",
   props: {
     color: { default: void 0 },
@@ -8675,7 +8681,7 @@ const Ia = {
       const f = kn();
       return !!(f.onClick || f.onDblclick || f.onMousedown || f.onMouseup);
     }), u = Ri(i, s, c);
-    return (f, v) => (w(), S("span", {
+    return (f, v) => (k(), S("span", {
       tabindex: -1,
       style: V([x(u).style, x(o).style]),
       class: O([[x(u).class, x(o).class, l.value, { "cursor-pointer": c.value }], "border inline-flex gap-1 h-fit items-center"])
@@ -8685,7 +8691,7 @@ const Ia = {
       f.$slots.rightSection ? j(f.$slots, "rightSection", { key: 1 }) : B("", !0)
     ], 6));
   }
-}), kd = ["data-scheme"], Bf = /* @__PURE__ */ U({
+}), wd = ["data-scheme"], Lf = /* @__PURE__ */ U({
   __name: "ThemeProvider",
   props: {
     theme: {},
@@ -8693,15 +8699,15 @@ const Ia = {
   },
   setup(e) {
     const t = e, n = Ce(), r = g(() => Wl(t.theme || n.value)), a = Hl("scheme", "light"), l = g(() => t.scheme || a.value);
-    return (o, s) => (w(), S("div", {
+    return (o, s) => (k(), S("div", {
       style: V([r.value]),
       "data-scheme": l.value,
       "data-theme": "default"
     }, [
       j(o.$slots, "default")
-    ], 12, kd));
+    ], 12, wd));
   }
-}), Of = /* @__PURE__ */ U({
+}), Bf = /* @__PURE__ */ U({
   __name: "Tooltip",
   props: {
     timeout: { default: 200 }
@@ -8710,14 +8716,14 @@ const Ia = {
     const t = e, n = jn(), r = A(null), a = lt(r), l = tu(a, t.timeout), o = A(0), s = A(0), i = A(null), c = lt(i);
     return he(l, (u, f) => {
       l.value && u !== f && (o.value = n.x.value, s.value = n.y.value);
-    }), (u, f) => (w(), S("div", null, [
+    }), (u, f) => (k(), S("div", null, [
       P("div", {
         ref_key: "hoverableRef",
         ref: r
       }, [
         j(u.$slots, "default")
       ], 512),
-      o.value && s.value && (x(l) || x(c)) ? (w(), S("div", {
+      o.value && s.value && (x(l) || x(c)) ? (k(), S("div", {
         key: 0,
         ref_key: "tooltipRef",
         ref: i,
@@ -8736,7 +8742,7 @@ const Ia = {
       ], 4)) : B("", !0)
     ]));
   }
-}), Md = 'before:absolute before:left-4 before:h-full before:border-r before:content-[""]', ln = "relative h-8 py-1 pr-1 w-full flex items-center gap-2 cursor-pointer focus-visible:outline-none focus-visible:bg-surface-variant-1", Hf = /* @__PURE__ */ U({
+}), kd = 'before:absolute before:left-4 before:h-full before:border-r before:content-[""]', ln = "relative h-8 py-1 pr-1 w-full flex items-center gap-2 cursor-pointer focus-visible:outline-none focus-visible:bg-surface-variant-1", Of = /* @__PURE__ */ U({
   __name: "TreeList",
   props: /* @__PURE__ */ ge({
     items: {},
@@ -8766,7 +8772,7 @@ const Ia = {
       for (const d of t.items)
         l(d) && p(d);
     });
-    function k({
+    function w({
       data: d,
       level: $
     }) {
@@ -8784,7 +8790,7 @@ const Ia = {
         default: () => z
       }), pe({
         tabindex: 0,
-        class: [r.value.class, Md, {
+        class: [r.value.class, kd, {
           [s.value]: a.value !== d.value,
           [i.value]: a.value === d.value
         }],
@@ -8846,7 +8852,7 @@ const Ia = {
       }, [d.title])])]), ee(go, null, {
         default: () => [v.value.get(d) && ee("ul", {
           class: "transition-height overflow-hidden"
-        }, [d.children?.map((h) => o(h) ? ee(k, {
+        }, [d.children?.map((h) => o(h) ? ee(w, {
           data: h,
           level: $ + 1
         }, null) : l(h) ? ee(b, {
@@ -8862,7 +8868,7 @@ const Ia = {
       data: d,
       level: $
     }) {
-      return o(d) ? ee(k, {
+      return o(d) ? ee(w, {
         data: d,
         level: $
       }, null) : l(d) ? ee(b, {
@@ -8873,18 +8879,18 @@ const Ia = {
         level: $
       }, null);
     }
-    return (d, $) => (w(), S("ul", {
+    return (d, $) => (k(), S("ul", {
       ref_key: "treeListRef",
       ref: f,
       class: "text-sm flex flex-col"
-    }, [(w(!0), S(ie, null, $e(d.items, (z, D) => (w(), te(M, {
+    }, [(k(!0), S(ie, null, $e(d.items, (z, D) => (k(), te(M, {
       key: D,
       data: z,
       level: 0
     }, null, 8, ["data"]))), 128))], 512));
   }
 });
-function $d(e, t) {
+function Md(e, t) {
   let n, r, a;
   const l = K(!0), o = () => {
     l.value = !0, a();
@@ -8903,15 +8909,15 @@ function $d(e, t) {
 function Ur(e) {
   return Aa() ? (Va(e), !0) : !1;
 }
-const wr = /* @__PURE__ */ new WeakMap(), Sd = (...e) => {
+const wr = /* @__PURE__ */ new WeakMap(), $d = (...e) => {
   var t;
   const n = e[0], r = (t = vt()) == null ? void 0 : t.proxy;
   if (r == null && !xn())
     throw new Error("injectLocal must be called in setup");
   return r && wr.has(r) && n in wr.get(r) ? wr.get(r)[n] : Xe(...e);
-}, Cd = typeof window < "u" && typeof document < "u";
+}, Sd = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const zd = (e) => e != null, _d = Object.prototype.toString, Td = (e) => _d.call(e) === "[object Object]", St = () => {
+const Cd = (e) => e != null, zd = Object.prototype.toString, _d = (e) => zd.call(e) === "[object Object]", St = () => {
 };
 function ql(e, t) {
   function n(...r) {
@@ -8921,7 +8927,7 @@ function ql(e, t) {
   }
   return n;
 }
-function Id(e, t = {}) {
+function Td(e, t = {}) {
   let n, r, a = St;
   const l = (s) => {
     clearTimeout(s), a(), a = St;
@@ -8938,17 +8944,17 @@ function Id(e, t = {}) {
     });
   };
 }
-function Dd(...e) {
+function Id(...e) {
   let t = 0, n, r = !0, a = St, l, o, s, i, c;
   !Tr(e[0]) && typeof e[0] == "object" ? { delay: o, trailing: s = !0, leading: i = !0, rejectOnCancel: c = !1 } = e[0] : [o, s = !0, i = !0, c = !1] = e;
   const u = () => {
     n && (clearTimeout(n), n = void 0, a(), a = St);
   };
   return (f) => {
-    const v = Y(o), p = Date.now() - t, k = () => l = f();
-    return u(), v <= 0 ? (t = Date.now(), k()) : (p > v && (i || !r) ? (t = Date.now(), k()) : s && (l = new Promise((C, b) => {
+    const v = Y(o), p = Date.now() - t, w = () => l = f();
+    return u(), v <= 0 ? (t = Date.now(), w()) : (p > v && (i || !r) ? (t = Date.now(), w()) : s && (l = new Promise((C, b) => {
       a = c ? b : C, n = setTimeout(() => {
-        t = Date.now(), r = !0, C(k()), u();
+        t = Date.now(), r = !0, C(w()), u();
       }, Math.max(0, v - p));
     })), !i && !n && (n = setTimeout(() => r = !0, v)), r = !1, l);
   };
@@ -8959,25 +8965,25 @@ function Da(e) {
 function cn(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Rd(e) {
+function Dd(e) {
   return vt();
 }
-function Pd(e, t = 200, n = {}) {
+function Rd(e, t = 200, n = {}) {
   return ql(
-    Id(t, n),
+    Td(t, n),
     e
   );
 }
-function Ed(e, t = 200, n = !1, r = !0, a = !1) {
+function Pd(e, t = 200, n = !1, r = !0, a = !1) {
   return ql(
-    Dd(t, n, r, a),
+    Id(t, n, r, a),
     e
   );
 }
 function Wn(e, t = !0, n) {
-  Rd() ? Ee(e, n) : t ? e() : ut(e);
+  Dd() ? Ee(e, n) : t ? e() : ut(e);
 }
-function Ad(e, t, n) {
+function Ed(e, t, n) {
   return he(
     e,
     t,
@@ -8987,7 +8993,7 @@ function Ad(e, t, n) {
     }
   );
 }
-const Qt = Cd ? window : void 0;
+const Qt = Sd ? window : void 0;
 function Ue(e) {
   var t;
   const n = Y(e);
@@ -8999,7 +9005,7 @@ function Ct(...e) {
   }, r = (s, i, c, u) => (s.addEventListener(i, c, u), () => s.removeEventListener(i, c, u)), a = g(() => {
     const s = cn(Y(e[0])).filter((i) => i != null);
     return s.every((i) => typeof i != "string") ? s : void 0;
-  }), l = Ad(
+  }), l = Ed(
     () => {
       var s, i;
       return [
@@ -9013,11 +9019,11 @@ function Ct(...e) {
     ([s, i, c, u]) => {
       if (n(), !(s != null && s.length) || !(i != null && i.length) || !(c != null && c.length))
         return;
-      const f = Td(u) ? { ...u } : u;
+      const f = _d(u) ? { ...u } : u;
       t.push(
         ...s.flatMap(
           (v) => i.flatMap(
-            (p) => c.map((k) => r(v, p, k, f))
+            (p) => c.map((w) => r(v, p, w, f))
           )
         )
       );
@@ -9028,14 +9034,14 @@ function Ct(...e) {
   };
   return Ur(n), o;
 }
-function Vd() {
+function Ad() {
   const e = K(!1), t = vt();
   return t && Ee(() => {
     e.value = !0;
   }, t), e;
 }
 function Kr(e) {
-  const t = Vd();
+  const t = Ad();
   return g(() => (t.value, !!e()));
 }
 function Gl(e, t, n = {}) {
@@ -9044,7 +9050,7 @@ function Gl(e, t, n = {}) {
   const o = Kr(() => r && "MutationObserver" in r), s = () => {
     l && (l.disconnect(), l = void 0);
   }, i = g(() => {
-    const v = Y(e), p = cn(v).map(Ue).filter(zd);
+    const v = Y(e), p = cn(v).map(Ue).filter(Cd);
     return new Set(p);
   }), c = he(
     () => i.value,
@@ -9061,13 +9067,13 @@ function Gl(e, t, n = {}) {
     takeRecords: u
   };
 }
-const Ld = Symbol("vueuse-ssr-width");
-function Bd() {
-  const e = xn() ? Sd(Ld, null) : null;
+const Vd = Symbol("vueuse-ssr-width");
+function Ld() {
+  const e = xn() ? $d(Vd, null) : null;
   return typeof e == "number" ? e : void 0;
 }
-function Od(e, t = {}) {
-  const { window: n = Qt, ssrWidth: r = Bd() } = t, a = Kr(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), l = K(typeof r == "number"), o = K(), s = K(!1), i = (c) => {
+function Bd(e, t = {}) {
+  const { window: n = Qt, ssrWidth: r = Ld() } = t, a = Kr(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), l = K(typeof r == "number"), o = K(), s = K(!1), i = (c) => {
     s.value = c.matches;
   };
   return Ve(() => {
@@ -9076,16 +9082,16 @@ function Od(e, t = {}) {
       const c = Y(e).split(",");
       s.value = c.some((u) => {
         const f = u.includes("not all"), v = u.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), p = u.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let k = !!(v || p);
-        return v && k && (k = r >= Da(v[1])), p && k && (k = r <= Da(p[1])), f ? !k : k;
+        let w = !!(v || p);
+        return v && w && (w = r >= Da(v[1])), p && w && (w = r <= Da(p[1])), f ? !w : w;
       });
       return;
     }
     a.value && (o.value = n.matchMedia(Y(e)), s.value = o.value.matches);
   }), Ct(o, "change", i, { passive: !0 }), g(() => s.value);
 }
-function Hd(e) {
-  const t = vt(), n = $d(
+function Od(e) {
+  const t = vt(), n = Md(
     () => null,
     () => t.proxy.$el
   );
@@ -9124,15 +9130,15 @@ function Ra(e, t = {}) {
     windowScroll: a = !0,
     immediate: l = !0,
     updateTiming: o = "sync"
-  } = t, s = K(0), i = K(0), c = K(0), u = K(0), f = K(0), v = K(0), p = K(0), k = K(0);
+  } = t, s = K(0), i = K(0), c = K(0), u = K(0), f = K(0), v = K(0), p = K(0), w = K(0);
   function C() {
     const M = Ue(e);
     if (!M) {
-      n && (s.value = 0, i.value = 0, c.value = 0, u.value = 0, f.value = 0, v.value = 0, p.value = 0, k.value = 0);
+      n && (s.value = 0, i.value = 0, c.value = 0, u.value = 0, f.value = 0, v.value = 0, p.value = 0, w.value = 0);
       return;
     }
     const d = M.getBoundingClientRect();
-    s.value = d.height, i.value = d.bottom, c.value = d.left, u.value = d.right, f.value = d.top, v.value = d.width, p.value = d.x, k.value = d.y;
+    s.value = d.height, i.value = d.bottom, c.value = d.left, u.value = d.right, f.value = d.top, v.value = d.width, p.value = d.x, w.value = d.y;
   }
   function b() {
     o === "sync" ? C() : o === "next-frame" && requestAnimationFrame(() => C());
@@ -9149,7 +9155,7 @@ function Ra(e, t = {}) {
     top: f,
     width: v,
     x: p,
-    y: k,
+    y: w,
     update: b
   };
 }
@@ -9182,7 +9188,7 @@ function Ea(e, t = {}) {
     set(h) {
       C(h, void 0);
     }
-  }), k = g({
+  }), w = g({
     get() {
       return v.value;
     },
@@ -9198,12 +9204,12 @@ function Ea(e, t = {}) {
     if (!F)
       return;
     (I = F instanceof Document ? c.document.body : F) == null || I.scrollTo({
-      top: (m = Y(y)) != null ? m : k.value,
+      top: (m = Y(y)) != null ? m : w.value,
       left: (T = Y(h)) != null ? T : p.value,
       behavior: Y(i)
     });
     const L = ((W = F?.document) == null ? void 0 : W.documentElement) || F?.documentElement || F;
-    p != null && (f.value = L.scrollLeft), k != null && (v.value = L.scrollTop);
+    p != null && (f.value = L.scrollLeft), w != null && (v.value = L.scrollTop);
   }
   const b = K(!1), M = wt({
     left: !0,
@@ -9217,7 +9223,7 @@ function Ea(e, t = {}) {
     bottom: !1
   }), $ = (h) => {
     b.value && (b.value = !1, d.left = !1, d.right = !1, d.top = !1, d.bottom = !1, a(h));
-  }, z = Pd($, n + r), D = (h) => {
+  }, z = Rd($, n + r), D = (h) => {
     var y;
     if (!c)
       return;
@@ -9239,7 +9245,7 @@ function Ea(e, t = {}) {
   return Ct(
     e,
     "scroll",
-    n ? Ed(_, n, !0, !1) : _,
+    n ? Pd(_, n, !0, !1) : _,
     s
   ), Wn(() => {
     try {
@@ -9257,7 +9263,7 @@ function Ea(e, t = {}) {
     s
   ), {
     x: p,
-    y: k,
+    y: w,
     isScrolling: b,
     arrivedState: M,
     directions: d,
@@ -9267,14 +9273,14 @@ function Ea(e, t = {}) {
     }
   };
 }
-function Nd(e = Hd()) {
+function Hd(e = Od()) {
   const t = K(), n = () => {
     const r = Ue(e);
     r && (t.value = r.parentElement);
   };
   return Wn(n), he(() => Y(e), n), t;
 }
-function jd(e, t = {}) {
+function Nd(e, t = {}) {
   const {
     initialHeight: n = Number.POSITIVE_INFINITY,
     listenOrientation: r = !0
@@ -9282,12 +9288,12 @@ function jd(e, t = {}) {
     l.value && (a.value = l.value.clientWidth);
   };
   if (o(), Wn(o), Ct("resize", o, { passive: !0 }), yn(() => l.value, o), r) {
-    const s = Od("(orientation: portrait)");
+    const s = Bd("(orientation: portrait)");
     he(s, () => o());
   }
   return a;
 }
-const Nf = /* @__PURE__ */ U({
+const Hf = /* @__PURE__ */ U({
   __name: "Waterfall",
   props: {
     gap: {},
@@ -9305,14 +9311,14 @@ const Nf = /* @__PURE__ */ U({
     resizeDebounce: {}
   },
   setup(e, { expose: t }) {
-    const n = e, r = zt(), a = g(() => x(n.rangeExpand) ?? 0), l = g(() => x(n.gap) ?? 16), o = g(() => x(n.paddingX) ?? 0), s = g(() => x(n.paddingY) ?? 0), i = g(() => x(n.yGap) ?? 0), c = g(() => x(n.resizeDebounce) ?? 200), u = A(null), f = Nd(u), v = g(() => x(n.scrollElement) ?? f.value), p = g(() => x(n.cols) ?? 3), k = g(() => x(n.autoMeasure) ?? !n.items);
+    const n = e, r = zt(), a = g(() => x(n.rangeExpand) ?? 0), l = g(() => x(n.gap) ?? 16), o = g(() => x(n.paddingX) ?? 0), s = g(() => x(n.paddingY) ?? 0), i = g(() => x(n.yGap) ?? 0), c = g(() => x(n.resizeDebounce) ?? 200), u = A(null), f = Hd(u), v = g(() => x(n.scrollElement) ?? f.value), p = g(() => x(n.cols) ?? 3), w = g(() => x(n.autoMeasure) ?? !n.items);
     function C(G) {
       return Array.isArray(G);
     }
     const b = g(() => {
       var G, ne;
       return n.itemWidth ? x(n.itemWidth) * p.value + l.value * (p.value - 1) + o.value * 2 : n.wrapperWidth ? x(n.wrapperWidth) : ((ne = (G = u.value) == null ? void 0 : G.parentElement) == null ? void 0 : ne.clientWidth) ?? 0;
-    }), M = g(() => n.itemWidth ? x(n.itemWidth) : (b.value - o.value * 2 - l.value * (p.value - 1)) / p.value), d = A([]), $ = A(!1), z = A([]), D = g(() => k.value ? d.value : x(n.items) || []), _ = g(() => D.value.map((G) => {
+    }), M = g(() => n.itemWidth ? x(n.itemWidth) : (b.value - o.value * 2 - l.value * (p.value - 1)) / p.value), d = A([]), $ = A(!1), z = A([]), D = g(() => w.value ? d.value : x(n.items) || []), _ = g(() => D.value.map((G) => {
       if (G.width === 0 || M.value === 0)
         return {
           width: M.value,
@@ -9323,7 +9329,7 @@ const Nf = /* @__PURE__ */ U({
         width: M.value,
         height: re
       };
-    })), h = jd(u), y = g(() => (h.value - b.value) / 2);
+    })), h = Nd(u), y = g(() => (h.value - b.value) / 2);
     function m(G, ne, re, me) {
       const ke = x(G), Be = Array.from({ length: x(ne) }).fill(0), en = [], Kl = Math.max(0, b.value - x(me) * 2 - M.value * ke.length - x(re) * ke.length) / 2;
       for (let Xn = 0; Xn < ke.length; Xn++) {
@@ -9339,7 +9345,7 @@ const Nf = /* @__PURE__ */ U({
       if (!C(T.value))
         return 0;
       if (T.value.length === 0) {
-        if (k.value && I.value.length > 0)
+        if (w.value && I.value.length > 0)
           if ($.value && d.value.length > 0) {
             const G = d.value.length, ne = Math.min(p.value, G), re = Math.ceil(G / ne), me = d.value.reduce((ke, Be) => ke + Be.height * M.value / Be.width, 0) / G;
             return re * (me + l.value) + s.value * 2;
@@ -9397,7 +9403,7 @@ const Nf = /* @__PURE__ */ U({
       Fn();
     }, c.value);
     function Fn() {
-      if (!k.value)
+      if (!w.value)
         return;
       let G = [], ne = !1;
       if (We.value && We.value.children.length > 0) {
@@ -9416,7 +9422,7 @@ const Nf = /* @__PURE__ */ U({
       if (G) {
         for (; z.value.length <= ne; )
           z.value.push(null);
-        if (z.value[ne] = G, k.value) {
+        if (z.value[ne] = G, w.value) {
           yn(G, Ae);
           const re = G.querySelectorAll("img");
           re.length > 0 && re.forEach((me) => {
@@ -9426,22 +9432,22 @@ const Nf = /* @__PURE__ */ U({
       }
     }
     return typeof window < "u" && Gl(We, () => {
-      k.value && Ae();
+      w.value && Ae();
     }, {
       attributes: !0,
       childList: !0,
       subtree: !0,
       characterData: !0
     }), Ee(() => {
-      k.value && ut(() => {
+      w.value && ut(() => {
         Fn(), u.value && yn(u, Ae);
       });
     }), he(I, () => {
-      k.value && ut(() => {
+      w.value && ut(() => {
         Ae();
       });
     }, { deep: !0 }), he(M, () => {
-      k.value && ut(() => {
+      w.value && ut(() => {
         Ae();
       });
     }), t({
@@ -9457,7 +9463,7 @@ const Nf = /* @__PURE__ */ U({
       measureElements: Fn,
       isInitialMeasureDone: $,
       refreshLayout: Ae
-    }), (G, ne) => (w(), S("div", {
+    }), (G, ne) => (k(), S("div", {
       ref_key: "wrapper",
       ref: u,
       class: "vue-wf-waterfall",
@@ -9465,7 +9471,7 @@ const Nf = /* @__PURE__ */ U({
         position: "relative"
       }
     }, [
-      k.value ? (w(), S("div", {
+      w.value ? (k(), S("div", {
         key: 0,
         ref_key: "measureDom",
         ref: We,
@@ -9483,7 +9489,7 @@ const Nf = /* @__PURE__ */ U({
           overflow: "hidden"
         })
       }, [
-        (w(!0), S(ie, null, $e(I.value.slice(0, d.value.length || I.value.length), (re, me) => (w(), te(De(re), {
+        (k(!0), S(ie, null, $e(I.value.slice(0, d.value.length || I.value.length), (re, me) => (k(), te(De(re), {
           key: `measure-${me}`
         }))), 128))
       ], 4)) : B("", !0),
@@ -9498,13 +9504,13 @@ const Nf = /* @__PURE__ */ U({
           position: "relative"
         })
       }, [
-        (w(!0), S(ie, null, $e(je.value, ([re, me]) => (w(), S("div", {
+        (k(!0), S(ie, null, $e(je.value, ([re, me]) => (k(), S("div", {
           key: me,
           ref_for: !0,
           ref: (ke) => Ul(ke, me),
           style: V([F(me), { position: "absolute" }])
         }, [
-          (w(), te(De(re), {
+          (k(), te(De(re), {
             style: V({
               width: `${M.value}px`
             })
@@ -9515,64 +9521,64 @@ const Nf = /* @__PURE__ */ U({
   }
 });
 export {
-  Fd as AppShell,
-  Xd as AspectRatio,
+  Wd as AppShell,
+  Fd as AspectRatio,
   go as AutoHeightTransition,
   ji as Avatar,
   Fe as Btn,
-  of as BtnGroup,
+  lf as BtnGroup,
   se as COLOR_LIGHTNESS_MAP,
   Eu as Calendar,
-  cf as CalendarInput,
-  df as ChatContainer,
-  ff as ChatMessage,
-  vf as ChatSystem,
-  pf as Checkbox,
-  hf as Chip,
-  mf as ColorInput,
-  Jd as ColorPalettePerformance,
-  gf as ColorSwatch,
-  bf as Drawer,
-  yf as Dropzone,
+  uf as CalendarInput,
+  cf as ChatContainer,
+  df as ChatMessage,
+  ff as ChatSystem,
+  vf as Checkbox,
+  pf as Chip,
+  hf as ColorInput,
+  Kd as ColorPalettePerformance,
+  mf as ColorSwatch,
+  gf as Drawer,
+  bf as Dropzone,
   Yr as FullscreenOverlay,
   si as GAMUT_DEFINITIONS,
-  xf as Image,
-  wf as Indicator,
-  kf as Menu,
+  yf as Image,
+  xf as Indicator,
+  wf as Menu,
   Yl as MenuItem,
-  Mf as Modal,
-  $f as ModalSystem,
+  kf as Modal,
+  Mf as ModalSystem,
   _c as Notification,
-  Sf as NotificationSystem,
-  Yd as Notifications,
+  $f as NotificationSystem,
+  Xd as Notifications,
   Rc as Overlay,
   bn as Paper,
-  Cf as PinInput,
+  Sf as PinInput,
   Nc as Popover,
   jc as Progress,
-  zf as Rating,
-  _f as RokuProvider,
+  Cf as Rating,
+  zf as RokuProvider,
   Nl as SURFACE_LIGHTNESS_MAP,
-  Tf as SchemeSwitch,
-  If as ScrollArea,
-  Df as Select,
-  Rf as SelectArea,
-  Pf as Slider,
-  Ef as Step,
+  _f as SchemeSwitch,
+  Tf as ScrollArea,
+  If as Select,
+  Df as SelectArea,
+  Rf as Slider,
+  Pf as Step,
   xr as Switch,
-  Af as TabItem,
-  Vf as Tabs,
-  Lf as Tag,
+  Ef as TabItem,
+  Af as Tabs,
+  Vf as Tag,
   Bc as TextField,
-  Bf as ThemeProvider,
-  Of as Tooltip,
-  Hf as TreeList,
-  Nf as VirtualWaterfall,
-  Nf as Waterfall,
+  Lf as ThemeProvider,
+  Bf as Tooltip,
+  Of as TreeList,
+  Hf as VirtualWaterfall,
+  Hf as Waterfall,
   ci as analyzeColorGamut,
   wi as borderCS,
   $l as childrenElementMapSymbol,
-  Gd as createColorPalette,
+  qd as createColorPalette,
   dt as darkBgIndex,
   Ln as darkBgVariantIndex,
   Rt as darkBorderIndex,
@@ -9586,23 +9592,23 @@ export {
   hi as darkTextVariantIndex,
   xt as defaultThemeData,
   Ml as directionSymbol,
-  af as errorColors,
+  rf as errorColors,
   gr as generateAdaptiveColors,
   mt as generateAdaptiveLightnessMap,
   Or as generateAdvancedColorPalette,
   fi as generateAdvancedColorPaletteCached,
   vi as generateColors,
-  Ud as generateColorsEnhanced,
+  Gd as generateColorsEnhanced,
   ri as generateColorsMap,
   sn as generateColorsOKLCH,
   Dt as generateColorsObjMap,
   Ne as generateColorsObjMapOKLCH,
-  Kd as generateColorsObjMapOKLCHCached,
+  Ud as generateColorsObjMapOKLCHCached,
   di as generateContrastAwareColors,
-  Qd as generateEditorFriendlyColors,
-  Zd as generateOKLCHString,
+  Zd as generateEditorFriendlyColors,
+  Jd as generateOKLCHString,
   gn as getCSInner,
-  ef as getComponentDefault,
+  Qd as getComponentDefault,
   Pe as getThemeColorString,
   jt as isColorInGamut,
   Mt as lightBgIndex,
@@ -9615,15 +9621,15 @@ export {
   Pl as lightSurfaceBgVariantIndex,
   Ge as lightTextIndex,
   mi as lightTextVariantIndex,
-  tf as primaryColors,
+  ef as primaryColors,
   gi as provideTheme,
   Vu as schemeSymbol,
-  nf as secondaryColors,
-  lf as surfaceColors,
+  tf as secondaryColors,
+  af as surfaceColors,
   Al as symbolStyle,
   kl as tabCurrentSymbol,
-  qd as tabValueListSymbol,
-  rf as tertiaryColors,
+  Yd as tabValueListSymbol,
+  nf as tertiaryColors,
   Hr as useButtonCS,
   fe as useCS,
   Au as useClientHeight,
@@ -9635,7 +9641,7 @@ export {
   Vl as useContainerDefaultVariantCS,
   Vt as useContainerFilledCS,
   Di as useContainerLightCS,
-  uf as useEditorFriendlyThemeStyles,
+  sf as useEditorFriendlyThemeStyles,
   Zt as useId,
   Ii as useIndicatorFilledCS,
   Nn as useInputColorStyle,
@@ -9644,7 +9650,7 @@ export {
   Hn as useOutlineCS,
   we as useRounded,
   Lu as useSchemeString,
-  sf as useScrollHeight,
+  of as useScrollHeight,
   Ft as useSurfaceCS,
   yi as useSurfaceColors,
   Ri as useTagCS,