@roku-ui/vue 0.6.1 → 0.6.2

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as A, openBlock as m, createElementBlock as b, normalizeStyle as B, renderSlot as E, computed as v, ref as g, onMounted as ce, Fragment as se, createBlock as L, resolveDynamicComponent as ve, mergeProps as ke, unref as u, createCommentVNode as H, getCurrentScope as Ct, onScopeDispose as At, nextTick as De, getCurrentInstance as at, toRef as Tt, readonly as Fe, customRef as Rt, watch as ne, shallowRef as st, watchEffect as G, withCtx as X, normalizeClass as _, createElementVNode as x, mergeModels as ee, useModel as oe, inject as it, provide as Ye, useAttrs as zt, withDirectives as Le, vModelText as Et, createVNode as Q, Teleport as Ot, Transition as lt, useSlots as Nt, toDisplayString as fe, renderList as ye, withModifiers as ct, withKeys as Bt, reactive as Ht, vModelCheckbox as Pt, isRef as Vt, createTextVNode as It } from "vue";
-const Kn = /* @__PURE__ */ A({
+import { defineComponent as x, openBlock as m, createElementBlock as g, normalizeStyle as C, renderSlot as M, computed as v, ref as b, onMounted as te, Fragment as Q, createBlock as N, resolveDynamicComponent as ce, mergeProps as ye, unref as u, createCommentVNode as T, getCurrentScope as yt, onScopeDispose as wt, nextTick as et, getCurrentInstance as tt, watch as ue, shallowRef as _t, readonly as kt, watchEffect as F, withCtx as W, normalizeClass as y, createElementVNode as k, mergeModels as Y, useModel as K, inject as Ie, provide as ze, useAttrs as xt, withDirectives as Ve, vModelText as St, createVNode as X, Teleport as Mt, Transition as rt, useSlots as $t, toDisplayString as oe, renderList as ve, withModifiers as nt, withKeys as Ct, reactive as At, vModelCheckbox as Tt, isRef as Et, createTextVNode as Rt } from "vue";
+const On = /* @__PURE__ */ x({
   __name: "AspectRatio",
   props: {
     ratio: { default: 1 },
@@ -9,8 +9,8 @@ const Kn = /* @__PURE__ */ A({
     maxHeight: {}
   },
   setup(e) {
-    return (t, r) => (m(), b("div", {
-      style: B({
+    return (t, r) => (m(), g("div", {
+      style: C({
         "--ar-ratio": t.ratio,
         width: t.width,
         "max-width": t.maxWidth,
@@ -19,10 +19,10 @@ const Kn = /* @__PURE__ */ A({
       }),
       class: "relative children:absolute children:top-0 before:block before:h-0 children:h-full children:w-full before:pb-[calc((1/var(--ar-ratio,1))*100%)] before:content-['']"
     }, [
-      E(t.$slots, "default")
+      M(t.$slots, "default")
     ], 4));
   }
-}), Dt = /* @__PURE__ */ A({
+}), zt = /* @__PURE__ */ x({
   __name: "Avatar",
   props: {
     is: { default: "img" },
@@ -43,15 +43,15 @@ const Kn = /* @__PURE__ */ A({
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `--size: ${t.size}rem;` : `--size: ${t.size};`;
       }
-    }), n = g(!1), a = g(null);
+    }), n = b(!1), a = b(null);
     function o() {
       n.value = !0;
     }
-    return ce(() => {
+    return te(() => {
       var s;
       (s = a.value) != null && s.complete && o();
-    }), (s, i) => (m(), b(se, null, [
-      s.src ? (m(), L(ve(s.is), ke({
+    }), (s, l) => (m(), g(Q, null, [
+      s.src ? (m(), N(ce(s.is), ye({
         key: 0,
         ref_key: "img",
         ref: a,
@@ -59,19 +59,41 @@ const Kn = /* @__PURE__ */ A({
         placeholder: "",
         src: s.src,
         class: ["h-[var(--size)] w-[var(--size)] rounded-full object-cover", [{ hidden: !u(n) }, t.class]]
-      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : H("", !0),
-      u(n) ? H("", !0) : (m(), b("div", {
+      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : T("", !0),
+      u(n) ? T("", !0) : (m(), g("div", {
         key: 1,
         class: "h-[var(--size)] w-[var(--size)] animate-pulse border-transparent rounded-full bg-surface-high object-cover",
-        style: B([s.style, u(r)])
+        style: C([s.style, u(r)])
       }, null, 4))
     ], 64));
   }
 });
-function xe(e) {
-  return Ct() ? (At(e), !0) : !1;
+function j(e) {
+  return v(
+    () => ({ style: Bt(e.rounded), class: "rounded-[var(--r-rounded)]" })
+  );
 }
-function Ft() {
+function Bt(e) {
+  const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
+  switch (e) {
+    case "none":
+      return "--r-rounded: 0";
+    case "sm":
+      return "--r-rounded: 0.125rem";
+    case "md":
+      return "--r-rounded: 0.25rem";
+    case "lg":
+      return "--r-rounded: 0.5rem";
+    case "full":
+      return "--r-rounded: 9999px";
+    default:
+      return typeof e == "string" && t.test(e) ? `--r-rounded: ${e};` : typeof e == "number" || !Number.isNaN(Number(e)) ? `--r-rounded: ${e}rem;` : "rounded-[var(--r-rounded)]";
+  }
+}
+function we(e) {
+  return yt() ? (wt(e), !0) : !1;
+}
+function Ot() {
   const e = /* @__PURE__ */ new Set(), t = (a) => {
     e.delete(a);
   };
@@ -79,7 +101,7 @@ function Ft() {
     on: (a) => {
       e.add(a);
       const o = () => t(a);
-      return xe(o), {
+      return we(o), {
         off: o
       };
     },
@@ -87,406 +109,135 @@ function Ft() {
     trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
   };
 }
-function Se(e) {
+function $e(e) {
   return typeof e == "function" ? e() : u(e);
 }
-const ie = typeof window < "u" && typeof document < "u";
+const ae = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Lt = (e) => e != null, Wt = Object.prototype.toString, jt = (e) => Wt.call(e) === "[object Object]", ut = () => {
-}, qt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function Gt(e, t) {
-  function r(...n) {
-    return new Promise((a, o) => {
-      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(a).catch(o);
-    });
-  }
-  return r;
-}
-const dt = (e) => e();
-function Ut(e = dt) {
-  const t = g(!0);
-  function r() {
-    t.value = !1;
-  }
-  function n() {
-    t.value = !0;
-  }
-  const a = (...o) => {
-    t.value && e(...o);
-  };
-  return { isActive: Fe(t), pause: r, resume: n, eventFilter: a };
-}
-function Xt(e) {
-  return e || at();
-}
-function Yt(...e) {
-  if (e.length !== 1)
-    return Tt(...e);
-  const t = e[0];
-  return typeof t == "function" ? Fe(Rt(() => ({ get: t, set: ut }))) : g(t);
-}
-function Jt(e, t, r = {}) {
-  const {
-    eventFilter: n = dt,
-    ...a
-  } = r;
-  return ne(
-    e,
-    Gt(
-      n,
-      t
-    ),
-    a
-  );
-}
-function Kt(e, t, r = {}) {
-  const {
-    eventFilter: n,
-    ...a
-  } = r, { eventFilter: o, pause: s, resume: i, isActive: l } = Ut(n);
-  return { stop: Jt(
-    e,
-    t,
-    {
-      ...a,
-      eventFilter: o
-    }
-  ), pause: s, resume: i, isActive: l };
+const Ht = (e) => e != null, Pt = Object.prototype.toString, Nt = (e) => Pt.call(e) === "[object Object]", It = () => {
+}, Vt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function Dt(e) {
+  return e || tt();
 }
-function We(e, t = !0, r) {
-  Xt() ? ce(e, r) : t ? e() : De(e);
+function Ft(e, t = !0, r) {
+  Dt() ? te(e, r) : t ? e() : et(e);
 }
-function te(e) {
+function J(e) {
   var t;
-  const r = Se(e);
+  const r = $e(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-const Y = ie ? window : void 0, Zt = ie ? window.document : void 0;
-function V(...e) {
+const de = ae ? window : void 0, Lt = ae ? window.document : void 0;
+function P(...e) {
   let t, r, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = Y) : [t, r, n, a] = e, !t)
-    return ut;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = de) : [t, r, n, a] = e, !t)
+    return It;
   Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
   const o = [], s = () => {
     o.forEach((d) => d()), o.length = 0;
-  }, i = (d, f, p, w) => (d.addEventListener(f, p, w), () => d.removeEventListener(f, p, w)), l = ne(
-    () => [te(t), Se(a)],
+  }, l = (d, f, h, w) => (d.addEventListener(f, h, w), () => d.removeEventListener(f, h, w)), i = ue(
+    () => [J(t), $e(a)],
     ([d, f]) => {
       if (s(), !d)
         return;
-      const p = jt(f) ? { ...f } : f;
+      const h = Nt(f) ? { ...f } : f;
       o.push(
-        ...r.flatMap((w) => n.map((S) => i(d, w, S, p)))
+        ...r.flatMap((w) => n.map((A) => l(d, w, A, h)))
       );
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), s();
+    i(), s();
   };
-  return xe(c), c;
+  return we(c), c;
 }
-function Qt(e) {
+function Wt(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 }
-function Oe(...e) {
+function Ee(...e) {
   let t, r, n = {};
   e.length === 3 ? (t = e[0], r = e[1], n = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, r = e[0], n = e[1]) : (t = e[0], r = e[1]) : (t = !0, r = e[0]);
   const {
-    target: a = Y,
+    target: a = de,
     eventName: o = "keydown",
     passive: s = !1,
-    dedupe: i = !1
-  } = n, l = Qt(t);
-  return V(a, o, (d) => {
-    d.repeat && Se(i) || l(d) && r(d);
+    dedupe: l = !1
+  } = n, i = Wt(t);
+  return P(a, o, (d) => {
+    d.repeat && $e(l) || i(d) && r(d);
   }, s);
 }
-function er() {
-  const e = g(!1);
-  return at() && ce(() => {
+function jt() {
+  const e = b(!1);
+  return tt() && te(() => {
     e.value = !0;
   }), e;
 }
-function je(e) {
-  const t = er();
+function De(e) {
+  const t = jt();
   return v(() => (t.value, !!e()));
 }
-function tr(e, t = {}) {
-  const { window: r = Y } = t, n = je(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
+function Ge(e, t = {}) {
+  const { window: r = de } = t, n = De(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
   let a;
-  const o = g(!1), s = (c) => {
+  const o = b(!1), s = (c) => {
     o.value = c.matches;
-  }, i = () => {
+  }, l = () => {
     a && ("removeEventListener" in a ? a.removeEventListener("change", s) : a.removeListener(s));
-  }, l = G(() => {
-    n.value && (i(), a = r.matchMedia(Se(e)), "addEventListener" in a ? a.addEventListener("change", s) : a.addListener(s), o.value = a.matches);
+  }, i = F(() => {
+    n.value && (l(), a = r.matchMedia($e(e)), "addEventListener" in a ? a.addEventListener("change", s) : a.addListener(s), o.value = a.matches);
   });
-  return xe(() => {
-    l(), i(), a = void 0;
+  return we(() => {
+    i(), l(), a = void 0;
   }), o;
 }
-const Me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $e = "__vueuse_ssr_handlers__", rr = /* @__PURE__ */ nr();
-function nr() {
-  return $e in Me || (Me[$e] = Me[$e] || {}), Me[$e];
-}
-function ft(e, t) {
-  return rr[e] || t;
-}
-function or(e) {
-  return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
-}
-const ar = {
-  boolean: {
-    read: (e) => e === "true",
-    write: (e) => String(e)
-  },
-  object: {
-    read: (e) => JSON.parse(e),
-    write: (e) => JSON.stringify(e)
-  },
-  number: {
-    read: (e) => Number.parseFloat(e),
-    write: (e) => String(e)
-  },
-  any: {
-    read: (e) => e,
-    write: (e) => String(e)
-  },
-  string: {
-    read: (e) => e,
-    write: (e) => String(e)
-  },
-  map: {
-    read: (e) => new Map(JSON.parse(e)),
-    write: (e) => JSON.stringify(Array.from(e.entries()))
-  },
-  set: {
-    read: (e) => new Set(JSON.parse(e)),
-    write: (e) => JSON.stringify(Array.from(e))
-  },
-  date: {
-    read: (e) => new Date(e),
-    write: (e) => e.toISOString()
-  }
-}, Je = "vueuse-storage";
-function sr(e, t, r, n = {}) {
-  var a;
-  const {
-    flush: o = "pre",
-    deep: s = !0,
-    listenToStorageChanges: i = !0,
-    writeDefaults: l = !0,
-    mergeDefaults: c = !1,
-    shallow: d,
-    window: f = Y,
-    eventFilter: p,
-    onError: w = (y) => {
-      console.error(y);
-    },
-    initOnMounted: S
-  } = n, k = (d ? st : g)(typeof t == "function" ? t() : t);
-  if (!r)
-    try {
-      r = ft("getDefaultStorage", () => {
-        var y;
-        return (y = Y) == null ? void 0 : y.localStorage;
-      })();
-    } catch (y) {
-      w(y);
-    }
-  if (!r)
-    return k;
-  const O = Se(t), W = or(O), I = (a = n.serializer) != null ? a : ar[W], { pause: M, resume: C } = Kt(
-    k,
-    () => P(k.value),
-    { flush: o, deep: s, eventFilter: p }
-  );
-  return f && i && We(() => {
-    V(f, "storage", R), V(f, Je, N), S && R();
-  }), S || R(), k;
-  function P(y) {
-    try {
-      if (y == null)
-        r.removeItem(e);
-      else {
-        const $ = I.write(y), J = r.getItem(e);
-        J !== $ && (r.setItem(e, $), f && f.dispatchEvent(new CustomEvent(Je, {
-          detail: {
-            key: e,
-            oldValue: J,
-            newValue: $,
-            storageArea: r
-          }
-        })));
-      }
-    } catch ($) {
-      w($);
-    }
-  }
-  function T(y) {
-    const $ = y ? y.newValue : r.getItem(e);
-    if ($ == null)
-      return l && O != null && r.setItem(e, I.write(O)), O;
-    if (!y && c) {
-      const J = I.read($);
-      return typeof c == "function" ? c(J, O) : W === "object" && !Array.isArray(J) ? { ...O, ...J } : J;
-    } else
-      return typeof $ != "string" ? $ : I.read($);
-  }
-  function N(y) {
-    R(y.detail);
-  }
-  function R(y) {
-    if (!(y && y.storageArea !== r)) {
-      if (y && y.key == null) {
-        k.value = O;
-        return;
-      }
-      if (!(y && y.key !== e)) {
-        M();
-        try {
-          (y == null ? void 0 : y.newValue) !== I.write(k.value) && (k.value = T(y));
-        } catch ($) {
-          w($);
-        } finally {
-          y ? De(C) : C();
-        }
-      }
-    }
-  }
-}
-function pt(e) {
-  return tr("(prefers-color-scheme: dark)", e);
-}
-function ir(e = {}) {
-  const {
-    selector: t = "html",
-    attribute: r = "class",
-    initialValue: n = "auto",
-    window: a = Y,
-    storage: o,
-    storageKey: s = "vueuse-color-scheme",
-    listenToStorageChanges: i = !0,
-    storageRef: l,
-    emitAuto: c,
-    disableTransition: d = !0
-  } = e, f = {
-    auto: "",
-    light: "light",
-    dark: "dark",
-    ...e.modes || {}
-  }, p = pt({ window: a }), w = v(() => p.value ? "dark" : "light"), S = l || (s == null ? Yt(n) : sr(s, n, o, { window: a, listenToStorageChanges: i })), k = v(() => S.value === "auto" ? w.value : S.value), O = ft(
-    "updateHTMLAttrs",
-    (C, P, T) => {
-      const N = typeof C == "string" ? a == null ? void 0 : a.document.querySelector(C) : te(C);
-      if (!N)
-        return;
-      let R;
-      if (d && (R = a.document.createElement("style"), R.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), a.document.head.appendChild(R)), P === "class") {
-        const y = T.split(/\s/g);
-        Object.values(f).flatMap(($) => ($ || "").split(/\s/g)).filter(Boolean).forEach(($) => {
-          y.includes($) ? N.classList.add($) : N.classList.remove($);
-        });
-      } else
-        N.setAttribute(P, T);
-      d && (a.getComputedStyle(R).opacity, document.head.removeChild(R));
-    }
-  );
-  function W(C) {
-    var P;
-    O(t, r, (P = f[C]) != null ? P : C);
-  }
-  function I(C) {
-    e.onChanged ? e.onChanged(C, W) : W(C);
-  }
-  ne(k, I, { flush: "post", immediate: !0 }), We(() => I(k.value));
-  const M = v({
-    get() {
-      return c ? S.value : k.value;
-    },
-    set(C) {
-      S.value = C;
-    }
-  });
-  try {
-    return Object.assign(M, { store: S, system: w, state: k });
-  } catch {
-    return M;
-  }
-}
-function lr(e, t, r = {}) {
-  const { window: n = Y, ...a } = r;
+function Gt(e, t, r = {}) {
+  const { window: n = de, ...a } = r;
   let o;
-  const s = je(() => n && "MutationObserver" in n), i = () => {
+  const s = De(() => n && "MutationObserver" in n), l = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = ne(
-    () => te(e),
+  }, i = ue(
+    () => J(e),
     (f) => {
-      i(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
+      l(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
     },
     { immediate: !0 }
   ), c = () => o == null ? void 0 : o.takeRecords(), d = () => {
-    i(), l();
+    l(), i();
   };
-  return xe(d), {
+  return we(d), {
     isSupported: s,
     stop: d,
     takeRecords: c
   };
 }
-function cr(e = {}) {
-  const {
-    valueDark: t = "dark",
-    valueLight: r = "",
-    window: n = Y
-  } = e, a = ir({
-    ...e,
-    onChanged: (i, l) => {
-      var c;
-      e.onChanged ? (c = e.onChanged) == null || c.call(e, i === "dark", l, i) : l(i);
-    },
-    modes: {
-      dark: t,
-      light: r
-    }
-  }), o = v(() => a.system ? a.system.value : pt({ window: n }).value ? "dark" : "light");
-  return v({
-    get() {
-      return a.value === "dark";
-    },
-    set(i) {
-      const l = i ? "dark" : "light";
-      o.value === l ? a.value = "auto" : a.value = l;
-    }
-  });
-}
-function ur(e, t = {}) {
-  const r = g(!1), n = st(null);
+function Ut(e, t = {}) {
+  const r = b(!1), n = _t(null);
   let a = 0, o = !0;
-  if (ie) {
-    const s = typeof t == "function" ? { onDrop: t } : t, i = (l) => {
+  if (ae) {
+    const s = typeof t == "function" ? { onDrop: t } : t, l = (i) => {
       var c, d;
-      const f = Array.from((d = (c = l.dataTransfer) == null ? void 0 : c.files) != null ? d : []);
+      const f = Array.from((d = (c = i.dataTransfer) == null ? void 0 : c.files) != null ? d : []);
       return n.value = f.length === 0 ? null : f;
     };
-    V(e, "dragenter", (l) => {
+    P(e, "dragenter", (i) => {
       var c, d;
-      const f = Array.from(((c = l == null ? void 0 : l.dataTransfer) == null ? void 0 : c.items) || []).map((p) => p.kind === "file" ? p.type : null).filter(Lt);
-      if (s.dataTypes && l.dataTransfer) {
-        const p = u(s.dataTypes);
-        if (o = typeof p == "function" ? p(f) : p ? p.some((w) => f.includes(w)) : !0, !o)
+      const f = Array.from(((c = i == null ? void 0 : i.dataTransfer) == null ? void 0 : c.items) || []).map((h) => h.kind === "file" ? h.type : null).filter(Ht);
+      if (s.dataTypes && i.dataTransfer) {
+        const h = u(s.dataTypes);
+        if (o = typeof h == "function" ? h(f) : h ? h.some((w) => f.includes(w)) : !0, !o)
           return;
       }
-      l.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, i(l), l);
-    }), V(e, "dragover", (l) => {
+      i.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, l(i), i);
+    }), P(e, "dragover", (i) => {
       var c;
-      o && (l.preventDefault(), (c = s.onOver) == null || c.call(s, i(l), l));
-    }), V(e, "dragleave", (l) => {
+      o && (i.preventDefault(), (c = s.onOver) == null || c.call(s, l(i), i));
+    }), P(e, "dragleave", (i) => {
       var c;
-      o && (l.preventDefault(), a -= 1, a === 0 && (r.value = !1), (c = s.onLeave) == null || c.call(s, i(l), l));
-    }), V(e, "drop", (l) => {
+      o && (i.preventDefault(), a -= 1, a === 0 && (r.value = !1), (c = s.onLeave) == null || c.call(s, l(i), i));
+    }), P(e, "drop", (i) => {
       var c;
-      l.preventDefault(), a = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, i(l), l);
+      i.preventDefault(), a = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, l(i), i);
     });
   }
   return {
@@ -494,122 +245,122 @@ function ur(e, t = {}) {
     isOverDropZone: r
   };
 }
-function dr(e, t, r = {}) {
-  const { window: n = Y, ...a } = r;
+function qt(e, t, r = {}) {
+  const { window: n = de, ...a } = r;
   let o;
-  const s = je(() => n && "ResizeObserver" in n), i = () => {
+  const s = De(() => n && "ResizeObserver" in n), l = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = v(() => Array.isArray(e) ? e.map((f) => te(f)) : [te(e)]), c = ne(
-    l,
+  }, i = v(() => Array.isArray(e) ? e.map((f) => J(f)) : [J(e)]), c = ue(
+    i,
     (f) => {
-      if (i(), s.value && n) {
+      if (l(), s.value && n) {
         o = new ResizeObserver(t);
-        for (const p of f)
-          p && o.observe(p, a);
+        for (const h of f)
+          h && o.observe(h, a);
       }
     },
     { immediate: !0, flush: "post", deep: !0 }
   ), d = () => {
-    i(), c();
+    l(), c();
   };
-  return xe(d), {
+  return we(d), {
     isSupported: s,
     stop: d
   };
 }
-function fr(e, t = {}) {
+function Xt(e, t = {}) {
   const {
     reset: r = !0,
     windowResize: n = !0,
     windowScroll: a = !0,
     immediate: o = !0
-  } = t, s = g(0), i = g(0), l = g(0), c = g(0), d = g(0), f = g(0), p = g(0), w = g(0);
-  function S() {
-    const k = te(e);
-    if (!k) {
-      r && (s.value = 0, i.value = 0, l.value = 0, c.value = 0, d.value = 0, f.value = 0, p.value = 0, w.value = 0);
+  } = t, s = b(0), l = b(0), i = b(0), c = b(0), d = b(0), f = b(0), h = b(0), w = b(0);
+  function A() {
+    const E = J(e);
+    if (!E) {
+      r && (s.value = 0, l.value = 0, i.value = 0, c.value = 0, d.value = 0, f.value = 0, h.value = 0, w.value = 0);
       return;
     }
-    const O = k.getBoundingClientRect();
-    s.value = O.height, i.value = O.bottom, l.value = O.left, c.value = O.right, d.value = O.top, f.value = O.width, p.value = O.x, w.value = O.y;
+    const R = E.getBoundingClientRect();
+    s.value = R.height, l.value = R.bottom, i.value = R.left, c.value = R.right, d.value = R.top, f.value = R.width, h.value = R.x, w.value = R.y;
   }
-  return dr(e, S), ne(() => te(e), (k) => !k && S()), lr(e, S, {
+  return qt(e, A), ue(() => J(e), (E) => !E && A()), Gt(e, A, {
     attributeFilter: ["style", "class"]
-  }), a && V("scroll", S, { capture: !0, passive: !0 }), n && V("resize", S, { passive: !0 }), We(() => {
-    o && S();
+  }), a && P("scroll", A, { capture: !0, passive: !0 }), n && P("resize", A, { passive: !0 }), Ft(() => {
+    o && A();
   }), {
     height: s,
-    bottom: i,
-    left: l,
+    bottom: l,
+    left: i,
     right: c,
     top: d,
     width: f,
-    x: p,
+    x: h,
     y: w,
-    update: S
+    update: A
   };
 }
-function pr(e, t = {}) {
+function Yt(e, t = {}) {
   const {
     delayEnter: r = 0,
     delayLeave: n = 0,
-    window: a = Y
-  } = t, o = g(!1);
+    window: a = de
+  } = t, o = b(!1);
   let s;
-  const i = (l) => {
-    const c = l ? r : n;
-    s && (clearTimeout(s), s = void 0), c ? s = setTimeout(() => o.value = l, c) : o.value = l;
+  const l = (i) => {
+    const c = i ? r : n;
+    s && (clearTimeout(s), s = void 0), c ? s = setTimeout(() => o.value = i, c) : o.value = i;
   };
-  return a && (V(e, "mouseenter", () => i(!0), { passive: !0 }), V(e, "mouseleave", () => i(!1), { passive: !0 })), o;
+  return a && (P(e, "mouseenter", () => l(!0), { passive: !0 }), P(e, "mouseleave", () => l(!1), { passive: !0 })), o;
 }
-const hr = {
+const Zt = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function mr(e = {}) {
+function Kt(e = {}) {
   const {
-    document: t = Zt
-  } = e, r = g(null), { on: n, trigger: a } = Ft();
+    document: t = Lt
+  } = e, r = b(null), { on: n, trigger: a } = Ot();
   let o;
-  t && (o = t.createElement("input"), o.type = "file", o.onchange = (l) => {
-    const c = l.target;
+  t && (o = t.createElement("input"), o.type = "file", o.onchange = (i) => {
+    const c = i.target;
     r.value = c.files, a(r.value);
   });
   const s = () => {
     r.value = null, o && (o.value = "", a(null));
-  }, i = (l) => {
+  }, l = (i) => {
     if (!o)
       return;
     const c = {
-      ...hr,
+      ...Zt,
       ...e,
-      ...l
+      ...i
     };
-    o.multiple = c.multiple, o.accept = c.accept, o.webkitdirectory = c.directory, qt(c, "capture") && (o.capture = c.capture), c.reset && s(), o.click();
+    o.multiple = c.multiple, o.accept = c.accept, o.webkitdirectory = c.directory, Vt(c, "capture") && (o.capture = c.capture), c.reset && s(), o.click();
   };
   return {
-    files: Fe(r),
-    open: i,
+    files: kt(r),
+    open: l,
     reset: s,
     onChange: n
   };
 }
-function vr(e, t = {}) {
-  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = g(!1), o = v(() => te(e));
-  V(o, "focus", (i) => {
-    var l, c;
-    (!n || (c = (l = i.target).matches) != null && c.call(l, ":focus-visible")) && (a.value = !0);
-  }), V(o, "blur", () => a.value = !1);
+function Qt(e, t = {}) {
+  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = b(!1), o = v(() => J(e));
+  P(o, "focus", (l) => {
+    var i, c;
+    (!n || (c = (i = l.target).matches) != null && c.call(i, ":focus-visible")) && (a.value = !0);
+  }), P(o, "blur", () => a.value = !1);
   const s = v({
     get: () => a.value,
-    set(i) {
-      var l, c;
-      !i && a.value ? (l = o.value) == null || l.blur() : i && !a.value && ((c = o.value) == null || c.focus());
+    set(l) {
+      var i, c;
+      !l && a.value ? (i = o.value) == null || i.blur() : l && !a.value && ((c = o.value) == null || c.focus());
     }
   });
-  return ne(
+  return ue(
     o,
     () => {
       s.value = r;
@@ -617,7 +368,11 @@ function vr(e, t = {}) {
     { immediate: !0, flush: "post" }
   ), { focused: s };
 }
-const ht = /* @__PURE__ */ A({
+function Jt(e) {
+  const t = Ge("(prefers-color-scheme: light)", e), r = Ge("(prefers-color-scheme: dark)", e);
+  return v(() => r.value ? "dark" : t.value ? "light" : "no-preference");
+}
+const ot = /* @__PURE__ */ x({
   __name: "Btn",
   props: {
     type: { default: "button" },
@@ -633,20 +388,7 @@ const ht = /* @__PURE__ */ A({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = v(() => {
-      switch (t.rounded) {
-        case "none":
-          return "rounded-none";
-        case "sm":
-          return "rounded-sm";
-        case "md":
-          return "rounded-md";
-        case "lg":
-          return "rounded-lg";
-        case "full":
-          return "rounded-full";
-      }
-    }), n = v(() => {
+    const t = e, r = j(t), n = v(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -664,7 +406,7 @@ const ht = /* @__PURE__ */ A({
             iconContent: "h-10 w-10 p-3"
           };
       }
-    }), a = g(null), o = pr(a), s = v(() => t.hoverVariant && o.value ? t.hoverVariant : t.variant), i = v(() => {
+    }), a = b(null), o = Yt(a), s = v(() => t.hoverVariant && o.value ? t.hoverVariant : t.variant), l = v(() => {
       switch (s.value) {
         case "filled":
           switch (t.color) {
@@ -737,44 +479,47 @@ const ht = /* @__PURE__ */ A({
           return "btn-default";
       }
     });
-    return (l, c) => (m(), L(ve(l.is), ke({
+    return (i, c) => (m(), N(ce(i.is), ye({
       ref_key: "btn",
       ref: a,
-      "data-size": l.size,
-      type: l.type,
+      "data-size": i.size,
+      type: i.type,
       class: ["flex items-center justify-center gap-1 decoration-none", [
-        u(i),
-        u(r),
-        l.icon ? u(n).iconContent : u(n).normalContent,
+        u(l),
+        u(r).class,
+        i.icon ? u(n).iconContent : u(n).normalContent,
         {
-          "filter-grayscale pointer-events-none": l.disabled,
-          "active:translate-y-0.25": l.pressEffect === "translate",
-          "active:scale-98": l.pressEffect === "scale",
-          "transition-all": l.animate
+          "filter-grayscale pointer-events-none": i.disabled,
+          "active:translate-y-0.25": i.pressEffect === "translate",
+          "active:scale-98": i.pressEffect === "scale",
+          "transition-all": i.animate
         }
       ]],
-      disabled: l.disabled
-    }, l.$attrs), {
-      default: X(() => [
-        l.$slots.leftSection ? E(l.$slots, "leftSection", { key: 0 }) : H("", !0),
-        E(l.$slots, "default"),
-        l.$slots.rightSection ? E(l.$slots, "rightSection", { key: 1 }) : H("", !0)
+      style: [
+        u(r).style
+      ],
+      disabled: i.disabled
+    }, i.$attrs), {
+      default: W(() => [
+        i.$slots.leftSection ? M(i.$slots, "leftSection", { key: 0 }) : T("", !0),
+        M(i.$slots, "default"),
+        i.$slots.rightSection ? M(i.$slots, "rightSection", { key: 1 }) : T("", !0)
       ]),
       _: 3
-    }, 16, ["data-size", "type", "class", "disabled"]));
+    }, 16, ["data-size", "type", "style", "class", "disabled"]));
   }
-}), gr = (e, t) => {
+}), er = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, a] of t)
     r[n] = a;
   return r;
-}, br = {}, yr = { class: "flex flex-col gap-4 container" };
-function wr(e, t) {
-  return m(), b("div", yr, [
-    E(e.$slots, "default")
+}, tr = {}, rr = { class: "flex flex-col gap-4 container" };
+function nr(e, t) {
+  return m(), g("div", rr, [
+    M(e.$slots, "default")
   ]);
 }
-const Zn = /* @__PURE__ */ gr(br, [["render", wr]]), Qn = /* @__PURE__ */ A({
+const Hn = /* @__PURE__ */ er(tr, [["render", nr]]), Pn = /* @__PURE__ */ x({
   __name: "ChatMessage",
   props: {
     avatar: {},
@@ -804,21 +549,21 @@ const Zn = /* @__PURE__ */ gr(br, [["render", wr]]), Qn = /* @__PURE__ */ A({
       }
     });
     return (n, a) => {
-      const o = Dt;
-      return m(), b("div", {
-        class: _(["flex gap-2", [
+      const o = zt;
+      return m(), g("div", {
+        class: y(["flex gap-2", [
           {
             "flex-row-reverse": n.position === "right",
             "flex-row": n.position === "left"
           }
         ]])
       }, [
-        n.$slots.avatar ? E(n.$slots, "avatar", { key: 0 }) : n.avatar ? (m(), L(o, {
+        n.$slots.avatar ? M(n.$slots, "avatar", { key: 0 }) : n.avatar ? (m(), N(o, {
           key: 1,
           src: n.avatar
-        }, null, 8, ["src"])) : H("", !0),
-        x("div", {
-          class: _(["rounded-xl px-3 py-2 transition-background-color,border-color", [
+        }, null, 8, ["src"])) : T("", !0),
+        k("div", {
+          class: y(["rounded-xl px-3 py-2 transition-background-color,border-color", [
             {
               "rounded-tr": n.position === "right",
               "rounded-tl": n.position === "left",
@@ -827,12 +572,12 @@ const Zn = /* @__PURE__ */ gr(br, [["render", wr]]), Qn = /* @__PURE__ */ A({
             u(r)
           ]])
         }, [
-          E(n.$slots, "default")
+          M(n.$slots, "default")
         ], 2)
       ], 2);
     };
   }
-}), _r = { class: "w-full flex self-center gap-2 text-center" }, eo = /* @__PURE__ */ A({
+}), or = { class: "w-full flex self-center gap-2 text-center" }, Nn = /* @__PURE__ */ x({
   __name: "ChatSystem",
   props: {
     position: {},
@@ -860,42 +605,19 @@ const Zn = /* @__PURE__ */ gr(br, [["render", wr]]), Qn = /* @__PURE__ */ A({
           return "bg-transparent";
       }
     });
-    return (n, a) => (m(), b("div", _r, [
-      x("div", {
-        class: _(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
+    return (n, a) => (m(), g("div", or, [
+      k("div", {
+        class: y(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
           u(r)
         ]])
       }, [
-        E(n.$slots, "default")
+        M(n.$slots, "default")
       ], 2)
     ]));
   }
-});
-function ae(e) {
-  return v(
-    () => ({ style: kr(e.rounded), class: "rounded-[var(--r-rounded)]" })
-  );
-}
-function kr(e) {
-  const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
-  switch (e) {
-    case "none":
-      return "--r-rounded: 0";
-    case "sm":
-      return "--r-rounded: 0.125rem";
-    case "md":
-      return "--r-rounded: 0.25rem";
-    case "lg":
-      return "--r-rounded: 0.5rem";
-    case "full":
-      return "--r-rounded: 9999px";
-    default:
-      return typeof e == "string" && t.test(e) ? `--r-rounded: ${e};` : typeof e == "number" || !Number.isNaN(Number(e)) ? `--r-rounded: ${e}rem;` : "rounded-[var(--r-rounded)]";
-  }
-}
-const to = /* @__PURE__ */ A({
+}), In = /* @__PURE__ */ x({
   __name: "Chip",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     is: { default: "img" },
     src: {},
     size: { default: "md" },
@@ -908,7 +630,7 @@ const to = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = oe(e, "modelValue"), n = ae(t), a = v(() => {
+    const t = e, r = K(e, "modelValue"), n = j(t), a = v(() => {
       switch (t.size) {
         case "sm":
           return "px-3 text-sm h-6";
@@ -917,18 +639,18 @@ const to = /* @__PURE__ */ A({
         case "lg":
           return "px-8 h-10 text-lg";
       }
-    }), o = v(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = v(() => r.value !== void 0), i = v(() => s.value ? "cursor-pointer" : "");
-    return (l, c) => (m(), b("span", {
-      class: _(["inline-flex items-center gap-1", [u(n).class, u(a), u(o), u(i)]]),
-      style: B([u(n).style]),
+    }), o = v(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = v(() => r.value !== void 0), l = v(() => s.value ? "cursor-pointer" : "");
+    return (i, c) => (m(), g("span", {
+      class: y(["inline-flex items-center gap-1", [u(n).class, u(a), u(o), u(l)]]),
+      style: C([u(n).style]),
       onPointerup: c[0] || (c[0] = (d) => u(s) && (r.value = !r.value))
     }, [
-      l.$slots.leftSection ? E(l.$slots, "leftSection", { key: 0 }) : H("", !0),
-      E(l.$slots, "default"),
-      l.$slots.rightSection ? E(l.$slots, "rightSection", { key: 1 }) : H("", !0)
+      i.$slots.leftSection ? M(i.$slots, "leftSection", { key: 0 }) : T("", !0),
+      M(i.$slots, "default"),
+      i.$slots.rightSection ? M(i.$slots, "rightSection", { key: 1 }) : T("", !0)
     ], 38));
   }
-}), xr = /* @__PURE__ */ A({
+}), ar = /* @__PURE__ */ x({
   __name: "ColorSwatch",
   props: {
     color: {},
@@ -936,35 +658,35 @@ const to = /* @__PURE__ */ A({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, r) => (m(), L(ve(t.is), {
-      class: _(["h-6 w-6 border rounded-full", [{
+    return (t, r) => (m(), N(ce(t.is), {
+      class: y(["h-6 w-6 border rounded-full", [{
         "border border-surface-border-base": t.withBorder,
         "border border-transparent": !t.withBorder
       }]]),
-      style: B({
+      style: C({
         backgroundColor: t.color
       })
     }, null, 8, ["class", "style"]));
   }
 });
-function Ce(e) {
+function xe(e) {
   "@babel/helpers - typeof";
-  return Ce = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return xe = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, Ce(e);
+  }, xe(e);
 }
-var Sr = /^\s+/, Mr = /\s+$/;
-function h(e, t) {
-  if (e = e || "", t = t || {}, e instanceof h)
+var sr = /^\s+/, ir = /\s+$/;
+function p(e, t) {
+  if (e = e || "", t = t || {}, e instanceof p)
     return e;
-  if (!(this instanceof h))
-    return new h(e, t);
-  var r = $r(e);
+  if (!(this instanceof p))
+    return new p(e, t);
+  var r = lr(e);
   this._originalInput = e, this._r = r.r, this._g = r.g, this._b = r.b, this._a = r.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || r.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = r.ok;
 }
-h.prototype = {
+p.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -988,14 +710,14 @@ h.prototype = {
     return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var t = this.toRgb(), r, n, a, o, s, i;
-    return r = t.r / 255, n = t.g / 255, a = t.b / 255, r <= 0.03928 ? o = r / 12.92 : o = Math.pow((r + 0.055) / 1.055, 2.4), n <= 0.03928 ? s = n / 12.92 : s = Math.pow((n + 0.055) / 1.055, 2.4), a <= 0.03928 ? i = a / 12.92 : i = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * o + 0.7152 * s + 0.0722 * i;
+    var t = this.toRgb(), r, n, a, o, s, l;
+    return r = t.r / 255, n = t.g / 255, a = t.b / 255, r <= 0.03928 ? o = r / 12.92 : o = Math.pow((r + 0.055) / 1.055, 2.4), n <= 0.03928 ? s = n / 12.92 : s = Math.pow((n + 0.055) / 1.055, 2.4), a <= 0.03928 ? l = a / 12.92 : l = Math.pow((a + 0.055) / 1.055, 2.4), 0.2126 * o + 0.7152 * s + 0.0722 * l;
   },
   setAlpha: function(t) {
-    return this._a = mt(t), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = at(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var t = Ze(this._r, this._g, this._b);
+    var t = qe(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -1004,11 +726,11 @@ h.prototype = {
     };
   },
   toHsvString: function() {
-    var t = Ze(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.v * 100);
+    var t = qe(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.v * 100);
     return this._a == 1 ? "hsv(" + r + ", " + n + "%, " + a + "%)" : "hsva(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var t = Ke(this._r, this._g, this._b);
+    var t = Ue(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -1017,17 +739,17 @@ h.prototype = {
     };
   },
   toHslString: function() {
-    var t = Ke(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.l * 100);
+    var t = Ue(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.l * 100);
     return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + a + "%)" : "hsla(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
   },
   toHex: function(t) {
-    return Qe(this._r, this._g, this._b, t);
+    return Xe(this._r, this._g, this._b, t);
   },
   toHexString: function(t) {
     return "#" + this.toHex(t);
   },
   toHex8: function(t) {
-    return Rr(this._r, this._g, this._b, this._a, t);
+    return fr(this._r, this._g, this._b, this._a, t);
   },
   toHex8String: function(t) {
     return "#" + this.toHex8(t);
@@ -1045,23 +767,23 @@ h.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(z(this._r, 255) * 100) + "%",
-      g: Math.round(z(this._g, 255) * 100) + "%",
-      b: Math.round(z(this._b, 255) * 100) + "%",
+      r: Math.round(S(this._r, 255) * 100) + "%",
+      g: Math.round(S(this._g, 255) * 100) + "%",
+      b: Math.round(S(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(z(this._r, 255) * 100) + "%, " + Math.round(z(this._g, 255) * 100) + "%, " + Math.round(z(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(z(this._r, 255) * 100) + "%, " + Math.round(z(this._g, 255) * 100) + "%, " + Math.round(z(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round(S(this._r, 255) * 100) + "%, " + Math.round(S(this._g, 255) * 100) + "%, " + Math.round(S(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(S(this._r, 255) * 100) + "%, " + Math.round(S(this._g, 255) * 100) + "%, " + Math.round(S(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Lr[Qe(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Sr[Xe(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(t) {
-    var r = "#" + et(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? "GradientType = 1, " : "";
+    var r = "#" + Ye(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
-      var o = h(t);
-      n = "#" + et(o._r, o._g, o._b, o._a);
+      var o = p(t);
+      n = "#" + Ye(o._r, o._g, o._b, o._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + r + ",endColorstr=" + n + ")";
   },
@@ -1072,106 +794,106 @@ h.prototype = {
     return o ? t === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (n = this.toRgbString()), t === "prgb" && (n = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (n = this.toHexString()), t === "hex3" && (n = this.toHexString(!0)), t === "hex4" && (n = this.toHex8String(!0)), t === "hex8" && (n = this.toHex8String()), t === "name" && (n = this.toName()), t === "hsl" && (n = this.toHslString()), t === "hsv" && (n = this.toHsvString()), n || this.toHexString());
   },
   clone: function() {
-    return h(this.toString());
+    return p(this.toString());
   },
   _applyModification: function(t, r) {
     var n = t.apply(null, [this].concat([].slice.call(r)));
     return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;
   },
   lighten: function() {
-    return this._applyModification(Nr, arguments);
+    return this._applyModification(vr, arguments);
   },
   brighten: function() {
-    return this._applyModification(Br, arguments);
+    return this._applyModification(br, arguments);
   },
   darken: function() {
-    return this._applyModification(Hr, arguments);
+    return this._applyModification(gr, arguments);
   },
   desaturate: function() {
-    return this._applyModification(zr, arguments);
+    return this._applyModification(hr, arguments);
   },
   saturate: function() {
-    return this._applyModification(Er, arguments);
+    return this._applyModification(pr, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Or, arguments);
+    return this._applyModification(mr, arguments);
   },
   spin: function() {
-    return this._applyModification(Pr, arguments);
+    return this._applyModification(yr, arguments);
   },
   _applyCombination: function(t, r) {
     return t.apply(null, [this].concat([].slice.call(r)));
   },
   analogous: function() {
-    return this._applyCombination(Dr, arguments);
+    return this._applyCombination(kr, arguments);
   },
   complement: function() {
-    return this._applyCombination(Vr, arguments);
+    return this._applyCombination(wr, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination(Fr, arguments);
+    return this._applyCombination(xr, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(Ir, arguments);
+    return this._applyCombination(_r, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(tt, [3]);
+    return this._applyCombination(Ze, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(tt, [4]);
+    return this._applyCombination(Ze, [4]);
   }
 };
-h.fromRatio = function(e, t) {
-  if (Ce(e) == "object") {
+p.fromRatio = function(e, t) {
+  if (xe(e) == "object") {
     var r = {};
     for (var n in e)
-      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = ge(e[n]));
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = pe(e[n]));
     e = r;
   }
-  return h(e, t);
+  return p(e, t);
 };
-function $r(e) {
+function lr(e) {
   var t = {
     r: 0,
     g: 0,
     b: 0
-  }, r = 1, n = null, a = null, o = null, s = !1, i = !1;
-  return typeof e == "string" && (e = Gr(e)), Ce(e) == "object" && (K(e.r) && K(e.g) && K(e.b) ? (t = Cr(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : K(e.h) && K(e.s) && K(e.v) ? (n = ge(e.s), a = ge(e.v), t = Tr(e.h, n, a), s = !0, i = "hsv") : K(e.h) && K(e.s) && K(e.l) && (n = ge(e.s), o = ge(e.l), t = Ar(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = mt(r), {
+  }, r = 1, n = null, a = null, o = null, s = !1, l = !1;
+  return typeof e == "string" && (e = Ar(e)), xe(e) == "object" && (G(e.r) && G(e.g) && G(e.b) ? (t = cr(e.r, e.g, e.b), s = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : G(e.h) && G(e.s) && G(e.v) ? (n = pe(e.s), a = pe(e.v), t = dr(e.h, n, a), s = !0, l = "hsv") : G(e.h) && G(e.s) && G(e.l) && (n = pe(e.s), o = pe(e.l), t = ur(e.h, n, o), s = !0, l = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = at(r), {
     ok: s,
-    format: e.format || i,
+    format: e.format || l,
     r: Math.min(255, Math.max(t.r, 0)),
     g: Math.min(255, Math.max(t.g, 0)),
     b: Math.min(255, Math.max(t.b, 0)),
     a: r
   };
 }
-function Cr(e, t, r) {
+function cr(e, t, r) {
   return {
-    r: z(e, 255) * 255,
-    g: z(t, 255) * 255,
-    b: z(r, 255) * 255
+    r: S(e, 255) * 255,
+    g: S(t, 255) * 255,
+    b: S(r, 255) * 255
   };
 }
-function Ke(e, t, r) {
-  e = z(e, 255), t = z(t, 255), r = z(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, i = (n + a) / 2;
+function Ue(e, t, r) {
+  e = S(e, 255), t = S(t, 255), r = S(r, 255);
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, l = (n + a) / 2;
   if (n == a)
     o = s = 0;
   else {
-    var l = n - a;
-    switch (s = i > 0.5 ? l / (2 - n - a) : l / (n + a), n) {
+    var i = n - a;
+    switch (s = l > 0.5 ? i / (2 - n - a) : i / (n + a), n) {
       case e:
-        o = (t - r) / l + (t < r ? 6 : 0);
+        o = (t - r) / i + (t < r ? 6 : 0);
         break;
       case t:
-        o = (r - e) / l + 2;
+        o = (r - e) / i + 2;
         break;
       case r:
-        o = (e - t) / l + 4;
+        o = (e - t) / i + 4;
         break;
     }
     o /= 6;
@@ -1179,20 +901,20 @@ function Ke(e, t, r) {
   return {
     h: o,
     s,
-    l: i
+    l
   };
 }
-function Ar(e, t, r) {
+function ur(e, t, r) {
   var n, a, o;
-  e = z(e, 360), t = z(t, 100), r = z(r, 100);
+  e = S(e, 360), t = S(t, 100), r = S(r, 100);
   function s(c, d, f) {
     return f < 0 && (f += 1), f > 1 && (f -= 1), f < 1 / 6 ? c + (d - c) * 6 * f : f < 1 / 2 ? d : f < 2 / 3 ? c + (d - c) * (2 / 3 - f) * 6 : c;
   }
   if (t === 0)
     n = a = o = r;
   else {
-    var i = r < 0.5 ? r * (1 + t) : r + t - r * t, l = 2 * r - i;
-    n = s(l, i, e + 1 / 3), a = s(l, i, e), o = s(l, i, e - 1 / 3);
+    var l = r < 0.5 ? r * (1 + t) : r + t - r * t, i = 2 * r - l;
+    n = s(i, l, e + 1 / 3), a = s(i, l, e), o = s(i, l, e - 1 / 3);
   }
   return {
     r: n * 255,
@@ -1200,21 +922,21 @@ function Ar(e, t, r) {
     b: o * 255
   };
 }
-function Ze(e, t, r) {
-  e = z(e, 255), t = z(t, 255), r = z(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, i = n, l = n - a;
-  if (s = n === 0 ? 0 : l / n, n == a)
+function qe(e, t, r) {
+  e = S(e, 255), t = S(t, 255), r = S(r, 255);
+  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, l = n, i = n - a;
+  if (s = n === 0 ? 0 : i / n, n == a)
     o = 0;
   else {
     switch (n) {
       case e:
-        o = (t - r) / l + (t < r ? 6 : 0);
+        o = (t - r) / i + (t < r ? 6 : 0);
         break;
       case t:
-        o = (r - e) / l + 2;
+        o = (r - e) / i + 2;
         break;
       case r:
-        o = (e - t) / l + 4;
+        o = (e - t) / i + 4;
         break;
     }
     o /= 6;
@@ -1222,133 +944,133 @@ function Ze(e, t, r) {
   return {
     h: o,
     s,
-    v: i
+    v: l
   };
 }
-function Tr(e, t, r) {
-  e = z(e, 360) * 6, t = z(t, 100), r = z(r, 100);
-  var n = Math.floor(e), a = e - n, o = r * (1 - t), s = r * (1 - a * t), i = r * (1 - (1 - a) * t), l = n % 6, c = [r, s, o, o, i, r][l], d = [i, r, r, s, o, o][l], f = [o, o, i, r, r, s][l];
+function dr(e, t, r) {
+  e = S(e, 360) * 6, t = S(t, 100), r = S(r, 100);
+  var n = Math.floor(e), a = e - n, o = r * (1 - t), s = r * (1 - a * t), l = r * (1 - (1 - a) * t), i = n % 6, c = [r, s, o, o, l, r][i], d = [l, r, r, s, o, o][i], f = [o, o, l, r, r, s][i];
   return {
     r: c * 255,
     g: d * 255,
     b: f * 255
   };
 }
-function Qe(e, t, r, n) {
-  var a = [q(Math.round(e).toString(16)), q(Math.round(t).toString(16)), q(Math.round(r).toString(16))];
+function Xe(e, t, r, n) {
+  var a = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
   return n && a[0].charAt(0) == a[0].charAt(1) && a[1].charAt(0) == a[1].charAt(1) && a[2].charAt(0) == a[2].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
 }
-function Rr(e, t, r, n, a) {
-  var o = [q(Math.round(e).toString(16)), q(Math.round(t).toString(16)), q(Math.round(r).toString(16)), q(vt(n))];
+function fr(e, t, r, n, a) {
+  var o = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16)), D(st(n))];
   return a && o[0].charAt(0) == o[0].charAt(1) && o[1].charAt(0) == o[1].charAt(1) && o[2].charAt(0) == o[2].charAt(1) && o[3].charAt(0) == o[3].charAt(1) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
 }
-function et(e, t, r, n) {
-  var a = [q(vt(n)), q(Math.round(e).toString(16)), q(Math.round(t).toString(16)), q(Math.round(r).toString(16))];
+function Ye(e, t, r, n) {
+  var a = [D(st(n)), D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
   return a.join("");
 }
-h.equals = function(e, t) {
-  return !e || !t ? !1 : h(e).toRgbString() == h(t).toRgbString();
+p.equals = function(e, t) {
+  return !e || !t ? !1 : p(e).toRgbString() == p(t).toRgbString();
 };
-h.random = function() {
-  return h.fromRatio({
+p.random = function() {
+  return p.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
   });
 };
-function zr(e, t) {
+function hr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.s -= t / 100, r.s = Re(r.s), h(r);
+  var r = p(e).toHsl();
+  return r.s -= t / 100, r.s = Ce(r.s), p(r);
 }
-function Er(e, t) {
+function pr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.s += t / 100, r.s = Re(r.s), h(r);
+  var r = p(e).toHsl();
+  return r.s += t / 100, r.s = Ce(r.s), p(r);
 }
-function Or(e) {
-  return h(e).desaturate(100);
+function mr(e) {
+  return p(e).desaturate(100);
 }
-function Nr(e, t) {
+function vr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.l += t / 100, r.l = Re(r.l), h(r);
+  var r = p(e).toHsl();
+  return r.l += t / 100, r.l = Ce(r.l), p(r);
 }
-function Br(e, t) {
+function br(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toRgb();
-  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), h(r);
+  var r = p(e).toRgb();
+  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), p(r);
 }
-function Hr(e, t) {
+function gr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.l -= t / 100, r.l = Re(r.l), h(r);
+  var r = p(e).toHsl();
+  return r.l -= t / 100, r.l = Ce(r.l), p(r);
 }
-function Pr(e, t) {
-  var r = h(e).toHsl(), n = (r.h + t) % 360;
-  return r.h = n < 0 ? 360 + n : n, h(r);
+function yr(e, t) {
+  var r = p(e).toHsl(), n = (r.h + t) % 360;
+  return r.h = n < 0 ? 360 + n : n, p(r);
 }
-function Vr(e) {
-  var t = h(e).toHsl();
-  return t.h = (t.h + 180) % 360, h(t);
+function wr(e) {
+  var t = p(e).toHsl();
+  return t.h = (t.h + 180) % 360, p(t);
 }
-function tt(e, t) {
+function Ze(e, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var r = h(e).toHsl(), n = [h(e)], a = 360 / t, o = 1; o < t; o++)
-    n.push(h({
+  for (var r = p(e).toHsl(), n = [p(e)], a = 360 / t, o = 1; o < t; o++)
+    n.push(p({
       h: (r.h + o * a) % 360,
       s: r.s,
       l: r.l
     }));
   return n;
 }
-function Ir(e) {
-  var t = h(e).toHsl(), r = t.h;
-  return [h(e), h({
+function _r(e) {
+  var t = p(e).toHsl(), r = t.h;
+  return [p(e), p({
     h: (r + 72) % 360,
     s: t.s,
     l: t.l
-  }), h({
+  }), p({
     h: (r + 216) % 360,
     s: t.s,
     l: t.l
   })];
 }
-function Dr(e, t, r) {
+function kr(e, t, r) {
   t = t || 6, r = r || 30;
-  var n = h(e).toHsl(), a = 360 / r, o = [h(e)];
+  var n = p(e).toHsl(), a = 360 / r, o = [p(e)];
   for (n.h = (n.h - (a * t >> 1) + 720) % 360; --t; )
-    n.h = (n.h + a) % 360, o.push(h(n));
+    n.h = (n.h + a) % 360, o.push(p(n));
   return o;
 }
-function Fr(e, t) {
+function xr(e, t) {
   t = t || 6;
-  for (var r = h(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], i = 1 / t; t--; )
-    s.push(h({
+  for (var r = p(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], l = 1 / t; t--; )
+    s.push(p({
       h: n,
       s: a,
       v: o
-    })), o = (o + i) % 1;
+    })), o = (o + l) % 1;
   return s;
 }
-h.mix = function(e, t, r) {
+p.mix = function(e, t, r) {
   r = r === 0 ? 0 : r || 50;
-  var n = h(e).toRgb(), a = h(t).toRgb(), o = r / 100, s = {
+  var n = p(e).toRgb(), a = p(t).toRgb(), o = r / 100, s = {
     r: (a.r - n.r) * o + n.r,
     g: (a.g - n.g) * o + n.g,
     b: (a.b - n.b) * o + n.b,
     a: (a.a - n.a) * o + n.a
   };
-  return h(s);
+  return p(s);
 };
-h.readability = function(e, t) {
-  var r = h(e), n = h(t);
+p.readability = function(e, t) {
+  var r = p(e), n = p(t);
   return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);
 };
-h.isReadable = function(e, t, r) {
-  var n = h.readability(e, t), a, o;
-  switch (o = !1, a = Ur(r), a.level + a.size) {
+p.isReadable = function(e, t, r) {
+  var n = p.readability(e, t), a, o;
+  switch (o = !1, a = Tr(r), a.level + a.size) {
     case "AAsmall":
     case "AAAlarge":
       o = n >= 4.5;
@@ -1362,17 +1084,17 @@ h.isReadable = function(e, t, r) {
   }
   return o;
 };
-h.mostReadable = function(e, t, r) {
-  var n = null, a = 0, o, s, i, l;
-  r = r || {}, s = r.includeFallbackColors, i = r.level, l = r.size;
+p.mostReadable = function(e, t, r) {
+  var n = null, a = 0, o, s, l, i;
+  r = r || {}, s = r.includeFallbackColors, l = r.level, i = r.size;
   for (var c = 0; c < t.length; c++)
-    o = h.readability(e, t[c]), o > a && (a = o, n = h(t[c]));
-  return h.isReadable(e, n, {
-    level: i,
-    size: l
-  }) || !s ? n : (r.includeFallbackColors = !1, h.mostReadable(e, ["#fff", "#000"], r));
+    o = p.readability(e, t[c]), o > a && (a = o, n = p(t[c]));
+  return p.isReadable(e, n, {
+    level: l,
+    size: i
+  }) || !s ? n : (r.includeFallbackColors = !1, p.mostReadable(e, ["#fff", "#000"], r));
 };
-var Be = h.names = {
+var Be = p.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -1522,46 +1244,46 @@ var Be = h.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Lr = h.hexNames = Wr(Be);
-function Wr(e) {
+}, Sr = p.hexNames = Mr(Be);
+function Mr(e) {
   var t = {};
   for (var r in e)
     e.hasOwnProperty(r) && (t[e[r]] = r);
   return t;
 }
-function mt(e) {
+function at(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function z(e, t) {
-  jr(e) && (e = "100%");
-  var r = qr(e);
+function S(e, t) {
+  $r(e) && (e = "100%");
+  var r = Cr(e);
   return e = Math.min(t, Math.max(0, parseFloat(e))), r && (e = parseInt(e * t, 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : e % t / parseFloat(t);
 }
-function Re(e) {
+function Ce(e) {
   return Math.min(1, Math.max(0, e));
 }
-function F(e) {
+function H(e) {
   return parseInt(e, 16);
 }
-function jr(e) {
+function $r(e) {
   return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
 }
-function qr(e) {
+function Cr(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function q(e) {
+function D(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
-function ge(e) {
+function pe(e) {
   return e <= 1 && (e = e * 100 + "%"), e;
 }
-function vt(e) {
+function st(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function rt(e) {
-  return F(e) / 255;
+function Ke(e) {
+  return H(e) / 255;
 }
-var j = function() {
+var V = function() {
   var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", a = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(r),
@@ -1577,11 +1299,11 @@ var j = function() {
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
 }();
-function K(e) {
-  return !!j.CSS_UNIT.exec(e);
+function G(e) {
+  return !!V.CSS_UNIT.exec(e);
 }
-function Gr(e) {
-  e = e.replace(Sr, "").replace(Mr, "").toLowerCase();
+function Ar(e) {
+  e = e.replace(sr, "").replace(ir, "").toLowerCase();
   var t = !1;
   if (Be[e])
     e = Be[e], t = !0;
@@ -1594,58 +1316,58 @@ function Gr(e) {
       format: "name"
     };
   var r;
-  return (r = j.rgb.exec(e)) ? {
+  return (r = V.rgb.exec(e)) ? {
     r: r[1],
     g: r[2],
     b: r[3]
-  } : (r = j.rgba.exec(e)) ? {
+  } : (r = V.rgba.exec(e)) ? {
     r: r[1],
     g: r[2],
     b: r[3],
     a: r[4]
-  } : (r = j.hsl.exec(e)) ? {
+  } : (r = V.hsl.exec(e)) ? {
     h: r[1],
     s: r[2],
     l: r[3]
-  } : (r = j.hsla.exec(e)) ? {
+  } : (r = V.hsla.exec(e)) ? {
     h: r[1],
     s: r[2],
     l: r[3],
     a: r[4]
-  } : (r = j.hsv.exec(e)) ? {
+  } : (r = V.hsv.exec(e)) ? {
     h: r[1],
     s: r[2],
     v: r[3]
-  } : (r = j.hsva.exec(e)) ? {
+  } : (r = V.hsva.exec(e)) ? {
     h: r[1],
     s: r[2],
     v: r[3],
     a: r[4]
-  } : (r = j.hex8.exec(e)) ? {
-    r: F(r[1]),
-    g: F(r[2]),
-    b: F(r[3]),
-    a: rt(r[4]),
+  } : (r = V.hex8.exec(e)) ? {
+    r: H(r[1]),
+    g: H(r[2]),
+    b: H(r[3]),
+    a: Ke(r[4]),
     format: t ? "name" : "hex8"
-  } : (r = j.hex6.exec(e)) ? {
-    r: F(r[1]),
-    g: F(r[2]),
-    b: F(r[3]),
+  } : (r = V.hex6.exec(e)) ? {
+    r: H(r[1]),
+    g: H(r[2]),
+    b: H(r[3]),
     format: t ? "name" : "hex"
-  } : (r = j.hex4.exec(e)) ? {
-    r: F(r[1] + "" + r[1]),
-    g: F(r[2] + "" + r[2]),
-    b: F(r[3] + "" + r[3]),
-    a: rt(r[4] + "" + r[4]),
+  } : (r = V.hex4.exec(e)) ? {
+    r: H(r[1] + "" + r[1]),
+    g: H(r[2] + "" + r[2]),
+    b: H(r[3] + "" + r[3]),
+    a: Ke(r[4] + "" + r[4]),
     format: t ? "name" : "hex8"
-  } : (r = j.hex3.exec(e)) ? {
-    r: F(r[1] + "" + r[1]),
-    g: F(r[2] + "" + r[2]),
-    b: F(r[3] + "" + r[3]),
+  } : (r = V.hex3.exec(e)) ? {
+    r: H(r[1] + "" + r[1]),
+    g: H(r[2] + "" + r[2]),
+    b: H(r[3] + "" + r[3]),
     format: t ? "name" : "hex"
   } : !1;
 }
-function Ur(e) {
+function Tr(e) {
   var t, r;
   return e = e || {
     level: "AA",
@@ -1655,10 +1377,10 @@ function Ur(e) {
     size: r
   };
 }
-function Xr() {
+function Er() {
   if (typeof window > "u")
-    return g("dark");
-  const e = g(document.documentElement.dataset.scheme);
+    return b("dark");
+  const e = b(document.documentElement.dataset.scheme);
   return new MutationObserver((r) => {
     r.forEach((n) => {
       n.type === "attributes" && n.attributeName === "data-scheme" && (e.value = document.documentElement.dataset.scheme);
@@ -1668,33 +1390,33 @@ function Xr() {
     attributeFilter: ["data-scheme"]
   }), e;
 }
-function ro() {
-  return it("currentThemeScheme", null);
+function Vn() {
+  return Ie("currentThemeScheme", null);
 }
-function Yr() {
-  return it("currentTheme", g(Ve));
+function Rr() {
+  return Ie("currentTheme", b(Pe));
 }
-function gt(e, t = !0) {
-  const r = g(e), n = g(e.scheme), a = Xr();
-  G(() => {
+function it(e, t = !0) {
+  const r = b(e), n = b(e.scheme), a = Er();
+  F(() => {
     a.value && (n.value = a.value);
-  }), Ye("currentTheme", r), Ye("currentThemeScheme", n);
+  }), ze("currentTheme", r), ze("currentThemeScheme", n);
   const s = {
     ...Object.keys(r.value.colors).map((c) => {
       const d = c;
-      return r.value.colors[d].reduce((p, w, S) => {
-        const k = h(w).toRgb();
-        return p[`--r-color-${d}-${S}`] = `${k.r} ${k.g} ${k.b}`, p;
+      return r.value.colors[d].reduce((h, w, A) => {
+        const E = p(w).toRgb();
+        return h[`--r-color-${d}-${A}`] = `${E.r} ${E.g} ${E.b}`, h;
       }, {});
     }).reduce((c, d) => ({
       ...c,
       ...d
     }), {})
-  }, i = {
+  }, l = {
     "font-family": "'Roboto', sans-serif",
     "background-color": "rgb(var(--r-color-surface-lowest))",
     color: "rgb(var(--r-color-surface-on))"
-  }, l = v(() => {
+  }, i = v(() => {
     if (t)
       return {};
     const { scheme: c } = e;
@@ -1755,30 +1477,21 @@ function gt(e, t = !0) {
   });
   return {
     ...s,
-    ...i,
-    ...l.value
+    ...l,
+    ...i.value
   };
 }
-function bt(e) {
-  const t = g("");
-  return ce(() => {
+function lt(e) {
+  const t = b("");
+  return te(() => {
     e.id ? t.value = e.id : t.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
   }), t;
 }
-function no() {
-  const e = cr(), t = v({
-    get() {
-      return e.value ? "dark" : "light";
-    },
-    set(r) {
-      e.value = r === "dark";
-    }
-  });
-  return G(() => {
-    ie && (e.value === !0 ? (document.documentElement.setAttribute("data-scheme", "dark"), localStorage.setItem("scheme", "dark")) : e.value === !1 && (document.documentElement.setAttribute("data-scheme", "light"), localStorage.setItem("scheme", "light")));
-  }), t;
+const ct = Symbol("scheme");
+function zr() {
+  return Ie(ct, b("dark"));
 }
-const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
+const Br = ["id"], Or = ["for"], Dn = /* @__PURE__ */ x({
   __name: "ColorInput",
   props: {
     modelValue: {},
@@ -1786,47 +1499,47 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = oe(e, "modelValue"), r = zt(), n = bt(r), a = g(null);
+    const t = K(e, "modelValue"), r = xt(), n = lt(r), a = b(null);
     return (o, s) => {
-      const i = xr;
-      return m(), b("div", null, [
-        Le(x("input", {
+      const l = ar;
+      return m(), g("div", null, [
+        Ve(k("input", {
           id: u(n),
           ref_key: "input",
           ref: a,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
+          "onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i),
           type: "color",
           class: "pointer-events-none absolute opacity-0"
-        }, null, 8, Jr), [
-          [Et, t.value]
+        }, null, 8, Br), [
+          [St, t.value]
         ]),
-        x("label", { for: u(n) }, [
-          Q(i, {
+        k("label", { for: u(n) }, [
+          X(l, {
             class: "cursor-pointer",
             color: t.value ?? "#222"
           }, null, 8, ["color"])
-        ], 8, Kr)
+        ], 8, Or)
       ]);
     };
   }
-}), Zr = ["data-scheme", "data-theme"], Qr = /* @__PURE__ */ A({
+}), Hr = ["data-scheme", "data-theme"], Pr = /* @__PURE__ */ x({
   __name: "ThemeProvider",
   props: {
     theme: {}
   },
   setup(e) {
-    const r = gt(e.theme, !1);
-    return (n, a) => (m(), b("div", {
-      style: B([u(r)]),
+    const r = it(e.theme, !1);
+    return (n, a) => (m(), g("div", {
+      style: C([u(r)]),
       "data-scheme": n.theme.scheme,
       "data-theme": n.theme.name
     }, [
-      E(n.$slots, "default")
-    ], 12, Zr));
+      M(n.$slots, "default")
+    ], 12, Hr));
   }
-}), yt = /* @__PURE__ */ A({
+}), ut = /* @__PURE__ */ x({
   __name: "FullscreenOverlay",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 },
     wrapperClass: {}
@@ -1836,9 +1549,9 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = oe(e, "modelValue"), n = g(null);
-    function a(i) {
-      t.persistent || i.target === n.value && (r.value = !1);
+    const t = e, r = K(e, "modelValue"), n = b(null);
+    function a(l) {
+      t.persistent || l.target === n.value && (r.value = !1);
     }
     const o = v(() => {
       switch (t.blur) {
@@ -1853,27 +1566,27 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
           return "";
       }
     });
-    G(() => {
+    F(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     });
-    const s = Yr();
-    return (i, l) => {
-      const c = Qr;
-      return m(), L(Ot, { to: "body" }, [
-        Q(c, { theme: u(s) }, {
-          default: X(() => [
-            x("div", {
+    const s = Rr();
+    return (l, i) => {
+      const c = Pr;
+      return m(), N(Mt, { to: "body" }, [
+        X(c, { theme: u(s) }, {
+          default: W(() => [
+            k("div", {
               ref_key: "wrapperRef",
               ref: n,
-              class: _(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full bg-surface-lowest/50 transition-all duration-300 md:items-center", [o.value, i.wrapperClass, {
+              class: y(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full bg-surface-lowest/50 transition-all duration-300 md:items-center", [o.value, l.wrapperClass, {
                 "op0 pointer-events-none": !r.value,
                 op100: r.value
               }]]),
               onClick: a
             }, [
-              E(i.$slots, "default")
+              M(l.$slots, "default")
             ], 2)
           ]),
           _: 3
@@ -1881,9 +1594,9 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
       ]);
     };
   }
-}), en = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, tn = /* @__PURE__ */ x("i", { class: "i-tabler-x" }, null, -1), rn = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, ao = /* @__PURE__ */ A({
+}), Nr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, Ir = /* @__PURE__ */ k("i", { class: "i-tabler-x" }, null, -1), Vr = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, Fn = /* @__PURE__ */ x({
   __name: "Drawer",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 },
     position: { default: "left" }
@@ -1893,21 +1606,21 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = oe(e, "modelValue");
-    return G(() => {
+    const t = e, r = K(e, "modelValue");
+    return F(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     }), (n, a) => {
-      const o = ht, s = yt;
-      return m(), L(s, {
+      const o = ot, s = ut;
+      return m(), N(s, {
         modelValue: r.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (i) => r.value = i),
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => r.value = l),
         blur: t.blur,
         persistent: t.persistent
       }, {
-        default: X(() => [
-          Q(lt, {
+        default: W(() => [
+          X(rt, {
             "enter-from-class": n.position === "left" ? "-translate-x-1/1" : "translate-x-1/1",
             "enter-to-class": (n.position === "left", "translate-x-0"),
             "leave-from-class": (n.position === "left", "translate-x-0"),
@@ -1915,28 +1628,28 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
             "enter-active-class": "transition ease-out duration-300",
             "leave-active-class": "transition ease-in duration-200"
           }, {
-            default: X(() => [
-              r.value ? (m(), b("div", {
+            default: W(() => [
+              r.value ? (m(), g("div", {
                 key: 0,
-                class: _(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
+                class: y(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
               }, [
-                x("div", en, [
-                  Q(o, {
+                k("div", Nr, [
+                  X(o, {
                     icon: "",
                     variant: "transparent",
                     class: "text-surface-on hover:text-surface-on",
-                    onPointerup: a[0] || (a[0] = (i) => r.value = !1)
+                    onPointerup: a[0] || (a[0] = (l) => r.value = !1)
                   }, {
-                    default: X(() => [
-                      tn
+                    default: W(() => [
+                      Ir
                     ]),
                     _: 1
                   })
                 ]),
-                x("div", rn, [
-                  E(n.$slots, "default")
+                k("div", Vr, [
+                  M(n.$slots, "default")
                 ])
-              ], 2)) : H("", !0)
+              ], 2)) : T("", !0)
             ]),
             _: 3
           }, 8, ["enter-from-class", "enter-to-class", "leave-from-class", "leave-to-class"])
@@ -1945,7 +1658,7 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
       }, 8, ["modelValue", "blur", "persistent"]);
     };
   }
-}), so = /* @__PURE__ */ A({
+}), Ln = /* @__PURE__ */ x({
   __name: "Dropzone",
   props: {
     dashed: { type: Boolean, default: !0 },
@@ -1953,31 +1666,31 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   },
   emits: ["drop"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = g(), { onChange: o, open: s } = mr({
+    const r = e, n = t, a = b(), { onChange: o, open: s } = Kt({
       accept: r.accept
     });
-    o((l) => {
-      l ? n("drop", Array.from(l)) : n("drop", null);
+    o((i) => {
+      i ? n("drop", Array.from(i)) : n("drop", null);
     });
-    const { isOverDropZone: i } = ur(a, {
-      onDrop: (l) => {
-        n("drop", l);
+    const { isOverDropZone: l } = Ut(a, {
+      onDrop: (i) => {
+        n("drop", i);
       }
     });
-    return (l, c) => (m(), b("div", {
+    return (i, c) => (m(), g("div", {
       ref_key: "dropZoneRef",
       ref: a,
-      class: _([{
-        "": u(i),
-        " bg-surface-low": !u(i),
-        "border-dashed": l.dashed
+      class: y([{
+        "": u(l),
+        " bg-surface-low": !u(l),
+        "border-dashed": i.dashed
       }, "h-full w-full flex cursor-pointer items-center justify-center rounded"]),
       onPointerup: c[0] || (c[0] = () => u(s)())
     }, [
-      E(l.$slots, "default")
+      M(i.$slots, "default")
     ], 34));
   }
-}), io = /* @__PURE__ */ A({
+}), Wn = /* @__PURE__ */ x({
   __name: "Image",
   props: {
     is: { default: "img" },
@@ -1991,24 +1704,24 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
     rounded: { default: "md" }
   },
   setup(e) {
-    const t = e, r = g(!1), n = g(null);
+    const t = e, r = b(!1), n = b(null);
     function a() {
       r.value = !0;
     }
-    ce(() => {
+    te(() => {
       var s;
       (s = n.value) != null && s.complete && a();
     });
-    const o = ae(t);
-    return (s, i) => (m(), b("div", {
-      style: B({
+    const o = j(t);
+    return (s, l) => (m(), g("div", {
+      style: C({
         height: s.height,
         width: s.width,
         maxHeight: s.maxHeight,
         maxWidth: s.maxWidth
       })
     }, [
-      s.src ? (m(), L(ve(s.is), ke({
+      s.src ? (m(), N(ce(s.is), ye({
         key: 0,
         ref_key: "img",
         ref: n,
@@ -2024,21 +1737,21 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
             hidden: !u(r)
           }
         ]]
-      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : H("", !0),
-      u(r) ? H("", !0) : (m(), b("div", {
+      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : T("", !0),
+      u(r) ? T("", !0) : (m(), g("div", {
         key: 1,
-        class: _(["h-full w-full animate-pulse border-transparent bg-surface-high object-cover", [
+        class: y(["h-full w-full animate-pulse border-transparent bg-surface-high object-cover", [
           t.class,
           u(o).class
         ]]),
-        style: B([
+        style: C([
           s.style,
           u(o).style
         ])
       }, null, 6))
     ], 4));
   }
-}), nn = { class: "relative" }, lo = /* @__PURE__ */ A({
+}), Dr = { class: "relative" }, jn = /* @__PURE__ */ x({
   __name: "Indicator",
   props: {
     color: { default: "primary" },
@@ -2058,7 +1771,7 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `w-${t.size} h-${t.size}` : t.size;
       }
-    }), n = Nt(), a = v(() => {
+    }), n = $t(), a = v(() => {
       if (!n.label)
         return "";
       switch (t.size) {
@@ -2092,38 +1805,38 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
           return "bg-error-container text-error-on";
       }
     });
-    return (i, l) => (m(), b("div", nn, [
-      x("div", {
-        class: _([[u(o), u(a)], "absolute z-1"])
+    return (l, i) => (m(), g("div", Dr, [
+      k("div", {
+        class: y([[u(o), u(a)], "absolute z-1"])
       }, [
-        t.ping ? (m(), b("div", {
+        t.ping ? (m(), g("div", {
           key: 0,
-          class: _(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
+          class: y(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
             {
-              [u(r)]: !i.$slots.label
+              [u(r)]: !l.$slots.label
             },
             u(s)
           ]])
         }, [
-          i.$slots.label ? E(i.$slots, "label", { key: 0 }) : H("", !0)
-        ], 2)) : H("", !0),
-        x("div", {
-          class: _(["top-0 box-content border-2 border-surface-low rounded-full", [
+          l.$slots.label ? M(l.$slots, "label", { key: 0 }) : T("", !0)
+        ], 2)) : T("", !0),
+        k("div", {
+          class: y(["top-0 box-content border-2 border-surface-low rounded-full", [
             {
-              [u(r)]: !i.$slots.label
+              [u(r)]: !l.$slots.label
             },
             u(s)
           ]])
         }, [
-          i.$slots.label ? E(i.$slots, "label", { key: 0 }) : H("", !0)
+          l.$slots.label ? M(l.$slots, "label", { key: 0 }) : T("", !0)
         ], 2)
       ], 2),
-      E(i.$slots, "default")
+      M(l.$slots, "default")
     ]));
   }
-}), co = /* @__PURE__ */ A({
+}), Gn = /* @__PURE__ */ x({
   __name: "Modal",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 }
   }, {
@@ -2132,22 +1845,22 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = oe(e, "modelValue");
-    return G(() => {
+    const t = e, r = K(e, "modelValue");
+    return F(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     }), (n, a) => {
-      const o = yt;
-      return m(), L(o, {
+      const o = ut;
+      return m(), N(o, {
         modelValue: r.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => r.value = s),
         blur: t.blur,
         persistent: t.persistent,
         "wrapper-class": "flex items-end justify-center"
       }, {
-        default: X(() => [
-          Q(lt, {
+        default: W(() => [
+          X(rt, {
             "enter-from-class": "translate-y-1/2",
             "enter-to-class": "translate-y-0",
             "leave-from-class": "translate-y-0",
@@ -2155,8 +1868,8 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
             "enter-active-class": "transition ease-out duration-300",
             "leave-active-class": "transition ease-in duration-200"
           }, {
-            default: X(() => [
-              r.value ? E(n.$slots, "default", { key: 0 }) : H("", !0)
+            default: W(() => [
+              r.value ? M(n.$slots, "default", { key: 0 }) : T("", !0)
             ]),
             _: 3
           })
@@ -2165,13 +1878,13 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
       }, 8, ["modelValue", "blur", "persistent"]);
     };
   }
-}), on = {
+}), Fr = {
   key: 0,
   class: "h-container w-container i-tabler-loader-2 shrink-0 animate-spin"
-}, an = { key: 1 }, sn = { class: "grow-1" }, ln = {
+}, Lr = { key: 1 }, Wr = { class: "grow-1" }, jr = {
   key: 2,
   class: "text-sm text-surface-onlow"
-}, cn = /* @__PURE__ */ x("i", { class: "i-tabler-x" }, null, -1), un = /* @__PURE__ */ A({
+}, Gr = /* @__PURE__ */ k("i", { class: "i-tabler-x" }, null, -1), Ur = /* @__PURE__ */ x({
   __name: "Notification",
   props: {
     title: {},
@@ -2186,7 +1899,7 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
   },
   emits: ["close"],
   setup(e) {
-    const t = e, r = ae(t), n = v(() => {
+    const t = e, r = j(t), n = v(() => {
       switch (t.color) {
         case "secondary":
           return "bg-secondary-container";
@@ -2210,9 +1923,9 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
       }
     });
     return (o, s) => {
-      const i = ht;
-      return m(), b("div", {
-        class: _(["relative min-h-16 min-w-80 w-full flex items-center gap-2 container-low p-3", [
+      const l = ot;
+      return m(), g("div", {
+        class: y(["relative min-h-16 min-w-80 w-full flex items-center gap-2 container-low p-3", [
           { "border-0": !o.withBorder },
           u(r).class,
           {
@@ -2220,104 +1933,104 @@ const Jr = ["id"], Kr = ["for"], oo = /* @__PURE__ */ A({
             "w-full": o.block
           }
         ]]),
-        style: B(u(r).style)
+        style: C(u(r).style)
       }, [
-        o.icon ? (m(), b("div", {
+        o.icon ? (m(), g("div", {
           key: 0,
-          class: _(["leading-0", u(a)])
+          class: y(["leading-0", u(a)])
         }, [
-          o.loading ? (m(), b("i", on)) : (m(), b("i", {
+          o.loading ? (m(), g("i", Fr)) : (m(), g("i", {
             key: 1,
-            class: _(["h-container w-container shrink-0", o.icon])
+            class: y(["h-container w-container shrink-0", o.icon])
           }, null, 2))
-        ], 2)) : (m(), b("div", an, [
-          x("div", {
-            class: _(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
+        ], 2)) : (m(), g("div", Lr, [
+          k("div", {
+            class: y(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
               "animate-pulse": o.loading
             }, u(n)]])
           }, null, 2)
         ])),
-        x("div", sn, [
-          o.title ? (m(), b("div", {
+        k("div", Wr, [
+          o.title ? (m(), g("div", {
             key: 0,
-            class: _([u(a), "text-base"])
-          }, fe(o.title), 3)) : H("", !0),
-          o.$slots.message ? E(o.$slots, "message", { key: 1 }) : o.message ? (m(), b("div", ln, fe(o.message), 1)) : H("", !0)
+            class: y([u(a), "text-base"])
+          }, oe(o.title), 3)) : T("", !0),
+          o.$slots.message ? M(o.$slots, "message", { key: 1 }) : o.message ? (m(), g("div", jr, oe(o.message), 1)) : T("", !0)
         ]),
-        o.closeable ? (m(), L(i, {
+        o.closeable ? (m(), N(l, {
           key: 2,
           icon: "",
           variant: "transparent",
           class: "text-surface-on hover:text-surface-on",
-          onClick: s[0] || (s[0] = (l) => o.$emit("close"))
+          onClick: s[0] || (s[0] = (i) => o.$emit("close"))
         }, {
-          default: X(() => [
-            cn
+          default: W(() => [
+            Gr
           ]),
           _: 1
-        })) : H("", !0)
+        })) : T("", !0)
       ], 6);
     };
   }
-}), wt = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), dn = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakSet();
-let re, qe = 0, Ge = 0;
-const Z = "__aa_tgt", we = "__aa_del", Te = "__aa_new", fn = (e) => {
-  const t = gn(e);
-  t && t.forEach((r) => bn(r));
-}, pn = (e) => {
+}), dt = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new WeakMap(), se = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), Oe = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakSet();
+let Z, Fe = 0, Le = 0;
+const U = "__aa_tgt", be = "__aa_del", Me = "__aa_new", Xr = (e) => {
+  const t = Jr(e);
+  t && t.forEach((r) => en(r));
+}, Yr = (e) => {
   e.forEach((t) => {
-    t.target === re && mn(), D.has(t.target) && ue(t.target);
+    t.target === Z && Kr(), O.has(t.target) && re(t.target);
   });
 };
-function hn(e) {
-  const t = He.get(e);
+function Zr(e) {
+  const t = Oe.get(e);
   t == null || t.disconnect();
-  let r = D.get(e), n = 0;
+  let r = O.get(e), n = 0;
   const a = 5;
-  r || (r = me(e), D.set(e, r));
-  const { offsetWidth: o, offsetHeight: s } = re, l = [
+  r || (r = le(e), O.set(e, r));
+  const { offsetWidth: o, offsetHeight: s } = Z, i = [
     r.top - a,
     o - (r.left + a + r.width),
     s - (r.top + a + r.height),
     r.left - a
   ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), c = new IntersectionObserver(() => {
-    ++n > 1 && ue(e);
+    ++n > 1 && re(e);
   }, {
-    root: re,
+    root: Z,
     threshold: 1,
-    rootMargin: l
+    rootMargin: i
   });
-  c.observe(e), He.set(e, c);
+  c.observe(e), Oe.set(e, c);
 }
-function ue(e) {
-  clearTimeout(Ae.get(e));
-  const t = ze(e), r = _e(t) ? 500 : t.duration;
-  Ae.set(e, setTimeout(async () => {
-    const n = le.get(e);
+function re(e) {
+  clearTimeout(Se.get(e));
+  const t = Ae(e), r = ge(t) ? 500 : t.duration;
+  Se.set(e, setTimeout(async () => {
+    const n = ee.get(e);
     try {
-      await (n == null ? void 0 : n.finished), D.set(e, me(e)), hn(e);
+      await (n == null ? void 0 : n.finished), O.set(e, le(e)), Zr(e);
     } catch {
     }
   }, r));
 }
-function mn() {
-  clearTimeout(Ae.get(re)), Ae.set(re, setTimeout(() => {
-    wt.forEach((e) => St(e, (t) => _t(() => ue(t))));
+function Kr() {
+  clearTimeout(Se.get(Z)), Se.set(Z, setTimeout(() => {
+    dt.forEach((e) => mt(e, (t) => ft(() => re(t))));
   }, 100));
 }
-function vn(e) {
+function Qr(e) {
   setTimeout(() => {
-    dn.set(e, setInterval(() => _t(ue.bind(null, e)), 2e3));
+    qr.set(e, setInterval(() => ft(re.bind(null, e)), 2e3));
   }, Math.round(2e3 * Math.random()));
 }
-function _t(e) {
+function ft(e) {
   typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
 }
-let Pe, de;
-typeof window < "u" && (re = document.documentElement, Pe = new MutationObserver(fn), de = new ResizeObserver(pn), window.addEventListener("scroll", () => {
-  Ge = window.scrollY, qe = window.scrollX;
-}), de.observe(re));
-function gn(e) {
+let He, ne;
+typeof window < "u" && (Z = document.documentElement, He = new MutationObserver(Xr), ne = new ResizeObserver(Yr), window.addEventListener("scroll", () => {
+  Le = window.scrollY, Fe = window.scrollX;
+}), ne.observe(Z));
+function Jr(e) {
   return e.reduce((n, a) => [
     ...n,
     ...Array.from(a.addedNodes),
@@ -2326,23 +2039,23 @@ function gn(e) {
     if (n === !1)
       return !1;
     if (a.target instanceof Element) {
-      if (Ne(a.target), !n.has(a.target)) {
+      if (Re(a.target), !n.has(a.target)) {
         n.add(a.target);
         for (let o = 0; o < a.target.children.length; o++) {
           const s = a.target.children.item(o);
           if (s) {
-            if (we in s)
+            if (be in s)
               return !1;
-            Ne(a.target, s), n.add(s);
+            Re(a.target, s), n.add(s);
           }
         }
       }
       if (a.removedNodes.length)
         for (let o = 0; o < a.removedNodes.length; o++) {
           const s = a.removedNodes[o];
-          if (we in s)
+          if (be in s)
             return !1;
-          s instanceof Element && (n.add(s), Ne(a.target, s), pe.set(s, [
+          s instanceof Element && (n.add(s), Re(a.target, s), se.set(s, [
             a.previousSibling,
             a.nextSibling
           ]));
@@ -2351,18 +2064,18 @@ function gn(e) {
     return n;
   }, /* @__PURE__ */ new Set());
 }
-function Ne(e, t) {
-  !t && !(Z in e) ? Object.defineProperty(e, Z, { value: e }) : t && !(Z in t) && Object.defineProperty(t, Z, { value: e });
+function Re(e, t) {
+  !t && !(U in e) ? Object.defineProperty(e, U, { value: e }) : t && !(U in t) && Object.defineProperty(t, U, { value: e });
 }
-function bn(e) {
+function en(e) {
   var t;
-  const r = e.isConnected, n = D.has(e);
-  r && pe.has(e) && pe.delete(e), le.has(e) && ((t = le.get(e)) === null || t === void 0 || t.cancel()), Te in e ? nt(e) : n && r ? wn(e) : n && !r ? _n(e) : nt(e);
+  const r = e.isConnected, n = O.has(e);
+  r && se.has(e) && se.delete(e), ee.has(e) && ((t = ee.get(e)) === null || t === void 0 || t.cancel()), Me in e ? Qe(e) : n && r ? rn(e) : n && !r ? nn(e) : Qe(e);
 }
-function U(e) {
+function L(e) {
   return Number(e.replace(/[^0-9.\-]/g, ""));
 }
-function yn(e) {
+function tn(e) {
   let t = e.parentElement;
   for (; t; ) {
     if (t.scrollLeft || t.scrollTop)
@@ -2371,8 +2084,8 @@ function yn(e) {
   }
   return { x: 0, y: 0 };
 }
-function me(e) {
-  const t = e.getBoundingClientRect(), { x: r, y: n } = yn(e);
+function le(e) {
+  const t = e.getBoundingClientRect(), { x: r, y: n } = tn(e);
   return {
     top: t.top + n,
     left: t.left + r,
@@ -2380,69 +2093,69 @@ function me(e) {
     height: t.height
   };
 }
-function kt(e, t, r) {
+function ht(e, t, r) {
   let n = t.width, a = t.height, o = r.width, s = r.height;
-  const i = getComputedStyle(e);
-  if (i.getPropertyValue("box-sizing") === "content-box") {
-    const c = U(i.paddingTop) + U(i.paddingBottom) + U(i.borderTopWidth) + U(i.borderBottomWidth), d = U(i.paddingLeft) + U(i.paddingRight) + U(i.borderRightWidth) + U(i.borderLeftWidth);
+  const l = getComputedStyle(e);
+  if (l.getPropertyValue("box-sizing") === "content-box") {
+    const c = L(l.paddingTop) + L(l.paddingBottom) + L(l.borderTopWidth) + L(l.borderBottomWidth), d = L(l.paddingLeft) + L(l.paddingRight) + L(l.borderRightWidth) + L(l.borderLeftWidth);
     n -= d, o -= d, a -= c, s -= c;
   }
   return [n, o, a, s].map(Math.round);
 }
-function ze(e) {
-  return Z in e && he.has(e[Z]) ? he.get(e[Z]) : { duration: 250, easing: "ease-in-out" };
+function Ae(e) {
+  return U in e && ie.has(e[U]) ? ie.get(e[U]) : { duration: 250, easing: "ease-in-out" };
 }
-function xt(e) {
-  if (Z in e)
-    return e[Z];
+function pt(e) {
+  if (U in e)
+    return e[U];
 }
-function Ue(e) {
-  const t = xt(e);
-  return t ? be.has(t) : !1;
+function We(e) {
+  const t = pt(e);
+  return t ? me.has(t) : !1;
 }
-function St(e, ...t) {
-  t.forEach((r) => r(e, he.has(e)));
+function mt(e, ...t) {
+  t.forEach((r) => r(e, ie.has(e)));
   for (let r = 0; r < e.children.length; r++) {
     const n = e.children.item(r);
-    n && t.forEach((a) => a(n, he.has(n)));
+    n && t.forEach((a) => a(n, ie.has(n)));
   }
 }
-function Xe(e) {
+function je(e) {
   return Array.isArray(e) ? e : [e];
 }
-function _e(e) {
+function ge(e) {
   return typeof e == "function";
 }
-function wn(e) {
-  const t = D.get(e), r = me(e);
-  if (!Ue(e))
-    return D.set(e, r);
+function rn(e) {
+  const t = O.get(e), r = le(e);
+  if (!We(e))
+    return O.set(e, r);
   let n;
   if (!t)
     return;
-  const a = ze(e);
+  const a = Ae(e);
   if (typeof a != "function") {
-    const o = t.left - r.left, s = t.top - r.top, [i, l, c, d] = kt(e, t, r), f = {
+    const o = t.left - r.left, s = t.top - r.top, [l, i, c, d] = ht(e, t, r), f = {
       transform: `translate(${o}px, ${s}px)`
-    }, p = {
+    }, h = {
       transform: "translate(0, 0)"
     };
-    i !== l && (f.width = `${i}px`, p.width = `${l}px`), c !== d && (f.height = `${c}px`, p.height = `${d}px`), n = e.animate([f, p], {
+    l !== i && (f.width = `${l}px`, h.width = `${i}px`), c !== d && (f.height = `${c}px`, h.height = `${d}px`), n = e.animate([f, h], {
       duration: a.duration,
       easing: a.easing
     });
   } else {
-    const [o] = Xe(a(e, "remain", t, r));
+    const [o] = je(a(e, "remain", t, r));
     n = new Animation(o), n.play();
   }
-  le.set(e, n), D.set(e, r), n.addEventListener("finish", ue.bind(null, e));
-}
-function nt(e) {
-  Te in e && delete e[Te];
-  const t = me(e);
-  D.set(e, t);
-  const r = ze(e);
-  if (!Ue(e))
+  ee.set(e, n), O.set(e, r), n.addEventListener("finish", re.bind(null, e));
+}
+function Qe(e) {
+  Me in e && delete e[Me];
+  const t = le(e);
+  O.set(e, t);
+  const r = Ae(e);
+  if (!We(e))
     return;
   let n;
   if (typeof r != "function")
@@ -2455,43 +2168,43 @@ function nt(e) {
       easing: "ease-in"
     });
   else {
-    const [a] = Xe(r(e, "add", t));
+    const [a] = je(r(e, "add", t));
     n = new Animation(a), n.play();
   }
-  le.set(e, n), n.addEventListener("finish", ue.bind(null, e));
+  ee.set(e, n), n.addEventListener("finish", re.bind(null, e));
 }
-function ot(e, t) {
+function Je(e, t) {
   var r;
-  e.remove(), D.delete(e), pe.delete(e), le.delete(e), (r = He.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
-    if (we in e && delete e[we], Object.defineProperty(e, Te, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
+  e.remove(), O.delete(e), se.delete(e), ee.delete(e), (r = Oe.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
+    if (be in e && delete e[be], Object.defineProperty(e, Me, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
       for (const n in t)
         e.style[n] = "";
   }, 0);
 }
-function _n(e) {
+function nn(e) {
   var t;
-  if (!pe.has(e) || !D.has(e))
+  if (!se.has(e) || !O.has(e))
     return;
-  const [r, n] = pe.get(e);
-  Object.defineProperty(e, we, { value: !0, configurable: !0 });
+  const [r, n] = se.get(e);
+  Object.defineProperty(e, be, { value: !0, configurable: !0 });
   const a = window.scrollX, o = window.scrollY;
-  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : r && r.parentNode ? r.parentNode.appendChild(e) : (t = xt(e)) === null || t === void 0 || t.appendChild(e), !Ue(e))
-    return ot(e);
-  const [s, i, l, c] = xn(e), d = ze(e), f = D.get(e);
-  (a !== qe || o !== Ge) && kn(e, a, o, d);
-  let p, w = {
+  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : r && r.parentNode ? r.parentNode.appendChild(e) : (t = pt(e)) === null || t === void 0 || t.appendChild(e), !We(e))
+    return Je(e);
+  const [s, l, i, c] = an(e), d = Ae(e), f = O.get(e);
+  (a !== Fe || o !== Le) && on(e, a, o, d);
+  let h, w = {
     position: "absolute",
     top: `${s}px`,
-    left: `${i}px`,
-    width: `${l}px`,
+    left: `${l}px`,
+    width: `${i}px`,
     height: `${c}px`,
     margin: "0",
     pointerEvents: "none",
     transformOrigin: "center",
     zIndex: "100"
   };
-  if (!_e(d))
-    Object.assign(e.style, w), p = e.animate([
+  if (!ge(d))
+    Object.assign(e.style, w), h = e.animate([
       {
         transform: "scale(1)",
         opacity: 1
@@ -2502,66 +2215,66 @@ function _n(e) {
       }
     ], { duration: d.duration, easing: "ease-out" });
   else {
-    const [S, k] = Xe(d(e, "remove", f));
-    (k == null ? void 0 : k.styleReset) !== !1 && (w = (k == null ? void 0 : k.styleReset) || w, Object.assign(e.style, w)), p = new Animation(S), p.play();
+    const [A, E] = je(d(e, "remove", f));
+    (E == null ? void 0 : E.styleReset) !== !1 && (w = (E == null ? void 0 : E.styleReset) || w, Object.assign(e.style, w)), h = new Animation(A), h.play();
   }
-  le.set(e, p), p.addEventListener("finish", ot.bind(null, e, w));
+  ee.set(e, h), h.addEventListener("finish", Je.bind(null, e, w));
 }
-function kn(e, t, r, n) {
-  const a = qe - t, o = Ge - r, s = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(re).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
+function on(e, t, r, n) {
+  const a = Fe - t, o = Le - r, s = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(Z).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
     return;
-  const l = e.parentElement;
-  let c = l.clientHeight, d = l.clientWidth;
+  const i = e.parentElement;
+  let c = i.clientHeight, d = i.clientWidth;
   const f = performance.now();
-  function p() {
+  function h() {
     requestAnimationFrame(() => {
-      if (!_e(n)) {
-        const w = c - l.clientHeight, S = d - l.clientWidth;
+      if (!ge(n)) {
+        const w = c - i.clientHeight, A = d - i.clientWidth;
         f + n.duration > performance.now() ? (window.scrollTo({
-          left: window.scrollX - S,
+          left: window.scrollX - A,
           top: window.scrollY - w
-        }), c = l.clientHeight, d = l.clientWidth, p()) : document.documentElement.style.scrollBehavior = s;
+        }), c = i.clientHeight, d = i.clientWidth, h()) : document.documentElement.style.scrollBehavior = s;
       }
     });
   }
-  p();
+  h();
 }
-function xn(e) {
-  const t = D.get(e), [r, , n] = kt(e, t, me(e));
+function an(e) {
+  const t = O.get(e), [r, , n] = ht(e, t, le(e));
   let a = e.parentElement;
   for (; a && (getComputedStyle(a).position === "static" || a instanceof HTMLBodyElement); )
     a = a.parentElement;
   a || (a = document.body);
-  const o = getComputedStyle(a), s = D.get(a) || me(a), i = Math.round(t.top - s.top) - U(o.borderTopWidth), l = Math.round(t.left - s.left) - U(o.borderLeftWidth);
-  return [i, l, r, n];
+  const o = getComputedStyle(a), s = O.get(a) || le(a), l = Math.round(t.top - s.top) - L(o.borderTopWidth), i = Math.round(t.left - s.left) - L(o.borderLeftWidth);
+  return [l, i, r, n];
 }
-function Sn(e, t = {}) {
-  return Pe && de && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !_e(t) && !t.disrespectUserMotionPreference || (be.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), St(e, ue, vn, (a) => de == null ? void 0 : de.observe(a)), _e(t) ? he.set(e, t) : he.set(e, { duration: 250, easing: "ease-in-out", ...t }), Pe.observe(e, { childList: !0 }), wt.add(e))), Object.freeze({
+function sn(e, t = {}) {
+  return He && ne && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ge(t) && !t.disrespectUserMotionPreference || (me.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), mt(e, re, Qr, (a) => ne == null ? void 0 : ne.observe(a)), ge(t) ? ie.set(e, t) : ie.set(e, { duration: 250, easing: "ease-in-out", ...t }), He.observe(e, { childList: !0 }), dt.add(e))), Object.freeze({
     parent: e,
     enable: () => {
-      be.add(e);
+      me.add(e);
     },
     disable: () => {
-      be.delete(e);
+      me.delete(e);
     },
-    isEnabled: () => be.has(e)
+    isEnabled: () => me.has(e)
   });
 }
-const Mn = {
+const ln = {
   mounted: (e, t) => {
-    Sn(e, t.value || {});
+    sn(e, t.value || {});
   },
   // ignore ssr see #96:
   getSSRProps: () => ({})
-}, $n = { class: "fixed z-20 flex flex-col gap-2 p-2" }, uo = /* @__PURE__ */ A({
+}, cn = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Un = /* @__PURE__ */ x({
   __name: "NotificationSystem",
   setup(e) {
-    const t = En();
+    const t = mn();
     return (r, n) => {
-      const a = un;
-      return Le((m(), b("div", $n, [
-        (m(!0), b(se, null, ye(u(t), (o) => (m(), L(a, {
+      const a = Ur;
+      return Ve((m(), g("div", cn, [
+        (m(!0), g(Q, null, ve(u(t), (o) => (m(), N(a, {
           key: o.hash,
           closeable: "",
           "with-border": "",
@@ -2573,11 +2286,11 @@ const Mn = {
           onClose: (s) => u(t).splice(u(t).indexOf(o), 1)
         }, null, 8, ["title", "message", "icon", "loading", "color", "onClose"]))), 128))
       ])), [
-        [u(Mn)]
+        [u(ln)]
       ]);
     };
   }
-}), Cn = { class: "relative" }, fo = /* @__PURE__ */ A({
+}), un = { class: "relative" }, qn = /* @__PURE__ */ x({
   __name: "Overlay",
   props: {
     blur: { type: [Boolean, String], default: !1 },
@@ -2598,22 +2311,22 @@ const Mn = {
         default:
           return "";
       }
-    }), n = ae(t), a = g(null), o = h(t.color).toRgb(), s = v(() => ({
+    }), n = j(t), a = b(null), o = p(t.color).toRgb(), s = v(() => ({
       backgroundColor: `rgba(${o.r}, ${o.g}, ${o.b}, ${t.opacity / 100})`
     }));
-    return (i, l) => (m(), b("div", Cn, [
-      E(i.$slots, "default"),
-      x("div", ke(i.$attrs, {
+    return (l, i) => (m(), g("div", un, [
+      M(l.$slots, "default"),
+      k("div", ye(l.$attrs, {
         ref_key: "wrapperRef",
         ref: a,
         class: [[u(r), u(n).class], "absolute left-0 top-0 h-full w-full overflow-hidden md:items-center"],
         style: [u(n).style, u(s)]
       }), [
-        E(i.$slots, "content")
+        M(l.$slots, "content")
       ], 16)
     ]));
   }
-}), po = /* @__PURE__ */ A({
+}), Xn = /* @__PURE__ */ x({
   __name: "Paper",
   props: {
     size: { default: "md" },
@@ -2622,23 +2335,23 @@ const Mn = {
     is: { default: "div" }
   },
   setup(e) {
-    const r = ae(e);
-    return (n, a) => (m(), L(ve(n.is), {
-      class: _(["container-low rounded-lg p-4", [
+    const r = j(e);
+    return (n, a) => (m(), N(ce(n.is), {
+      class: y(["container-low rounded-lg p-4", [
         {
           "border-transparent": !n.withBorder
         },
         u(r).class
       ]]),
-      style: B([u(r).style])
+      style: C([u(r).style])
     }, {
-      default: X(() => [
-        E(n.$slots, "default")
+      default: W(() => [
+        M(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), An = ["value", "placeholder", "type"], Tn = /* @__PURE__ */ A({
+}), dn = ["value", "placeholder", "type"], fn = /* @__PURE__ */ x({
   __name: "TextField",
   props: {
     modelValue: {},
@@ -2682,29 +2395,29 @@ const Mn = {
         default:
           return "text-surface-on bg-surface-base border-surface-border-base focus:border-primary-container";
       }
-    }), i = v(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), l = ae(n), c = g(null);
+    }), l = v(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), i = j(n), c = b(null);
     function d(f) {
-      var p;
-      a("update:modelValue", ((p = f.target) == null ? void 0 : p.value) ?? ""), a("input", f);
+      var h;
+      a("update:modelValue", ((h = f.target) == null ? void 0 : h.value) ?? ""), a("input", f);
     }
     return t({
       el: c
-    }), (f, p) => (m(), b("input", {
+    }), (f, h) => (m(), g("input", {
       ref_key: "input",
       ref: c,
       value: f.modelValue,
-      class: _(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [u(s), u(i), u(l).class, u(o).base]]),
-      style: B([u(l).style]),
+      class: y(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [u(s), u(l), u(i).class, u(o).base]]),
+      style: C([u(i).style]),
       placeholder: f.placeholder,
       type: n.password ? "password" : "text",
-      onChange: p[0] || (p[0] = (w) => f.$emit("change", w)),
+      onChange: h[0] || (h[0] = (w) => f.$emit("change", w)),
       onInput: d,
-      onClick: p[1] || (p[1] = (w) => f.$emit("click", w)),
-      onPointerdown: p[2] || (p[2] = (w) => f.$emit("pointerdown", w)),
-      onPointerup: p[3] || (p[3] = (w) => f.$emit("pointerup", w))
-    }, null, 46, An));
+      onClick: h[1] || (h[1] = (w) => f.$emit("click", w)),
+      onPointerdown: h[2] || (h[2] = (w) => f.$emit("pointerdown", w)),
+      onPointerup: h[3] || (h[3] = (w) => f.$emit("pointerup", w))
+    }, null, 46, dn));
   }
-}), Rn = { class: "flex gap-2" }, ho = /* @__PURE__ */ A({
+}), hn = { class: "flex gap-2" }, Yn = /* @__PURE__ */ x({
   __name: "PinInput",
   props: {
     modelValue: {},
@@ -2713,37 +2426,37 @@ const Mn = {
     password: { type: Boolean }
   },
   setup(e) {
-    const t = e, r = g([]);
+    const t = e, r = b([]);
     function n(o) {
       o.preventDefault(), o.stopPropagation();
-      const s = r.value.findIndex((l) => l.el === o.target), i = o.target.value ?? "";
-      o.target.value = "", Array.from(i).forEach((l, c) => {
-        s + c >= r.value.length || (r.value[s + c].el.value = l, s + c + 1 < r.value.length ? (r.value[s + c + 1].el.focus(), r.value[s + c + 1].el.select()) : r.value[s + c].el.blur());
+      const s = r.value.findIndex((i) => i.el === o.target), l = o.target.value ?? "";
+      o.target.value = "", Array.from(l).forEach((i, c) => {
+        s + c >= r.value.length || (r.value[s + c].el.value = i, s + c + 1 < r.value.length ? (r.value[s + c + 1].el.focus(), r.value[s + c + 1].el.select()) : r.value[s + c].el.blur());
       });
     }
     function a(o) {
       o.preventDefault(), o.stopPropagation();
       const s = o.target.value !== "";
       o.target.value = "";
-      const i = r.value.findIndex((l) => l.el === o.target);
-      i !== 0 && (r.value[i - 1].el.focus(), r.value[i - 1].el.select(), s || (r.value[i - 1].el.value = ""));
+      const l = r.value.findIndex((i) => i.el === o.target);
+      l !== 0 && (r.value[l - 1].el.focus(), r.value[l - 1].el.select(), s || (r.value[l - 1].el.value = ""));
     }
-    return (o, s) => (m(), b("div", Rn, [
-      (m(!0), b(se, null, ye(t.length, (i) => (m(), L(Tn, {
+    return (o, s) => (m(), g("div", hn, [
+      (m(!0), g(Q, null, ve(t.length, (l) => (m(), N(fn, {
         ref_for: !0,
         ref_key: "inputs",
         ref: r,
-        key: i,
+        key: l,
         class: "w-8 text-center",
         style: { padding: "0" },
         password: t.password,
-        onPointerup: s[0] || (s[0] = (l) => l.target.select()),
-        onInput: ct(n, ["stop", "prevent"]),
-        onKeydown: Bt(a, ["backspace"])
+        onPointerup: s[0] || (s[0] = (i) => i.target.select()),
+        onInput: nt(n, ["stop", "prevent"]),
+        onKeydown: Ct(a, ["backspace"])
       }, null, 8, ["password"]))), 128))
     ]));
   }
-}), mo = /* @__PURE__ */ A({
+}), Zn = /* @__PURE__ */ x({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -2775,95 +2488,104 @@ const Mn = {
         case "error":
           return "bg-error-7";
       }
-    }), a = ae(t);
-    return (o, s) => (m(), b("div", {
-      class: _(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [u(r), u(a).class]]),
-      style: B([u(a).style])
+    }), a = j(t);
+    return (o, s) => (m(), g("div", {
+      class: y(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [u(r), u(a).class]]),
+      style: C([u(a).style])
     }, [
-      o.loading ? (m(), b("div", {
+      o.loading ? (m(), g("div", {
         key: 1,
-        class: _(["loading-progress h-full", [u(n)]])
-      }, null, 2)) : (m(), b("div", {
+        class: y(["loading-progress h-full", [u(n)]])
+      }, null, 2)) : (m(), g("div", {
         key: 0,
-        class: _(["h-full", [u(n)]]),
-        style: B([{
+        class: y(["h-full", [u(n)]]),
+        style: C([{
           width: `${(Number(o.value) - Number(o.min)) / (Number(o.max) - Number(o.min)) * 100}%`
         }])
       }, null, 6))
     ], 6));
   }
-}), Mt = {
+}), vt = {
   primary: ["#e5f7ff", "#d3ebfa", "#a9d4f1", "#7cbde9", "#57a9e0", "#3f9cdc", "#3096dc", "#1f82c4", "#0f73b0", "#00649c", "#082f49"],
   secondary: ["#e9fbf0", "#dcf1e3", "#badfc7", "#96cea9", "#77bf90", "#63b580", "#58b077", "#479a64", "#3b8a58", "#2c7749", "#022c22"],
   tertiary: ["#fff7e1", "#ffedcd", "#fcd99e", "#f9c46b", "#f7b23f", "#f6a724", "#f5a113", "#da8c04", "#c37d00", "#aa6a00", "#572508"],
   error: ["#ffeaea", "#fcd5d5", "#f2a8a9", "#ea7a7a", "#e25353", "#de3939", "#dd2b2b", "#c41e1f", "#af171a", "#9a0913", "#450a0a"],
-  surface: ["#fafafa", "#f5f5f5", "#e5e5e5", "#d4d4d4", "#a3a3a3", "#737373", "#525252", "#404040", "#262626", "#171717", "#121212"]
-}, Ve = {
+  surface: ["#fefefe", "#fafafa", "#f5f5f5", "#e5e5e5", "#a3a3a3", "#737373", "#525252", "#404040", "#262626", "#171717", "#121212"]
+}, Pe = {
   name: "dark",
   scheme: "dark",
-  colors: Mt
-}, zn = {
+  colors: vt
+}, pn = {
   name: "light",
   scheme: "light",
-  colors: Mt
-}, vo = Symbol("Notifications"), $t = Ht([]);
-function En() {
-  return $t;
+  colors: vt
+}, Kn = Symbol("Notifications"), bt = At([]);
+function mn() {
+  return bt;
 }
-class go {
+class Qn {
   static show(t) {
-    t.hash = Math.random().toString(36), $t.push(t);
+    t.hash = Math.random().toString(36), bt.push(t);
   }
 }
-const Ie = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28];
-function On(e) {
-  const t = h(e).toHsl().l;
-  return Ie.reduce(
+const Ne = [0.96, 0.96, 0.907, 0.805, 0.697, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28];
+function vn(e) {
+  const t = p(e).toHsl().l;
+  return Ne.reduce(
     (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
   );
 }
-function Nn(e) {
-  const t = h(e), r = On(t), n = Ie.findIndex((o) => o === r), a = Ie.map((o) => {
-    const s = h({ h: t.toHsl().h, s: t.toHsl().s, l: o });
+function bn(e) {
+  const t = p(e), r = vn(t), n = Ne.findIndex((o) => o === r), a = Ne.map((o) => {
+    const s = p({ h: t.toHsl().h, s: t.toHsl().s, l: o });
     return s.saturate(0 * 100), s;
   });
   return { baseColorIndex: n, colors: a.map((o) => o.toHexString()) };
 }
-function bo(e) {
-  return Nn(e).colors;
+function Jn(e) {
+  return bn(e).colors;
 }
-const yo = /* @__PURE__ */ A({
+const eo = /* @__PURE__ */ x({
   __name: "RokuProvider",
   props: {
     is: { default: "div" },
     theme: { default() {
-      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Ve : zn;
+      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Pe : pn;
     } }
   },
   setup(e) {
-    const t = e, r = g(0), n = g(0);
-    ie && new ResizeObserver(() => {
-      const i = window.innerWidth - document.body.clientWidth;
-      i !== 0 && (r.value = i), n.value = i;
-    }).observe(document.body);
-    const a = v(() => n.value === r.value ? "0px" : `${r.value}px`), o = gt(t.theme);
-    return (s, i) => (m(), L(ve(s.is), {
-      style: B([
-        u(o),
-        { paddingRight: u(a) }
+    const t = e, r = b(0), n = b(0), a = b(t.theme.scheme);
+    ae && (new ResizeObserver(() => {
+      const d = window.innerWidth - document.body.clientWidth;
+      d !== 0 && (r.value = d), n.value = d;
+    }).observe(document.body), new MutationObserver(() => {
+      a.value !== document.documentElement.dataset.scheme && (a.value = document.documentElement.dataset.scheme);
+    }).observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["data-scheme"]
+    }));
+    const o = v(() => n.value === r.value ? "0px" : `${r.value}px`), s = Jt();
+    F(() => {
+      a.value === "dark" ? document.documentElement.dataset.scheme = "dark" : a.value === "light" ? document.documentElement.dataset.scheme = "light" : s.value === "dark" ? document.documentElement.dataset.scheme = "dark" : document.documentElement.dataset.scheme = "light", localStorage.setItem("scheme", document.documentElement.dataset.scheme);
+    }), ze(ct, a);
+    const l = it(t.theme);
+    return (i, c) => (m(), N(ce(i.is), {
+      style: C([
+        u(l),
+        { paddingRight: u(o) }
       ]),
       class: "text-surface-on transition-background-color,border-color,color"
     }, {
-      default: X(() => [
-        E(s.$slots, "default")
+      default: W(() => [
+        M(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), Bn = ["id"], Hn = ["for"], Pn = ["for"], Vn = /* @__PURE__ */ A({
+}), gn = ["id"], yn = ["for"], wn = ["for"], _n = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "Switch",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     size: { default: "md" },
     animate: { type: Boolean, default: !0 },
     options: {},
@@ -2881,9 +2603,9 @@ const yo = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = oe(e, "modelValue");
+    const t = e, r = K(e, "modelValue");
     t.value && (r.value = t.value);
-    const n = g(null), a = g(!1), o = v(() => {
+    const n = b(null), a = b(!1), o = v(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -2916,7 +2638,7 @@ const yo = /* @__PURE__ */ A({
     } : {
       indicator: "",
       progress: ""
-    }), i = bt(t), l = v(() => {
+    }), l = lt(t), i = v(() => {
       let d = "bg-primary-container";
       switch (t.color) {
         case "secondary":
@@ -2933,42 +2655,42 @@ const yo = /* @__PURE__ */ A({
         wrapper: r.value ? `border border-transparent ${d}` : "bg-surface-lowest border border-surface-border-low",
         indicator: t.disabled ? "bg-surface-high" : "bg-white text-primary-container"
       };
-    }), c = ae(t);
-    return (d, f) => (m(), b("div", {
+    }), c = j(t);
+    return (d, f) => (m(), g("div", {
       role: "switch",
-      class: _(["relative flex items-center gap-2", {
+      class: y(["relative flex items-center gap-2", {
         "pointer-events-none filter-grayscale op60": t.disabled
       }])
     }, [
-      Le(x("input", ke({
-        id: u(i),
-        "onUpdate:modelValue": f[0] || (f[0] = (p) => r.value = p)
+      Ve(k("input", ye({
+        id: u(l),
+        "onUpdate:modelValue": f[0] || (f[0] = (h) => r.value = h)
       }, d.$attrs, {
         class: "hidden",
         type: "checkbox"
-      }), null, 16, Bn), [
-        [Pt, r.value]
+      }), null, 16, gn), [
+        [Tt, r.value]
       ]),
-      x("label", {
+      k("label", {
         class: "leading-0 cursor-pointer!",
-        for: u(i)
+        for: u(l)
       }, [
-        x("div", {
+        k("div", {
           ref_key: "wrapper",
           ref: n,
-          class: _([[u(o).wrapper, u(l).wrapper, u(c).class], "relative inline-block transition-all"]),
-          style: B([u(c).style]),
-          onPointerdown: f[1] || (f[1] = (p) => a.value = !0),
-          onPointerup: f[2] || (f[2] = (p) => a.value = !1),
-          onPointerleave: f[3] || (f[3] = (p) => a.value = !1),
-          onPointerenter: f[4] || (f[4] = (p) => p.buttons === 1 && (a.value = !0))
+          class: y([[u(o).wrapper, u(i).wrapper, u(c).class], "relative inline-block transition-all"]),
+          style: C([u(c).style]),
+          onPointerdown: f[1] || (f[1] = (h) => a.value = !0),
+          onPointerup: f[2] || (f[2] = (h) => a.value = !1),
+          onPointerleave: f[3] || (f[3] = (h) => a.value = !1),
+          onPointerenter: f[4] || (f[4] = (h) => h.buttons === 1 && (a.value = !0))
         }, [
-          x("div", {
-            class: _(["absolute top-50% -translate-y-50%", [u(o).indicator, u(l).indicator, u(s).indicator, r.value ? u(o).active : u(o).inactive, u(c).class]]),
-            style: B([u(c).style])
+          k("div", {
+            class: y(["absolute top-50% -translate-y-50%", [u(o).indicator, u(i).indicator, u(s).indicator, r.value ? u(o).active : u(o).inactive, u(c).class]]),
+            style: C([u(c).style])
           }, null, 6),
-          x("i", {
-            class: _(["absolute top-1/2 -translate-y-50%", [u(o).icon, {
+          k("i", {
+            class: y(["absolute top-1/2 -translate-y-50%", [u(o).icon, {
               [`left-0 text-${d.color}-on`]: r.value,
               "right-0 text-surface-on ": !r.value,
               [d.onIcon ?? ""]: r.value && d.onIcon,
@@ -2976,44 +2698,51 @@ const yo = /* @__PURE__ */ A({
             }]])
           }, null, 2)
         ], 38)
-      ], 8, Hn),
-      d.label ? (m(), b("label", {
+      ], 8, yn),
+      d.label ? (m(), g("label", {
         key: 0,
-        for: u(i)
-      }, fe(d.label), 9, Pn)) : H("", !0)
+        for: u(l)
+      }, oe(d.label), 9, wn)) : T("", !0)
     ], 2));
   }
-}), In = { class: "dark:hidden" }, Dn = { class: "light:hidden" }, wo = /* @__PURE__ */ A({
+}), kn = { class: "dark:hidden" }, xn = { class: "light:hidden" }, to = /* @__PURE__ */ x({
   __name: "SchemeSwitch",
   setup(e) {
-    const t = g(void 0);
-    G(() => {
-      ie && (t.value === !0 ? (document.documentElement.setAttribute("data-scheme", "dark"), localStorage.setItem("scheme", "dark")) : t.value === !1 && (document.documentElement.setAttribute("data-scheme", "light"), localStorage.setItem("scheme", "light")));
+    const t = zr(), r = v({
+      get() {
+        return t.value === "dark";
+      },
+      set(o) {
+        t.value = o ? "dark" : "light";
+      }
+    });
+    F(() => {
+      ae && (r.value === !0 ? (document.documentElement.setAttribute("data-scheme", "dark"), localStorage.setItem("scheme", "dark")) : r.value === !1 && (document.documentElement.setAttribute("data-scheme", "light"), localStorage.setItem("scheme", "light")));
     });
-    const r = g(!0), n = g(!1);
-    return ce(() => {
-      if (ie) {
-        const a = localStorage.getItem("scheme");
-        a === "dark" ? t.value = !0 : a === "light" ? t.value = !1 : t.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    const n = b(!0), a = b(!1);
+    return te(() => {
+      if (ae) {
+        const o = localStorage.getItem("scheme");
+        o === "dark" ? r.value = !0 : o === "light" ? r.value = !1 : r.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
       }
-      r.value = !1;
-    }), De(() => {
-      n.value = !0;
-    }), (a, o) => {
-      const s = Vn;
-      return m(), b(se, null, [
-        x("div", {
-          class: _({ hidden: !u(r) })
+      n.value = !1;
+    }), et(() => {
+      a.value = !0;
+    }), (o, s) => {
+      const l = _n;
+      return m(), g(Q, null, [
+        k("div", {
+          class: y({ hidden: !u(n) })
         }, [
-          x("div", In, [
-            Q(s, {
+          k("div", kn, [
+            X(l, {
               value: !1,
               "on-icon": "i-tabler-moon",
               "off-icon": "i-tabler-sun"
             })
           ]),
-          x("div", Dn, [
-            Q(s, {
+          k("div", xn, [
+            X(l, {
               value: !0,
               color: "secondary",
               "on-icon": "i-tabler-moon",
@@ -3021,13 +2750,13 @@ const yo = /* @__PURE__ */ A({
             })
           ])
         ], 2),
-        x("div", {
-          class: _({ hidden: u(r) })
+        k("div", {
+          class: y({ hidden: u(n) })
         }, [
-          Q(s, {
-            modelValue: u(t),
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => Vt(t) ? t.value = i : null),
-            animate: u(n),
+          X(l, {
+            modelValue: u(r),
+            "onUpdate:modelValue": s[0] || (s[0] = (i) => Et(r) ? r.value = i : null),
+            animate: u(a),
             color: "secondary",
             "on-icon": "i-tabler-moon",
             "off-icon": "i-tabler-sun"
@@ -3036,60 +2765,61 @@ const yo = /* @__PURE__ */ A({
       ], 64);
     };
   }
-}), Fn = { class: "w-full flex items-center" }, Ln = ["placeholder", "value"], Wn = /* @__PURE__ */ x("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), jn = {
+}), Sn = { class: "w-full flex items-center" }, Mn = ["placeholder", "value"], $n = /* @__PURE__ */ k("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), Cn = {
   key: 0,
   class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
-}, qn = ["onPointerdown", "onHover"], Gn = { key: 0 }, Un = /* @__PURE__ */ x("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Xn = [
-  Un
-], _o = /* @__PURE__ */ A({
+}, An = ["onPointerdown", "onHover"], Tn = { key: 0 }, En = /* @__PURE__ */ k("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Rn = [
+  En
+], ro = /* @__PURE__ */ x({
   __name: "Select",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     options: { default() {
       return [];
     } },
     size: { default: "md" },
     noneText: { default: "No options" },
+    rounded: { default: "md" },
     placeholder: { default: "" }
   }, {
     modelValue: { default: void 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ee(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e, n = t, a = oe(e, "modelValue"), o = g(null), s = g(null), { focused: i } = vr(o), l = v(() => r.options.map((M) => k(M)).indexOf(a.value)), c = g(-1), d = g(-1);
-    G(() => {
-      i.value || (d.value = -1);
-    }), G(() => {
-      a.value = k(r.options[l.value]);
-    }), ne(a, () => {
-      n("change", a.value);
+    const r = e, n = t, a = j(r), o = K(e, "modelValue"), s = b(null), l = b(null), { focused: i } = Qt(s), c = v(() => r.options.map((_) => R(_)).indexOf(o.value)), d = b(-1), f = b(-1);
+    F(() => {
+      i.value || (f.value = -1);
+    }), F(() => {
+      o.value = R(r.options[c.value]);
+    }), ue(o, () => {
+      n("change", o.value);
     });
-    const f = r.options, p = v(() => f[l.value]), w = v(() => S(p.value));
-    function S(M) {
-      if (M)
-        return typeof M == "string" || typeof M == "symbol" || typeof M == "number" ? M : M.label;
+    const h = r.options, w = v(() => h[c.value]), A = v(() => E(w.value));
+    function E(_) {
+      if (_)
+        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.label;
     }
-    function k(M) {
-      if (M)
-        return typeof M == "string" || typeof M == "symbol" || typeof M == "number" ? M : M.id;
+    function R(_) {
+      if (_)
+        return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.id;
     }
-    Oe("ArrowDown", (M) => {
-      i.value && (M.preventDefault(), d.value = (d.value + 1) % f.length);
-    }), Oe("ArrowUp", (M) => {
-      i.value && (M.preventDefault(), d.value = (d.value - 1 + f.length) % f.length);
-    }), Oe("Enter", () => {
-      i.value && d.value !== -1 && (a.value = k(f[d.value]), i.value = !1);
+    Ee("ArrowDown", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value + 1) % h.length);
+    }), Ee("ArrowUp", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value - 1 + h.length) % h.length);
+    }), Ee("Enter", () => {
+      i.value && f.value !== -1 && (o.value = R(h[f.value]), i.value = !1);
     });
-    function O(M) {
+    function fe(_) {
       if (!i.value) {
         i.value = !0;
         return;
       }
-      a.value = k(M), i.value = !1;
+      o.value = R(_), i.value = !1;
     }
-    const W = v(() => ({
+    const _e = v(() => ({
       input: "container-base focus:border-primary-container"
-    })), I = v(() => {
+    })), ke = v(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -3108,47 +2838,48 @@ const yo = /* @__PURE__ */ A({
           };
       }
     });
-    return (M, C) => (m(), b("div", {
+    return (_, he) => (m(), g("div", {
       ref_key: "wrapperRef",
-      ref: s,
+      ref: l,
       class: "r-select-wrapper relative"
     }, [
-      x("div", Fn, [
-        x("input", {
+      k("div", Sn, [
+        k("input", {
           ref_key: "inputRef",
-          ref: o,
-          class: _([[u(W).input, u(I).wrapper], "r-select-input cursor-pointer border rounded outline-none outline-none focus-visible:outline-2"]),
-          placeholder: M.placeholder,
+          ref: s,
+          class: y([[u(_e).input, u(ke).wrapper, u(a).class], "r-select-input cursor-pointer border outline-none outline-none focus-visible:outline-2"]),
+          placeholder: _.placeholder,
+          style: C([u(a).style]),
           readonly: "",
-          value: u(w),
+          value: u(A),
           "aria-haspopup": "listbox",
           autocomplete: "off",
-          onFocus: C[0] || (C[0] = (P) => i.value = !0)
-        }, null, 42, Ln),
-        Wn
+          onFocus: he[0] || (he[0] = ($) => i.value = !0)
+        }, null, 46, Mn),
+        $n
       ]),
-      u(i) ? (m(), b("div", {
+      u(i) ? (m(), g("div", {
         key: 0,
-        class: _([u(I).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
+        class: y([u(ke).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
       }, [
-        u(f).length === 0 ? (m(), b("div", jn, fe(M.noneText), 1)) : (m(!0), b(se, { key: 1 }, ye(u(f), (P, T) => (m(), b("div", {
-          key: k(P),
-          class: _([{
-            "hover:bg-surface-high": u(d) !== T,
-            "container-filled-primary": u(d) === T
+        u(h).length === 0 ? (m(), g("div", Cn, oe(_.noneText), 1)) : (m(!0), g(Q, { key: 1 }, ve(u(h), ($, z) => (m(), g("div", {
+          key: R($),
+          class: y([{
+            "hover:bg-surface-high": u(f) !== z,
+            "container-filled-primary": u(f) === z
           }, "flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),
-          onPointerdown: (N) => O(P),
-          onHover: (N) => c.value = T
+          onPointerdown: (B) => fe($),
+          onHover: (B) => d.value = z
         }, [
-          It(fe(S(P)) + " ", 1),
-          P === u(p) ? (m(), b("div", Gn, Xn)) : H("", !0)
-        ], 42, qn))), 128))
-      ], 2)) : H("", !0)
+          Rt(oe(E($)) + " ", 1),
+          $ === u(w) ? (m(), g("div", Tn, Rn)) : T("", !0)
+        ], 42, An))), 128))
+      ], 2)) : T("", !0)
     ], 512));
   }
-}), Yn = { class: "relative inline-block w-full" }, ko = /* @__PURE__ */ A({
+}), zn = { class: "relative inline-block w-full" }, no = /* @__PURE__ */ x({
   __name: "Slider",
-  props: /* @__PURE__ */ ee({
+  props: /* @__PURE__ */ Y({
     size: { default: "md" },
     animate: { type: Boolean, default: !1 },
     width: {},
@@ -3168,23 +2899,23 @@ const yo = /* @__PURE__ */ A({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e;
-    function r(T, N, R) {
-      const y = [];
-      for (let $ = T; $ <= N; $ += R)
-        y.push($);
-      return y[y.length - 1] !== N && y.push(N), y;
+    function r($, z, B) {
+      const I = [];
+      for (let q = $; q <= z; q += B)
+        I.push(q);
+      return I[I.length - 1] !== z && I.push(z), I;
     }
-    function n(T, N) {
-      const R = [];
-      R.push(N[0]);
-      const y = (N.length - 1) / (T - 1);
-      for (let $ = 1; $ < T - 1; $++)
-        R.push(N[Math.round($ * y)]);
-      return R.push(N[N.length - 1]), R;
+    function n($, z) {
+      const B = [];
+      B.push(z[0]);
+      const I = (z.length - 1) / ($ - 1);
+      for (let q = 1; q < $ - 1; q++)
+        B.push(z[Math.round(q * I)]);
+      return B.push(z[z.length - 1]), B;
     }
-    const a = v(() => t.options ? t.options.length : t.tickNum ?? 0), o = v(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = v(() => n(a.value, o.value)), i = oe(e, "modelValue"), l = v(() => o.value.length ?? 0), c = g(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
-    function d(T) {
-      return o.value.indexOf(T);
+    const a = v(() => t.options ? t.options.length : t.tickNum ?? 0), o = v(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = v(() => n(a.value, o.value)), l = K(e, "modelValue"), i = v(() => o.value.length ?? 0), c = b(o.value.includes(l.value) ? o.value.indexOf(l.value) : 0);
+    function d($) {
+      return o.value.indexOf($);
     }
     const f = v(() => {
       switch (t.color) {
@@ -3197,7 +2928,7 @@ const yo = /* @__PURE__ */ A({
         case "error":
           return "bg-error-container";
       }
-    }), p = v(() => `dark:bg-white bg-${t.color}-container`), w = v(() => {
+    }), h = v(() => `dark:bg-white bg-${t.color}-container`), w = v(() => {
       switch (t.color) {
         case "primary":
           return "dark:bg-primary-container bg-white";
@@ -3209,39 +2940,39 @@ const yo = /* @__PURE__ */ A({
           return "dark:bg-error-container bg-white";
       }
     });
-    G(() => {
-      i.value = o.value[c.value];
+    F(() => {
+      l.value = o.value[c.value];
     });
-    const S = g(), k = g(), O = fr(S), W = g(!1);
-    function I(T) {
-      if (!W.value)
+    const A = b(), E = b(), R = Xt(A), fe = b(!1);
+    function _e($) {
+      if (!fe.value)
         return;
-      if (!(T.buttons === 1)) {
-        W.value = !1;
+      if (!($.buttons === 1)) {
+        fe.value = !1;
         return;
       }
-      T.preventDefault(), T.stopPropagation();
-      const { clientX: R } = T, y = O.left.value, J = O.right.value - y, Ee = Math.round((R - y) / J * (l.value - 1));
-      if (Ee < 0) {
+      $.preventDefault(), $.stopPropagation();
+      const { clientX: B } = $, I = R.left.value, gt = R.right.value - I, Te = Math.round((B - I) / gt * (i.value - 1));
+      if (Te < 0) {
         c.value = 0;
         return;
       }
-      if (Ee > l.value - 1) {
-        c.value = l.value - 1;
+      if (Te > i.value - 1) {
+        c.value = i.value - 1;
         return;
       }
-      c.value = Ee;
+      c.value = Te;
     }
-    G(() => {
-      c.value = d(i.value);
+    F(() => {
+      c.value = d(l.value);
     });
-    function M(T) {
-      T.preventDefault(), T.stopPropagation(), W.value = !0, I(T);
+    function ke($) {
+      $.preventDefault(), $.stopPropagation(), fe.value = !0, _e($);
     }
-    V(S, "pointerdown", M), ce(() => {
-      V(document, "pointermove", I), c.value = Math.max(0, d(i.value));
+    P(A, "pointerdown", ke), te(() => {
+      P(document, "pointermove", _e), c.value = Math.max(0, d(l.value));
     });
-    const C = v(() => {
+    const _ = v(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -3274,119 +3005,120 @@ const yo = /* @__PURE__ */ A({
             progress: "-mx-1.5"
           };
       }
-    }), P = v(() => t.animate ? {
+    }), he = v(() => t.animate ? {
       indicator: "transition-left",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
     });
-    return (T, N) => (m(), b("div", Yn, [
-      x("div", {
+    return ($, z) => (m(), g("div", zn, [
+      k("div", {
         ref_key: "wrapper",
-        ref: S,
+        ref: A,
         type: "size",
-        class: _(["w-full flex cursor-pointer items-center", u(C).wrapper]),
-        onTouchmove: N[0] || (N[0] = ct(() => {
+        class: y(["w-full flex cursor-pointer items-center", u(_).wrapper]),
+        onTouchmove: z[0] || (z[0] = nt(() => {
         }, ["prevent"]))
       }, [
-        x("div", {
-          class: _(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", u(C).innerWrapper])
+        k("div", {
+          class: y(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", u(_).innerWrapper])
         }, [
-          x("div", {
-            class: _(["relative flex", u(C).content]),
-            style: B({
+          k("div", {
+            class: y(["relative flex", u(_).content]),
+            style: C({
               width: `${t.width}rem`,
               minWidth: `${t.minWidth}rem`
             })
           }, [
-            (m(!0), b(se, null, ye(u(s), (R) => (m(), b("div", {
-              key: R,
-              style: B({
-                left: `${d(R) / (u(l) - 1) * 100}%`
+            (m(!0), g(Q, null, ve(u(s), (B) => (m(), g("div", {
+              key: B,
+              style: C({
+                left: `${d(B) / (u(i) - 1) * 100}%`
               }),
-              class: _(["absolute top-50% rounded-full bg-white", u(C).tick])
+              class: y(["absolute top-50% rounded-full bg-white", u(_).tick])
             }, null, 6))), 128)),
-            u(c) !== -1 ? (m(), b("div", {
+            u(c) !== -1 ? (m(), g("div", {
               key: 0,
               ref_key: "indicator",
-              ref: k,
-              class: _(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(C).indicator, u(P).indicator, u(p)]]),
-              style: B({
-                left: `${u(c) / (u(l) - 1) * 100}%`
+              ref: E,
+              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(_).indicator, u(he).indicator, u(h)]]),
+              style: C({
+                left: `${u(c) / (u(i) - 1) * 100}%`
               })
             }, [
-              x("div", {
-                class: _(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [u(C).indicatorInner, u(w)]])
+              k("div", {
+                class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [u(_).indicatorInner, u(w)]])
               }, null, 2)
-            ], 6)) : H("", !0),
-            x("div", {
-              class: _(["pointer-events-none h-full rounded-full", [u(C).progress, u(P).progress, u(f)]]),
-              style: B({
-                width: `${u(c) / (u(l) - 1) * 100}%`
+            ], 6)) : T("", !0),
+            k("div", {
+              class: y(["pointer-events-none h-full rounded-full", [u(_).progress, u(he).progress, u(f)]]),
+              style: C({
+                width: `${u(c) / (u(i) - 1) * 100}%`
               })
             }, null, 6)
           ], 6)
         ], 2)
       ], 34),
-      x("div", {
+      k("div", {
         class: "relative mx-1 h-1em text-xs text-surface-onlow",
-        style: B({
+        style: C({
           width: `${t.width}rem`
         })
       }, [
-        (m(!0), b(se, null, ye(u(s), (R, y) => (m(), b("div", {
-          key: y,
-          style: B({
-            left: `${d(R) / (u(l) - 1) * 100}%`
+        (m(!0), g(Q, null, ve(u(s), (B, I) => (m(), g("div", {
+          key: I,
+          style: C({
+            left: `${d(B) / (u(i) - 1) * 100}%`
           }),
-          class: _(["absolute w-auto flex rounded-full -translate-x-50%", u(C).tick])
-        }, fe(R), 7))), 128))
+          class: y(["absolute w-auto flex rounded-full -translate-x-50%", u(_).tick])
+        }, oe(B), 7))), 128))
       ], 4)
     ]));
   }
 });
 export {
-  Kn as AspectRatio,
-  Dt as Avatar,
-  ht as Btn,
-  Zn as ChatContainer,
-  Qn as ChatMessage,
-  eo as ChatSystem,
-  to as Chip,
-  oo as ColorInput,
-  xr as ColorSwatch,
-  ao as Drawer,
-  so as Dropzone,
-  yt as FullscreenOverlay,
-  io as Image,
-  lo as Indicator,
-  co as Modal,
-  un as Notification,
-  uo as NotificationSystem,
-  go as Notifications,
-  fo as Overlay,
-  po as Paper,
-  ho as PinInput,
-  mo as Progress,
-  yo as RokuProvider,
-  wo as SchemeSwitch,
-  _o as Select,
-  ko as Slider,
-  Vn as Switch,
-  Tn as TextField,
-  Qr as ThemeProvider,
-  Ve as darkTheme,
-  bo as generateColors,
-  Nn as generateColorsMap,
-  zn as lightTheme,
-  vo as notificationsSymbol,
-  Mt as themeColors,
-  Yr as useCurrentTheme,
-  ro as useCurrentThemeScheme,
-  bt as useId,
-  En as useNotifications,
-  Xr as useRootTheme,
-  no as useScheme,
-  gt as useThemeStyles
+  On as AspectRatio,
+  zt as Avatar,
+  ot as Btn,
+  Hn as ChatContainer,
+  Pn as ChatMessage,
+  Nn as ChatSystem,
+  In as Chip,
+  Dn as ColorInput,
+  ar as ColorSwatch,
+  Fn as Drawer,
+  Ln as Dropzone,
+  ut as FullscreenOverlay,
+  Wn as Image,
+  jn as Indicator,
+  Gn as Modal,
+  Ur as Notification,
+  Un as NotificationSystem,
+  Qn as Notifications,
+  qn as Overlay,
+  Xn as Paper,
+  Yn as PinInput,
+  Zn as Progress,
+  eo as RokuProvider,
+  to as SchemeSwitch,
+  ro as Select,
+  no as Slider,
+  _n as Switch,
+  fn as TextField,
+  Pr as ThemeProvider,
+  Pe as darkTheme,
+  Jn as generateColors,
+  bn as generateColorsMap,
+  pn as lightTheme,
+  Kn as notificationsSymbol,
+  ct as schemeSymbol,
+  vt as themeColors,
+  Rr as useCurrentTheme,
+  Vn as useCurrentThemeScheme,
+  lt as useId,
+  mn as useNotifications,
+  Er as useRootTheme,
+  zr as useScheme,
+  it as useThemeStyles
 };