@roku-ui/vue 0.7.5 → 0.8.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as x, openBlock as h, createElementBlock as b, normalizeStyle as T, renderSlot as S, computed as v, ref as g, onMounted as ee, Fragment as K, createBlock as P, resolveDynamicComponent as ue, mergeProps as de, unref as u, createCommentVNode as A, getCurrentScope as kt, onScopeDispose as St, nextTick as tt, getCurrentInstance as rt, watch as fe, shallowRef as Mt, readonly as $t, watchEffect as X, withCtx as L, normalizeClass as y, createElementVNode as w, mergeModels as W, useModel as j, inject as ge, provide as ye, useAttrs as nt, withDirectives as Te, vModelText as Ct, createVNode as Z, Teleport as At, Transition as ot, useSlots as at, toDisplayString as re, renderList as we, vModelDynamic as Tt, withModifiers as st, withKeys as zt, reactive as Et, vModelCheckbox as Rt, isRef as Bt, createTextVNode as Ot } from "vue";
-const Dn = /* @__PURE__ */ x({
+import { defineComponent as S, openBlock as p, createElementBlock as b, normalizeStyle as N, renderSlot as $, computed as h, ref as g, onMounted as ae, Fragment as ee, createBlock as P, resolveDynamicComponent as be, mergeProps as ge, unref as u, createCommentVNode as E, getCurrentScope as Et, onScopeDispose as Rt, nextTick as Le, getCurrentInstance as it, readonly as lt, watch as oe, shallowRef as ut, watchEffect as le, withCtx as L, normalizeClass as y, createElementVNode as x, mergeModels as W, useModel as G, inject as xe, useAttrs as ct, withDirectives as Ne, vModelText as Ot, createVNode as Z, toDisplayString as te, Teleport as Nt, Transition as We, useSlots as dt, renderList as ke, vModelDynamic as Bt, withModifiers as ft, withKeys as Ht, reactive as Vt, provide as ze, vModelCheckbox as It, isRef as Pt, createTextVNode as Dt } from "vue";
+const sa = /* @__PURE__ */ S({
   __name: "AspectRatio",
   props: {
     ratio: { default: 1 },
@@ -9,8 +9,8 @@ const Dn = /* @__PURE__ */ x({
     maxHeight: {}
   },
   setup(e) {
-    return (t, r) => (h(), b("div", {
-      style: T({
+    return (t, r) => (p(), b("div", {
+      style: N({
         "--ar-ratio": t.ratio,
         width: t.width,
         "max-width": t.maxWidth,
@@ -19,10 +19,10 @@ const Dn = /* @__PURE__ */ x({
       }),
       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-['']"
     }, [
-      S(t.$slots, "default")
+      $(t.$slots, "default")
     ], 4));
   }
-}), Ht = /* @__PURE__ */ x({
+}), Ft = /* @__PURE__ */ S({
   __name: "Avatar",
   props: {
     is: { default: "img" },
@@ -32,7 +32,7 @@ const Dn = /* @__PURE__ */ x({
     class: {}
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.size) {
         case "sm":
           return "--size: 1.5rem;";
@@ -43,37 +43,37 @@ const Dn = /* @__PURE__ */ x({
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `--size: ${t.size}rem;` : `--size: ${t.size};`;
       }
-    }), n = g(!1), a = g(null);
-    function o() {
+    }), n = g(!1), o = g(null);
+    function a() {
       n.value = !0;
     }
-    return ee(() => {
+    return ae(() => {
       var s;
-      (s = a.value) != null && s.complete && o();
-    }), (s, i) => (h(), b(K, null, [
-      s.src ? (h(), P(ue(s.is), de({
+      (s = o.value) != null && s.complete && a();
+    }), (s, l) => (p(), b(ee, null, [
+      s.src ? (p(), P(be(s.is), ge({
         key: 0,
         ref_key: "img",
-        ref: a,
+        ref: o,
         style: [s.style, u(r)],
         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"])) : A("", !0),
-      u(n) ? A("", !0) : (h(), b("div", {
+      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : E("", !0),
+      u(n) ? E("", !0) : (p(), b("div", {
         key: 1,
         class: "h-[var(--size)] w-[var(--size)] animate-pulse border-transparent rounded-full bg-surface-high object-cover",
-        style: T([s.style, u(r)])
+        style: N([s.style, u(r)])
       }, null, 4))
     ], 64));
   }
 });
-function U(e) {
-  return v(
-    () => ({ style: Nt(e.rounded), class: "rounded-[var(--r-rounded)]" })
+function q(e) {
+  return h(
+    () => ({ style: Lt(e.rounded), class: "rounded-[var(--r-rounded)]" })
   );
 }
-function Nt(e) {
+function Lt(e) {
   const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
   switch (e) {
     case "none":
@@ -90,154 +90,334 @@ function Nt(e) {
       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 ke(e) {
-  return kt() ? (St(e), !0) : !1;
+function Me(e) {
+  return Et() ? (Rt(e), !0) : !1;
 }
-function Pt() {
-  const e = /* @__PURE__ */ new Set(), t = (a) => {
-    e.delete(a);
+function Wt() {
+  const e = /* @__PURE__ */ new Set(), t = (o) => {
+    e.delete(o);
   };
   return {
-    on: (a) => {
-      e.add(a);
-      const o = () => t(a);
-      return ke(o), {
-        off: o
+    on: (o) => {
+      e.add(o);
+      const a = () => t(o);
+      return Me(a), {
+        off: a
       };
     },
     off: t,
-    trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
+    trigger: (...o) => Promise.all(Array.from(e).map((a) => a(...o)))
   };
 }
-function ze(e) {
+function Ce(e) {
   return typeof e == "function" ? e() : u(e);
 }
-const Q = typeof window < "u" && typeof document < "u";
+const re = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const It = (e) => e != null, Vt = Object.prototype.toString, Dt = (e) => Vt.call(e) === "[object Object]", Ft = () => {
-}, Lt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-function Wt(e) {
-  return e || rt();
+const jt = (e) => e != null, Ut = Object.prototype.toString, Gt = (e) => Ut.call(e) === "[object Object]", qt = () => {
+}, Xt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function Yt(e, t) {
+  function r(...n) {
+    return new Promise((o, a) => {
+      Promise.resolve(e(() => t.apply(this, n), { fn: t, thisArg: this, args: n })).then(o).catch(a);
+    });
+  }
+  return r;
 }
-function jt(e, t = !0, r) {
-  Wt() ? ee(e, r) : t ? e() : tt(e);
+const pt = (e) => e();
+function Jt(e = pt) {
+  const t = g(!0);
+  function r() {
+    t.value = !1;
+  }
+  function n() {
+    t.value = !0;
+  }
+  const o = (...a) => {
+    t.value && e(...a);
+  };
+  return { isActive: lt(t), pause: r, resume: n, eventFilter: o };
+}
+function Zt(e) {
+  return e || it();
 }
-function ne(e) {
+function Kt(e, t, r = {}) {
+  const {
+    eventFilter: n = pt,
+    ...o
+  } = r;
+  return oe(
+    e,
+    Yt(
+      n,
+      t
+    ),
+    o
+  );
+}
+function Qt(e, t, r = {}) {
+  const {
+    eventFilter: n,
+    ...o
+  } = r, { eventFilter: a, pause: s, resume: l, isActive: i } = Jt(n);
+  return { stop: Kt(
+    e,
+    t,
+    {
+      ...o,
+      eventFilter: a
+    }
+  ), pause: s, resume: l, isActive: i };
+}
+function ht(e, t = !0, r) {
+  Zt() ? ae(e, r) : t ? e() : Le(e);
+}
+function ue(e) {
   var t;
-  const r = ze(e);
+  const r = Ce(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-const he = Q ? window : void 0, Ut = Q ? window.document : void 0;
-function N(...e) {
-  let t, r, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = he) : [t, r, n, a] = e, !t)
-    return Ft;
+const K = re ? window : void 0, er = re ? window.document : void 0;
+function H(...e) {
+  let t, r, n, o;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, o] = e, t = K) : [t, r, n, o] = e, !t)
+    return qt;
   Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
-  const o = [], s = () => {
-    o.forEach((d) => d()), o.length = 0;
-  }, i = (d, f, m, k) => (d.addEventListener(f, m, k), () => d.removeEventListener(f, m, k)), l = fe(
-    () => [ne(t), ze(a)],
+  const a = [], s = () => {
+    a.forEach((d) => d()), a.length = 0;
+  }, l = (d, f, v, k) => (d.addEventListener(f, v, k), () => d.removeEventListener(f, v, k)), i = oe(
+    () => [ue(t), Ce(o)],
     ([d, f]) => {
       if (s(), !d)
         return;
-      const m = Dt(f) ? { ...f } : f;
-      o.push(
-        ...r.flatMap((k) => n.map(($) => i(d, k, $, m)))
+      const v = Gt(f) ? { ...f } : f;
+      a.push(
+        ...r.flatMap((k) => n.map((C) => l(d, k, C, v)))
       );
     },
     { immediate: !0, flush: "post" }
   ), c = () => {
-    l(), s();
+    i(), s();
   };
-  return ke(c), c;
+  return Me(c), c;
 }
-function Gt(e) {
+function tr(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 }
-function te(...e) {
+function ie(...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 = he,
-    eventName: o = "keydown",
+    target: o = K,
+    eventName: a = "keydown",
     passive: s = !1,
-    dedupe: i = !1
-  } = n, l = Gt(t);
-  return N(a, o, (d) => {
-    d.repeat && ze(i) || l(d) && r(d);
+    dedupe: l = !1
+  } = n, i = tr(t);
+  return H(o, a, (d) => {
+    d.repeat && Ce(l) || i(d) && r(d);
   }, s);
 }
-function qt() {
+function rr() {
   const e = g(!1);
-  return rt() && ee(() => {
+  return it() && ae(() => {
     e.value = !0;
   }), e;
 }
-function De(e) {
-  const t = qt();
-  return v(() => (t.value, !!e()));
+function je(e) {
+  const t = rr();
+  return h(() => (t.value, !!e()));
 }
-function Ge(e, t = {}) {
-  const { window: r = he } = t, n = De(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
-  let a;
-  const o = g(!1), s = (c) => {
-    o.value = c.matches;
-  }, i = () => {
-    a && ("removeEventListener" in a ? a.removeEventListener("change", s) : a.removeListener(s));
-  }, l = X(() => {
-    n.value && (i(), a = r.matchMedia(ze(e)), "addEventListener" in a ? a.addEventListener("change", s) : a.addListener(s), o.value = a.matches);
+function Ze(e, t = {}) {
+  const { window: r = K } = t, n = je(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
+  let o;
+  const a = g(!1), s = (c) => {
+    a.value = c.matches;
+  }, l = () => {
+    o && ("removeEventListener" in o ? o.removeEventListener("change", s) : o.removeListener(s));
+  }, i = le(() => {
+    n.value && (l(), o = r.matchMedia(Ce(e)), "addEventListener" in o ? o.addEventListener("change", s) : o.addListener(s), a.value = o.matches);
   });
-  return ke(() => {
-    l(), i(), a = void 0;
-  }), o;
+  return Me(() => {
+    i(), l(), o = void 0;
+  }), a;
 }
-function Xt(e, t, r = {}) {
-  const { window: n = he, ...a } = r;
-  let o;
-  const s = De(() => n && "MutationObserver" in n), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, l = fe(
-    () => ne(e),
+const Ae = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Te = "__vueuse_ssr_handlers__", nr = /* @__PURE__ */ ar();
+function ar() {
+  return Te in Ae || (Ae[Te] = Ae[Te] || {}), Ae[Te];
+}
+function or(e, t) {
+  return nr[e] || t;
+}
+function sr(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 ir = {
+  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()
+  }
+}, Ke = "vueuse-storage";
+function lr(e, t, r, n = {}) {
+  var o;
+  const {
+    flush: a = "pre",
+    deep: s = !0,
+    listenToStorageChanges: l = !0,
+    writeDefaults: i = !0,
+    mergeDefaults: c = !1,
+    shallow: d,
+    window: f = K,
+    eventFilter: v,
+    onError: k = (w) => {
+      console.error(w);
+    },
+    initOnMounted: C
+  } = n, A = (d ? ut : g)(typeof t == "function" ? t() : t);
+  if (!r)
+    try {
+      r = or("getDefaultStorage", () => {
+        var w;
+        return (w = K) == null ? void 0 : w.localStorage;
+      })();
+    } catch (w) {
+      k(w);
+    }
+  if (!r)
+    return A;
+  const M = Ce(t), Q = sr(M), j = (o = n.serializer) != null ? o : ir[Q], { pause: fe, resume: _ } = Qt(
+    A,
+    () => se(A.value),
+    { flush: a, deep: s, eventFilter: v }
+  );
+  return f && l && ht(() => {
+    H(f, "storage", O), H(f, Ke, B), C && O();
+  }), C || O(), A;
+  function se(w) {
+    try {
+      if (w == null)
+        r.removeItem(e);
+      else {
+        const R = j.write(w), X = r.getItem(e);
+        X !== R && (r.setItem(e, R), f && f.dispatchEvent(new CustomEvent(Ke, {
+          detail: {
+            key: e,
+            oldValue: X,
+            newValue: R,
+            storageArea: r
+          }
+        })));
+      }
+    } catch (R) {
+      k(R);
+    }
+  }
+  function T(w) {
+    const R = w ? w.newValue : r.getItem(e);
+    if (R == null)
+      return i && M != null && r.setItem(e, j.write(M)), M;
+    if (!w && c) {
+      const X = j.read(R);
+      return typeof c == "function" ? c(X, M) : Q === "object" && !Array.isArray(X) ? { ...M, ...X } : X;
+    } else
+      return typeof R != "string" ? R : j.read(R);
+  }
+  function B(w) {
+    O(w.detail);
+  }
+  function O(w) {
+    if (!(w && w.storageArea !== r)) {
+      if (w && w.key == null) {
+        A.value = M;
+        return;
+      }
+      if (!(w && w.key !== e)) {
+        fe();
+        try {
+          (w == null ? void 0 : w.newValue) !== j.write(A.value) && (A.value = T(w));
+        } catch (R) {
+          k(R);
+        } finally {
+          w ? Le(_) : _();
+        }
+      }
+    }
+  }
+}
+function ur(e, t, r = {}) {
+  const { window: n = K, ...o } = r;
+  let a;
+  const s = je(() => n && "MutationObserver" in n), l = () => {
+    a && (a.disconnect(), a = void 0);
+  }, i = oe(
+    () => ue(e),
     (f) => {
-      i(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
+      l(), s.value && n && f && (a = new MutationObserver(t), a.observe(f, o));
     },
     { immediate: !0 }
-  ), c = () => o == null ? void 0 : o.takeRecords(), d = () => {
-    i(), l();
+  ), c = () => a == null ? void 0 : a.takeRecords(), d = () => {
+    l(), i();
   };
-  return ke(d), {
+  return Me(d), {
     isSupported: s,
     stop: d,
     takeRecords: c
   };
 }
-function Yt(e, t = {}) {
-  const r = g(!1), n = Mt(null);
-  let a = 0, o = !0;
-  if (Q) {
-    const s = typeof t == "function" ? { onDrop: t } : t, i = (l) => {
+function cr(e, t = {}) {
+  const r = g(!1), n = ut(null);
+  let o = 0, a = !0;
+  if (re) {
+    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;
     };
-    N(e, "dragenter", (l) => {
+    H(e, "dragenter", (i) => {
       var c, d;
-      const f = Array.from(((c = l == null ? void 0 : l.dataTransfer) == null ? void 0 : c.items) || []).map((m) => m.kind === "file" ? m.type : null).filter(It);
-      if (s.dataTypes && l.dataTransfer) {
-        const m = u(s.dataTypes);
-        if (o = typeof m == "function" ? m(f) : m ? m.some((k) => f.includes(k)) : !0, !o)
+      const f = Array.from(((c = i == null ? void 0 : i.dataTransfer) == null ? void 0 : c.items) || []).map((v) => v.kind === "file" ? v.type : null).filter(jt);
+      if (s.dataTypes && i.dataTransfer) {
+        const v = u(s.dataTypes);
+        if (a = typeof v == "function" ? v(f) : v ? v.some((k) => f.includes(k)) : !0, !a)
           return;
       }
-      l.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, i(l), l);
-    }), N(e, "dragover", (l) => {
+      i.preventDefault(), o += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, l(i), i);
+    }), H(e, "dragover", (i) => {
       var c;
-      o && (l.preventDefault(), (c = s.onOver) == null || c.call(s, i(l), l));
-    }), N(e, "dragleave", (l) => {
+      a && (i.preventDefault(), (c = s.onOver) == null || c.call(s, l(i), i));
+    }), H(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));
-    }), N(e, "drop", (l) => {
+      a && (i.preventDefault(), o -= 1, o === 0 && (r.value = !1), (c = s.onLeave) == null || c.call(s, l(i), i));
+    }), H(e, "drop", (i) => {
       var c;
-      l.preventDefault(), a = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, i(l), l);
+      i.preventDefault(), o = 0, r.value = !1, (c = s.onDrop) == null || c.call(s, l(i), i);
     });
   }
   return {
@@ -245,134 +425,138 @@ function Yt(e, t = {}) {
     isOverDropZone: r
   };
 }
-function Zt(e, t, r = {}) {
-  const { window: n = he, ...a } = r;
-  let o;
-  const s = De(() => n && "ResizeObserver" in n), i = () => {
-    o && (o.disconnect(), o = void 0);
-  }, l = v(() => Array.isArray(e) ? e.map((f) => ne(f)) : [ne(e)]), c = fe(
-    l,
+function dr(e, t, r = {}) {
+  const { window: n = K, ...o } = r;
+  let a;
+  const s = je(() => n && "ResizeObserver" in n), l = () => {
+    a && (a.disconnect(), a = void 0);
+  }, i = h(() => Array.isArray(e) ? e.map((f) => ue(f)) : [ue(e)]), c = oe(
+    i,
     (f) => {
-      if (i(), s.value && n) {
-        o = new ResizeObserver(t);
-        for (const m of f)
-          m && o.observe(m, a);
+      if (l(), s.value && n) {
+        a = new ResizeObserver(t);
+        for (const v of f)
+          v && a.observe(v, o);
       }
     },
     { immediate: !0, flush: "post", deep: !0 }
   ), d = () => {
-    i(), c();
+    l(), c();
   };
-  return ke(d), {
+  return Me(d), {
     isSupported: s,
     stop: d
   };
 }
-function Kt(e, t = {}) {
+function fr(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), m = g(0), k = g(0);
-  function $() {
-    const z = ne(e);
-    if (!z) {
-      r && (s.value = 0, i.value = 0, l.value = 0, c.value = 0, d.value = 0, f.value = 0, m.value = 0, k.value = 0);
+    windowScroll: o = !0,
+    immediate: a = !0
+  } = t, s = g(0), l = g(0), i = g(0), c = g(0), d = g(0), f = g(0), v = g(0), k = g(0);
+  function C() {
+    const A = ue(e);
+    if (!A) {
+      r && (s.value = 0, l.value = 0, i.value = 0, c.value = 0, d.value = 0, f.value = 0, v.value = 0, k.value = 0);
       return;
     }
-    const E = z.getBoundingClientRect();
-    s.value = E.height, i.value = E.bottom, l.value = E.left, c.value = E.right, d.value = E.top, f.value = E.width, m.value = E.x, k.value = E.y;
+    const M = A.getBoundingClientRect();
+    s.value = M.height, l.value = M.bottom, i.value = M.left, c.value = M.right, d.value = M.top, f.value = M.width, v.value = M.x, k.value = M.y;
   }
-  return Zt(e, $), fe(() => ne(e), (z) => !z && $()), Xt(e, $, {
+  return dr(e, C), oe(() => ue(e), (A) => !A && C()), ur(e, C, {
     attributeFilter: ["style", "class"]
-  }), a && N("scroll", $, { capture: !0, passive: !0 }), n && N("resize", $, { passive: !0 }), jt(() => {
-    o && $();
+  }), o && H("scroll", C, { capture: !0, passive: !0 }), n && H("resize", C, { passive: !0 }), ht(() => {
+    a && C();
   }), {
     height: s,
-    bottom: i,
-    left: l,
+    bottom: l,
+    left: i,
     right: c,
     top: d,
     width: f,
-    x: m,
+    x: v,
     y: k,
-    update: $
+    update: C
   };
 }
-function Qt(e, t = {}) {
+function pr(e, t = {}) {
   const {
     delayEnter: r = 0,
     delayLeave: n = 0,
-    window: a = he
-  } = t, o = g(!1);
+    window: o = K
+  } = t, a = g(!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(() => a.value = i, c) : a.value = i;
   };
-  return a && (N(e, "mouseenter", () => i(!0), { passive: !0 }), N(e, "mouseleave", () => i(!1), { passive: !0 })), o;
+  return o && (H(e, "mouseenter", () => l(!0), { passive: !0 }), H(e, "mouseleave", () => l(!1), { passive: !0 })), a;
 }
-const Jt = {
+const hr = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function er(e = {}) {
+function mr(e = {}) {
   const {
-    document: t = Ut
-  } = e, r = g(null), { on: n, trigger: a } = Pt();
-  let o;
-  t && (o = t.createElement("input"), o.type = "file", o.onchange = (l) => {
-    const c = l.target;
-    r.value = c.files, a(r.value);
+    document: t = er
+  } = e, r = g(null), { on: n, trigger: o } = Wt();
+  let a;
+  t && (a = t.createElement("input"), a.type = "file", a.onchange = (i) => {
+    const c = i.target;
+    r.value = c.files, o(r.value);
   });
   const s = () => {
-    r.value = null, o && (o.value = "", a(null));
-  }, i = (l) => {
-    if (!o)
+    r.value = null, a && (a.value = "", o(null));
+  }, l = (i) => {
+    if (!a)
       return;
     const c = {
-      ...Jt,
+      ...hr,
       ...e,
-      ...l
+      ...i
     };
-    o.multiple = c.multiple, o.accept = c.accept, o.webkitdirectory = c.directory, Lt(c, "capture") && (o.capture = c.capture), c.reset && s(), o.click();
+    a.multiple = c.multiple, a.accept = c.accept, a.webkitdirectory = c.directory, Xt(c, "capture") && (a.capture = c.capture), c.reset && s(), a.click();
   };
   return {
-    files: $t(r),
-    open: i,
+    files: lt(r),
+    open: l,
     reset: s,
     onChange: n
   };
 }
-function tr(e, t = {}) {
-  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = g(!1), o = v(() => ne(e));
-  N(o, "focus", (i) => {
-    var l, c;
-    (!n || (c = (l = i.target).matches) != null && c.call(l, ":focus-visible")) && (a.value = !0);
-  }), N(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());
+function vr(e, t = {}) {
+  const { initialValue: r = !1, focusVisible: n = !1 } = t, o = g(!1), a = h(() => ue(e));
+  H(a, "focus", (l) => {
+    var i, c;
+    (!n || (c = (i = l.target).matches) != null && c.call(i, ":focus-visible")) && (o.value = !0);
+  }), H(a, "blur", () => o.value = !1);
+  const s = h({
+    get: () => o.value,
+    set(l) {
+      var i, c;
+      !l && o.value ? (i = a.value) == null || i.blur() : l && !o.value && ((c = a.value) == null || c.focus());
     }
   });
-  return fe(
-    o,
+  return oe(
+    a,
     () => {
       s.value = r;
     },
     { immediate: !0, flush: "post" }
   ), { focused: s };
 }
-function rr(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");
+function mt(e, t, r = {}) {
+  const { window: n = K } = r;
+  return lr(e, t, n == null ? void 0 : n.localStorage, r);
+}
+function br(e) {
+  const t = Ze("(prefers-color-scheme: light)", e), r = Ze("(prefers-color-scheme: dark)", e);
+  return h(() => r.value ? "dark" : t.value ? "light" : "no-preference");
 }
-const lt = /* @__PURE__ */ x({
+const vt = /* @__PURE__ */ S({
   __name: "Btn",
   props: {
     type: { default: "button" },
@@ -388,7 +572,7 @@ const lt = /* @__PURE__ */ x({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = U(t), n = v(() => {
+    const t = e, r = q(t), n = h(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -406,7 +590,7 @@ const lt = /* @__PURE__ */ x({
             iconContent: "h-10 w-10 p-3"
           };
       }
-    }), a = g(null), o = Qt(a), s = v(() => t.hoverVariant && o.value ? t.hoverVariant : t.variant), i = v(() => {
+    }), o = g(null), a = pr(o), s = h(() => t.hoverVariant && a.value ? t.hoverVariant : t.variant), l = h(() => {
       switch (s.value) {
         case "filled":
           switch (t.color) {
@@ -479,47 +663,47 @@ const lt = /* @__PURE__ */ x({
           return "btn-default";
       }
     });
-    return (l, c) => (h(), P(ue(l.is), de({
+    return (i, c) => (p(), P(be(i.is), ge({
       ref_key: "btn",
-      ref: a,
-      "data-size": l.size,
-      type: l.type,
+      ref: o,
+      "data-size": i.size,
+      type: i.type,
       class: ["flex items-center justify-center gap-1 decoration-none", [
-        u(i),
+        u(l),
         u(r).class,
-        l.icon ? u(n).iconContent : u(n).normalContent,
+        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
         }
       ]],
       style: [
         u(r).style
       ],
-      disabled: l.disabled
-    }, l.$attrs), {
+      disabled: i.disabled
+    }, i.$attrs), {
       default: L(() => [
-        l.$slots.leftSection ? S(l.$slots, "leftSection", { key: 0 }) : A("", !0),
-        S(l.$slots, "default"),
-        l.$slots.rightSection ? S(l.$slots, "rightSection", { key: 1 }) : A("", !0)
+        i.$slots.leftSection ? $(i.$slots, "leftSection", { key: 0 }) : E("", !0),
+        $(i.$slots, "default"),
+        i.$slots.rightSection ? $(i.$slots, "rightSection", { key: 1 }) : E("", !0)
       ]),
       _: 3
     }, 16, ["data-size", "type", "style", "class", "disabled"]));
   }
-}), nr = (e, t) => {
+}), gr = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [n, a] of t)
-    r[n] = a;
+  for (const [n, o] of t)
+    r[n] = o;
   return r;
-}, or = {}, ar = { class: "flex flex-col gap-4 container" };
-function sr(e, t) {
-  return h(), b("div", ar, [
-    S(e.$slots, "default")
+}, yr = {}, wr = { class: "flex flex-col gap-4 container" };
+function _r(e, t) {
+  return p(), b("div", wr, [
+    $(e.$slots, "default")
   ]);
 }
-const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
+const ia = /* @__PURE__ */ gr(yr, [["render", _r]]), la = /* @__PURE__ */ S({
   __name: "ChatMessage",
   props: {
     avatar: {},
@@ -529,28 +713,28 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.variant) {
         case "default":
           return "bg-surface-base";
         case "filled":
           switch (t.color) {
             case "secondary":
-              return "bg-secondary-container text-secondary-on";
+              return "bg-secondary-container text-secondary-on-container";
             case "tertiary":
-              return "bg-tertiary-container text-tertiary-on";
+              return "bg-tertiary-container text-tertiary-on-container";
             case "error":
-              return "bg-error-container text-error-on";
+              return "bg-error-container text-error-on-container";
             default:
-              return "bg-primary-container text-primary-on";
+              return "bg-primary-container text-primary-on-container";
           }
         case "transparent":
           return "bg-transparent";
       }
     });
-    return (n, a) => {
-      const o = Ht;
-      return h(), b("div", {
+    return (n, o) => {
+      const a = Ft;
+      return p(), b("div", {
         class: y(["flex gap-2", [
           {
             "flex-row-reverse": n.position === "right",
@@ -558,11 +742,11 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
           }
         ]])
       }, [
-        n.$slots.avatar ? S(n.$slots, "avatar", { key: 0 }) : n.avatar ? (h(), P(o, {
+        n.$slots.avatar ? $(n.$slots, "avatar", { key: 0 }) : n.avatar ? (p(), P(a, {
           key: 1,
           src: n.avatar
-        }, null, 8, ["src"])) : A("", !0),
-        w("div", {
+        }, null, 8, ["src"])) : E("", !0),
+        x("div", {
           class: y(["rounded-xl px-3 py-2 transition-background-color,border-color", [
             {
               "rounded-tr": n.position === "right",
@@ -572,12 +756,12 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
             u(r)
           ]])
         }, [
-          S(n.$slots, "default")
+          $(n.$slots, "default")
         ], 2)
       ], 2);
     };
   }
-}), lr = { class: "w-full flex self-center gap-2 text-center" }, Wn = /* @__PURE__ */ x({
+}), xr = { class: "w-full flex self-center gap-2 text-center" }, ua = /* @__PURE__ */ S({
   __name: "ChatSystem",
   props: {
     position: {},
@@ -586,7 +770,7 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.variant) {
         case "default":
           return "bg-surface-base";
@@ -605,17 +789,17 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
           return "bg-transparent";
       }
     });
-    return (n, a) => (h(), b("div", lr, [
-      w("div", {
+    return (n, o) => (p(), b("div", xr, [
+      x("div", {
         class: y(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
           u(r)
         ]])
       }, [
-        S(n.$slots, "default")
+        $(n.$slots, "default")
       ], 2)
     ]));
   }
-}), jn = /* @__PURE__ */ x({
+}), ca = /* @__PURE__ */ S({
   __name: "Chip",
   props: /* @__PURE__ */ W({
     is: { default: "img" },
@@ -630,7 +814,7 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = j(e, "modelValue"), n = U(t), a = v(() => {
+    const t = e, r = G(e, "modelValue"), n = q(t), o = h(() => {
       switch (t.size) {
         case "sm":
           return "px-3 text-sm h-6";
@@ -639,18 +823,18 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
         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) => (h(), b("span", {
-      class: y(["inline-flex items-center gap-1", [u(n).class, u(a), u(o), u(i)]]),
-      style: T([u(n).style]),
+    }), a = h(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = h(() => r.value !== void 0), l = h(() => s.value ? "cursor-pointer" : "");
+    return (i, c) => (p(), b("span", {
+      class: y(["inline-flex items-center gap-1", [u(n).class, u(o), u(a), u(l)]]),
+      style: N([u(n).style]),
       onPointerup: c[0] || (c[0] = (d) => u(s) && (r.value = !r.value))
     }, [
-      l.$slots.leftSection ? S(l.$slots, "leftSection", { key: 0 }) : A("", !0),
-      S(l.$slots, "default"),
-      l.$slots.rightSection ? S(l.$slots, "rightSection", { key: 1 }) : A("", !0)
+      i.$slots.leftSection ? $(i.$slots, "leftSection", { key: 0 }) : E("", !0),
+      $(i.$slots, "default"),
+      i.$slots.rightSection ? $(i.$slots, "rightSection", { key: 1 }) : E("", !0)
     ], 38));
   }
-}), ir = /* @__PURE__ */ x({
+}), kr = /* @__PURE__ */ S({
   __name: "ColorSwatch",
   props: {
     color: {},
@@ -658,35 +842,35 @@ const Fn = /* @__PURE__ */ nr(or, [["render", sr]]), Ln = /* @__PURE__ */ x({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, r) => (h(), P(ue(t.is), {
+    return (t, r) => (p(), P(be(t.is), {
       class: y(["h-6 w-6 border rounded-full", [{
         "border border-surface-border-base": t.withBorder,
         "border border-transparent": !t.withBorder
       }]]),
-      style: T({
+      style: N({
         backgroundColor: t.color
       })
     }, null, 8, ["class", "style"]));
   }
 });
-function $e(e) {
+function Ee(e) {
   "@babel/helpers - typeof";
-  return $e = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return Ee = 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;
-  }, $e(e);
+  }, Ee(e);
 }
-var cr = /^\s+/, ur = /\s+$/;
-function p(e, t) {
-  if (e = e || "", t = t || {}, e instanceof p)
+var Sr = /^\s+/, $r = /\s+$/;
+function m(e, t) {
+  if (e = e || "", t = t || {}, e instanceof m)
     return e;
-  if (!(this instanceof p))
-    return new p(e, t);
-  var r = dr(e);
+  if (!(this instanceof m))
+    return new m(e, t);
+  var r = Mr(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;
 }
-p.prototype = {
+m.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -710,14 +894,14 @@ p.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, o, a, s, l;
+    return r = t.r / 255, n = t.g / 255, o = t.b / 255, r <= 0.03928 ? a = r / 12.92 : a = 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), o <= 0.03928 ? l = o / 12.92 : l = Math.pow((o + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * s + 0.0722 * l;
   },
   setAlpha: function(t) {
-    return this._a = it(t), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = bt(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var t = Xe(this._r, this._g, this._b);
+    var t = et(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -726,11 +910,11 @@ p.prototype = {
     };
   },
   toHsvString: function() {
-    var t = Xe(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 + ")";
+    var t = et(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), o = Math.round(t.v * 100);
+    return this._a == 1 ? "hsv(" + r + ", " + n + "%, " + o + "%)" : "hsva(" + r + ", " + n + "%, " + o + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var t = qe(this._r, this._g, this._b);
+    var t = Qe(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -739,17 +923,17 @@ p.prototype = {
     };
   },
   toHslString: function() {
-    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.l * 100);
-    return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + a + "%)" : "hsla(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
+    var t = Qe(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), o = Math.round(t.l * 100);
+    return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + o + "%)" : "hsla(" + r + ", " + n + "%, " + o + "%, " + this._roundA + ")";
   },
   toHex: function(t) {
-    return Ye(this._r, this._g, this._b, t);
+    return tt(this._r, this._g, this._b, t);
   },
   toHexString: function(t) {
     return "#" + this.toHex(t);
   },
   toHex8: function(t) {
-    return mr(this._r, this._g, this._b, this._a, t);
+    return zr(this._r, this._g, this._b, this._a, t);
   },
   toHex8String: function(t) {
     return "#" + this.toHex8(t);
@@ -767,334 +951,334 @@ p.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(M(this._r, 255) * 100) + "%",
-      g: Math.round(M(this._g, 255) * 100) + "%",
-      b: Math.round(M(this._b, 255) * 100) + "%",
+      r: Math.round(z(this._r, 255) * 100) + "%",
+      g: Math.round(z(this._g, 255) * 100) + "%",
+      b: Math.round(z(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(M(this._r, 255) * 100) + "%, " + Math.round(M(this._g, 255) * 100) + "%, " + Math.round(M(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(M(this._r, 255) * 100) + "%, " + Math.round(M(this._g, 255) * 100) + "%, " + Math.round(M(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    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 + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Cr[Ye(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Lr[tt(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(t) {
-    var r = "#" + Ze(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? "GradientType = 1, " : "";
+    var r = "#" + rt(this._r, this._g, this._b, this._a), n = r, o = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
-      var o = p(t);
-      n = "#" + Ze(o._r, o._g, o._b, o._a);
+      var a = m(t);
+      n = "#" + rt(a._r, a._g, a._b, a._a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + r + ",endColorstr=" + n + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(" + o + "startColorstr=" + r + ",endColorstr=" + n + ")";
   },
   toString: function(t) {
     var r = !!t;
     t = t || this._format;
-    var n = !1, a = this._a < 1 && this._a >= 0, o = !r && a && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
-    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());
+    var n = !1, o = this._a < 1 && this._a >= 0, a = !r && o && (t === "hex" || t === "hex6" || t === "hex3" || t === "hex4" || t === "hex8" || t === "name");
+    return a ? 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 p(this.toString());
+    return m(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(yr, arguments);
+    return this._applyModification(Nr, arguments);
   },
   brighten: function() {
-    return this._applyModification(wr, arguments);
+    return this._applyModification(Br, arguments);
   },
   darken: function() {
-    return this._applyModification(_r, arguments);
+    return this._applyModification(Hr, arguments);
   },
   desaturate: function() {
-    return this._applyModification(vr, arguments);
+    return this._applyModification(Er, arguments);
   },
   saturate: function() {
-    return this._applyModification(br, arguments);
+    return this._applyModification(Rr, arguments);
   },
   greyscale: function() {
-    return this._applyModification(gr, arguments);
+    return this._applyModification(Or, arguments);
   },
   spin: function() {
-    return this._applyModification(xr, arguments);
+    return this._applyModification(Vr, arguments);
   },
   _applyCombination: function(t, r) {
     return t.apply(null, [this].concat([].slice.call(r)));
   },
   analogous: function() {
-    return this._applyCombination(Mr, arguments);
+    return this._applyCombination(Dr, arguments);
   },
   complement: function() {
-    return this._applyCombination(kr, arguments);
+    return this._applyCombination(Ir, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination($r, arguments);
+    return this._applyCombination(Fr, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(Sr, arguments);
+    return this._applyCombination(Pr, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(Ke, [3]);
+    return this._applyCombination(nt, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(Ke, [4]);
+    return this._applyCombination(nt, [4]);
   }
 };
-p.fromRatio = function(e, t) {
-  if ($e(e) == "object") {
+m.fromRatio = function(e, t) {
+  if (Ee(e) == "object") {
     var r = {};
     for (var n in e)
-      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = ve(e[n]));
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = we(e[n]));
     e = r;
   }
-  return p(e, t);
+  return m(e, t);
 };
-function dr(e) {
+function Mr(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 = Er(e)), $e(e) == "object" && (G(e.r) && G(e.g) && G(e.b) ? (t = fr(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : G(e.h) && G(e.s) && G(e.v) ? (n = ve(e.s), a = ve(e.v), t = pr(e.h, n, a), s = !0, i = "hsv") : G(e.h) && G(e.s) && G(e.l) && (n = ve(e.s), o = ve(e.l), t = hr(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = it(r), {
+  }, r = 1, n = null, o = null, a = null, s = !1, l = !1;
+  return typeof e == "string" && (e = Gr(e)), Ee(e) == "object" && (Y(e.r) && Y(e.g) && Y(e.b) ? (t = Cr(e.r, e.g, e.b), s = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Y(e.h) && Y(e.s) && Y(e.v) ? (n = we(e.s), o = we(e.v), t = Tr(e.h, n, o), s = !0, l = "hsv") : Y(e.h) && Y(e.s) && Y(e.l) && (n = we(e.s), a = we(e.l), t = Ar(e.h, n, a), s = !0, l = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = bt(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 fr(e, t, r) {
+function Cr(e, t, r) {
   return {
-    r: M(e, 255) * 255,
-    g: M(t, 255) * 255,
-    b: M(r, 255) * 255
+    r: z(e, 255) * 255,
+    g: z(t, 255) * 255,
+    b: z(r, 255) * 255
   };
 }
-function qe(e, t, r) {
-  e = M(e, 255), t = M(t, 255), r = M(r, 255);
-  var n = Math.max(e, t, r), a = Math.min(e, t, r), o, s, i = (n + a) / 2;
-  if (n == a)
-    o = s = 0;
+function Qe(e, t, r) {
+  e = z(e, 255), t = z(t, 255), r = z(r, 255);
+  var n = Math.max(e, t, r), o = Math.min(e, t, r), a, s, l = (n + o) / 2;
+  if (n == o)
+    a = s = 0;
   else {
-    var l = n - a;
-    switch (s = i > 0.5 ? l / (2 - n - a) : l / (n + a), n) {
+    var i = n - o;
+    switch (s = l > 0.5 ? i / (2 - n - o) : i / (n + o), n) {
       case e:
-        o = (t - r) / l + (t < r ? 6 : 0);
+        a = (t - r) / i + (t < r ? 6 : 0);
         break;
       case t:
-        o = (r - e) / l + 2;
+        a = (r - e) / i + 2;
         break;
       case r:
-        o = (e - t) / l + 4;
+        a = (e - t) / i + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
   return {
-    h: o,
+    h: a,
     s,
-    l: i
+    l
   };
 }
-function hr(e, t, r) {
-  var n, a, o;
-  e = M(e, 360), t = M(t, 100), r = M(r, 100);
+function Ar(e, t, r) {
+  var n, o, a;
+  e = z(e, 360), t = z(t, 100), r = z(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;
+    n = o = a = 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), o = s(i, l, e), a = s(i, l, e - 1 / 3);
   }
   return {
     r: n * 255,
-    g: a * 255,
-    b: o * 255
+    g: o * 255,
+    b: a * 255
   };
 }
-function Xe(e, t, r) {
-  e = M(e, 255), t = M(t, 255), r = M(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)
-    o = 0;
+function et(e, t, r) {
+  e = z(e, 255), t = z(t, 255), r = z(r, 255);
+  var n = Math.max(e, t, r), o = Math.min(e, t, r), a, s, l = n, i = n - o;
+  if (s = n === 0 ? 0 : i / n, n == o)
+    a = 0;
   else {
     switch (n) {
       case e:
-        o = (t - r) / l + (t < r ? 6 : 0);
+        a = (t - r) / i + (t < r ? 6 : 0);
         break;
       case t:
-        o = (r - e) / l + 2;
+        a = (r - e) / i + 2;
         break;
       case r:
-        o = (e - t) / l + 4;
+        a = (e - t) / i + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
   return {
-    h: o,
+    h: a,
     s,
-    v: i
+    v: l
   };
 }
-function pr(e, t, r) {
-  e = M(e, 360) * 6, t = M(t, 100), r = M(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 Tr(e, t, r) {
+  e = z(e, 360) * 6, t = z(t, 100), r = z(r, 100);
+  var n = Math.floor(e), o = e - n, a = r * (1 - t), s = r * (1 - o * t), l = r * (1 - (1 - o) * t), i = n % 6, c = [r, s, a, a, l, r][i], d = [l, r, r, s, a, a][i], f = [a, a, l, r, r, s][i];
   return {
     r: c * 255,
     g: d * 255,
     b: f * 255
   };
 }
-function Ye(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 tt(e, t, r, n) {
+  var o = [F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(Math.round(r).toString(16))];
+  return n && 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[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
 }
-function mr(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(ct(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 zr(e, t, r, n, o) {
+  var a = [F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(Math.round(r).toString(16)), F(gt(n))];
+  return o && 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[3].charAt(0) == a[3].charAt(1) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function Ze(e, t, r, n) {
-  var a = [D(ct(n)), D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
-  return a.join("");
+function rt(e, t, r, n) {
+  var o = [F(gt(n)), F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(Math.round(r).toString(16))];
+  return o.join("");
 }
-p.equals = function(e, t) {
-  return !e || !t ? !1 : p(e).toRgbString() == p(t).toRgbString();
+m.equals = function(e, t) {
+  return !e || !t ? !1 : m(e).toRgbString() == m(t).toRgbString();
 };
-p.random = function() {
-  return p.fromRatio({
+m.random = function() {
+  return m.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
   });
 };
-function vr(e, t) {
+function Er(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.s -= t / 100, r.s = Ee(r.s), p(r);
+  var r = m(e).toHsl();
+  return r.s -= t / 100, r.s = Be(r.s), m(r);
 }
-function br(e, t) {
+function Rr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.s += t / 100, r.s = Ee(r.s), p(r);
+  var r = m(e).toHsl();
+  return r.s += t / 100, r.s = Be(r.s), m(r);
 }
-function gr(e) {
-  return p(e).desaturate(100);
+function Or(e) {
+  return m(e).desaturate(100);
 }
-function yr(e, t) {
+function Nr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.l += t / 100, r.l = Ee(r.l), p(r);
+  var r = m(e).toHsl();
+  return r.l += t / 100, r.l = Be(r.l), m(r);
 }
-function wr(e, t) {
+function Br(e, t) {
   t = t === 0 ? 0 : t || 10;
-  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);
+  var r = m(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)))), m(r);
 }
-function _r(e, t) {
+function Hr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = p(e).toHsl();
-  return r.l -= t / 100, r.l = Ee(r.l), p(r);
+  var r = m(e).toHsl();
+  return r.l -= t / 100, r.l = Be(r.l), m(r);
 }
-function xr(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, t) {
+  var r = m(e).toHsl(), n = (r.h + t) % 360;
+  return r.h = n < 0 ? 360 + n : n, m(r);
 }
-function kr(e) {
-  var t = p(e).toHsl();
-  return t.h = (t.h + 180) % 360, p(t);
+function Ir(e) {
+  var t = m(e).toHsl();
+  return t.h = (t.h + 180) % 360, m(t);
 }
-function Ke(e, t) {
+function nt(e, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  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,
+  for (var r = m(e).toHsl(), n = [m(e)], o = 360 / t, a = 1; a < t; a++)
+    n.push(m({
+      h: (r.h + a * o) % 360,
       s: r.s,
       l: r.l
     }));
   return n;
 }
-function Sr(e) {
-  var t = p(e).toHsl(), r = t.h;
-  return [p(e), p({
+function Pr(e) {
+  var t = m(e).toHsl(), r = t.h;
+  return [m(e), m({
     h: (r + 72) % 360,
     s: t.s,
     l: t.l
-  }), p({
+  }), m({
     h: (r + 216) % 360,
     s: t.s,
     l: t.l
   })];
 }
-function Mr(e, t, r) {
+function Dr(e, t, r) {
   t = t || 6, r = r || 30;
-  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(p(n));
-  return o;
+  var n = m(e).toHsl(), o = 360 / r, a = [m(e)];
+  for (n.h = (n.h - (o * t >> 1) + 720) % 360; --t; )
+    n.h = (n.h + o) % 360, a.push(m(n));
+  return a;
 }
-function $r(e, t) {
+function Fr(e, t) {
   t = t || 6;
-  for (var r = p(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], i = 1 / t; t--; )
-    s.push(p({
+  for (var r = m(e).toHsv(), n = r.h, o = r.s, a = r.v, s = [], l = 1 / t; t--; )
+    s.push(m({
       h: n,
-      s: a,
-      v: o
-    })), o = (o + i) % 1;
+      s: o,
+      v: a
+    })), a = (a + l) % 1;
   return s;
 }
-p.mix = function(e, t, r) {
+m.mix = function(e, t, r) {
   r = r === 0 ? 0 : r || 50;
-  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
+  var n = m(e).toRgb(), o = m(t).toRgb(), a = r / 100, s = {
+    r: (o.r - n.r) * a + n.r,
+    g: (o.g - n.g) * a + n.g,
+    b: (o.b - n.b) * a + n.b,
+    a: (o.a - n.a) * a + n.a
   };
-  return p(s);
+  return m(s);
 };
-p.readability = function(e, t) {
-  var r = p(e), n = p(t);
+m.readability = function(e, t) {
+  var r = m(e), n = m(t);
   return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);
 };
-p.isReadable = function(e, t, r) {
-  var n = p.readability(e, t), a, o;
-  switch (o = !1, a = Rr(r), a.level + a.size) {
+m.isReadable = function(e, t, r) {
+  var n = m.readability(e, t), o, a;
+  switch (a = !1, o = qr(r), o.level + o.size) {
     case "AAsmall":
     case "AAAlarge":
-      o = n >= 4.5;
+      a = n >= 4.5;
       break;
     case "AAlarge":
-      o = n >= 3;
+      a = n >= 3;
       break;
     case "AAAsmall":
-      o = n >= 7;
+      a = n >= 7;
       break;
   }
-  return o;
+  return a;
 };
-p.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;
+m.mostReadable = function(e, t, r) {
+  var n = null, o = 0, a, s, l, i;
+  r = r || {}, s = r.includeFallbackColors, l = r.level, i = r.size;
   for (var c = 0; c < t.length; c++)
-    o = p.readability(e, t[c]), o > a && (a = o, n = p(t[c]));
-  return p.isReadable(e, n, {
-    level: i,
-    size: l
-  }) || !s ? n : (r.includeFallbackColors = !1, p.mostReadable(e, ["#fff", "#000"], r));
+    a = m.readability(e, t[c]), a > o && (o = a, n = m(t[c]));
+  return m.isReadable(e, n, {
+    level: l,
+    size: i
+  }) || !s ? n : (r.includeFallbackColors = !1, m.mostReadable(e, ["#fff", "#000"], r));
 };
-var He = p.names = {
+var Pe = m.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -1244,69 +1428,69 @@ var He = p.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Cr = p.hexNames = Ar(He);
-function Ar(e) {
+}, Lr = m.hexNames = Wr(Pe);
+function Wr(e) {
   var t = {};
   for (var r in e)
     e.hasOwnProperty(r) && (t[e[r]] = r);
   return t;
 }
-function it(e) {
+function bt(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function M(e, t) {
-  Tr(e) && (e = "100%");
-  var r = zr(e);
+function z(e, t) {
+  jr(e) && (e = "100%");
+  var r = Ur(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 Ee(e) {
+function Be(e) {
   return Math.min(1, Math.max(0, e));
 }
-function H(e) {
+function I(e) {
   return parseInt(e, 16);
 }
-function Tr(e) {
+function jr(e) {
   return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
 }
-function zr(e) {
+function Ur(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function D(e) {
+function F(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
-function ve(e) {
+function we(e) {
   return e <= 1 && (e = e * 100 + "%"), e;
 }
-function ct(e) {
+function gt(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function Qe(e) {
-  return H(e) / 255;
+function at(e) {
+  return I(e) / 255;
 }
-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*\\)?";
+var D = function() {
+  var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", o = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(r),
     rgb: new RegExp("rgb" + n),
-    rgba: new RegExp("rgba" + a),
+    rgba: new RegExp("rgba" + o),
     hsl: new RegExp("hsl" + n),
-    hsla: new RegExp("hsla" + a),
+    hsla: new RegExp("hsla" + o),
     hsv: new RegExp("hsv" + n),
-    hsva: new RegExp("hsva" + a),
+    hsva: new RegExp("hsva" + o),
     hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
     hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
 }();
-function G(e) {
-  return !!V.CSS_UNIT.exec(e);
+function Y(e) {
+  return !!D.CSS_UNIT.exec(e);
 }
-function Er(e) {
-  e = e.replace(cr, "").replace(ur, "").toLowerCase();
+function Gr(e) {
+  e = e.replace(Sr, "").replace($r, "").toLowerCase();
   var t = !1;
-  if (He[e])
-    e = He[e], t = !0;
+  if (Pe[e])
+    e = Pe[e], t = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -1316,58 +1500,58 @@ function Er(e) {
       format: "name"
     };
   var r;
-  return (r = V.rgb.exec(e)) ? {
+  return (r = D.rgb.exec(e)) ? {
     r: r[1],
     g: r[2],
     b: r[3]
-  } : (r = V.rgba.exec(e)) ? {
+  } : (r = D.rgba.exec(e)) ? {
     r: r[1],
     g: r[2],
     b: r[3],
     a: r[4]
-  } : (r = V.hsl.exec(e)) ? {
+  } : (r = D.hsl.exec(e)) ? {
     h: r[1],
     s: r[2],
     l: r[3]
-  } : (r = V.hsla.exec(e)) ? {
+  } : (r = D.hsla.exec(e)) ? {
     h: r[1],
     s: r[2],
     l: r[3],
     a: r[4]
-  } : (r = V.hsv.exec(e)) ? {
+  } : (r = D.hsv.exec(e)) ? {
     h: r[1],
     s: r[2],
     v: r[3]
-  } : (r = V.hsva.exec(e)) ? {
+  } : (r = D.hsva.exec(e)) ? {
     h: r[1],
     s: r[2],
     v: r[3],
     a: r[4]
-  } : (r = V.hex8.exec(e)) ? {
-    r: H(r[1]),
-    g: H(r[2]),
-    b: H(r[3]),
-    a: Qe(r[4]),
+  } : (r = D.hex8.exec(e)) ? {
+    r: I(r[1]),
+    g: I(r[2]),
+    b: I(r[3]),
+    a: at(r[4]),
     format: t ? "name" : "hex8"
-  } : (r = V.hex6.exec(e)) ? {
-    r: H(r[1]),
-    g: H(r[2]),
-    b: H(r[3]),
+  } : (r = D.hex6.exec(e)) ? {
+    r: I(r[1]),
+    g: I(r[2]),
+    b: I(r[3]),
     format: t ? "name" : "hex"
-  } : (r = V.hex4.exec(e)) ? {
-    r: H(r[1] + "" + r[1]),
-    g: H(r[2] + "" + r[2]),
-    b: H(r[3] + "" + r[3]),
-    a: Qe(r[4] + "" + r[4]),
+  } : (r = D.hex4.exec(e)) ? {
+    r: I(r[1] + "" + r[1]),
+    g: I(r[2] + "" + r[2]),
+    b: I(r[3] + "" + r[3]),
+    a: at(r[4] + "" + r[4]),
     format: t ? "name" : "hex8"
-  } : (r = V.hex3.exec(e)) ? {
-    r: H(r[1] + "" + r[1]),
-    g: H(r[2] + "" + r[2]),
-    b: H(r[3] + "" + r[3]),
+  } : (r = D.hex3.exec(e)) ? {
+    r: I(r[1] + "" + r[1]),
+    g: I(r[2] + "" + r[2]),
+    b: I(r[3] + "" + r[3]),
     format: t ? "name" : "hex"
   } : !1;
 }
-function Rr(e) {
+function qr(e) {
   var t, r;
   return e = e || {
     level: "AA",
@@ -1377,8 +1561,8 @@ function Rr(e) {
     size: r
   };
 }
-function Br() {
-  if (!Q)
+function da() {
+  if (!re)
     return g("dark");
   const e = g(document.documentElement.dataset.scheme);
   return new MutationObserver((r) => {
@@ -1390,154 +1574,121 @@ function Br() {
     attributeFilter: ["data-scheme"]
   }), e;
 }
-function Un() {
-  return ge("currentThemeScheme", null);
-}
-function Or() {
-  return ge("currentTheme", g(Ie));
-}
-function ut(e, t = !0) {
-  const r = g(e), n = g(e.scheme), a = Br();
-  X(() => {
-    a.value && (n.value = a.value);
-  }), ye("currentTheme", r), ye("currentThemeScheme", n);
-  const s = {
-    ...Object.keys(r.value.colors).map((c) => {
-      const d = c;
-      return r.value.colors[d].reduce((m, k, $) => {
-        const z = p(k).toRgb();
-        return m[`--r-color-${d}-${$}`] = `${z.r} ${z.g} ${z.b}`, m;
-      }, {});
-    }).reduce((c, d) => ({
-      ...c,
-      ...d
-    }), {})
-  }, i = {
-    "font-family": "'Roboto', sans-serif",
-    "background-color": "rgb(var(--r-color-surface-lowest))",
-    color: "rgb(var(--r-color-surface-on))"
-  }, l = v(() => {
-    if (t)
-      return {};
-    const { scheme: c } = e;
-    switch (c) {
-      case "dark":
-        return {
-          colorScheme: "dark",
-          "--r-color-surface-on": "var(--r-color-surface-3)",
-          "--r-color-surface-oninverted": "var(--r-color-surface-8)",
-          "--r-color-surface-onlow": "var(--r-color-surface-4)",
-          "--r-color-surface-onlowinverted": "var(--r-color-surface-7)",
-          "--r-color-surface-lowest": "var(--r-color-surface-10)",
-          "--r-color-surface-low": "var(--r-color-surface-9)",
-          "--r-color-surface-base": "var(--r-color-surface-8)",
-          "--r-color-surface-high": "var(--r-color-surface-7)",
-          "--r-color-surface-highest": "var(--r-color-surface-6)",
-          "--r-color-surface-border": "var(--r-color-surface-7)",
-          "--r-color-primary-container": "var(--r-color-primary-8)",
-          "--r-color-secondary-container": "var(--r-color-secondary-8)",
-          "--r-color-tertiary-container": "var(--r-color-tertiary-8)",
-          "--r-color-error-container": "var(--r-color-error-8)",
-          "--r-color-primary-containerd": "var(--r-color-primary-9)",
-          "--r-color-secondary-containerd": "var(--r-color-secondary-9)",
-          "--r-color-tertiary-containerd": "var(--r-color-tertiary-9)",
-          "--r-color-error-containerd": "var(--r-color-error-9)",
-          "--r-color-primary-containerl": "var(--r-color-primary-6)",
-          "--r-color-secondary-containerl": "var(--r-color-secondary-6)",
-          "--r-color-tertiary-containerl": "var(--r-color-tertiary-6)",
-          "--r-color-error-containerl": "var(--r-color-error-6)"
-        };
-      case "light":
-        return {
-          colorScheme: "light",
-          "--r-color-surface-on": "var(--r-color-surface-7)",
-          "--r-color-surface-oninverted": "var(--r-color-surface-2)",
-          "--r-color-surface-onlow": "var(--r-color-surface-6)",
-          "--r-color-surface-onlowinverted": "var(--r-color-surface-3)",
-          "--r-color-surface-lowest": "var(--r-color-surface-3)",
-          "--r-color-surface-low": "var(--r-color-surface-2)",
-          "--r-color-surface-base": "var(--r-color-surface-1)",
-          "--r-color-surface-high": "var(--r-color-surface-0)",
-          "--r-color-surface-highest": "var(--r-color-surface-0)",
-          "--r-color-surface-border": "var(--r-color-surface-4)",
-          "--r-color-primary-container": "var(--r-color-primary-6)",
-          "--r-color-secondary-container": "var(--r-color-secondary-6)",
-          "--r-color-tertiary-container": "var(--r-color-tertiary-6)",
-          "--r-color-error-container": "var(--r-color-error-6)",
-          "--r-color-primary-containerd": "var(--r-color-primary-7)",
-          "--r-color-secondary-containerd": "var(--r-color-secondary-7)",
-          "--r-color-tertiary-containerd": "var(--r-color-tertiary-7)",
-          "--r-color-error-containerd": "var(--r-color-error-7)",
-          "--r-color-primary-containerl": "var(--r-color-primary-4)",
-          "--r-color-secondary-containerl": "var(--r-color-secondary-4)",
-          "--r-color-tertiary-containerl": "var(--r-color-tertiary-4)",
-          "--r-color-error-containerl": "var(--r-color-error-4)"
-        };
+function fa() {
+  return xe("currentThemeScheme", null);
+}
+function yt() {
+  return xe("currentThemeData", g(Ct));
+}
+function pa() {
+  return xe("currentThemeName", g("default"));
+}
+function Xr(e, t, r = {}) {
+  const n = [0.98, 0.96, 0.9, 0.8, 0.7, 0.6, 0.55, 0.4, 0.36, 0.3, 0.2], o = [1, 0.99, 0.98, 0.9, 0.8, 0.5, 0.2, 0.12, 0.1, 0.08, 0.06];
+  return r.primary === void 0 && (r.primary = n), r.secondary === void 0 && (r.secondary = n), r.tertiary === void 0 && (r.tertiary = n), r.error === void 0 && (r.error = n), r.surface === void 0 && (r.surface = o), h(() => ({
+    name: e,
+    colors: {
+      primary: ye(u(t.primary), r.primary),
+      secondary: ye(u(t.secondary), r.secondary),
+      tertiary: ye(u(t.tertiary), r.tertiary),
+      error: ye(u(t.error), r.error),
+      surface: ye(u(t.surface), r.surface)
     }
-  });
+  }));
+}
+function wt(e) {
+  const t = g(e);
   return {
-    ...s,
-    ...i,
-    ...l.value
+    ...{
+      ...Object.keys(t.value.colors).map((a) => {
+        const s = a;
+        return t.value.colors[s].reduce((i, c, d) => {
+          const f = m(c).toRgb();
+          return i[`--r-color-${s}-${d}`] = `${f.r} ${f.g} ${f.b}`, i;
+        }, {});
+      }).reduce((a, s) => ({
+        ...a,
+        ...s
+      }), {})
+    },
+    ...{
+      "background-color": "rgb(var(--r-color-surface-lowest))",
+      color: "rgb(var(--r-color-surface-on))"
+    }
+    // ...schemeStyles.value,
   };
 }
-function Fe(e) {
+function Ue(e) {
   const t = g("");
-  return ee(() => {
+  return ae(() => {
     e.id ? t.value = e.id : t.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
   }), t;
 }
-const dt = Symbol("scheme");
-function Hr() {
-  return ge(dt, g("dark"));
+const Yr = Symbol("scheme");
+function Jr() {
+  const e = mt("scheme", "light");
+  return re && new MutationObserver(() => {
+    e.value !== document.documentElement.dataset.scheme && (e.value = document.documentElement.dataset.scheme);
+  }).observe(document.documentElement, {
+    attributes: !0,
+    attributeFilter: ["data-scheme"]
+  }), e;
 }
-const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
+const Zr = ["id", "alt"], Kr = ["for"], Qr = { key: 0 }, ha = /* @__PURE__ */ S({
   __name: "ColorInput",
-  props: {
+  props: /* @__PURE__ */ W({
+    label: {}
+  }, {
     modelValue: {},
     modelModifiers: {}
-  },
+  }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = j(e, "modelValue"), r = nt(), n = Fe(r), a = g(null);
-    return (o, s) => {
-      const i = ir;
-      return h(), b("div", null, [
-        Te(w("input", {
+    const t = G(e, "modelValue"), r = ct(), n = Ue(r), o = g(null);
+    return (a, s) => {
+      const l = kr;
+      return p(), b("div", null, [
+        Ne(x("input", {
           id: u(n),
           ref_key: "input",
-          ref: a,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
+          ref: o,
+          "onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i),
+          alt: t.value,
           type: "color",
           class: "pointer-events-none absolute opacity-0"
-        }, null, 8, Nr), [
-          [Ct, t.value]
+        }, null, 8, Zr), [
+          [Ot, t.value]
         ]),
-        w("label", { for: u(n) }, [
-          Z(i, {
+        x("label", {
+          class: "flex items-center gap-2",
+          for: u(n)
+        }, [
+          Z(l, {
             class: "cursor-pointer",
             color: t.value ?? "#222"
-          }, null, 8, ["color"])
-        ], 8, Pr)
+          }, null, 8, ["color"]),
+          a.label ? (p(), b("span", Qr, te(a.label), 1)) : E("", !0)
+        ], 8, Kr)
       ]);
     };
   }
-}), Ir = ["data-scheme", "data-theme"], Vr = /* @__PURE__ */ x({
+}), en = ["data-scheme", "data-theme"], tn = /* @__PURE__ */ S({
   __name: "ThemeProvider",
   props: {
-    theme: {}
+    theme: {},
+    scheme: {}
   },
   setup(e) {
-    const r = ut(e.theme, !1);
-    return (n, a) => (h(), b("div", {
-      style: T([u(r)]),
-      "data-scheme": n.theme.scheme,
-      "data-theme": n.theme.name
+    const t = e, r = yt(), n = h(() => wt(t.theme ? t.theme : r.value)), o = h(() => t.scheme ? t.scheme : mt("scheme", "light"));
+    return (a, s) => (p(), b("div", {
+      style: N([u(n)]),
+      "data-scheme": u(o),
+      "data-theme": u(r).name
     }, [
-      S(n.$slots, "default")
-    ], 12, Ir));
+      $(a.$slots, "default")
+    ], 12, en));
   }
-}), ft = /* @__PURE__ */ x({
+}), _t = /* @__PURE__ */ S({
   __name: "FullscreenOverlay",
   props: /* @__PURE__ */ W({
     persistent: { type: Boolean, default: !1 },
@@ -1549,11 +1700,11 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = j(e, "modelValue"), n = g(null);
-    function a(c) {
-      t.persistent || c.target === n.value && (r.value = !1);
+    const t = e, r = G(e, "modelValue"), n = g(null);
+    function o(i) {
+      t.persistent || i.target === n.value && (r.value = !1);
     }
-    const o = v(() => {
+    const a = h(() => {
       switch (t.blur) {
         case "sm":
           return "backdrop-blur-sm";
@@ -1566,30 +1717,30 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
           return "";
       }
     }), s = g(0);
-    X(() => {
+    le(() => {
       r.value ? (document.body.style.overflow = "hidden", document.body.style.marginRight = `${s.value}px`) : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
-    }), new ResizeObserver(() => {
+    }), typeof window < "u" && new ResizeObserver(() => {
       const c = window.innerWidth - document.body.clientWidth;
       c !== 0 && (s.value = c);
     }).observe(document.body);
-    const l = Or();
-    return (c, d) => {
-      const f = Vr;
-      return h(), P(At, { to: "body" }, [
-        Z(f, { theme: u(l) }, {
+    const l = yt();
+    return (i, c) => {
+      const d = tn;
+      return p(), P(Nt, { to: "body" }, [
+        Z(d, { theme: u(l) }, {
           default: L(() => [
-            w("div", {
+            x("div", {
               ref_key: "wrapperRef",
               ref: n,
-              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, c.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", [a.value, i.wrapperClass, {
                 "op0 pointer-events-none": !r.value,
                 op100: r.value
               }]]),
-              onClick: a
+              onClick: o
             }, [
-              S(c.$slots, "default")
+              $(i.$slots, "default")
             ], 2)
           ]),
           _: 3
@@ -1597,7 +1748,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
       ]);
     };
   }
-}), Dr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, Fr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), Lr = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, qn = /* @__PURE__ */ x({
+}), rn = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, nn = /* @__PURE__ */ x("i", { class: "i-tabler-x" }, null, -1), an = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, ma = /* @__PURE__ */ S({
   __name: "Drawer",
   props: /* @__PURE__ */ W({
     persistent: { type: Boolean, default: !1 },
@@ -1609,17 +1760,17 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = j(e, "modelValue");
-    return (n, a) => {
-      const o = lt, s = ft;
-      return h(), P(s, {
+    const t = e, r = G(e, "modelValue");
+    return (n, o) => {
+      const a = vt, s = _t;
+      return p(), P(s, {
         modelValue: r.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (i) => r.value = i),
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => r.value = l),
         blur: t.blur,
         persistent: t.persistent
       }, {
         default: L(() => [
-          Z(ot, {
+          Z(We, {
             "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"),
@@ -1628,27 +1779,27 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
             "leave-active-class": "transition ease-in duration-200"
           }, {
             default: L(() => [
-              r.value ? (h(), b("div", {
+              r.value ? (p(), b("div", {
                 key: 0,
                 class: y(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
               }, [
-                w("div", Dr, [
-                  Z(o, {
+                x("div", rn, [
+                  Z(a, {
                     icon: "",
                     variant: "transparent",
                     class: "text-surface-on hover:text-surface-on",
-                    onPointerup: a[0] || (a[0] = (i) => r.value = !1)
+                    onPointerup: o[0] || (o[0] = (l) => r.value = !1)
                   }, {
                     default: L(() => [
-                      Fr
+                      nn
                     ]),
                     _: 1
                   })
                 ]),
-                w("div", Lr, [
-                  S(n.$slots, "default")
+                x("div", an, [
+                  $(n.$slots, "default")
                 ])
-              ], 2)) : A("", !0)
+              ], 2)) : E("", !0)
             ]),
             _: 3
           }, 8, ["enter-from-class", "enter-to-class", "leave-from-class", "leave-to-class"])
@@ -1657,7 +1808,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
       }, 8, ["modelValue", "blur", "persistent"]);
     };
   }
-}), Xn = /* @__PURE__ */ x({
+}), va = /* @__PURE__ */ S({
   __name: "Dropzone",
   props: {
     dashed: { type: Boolean, default: !0 },
@@ -1665,31 +1816,31 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   },
   emits: ["drop"],
   setup(e, { emit: t }) {
-    const r = e, n = t, a = g(), { onChange: o, open: s } = er({
+    const r = e, n = t, o = g(), { onChange: a, open: s } = mr({
       accept: r.accept
     });
-    o((l) => {
-      l ? n("drop", Array.from(l)) : n("drop", null);
+    a((i) => {
+      i ? n("drop", Array.from(i)) : n("drop", null);
     });
-    const { isOverDropZone: i } = Yt(a, {
-      onDrop: (l) => {
-        n("drop", l);
+    const { isOverDropZone: l } = cr(o, {
+      onDrop: (i) => {
+        n("drop", i);
       }
     });
-    return (l, c) => (h(), b("div", {
+    return (i, c) => (p(), b("div", {
       ref_key: "dropZoneRef",
-      ref: a,
+      ref: o,
       class: y([{
-        "": u(i),
-        " bg-surface-low": !u(i),
-        "border-dashed": l.dashed
-      }, "h-full w-full flex cursor-pointer items-center justify-center rounded"]),
+        "": u(l),
+        " bg-surface-low": !u(l),
+        "border-dashed": i.dashed
+      }, "h-full w-full flex cursor-pointer items-center justify-center rounded transition-background-color,border-color"]),
       onPointerup: c[0] || (c[0] = () => u(s)())
     }, [
-      S(l.$slots, "default")
+      $(i.$slots, "default")
     ], 34));
   }
-}), Yn = /* @__PURE__ */ x({
+}), ba = /* @__PURE__ */ S({
   __name: "Image",
   props: {
     is: { default: "img" },
@@ -1704,53 +1855,53 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   },
   setup(e) {
     const t = e, r = g(!1), n = g(null);
-    function a() {
+    function o() {
       r.value = !0;
     }
-    ee(() => {
+    ae(() => {
       var s;
-      (s = n.value) != null && s.complete && a();
+      (s = n.value) != null && s.complete && o();
     });
-    const o = U(t);
-    return (s, i) => (h(), b("div", {
-      style: T({
+    const a = q(t);
+    return (s, l) => (p(), b("div", {
+      style: N({
         height: s.height,
         width: s.width,
         maxHeight: s.maxHeight,
         maxWidth: s.maxWidth
       })
     }, [
-      s.src ? (h(), P(ue(s.is), de({
+      s.src ? (p(), P(be(s.is), ge({
         key: 0,
         ref_key: "img",
         ref: n,
         style: [
           s.style,
-          u(o).style
+          u(a).style
         ],
         src: s.src,
         class: ["h-full w-full object-cover", [
           t.class,
-          u(o).class,
+          u(a).class,
           {
             hidden: !u(r)
           }
         ]]
-      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : A("", !0),
-      u(r) ? A("", !0) : (h(), b("div", {
+      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : E("", !0),
+      u(r) ? E("", !0) : (p(), b("div", {
         key: 1,
         class: y(["h-full w-full animate-pulse border-transparent bg-surface-high object-cover", [
           t.class,
-          u(o).class
+          u(a).class
         ]]),
-        style: T([
+        style: N([
           s.style,
-          u(o).style
+          u(a).style
         ])
       }, null, 6))
     ], 4));
   }
-}), Wr = { class: "relative" }, Zn = /* @__PURE__ */ x({
+}), on = { class: "relative" }, ga = /* @__PURE__ */ S({
   __name: "Indicator",
   props: {
     color: { default: "primary" },
@@ -1759,7 +1910,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
     ping: { type: Boolean }
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.size) {
         case "sm":
           return "w-2 h-2";
@@ -1770,7 +1921,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `w-${t.size} h-${t.size}` : t.size;
       }
-    }), n = at(), a = v(() => {
+    }), n = dt(), o = h(() => {
       if (!n.label)
         return "";
       switch (t.size) {
@@ -1781,7 +1932,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
         case "lg":
           return "text-lg children:px-2.5";
       }
-    }), o = v(() => {
+    }), a = h(() => {
       switch (t.position) {
         case "top-left":
           return "top-0 left-0 -translate-x-1/2 -translate-y-1/2";
@@ -1792,7 +1943,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
         case "bottom-right":
           return "bottom-0 right-0 translate-x-1/2 translate-y-1/2";
       }
-    }), s = v(() => {
+    }), s = h(() => {
       switch (t.color) {
         case "primary":
           return "bg-primary-container text-primary-on";
@@ -1804,36 +1955,36 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
           return "bg-error-container text-error-on";
       }
     });
-    return (i, l) => (h(), b("div", Wr, [
-      w("div", {
-        class: y([[u(o), u(a)], "absolute z-1"])
+    return (l, i) => (p(), b("div", on, [
+      x("div", {
+        class: y([[u(a), u(o)], "absolute z-1"])
       }, [
-        t.ping ? (h(), b("div", {
+        t.ping ? (p(), b("div", {
           key: 0,
           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 ? S(i.$slots, "label", { key: 0 }) : A("", !0)
-        ], 2)) : A("", !0),
-        w("div", {
+          l.$slots.label ? $(l.$slots, "label", { key: 0 }) : E("", !0)
+        ], 2)) : E("", !0),
+        x("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 ? S(i.$slots, "label", { key: 0 }) : A("", !0)
+          l.$slots.label ? $(l.$slots, "label", { key: 0 }) : E("", !0)
         ], 2)
       ], 2),
-      S(i.$slots, "default")
+      $(l.$slots, "default")
     ]));
   }
-}), Kn = /* @__PURE__ */ x({
+}), ya = /* @__PURE__ */ S({
   __name: "Modal",
   props: /* @__PURE__ */ W({
     persistent: { type: Boolean, default: !1 },
@@ -1844,18 +1995,18 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = j(e, "modelValue");
-    return (n, a) => {
-      const o = ft;
-      return h(), P(o, {
+    const t = e, r = G(e, "modelValue");
+    return (n, o) => {
+      const a = _t;
+      return p(), P(a, {
         modelValue: r.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => r.value = s),
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => r.value = s),
         blur: t.blur,
         persistent: t.persistent,
         "wrapper-class": "flex items-end justify-center"
       }, {
         default: L(() => [
-          Z(ot, {
+          Z(We, {
             "enter-from-class": "translate-y-1/2",
             "enter-to-class": "translate-y-0",
             "leave-from-class": "translate-y-0",
@@ -1864,7 +2015,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
             "leave-active-class": "transition ease-in duration-200"
           }, {
             default: L(() => [
-              r.value ? S(n.$slots, "default", { key: 0 }) : A("", !0)
+              r.value ? $(n.$slots, "default", { key: 0 }) : E("", !0)
             ]),
             _: 3
           })
@@ -1873,13 +2024,13 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
       }, 8, ["modelValue", "blur", "persistent"]);
     };
   }
-}), jr = {
+}), sn = {
   key: 0,
   class: "h-container w-container i-tabler-loader-2 shrink-0 animate-spin"
-}, Ur = { key: 1 }, Gr = { class: "grow-1" }, qr = {
+}, ln = { key: 1 }, un = { class: "grow-1" }, cn = {
   key: 2,
-  class: "text-sm text-surface-onlow"
-}, Xr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), Yr = /* @__PURE__ */ x({
+  class: "text-sm text-surface-on-low"
+}, dn = /* @__PURE__ */ x("i", { class: "i-tabler-x" }, null, -1), fn = /* @__PURE__ */ S({
   __name: "Notification",
   props: {
     title: {},
@@ -1894,7 +2045,7 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
   },
   emits: ["close"],
   setup(e) {
-    const t = e, r = U(t), n = v(() => {
+    const t = e, r = q(t), n = h(() => {
       switch (t.color) {
         case "secondary":
           return "bg-secondary-container";
@@ -1905,172 +2056,172 @@ const Nr = ["id"], Pr = ["for"], Gn = /* @__PURE__ */ x({
         default:
           return "bg-primary-container";
       }
-    }), a = v(() => {
+    }), o = h(() => {
       switch (t.color) {
         case "secondary":
-          return "text-secondary-container";
+          return "text-secondary-on";
         case "tertiary":
-          return "text-tertiary-container";
+          return "text-tertiary-on";
         case "error":
-          return "text-error-container";
+          return "text-error-on";
         default:
-          return "text-primary-container";
+          return "text-primary-on";
       }
     });
-    return (o, s) => {
-      const i = lt;
-      return h(), b("div", {
+    return (a, s) => {
+      const l = vt;
+      return p(), b("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 },
+          { "border-0": !a.withBorder },
           u(r).class,
           {
-            "max-w-100": !o.block,
-            "w-full": o.block
+            "max-w-100": !a.block,
+            "w-full": a.block
           }
         ]]),
-        style: T(u(r).style)
+        style: N(u(r).style)
       }, [
-        o.icon ? (h(), b("div", {
+        a.icon ? (p(), b("div", {
           key: 0,
-          class: y(["leading-0", u(a)])
+          class: y(["leading-0", u(o)])
         }, [
-          o.loading ? (h(), b("i", jr)) : (h(), b("i", {
+          a.loading ? (p(), b("i", sn)) : (p(), b("i", {
             key: 1,
-            class: y(["h-container w-container shrink-0", o.icon])
+            class: y(["h-container w-container shrink-0", a.icon])
           }, null, 2))
-        ], 2)) : (h(), b("div", Ur, [
-          w("div", {
+        ], 2)) : (p(), b("div", ln, [
+          x("div", {
             class: y(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
-              "animate-pulse": o.loading
+              "animate-pulse": a.loading
             }, u(n)]])
           }, null, 2)
         ])),
-        w("div", Gr, [
-          o.title ? (h(), b("div", {
+        x("div", un, [
+          a.title ? (p(), b("div", {
             key: 0,
-            class: y([u(a), "text-base"])
-          }, re(o.title), 3)) : A("", !0),
-          o.$slots.message ? S(o.$slots, "message", { key: 1 }) : o.message ? (h(), b("div", qr, re(o.message), 1)) : A("", !0)
+            class: y([u(o), "text-base"])
+          }, te(a.title), 3)) : E("", !0),
+          a.$slots.message ? $(a.$slots, "message", { key: 1 }) : a.message ? (p(), b("div", cn, te(a.message), 1)) : E("", !0)
         ]),
-        o.closeable ? (h(), P(i, {
+        a.closeable ? (p(), P(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) => a.$emit("close"))
         }, {
           default: L(() => [
-            Xr
+            dn
           ]),
           _: 1
-        })) : A("", !0)
+        })) : E("", !0)
       ], 6);
     };
   }
-}), ht = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), Ce = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakSet();
-let J, Le = 0, We = 0;
-const q = "__aa_tgt", _e = "__aa_del", Ae = "__aa_new", Kr = (e) => {
-  const t = rn(e);
-  t && t.forEach((r) => nn(r));
-}, Qr = (e) => {
+}), xt = /* @__PURE__ */ new Set(), V = /* @__PURE__ */ new WeakMap(), he = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), De = /* @__PURE__ */ new WeakMap(), pn = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakSet();
+let ne, Ge = 0, qe = 0;
+const J = "__aa_tgt", Se = "__aa_del", Oe = "__aa_new", hn = (e) => {
+  const t = yn(e);
+  t && t.forEach((r) => wn(r));
+}, mn = (e) => {
   e.forEach((t) => {
-    t.target === J && en(), O.has(t.target) && ae(t.target);
+    t.target === ne && bn(), V.has(t.target) && de(t.target);
   });
 };
-function Jr(e) {
-  const t = Ne.get(e);
+function vn(e) {
+  const t = De.get(e);
   t == null || t.disconnect();
-  let r = O.get(e), n = 0;
-  const a = 5;
-  r || (r = ce(e), O.set(e, r));
-  const { offsetWidth: o, offsetHeight: s } = J, l = [
-    r.top - a,
-    o - (r.left + a + r.width),
-    s - (r.top + a + r.height),
-    r.left - a
+  let r = V.get(e), n = 0;
+  const o = 5;
+  r || (r = ve(e), V.set(e, r));
+  const { offsetWidth: a, offsetHeight: s } = ne, i = [
+    r.top - o,
+    a - (r.left + o + r.width),
+    s - (r.top + o + r.height),
+    r.left - o
   ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), c = new IntersectionObserver(() => {
-    ++n > 1 && ae(e);
+    ++n > 1 && de(e);
   }, {
-    root: J,
+    root: ne,
     threshold: 1,
-    rootMargin: l
+    rootMargin: i
   });
-  c.observe(e), Ne.set(e, c);
+  c.observe(e), De.set(e, c);
 }
-function ae(e) {
-  clearTimeout(Ce.get(e));
-  const t = Re(e), r = xe(t) ? 500 : t.duration;
-  Ce.set(e, setTimeout(async () => {
-    const n = oe.get(e);
+function de(e) {
+  clearTimeout(Re.get(e));
+  const t = He(e), r = $e(t) ? 500 : t.duration;
+  Re.set(e, setTimeout(async () => {
+    const n = ce.get(e);
     try {
-      await (n == null ? void 0 : n.finished), O.set(e, ce(e)), Jr(e);
+      await (n == null ? void 0 : n.finished), V.set(e, ve(e)), vn(e);
     } catch {
     }
   }, r));
 }
-function en() {
-  clearTimeout(Ce.get(J)), Ce.set(J, setTimeout(() => {
-    ht.forEach((e) => bt(e, (t) => pt(() => ae(t))));
+function bn() {
+  clearTimeout(Re.get(ne)), Re.set(ne, setTimeout(() => {
+    xt.forEach((e) => Mt(e, (t) => kt(() => de(t))));
   }, 100));
 }
-function tn(e) {
+function gn(e) {
   setTimeout(() => {
-    Zr.set(e, setInterval(() => pt(ae.bind(null, e)), 2e3));
+    pn.set(e, setInterval(() => kt(de.bind(null, e)), 2e3));
   }, Math.round(2e3 * Math.random()));
 }
-function pt(e) {
+function kt(e) {
   typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
 }
-let Pe, se;
-typeof window < "u" && (J = document.documentElement, Pe = new MutationObserver(Kr), se = new ResizeObserver(Qr), window.addEventListener("scroll", () => {
-  We = window.scrollY, Le = window.scrollX;
-}), se.observe(J));
-function rn(e) {
-  return e.reduce((n, a) => [
+let Fe, pe;
+typeof window < "u" && (ne = document.documentElement, Fe = new MutationObserver(hn), pe = new ResizeObserver(mn), window.addEventListener("scroll", () => {
+  qe = window.scrollY, Ge = window.scrollX;
+}), pe.observe(ne));
+function yn(e) {
+  return e.reduce((n, o) => [
     ...n,
-    ...Array.from(a.addedNodes),
-    ...Array.from(a.removedNodes)
-  ], []).every((n) => n.nodeName === "#comment") ? !1 : e.reduce((n, a) => {
+    ...Array.from(o.addedNodes),
+    ...Array.from(o.removedNodes)
+  ], []).every((n) => n.nodeName === "#comment") ? !1 : e.reduce((n, o) => {
     if (n === !1)
       return !1;
-    if (a.target instanceof Element) {
-      if (Oe(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 (o.target instanceof Element) {
+      if (Ie(o.target), !n.has(o.target)) {
+        n.add(o.target);
+        for (let a = 0; a < o.target.children.length; a++) {
+          const s = o.target.children.item(a);
           if (s) {
-            if (_e in s)
+            if (Se in s)
               return !1;
-            Oe(a.target, s), n.add(s);
+            Ie(o.target, s), n.add(s);
           }
         }
       }
-      if (a.removedNodes.length)
-        for (let o = 0; o < a.removedNodes.length; o++) {
-          const s = a.removedNodes[o];
-          if (_e in s)
+      if (o.removedNodes.length)
+        for (let a = 0; a < o.removedNodes.length; a++) {
+          const s = o.removedNodes[a];
+          if (Se in s)
             return !1;
-          s instanceof Element && (n.add(s), Oe(a.target, s), le.set(s, [
-            a.previousSibling,
-            a.nextSibling
+          s instanceof Element && (n.add(s), Ie(o.target, s), he.set(s, [
+            o.previousSibling,
+            o.nextSibling
           ]));
         }
     }
     return n;
   }, /* @__PURE__ */ new Set());
 }
-function Oe(e, t) {
-  !t && !(q in e) ? Object.defineProperty(e, q, { value: e }) : t && !(q in t) && Object.defineProperty(t, q, { value: e });
+function Ie(e, t) {
+  !t && !(J in e) ? Object.defineProperty(e, J, { value: e }) : t && !(J in t) && Object.defineProperty(t, J, { value: e });
 }
-function nn(e) {
+function wn(e) {
   var t;
-  const r = e.isConnected, n = O.has(e);
-  r && le.has(e) && le.delete(e), oe.has(e) && ((t = oe.get(e)) === null || t === void 0 || t.cancel()), Ae in e ? Je(e) : n && r ? an(e) : n && !r ? sn(e) : Je(e);
+  const r = e.isConnected, n = V.has(e);
+  r && he.has(e) && he.delete(e), ce.has(e) && ((t = ce.get(e)) === null || t === void 0 || t.cancel()), Oe in e ? ot(e) : n && r ? xn(e) : n && !r ? kn(e) : ot(e);
 }
-function F(e) {
+function U(e) {
   return Number(e.replace(/[^0-9.\-]/g, ""));
 }
-function on(e) {
+function _n(e) {
   let t = e.parentElement;
   for (; t; ) {
     if (t.scrollLeft || t.scrollTop)
@@ -2079,8 +2230,8 @@ function on(e) {
   }
   return { x: 0, y: 0 };
 }
-function ce(e) {
-  const t = e.getBoundingClientRect(), { x: r, y: n } = on(e);
+function ve(e) {
+  const t = e.getBoundingClientRect(), { x: r, y: n } = _n(e);
   return {
     top: t.top + n,
     left: t.left + r,
@@ -2088,69 +2239,69 @@ function ce(e) {
     height: t.height
   };
 }
-function mt(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 = F(i.paddingTop) + F(i.paddingBottom) + F(i.borderTopWidth) + F(i.borderBottomWidth), d = F(i.paddingLeft) + F(i.paddingRight) + F(i.borderRightWidth) + F(i.borderLeftWidth);
-    n -= d, o -= d, a -= c, s -= c;
+function St(e, t, r) {
+  let n = t.width, o = t.height, a = r.width, s = r.height;
+  const l = getComputedStyle(e);
+  if (l.getPropertyValue("box-sizing") === "content-box") {
+    const c = U(l.paddingTop) + U(l.paddingBottom) + U(l.borderTopWidth) + U(l.borderBottomWidth), d = U(l.paddingLeft) + U(l.paddingRight) + U(l.borderRightWidth) + U(l.borderLeftWidth);
+    n -= d, a -= d, o -= c, s -= c;
   }
-  return [n, o, a, s].map(Math.round);
+  return [n, a, o, s].map(Math.round);
 }
-function Re(e) {
-  return q in e && ie.has(e[q]) ? ie.get(e[q]) : { duration: 250, easing: "ease-in-out" };
+function He(e) {
+  return J in e && me.has(e[J]) ? me.get(e[J]) : { duration: 250, easing: "ease-in-out" };
 }
-function vt(e) {
-  if (q in e)
-    return e[q];
+function $t(e) {
+  if (J in e)
+    return e[J];
 }
-function je(e) {
-  const t = vt(e);
-  return t ? be.has(t) : !1;
+function Xe(e) {
+  const t = $t(e);
+  return t ? _e.has(t) : !1;
 }
-function bt(e, ...t) {
-  t.forEach((r) => r(e, ie.has(e)));
+function Mt(e, ...t) {
+  t.forEach((r) => r(e, me.has(e)));
   for (let r = 0; r < e.children.length; r++) {
     const n = e.children.item(r);
-    n && t.forEach((a) => a(n, ie.has(n)));
+    n && t.forEach((o) => o(n, me.has(n)));
   }
 }
-function Ue(e) {
+function Ye(e) {
   return Array.isArray(e) ? e : [e];
 }
-function xe(e) {
+function $e(e) {
   return typeof e == "function";
 }
-function an(e) {
-  const t = O.get(e), r = ce(e);
-  if (!je(e))
-    return O.set(e, r);
+function xn(e) {
+  const t = V.get(e), r = ve(e);
+  if (!Xe(e))
+    return V.set(e, r);
   let n;
   if (!t)
     return;
-  const a = Re(e);
-  if (typeof a != "function") {
-    const o = t.left - r.left, s = t.top - r.top, [i, l, c, d] = mt(e, t, r), f = {
-      transform: `translate(${o}px, ${s}px)`
-    }, m = {
+  const o = He(e);
+  if (typeof o != "function") {
+    const a = t.left - r.left, s = t.top - r.top, [l, i, c, d] = St(e, t, r), f = {
+      transform: `translate(${a}px, ${s}px)`
+    }, v = {
       transform: "translate(0, 0)"
     };
-    i !== l && (f.width = `${i}px`, m.width = `${l}px`), c !== d && (f.height = `${c}px`, m.height = `${d}px`), n = e.animate([f, m], {
-      duration: a.duration,
-      easing: a.easing
+    l !== i && (f.width = `${l}px`, v.width = `${i}px`), c !== d && (f.height = `${c}px`, v.height = `${d}px`), n = e.animate([f, v], {
+      duration: o.duration,
+      easing: o.easing
     });
   } else {
-    const [o] = Ue(a(e, "remain", t, r));
-    n = new Animation(o), n.play();
+    const [a] = Ye(o(e, "remain", t, r));
+    n = new Animation(a), n.play();
   }
-  oe.set(e, n), O.set(e, r), n.addEventListener("finish", ae.bind(null, e));
-}
-function Je(e) {
-  Ae in e && delete e[Ae];
-  const t = ce(e);
-  O.set(e, t);
-  const r = Re(e);
-  if (!je(e))
+  ce.set(e, n), V.set(e, r), n.addEventListener("finish", de.bind(null, e));
+}
+function ot(e) {
+  Oe in e && delete e[Oe];
+  const t = ve(e);
+  V.set(e, t);
+  const r = He(e);
+  if (!Xe(e))
     return;
   let n;
   if (typeof r != "function")
@@ -2163,43 +2314,43 @@ function Je(e) {
       easing: "ease-in"
     });
   else {
-    const [a] = Ue(r(e, "add", t));
-    n = new Animation(a), n.play();
+    const [o] = Ye(r(e, "add", t));
+    n = new Animation(o), n.play();
   }
-  oe.set(e, n), n.addEventListener("finish", ae.bind(null, e));
+  ce.set(e, n), n.addEventListener("finish", de.bind(null, e));
 }
-function et(e, t) {
+function st(e, t) {
   var r;
-  e.remove(), O.delete(e), le.delete(e), oe.delete(e), (r = Ne.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
-    if (_e in e && delete e[_e], Object.defineProperty(e, Ae, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
+  e.remove(), V.delete(e), he.delete(e), ce.delete(e), (r = De.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
+    if (Se in e && delete e[Se], Object.defineProperty(e, Oe, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
       for (const n in t)
         e.style[n] = "";
   }, 0);
 }
-function sn(e) {
+function kn(e) {
   var t;
-  if (!le.has(e) || !O.has(e))
+  if (!he.has(e) || !V.has(e))
     return;
-  const [r, n] = le.get(e);
-  Object.defineProperty(e, _e, { 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 = vt(e)) === null || t === void 0 || t.appendChild(e), !je(e))
-    return et(e);
-  const [s, i, l, c] = cn(e), d = Re(e), f = O.get(e);
-  (a !== Le || o !== We) && ln(e, a, o, d);
-  let m, k = {
+  const [r, n] = he.get(e);
+  Object.defineProperty(e, Se, { value: !0, configurable: !0 });
+  const o = window.scrollX, a = window.scrollY;
+  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : r && r.parentNode ? r.parentNode.appendChild(e) : (t = $t(e)) === null || t === void 0 || t.appendChild(e), !Xe(e))
+    return st(e);
+  const [s, l, i, c] = $n(e), d = He(e), f = V.get(e);
+  (o !== Ge || a !== qe) && Sn(e, o, a, d);
+  let v, k = {
     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 (!xe(d))
-    Object.assign(e.style, k), m = e.animate([
+  if (!$e(d))
+    Object.assign(e.style, k), v = e.animate([
       {
         transform: "scale(1)",
         opacity: 1
@@ -2210,82 +2361,82 @@ function sn(e) {
       }
     ], { duration: d.duration, easing: "ease-out" });
   else {
-    const [$, z] = Ue(d(e, "remove", f));
-    (z == null ? void 0 : z.styleReset) !== !1 && (k = (z == null ? void 0 : z.styleReset) || k, Object.assign(e.style, k)), m = new Animation($), m.play();
+    const [C, A] = Ye(d(e, "remove", f));
+    (A == null ? void 0 : A.styleReset) !== !1 && (k = (A == null ? void 0 : A.styleReset) || k, Object.assign(e.style, k)), v = new Animation(C), v.play();
   }
-  oe.set(e, m), m.addEventListener("finish", et.bind(null, e, k));
+  ce.set(e, v), v.addEventListener("finish", st.bind(null, e, k));
 }
-function ln(e, t, r, n) {
-  const a = Le - t, o = We - r, s = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(J).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
+function Sn(e, t, r, n) {
+  const o = Ge - t, a = qe - r, s = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(ne).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + o, window.scrollY + a), !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 m() {
+  function v() {
     requestAnimationFrame(() => {
-      if (!xe(n)) {
-        const k = c - l.clientHeight, $ = d - l.clientWidth;
+      if (!$e(n)) {
+        const k = c - i.clientHeight, C = d - i.clientWidth;
         f + n.duration > performance.now() ? (window.scrollTo({
-          left: window.scrollX - $,
+          left: window.scrollX - C,
           top: window.scrollY - k
-        }), c = l.clientHeight, d = l.clientWidth, m()) : document.documentElement.style.scrollBehavior = s;
+        }), c = i.clientHeight, d = i.clientWidth, v()) : document.documentElement.style.scrollBehavior = s;
       }
     });
   }
-  m();
-}
-function cn(e) {
-  const t = O.get(e), [r, , n] = mt(e, t, ce(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 = O.get(a) || ce(a), i = Math.round(t.top - s.top) - F(o.borderTopWidth), l = Math.round(t.left - s.left) - F(o.borderLeftWidth);
-  return [i, l, r, n];
-}
-function un(e, t = {}) {
-  return Pe && se && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !xe(t) && !t.disrespectUserMotionPreference || (be.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), bt(e, ae, tn, (a) => se == null ? void 0 : se.observe(a)), xe(t) ? ie.set(e, t) : ie.set(e, { duration: 250, easing: "ease-in-out", ...t }), Pe.observe(e, { childList: !0 }), ht.add(e))), Object.freeze({
+  v();
+}
+function $n(e) {
+  const t = V.get(e), [r, , n] = St(e, t, ve(e));
+  let o = e.parentElement;
+  for (; o && (getComputedStyle(o).position === "static" || o instanceof HTMLBodyElement); )
+    o = o.parentElement;
+  o || (o = document.body);
+  const a = getComputedStyle(o), s = V.get(o) || ve(o), l = Math.round(t.top - s.top) - U(a.borderTopWidth), i = Math.round(t.left - s.left) - U(a.borderLeftWidth);
+  return [l, i, r, n];
+}
+function Mn(e, t = {}) {
+  return Fe && pe && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !$e(t) && !t.disrespectUserMotionPreference || (_e.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), Mt(e, de, gn, (o) => pe == null ? void 0 : pe.observe(o)), $e(t) ? me.set(e, t) : me.set(e, { duration: 250, easing: "ease-in-out", ...t }), Fe.observe(e, { childList: !0 }), xt.add(e))), Object.freeze({
     parent: e,
     enable: () => {
-      be.add(e);
+      _e.add(e);
     },
     disable: () => {
-      be.delete(e);
+      _e.delete(e);
     },
-    isEnabled: () => be.has(e)
+    isEnabled: () => _e.has(e)
   });
 }
-const dn = {
+const Cn = {
   mounted: (e, t) => {
-    un(e, t.value || {});
+    Mn(e, t.value || {});
   },
   // ignore ssr see #96:
   getSSRProps: () => ({})
-}, fn = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Qn = /* @__PURE__ */ x({
+}, An = { class: "fixed z-20 flex flex-col gap-2 p-2" }, wa = /* @__PURE__ */ S({
   __name: "NotificationSystem",
   setup(e) {
-    const t = wn();
+    const t = Dn();
     return (r, n) => {
-      const a = Yr;
-      return Te((h(), b("div", fn, [
-        (h(!0), b(K, null, we(u(t), (o) => (h(), P(a, {
-          key: o.hash,
-          closeable: "",
+      const o = fn;
+      return Ne((p(), b("div", An, [
+        (p(!0), b(ee, null, ke(u(t), (a) => (p(), P(o, {
+          key: a.hash,
           "with-border": "",
-          title: o.title,
-          message: o.message,
-          icon: o.icon,
-          loading: o.loading,
-          color: o.color,
-          onClose: (s) => u(t).splice(u(t).indexOf(o), 1)
+          closeable: "",
+          title: a.title,
+          message: a.message,
+          icon: a.icon,
+          loading: a.loading,
+          color: a.color,
+          onClose: (s) => u(t).splice(u(t).indexOf(a), 1)
         }, null, 8, ["title", "message", "icon", "loading", "color", "onClose"]))), 128))
       ])), [
-        [u(dn)]
+        [u(Cn)]
       ]);
     };
   }
-}), hn = { class: "relative" }, Jn = /* @__PURE__ */ x({
+}), Tn = { class: "relative" }, _a = /* @__PURE__ */ S({
   __name: "Overlay",
   props: {
     blur: { type: [Boolean, String], default: !1 },
@@ -2294,7 +2445,7 @@ const dn = {
     color: { default: "black" }
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.blur) {
         case "sm":
           return "backdrop-blur-sm";
@@ -2306,22 +2457,22 @@ const dn = {
         default:
           return "";
       }
-    }), n = U(t), a = g(null), o = p(t.color).toRgb(), s = v(() => ({
-      backgroundColor: `rgba(${o.r}, ${o.g}, ${o.b}, ${t.opacity / 100})`
+    }), n = q(t), o = g(null), a = m(t.color).toRgb(), s = h(() => ({
+      backgroundColor: `rgba(${a.r}, ${a.g}, ${a.b}, ${t.opacity / 100})`
     }));
-    return (i, l) => (h(), b("div", hn, [
-      S(i.$slots, "default"),
-      w("div", de(i.$attrs, {
+    return (l, i) => (p(), b("div", Tn, [
+      $(l.$slots, "default"),
+      x("div", ge(l.$attrs, {
         ref_key: "wrapperRef",
-        ref: a,
+        ref: o,
         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)]
       }), [
-        S(i.$slots, "content")
+        $(l.$slots, "content")
       ], 16)
     ]));
   }
-}), eo = /* @__PURE__ */ x({
+}), xa = /* @__PURE__ */ S({
   __name: "Paper",
   props: {
     size: { default: "md" },
@@ -2330,23 +2481,23 @@ const dn = {
     is: { default: "div" }
   },
   setup(e) {
-    const r = U(e);
-    return (n, a) => (h(), P(ue(n.is), {
+    const r = q(e);
+    return (n, o) => (p(), P(be(n.is), {
       class: y(["container-low rounded-lg p-4", [
         {
           "border-transparent": !n.withBorder
         },
         u(r).class
       ]]),
-      style: T([u(r).style])
+      style: N([u(r).style])
     }, {
       default: L(() => [
-        S(n.$slots, "default")
+        $(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
-}), pn = ["for"], mn = { key: 1 }, vn = ["id", "placeholder", "type"], bn = /* @__PURE__ */ x({
+}), zn = ["for"], En = { key: 1 }, Rn = ["id", "placeholder", "type"], On = /* @__PURE__ */ S({
   __name: "TextField",
   props: /* @__PURE__ */ W({
     onChange: {},
@@ -2364,7 +2515,7 @@ const dn = {
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const r = e, n = j(e, "modelValue"), a = v(() => {
+    const r = e, n = G(e, "modelValue"), o = h(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -2379,7 +2530,7 @@ const dn = {
             base: "h-10 px-4 py-2 text-base"
           };
       }
-    }), o = v(() => {
+    }), a = h(() => {
       switch (r.size) {
         case "sm":
           return "text-xs";
@@ -2388,7 +2539,7 @@ const dn = {
         case "lg":
           return "md-md";
       }
-    }), s = v(() => {
+    }), s = h(() => {
       if (r.error)
         return "text-error-container bg-surface-base border-error-container focus:border-error-container";
       switch (r.color) {
@@ -2402,33 +2553,33 @@ const dn = {
         default:
           return "text-surface-on bg-surface-base border-surface-border-base focus:border-primary-container";
       }
-    }), i = v(() => r.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), l = U(r), c = g(null);
+    }), l = h(() => r.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), i = q(r), c = g(null);
     t({
       el: c
     });
-    const d = nt(), f = Fe(d);
-    return (m, k) => (h(), b("div", null, [
-      m.$slots.label || m.label ? (h(), b("label", {
+    const d = ct(), f = Ue(d);
+    return (v, k) => (p(), b("div", null, [
+      v.$slots.label || v.label ? (p(), b("label", {
         key: 0,
         for: u(f),
-        class: y(["mb-1 block text-surface-on", [u(o)]])
+        class: y(["mb-1 block text-surface-on", [u(a)]])
       }, [
-        m.$slots.label ? S(m.$slots, "label", { key: 0 }) : (h(), b("span", mn, re(m.label), 1))
-      ], 10, pn)) : A("", !0),
-      Te(w("input", de({ id: u(f) }, m.$attrs, {
+        v.$slots.label ? $(v.$slots, "label", { key: 0 }) : (p(), b("span", En, te(v.label), 1))
+      ], 10, zn)) : E("", !0),
+      Ne(x("input", ge({ id: u(f) }, v.$attrs, {
         ref_key: "input",
         ref: c,
-        "onUpdate:modelValue": k[0] || (k[0] = ($) => n.value = $),
-        class: ["w-full border px-2 py-1 outline-none transition-background-color,border-color,color", [u(s), u(i), u(l).class, u(a).base]],
-        style: [u(l).style],
-        placeholder: m.placeholder,
+        "onUpdate:modelValue": k[0] || (k[0] = (C) => n.value = C),
+        class: ["w-full border px-2 py-1 outline-none transition-background-color,border-color,color", [u(s), u(l), u(i).class, u(o).base]],
+        style: [u(i).style],
+        placeholder: v.placeholder,
         type: r.password ? "password" : "text"
-      }), null, 16, vn), [
-        [Tt, n.value]
+      }), null, 16, Rn), [
+        [Bt, n.value]
       ])
     ]));
   }
-}), gn = { class: "flex gap-2" }, to = /* @__PURE__ */ x({
+}), Nn = { class: "flex gap-2" }, ka = /* @__PURE__ */ S({
   __name: "PinInput",
   props: {
     modelValue: {},
@@ -2438,36 +2589,36 @@ const dn = {
   },
   setup(e) {
     const t = e, r = g([]);
-    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());
+    function n(a) {
+      a.preventDefault(), a.stopPropagation();
+      const s = r.value.findIndex((i) => i.el === a.target), l = a.target.value ?? "";
+      a.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 = ""));
+    function o(a) {
+      a.preventDefault(), a.stopPropagation();
+      const s = a.target.value !== "";
+      a.target.value = "";
+      const l = r.value.findIndex((i) => i.el === a.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) => (h(), b("div", gn, [
-      (h(!0), b(K, null, we(t.length, (i) => (h(), P(bn, {
+    return (a, s) => (p(), b("div", Nn, [
+      (p(!0), b(ee, null, ke(t.length, (l) => (p(), P(On, {
         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: st(n, ["stop", "prevent"]),
-        onKeydown: zt(a, ["backspace"])
+        onPointerup: s[0] || (s[0] = (i) => i.target.select()),
+        onInput: ft(n, ["stop", "prevent"]),
+        onKeydown: Ht(o, ["backspace"])
       }, null, 8, ["password"]))), 128))
     ]));
   }
-}), ro = /* @__PURE__ */ x({
+}), Sa = /* @__PURE__ */ S({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -2479,7 +2630,7 @@ const dn = {
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = h(() => {
       switch (t.size) {
         case "sm":
           return "h-0.25";
@@ -2488,7 +2639,7 @@ const dn = {
         case "lg":
           return "h-1";
       }
-    }), n = v(() => {
+    }), n = h(() => {
       switch (t.color) {
         case "primary":
           return "bg-primary-container";
@@ -2499,99 +2650,91 @@ const dn = {
         case "error":
           return "bg-error-7";
       }
-    }), a = U(t);
-    return (o, s) => (h(), b("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: T([u(a).style])
+    }), o = q(t);
+    return (a, s) => (p(), b("div", {
+      class: y(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [u(r), u(o).class]]),
+      style: N([u(o).style])
     }, [
-      o.loading ? (h(), b("div", {
+      a.loading ? (p(), b("div", {
         key: 1,
         class: y(["loading-progress h-full", [u(n)]])
-      }, null, 2)) : (h(), b("div", {
+      }, null, 2)) : (p(), b("div", {
         key: 0,
         class: y(["h-full", [u(n)]]),
-        style: T([{
-          width: `${(Number(o.value) - Number(o.min)) / (Number(o.max) - Number(o.min)) * 100}%`
+        style: N([{
+          width: `${(Number(a.value) - Number(a.min)) / (Number(a.max) - Number(a.min)) * 100}%`
         }])
       }, null, 6))
     ], 6));
   }
-}), gt = {
+}), $a = {
   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: ["#fefefe", "#fafafa", "#f2f2f2", "#e8e8e8", "#c6c6c6", "#737373", "#525252", "#343434", "#262626", "#171717", "#121212"]
-}, Ie = {
-  name: "dark",
-  scheme: "dark",
-  colors: gt
-}, yn = {
-  name: "light",
-  scheme: "light",
-  colors: gt
-}, no = Symbol("Notifications"), yt = Et([]);
-function wn() {
-  return yt;
-}
-class oo {
+}, Bn = g("#3F9CDC"), Hn = g("#5999A6"), Vn = g("#F76C22"), In = g("#F95858"), Pn = g("#121212"), Ct = Xr("default", {
+  primary: Bn,
+  secondary: Hn,
+  tertiary: Vn,
+  error: In,
+  surface: Pn
+}), Ma = Symbol("Notifications"), At = Vt([]);
+function Dn() {
+  return At;
+}
+class Ca {
   static show(t) {
-    t.hash = Math.random().toString(36), yt.push(t);
+    t.hash = Math.random().toString(36), At.push(t);
   }
 }
-const wt = Symbol("tabCurrent"), _t = Symbol("direction"), Ve = [0.96, 0.96, 0.907, 0.805, 0.697, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28];
-function _n(e) {
-  const t = p(e).toHsl().l;
-  return Ve.reduce(
+const Tt = Symbol("tabCurrent"), zt = Symbol("direction"), Je = [0.98, 0.96, 0.9, 0.8, 0.6, 0.55, 0.5, 0.3, 0.28, 0.2, 0.08];
+function Fn(e) {
+  const t = m(e).toHsl().l;
+  return Je.reduce(
     (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
   );
 }
-function xn(e) {
-  const t = p(e), r = _n(t), n = Ve.findIndex((o) => o === r), a = Ve.map((o) => {
-    const s = p({ h: t.toHsl().h, s: t.toHsl().s, l: o });
-    return s.saturate(0 * 100), s;
+function Ln(e, t = Je) {
+  const r = m(e), n = Fn(r), o = t.findIndex((s) => s === n), a = t.map((s) => {
+    const l = m({ h: r.toHsl().h, s: r.toHsl().s, l: s });
+    return l.saturate(0 * 100), l;
   });
-  return { baseColorIndex: n, colors: a.map((o) => o.toHexString()) };
+  return { baseColorIndex: o, colors: a.map((s) => s.toHexString()) };
 }
-function ao(e) {
-  return xn(e).colors;
+function ye(e, t = Je) {
+  return Ln(e, t).colors;
 }
-const so = /* @__PURE__ */ x({
+const Aa = /* @__PURE__ */ S({
   __name: "RokuProvider",
   props: {
     is: { default: "div" },
-    theme: { default() {
-      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Ie : yn;
-    } }
+    theme: { default: "default" },
+    themes: { default: () => ({
+      default: Ct.value
+    }) }
   },
   setup(e) {
-    const t = e, r = g(t.theme.scheme);
-    Q && new MutationObserver(() => {
-      r.value !== document.documentElement.dataset.scheme && (r.value = document.documentElement.dataset.scheme);
-    }).observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["data-scheme"]
-    });
-    const n = rr();
-    X(() => {
-      if (!Q)
+    const t = e, r = h(() => t.themes[t.theme]), n = Jr(), o = br();
+    le(() => {
+      if (!re)
         return "dark";
-      r.value === "dark" ? document.documentElement.dataset.scheme = "dark" : r.value === "light" ? document.documentElement.dataset.scheme = "light" : n.value === "dark" ? document.documentElement.dataset.scheme = "dark" : document.documentElement.dataset.scheme = "light", localStorage.setItem("scheme", document.documentElement.dataset.scheme);
-    }), ye(dt, r);
-    const a = ut(t.theme);
-    return (o, s) => (h(), P(ue(o.is), {
-      style: T([
+      n.value === "dark" ? document.documentElement.dataset.scheme = "dark" : n.value === "light" ? document.documentElement.dataset.scheme = "light" : o.value === "dark" ? document.documentElement.dataset.scheme = "dark" : document.documentElement.dataset.scheme = "light", localStorage.setItem("scheme", document.documentElement.dataset.scheme);
+    }), ze(Yr, n);
+    const a = h(() => wt(r.value));
+    return ze("currentThemeData", h(() => r.value)), (s, l) => (p(), P(be(s.is), {
+      style: N([
         u(a)
       ]),
       class: "text-surface-on transition-background-color,border-color,color"
     }, {
       default: L(() => [
-        S(o.$slots, "default")
+        $(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), kn = ["id"], Sn = ["for"], Mn = ["for"], $n = /* @__PURE__ */ x({
+}), Wn = ["id"], jn = ["for"], Un = ["for"], Gn = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "Switch",
   props: /* @__PURE__ */ W({
@@ -2612,146 +2755,155 @@ const so = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = j(e, "modelValue");
+    const t = e, r = G(e, "modelValue");
     t.value && (r.value = t.value);
-    const n = g(null), a = g(!1), o = v(() => {
+    const n = g(null), o = g(!1), a = h(() => {
       switch (t.size) {
         case "sm":
           return {
             icon: "text-xs mx-0.5",
             wrapper: "h-4 w-8",
-            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
+            indicator: o.value ? "h-3 w-4" : "h-3 w-3",
             inactive: "left-[calc(0.125rem-1px)]",
-            active: a.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
+            active: o.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
           };
         case "md":
           return {
             icon: "text-sm mx-1",
             wrapper: "h-6 w-12",
-            indicator: a.value ? "h-4 w-5" : "h-4 w-4",
+            indicator: o.value ? "h-4 w-5" : "h-4 w-4",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
+            active: o.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
           };
         case "lg":
           return {
             icon: "text-lg mx-2",
             wrapper: "h-8 w-16",
-            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
+            indicator: o.value ? "h-6 w-8" : "h-6 w-6",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
+            active: o.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
           };
       }
-    }), s = v(() => t.animate ? {
+    }), s = h(() => t.animate ? {
       indicator: "transition-all",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
-    }), i = Fe(t), l = v(() => {
+    }), l = Ue(t), i = h(() => {
       let d = "bg-primary-container";
       switch (t.color) {
         case "secondary":
-          d = "bg-secondary-7";
+          d = "bg-secondary-container";
           break;
         case "tertiary":
-          d = "bg-tertiary-7";
+          d = "bg-tertiary-container";
           break;
         case "error":
-          d = "bg-error-7";
+          d = "bg-error-container";
           break;
       }
       return {
-        wrapper: r.value ? `border border-transparent ${d}` : "bg-surface-lowest border border-surface-border-base",
+        wrapper: r.value ? `border border-transparent ${d}` : "bg-surface-border-low border border-surface-border-low",
         indicator: t.disabled ? "bg-surface-high" : "bg-white text-primary-container"
       };
-    }), c = U(t);
-    return (d, f) => (h(), b("div", {
+    }), c = q(t);
+    return (d, f) => (p(), b("div", {
       role: "switch",
       class: y(["relative flex items-center gap-2", {
-        "pointer-events-none filter-grayscale op60": t.disabled
+        "pointer-events-none filter-grayscale op-60": t.disabled
       }])
     }, [
-      Te(w("input", de({
-        id: u(i),
-        "onUpdate:modelValue": f[0] || (f[0] = (m) => r.value = m)
+      Ne(x("input", ge({
+        id: u(l),
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => r.value = v)
       }, d.$attrs, {
         class: "hidden",
         type: "checkbox"
-      }), null, 16, kn), [
-        [Rt, r.value]
+      }), null, 16, Wn), [
+        [It, r.value]
       ]),
-      w("label", {
+      x("label", {
         class: "leading-0 cursor-pointer!",
-        for: u(i)
+        for: u(l)
       }, [
-        w("div", {
+        x("div", {
           ref_key: "wrapper",
           ref: n,
-          class: y([[u(o).wrapper, u(l).wrapper, u(c).class], "relative inline-block transition-all"]),
-          style: T([u(c).style]),
-          onPointerdown: f[1] || (f[1] = (m) => a.value = !0),
-          onPointerup: f[2] || (f[2] = (m) => a.value = !1),
-          onPointerleave: f[3] || (f[3] = (m) => a.value = !1),
-          onPointerenter: f[4] || (f[4] = (m) => m.buttons === 1 && (a.value = !0))
+          class: y([[u(a).wrapper, u(i).wrapper, u(c).class], "relative inline-block transition-all"]),
+          style: N([u(c).style]),
+          onPointerdown: f[1] || (f[1] = (v) => o.value = !0),
+          onPointerup: f[2] || (f[2] = (v) => o.value = !1),
+          onPointerleave: f[3] || (f[3] = (v) => o.value = !1),
+          onPointerenter: f[4] || (f[4] = (v) => v.buttons === 1 && (o.value = !0))
         }, [
-          w("div", {
-            class: y(["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: T([u(c).style])
+          x("div", {
+            class: y(["absolute top-50% -translate-y-50%", [u(a).indicator, u(i).indicator, u(s).indicator, r.value ? u(a).active : u(a).inactive, u(c).class]]),
+            style: N([u(c).style])
           }, null, 6),
-          w("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,
-              [d.offIcon ?? ""]: !r.value && d.offIcon
-            }]])
-          }, null, 2)
+          Z(We, {
+            "enter-active-class": "transition-all",
+            "enter-from-class": "opacity-0",
+            "enter-to-class": "opacity-100",
+            "leave-active-class": "transition-all",
+            "leave-from-class": "opacity-100",
+            "leave-to-class": "opacity-0",
+            mode: "out-in"
+          }, {
+            default: L(() => [
+              r.value ? (p(), b("i", {
+                key: "on",
+                class: y(["absolute top-1/2 -translate-y-50%", [u(a).icon, {
+                  [`left-0 text-${d.color}-on-container-low`]: r.value,
+                  [d.onIcon ?? ""]: r.value && d.onIcon,
+                  [d.offIcon ?? ""]: !r.value && d.offIcon
+                }]])
+              }, null, 2)) : (p(), b("i", {
+                key: "off",
+                class: y(["absolute top-1/2 -translate-y-50%", [u(a).icon, {
+                  "right-0 text-surface-on-low ": !r.value,
+                  [d.onIcon ?? ""]: r.value && d.onIcon,
+                  [d.offIcon ?? ""]: !r.value && d.offIcon
+                }]])
+              }, null, 2))
+            ]),
+            _: 1
+          })
         ], 38)
-      ], 8, Sn),
-      d.label ? (h(), b("label", {
+      ], 8, jn),
+      d.label ? (p(), b("label", {
         key: 0,
-        for: u(i)
-      }, re(d.label), 9, Mn)) : A("", !0)
+        for: u(l)
+      }, te(d.label), 9, Un)) : E("", !0)
     ], 2));
   }
-}), Cn = { class: "dark:hidden" }, An = { class: "light:hidden" }, lo = /* @__PURE__ */ x({
+}), qn = { class: "dark:hidden" }, Xn = { class: "light:hidden" }, Ta = /* @__PURE__ */ S({
   __name: "SchemeSwitch",
   setup(e) {
-    const t = Hr(), r = v({
-      get() {
-        return t.value === "dark";
-      },
-      set(o) {
-        t.value = o ? "dark" : "light";
-      }
+    const t = g(!1);
+    oe([t], () => {
+      re && (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")));
     });
-    X(() => {
-      Q && (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 n = g(!0), a = g(!1);
-    return ee(() => {
-      if (Q) {
-        const o = localStorage.getItem("scheme");
-        o === "dark" ? r.value = !0 : o === "light" ? r.value = !1 : r.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      }
-      n.value = !1;
-    }), tt(() => {
-      a.value = !0;
-    }), (o, s) => {
-      const i = $n;
-      return h(), b(K, null, [
-        w("div", {
-          class: y({ hidden: !u(n) })
+    const r = g(!0), n = g(!1);
+    return ae(() => {
+      re && (t.value = localStorage.getItem("scheme") === "dark"), r.value = !1;
+    }), Le(() => {
+      n.value = !0;
+    }), (o, a) => {
+      const s = Gn;
+      return p(), b(ee, null, [
+        x("div", {
+          class: y({ hidden: !u(r) })
         }, [
-          w("div", Cn, [
-            Z(i, {
+          x("div", qn, [
+            Z(s, {
               value: !1,
               "on-icon": "i-line-md-moon-twotone-alt-loop",
               "off-icon": "i-line-md-sunny-outline-twotone-loop"
             })
           ]),
-          w("div", An, [
-            Z(i, {
+          x("div", Xn, [
+            Z(s, {
               value: !0,
               color: "secondary",
               "on-icon": "i-line-md-moon-twotone-alt-loop",
@@ -2759,13 +2911,13 @@ const so = /* @__PURE__ */ x({
             })
           ])
         ], 2),
-        w("div", {
-          class: y({ hidden: u(n) })
+        x("div", {
+          class: y({ hidden: u(r) })
         }, [
-          Z(i, {
-            modelValue: u(r),
-            "onUpdate:modelValue": s[0] || (s[0] = (l) => Bt(r) ? r.value = l : null),
-            animate: u(a),
+          Z(s, {
+            modelValue: u(t),
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => Pt(t) ? t.value = l : null),
+            animate: u(n),
             color: "secondary",
             "on-icon": "i-line-md-moon-twotone-alt-loop",
             "off-icon": "i-line-md-sunny-outline-twotone-loop"
@@ -2774,14 +2926,15 @@ const so = /* @__PURE__ */ x({
       ], 64);
     };
   }
-}), Tn = { class: "w-full flex items-center" }, zn = ["placeholder", "value"], En = /* @__PURE__ */ w("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), Rn = {
+}), Yn = { class: "w-full flex items-center" }, Jn = ["placeholder", "value", "aria-label"], Zn = /* @__PURE__ */ x("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), Kn = {
   key: 0,
   class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
-}, Bn = ["onPointerdown", "onHover"], On = { key: 0 }, Hn = /* @__PURE__ */ w("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Nn = [
-  Hn
-], io = /* @__PURE__ */ x({
+}, Qn = ["onPointerdown", "onHover"], ea = { key: 0 }, ta = /* @__PURE__ */ x("i", { class: "i-tabler-check h-3 w-3" }, null, -1), ra = [
+  ta
+], za = /* @__PURE__ */ S({
   __name: "Select",
   props: /* @__PURE__ */ W({
+    ariaLabel: {},
     options: { default() {
       return [];
     } },
@@ -2795,40 +2948,40 @@ const so = /* @__PURE__ */ x({
   }),
   emits: /* @__PURE__ */ W(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e, n = t, a = U(r), o = j(e, "modelValue"), s = g(null), i = g(null), { focused: l } = tr(s), c = v(() => r.options.map((_) => E(_)).indexOf(o.value)), d = g(-1), f = g(-1);
-    X(() => {
-      l.value || (f.value = -1);
-    }), X(() => {
-      o.value = E(r.options[c.value]);
-    }), fe(o, () => {
-      n("change", o.value);
+    const r = e, n = t, o = q(r), a = G(e, "modelValue"), s = g(null), l = g(null), { focused: i } = vr(s), c = h(() => r.options.map((_) => M(_)).indexOf(a.value)), d = g(-1), f = g(-1);
+    le(() => {
+      i.value || (f.value = -1);
+    }), le(() => {
+      a.value = M(r.options[c.value]);
+    }), oe(a, () => {
+      n("change", a.value);
     });
-    const m = r.options, k = v(() => m[c.value]), $ = v(() => z(k.value));
-    function z(_) {
+    const v = r.options, k = h(() => v[c.value]), C = h(() => A(k.value));
+    function A(_) {
       if (_)
         return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.label;
     }
-    function E(_) {
+    function M(_) {
       if (_)
         return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.id;
     }
-    te("ArrowDown", (_) => {
-      l.value && (_.preventDefault(), f.value = (f.value + 1) % m.length);
-    }), te("ArrowUp", (_) => {
-      l.value && (_.preventDefault(), f.value = (f.value - 1 + m.length) % m.length);
-    }), te("Enter", () => {
-      l.value && f.value !== -1 && (o.value = E(m[f.value]), l.value = !1);
+    ie("ArrowDown", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value + 1) % v.length);
+    }), ie("ArrowUp", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value - 1 + v.length) % v.length);
+    }), ie("Enter", () => {
+      i.value && f.value !== -1 && (a.value = M(v[f.value]), i.value = !1);
     });
-    function pe(_) {
-      if (!l.value) {
-        l.value = !0;
+    function Q(_) {
+      if (!i.value) {
+        i.value = !0;
         return;
       }
-      o.value = E(_), l.value = !1;
+      a.value = M(_), i.value = !1;
     }
-    const Se = v(() => ({
+    const j = h(() => ({
       input: "container-base focus:border-primary-container"
-    })), Me = v(() => {
+    })), fe = h(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -2847,46 +3000,47 @@ const so = /* @__PURE__ */ x({
           };
       }
     });
-    return (_, me) => (h(), b("div", {
+    return (_, se) => (p(), b("div", {
       ref_key: "wrapperRef",
-      ref: i,
+      ref: l,
       class: "r-select-wrapper relative"
     }, [
-      w("div", Tn, [
-        w("input", {
+      x("div", Yn, [
+        x("input", {
           ref_key: "inputRef",
           ref: s,
-          class: y([[u(Se).input, u(Me).wrapper, u(a).class], "r-select-input cursor-pointer border outline-none outline-none focus-visible:outline-2"]),
+          class: y([[u(j).input, u(fe).wrapper, u(o).class], "r-select-input cursor-pointer border outline-none outline-none focus-visible:outline-2"]),
           placeholder: _.placeholder,
-          style: T([u(a).style]),
+          style: N([u(o).style]),
           readonly: "",
-          value: u($),
+          value: u(C),
+          "aria-label": _.ariaLabel,
           "aria-haspopup": "listbox",
           autocomplete: "off",
-          onFocus: me[0] || (me[0] = (C) => l.value = !0)
-        }, null, 46, zn),
-        En
+          onFocus: se[0] || (se[0] = (T) => i.value = !0)
+        }, null, 46, Jn),
+        Zn
       ]),
-      u(l) ? (h(), b("div", {
+      u(i) ? (p(), b("div", {
         key: 0,
-        class: y([u(Me).dropdown, "absolute z-10 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
+        class: y([u(fe).dropdown, "absolute z-10 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
       }, [
-        u(m).length === 0 ? (h(), b("div", Rn, re(_.noneText), 1)) : (h(!0), b(K, { key: 1 }, we(u(m), (C, R) => (h(), b("div", {
-          key: E(C),
+        u(v).length === 0 ? (p(), b("div", Kn, te(_.noneText), 1)) : (p(!0), b(ee, { key: 1 }, ke(u(v), (T, B) => (p(), b("div", {
+          key: M(T),
           class: y([{
-            "hover:bg-surface-high border-transparent": u(f) !== R,
-            "container-filled-primary": u(f) === R
+            "hover:bg-surface-high border-transparent": u(f) !== B,
+            "container-filled-primary": u(f) === B
           }, "flex cursor-pointer items-center justify-between gap-2 border rounded p-1 px-2"]),
-          onPointerdown: (B) => pe(C),
-          onHover: (B) => d.value = R
+          onPointerdown: (O) => Q(T),
+          onHover: (O) => d.value = B
         }, [
-          Ot(re(z(C)) + " ", 1),
-          C === u(k) ? (h(), b("div", On, Nn)) : A("", !0)
-        ], 42, Bn))), 128))
-      ], 2)) : A("", !0)
+          Dt(te(A(T)) + " ", 1),
+          T === u(k) ? (p(), b("div", ea, ra)) : E("", !0)
+        ], 42, Qn))), 128))
+      ], 2)) : E("", !0)
     ], 512));
   }
-}), Pn = { class: "relative inline-block w-full" }, co = /* @__PURE__ */ x({
+}), na = { class: "relative inline-block w-full" }, Ea = /* @__PURE__ */ S({
   __name: "Slider",
   props: /* @__PURE__ */ W({
     size: { default: "md" },
@@ -2908,25 +3062,25 @@ const so = /* @__PURE__ */ x({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e;
-    function r(C, R, B) {
-      const I = [];
-      for (let Y = C; Y <= R; Y += B)
-        I.push(Y);
-      return I[I.length - 1] !== R && I.push(R), I;
+    function r(T, B, O) {
+      const w = [];
+      for (let R = T; R <= B; R += O)
+        w.push(R);
+      return w[w.length - 1] !== B && w.push(B), w;
     }
-    function n(C, R) {
-      const B = [];
-      B.push(R[0]);
-      const I = (R.length - 1) / (C - 1);
-      for (let Y = 1; Y < C - 1; Y++)
-        B.push(R[Math.round(Y * I)]);
-      return B.push(R[R.length - 1]), B;
+    function n(T, B) {
+      const O = [];
+      O.push(B[0]);
+      const w = (B.length - 1) / (T - 1);
+      for (let R = 1; R < T - 1; R++)
+        O.push(B[Math.round(R * w)]);
+      return O.push(B[B.length - 1]), O;
     }
-    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 = j(e, "modelValue"), l = v(() => o.value.length ?? 0), c = g(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
-    function d(C) {
-      return o.value.indexOf(C);
+    const o = h(() => t.options ? t.options.length : t.tickNum ?? 0), a = h(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = h(() => n(o.value, a.value)), l = G(e, "modelValue"), i = h(() => a.value.length ?? 0), c = g(a.value.includes(l.value) ? a.value.indexOf(l.value) : 0);
+    function d(T) {
+      return a.value.indexOf(T);
     }
-    const f = v(() => {
+    const f = h(() => {
       switch (t.color) {
         case "primary":
           return "bg-primary-container";
@@ -2937,7 +3091,7 @@ const so = /* @__PURE__ */ x({
         case "error":
           return "bg-error-container";
       }
-    }), m = v(() => `dark:bg-white bg-${t.color}-container`), k = v(() => {
+    }), v = h(() => `dark:bg-white bg-${t.color}-container`), k = h(() => {
       switch (t.color) {
         case "primary":
           return "dark:bg-primary-container bg-white";
@@ -2949,39 +3103,39 @@ const so = /* @__PURE__ */ x({
           return "dark:bg-error-container bg-white";
       }
     });
-    X(() => {
-      i.value = o.value[c.value];
+    le(() => {
+      l.value = a.value[c.value];
     });
-    const $ = g(), z = g(), E = Kt($), pe = g(!1);
-    function Se(C) {
-      if (!pe.value)
+    const C = g(), A = g(), M = fr(C), Q = g(!1);
+    function j(T) {
+      if (!Q.value)
         return;
-      if (!(C.buttons === 1)) {
-        pe.value = !1;
+      if (!(T.buttons === 1)) {
+        Q.value = !1;
         return;
       }
-      C.preventDefault(), C.stopPropagation();
-      const { clientX: B } = C, I = E.left.value, xt = E.right.value - I, Be = Math.round((B - I) / xt * (l.value - 1));
-      if (Be < 0) {
+      T.preventDefault(), T.stopPropagation();
+      const { clientX: O } = T, w = M.left.value, X = M.right.value - w, Ve = Math.round((O - w) / X * (i.value - 1));
+      if (Ve < 0) {
         c.value = 0;
         return;
       }
-      if (Be > l.value - 1) {
-        c.value = l.value - 1;
+      if (Ve > i.value - 1) {
+        c.value = i.value - 1;
         return;
       }
-      c.value = Be;
+      c.value = Ve;
     }
-    X(() => {
-      c.value = d(i.value);
+    le(() => {
+      c.value = d(l.value);
     });
-    function Me(C) {
-      C.preventDefault(), C.stopPropagation(), pe.value = !0, Se(C);
+    function fe(T) {
+      T.preventDefault(), T.stopPropagation(), Q.value = !0, j(T);
     }
-    N($, "pointerdown", Me), ee(() => {
-      N(document, "pointermove", Se), c.value = Math.max(0, d(i.value));
+    H(C, "pointerdown", fe), ae(() => {
+      H(document, "pointermove", j), c.value = Math.max(0, d(l.value));
     });
-    const _ = v(() => {
+    const _ = h(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -3014,121 +3168,121 @@ const so = /* @__PURE__ */ x({
             progress: "-mx-1.5"
           };
       }
-    }), me = v(() => t.animate ? {
+    }), se = h(() => t.animate ? {
       indicator: "transition-left",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
     });
-    return (C, R) => (h(), b("div", Pn, [
-      w("div", {
+    return (T, B) => (p(), b("div", na, [
+      x("div", {
         ref_key: "wrapper",
-        ref: $,
+        ref: C,
         type: "size",
         class: y(["w-full flex cursor-pointer items-center", u(_).wrapper]),
-        onTouchmove: R[0] || (R[0] = st(() => {
+        onTouchmove: B[0] || (B[0] = ft(() => {
         }, ["prevent"]))
       }, [
-        w("div", {
+        x("div", {
           class: y(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", u(_).innerWrapper])
         }, [
-          w("div", {
+          x("div", {
             class: y(["relative flex", u(_).content]),
-            style: T({
+            style: N({
               width: `${t.width}rem`,
               minWidth: `${t.minWidth}rem`
             })
           }, [
-            (h(!0), b(K, null, we(u(s), (B) => (h(), b("div", {
-              key: B,
-              style: T({
-                left: `${d(B) / (u(l) - 1) * 100}%`
+            (p(!0), b(ee, null, ke(u(s), (O) => (p(), b("div", {
+              key: O,
+              style: N({
+                left: `${d(O) / (u(i) - 1) * 100}%`
               }),
               class: y(["absolute top-50% rounded-full bg-white", u(_).tick])
             }, null, 6))), 128)),
-            u(c) !== -1 ? (h(), b("div", {
+            u(c) !== -1 ? (p(), b("div", {
               key: 0,
               ref_key: "indicator",
-              ref: z,
-              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(_).indicator, u(me).indicator, u(m)]]),
-              style: T({
-                left: `${u(c) / (u(l) - 1) * 100}%`
+              ref: A,
+              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [u(_).indicator, u(se).indicator, u(v)]]),
+              style: N({
+                left: `${u(c) / (u(i) - 1) * 100}%`
               })
             }, [
-              w("div", {
+              x("div", {
                 class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [u(_).indicatorInner, u(k)]])
               }, null, 2)
-            ], 6)) : A("", !0),
-            w("div", {
-              class: y(["pointer-events-none h-full rounded-full", [u(_).progress, u(me).progress, u(f)]]),
-              style: T({
-                width: `${u(c) / (u(l) - 1) * 100}%`
+            ], 6)) : E("", !0),
+            x("div", {
+              class: y(["pointer-events-none h-full rounded-full", [u(_).progress, u(se).progress, u(f)]]),
+              style: N({
+                width: `${u(c) / (u(i) - 1) * 100}%`
               })
             }, null, 6)
           ], 6)
         ], 2)
       ], 34),
-      w("div", {
-        class: "relative mx-1 h-1em text-xs text-surface-onlow",
-        style: T({
+      x("div", {
+        class: "relative mx-1 h-1em text-xs text-surface-on-low",
+        style: N({
           width: `${t.width}rem`
         })
       }, [
-        (h(!0), b(K, null, we(u(s), (B, I) => (h(), b("div", {
-          key: I,
-          style: T({
-            left: `${d(B) / (u(l) - 1) * 100}%`
+        (p(!0), b(ee, null, ke(u(s), (O, w) => (p(), b("div", {
+          key: w,
+          style: N({
+            left: `${d(O) / (u(i) - 1) * 100}%`
           }),
           class: y(["absolute w-auto flex rounded-full -translate-x-50%", u(_).tick])
-        }, re(B), 7))), 128))
+        }, te(O), 7))), 128))
       ], 4)
     ]));
   }
-}), In = { class: "h-full py-2" }, uo = /* @__PURE__ */ x({
+}), aa = { class: "h-full py-2" }, Ra = /* @__PURE__ */ S({
   __name: "TabItem",
   props: {
     value: {},
     color: { default: "primary" }
   },
   setup(e) {
-    const t = e, r = ge(wt, g("")), n = ge(_t, v(() => "horizontal")), a = v(() => r.value === t.value);
-    function o() {
+    const t = e, r = xe(Tt, g("")), n = xe(zt, h(() => "horizontal")), o = h(() => r.value === t.value);
+    function a() {
       r.value = t.value;
     }
-    const s = v(() => {
+    const s = h(() => {
       switch (n.value) {
         case "horizontal":
           return "flex-col";
         case "vertical":
           return "flex-row-reverse";
       }
-    }), i = v(() => {
+    }), l = h(() => {
       switch (n.value) {
         case "horizontal":
           return "absolute inset-0 top-100% h-2px w-full transition-background-color,border-color,color";
         case "vertical":
           return "absolute inset-0 right-100% h-full w-2px bg-primary-container transition-background-color,border-color,color";
       }
-    }), l = v(() => a.value ? "bg-primary-container" : "bg-surface-lowest");
-    return (c, d) => (h(), b("button", {
+    }), i = h(() => o.value ? "bg-primary-container" : "bg-surface-lowest");
+    return (c, d) => (p(), b("button", {
       type: "button",
       class: y(["relative min-w-20 flex items-center justify-center", [u(s)]]),
-      onClick: o
+      onClick: a
     }, [
-      u(a) ? (h(), b("div", {
+      u(o) ? (p(), b("div", {
         key: 0,
-        class: y([u(i), u(l)])
-      }, null, 2)) : (h(), b("div", {
+        class: y([u(l), u(i)])
+      }, null, 2)) : (p(), b("div", {
         key: 1,
-        class: y([u(i), u(l)])
+        class: y([u(l), u(i)])
       }, null, 2)),
-      w("div", In, [
-        S(c.$slots, "default")
+      x("div", aa, [
+        $(c.$slots, "default")
       ])
     ], 2));
   }
-}), fo = /* @__PURE__ */ x({
+}), Oa = /* @__PURE__ */ S({
   __name: "Tabs",
   props: /* @__PURE__ */ W({
     defaultValue: {},
@@ -3139,40 +3293,40 @@ const so = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = at(), n = v(() => {
+    const t = e, r = dt(), n = h(() => {
       var c;
-      const i = (c = r.default) == null ? void 0 : c.call(r);
-      return (i == null ? void 0 : i.flatMap((d) => d.type === K ? d.children : d).filter((d) => {
+      const l = (c = r.default) == null ? void 0 : c.call(r);
+      return (l == null ? void 0 : l.flatMap((d) => d.type === ee ? d.children : d).filter((d) => {
         var f;
         return ((f = d == null ? void 0 : d.props) == null ? void 0 : f.value) !== void 0;
       }).map((d) => d.props.value)) ?? [];
-    }), a = j(e, "modelValue");
-    !a.value && n.value.length > 0 && (a.value = n.value[0]), ee(() => {
-      t.defaultValue && (a.value = t.defaultValue);
-    }), ye(wt, a);
-    const o = v(() => t.direction);
-    ye(_t, o), te("left", () => {
+    }), o = G(e, "modelValue");
+    !o.value && n.value.length > 0 && (o.value = n.value[0]), ae(() => {
+      t.defaultValue && (o.value = t.defaultValue);
+    }), ze(Tt, o);
+    const a = h(() => t.direction);
+    ze(zt, a), ie("left", () => {
       if (t.direction !== "horizontal")
         return;
-      const i = a.value ? n.value.indexOf(a.value) : 0;
-      i > 0 ? a.value = n.value[i - 1] : a.value = n.value[n.value.length - 1];
-    }), te("right", () => {
+      const l = o.value ? n.value.indexOf(o.value) : 0;
+      l > 0 ? o.value = n.value[l - 1] : o.value = n.value[n.value.length - 1];
+    }), ie("right", () => {
       if (t.direction !== "horizontal")
         return;
-      const i = a.value ? n.value.indexOf(a.value) : 0;
-      i < n.value.length - 1 ? a.value = n.value[i + 1] : a.value = n.value[0];
-    }), te("up", () => {
+      const l = o.value ? n.value.indexOf(o.value) : 0;
+      l < n.value.length - 1 ? o.value = n.value[l + 1] : o.value = n.value[0];
+    }), ie("up", () => {
       if (t.direction !== "vertical")
         return;
-      const i = a.value ? n.value.indexOf(a.value) : 0;
-      i > 0 ? a.value = n.value[i - 1] : a.value = n.value[n.value.length - 1];
-    }), te("down", () => {
+      const l = o.value ? n.value.indexOf(o.value) : 0;
+      l > 0 ? o.value = n.value[l - 1] : o.value = n.value[n.value.length - 1];
+    }), ie("down", () => {
       if (t.direction !== "vertical")
         return;
-      const i = a.value ? n.value.indexOf(a.value) : 0;
-      i < n.value.length - 1 ? a.value = n.value[i + 1] : a.value = n.value[0];
+      const l = o.value ? n.value.indexOf(o.value) : 0;
+      l < n.value.length - 1 ? o.value = n.value[l + 1] : o.value = n.value[0];
     });
-    const s = v(() => {
+    const s = h(() => {
       switch (t.direction) {
         case "horizontal":
           return "flex-row";
@@ -3180,59 +3334,60 @@ const so = /* @__PURE__ */ x({
           return "flex-col";
       }
     });
-    return (i, l) => (h(), b("div", {
+    return (l, i) => (p(), b("div", {
       class: y(["flex", [u(s)]])
     }, [
-      S(i.$slots, "default")
+      $(l.$slots, "default")
     ], 2));
   }
 });
 export {
-  Dn as AspectRatio,
-  Ht as Avatar,
-  lt as Btn,
-  Fn as ChatContainer,
-  Ln as ChatMessage,
-  Wn as ChatSystem,
-  jn as Chip,
-  Gn as ColorInput,
-  ir as ColorSwatch,
-  qn as Drawer,
-  Xn as Dropzone,
-  ft as FullscreenOverlay,
-  Yn as Image,
-  Zn as Indicator,
-  Kn as Modal,
-  Yr as Notification,
-  Qn as NotificationSystem,
-  oo as Notifications,
-  Jn as Overlay,
-  eo as Paper,
-  to as PinInput,
-  ro as Progress,
-  so as RokuProvider,
-  lo as SchemeSwitch,
-  io as Select,
-  co as Slider,
-  $n as Switch,
-  uo as TabItem,
-  fo as Tabs,
-  bn as TextField,
-  Vr as ThemeProvider,
-  Ie as darkTheme,
-  _t as directionSymbol,
-  ao as generateColors,
-  xn as generateColorsMap,
-  yn as lightTheme,
-  no as notificationsSymbol,
-  dt as schemeSymbol,
-  wt as tabCurrentSymbol,
-  gt as themeColors,
-  Or as useCurrentTheme,
-  Un as useCurrentThemeScheme,
-  Fe as useId,
-  wn as useNotifications,
-  Br as useRootTheme,
-  Hr as useScheme,
-  ut as useThemeStyles
+  sa as AspectRatio,
+  Ft as Avatar,
+  vt as Btn,
+  ia as ChatContainer,
+  la as ChatMessage,
+  ua as ChatSystem,
+  ca as Chip,
+  ha as ColorInput,
+  kr as ColorSwatch,
+  ma as Drawer,
+  va as Dropzone,
+  _t as FullscreenOverlay,
+  ba as Image,
+  ga as Indicator,
+  ya as Modal,
+  fn as Notification,
+  wa as NotificationSystem,
+  Ca as Notifications,
+  _a as Overlay,
+  xa as Paper,
+  ka as PinInput,
+  Sa as Progress,
+  Aa as RokuProvider,
+  Ta as SchemeSwitch,
+  za as Select,
+  Ea as Slider,
+  Gn as Switch,
+  Ra as TabItem,
+  Oa as Tabs,
+  On as TextField,
+  tn as ThemeProvider,
+  Ct as defaultTheme,
+  zt as directionSymbol,
+  ye as generateColors,
+  Ln as generateColorsMap,
+  Ma as notificationsSymbol,
+  Yr as schemeSymbol,
+  Tt as tabCurrentSymbol,
+  $a as themeColors,
+  yt as useCurrentThemeData,
+  pa as useCurrentThemeName,
+  fa as useCurrentThemeScheme,
+  Ue as useId,
+  Dn as useNotifications,
+  da as useRootTheme,
+  Jr as useScheme,
+  Xr as useThemeData,
+  wt as useThemeStyles
 };