@roku-ui/vue 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as $, computed as m, useAttrs as ht, openBlock as g, createBlock as D, resolveDynamicComponent as _e, mergeProps as Pe, unref as l, withCtx as J, renderSlot as H, createCommentVNode as z, getCurrentScope as pt, onScopeDispose as mt, onMounted as se, nextTick as gt, getCurrentInstance as Qe, watch as ie, ref as v, mergeModels as ee, useModel as me, watchEffect as X, createElementBlock as y, createElementVNode as M, normalizeClass as w, withModifiers as Ze, normalizeStyle as T, Fragment as te, renderList as fe, toDisplayString as re, withDirectives as Je, vModelCheckbox as bt, reactive as vt, inject as et, provide as Fe, createTextVNode as yt, Teleport as wt, createVNode as We, Transition as _t, withKeys as xt, useSlots as kt, isRef as Mt } from "vue";
-const St = /* @__PURE__ */ $({
+import { defineComponent as C, computed as m, useAttrs as ht, openBlock as g, createBlock as j, resolveDynamicComponent as _e, mergeProps as Ne, unref as c, withCtx as J, renderSlot as P, createCommentVNode as z, getCurrentScope as pt, onScopeDispose as mt, onMounted as ie, nextTick as gt, getCurrentInstance as Ke, watch as le, ref as b, shallowRef as vt, readonly as bt, mergeModels as ee, useModel as ge, watchEffect as q, createElementBlock as y, createElementVNode as S, normalizeClass as w, withModifiers as Qe, normalizeStyle as T, Fragment as te, renderList as he, toDisplayString as re, withDirectives as Je, vModelCheckbox as yt, reactive as wt, inject as et, provide as Fe, createTextVNode as _t, Teleport as xt, createVNode as Ve, Transition as kt, withKeys as St, useSlots as Mt, isRef as At } from "vue";
+const Ct = /* @__PURE__ */ C({
   __name: "Btn",
   props: {
     type: { default: "button" },
@@ -44,7 +44,7 @@ const St = /* @__PURE__ */ $({
             iconContent: "h-10 w-10 p-3"
           };
       }
-    }), o = m(() => {
+    }), a = m(() => {
       switch (t.variant) {
         case "filled":
           switch (t.color) {
@@ -116,199 +116,283 @@ const St = /* @__PURE__ */ $({
         default:
           return "btn-default";
       }
-    }), a = ht();
-    return (s, i) => (g(), D(_e(s.is), Pe({
+    }), o = ht();
+    return (s, i) => (g(), j(_e(s.is), Ne({
       "data-size": s.size,
       type: s.type,
       class: ["flex items-center justify-center gap-1 decoration-none", [
-        l(o),
-        l(r),
-        s.icon ? l(n).iconContent : l(n).normalContent,
+        c(a),
+        c(r),
+        s.icon ? c(n).iconContent : c(n).normalContent,
         {
-          "filter-grayscale": l(a).disabled,
-          "active:translate-y-0.25": !l(a).disabled && s.pressEffect === "translate",
-          "active:scale-98": !l(a).disabled && s.pressEffect === "scale",
+          "filter-grayscale": c(o).disabled,
+          "active:translate-y-0.25": !c(o).disabled && s.pressEffect === "translate",
+          "active:scale-98": !c(o).disabled && s.pressEffect === "scale",
           "transition-all": s.animate
         }
       ]]
     }, s.$attrs), {
       default: J(() => [
-        s.$slots.leftSection ? H(s.$slots, "leftSection", { key: 0 }) : z("", !0),
-        H(s.$slots, "default"),
-        s.$slots.rightSection ? H(s.$slots, "rightSection", { key: 1 }) : z("", !0)
+        s.$slots.leftSection ? P(s.$slots, "leftSection", { key: 0 }) : z("", !0),
+        P(s.$slots, "default"),
+        s.$slots.rightSection ? P(s.$slots, "rightSection", { key: 1 }) : z("", !0)
       ]),
       _: 3
     }, 16, ["data-size", "type", "class"]));
   }
 });
-function Ne(e) {
+function xe(e) {
   return pt() ? (mt(e), !0) : !1;
 }
-function He(e) {
-  return typeof e == "function" ? e() : l(e);
+function $t() {
+  const e = /* @__PURE__ */ new Set(), t = (a) => {
+    e.delete(a);
+  };
+  return {
+    on: (a) => {
+      e.add(a);
+      const o = () => t(a);
+      return xe(o), {
+        off: o
+      };
+    },
+    off: t,
+    trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
+  };
 }
-const be = typeof window < "u" && typeof document < "u";
+function Oe(e) {
+  return typeof e == "function" ? e() : c(e);
+}
+const ne = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const At = Object.prototype.toString, Ct = (e) => At.call(e) === "[object Object]", $t = () => {
-};
-function Tt(e) {
-  return e || Qe();
+const Tt = (e) => e != null, zt = Object.prototype.toString, Rt = (e) => zt.call(e) === "[object Object]", Et = () => {
+}, Pt = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+function Nt(e) {
+  return e || Ke();
 }
-function zt(e, t = !0, r) {
-  Tt() ? se(e, r) : t ? e() : gt(e);
+function Ot(e, t = !0, r) {
+  Nt() ? ie(e, r) : t ? e() : gt(e);
 }
-function q(e) {
+function Y(e) {
   var t;
-  const r = He(e);
+  const r = Oe(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-const xe = be ? window : void 0;
-function Y(...e) {
-  let t, r, n, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, o] = e, t = xe) : [t, r, n, o] = e, !t)
-    return $t;
+const ke = ne ? window : void 0, Ht = ne ? window.document : void 0;
+function D(...e) {
+  let t, r, n, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = ke) : [t, r, n, a] = e, !t)
+    return Et;
   Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
-  const a = [], s = () => {
-    a.forEach((f) => f()), a.length = 0;
-  }, i = (f, u, p, b) => (f.addEventListener(u, p, b), () => f.removeEventListener(u, p, b)), c = ie(
-    () => [q(t), He(o)],
-    ([f, u]) => {
+  const o = [], s = () => {
+    o.forEach((f) => f()), o.length = 0;
+  }, i = (f, d, h, v) => (f.addEventListener(d, h, v), () => f.removeEventListener(d, h, v)), l = le(
+    () => [Y(t), Oe(a)],
+    ([f, d]) => {
       if (s(), !f)
         return;
-      const p = Ct(u) ? { ...u } : u;
-      a.push(
-        ...r.flatMap((b) => n.map((k) => i(f, b, k, p)))
+      const h = Rt(d) ? { ...d } : d;
+      o.push(
+        ...r.flatMap((v) => n.map((k) => i(f, v, k, h)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
-    c(), s();
+  ), u = () => {
+    l(), s();
   };
-  return Ne(d), d;
+  return xe(u), u;
 }
-function Rt(e) {
+function It(e) {
   return typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 }
-function Ae(...e) {
+function Ce(...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: o = xe,
-    eventName: a = "keydown",
+    target: a = ke,
+    eventName: o = "keydown",
     passive: s = !1,
     dedupe: i = !1
-  } = n, c = Rt(t);
-  return Y(o, a, (f) => {
-    f.repeat && He(i) || c(f) && r(f);
+  } = n, l = It(t);
+  return D(a, o, (f) => {
+    f.repeat && Oe(i) || l(f) && r(f);
   }, s);
 }
-function Et() {
-  const e = v(!1);
-  return Qe() && se(() => {
+function Bt() {
+  const e = b(!1);
+  return Ke() && ie(() => {
     e.value = !0;
   }), e;
 }
 function tt(e) {
-  const t = Et();
+  const t = Bt();
   return m(() => (t.value, !!e()));
 }
-function Pt(e, t, r = {}) {
-  const { window: n = xe, ...o } = r;
-  let a;
+function Dt(e, t, r = {}) {
+  const { window: n = ke, ...a } = r;
+  let o;
   const s = tt(() => n && "MutationObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, c = ie(
-    () => q(e),
-    (u) => {
-      i(), s.value && n && u && (a = new MutationObserver(t), a.observe(u, o));
+    o && (o.disconnect(), o = void 0);
+  }, l = le(
+    () => Y(e),
+    (d) => {
+      i(), s.value && n && d && (o = new MutationObserver(t), o.observe(d, a));
     },
     { immediate: !0 }
-  ), d = () => a == null ? void 0 : a.takeRecords(), f = () => {
-    i(), c();
+  ), u = () => o == null ? void 0 : o.takeRecords(), f = () => {
+    i(), l();
   };
-  return Ne(f), {
+  return xe(f), {
     isSupported: s,
     stop: f,
-    takeRecords: d
+    takeRecords: u
+  };
+}
+function Ft(e, t = {}) {
+  const r = b(!1), n = vt(null);
+  let a = 0, o = !0;
+  if (ne) {
+    const s = typeof t == "function" ? { onDrop: t } : t, i = (l) => {
+      var u, f;
+      const d = Array.from((f = (u = l.dataTransfer) == null ? void 0 : u.files) != null ? f : []);
+      return n.value = d.length === 0 ? null : d;
+    };
+    D(e, "dragenter", (l) => {
+      var u, f;
+      const d = Array.from(((u = l == null ? void 0 : l.dataTransfer) == null ? void 0 : u.items) || []).map((h) => h.kind === "file" ? h.type : null).filter(Tt);
+      if (s.dataTypes && l.dataTransfer) {
+        const h = c(s.dataTypes);
+        if (o = typeof h == "function" ? h(d) : h ? h.some((v) => d.includes(v)) : !0, !o)
+          return;
+      }
+      l.preventDefault(), a += 1, r.value = !0, (f = s.onEnter) == null || f.call(s, i(l), l);
+    }), D(e, "dragover", (l) => {
+      var u;
+      o && (l.preventDefault(), (u = s.onOver) == null || u.call(s, i(l), l));
+    }), D(e, "dragleave", (l) => {
+      var u;
+      o && (l.preventDefault(), a -= 1, a === 0 && (r.value = !1), (u = s.onLeave) == null || u.call(s, i(l), l));
+    }), D(e, "drop", (l) => {
+      var u;
+      l.preventDefault(), a = 0, r.value = !1, (u = s.onDrop) == null || u.call(s, i(l), l);
+    });
+  }
+  return {
+    files: n,
+    isOverDropZone: r
   };
 }
-function Nt(e, t, r = {}) {
-  const { window: n = xe, ...o } = r;
-  let a;
+function Vt(e, t, r = {}) {
+  const { window: n = ke, ...a } = r;
+  let o;
   const s = tt(() => n && "ResizeObserver" in n), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, c = m(() => Array.isArray(e) ? e.map((u) => q(u)) : [q(e)]), d = ie(
-    c,
-    (u) => {
+    o && (o.disconnect(), o = void 0);
+  }, l = m(() => Array.isArray(e) ? e.map((d) => Y(d)) : [Y(e)]), u = le(
+    l,
+    (d) => {
       if (i(), s.value && n) {
-        a = new ResizeObserver(t);
-        for (const p of u)
-          p && a.observe(p, o);
+        o = new ResizeObserver(t);
+        for (const h of d)
+          h && o.observe(h, a);
       }
     },
     { immediate: !0, flush: "post", deep: !0 }
   ), f = () => {
-    i(), d();
+    i(), u();
   };
-  return Ne(f), {
+  return xe(f), {
     isSupported: s,
     stop: f
   };
 }
-function Ht(e, t = {}) {
+function Lt(e, t = {}) {
   const {
     reset: r = !0,
     windowResize: n = !0,
-    windowScroll: o = !0,
-    immediate: a = !0
-  } = t, s = v(0), i = v(0), c = v(0), d = v(0), f = v(0), u = v(0), p = v(0), b = v(0);
+    windowScroll: a = !0,
+    immediate: o = !0
+  } = t, s = b(0), i = b(0), l = b(0), u = b(0), f = b(0), d = b(0), h = b(0), v = b(0);
   function k() {
-    const S = q(e);
-    if (!S) {
-      r && (s.value = 0, i.value = 0, c.value = 0, d.value = 0, f.value = 0, u.value = 0, p.value = 0, b.value = 0);
+    const M = Y(e);
+    if (!M) {
+      r && (s.value = 0, i.value = 0, l.value = 0, u.value = 0, f.value = 0, d.value = 0, h.value = 0, v.value = 0);
       return;
     }
-    const C = S.getBoundingClientRect();
-    s.value = C.height, i.value = C.bottom, c.value = C.left, d.value = C.right, f.value = C.top, u.value = C.width, p.value = C.x, b.value = C.y;
+    const $ = M.getBoundingClientRect();
+    s.value = $.height, i.value = $.bottom, l.value = $.left, u.value = $.right, f.value = $.top, d.value = $.width, h.value = $.x, v.value = $.y;
   }
-  return Nt(e, k), ie(() => q(e), (S) => !S && k()), Pt(e, k, {
+  return Vt(e, k), le(() => Y(e), (M) => !M && k()), Dt(e, k, {
     attributeFilter: ["style", "class"]
-  }), o && Y("scroll", k, { capture: !0, passive: !0 }), n && Y("resize", k, { passive: !0 }), zt(() => {
-    a && k();
+  }), a && D("scroll", k, { capture: !0, passive: !0 }), n && D("resize", k, { passive: !0 }), Ot(() => {
+    o && k();
   }), {
     height: s,
     bottom: i,
-    left: c,
-    right: d,
+    left: l,
+    right: u,
     top: f,
-    width: u,
-    x: p,
-    y: b,
+    width: d,
+    x: h,
+    y: v,
     update: k
   };
 }
-function It(e, t = {}) {
-  const { initialValue: r = !1, focusVisible: n = !1 } = t, o = v(!1), a = m(() => q(e));
-  Y(a, "focus", (i) => {
-    var c, d;
-    (!n || (d = (c = i.target).matches) != null && d.call(c, ":focus-visible")) && (o.value = !0);
-  }), Y(a, "blur", () => o.value = !1);
+const Wt = {
+  multiple: !0,
+  accept: "*",
+  reset: !1,
+  directory: !1
+};
+function jt(e = {}) {
+  const {
+    document: t = Ht
+  } = e, r = b(null), { on: n, trigger: a } = $t();
+  let o;
+  t && (o = t.createElement("input"), o.type = "file", o.onchange = (l) => {
+    const u = l.target;
+    r.value = u.files, a(r.value);
+  });
+  const s = () => {
+    r.value = null, o && (o.value = "", a(null));
+  }, i = (l) => {
+    if (!o)
+      return;
+    const u = {
+      ...Wt,
+      ...e,
+      ...l
+    };
+    o.multiple = u.multiple, o.accept = u.accept, o.webkitdirectory = u.directory, Pt(u, "capture") && (o.capture = u.capture), u.reset && s(), o.click();
+  };
+  return {
+    files: bt(r),
+    open: i,
+    reset: s,
+    onChange: n
+  };
+}
+function Gt(e, t = {}) {
+  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = b(!1), o = m(() => Y(e));
+  D(o, "focus", (i) => {
+    var l, u;
+    (!n || (u = (l = i.target).matches) != null && u.call(l, ":focus-visible")) && (a.value = !0);
+  }), D(o, "blur", () => a.value = !1);
   const s = m({
-    get: () => o.value,
+    get: () => a.value,
     set(i) {
-      var c, d;
-      !i && o.value ? (c = a.value) == null || c.blur() : i && !o.value && ((d = a.value) == null || d.focus());
+      var l, u;
+      !i && a.value ? (l = o.value) == null || l.blur() : i && !a.value && ((u = o.value) == null || u.focus());
     }
   });
-  return ie(
-    a,
+  return le(
+    o,
     () => {
       s.value = r;
     },
     { immediate: !0, flush: "post" }
   ), { focused: s };
 }
-const Ot = { class: "relative inline-block" }, rn = /* @__PURE__ */ $({
+const Ut = { class: "relative inline-block" }, fn = /* @__PURE__ */ C({
   __name: "Slider",
   props: /* @__PURE__ */ ee({
     size: { default: "md" },
@@ -330,24 +414,24 @@ const Ot = { class: "relative inline-block" }, rn = /* @__PURE__ */ $({
   setup(e) {
     const t = e;
     function r(A, R, E) {
-      const I = [];
-      for (let G = A; G <= R; G += E)
-        I.push(G);
-      return I[I.length - 1] !== R && I.push(R), I;
+      const H = [];
+      for (let U = A; U <= R; U += E)
+        H.push(U);
+      return H[H.length - 1] !== R && H.push(R), H;
     }
     function n(A, R) {
       const E = [];
       E.push(R[0]);
-      const I = (R.length - 1) / (A - 1);
-      for (let G = 1; G < A - 1; G++)
-        E.push(R[Math.round(G * I)]);
+      const H = (R.length - 1) / (A - 1);
+      for (let U = 1; U < A - 1; U++)
+        E.push(R[Math.round(U * H)]);
       return E.push(R[R.length - 1]), E;
     }
-    const o = m(() => t.options ? t.options.length : t.tickNum ?? 0), a = m(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = m(() => n(o.value, a.value)), i = me(e, "modelValue"), c = m(() => a.value.length ?? 0), d = v(a.value.includes(i.value) ? a.value.indexOf(i.value) : 0);
+    const a = m(() => t.options ? t.options.length : t.tickNum ?? 0), o = m(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = m(() => n(a.value, o.value)), i = ge(e, "modelValue"), l = m(() => o.value.length ?? 0), u = b(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
     function f(A) {
-      return a.value.indexOf(A);
+      return o.value.indexOf(A);
     }
-    const u = m(() => {
+    const d = m(() => {
       switch (t.color) {
         case "primary":
           return "bg-primary-container";
@@ -358,7 +442,7 @@ const Ot = { class: "relative inline-block" }, rn = /* @__PURE__ */ $({
         case "error":
           return "bg-error-container";
       }
-    }), p = m(() => `dark:bg-white bg-${t.color}-container`), b = m(() => {
+    }), h = m(() => `dark:bg-white bg-${t.color}-container`), v = m(() => {
       switch (t.color) {
         case "primary":
           return "dark:bg-primary-container bg-white";
@@ -370,31 +454,31 @@ const Ot = { class: "relative inline-block" }, rn = /* @__PURE__ */ $({
           return "dark:bg-error-container bg-white";
       }
     });
-    X(() => {
-      i.value = a.value[d.value];
+    q(() => {
+      i.value = o.value[u.value];
     });
-    const k = v(), S = v(), C = Ht(k), le = v(!1);
-    function ce(A) {
-      if (!le.value)
+    const k = b(), M = b(), $ = Lt(k), ce = b(!1);
+    function ue(A) {
+      if (!ce.value)
         return;
       if (!(A.buttons === 1)) {
-        le.value = !1;
+        ce.value = !1;
         return;
       }
       A.preventDefault(), A.stopPropagation();
-      const { clientX: E } = A, I = C.left.value, ft = C.right.value - I, Se = Math.round((E - I) / ft * (c.value - 1));
-      Se < 0 || Se > c.value - 1 || (d.value = Se);
+      const { clientX: E } = A, H = $.left.value, ft = $.right.value - H, Ae = Math.round((E - H) / ft * (l.value - 1));
+      Ae < 0 || Ae > l.value - 1 || (u.value = Ae);
     }
-    X(() => {
-      d.value = f(i.value);
+    q(() => {
+      u.value = f(i.value);
     });
     function _(A) {
-      A.preventDefault(), A.stopPropagation(), le.value = !0, ce(A);
+      A.preventDefault(), A.stopPropagation(), ce.value = !0, ue(A);
     }
-    Y(k, "pointerdown", _), se(() => {
-      Y(document, "pointermove", ce), d.value = Math.max(0, f(i.value));
+    D(k, "pointerdown", _), ie(() => {
+      D(document, "pointermove", ue), u.value = Math.max(0, f(i.value));
     });
-    const O = m(() => {
+    const I = m(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -427,82 +511,82 @@ const Ot = { class: "relative inline-block" }, rn = /* @__PURE__ */ $({
             progress: "-mx-1.5"
           };
       }
-    }), j = m(() => t.animate ? {
+    }), G = m(() => t.animate ? {
       indicator: "transition-left",
       progress: "transition-width"
     } : {
       indicator: "",
       progress: ""
     });
-    return (A, R) => (g(), y("div", Ot, [
-      M("div", {
+    return (A, R) => (g(), y("div", Ut, [
+      S("div", {
         ref_key: "wrapper",
         ref: k,
         type: "size",
-        class: w(["flex cursor-pointer items-center", l(O).wrapper]),
-        onTouchmove: R[0] || (R[0] = Ze(() => {
+        class: w(["flex cursor-pointer items-center", c(I).wrapper]),
+        onTouchmove: R[0] || (R[0] = Qe(() => {
         }, ["prevent"]))
       }, [
-        M("div", {
-          class: w(["rounded-full bg-surface-lowest transition-background-color,border-color,color", l(O).innerWrapper])
+        S("div", {
+          class: w(["rounded-full bg-surface-lowest transition-background-color,border-color,color", c(I).innerWrapper])
         }, [
-          M("div", {
-            class: w(["relative flex", l(O).content]),
+          S("div", {
+            class: w(["relative flex", c(I).content]),
             style: T({
               width: `${t.width}rem`
             })
           }, [
-            (g(!0), y(te, null, fe(l(s), (E) => (g(), y("div", {
+            (g(!0), y(te, null, he(c(s), (E) => (g(), y("div", {
               key: E,
               style: T({
-                left: `${f(E) / (l(c) - 1) * 100}%`
+                left: `${f(E) / (c(l) - 1) * 100}%`
               }),
-              class: w(["absolute top-50% rounded-full bg-white", l(O).tick])
+              class: w(["absolute top-50% rounded-full bg-white", c(I).tick])
             }, null, 6))), 128)),
-            M("div", {
+            S("div", {
               ref_key: "indicator",
-              ref: S,
-              class: w(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [l(O).indicator, l(j).indicator, l(p)]]),
+              ref: M,
+              class: w(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [c(I).indicator, c(G).indicator, c(h)]]),
               style: T({
-                left: `${l(d) / (l(c) - 1) * 100}%`
+                left: `${c(u) / (c(l) - 1) * 100}%`
               })
             }, [
-              M("div", {
-                class: w(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [l(O).indicatorInner, l(b)]])
+              S("div", {
+                class: w(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [c(I).indicatorInner, c(v)]])
               }, null, 2)
             ], 6),
-            M("div", {
-              class: w(["pointer-events-none h-full rounded-full", [l(O).progress, l(j).progress, l(u)]]),
+            S("div", {
+              class: w(["pointer-events-none h-full rounded-full", [c(I).progress, c(G).progress, c(d)]]),
               style: T({
-                width: `${l(d) / (l(c) - 1) * 100}%`
+                width: `${c(u) / (c(l) - 1) * 100}%`
               })
             }, null, 6)
           ], 6)
         ], 2)
       ], 34),
-      M("div", {
+      S("div", {
         class: "relative mx-1 h-1em text-xs text-surface-onlow",
         style: T({
           width: `${t.width}rem`
         })
       }, [
-        (g(!0), y(te, null, fe(l(s), (E, I) => (g(), y("div", {
-          key: I,
+        (g(!0), y(te, null, he(c(s), (E, H) => (g(), y("div", {
+          key: H,
           style: T({
-            left: `${f(E) / (l(c) - 1) * 100}%`
+            left: `${f(E) / (c(l) - 1) * 100}%`
           }),
-          class: w(["absolute w-auto flex rounded-full -translate-x-50%", l(O).tick])
+          class: w(["absolute w-auto flex rounded-full -translate-x-50%", c(I).tick])
         }, re(E), 7))), 128))
       ], 4)
     ]));
   }
 });
-function ge(e) {
+function ve(e) {
   return m(
-    () => ({ style: Bt(e.rounded), class: "rounded-[var(--r-rounded)]" })
+    () => ({ style: Xt(e.rounded), class: "rounded-[var(--r-rounded)]" })
   );
 }
-function Bt(e) {
+function Xt(e) {
   const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
   switch (e) {
     case "none":
@@ -519,7 +603,7 @@ function Bt(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)]";
   }
 }
-const Vt = ["id"], Ft = ["for"], Wt = ["for"], Lt = /* @__PURE__ */ $({
+const qt = ["id"], Yt = ["for"], Zt = ["for"], Kt = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "Switch",
   props: /* @__PURE__ */ ee({
@@ -539,31 +623,31 @@ const Vt = ["id"], Ft = ["for"], Wt = ["for"], Lt = /* @__PURE__ */ $({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = me(e, "modelValue"), n = v(null), o = v(!1), a = m(() => {
+    const t = e, r = ge(e, "modelValue"), n = b(null), a = b(!1), o = m(() => {
       switch (t.size) {
         case "sm":
           return {
             icon: "text-xs mx-0.5",
             wrapper: "h-4 w-8",
-            indicator: o.value ? "h-3 w-4" : "h-3 w-3",
+            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
             inactive: "left-[calc(0.125rem-1px)]",
-            active: o.value ? "left-[calc(0.875rem-1px)]" : "left-[calc(1.125rem-1px)]"
+            active: a.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: o.value ? "h-4 w-5" : "h-4 w-4",
+            indicator: a.value ? "h-4 w-5" : "h-4 w-4",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: o.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
+            active: a.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: o.value ? "h-6 w-8" : "h-6 w-6",
+            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
             inactive: "left-[calc(0.25rem-1px)]",
-            active: o.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
+            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
           };
       }
     }), s = m(() => t.animate ? {
@@ -574,97 +658,97 @@ const Vt = ["id"], Ft = ["for"], Wt = ["for"], Lt = /* @__PURE__ */ $({
       progress: ""
     });
     function i() {
-      const u = v("");
-      return se(() => {
-        t.id ? u.value = t.id : u.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
-      }), u;
+      const d = b("");
+      return ie(() => {
+        t.id ? d.value = t.id : d.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
+      }), d;
     }
-    const c = i(), d = m(() => {
-      let u = "bg-primary-container";
+    const l = i(), u = m(() => {
+      let d = "bg-primary-container";
       switch (t.color) {
         case "secondary":
-          u = "bg-secondary-7";
+          d = "bg-secondary-7";
           break;
         case "tertiary":
-          u = "bg-tertiary-7";
+          d = "bg-tertiary-7";
           break;
         case "error":
-          u = "bg-error-7";
+          d = "bg-error-7";
           break;
       }
       return {
-        wrapper: r.value ? `border border-transparent ${u}` : "bg-surface-lowest border border-surface-border-low",
+        wrapper: r.value ? `border border-transparent ${d}` : "bg-surface-lowest border border-surface-border-low",
         indicator: t.disabled ? "bg-surface-high" : "bg-white text-primary-container"
       };
-    }), f = ge(t);
-    return (u, p) => (g(), y("div", {
+    }), f = ve(t);
+    return (d, h) => (g(), y("div", {
       role: "switch",
       class: w(["relative flex items-center gap-2", {
         "pointer-events-none filter-grayscale op60": t.disabled
       }])
     }, [
-      Je(M("input", Pe({
-        id: l(c),
-        "onUpdate:modelValue": p[0] || (p[0] = (b) => r.value = b)
-      }, u.$attrs, {
+      Je(S("input", Ne({
+        id: c(l),
+        "onUpdate:modelValue": h[0] || (h[0] = (v) => r.value = v)
+      }, d.$attrs, {
         class: "hidden",
         type: "checkbox"
-      }), null, 16, Vt), [
-        [bt, r.value]
+      }), null, 16, qt), [
+        [yt, r.value]
       ]),
-      M("label", {
+      S("label", {
         class: "leading-0 cursor-pointer!",
-        for: l(c)
+        for: c(l)
       }, [
-        M("div", {
+        S("div", {
           ref_key: "wrapper",
           ref: n,
-          class: w([[l(a).wrapper, l(d).wrapper, l(f).class], "relative inline-block transition-all"]),
-          style: T([l(f).style]),
-          onPointerdown: p[1] || (p[1] = (b) => o.value = !0),
-          onPointerup: p[2] || (p[2] = (b) => o.value = !1),
-          onPointerleave: p[3] || (p[3] = (b) => o.value = !1),
-          onPointerenter: p[4] || (p[4] = (b) => b.buttons === 1 && (o.value = !0))
+          class: w([[c(o).wrapper, c(u).wrapper, c(f).class], "relative inline-block transition-all"]),
+          style: T([c(f).style]),
+          onPointerdown: h[1] || (h[1] = (v) => a.value = !0),
+          onPointerup: h[2] || (h[2] = (v) => a.value = !1),
+          onPointerleave: h[3] || (h[3] = (v) => a.value = !1),
+          onPointerenter: h[4] || (h[4] = (v) => v.buttons === 1 && (a.value = !0))
         }, [
-          M("div", {
-            class: w(["absolute top-50% -translate-y-50%", [l(a).indicator, l(d).indicator, l(s).indicator, r.value ? l(a).active : l(a).inactive, l(f).class]]),
-            style: T([l(f).style])
+          S("div", {
+            class: w(["absolute top-50% -translate-y-50%", [c(o).indicator, c(u).indicator, c(s).indicator, r.value ? c(o).active : c(o).inactive, c(f).class]]),
+            style: T([c(f).style])
           }, null, 6),
-          M("i", {
-            class: w(["absolute top-1/2 -translate-y-50%", [l(a).icon, {
-              [`left-0 text-${u.color}-on`]: r.value,
+          S("i", {
+            class: w(["absolute top-1/2 -translate-y-50%", [c(o).icon, {
+              [`left-0 text-${d.color}-on`]: r.value,
               "right-0 text-surface-on ": !r.value,
-              [u.onIcon ?? ""]: r.value && u.onIcon,
-              [u.offIcon ?? ""]: !r.value && u.offIcon
+              [d.onIcon ?? ""]: r.value && d.onIcon,
+              [d.offIcon ?? ""]: !r.value && d.offIcon
             }]])
           }, null, 2)
         ], 38)
-      ], 8, Ft),
-      u.label ? (g(), y("label", {
+      ], 8, Yt),
+      d.label ? (g(), y("label", {
         key: 0,
-        for: l(c)
-      }, re(u.label), 9, Wt)) : z("", !0)
+        for: c(l)
+      }, re(d.label), 9, Zt)) : z("", !0)
     ], 2));
   }
 });
-function ve(e) {
+function be(e) {
   "@babel/helpers - typeof";
-  return ve = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return be = 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;
-  }, ve(e);
+  }, be(e);
 }
-var Dt = /^\s+/, jt = /\s+$/;
-function h(e, t) {
-  if (e = e || "", t = t || {}, e instanceof h)
+var Qt = /^\s+/, Jt = /\s+$/;
+function p(e, t) {
+  if (e = e || "", t = t || {}, e instanceof p)
     return e;
-  if (!(this instanceof h))
-    return new h(e, t);
-  var r = Gt(e);
+  if (!(this instanceof p))
+    return new p(e, t);
+  var r = er(e);
   this._originalInput = e, this._r = r.r, this._g = r.g, this._b = r.b, this._a = r.a, this._roundA = Math.round(100 * this._a) / 100, this._format = t.format || r.format, this._gradientType = t.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = r.ok;
 }
-h.prototype = {
+p.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -688,14 +772,14 @@ h.prototype = {
     return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
   },
   getLuminance: function() {
-    var t = this.toRgb(), r, n, o, a, s, i;
-    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 ? i = o / 12.92 : i = Math.pow((o + 0.055) / 1.055, 2.4), 0.2126 * a + 0.7152 * s + 0.0722 * i;
+    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;
   },
   setAlpha: function(t) {
     return this._a = rt(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var t = De(this._r, this._g, this._b);
+    var t = We(this._r, this._g, this._b);
     return {
       h: t.h * 360,
       s: t.s,
@@ -704,8 +788,8 @@ h.prototype = {
     };
   },
   toHsvString: function() {
-    var t = De(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 + ")";
+    var t = We(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.v * 100);
+    return this._a == 1 ? "hsv(" + r + ", " + n + "%, " + a + "%)" : "hsva(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
   },
   toHsl: function() {
     var t = Le(this._r, this._g, this._b);
@@ -717,8 +801,8 @@ h.prototype = {
     };
   },
   toHslString: function() {
-    var t = Le(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 + ")";
+    var t = Le(this._r, this._g, this._b), r = Math.round(t.h * 360), n = Math.round(t.s * 100), a = Math.round(t.l * 100);
+    return this._a == 1 ? "hsl(" + r + ", " + n + "%, " + a + "%)" : "hsla(" + r + ", " + n + "%, " + a + "%, " + this._roundA + ")";
   },
   toHex: function(t) {
     return je(this._r, this._g, this._b, t);
@@ -727,7 +811,7 @@ h.prototype = {
     return "#" + this.toHex(t);
   },
   toHex8: function(t) {
-    return Yt(this._r, this._g, this._b, this._a, t);
+    return or(this._r, this._g, this._b, this._a, t);
   },
   toHex8String: function(t) {
     return "#" + this.toHex8(t);
@@ -755,64 +839,64 @@ h.prototype = {
     return this._a == 1 ? "rgb(" + Math.round(x(this._r, 255) * 100) + "%, " + Math.round(x(this._g, 255) * 100) + "%, " + Math.round(x(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(x(this._r, 255) * 100) + "%, " + Math.round(x(this._g, 255) * 100) + "%, " + Math.round(x(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : ir[je(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : gr[je(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(t) {
-    var r = "#" + Ge(this._r, this._g, this._b, this._a), n = r, o = this._gradientType ? "GradientType = 1, " : "";
+    var r = "#" + Ge(this._r, this._g, this._b, this._a), n = r, a = this._gradientType ? "GradientType = 1, " : "";
     if (t) {
-      var a = h(t);
-      n = "#" + Ge(a._r, a._g, a._b, a._a);
+      var o = p(t);
+      n = "#" + Ge(o._r, o._g, o._b, o._a);
     }
-    return "progid:DXImageTransform.Microsoft.gradient(" + o + "startColorstr=" + r + ",endColorstr=" + n + ")";
+    return "progid:DXImageTransform.Microsoft.gradient(" + a + "startColorstr=" + r + ",endColorstr=" + n + ")";
   },
   toString: function(t) {
     var r = !!t;
     t = t || this._format;
-    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());
+    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());
   },
   clone: function() {
-    return h(this.toString());
+    return p(this.toString());
   },
   _applyModification: function(t, r) {
     var n = t.apply(null, [this].concat([].slice.call(r)));
     return this._r = n._r, this._g = n._g, this._b = n._b, this.setAlpha(n._a), this;
   },
   lighten: function() {
-    return this._applyModification(Jt, arguments);
+    return this._applyModification(lr, arguments);
   },
   brighten: function() {
-    return this._applyModification(er, arguments);
+    return this._applyModification(cr, arguments);
   },
   darken: function() {
-    return this._applyModification(tr, arguments);
+    return this._applyModification(ur, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Kt, arguments);
+    return this._applyModification(ar, arguments);
   },
   saturate: function() {
-    return this._applyModification(Qt, arguments);
+    return this._applyModification(sr, arguments);
   },
   greyscale: function() {
-    return this._applyModification(Zt, arguments);
+    return this._applyModification(ir, arguments);
   },
   spin: function() {
-    return this._applyModification(rr, arguments);
+    return this._applyModification(dr, arguments);
   },
   _applyCombination: function(t, r) {
     return t.apply(null, [this].concat([].slice.call(r)));
   },
   analogous: function() {
-    return this._applyCombination(ar, arguments);
+    return this._applyCombination(pr, arguments);
   },
   complement: function() {
-    return this._applyCombination(nr, arguments);
+    return this._applyCombination(fr, arguments);
   },
   monochromatic: function() {
-    return this._applyCombination(sr, arguments);
+    return this._applyCombination(mr, arguments);
   },
   splitcomplement: function() {
-    return this._applyCombination(or, arguments);
+    return this._applyCombination(hr, arguments);
   },
   // Disabled until https://github.com/bgrins/TinyColor/issues/254
   // polyad: function (number) {
@@ -825,22 +909,22 @@ h.prototype = {
     return this._applyCombination(Ue, [4]);
   }
 };
-h.fromRatio = function(e, t) {
-  if (ve(e) == "object") {
+p.fromRatio = function(e, t) {
+  if (be(e) == "object") {
     var r = {};
     for (var n in e)
-      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = ue(e[n]));
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = de(e[n]));
     e = r;
   }
-  return h(e, t);
+  return p(e, t);
 };
-function Gt(e) {
+function er(e) {
   var t = {
     r: 0,
     g: 0,
     b: 0
-  }, r = 1, n = null, o = null, a = null, s = !1, i = !1;
-  return typeof e == "string" && (e = dr(e)), ve(e) == "object" && (W(e.r) && W(e.g) && W(e.b) ? (t = Ut(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : W(e.h) && W(e.s) && W(e.v) ? (n = ue(e.s), o = ue(e.v), t = qt(e.h, n, o), s = !0, i = "hsv") : W(e.h) && W(e.s) && W(e.l) && (n = ue(e.s), a = ue(e.l), t = Xt(e.h, n, a), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = rt(r), {
+  }, r = 1, n = null, a = null, o = null, s = !1, i = !1;
+  return typeof e == "string" && (e = wr(e)), be(e) == "object" && (L(e.r) && L(e.g) && L(e.b) ? (t = tr(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : L(e.h) && L(e.s) && L(e.v) ? (n = de(e.s), a = de(e.v), t = nr(e.h, n, a), s = !0, i = "hsv") : L(e.h) && L(e.s) && L(e.l) && (n = de(e.s), o = de(e.l), t = rr(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = rt(r), {
     ok: s,
     format: e.format || i,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -849,7 +933,7 @@ function Gt(e) {
     a: r
   };
 }
-function Ut(e, t, r) {
+function tr(e, t, r) {
   return {
     r: x(e, 255) * 255,
     g: x(t, 255) * 255,
@@ -858,221 +942,221 @@ function Ut(e, t, r) {
 }
 function Le(e, t, r) {
   e = x(e, 255), t = x(t, 255), r = x(r, 255);
-  var n = Math.max(e, t, r), o = Math.min(e, t, r), a, s, i = (n + o) / 2;
-  if (n == o)
-    a = s = 0;
+  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;
   else {
-    var c = n - o;
-    switch (s = i > 0.5 ? c / (2 - n - o) : c / (n + o), n) {
+    var l = n - a;
+    switch (s = i > 0.5 ? l / (2 - n - a) : l / (n + a), n) {
       case e:
-        a = (t - r) / c + (t < r ? 6 : 0);
+        o = (t - r) / l + (t < r ? 6 : 0);
         break;
       case t:
-        a = (r - e) / c + 2;
+        o = (r - e) / l + 2;
         break;
       case r:
-        a = (e - t) / c + 4;
+        o = (e - t) / l + 4;
         break;
     }
-    a /= 6;
+    o /= 6;
   }
   return {
-    h: a,
+    h: o,
     s,
     l: i
   };
 }
-function Xt(e, t, r) {
-  var n, o, a;
+function rr(e, t, r) {
+  var n, a, o;
   e = x(e, 360), t = x(t, 100), r = x(r, 100);
-  function s(d, f, u) {
-    return u < 0 && (u += 1), u > 1 && (u -= 1), u < 1 / 6 ? d + (f - d) * 6 * u : u < 1 / 2 ? f : u < 2 / 3 ? d + (f - d) * (2 / 3 - u) * 6 : d;
+  function s(u, f, d) {
+    return d < 0 && (d += 1), d > 1 && (d -= 1), d < 1 / 6 ? u + (f - u) * 6 * d : d < 1 / 2 ? f : d < 2 / 3 ? u + (f - u) * (2 / 3 - d) * 6 : u;
   }
   if (t === 0)
-    n = o = a = r;
+    n = a = o = r;
   else {
-    var i = r < 0.5 ? r * (1 + t) : r + t - r * t, c = 2 * r - i;
-    n = s(c, i, e + 1 / 3), o = s(c, i, e), a = s(c, i, e - 1 / 3);
+    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);
   }
   return {
     r: n * 255,
-    g: o * 255,
-    b: a * 255
+    g: a * 255,
+    b: o * 255
   };
 }
-function De(e, t, r) {
+function We(e, t, r) {
   e = x(e, 255), t = x(t, 255), r = x(r, 255);
-  var n = Math.max(e, t, r), o = Math.min(e, t, r), a, s, i = n, c = n - o;
-  if (s = n === 0 ? 0 : c / n, n == o)
-    a = 0;
+  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;
   else {
     switch (n) {
       case e:
-        a = (t - r) / c + (t < r ? 6 : 0);
+        o = (t - r) / l + (t < r ? 6 : 0);
         break;
       case t:
-        a = (r - e) / c + 2;
+        o = (r - e) / l + 2;
         break;
       case r:
-        a = (e - t) / c + 4;
+        o = (e - t) / l + 4;
         break;
     }
-    a /= 6;
+    o /= 6;
   }
   return {
-    h: a,
+    h: o,
     s,
     v: i
   };
 }
-function qt(e, t, r) {
+function nr(e, t, r) {
   e = x(e, 360) * 6, t = x(t, 100), r = x(r, 100);
-  var n = Math.floor(e), o = e - n, a = r * (1 - t), s = r * (1 - o * t), i = r * (1 - (1 - o) * t), c = n % 6, d = [r, s, a, a, i, r][c], f = [i, r, r, s, a, a][c], u = [a, a, i, r, r, s][c];
+  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, u = [r, s, o, o, i, r][l], f = [i, r, r, s, o, o][l], d = [o, o, i, r, r, s][l];
   return {
-    r: d * 255,
+    r: u * 255,
     g: f * 255,
-    b: u * 255
+    b: d * 255
   };
 }
 function je(e, t, r, n) {
-  var o = [V(Math.round(e).toString(16)), V(Math.round(t).toString(16)), V(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("");
+  var a = [F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(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 Yt(e, t, r, n, o) {
-  var a = [V(Math.round(e).toString(16)), V(Math.round(t).toString(16)), V(Math.round(r).toString(16)), V(nt(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 or(e, t, r, n, a) {
+  var o = [F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(Math.round(r).toString(16)), F(nt(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 Ge(e, t, r, n) {
-  var o = [V(nt(n)), V(Math.round(e).toString(16)), V(Math.round(t).toString(16)), V(Math.round(r).toString(16))];
-  return o.join("");
+  var a = [F(nt(n)), F(Math.round(e).toString(16)), F(Math.round(t).toString(16)), F(Math.round(r).toString(16))];
+  return a.join("");
 }
-h.equals = function(e, t) {
-  return !e || !t ? !1 : h(e).toRgbString() == h(t).toRgbString();
+p.equals = function(e, t) {
+  return !e || !t ? !1 : p(e).toRgbString() == p(t).toRgbString();
 };
-h.random = function() {
-  return h.fromRatio({
+p.random = function() {
+  return p.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
   });
 };
-function Kt(e, t) {
+function ar(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.s -= t / 100, r.s = ke(r.s), h(r);
+  var r = p(e).toHsl();
+  return r.s -= t / 100, r.s = Se(r.s), p(r);
 }
-function Qt(e, t) {
+function sr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.s += t / 100, r.s = ke(r.s), h(r);
+  var r = p(e).toHsl();
+  return r.s += t / 100, r.s = Se(r.s), p(r);
 }
-function Zt(e) {
-  return h(e).desaturate(100);
+function ir(e) {
+  return p(e).desaturate(100);
 }
-function Jt(e, t) {
+function lr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.l += t / 100, r.l = ke(r.l), h(r);
+  var r = p(e).toHsl();
+  return r.l += t / 100, r.l = Se(r.l), p(r);
 }
-function er(e, t) {
+function cr(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toRgb();
-  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), h(r);
+  var r = p(e).toRgb();
+  return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(t / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(t / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(t / 100)))), p(r);
 }
-function tr(e, t) {
+function ur(e, t) {
   t = t === 0 ? 0 : t || 10;
-  var r = h(e).toHsl();
-  return r.l -= t / 100, r.l = ke(r.l), h(r);
+  var r = p(e).toHsl();
+  return r.l -= t / 100, r.l = Se(r.l), p(r);
 }
-function rr(e, t) {
-  var r = h(e).toHsl(), n = (r.h + t) % 360;
-  return r.h = n < 0 ? 360 + n : n, h(r);
+function dr(e, t) {
+  var r = p(e).toHsl(), n = (r.h + t) % 360;
+  return r.h = n < 0 ? 360 + n : n, p(r);
 }
-function nr(e) {
-  var t = h(e).toHsl();
-  return t.h = (t.h + 180) % 360, h(t);
+function fr(e) {
+  var t = p(e).toHsl();
+  return t.h = (t.h + 180) % 360, p(t);
 }
 function Ue(e, t) {
   if (isNaN(t) || t <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var r = h(e).toHsl(), n = [h(e)], o = 360 / t, a = 1; a < t; a++)
-    n.push(h({
-      h: (r.h + a * o) % 360,
+  for (var r = p(e).toHsl(), n = [p(e)], a = 360 / t, o = 1; o < t; o++)
+    n.push(p({
+      h: (r.h + o * a) % 360,
       s: r.s,
       l: r.l
     }));
   return n;
 }
-function or(e) {
-  var t = h(e).toHsl(), r = t.h;
-  return [h(e), h({
+function hr(e) {
+  var t = p(e).toHsl(), r = t.h;
+  return [p(e), p({
     h: (r + 72) % 360,
     s: t.s,
     l: t.l
-  }), h({
+  }), p({
     h: (r + 216) % 360,
     s: t.s,
     l: t.l
   })];
 }
-function ar(e, t, r) {
+function pr(e, t, r) {
   t = t || 6, r = r || 30;
-  var n = h(e).toHsl(), o = 360 / r, a = [h(e)];
-  for (n.h = (n.h - (o * t >> 1) + 720) % 360; --t; )
-    n.h = (n.h + o) % 360, a.push(h(n));
-  return a;
+  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;
 }
-function sr(e, t) {
+function mr(e, t) {
   t = t || 6;
-  for (var r = h(e).toHsv(), n = r.h, o = r.s, a = r.v, s = [], i = 1 / t; t--; )
-    s.push(h({
+  for (var r = p(e).toHsv(), n = r.h, a = r.s, o = r.v, s = [], i = 1 / t; t--; )
+    s.push(p({
       h: n,
-      s: o,
-      v: a
-    })), a = (a + i) % 1;
+      s: a,
+      v: o
+    })), o = (o + i) % 1;
   return s;
 }
-h.mix = function(e, t, r) {
+p.mix = function(e, t, r) {
   r = r === 0 ? 0 : r || 50;
-  var n = h(e).toRgb(), o = h(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
+  var n = p(e).toRgb(), a = p(t).toRgb(), o = r / 100, s = {
+    r: (a.r - n.r) * o + n.r,
+    g: (a.g - n.g) * o + n.g,
+    b: (a.b - n.b) * o + n.b,
+    a: (a.a - n.a) * o + n.a
   };
-  return h(s);
+  return p(s);
 };
-h.readability = function(e, t) {
-  var r = h(e), n = h(t);
+p.readability = function(e, t) {
+  var r = p(e), n = p(t);
   return (Math.max(r.getLuminance(), n.getLuminance()) + 0.05) / (Math.min(r.getLuminance(), n.getLuminance()) + 0.05);
 };
-h.isReadable = function(e, t, r) {
-  var n = h.readability(e, t), o, a;
-  switch (a = !1, o = fr(r), o.level + o.size) {
+p.isReadable = function(e, t, r) {
+  var n = p.readability(e, t), a, o;
+  switch (o = !1, a = _r(r), a.level + a.size) {
     case "AAsmall":
     case "AAAlarge":
-      a = n >= 4.5;
+      o = n >= 4.5;
       break;
     case "AAlarge":
-      a = n >= 3;
+      o = n >= 3;
       break;
     case "AAAsmall":
-      a = n >= 7;
+      o = n >= 7;
       break;
   }
-  return a;
+  return o;
 };
-h.mostReadable = function(e, t, r) {
-  var n = null, o = 0, a, s, i, c;
-  r = r || {}, s = r.includeFallbackColors, i = r.level, c = r.size;
-  for (var d = 0; d < t.length; d++)
-    a = h.readability(e, t[d]), a > o && (o = a, n = h(t[d]));
-  return h.isReadable(e, n, {
+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;
+  for (var u = 0; u < t.length; u++)
+    o = p.readability(e, t[u]), o > a && (a = o, n = p(t[u]));
+  return p.isReadable(e, n, {
     level: i,
-    size: c
-  }) || !s ? n : (r.includeFallbackColors = !1, h.mostReadable(e, ["#fff", "#000"], r));
+    size: l
+  }) || !s ? n : (r.includeFallbackColors = !1, p.mostReadable(e, ["#fff", "#000"], r));
 };
-var $e = h.names = {
+var Te = p.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -1222,8 +1306,8 @@ var $e = h.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, ir = h.hexNames = lr($e);
-function lr(e) {
+}, gr = p.hexNames = vr(Te);
+function vr(e) {
   var t = {};
   for (var r in e)
     e.hasOwnProperty(r) && (t[e[r]] = r);
@@ -1233,58 +1317,58 @@ function rt(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
 function x(e, t) {
-  cr(e) && (e = "100%");
-  var r = ur(e);
+  br(e) && (e = "100%");
+  var r = yr(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 ke(e) {
+function Se(e) {
   return Math.min(1, Math.max(0, e));
 }
-function N(e) {
+function O(e) {
   return parseInt(e, 16);
 }
-function cr(e) {
+function br(e) {
   return typeof e == "string" && e.indexOf(".") != -1 && parseFloat(e) === 1;
 }
-function ur(e) {
+function yr(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function V(e) {
+function F(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
-function ue(e) {
+function de(e) {
   return e <= 1 && (e = e * 100 + "%"), e;
 }
 function nt(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
 function Xe(e) {
-  return N(e) / 255;
+  return O(e) / 255;
 }
 var B = 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*\\)?";
+  var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", a = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(r),
     rgb: new RegExp("rgb" + n),
-    rgba: new RegExp("rgba" + o),
+    rgba: new RegExp("rgba" + a),
     hsl: new RegExp("hsl" + n),
-    hsla: new RegExp("hsla" + o),
+    hsla: new RegExp("hsla" + a),
     hsv: new RegExp("hsv" + n),
-    hsva: new RegExp("hsva" + o),
+    hsva: new RegExp("hsva" + a),
     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 W(e) {
+function L(e) {
   return !!B.CSS_UNIT.exec(e);
 }
-function dr(e) {
-  e = e.replace(Dt, "").replace(jt, "").toLowerCase();
+function wr(e) {
+  e = e.replace(Qt, "").replace(Jt, "").toLowerCase();
   var t = !1;
-  if ($e[e])
-    e = $e[e], t = !0;
+  if (Te[e])
+    e = Te[e], t = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -1322,30 +1406,30 @@ function dr(e) {
     v: r[3],
     a: r[4]
   } : (r = B.hex8.exec(e)) ? {
-    r: N(r[1]),
-    g: N(r[2]),
-    b: N(r[3]),
+    r: O(r[1]),
+    g: O(r[2]),
+    b: O(r[3]),
     a: Xe(r[4]),
     format: t ? "name" : "hex8"
   } : (r = B.hex6.exec(e)) ? {
-    r: N(r[1]),
-    g: N(r[2]),
-    b: N(r[3]),
+    r: O(r[1]),
+    g: O(r[2]),
+    b: O(r[3]),
     format: t ? "name" : "hex"
   } : (r = B.hex4.exec(e)) ? {
-    r: N(r[1] + "" + r[1]),
-    g: N(r[2] + "" + r[2]),
-    b: N(r[3] + "" + r[3]),
+    r: O(r[1] + "" + r[1]),
+    g: O(r[2] + "" + r[2]),
+    b: O(r[3] + "" + r[3]),
     a: Xe(r[4] + "" + r[4]),
     format: t ? "name" : "hex8"
   } : (r = B.hex3.exec(e)) ? {
-    r: N(r[1] + "" + r[1]),
-    g: N(r[2] + "" + r[2]),
-    b: N(r[3] + "" + r[3]),
+    r: O(r[1] + "" + r[1]),
+    g: O(r[2] + "" + r[2]),
+    b: O(r[3] + "" + r[3]),
     format: t ? "name" : "hex"
   } : !1;
 }
-function fr(e) {
+function _r(e) {
   var t, r;
   return e = e || {
     level: "AA",
@@ -1361,44 +1445,44 @@ const ot = {
   tertiary: ["#fff7e1", "#ffedcd", "#fcd99e", "#f9c46b", "#f7b23f", "#f6a724", "#f5a113", "#da8c04", "#c37d00", "#aa6a00", "#572508"],
   error: ["#ffeaea", "#fcd5d5", "#f2a8a9", "#ea7a7a", "#e25353", "#de3939", "#dd2b2b", "#c41e1f", "#af171a", "#9a0913", "#450a0a"],
   surface: ["#fafafa", "#f5f5f5", "#e5e5e5", "#d4d4d4", "#a3a3a3", "#737373", "#525252", "#404040", "#262626", "#171717", "#121212"]
-}, Te = {
+}, ze = {
   name: "dark",
   scheme: "dark",
   colors: ot
-}, hr = {
+}, xr = {
   name: "light",
   scheme: "light",
   colors: ot
-}, nn = Symbol("Notifications"), at = vt([]);
-function pr() {
+}, hn = Symbol("Notifications"), at = wt([]);
+function kr() {
   return at;
 }
-class on {
+class pn {
   static show(t) {
     t.hash = Math.random().toString(36), at.push(t);
   }
 }
-const ze = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28], qe = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32, 0.64];
-function mr(e) {
-  const t = h(e).toHsl().l;
-  return ze.reduce(
+const Re = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28], qe = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32, 0.64];
+function Sr(e) {
+  const t = p(e).toHsl().l;
+  return Re.reduce(
     (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
   );
 }
-function gr(e) {
-  const t = h(e), r = mr(t), n = ze.findIndex((a) => a === r), o = ze.map((a) => {
-    const s = h({ h: t.toHsl().h, s: t.toHsl().s, l: a }), i = qe[n] - qe[n];
+function Mr(e) {
+  const t = p(e), r = Sr(t), n = Re.findIndex((o) => o === r), a = Re.map((o) => {
+    const s = p({ h: t.toHsl().h, s: t.toHsl().s, l: o }), i = qe[n] - qe[n];
     return i >= 0 ? s.saturate(i * 100) : s.desaturate(i * -100), s;
   });
-  return { baseColorIndex: n, colors: o.map((a) => a.toHexString()) };
+  return { baseColorIndex: n, colors: a.map((o) => o.toHexString()) };
 }
-function an(e) {
-  return gr(e).colors;
+function mn(e) {
+  return Mr(e).colors;
 }
-function br() {
+function Ar() {
   if (typeof window > "u")
-    return v("dark");
-  const e = v(document.documentElement.dataset.scheme);
+    return b("dark");
+  const e = b(document.documentElement.dataset.scheme);
   return new MutationObserver((r) => {
     r.forEach((n) => {
       n.type === "attributes" && n.attributeName === "data-scheme" && (e.value = document.documentElement.dataset.scheme);
@@ -1408,34 +1492,34 @@ function br() {
     attributeFilter: ["data-scheme"]
   }), e;
 }
-function sn() {
+function gn() {
   return et("currentThemeScheme", null);
 }
-function vr() {
-  return et("currentTheme", v(Te));
+function Cr() {
+  return et("currentTheme", b(ze));
 }
 function st(e, t = !0) {
-  const r = v(e), n = v(e.scheme), o = br();
-  X(() => {
-    o.value && (n.value = o.value);
+  const r = b(e), n = b(e.scheme), a = Ar();
+  q(() => {
+    a.value && (n.value = a.value);
   }), Fe("currentTheme", r), Fe("currentThemeScheme", n);
   const s = {
     ...Object.keys(r.value.colors).map((f) => {
-      const u = f;
-      return r.value.colors[u].reduce((b, k, S) => {
-        const C = h(k).toRgb();
-        return b[`--r-color-${u}-${S}`] = `${C.r} ${C.g} ${C.b}`, b;
+      const d = f;
+      return r.value.colors[d].reduce((v, k, M) => {
+        const $ = p(k).toRgb();
+        return v[`--r-color-${d}-${M}`] = `${$.r} ${$.g} ${$.b}`, v;
       }, {});
-    }).reduce((f, u) => ({
+    }).reduce((f, d) => ({
       ...f,
-      ...u
+      ...d
     }), {})
   }, i = {
     "color-scheme": n.value,
     "font-family": "'Roboto', sans-serif",
     "background-color": "rgb(var(--r-color-surface-lowest))",
     color: "rgb(var(--r-color-surface-on))"
-  }, c = m(() => {
+  }, l = m(() => {
     if (t)
       return {};
     switch (e.scheme) {
@@ -1496,43 +1580,43 @@ function st(e, t = !0) {
   return {
     ...s,
     ...i,
-    ...c.value
+    ...l.value
   };
 }
-const ln = /* @__PURE__ */ $({
+const vn = /* @__PURE__ */ C({
   __name: "RokuProvider",
   props: {
     is: { default: "div" },
     theme: { default() {
-      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? Te : hr;
+      return typeof window > "u" || document.documentElement.dataset.scheme === "dark" ? ze : xr;
     } }
   },
   setup(e) {
-    const t = e, r = v(0), n = v(0);
-    be && new ResizeObserver(() => {
+    const t = e, r = b(0), n = b(0);
+    ne && new ResizeObserver(() => {
       const i = window.innerWidth - document.body.clientWidth;
       i !== 0 && (r.value = i), n.value = i;
     }).observe(document.body);
-    const o = m(() => n.value === r.value ? "0px" : `${r.value}px`), a = st(t.theme);
-    return (s, i) => (g(), D(_e(s.is), {
+    const a = m(() => n.value === r.value ? "0px" : `${r.value}px`), o = st(t.theme);
+    return (s, i) => (g(), j(_e(s.is), {
       style: T([
-        l(a),
-        { paddingRight: l(o) }
+        c(o),
+        { paddingRight: c(a) }
       ]),
       class: "text-surface-on transition-background-color,border-color,color"
     }, {
       default: J(() => [
-        H(s.$slots, "default")
+        P(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), yr = { class: "w-full flex items-center" }, wr = ["placeholder", "value"], _r = /* @__PURE__ */ M("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), xr = {
+}), $r = { class: "w-full flex items-center" }, Tr = ["placeholder", "value"], zr = /* @__PURE__ */ S("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), Rr = {
   key: 0,
   class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
-}, kr = ["onPointerdown", "onHover"], Mr = { key: 0 }, Sr = /* @__PURE__ */ M("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Ar = [
-  Sr
-], cn = /* @__PURE__ */ $({
+}, Er = ["onPointerdown", "onHover"], Pr = { key: 0 }, Nr = /* @__PURE__ */ S("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Or = [
+  Nr
+], bn = /* @__PURE__ */ C({
   __name: "Select",
   props: /* @__PURE__ */ ee({
     options: { default() {
@@ -1547,40 +1631,40 @@ const ln = /* @__PURE__ */ $({
   }),
   emits: /* @__PURE__ */ ee(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e, n = t, o = me(e, "modelValue"), a = v(null), s = v(null), { focused: i } = It(a), c = m(() => r.options.map((_) => S(_)).indexOf(o.value)), d = v(-1), f = v(-1);
-    X(() => {
+    const r = e, n = t, a = ge(e, "modelValue"), o = b(null), s = b(null), { focused: i } = Gt(o), l = m(() => r.options.map((_) => M(_)).indexOf(a.value)), u = b(-1), f = b(-1);
+    q(() => {
       i.value || (f.value = -1);
-    }), X(() => {
-      o.value = S(r.options[c.value]);
-    }), ie(o, () => {
-      n("change", o.value);
+    }), q(() => {
+      a.value = M(r.options[l.value]);
+    }), le(a, () => {
+      n("change", a.value);
     });
-    const u = r.options, p = m(() => u[c.value]), b = m(() => k(p.value));
+    const d = r.options, h = m(() => d[l.value]), v = m(() => k(h.value));
     function k(_) {
       if (_)
         return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.label;
     }
-    function S(_) {
+    function M(_) {
       if (_)
         return typeof _ == "string" || typeof _ == "symbol" || typeof _ == "number" ? _ : _.id;
     }
-    Ae("ArrowDown", (_) => {
-      i.value && (_.preventDefault(), f.value = (f.value + 1) % u.length);
-    }), Ae("ArrowUp", (_) => {
-      i.value && (_.preventDefault(), f.value = (f.value - 1 + u.length) % u.length);
-    }), Ae("Enter", () => {
-      i.value && f.value !== -1 && (o.value = S(u[f.value]), i.value = !1);
+    Ce("ArrowDown", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value + 1) % d.length);
+    }), Ce("ArrowUp", (_) => {
+      i.value && (_.preventDefault(), f.value = (f.value - 1 + d.length) % d.length);
+    }), Ce("Enter", () => {
+      i.value && f.value !== -1 && (a.value = M(d[f.value]), i.value = !1);
     });
-    function C(_) {
+    function $(_) {
       if (!i.value) {
         i.value = !0;
         return;
       }
-      o.value = S(_), i.value = !1;
+      a.value = M(_), i.value = !1;
     }
-    const le = m(() => ({
+    const ce = m(() => ({
       input: "container-base focus:border-primary-container"
-    })), ce = m(() => {
+    })), ue = m(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -1599,45 +1683,45 @@ const ln = /* @__PURE__ */ $({
           };
       }
     });
-    return (_, O) => (g(), y("div", {
+    return (_, I) => (g(), y("div", {
       ref_key: "wrapperRef",
       ref: s,
       class: "r-select-wrapper relative"
     }, [
-      M("div", yr, [
-        M("input", {
+      S("div", $r, [
+        S("input", {
           ref_key: "inputRef",
-          ref: a,
-          class: w([[l(le).input, l(ce).wrapper], "r-select-input cursor-pointer border rounded outline-none"]),
+          ref: o,
+          class: w([[c(ce).input, c(ue).wrapper], "r-select-input cursor-pointer border rounded outline-none"]),
           placeholder: _.placeholder,
           readonly: "",
-          value: l(b),
+          value: c(v),
           "aria-haspopup": "listbox",
           autocomplete: "off",
-          onFocus: O[0] || (O[0] = (j) => i.value = !0)
-        }, null, 42, wr),
-        _r
+          onFocus: I[0] || (I[0] = (G) => i.value = !0)
+        }, null, 42, Tr),
+        zr
       ]),
-      l(i) ? (g(), y("div", {
+      c(i) ? (g(), y("div", {
         key: 0,
-        class: w([l(ce).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
+        class: w([c(ue).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
       }, [
-        l(u).length === 0 ? (g(), y("div", xr, re(_.noneText), 1)) : (g(!0), y(te, { key: 1 }, fe(l(u), (j, A) => (g(), y("div", {
-          key: S(j),
+        c(d).length === 0 ? (g(), y("div", Rr, re(_.noneText), 1)) : (g(!0), y(te, { key: 1 }, he(c(d), (G, A) => (g(), y("div", {
+          key: M(G),
           class: w([{
-            "hover:bg-surface-high": l(f) !== A,
-            "container-filled-primary": l(f) === A
+            "hover:bg-surface-high": c(f) !== A,
+            "container-filled-primary": c(f) === A
           }, "flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),
-          onPointerdown: (R) => C(j),
-          onHover: (R) => d.value = A
+          onPointerdown: (R) => $(G),
+          onHover: (R) => u.value = A
         }, [
-          yt(re(k(j)) + " ", 1),
-          j === l(p) ? (g(), y("div", Mr, Ar)) : z("", !0)
-        ], 42, kr))), 128))
+          _t(re(k(G)) + " ", 1),
+          G === c(h) ? (g(), y("div", Pr, Or)) : z("", !0)
+        ], 42, Er))), 128))
       ], 2)) : z("", !0)
     ], 512));
   }
-}), Cr = ["value", "placeholder", "type"], $r = /* @__PURE__ */ $({
+}), Hr = ["value", "placeholder", "type"], Ir = /* @__PURE__ */ C({
   __name: "TextField",
   props: {
     modelValue: {},
@@ -1652,7 +1736,7 @@ const ln = /* @__PURE__ */ $({
   },
   emits: ["change", "update:modelValue", "input", "click", "pointerdown", "pointerup"],
   setup(e, { expose: t, emit: r }) {
-    const n = e, o = r, a = m(() => {
+    const n = e, a = r, o = m(() => {
       switch (n.size) {
         case "sm":
           return {
@@ -1681,35 +1765,35 @@ const ln = /* @__PURE__ */ $({
         default:
           return "text-surface-on bg-surface-base border-surface-border-base focus:border-primary-container";
       }
-    }), i = m(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), c = ge(n), d = v(null);
-    function f(u) {
-      var p;
-      o("update:modelValue", ((p = u.target) == null ? void 0 : p.value) ?? ""), o("input", u);
+    }), i = m(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), l = ve(n), u = b(null);
+    function f(d) {
+      var h;
+      a("update:modelValue", ((h = d.target) == null ? void 0 : h.value) ?? ""), a("input", d);
     }
     return t({
-      el: d
-    }), (u, p) => (g(), y("input", {
+      el: u
+    }), (d, h) => (g(), y("input", {
       ref_key: "input",
-      ref: d,
-      value: u.modelValue,
-      class: w(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [l(s), l(i), l(c).class, l(a).base]]),
-      style: T([l(c).style]),
-      placeholder: u.placeholder,
+      ref: u,
+      value: d.modelValue,
+      class: w(["bg-back-2 border px-2 py-1 outline-none transition-background-color,border-color,color", [c(s), c(i), c(l).class, c(o).base]]),
+      style: T([c(l).style]),
+      placeholder: d.placeholder,
       type: n.password ? "password" : "text",
-      onChange: p[0] || (p[0] = (b) => u.$emit("change", b)),
+      onChange: h[0] || (h[0] = (v) => d.$emit("change", v)),
       onInput: f,
-      onClick: p[1] || (p[1] = (b) => u.$emit("click", b)),
-      onPointerdown: p[2] || (p[2] = (b) => u.$emit("pointerdown", b)),
-      onPointerup: p[3] || (p[3] = (b) => u.$emit("pointerup", b))
-    }, null, 46, Cr));
+      onClick: h[1] || (h[1] = (v) => d.$emit("click", v)),
+      onPointerdown: h[2] || (h[2] = (v) => d.$emit("pointerdown", v)),
+      onPointerup: h[3] || (h[3] = (v) => d.$emit("pointerup", v))
+    }, null, 46, Hr));
   }
-}), Tr = {
+}), Br = {
   key: 0,
   class: "i-tabler-loader-2 h-container w-container shrink-0 animate-spin"
-}, zr = { key: 1 }, Rr = { class: "grow-1" }, Er = {
+}, Dr = { key: 1 }, Fr = { class: "grow-1" }, Vr = {
   key: 1,
   class: "text-sm text-surface-container"
-}, Pr = /* @__PURE__ */ M("i", { class: "i-tabler-x" }, null, -1), Nr = /* @__PURE__ */ $({
+}, Lr = /* @__PURE__ */ S("i", { class: "i-tabler-x" }, null, -1), Wr = /* @__PURE__ */ C({
   __name: "Notification",
   props: {
     title: {},
@@ -1745,66 +1829,66 @@ const ln = /* @__PURE__ */ $({
           return "text-primary-container";
       }
     });
-    return (o, a) => {
-      const s = St;
+    return (a, o) => {
+      const s = Ct;
       return g(), y("div", {
         class: w(["relative max-w-100 min-h-16 min-w-80 w-full flex items-center gap-2 container-low rounded p-3", [
-          { "border-0": !o.withBorder }
+          { "border-0": !a.withBorder }
         ]])
       }, [
-        o.icon ? (g(), y("div", {
+        a.icon ? (g(), y("div", {
           key: 0,
-          class: w(["leading-0", l(n)])
+          class: w(["leading-0", c(n)])
         }, [
-          o.loading ? (g(), y("i", Tr)) : (g(), y("i", {
+          a.loading ? (g(), y("i", Br)) : (g(), y("i", {
             key: 1,
-            class: w(["h-container w-container shrink-0", o.icon])
+            class: w(["h-container w-container shrink-0", a.icon])
           }, null, 2))
-        ], 2)) : (g(), y("div", zr, [
-          M("div", {
+        ], 2)) : (g(), y("div", Dr, [
+          S("div", {
             class: w(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
-              "animate-pulse": o.loading
-            }, l(r)]])
+              "animate-pulse": a.loading
+            }, c(r)]])
           }, null, 2)
         ])),
-        M("div", Rr, [
-          o.title ? (g(), y("div", {
+        S("div", Fr, [
+          a.title ? (g(), y("div", {
             key: 0,
-            class: w([l(n), "text-base"])
-          }, re(o.title), 3)) : z("", !0),
-          o.message ? (g(), y("div", Er, re(o.message), 1)) : z("", !0)
+            class: w([c(n), "text-base"])
+          }, re(a.title), 3)) : z("", !0),
+          a.message ? (g(), y("div", Vr, re(a.message), 1)) : z("", !0)
         ]),
-        o.closeable ? (g(), D(s, {
+        a.closeable ? (g(), j(s, {
           key: 2,
           icon: "",
           variant: "transparent",
           class: "text-surface-on hover:text-surface-on",
-          onClick: a[0] || (a[0] = (i) => o.$emit("close"))
+          onClick: o[0] || (o[0] = (i) => a.$emit("close"))
         }, {
           default: J(() => [
-            Pr
+            Lr
           ]),
           _: 1
         })) : z("", !0)
       ], 2);
     };
   }
-}), Hr = ["data-scheme", "data-theme"], Ir = /* @__PURE__ */ $({
+}), jr = ["data-scheme", "data-theme"], Gr = /* @__PURE__ */ C({
   __name: "ThemeProvider",
   props: {
     theme: {}
   },
   setup(e) {
     const r = st(e.theme, !1);
-    return (n, o) => (g(), y("div", {
-      style: T([l(r)]),
+    return (n, a) => (g(), y("div", {
+      style: T([c(r)]),
       "data-scheme": n.theme.scheme,
       "data-theme": n.theme.name
     }, [
-      H(n.$slots, "default")
-    ], 12, Hr));
+      P(n.$slots, "default")
+    ], 12, jr));
   }
-}), un = /* @__PURE__ */ $({
+}), yn = /* @__PURE__ */ C({
   __name: "Modal",
   props: /* @__PURE__ */ ee({
     persistent: { type: Boolean, default: !1 },
@@ -1815,11 +1899,11 @@ const ln = /* @__PURE__ */ $({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = me(e, "modelValue"), n = v(null);
-    function o(i) {
+    const t = e, r = ge(e, "modelValue"), n = b(null);
+    function a(i) {
       t.persistent || i.target === n.value && (r.value = !1);
     }
-    const a = m(() => {
+    const o = m(() => {
       switch (t.blur) {
         case "sm":
           return "backdrop-blur-sm";
@@ -1832,27 +1916,27 @@ const ln = /* @__PURE__ */ $({
           return "";
       }
     });
-    X(() => {
+    q(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     });
-    const s = vr();
-    return (i, c) => {
-      const d = Ir;
-      return g(), D(wt, { to: "body" }, [
-        We(d, { theme: l(s) }, {
+    const s = Cr();
+    return (i, l) => {
+      const u = Gr;
+      return g(), j(xt, { to: "body" }, [
+        Ve(u, { theme: c(s) }, {
           default: J(() => [
-            M("div", {
+            S("div", {
               ref_key: "wrapperRef",
               ref: n,
-              class: w(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full flex items-end justify-center bg-surface-lowest/50 transition-all duration-300 md:items-center", [a.value, {
+              class: w(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full flex items-end justify-center bg-surface-lowest/50 transition-all duration-300 md:items-center", [o.value, {
                 "op0 pointer-events-none": !r.value,
                 op100: r.value
               }]]),
-              onClick: o
+              onClick: a
             }, [
-              We(_t, {
+              Ve(kt, {
                 "enter-from-class": "translate-y-1/2",
                 "enter-to-class": "translate-y-0",
                 "leave-from-class": "translate-y-0",
@@ -1861,7 +1945,7 @@ const ln = /* @__PURE__ */ $({
                 "leave-active-class": "transition ease-in duration-200"
               }, {
                 default: J(() => [
-                  r.value ? H(i.$slots, "default", { key: 0 }) : z("", !0)
+                  r.value ? P(i.$slots, "default", { key: 0 }) : z("", !0)
                 ]),
                 _: 3
               })
@@ -1872,110 +1956,110 @@ const ln = /* @__PURE__ */ $({
       ]);
     };
   }
-}), it = /* @__PURE__ */ new Set(), P = /* @__PURE__ */ new WeakMap(), ne = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), Or = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakSet();
-let U, Ie = 0, Oe = 0;
-const L = "__aa_tgt", he = "__aa_del", we = "__aa_new", Br = (e) => {
-  const t = Dr(e);
-  t && t.forEach((r) => jr(r));
-}, Vr = (e) => {
+}), it = /* @__PURE__ */ new Set(), N = /* @__PURE__ */ new WeakMap(), oe = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakSet();
+let X, He = 0, Ie = 0;
+const W = "__aa_tgt", pe = "__aa_del", we = "__aa_new", Xr = (e) => {
+  const t = Qr(e);
+  t && t.forEach((r) => Jr(r));
+}, qr = (e) => {
   e.forEach((t) => {
-    t.target === U && Wr(), P.has(t.target) && Q(t.target);
+    t.target === X && Zr(), N.has(t.target) && K(t.target);
   });
 };
-function Fr(e) {
-  const t = Re.get(e);
+function Yr(e) {
+  const t = Ee.get(e);
   t == null || t.disconnect();
-  let r = P.get(e), n = 0;
-  const o = 5;
-  r || (r = ae(e), P.set(e, r));
-  const { offsetWidth: a, offsetHeight: s } = U, c = [
-    r.top - o,
-    a - (r.left + o + r.width),
-    s - (r.top + o + r.height),
-    r.left - o
-  ].map((f) => `${-1 * Math.floor(f)}px`).join(" "), d = new IntersectionObserver(() => {
-    ++n > 1 && Q(e);
+  let r = N.get(e), n = 0;
+  const a = 5;
+  r || (r = se(e), N.set(e, r));
+  const { offsetWidth: o, offsetHeight: s } = X, l = [
+    r.top - a,
+    o - (r.left + a + r.width),
+    s - (r.top + a + r.height),
+    r.left - a
+  ].map((f) => `${-1 * Math.floor(f)}px`).join(" "), u = new IntersectionObserver(() => {
+    ++n > 1 && K(e);
   }, {
-    root: U,
+    root: X,
     threshold: 1,
-    rootMargin: c
+    rootMargin: l
   });
-  d.observe(e), Re.set(e, d);
+  u.observe(e), Ee.set(e, u);
 }
-function Q(e) {
+function K(e) {
   clearTimeout(ye.get(e));
-  const t = Me(e), r = pe(t) ? 500 : t.duration;
+  const t = Me(e), r = me(t) ? 500 : t.duration;
   ye.set(e, setTimeout(async () => {
-    const n = K.get(e);
+    const n = Z.get(e);
     try {
-      await (n == null ? void 0 : n.finished), P.set(e, ae(e)), Fr(e);
+      await (n == null ? void 0 : n.finished), N.set(e, se(e)), Yr(e);
     } catch {
     }
   }, r));
 }
-function Wr() {
-  clearTimeout(ye.get(U)), ye.set(U, setTimeout(() => {
-    it.forEach((e) => dt(e, (t) => lt(() => Q(t))));
+function Zr() {
+  clearTimeout(ye.get(X)), ye.set(X, setTimeout(() => {
+    it.forEach((e) => dt(e, (t) => lt(() => K(t))));
   }, 100));
 }
-function Lr(e) {
+function Kr(e) {
   setTimeout(() => {
-    Or.set(e, setInterval(() => lt(Q.bind(null, e)), 2e3));
+    Ur.set(e, setInterval(() => lt(K.bind(null, e)), 2e3));
   }, Math.round(2e3 * Math.random()));
 }
 function lt(e) {
   typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
 }
-let Ee, Z;
-typeof window < "u" && (U = document.documentElement, Ee = new MutationObserver(Br), Z = new ResizeObserver(Vr), window.addEventListener("scroll", () => {
-  Oe = window.scrollY, Ie = window.scrollX;
-}), Z.observe(U));
-function Dr(e) {
-  return e.reduce((n, o) => [
+let Pe, Q;
+typeof window < "u" && (X = document.documentElement, Pe = new MutationObserver(Xr), Q = new ResizeObserver(qr), window.addEventListener("scroll", () => {
+  Ie = window.scrollY, He = window.scrollX;
+}), Q.observe(X));
+function Qr(e) {
+  return e.reduce((n, a) => [
     ...n,
-    ...Array.from(o.addedNodes),
-    ...Array.from(o.removedNodes)
-  ], []).every((n) => n.nodeName === "#comment") ? !1 : e.reduce((n, o) => {
+    ...Array.from(a.addedNodes),
+    ...Array.from(a.removedNodes)
+  ], []).every((n) => n.nodeName === "#comment") ? !1 : e.reduce((n, a) => {
     if (n === !1)
       return !1;
-    if (o.target instanceof Element) {
-      if (Ce(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 (a.target instanceof Element) {
+      if ($e(a.target), !n.has(a.target)) {
+        n.add(a.target);
+        for (let o = 0; o < a.target.children.length; o++) {
+          const s = a.target.children.item(o);
           if (s) {
-            if (he in s)
+            if (pe in s)
               return !1;
-            Ce(o.target, s), n.add(s);
+            $e(a.target, s), n.add(s);
           }
         }
       }
-      if (o.removedNodes.length)
-        for (let a = 0; a < o.removedNodes.length; a++) {
-          const s = o.removedNodes[a];
-          if (he in s)
+      if (a.removedNodes.length)
+        for (let o = 0; o < a.removedNodes.length; o++) {
+          const s = a.removedNodes[o];
+          if (pe in s)
             return !1;
-          s instanceof Element && (n.add(s), Ce(o.target, s), ne.set(s, [
-            o.previousSibling,
-            o.nextSibling
+          s instanceof Element && (n.add(s), $e(a.target, s), oe.set(s, [
+            a.previousSibling,
+            a.nextSibling
           ]));
         }
     }
     return n;
   }, /* @__PURE__ */ new Set());
 }
-function Ce(e, t) {
-  !t && !(L in e) ? Object.defineProperty(e, L, { value: e }) : t && !(L in t) && Object.defineProperty(t, L, { value: e });
+function $e(e, t) {
+  !t && !(W in e) ? Object.defineProperty(e, W, { value: e }) : t && !(W in t) && Object.defineProperty(t, W, { value: e });
 }
-function jr(e) {
+function Jr(e) {
   var t;
-  const r = e.isConnected, n = P.has(e);
-  r && ne.has(e) && ne.delete(e), K.has(e) && ((t = K.get(e)) === null || t === void 0 || t.cancel()), we in e ? Ye(e) : n && r ? Ur(e) : n && !r ? Xr(e) : Ye(e);
+  const r = e.isConnected, n = N.has(e);
+  r && oe.has(e) && oe.delete(e), Z.has(e) && ((t = Z.get(e)) === null || t === void 0 || t.cancel()), we in e ? Ye(e) : n && r ? tn(e) : n && !r ? rn(e) : Ye(e);
 }
-function F(e) {
+function V(e) {
   return Number(e.replace(/[^0-9.\-]/g, ""));
 }
-function Gr(e) {
+function en(e) {
   let t = e.parentElement;
   for (; t; ) {
     if (t.scrollLeft || t.scrollTop)
@@ -1984,8 +2068,8 @@ function Gr(e) {
   }
   return { x: 0, y: 0 };
 }
-function ae(e) {
-  const t = e.getBoundingClientRect(), { x: r, y: n } = Gr(e);
+function se(e) {
+  const t = e.getBoundingClientRect(), { x: r, y: n } = en(e);
   return {
     top: t.top + n,
     left: t.left + r,
@@ -1994,66 +2078,66 @@ function ae(e) {
   };
 }
 function ct(e, t, r) {
-  let n = t.width, o = t.height, a = r.width, s = r.height;
+  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 d = F(i.paddingTop) + F(i.paddingBottom) + F(i.borderTopWidth) + F(i.borderBottomWidth), f = F(i.paddingLeft) + F(i.paddingRight) + F(i.borderRightWidth) + F(i.borderLeftWidth);
-    n -= f, a -= f, o -= d, s -= d;
+    const u = V(i.paddingTop) + V(i.paddingBottom) + V(i.borderTopWidth) + V(i.borderBottomWidth), f = V(i.paddingLeft) + V(i.paddingRight) + V(i.borderRightWidth) + V(i.borderLeftWidth);
+    n -= f, o -= f, a -= u, s -= u;
   }
-  return [n, a, o, s].map(Math.round);
+  return [n, o, a, s].map(Math.round);
 }
 function Me(e) {
-  return L in e && oe.has(e[L]) ? oe.get(e[L]) : { duration: 250, easing: "ease-in-out" };
+  return W in e && ae.has(e[W]) ? ae.get(e[W]) : { duration: 250, easing: "ease-in-out" };
 }
 function ut(e) {
-  if (L in e)
-    return e[L];
+  if (W in e)
+    return e[W];
 }
 function Be(e) {
   const t = ut(e);
-  return t ? de.has(t) : !1;
+  return t ? fe.has(t) : !1;
 }
 function dt(e, ...t) {
-  t.forEach((r) => r(e, oe.has(e)));
+  t.forEach((r) => r(e, ae.has(e)));
   for (let r = 0; r < e.children.length; r++) {
     const n = e.children.item(r);
-    n && t.forEach((o) => o(n, oe.has(n)));
+    n && t.forEach((a) => a(n, ae.has(n)));
   }
 }
-function Ve(e) {
+function De(e) {
   return Array.isArray(e) ? e : [e];
 }
-function pe(e) {
+function me(e) {
   return typeof e == "function";
 }
-function Ur(e) {
-  const t = P.get(e), r = ae(e);
+function tn(e) {
+  const t = N.get(e), r = se(e);
   if (!Be(e))
-    return P.set(e, r);
+    return N.set(e, r);
   let n;
   if (!t)
     return;
-  const o = Me(e);
-  if (typeof o != "function") {
-    const a = t.left - r.left, s = t.top - r.top, [i, c, d, f] = ct(e, t, r), u = {
-      transform: `translate(${a}px, ${s}px)`
-    }, p = {
+  const a = Me(e);
+  if (typeof a != "function") {
+    const o = t.left - r.left, s = t.top - r.top, [i, l, u, f] = ct(e, t, r), d = {
+      transform: `translate(${o}px, ${s}px)`
+    }, h = {
       transform: "translate(0, 0)"
     };
-    i !== c && (u.width = `${i}px`, p.width = `${c}px`), d !== f && (u.height = `${d}px`, p.height = `${f}px`), n = e.animate([u, p], {
-      duration: o.duration,
-      easing: o.easing
+    i !== l && (d.width = `${i}px`, h.width = `${l}px`), u !== f && (d.height = `${u}px`, h.height = `${f}px`), n = e.animate([d, h], {
+      duration: a.duration,
+      easing: a.easing
     });
   } else {
-    const [a] = Ve(o(e, "remain", t, r));
-    n = new Animation(a), n.play();
+    const [o] = De(a(e, "remain", t, r));
+    n = new Animation(o), n.play();
   }
-  K.set(e, n), P.set(e, r), n.addEventListener("finish", Q.bind(null, e));
+  Z.set(e, n), N.set(e, r), n.addEventListener("finish", K.bind(null, e));
 }
 function Ye(e) {
   we in e && delete e[we];
-  const t = ae(e);
-  P.set(e, t);
+  const t = se(e);
+  N.set(e, t);
   const r = Me(e);
   if (!Be(e))
     return;
@@ -2068,43 +2152,43 @@ function Ye(e) {
       easing: "ease-in"
     });
   else {
-    const [o] = Ve(r(e, "add", t));
-    n = new Animation(o), n.play();
+    const [a] = De(r(e, "add", t));
+    n = new Animation(a), n.play();
   }
-  K.set(e, n), n.addEventListener("finish", Q.bind(null, e));
+  Z.set(e, n), n.addEventListener("finish", K.bind(null, e));
 }
-function Ke(e, t) {
+function Ze(e, t) {
   var r;
-  e.remove(), P.delete(e), ne.delete(e), K.delete(e), (r = Re.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
-    if (he in e && delete e[he], Object.defineProperty(e, we, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
+  e.remove(), N.delete(e), oe.delete(e), Z.delete(e), (r = Ee.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
+    if (pe in e && delete e[pe], Object.defineProperty(e, we, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
       for (const n in t)
         e.style[n] = "";
   }, 0);
 }
-function Xr(e) {
+function rn(e) {
   var t;
-  if (!ne.has(e) || !P.has(e))
+  if (!oe.has(e) || !N.has(e))
     return;
-  const [r, n] = ne.get(e);
-  Object.defineProperty(e, he, { value: !0, configurable: !0 });
-  const o = window.scrollX, a = window.scrollY;
+  const [r, n] = oe.get(e);
+  Object.defineProperty(e, pe, { 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 = ut(e)) === null || t === void 0 || t.appendChild(e), !Be(e))
-    return Ke(e);
-  const [s, i, c, d] = Yr(e), f = Me(e), u = P.get(e);
-  (o !== Ie || a !== Oe) && qr(e, o, a, f);
-  let p, b = {
+    return Ze(e);
+  const [s, i, l, u] = on(e), f = Me(e), d = N.get(e);
+  (a !== He || o !== Ie) && nn(e, a, o, f);
+  let h, v = {
     position: "absolute",
     top: `${s}px`,
     left: `${i}px`,
-    width: `${c}px`,
-    height: `${d}px`,
+    width: `${l}px`,
+    height: `${u}px`,
     margin: "0",
     pointerEvents: "none",
     transformOrigin: "center",
     zIndex: "100"
   };
-  if (!pe(f))
-    Object.assign(e.style, b), p = e.animate([
+  if (!me(f))
+    Object.assign(e.style, v), h = e.animate([
       {
         transform: "scale(1)",
         opacity: 1
@@ -2115,82 +2199,82 @@ function Xr(e) {
       }
     ], { duration: f.duration, easing: "ease-out" });
   else {
-    const [k, S] = Ve(f(e, "remove", u));
-    (S == null ? void 0 : S.styleReset) !== !1 && (b = (S == null ? void 0 : S.styleReset) || b, Object.assign(e.style, b)), p = new Animation(k), p.play();
+    const [k, M] = De(f(e, "remove", d));
+    (M == null ? void 0 : M.styleReset) !== !1 && (v = (M == null ? void 0 : M.styleReset) || v, Object.assign(e.style, v)), h = new Animation(k), h.play();
   }
-  K.set(e, p), p.addEventListener("finish", Ke.bind(null, e, b));
+  Z.set(e, h), h.addEventListener("finish", Ze.bind(null, e, v));
 }
-function qr(e, t, r, n) {
-  const o = Ie - t, a = Oe - r, s = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(U).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + o, window.scrollY + a), !e.parentElement)
+function nn(e, t, r, n) {
+  const a = He - t, o = Ie - r, s = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(X).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
     return;
-  const c = e.parentElement;
-  let d = c.clientHeight, f = c.clientWidth;
-  const u = performance.now();
-  function p() {
+  const l = e.parentElement;
+  let u = l.clientHeight, f = l.clientWidth;
+  const d = performance.now();
+  function h() {
     requestAnimationFrame(() => {
-      if (!pe(n)) {
-        const b = d - c.clientHeight, k = f - c.clientWidth;
-        u + n.duration > performance.now() ? (window.scrollTo({
+      if (!me(n)) {
+        const v = u - l.clientHeight, k = f - l.clientWidth;
+        d + n.duration > performance.now() ? (window.scrollTo({
           left: window.scrollX - k,
-          top: window.scrollY - b
-        }), d = c.clientHeight, f = c.clientWidth, p()) : document.documentElement.style.scrollBehavior = s;
+          top: window.scrollY - v
+        }), u = l.clientHeight, f = l.clientWidth, h()) : document.documentElement.style.scrollBehavior = s;
       }
     });
   }
-  p();
-}
-function Yr(e) {
-  const t = P.get(e), [r, , n] = ct(e, t, ae(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 = P.get(o) || ae(o), i = Math.round(t.top - s.top) - F(a.borderTopWidth), c = Math.round(t.left - s.left) - F(a.borderLeftWidth);
-  return [i, c, r, n];
-}
-function Kr(e, t = {}) {
-  return Ee && Z && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !pe(t) && !t.disrespectUserMotionPreference || (de.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), dt(e, Q, Lr, (o) => Z == null ? void 0 : Z.observe(o)), pe(t) ? oe.set(e, t) : oe.set(e, { duration: 250, easing: "ease-in-out", ...t }), Ee.observe(e, { childList: !0 }), it.add(e))), Object.freeze({
+  h();
+}
+function on(e) {
+  const t = N.get(e), [r, , n] = ct(e, t, se(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 = N.get(a) || se(a), i = Math.round(t.top - s.top) - V(o.borderTopWidth), l = Math.round(t.left - s.left) - V(o.borderLeftWidth);
+  return [i, l, r, n];
+}
+function an(e, t = {}) {
+  return Pe && Q && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !me(t) && !t.disrespectUserMotionPreference || (fe.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), dt(e, K, Kr, (a) => Q == null ? void 0 : Q.observe(a)), me(t) ? ae.set(e, t) : ae.set(e, { duration: 250, easing: "ease-in-out", ...t }), Pe.observe(e, { childList: !0 }), it.add(e))), Object.freeze({
     parent: e,
     enable: () => {
-      de.add(e);
+      fe.add(e);
     },
     disable: () => {
-      de.delete(e);
+      fe.delete(e);
     },
-    isEnabled: () => de.has(e)
+    isEnabled: () => fe.has(e)
   });
 }
-const Qr = {
+const sn = {
   mounted: (e, t) => {
-    Kr(e, t.value || {});
+    an(e, t.value || {});
   },
   // ignore ssr see #96:
   getSSRProps: () => ({})
-}, Zr = { class: "fixed z-20 flex flex-col gap-2 p-2" }, dn = /* @__PURE__ */ $({
+}, ln = { class: "fixed z-20 flex flex-col gap-2 p-2" }, wn = /* @__PURE__ */ C({
   __name: "NotificationSystem",
   setup(e) {
-    const t = pr();
+    const t = kr();
     return (r, n) => {
-      const o = Nr;
-      return Je((g(), y("div", Zr, [
-        (g(!0), y(te, null, fe(l(t), (a) => (g(), D(o, {
-          key: a.hash,
+      const a = Wr;
+      return Je((g(), y("div", ln, [
+        (g(!0), y(te, null, he(c(t), (o) => (g(), j(a, {
+          key: o.hash,
           closeable: "",
           "with-border": "",
-          title: a.title,
-          message: a.message,
-          icon: a.icon,
-          loading: a.loading,
-          color: a.color,
-          onClose: (s) => l(t).splice(l(t).indexOf(a), 1)
+          title: o.title,
+          message: o.message,
+          icon: o.icon,
+          loading: o.loading,
+          color: o.color,
+          onClose: (s) => c(t).splice(c(t).indexOf(o), 1)
         }, null, 8, ["title", "message", "icon", "loading", "color", "onClose"]))), 128))
       ])), [
-        [l(Qr)]
+        [c(sn)]
       ]);
     };
   }
-}), Jr = { class: "flex gap-2" }, fn = /* @__PURE__ */ $({
+}), cn = { class: "flex gap-2" }, _n = /* @__PURE__ */ C({
   __name: "PinInput",
   props: {
     modelValue: {},
@@ -2199,36 +2283,36 @@ const Qr = {
     password: { type: Boolean }
   },
   setup(e) {
-    const t = e, r = v([]);
-    function n(a) {
-      a.preventDefault(), a.stopPropagation();
-      const s = r.value.findIndex((c) => c.el === a.target), i = a.target.value ?? "";
-      a.target.value = "", Array.from(i).forEach((c, d) => {
-        s + d >= r.value.length || (r.value[s + d].el.value = c, s + d + 1 < r.value.length ? (r.value[s + d + 1].el.focus(), r.value[s + d + 1].el.select()) : r.value[s + d].el.blur());
+    const t = e, r = b([]);
+    function n(o) {
+      o.preventDefault(), o.stopPropagation();
+      const s = r.value.findIndex((l) => l.el === o.target), i = o.target.value ?? "";
+      o.target.value = "", Array.from(i).forEach((l, u) => {
+        s + u >= r.value.length || (r.value[s + u].el.value = l, s + u + 1 < r.value.length ? (r.value[s + u + 1].el.focus(), r.value[s + u + 1].el.select()) : r.value[s + u].el.blur());
       });
     }
-    function o(a) {
-      a.preventDefault(), a.stopPropagation();
-      const s = a.target.value !== "";
-      a.target.value = "";
-      const i = r.value.findIndex((c) => c.el === a.target);
+    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 = ""));
     }
-    return (a, s) => (g(), y("div", Jr, [
-      (g(!0), y(te, null, fe(t.length, (i) => (g(), D(l($r), {
+    return (o, s) => (g(), y("div", cn, [
+      (g(!0), y(te, null, he(t.length, (i) => (g(), j(c(Ir), {
         ref_for: !0,
         ref_key: "inputs",
         ref: r,
         key: i,
         class: "h-8 w-8 text-center",
         password: t.password,
-        onPointerup: s[0] || (s[0] = (c) => c.target.select()),
-        onInput: Ze(n, ["stop", "prevent"]),
-        onKeydown: xt(o, ["backspace"])
+        onPointerup: s[0] || (s[0] = (l) => l.target.select()),
+        onInput: Qe(n, ["stop", "prevent"]),
+        onKeydown: St(a, ["backspace"])
       }, null, 8, ["password"]))), 128))
     ]));
   }
-}), hn = /* @__PURE__ */ $({
+}), xn = /* @__PURE__ */ C({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -2260,24 +2344,24 @@ const Qr = {
         case "error":
           return "bg-error-7";
       }
-    }), o = ge(t);
-    return (a, s) => (g(), y("div", {
-      class: w(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [l(r), l(o).class]]),
-      style: T([l(o).style])
+    }), a = ve(t);
+    return (o, s) => (g(), y("div", {
+      class: w(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [c(r), c(a).class]]),
+      style: T([c(a).style])
     }, [
-      a.loading ? (g(), y("div", {
+      o.loading ? (g(), y("div", {
         key: 1,
-        class: w(["loading-progress h-full", [l(n)]])
+        class: w(["loading-progress h-full", [c(n)]])
       }, null, 2)) : (g(), y("div", {
         key: 0,
-        class: w(["h-full", [l(n)]]),
+        class: w(["h-full", [c(n)]]),
         style: T([{
-          width: `${(a.value - a.min) / (a.max - a.min) * 100}%`
+          width: `${(o.value - o.min) / (o.max - o.min) * 100}%`
         }])
       }, null, 6))
     ], 6));
   }
-}), en = { class: "relative" }, pn = /* @__PURE__ */ $({
+}), un = { class: "relative" }, kn = /* @__PURE__ */ C({
   __name: "Indicator",
   props: {
     color: { default: "primary" },
@@ -2297,7 +2381,7 @@ const Qr = {
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `w-${t.size} h-${t.size}` : t.size;
       }
-    }), n = kt(), o = m(() => {
+    }), n = Mt(), a = m(() => {
       if (!n.label)
         return "";
       switch (t.size) {
@@ -2308,7 +2392,7 @@ const Qr = {
         case "lg":
           return "text-lg children:px-2.5";
       }
-    }), a = m(() => {
+    }), o = m(() => {
       switch (t.position) {
         case "top-left":
           return "top-0 left-0 -translate-x-1/2 -translate-y-1/2";
@@ -2331,36 +2415,36 @@ const Qr = {
           return "bg-error-container text-error-on";
       }
     });
-    return (i, c) => (g(), y("div", en, [
-      M("div", {
-        class: w([[l(a), l(o)], "absolute z-1"])
+    return (i, l) => (g(), y("div", un, [
+      S("div", {
+        class: w([[c(o), c(a)], "absolute z-1"])
       }, [
         t.ping ? (g(), y("div", {
           key: 0,
           class: w(["absolute animate-ping rounded-full border-2 border-transparent box-content", [
             {
-              [l(r)]: !i.$slots.label
+              [c(r)]: !i.$slots.label
             },
-            l(s)
+            c(s)
           ]])
         }, [
-          i.$slots.label ? H(i.$slots, "label", { key: 0 }) : z("", !0)
+          i.$slots.label ? P(i.$slots, "label", { key: 0 }) : z("", !0)
         ], 2)) : z("", !0),
-        M("div", {
+        S("div", {
           class: w(["top-0 rounded-full border-2 border-surface-low box-content", [
             {
-              [l(r)]: !i.$slots.label
+              [c(r)]: !i.$slots.label
             },
-            l(s)
+            c(s)
           ]])
         }, [
-          i.$slots.label ? H(i.$slots, "label", { key: 0 }) : z("", !0)
+          i.$slots.label ? P(i.$slots, "label", { key: 0 }) : z("", !0)
         ], 2)
       ], 2),
-      H(i.$slots, "default")
+      P(i.$slots, "default")
     ]));
   }
-}), mn = /* @__PURE__ */ $({
+}), Sn = /* @__PURE__ */ C({
   __name: "Chip",
   props: /* @__PURE__ */ ee({
     is: { default: "img" },
@@ -2375,7 +2459,7 @@ const Qr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = me(e, "modelValue"), n = ge(t), o = m(() => {
+    const t = e, r = ge(e, "modelValue"), n = ve(t), a = m(() => {
       switch (t.size) {
         case "sm":
           return "px-3 text-sm h-6";
@@ -2384,18 +2468,18 @@ const Qr = {
         case "lg":
           return "px-8 h-10 text-lg";
       }
-    }), a = m(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = m(() => r.value !== void 0), i = m(() => s.value ? "cursor-pointer" : "");
-    return (c, d) => (g(), y("span", {
-      class: w(["inline-flex items-center gap-1", [l(n).class, l(o), l(a), l(i)]]),
-      style: T([l(n).style]),
-      onPointerup: d[0] || (d[0] = (f) => l(s) && (r.value = !r.value))
+    }), o = m(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = m(() => r.value !== void 0), i = m(() => s.value ? "cursor-pointer" : "");
+    return (l, u) => (g(), y("span", {
+      class: w(["inline-flex items-center gap-1", [c(n).class, c(a), c(o), c(i)]]),
+      style: T([c(n).style]),
+      onPointerup: u[0] || (u[0] = (f) => c(s) && (r.value = !r.value))
     }, [
-      c.$slots.leftSection ? H(c.$slots, "leftSection", { key: 0 }) : z("", !0),
-      H(c.$slots, "default"),
-      c.$slots.rightSection ? H(c.$slots, "rightSection", { key: 1 }) : z("", !0)
+      l.$slots.leftSection ? P(l.$slots, "leftSection", { key: 0 }) : z("", !0),
+      P(l.$slots, "default"),
+      l.$slots.rightSection ? P(l.$slots, "rightSection", { key: 1 }) : z("", !0)
     ], 38));
   }
-}), gn = /* @__PURE__ */ $({
+}), Mn = /* @__PURE__ */ C({
   __name: "Avatar",
   props: {
     is: { default: "img" },
@@ -2416,53 +2500,53 @@ const Qr = {
         default:
           return typeof t.size == "number" || !Number.isNaN(Number(t.size)) ? `--size: ${t.size}rem;` : `--size: ${t.size};`;
       }
-    }), n = v(!1), o = v(null);
-    function a() {
+    }), n = b(!1), a = b(null);
+    function o() {
       n.value = !0;
     }
-    return se(() => {
+    return ie(() => {
       var s;
-      (s = o.value) != null && s.complete && a();
+      (s = a.value) != null && s.complete && o();
     }), (s, i) => (g(), y(te, null, [
-      s.src ? (g(), D(_e(s.is), Pe({
+      s.src ? (g(), j(_e(s.is), Ne({
         key: 0,
         ref_key: "img",
-        ref: o,
-        style: [s.style, l(r)],
+        ref: a,
+        style: [s.style, c(r)],
         placeholder: "",
         src: s.src,
-        class: ["h-[var(--size)] w-[var(--size)] rounded-full object-cover", [{ hidden: !l(n) }, t.class]]
-      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : z("", !0),
-      l(n) ? z("", !0) : (g(), y("div", {
+        class: ["h-[var(--size)] w-[var(--size)] rounded-full object-cover", [{ hidden: !c(n) }, t.class]]
+      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : z("", !0),
+      c(n) ? z("", !0) : (g(), y("div", {
         key: 1,
         class: "h-[var(--size)] w-[var(--size)] animate-pulse rounded-full bg-surface-high object-cover border-transparent",
-        style: T([s.style, l(r)])
+        style: T([s.style, c(r)])
       }, null, 4))
     ], 64));
   }
-}), bn = /* @__PURE__ */ $({
+}), An = /* @__PURE__ */ C({
   __name: "ThemeSwitch",
   setup(e) {
-    const t = v(void 0);
-    return X(() => {
-      be && (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")));
-    }), se(() => {
-      if (be) {
+    const t = b(void 0);
+    return q(() => {
+      ne && (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")));
+    }), ie(() => {
+      if (ne) {
         const r = localStorage.getItem("scheme");
         r === "dark" ? t.value = !0 : r === "light" ? t.value = !1 : t.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
       }
     }), (r, n) => {
-      const o = Lt;
-      return g(), D(o, {
-        modelValue: l(t),
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => Mt(t) ? t.value = a : null),
+      const a = Kt;
+      return g(), j(a, {
+        modelValue: c(t),
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => At(t) ? t.value = o : null),
         color: "secondary",
         "on-icon": "i-tabler-moon",
         "off-icon": "i-tabler-sun"
       }, null, 8, ["modelValue"]);
     };
   }
-}), vn = /* @__PURE__ */ $({
+}), Cn = /* @__PURE__ */ C({
   __name: "Paper",
   props: {
     size: { default: "md" },
@@ -2471,51 +2555,79 @@ const Qr = {
     is: { default: "div" }
   },
   setup(e) {
-    const r = ge(e);
-    return (n, o) => (g(), D(_e(n.is), {
+    const r = ve(e);
+    return (n, a) => (g(), j(_e(n.is), {
       class: w(["container-low rounded-lg p-4", [
         {
           "border-transparent": !n.withBorder
         },
-        l(r).class
+        c(r).class
       ]]),
-      style: T([l(r).style])
+      style: T([c(r).style])
     }, {
       default: J(() => [
-        H(n.$slots, "default")
+        P(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
   }
+}), $n = /* @__PURE__ */ C({
+  __name: "Dragzone",
+  emits: ["drop"],
+  setup(e, { emit: t }) {
+    const r = t, n = b(), { onChange: a, open: o } = jt({
+      accept: "image/*"
+    });
+    a((i) => {
+      i ? r("drop", Array.from(i)) : r("drop", null);
+    });
+    const { isOverDropZone: s } = Ft(n, {
+      onDrop: (i) => {
+        r("drop", i);
+      }
+    });
+    return (i, l) => (g(), y("div", {
+      ref_key: "dropZoneRef",
+      ref: n,
+      class: w([{
+        "bg-primary-container/10 border-primary-container/40 border text-primary-on": c(s),
+        "btn-default hover:bg-surface-high": !c(s)
+      }, "w-full h-full flex items-center justify-center cursor-pointer rounded border-dotted"]),
+      onPointerup: l[0] || (l[0] = () => c(o)())
+    }, [
+      P(i.$slots, "default")
+    ], 34));
+  }
 });
 export {
-  gn as Avatar,
-  St as Btn,
-  mn as Chip,
-  pn as Indicator,
-  un as Modal,
-  Nr as Notification,
-  dn as NotificationSystem,
-  on as Notifications,
-  vn as Paper,
-  fn as PinInput,
-  hn as Progress,
-  ln as RokuProvider,
-  cn as Select,
-  rn as Slider,
-  Lt as Switch,
-  $r as TextField,
-  Ir as ThemeProvider,
-  bn as ThemeSwitch,
-  Te as darkTheme,
-  an as generateColors,
-  gr as generateColorsMap,
-  hr as lightTheme,
-  nn as notificationsSymbol,
+  Mn as Avatar,
+  Ct as Btn,
+  Sn as Chip,
+  $n as Dragzone,
+  kn as Indicator,
+  yn as Modal,
+  Wr as Notification,
+  wn as NotificationSystem,
+  pn as Notifications,
+  Cn as Paper,
+  _n as PinInput,
+  xn as Progress,
+  vn as RokuProvider,
+  bn as Select,
+  fn as Slider,
+  Kt as Switch,
+  Ir as TextField,
+  Gr as ThemeProvider,
+  An as ThemeSwitch,
+  ze as darkTheme,
+  mn as generateColors,
+  Mr as generateColorsMap,
+  xr as lightTheme,
+  hn as notificationsSymbol,
   ot as themeColors,
-  vr as useCurrentTheme,
-  sn as useCurrentThemeScheme,
-  pr as useNotifications,
-  br as useRootTheme,
+  Cr as useCurrentTheme,
+  gn as useCurrentThemeScheme,
+  kr as useNotifications,
+  Ar as useRootTheme,
   st as useThemeStyles
 };