@roku-ui/vue 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,20 +1,26 @@
-import { defineComponent as x, openBlock as m, createElementBlock as b, createElementVNode as _, normalizeStyle as R, renderSlot as $, computed as v, ref as g, onMounted as ee, Fragment as oe, createBlock as O, resolveDynamicComponent as ue, mergeProps as we, unref as c, createCommentVNode as A, withCtx as L, normalizeClass as y, mergeModels as Y, useModel as K, inject as Qe, watchEffect as G, provide as We, useAttrs as bt, withDirectives as Ie, vModelText as gt, createVNode as ve, Teleport as yt, Transition as Je, getCurrentScope as wt, onScopeDispose as _t, nextTick as xt, getCurrentInstance as et, watch as de, shallowRef as kt, readonly as St, useSlots as Mt, toDisplayString as ae, renderList as be, withModifiers as tt, withKeys as $t, reactive as Ct, createTextVNode as At, vModelCheckbox as Tt, isRef as Rt } from "vue";
-const An = /* @__PURE__ */ x({
+import { defineComponent as x, openBlock as m, createElementBlock as b, normalizeStyle as A, renderSlot as M, computed as v, ref as g, onMounted as ne, Fragment as ee, createBlock as P, resolveDynamicComponent as de, mergeProps as we, unref as c, createCommentVNode as T, withCtx as L, normalizeClass as y, createElementVNode as w, mergeModels as Z, useModel as Q, inject as Qe, watchEffect as G, provide as We, useAttrs as gt, withDirectives as Pe, vModelText as yt, createVNode as Y, Teleport as wt, Transition as Je, getCurrentScope as _t, onScopeDispose as xt, nextTick as et, getCurrentInstance as tt, watch as fe, shallowRef as kt, readonly as St, useSlots as Mt, toDisplayString as se, renderList as be, withModifiers as rt, withKeys as $t, reactive as Ct, vModelCheckbox as At, isRef as Tt, createTextVNode as Rt } from "vue";
+const Rn = /* @__PURE__ */ x({
   __name: "AspectRatio",
   props: {
-    ratio: { default: 1 }
+    ratio: { default: 1 },
+    width: {},
+    maxWidth: {},
+    height: {},
+    maxHeight: {}
   },
   setup(e) {
-    return (t, r) => (m(), b("div", null, [
-      _("div", {
-        style: R({
-          "--ar-ratio": t.ratio
-        }),
-        class: "before:content-[''] before:block before:h-0 before:pb-[calc((1/var(--ar-ratio,1))*100%)] children:absolute children:w-full children:h-full relative children:top-0"
-      }, [
-        $(t.$slots, "default")
-      ], 4)
-    ]));
+    return (t, r) => (m(), b("div", {
+      style: A({
+        "--ar-ratio": t.ratio,
+        width: t.width,
+        "max-width": t.maxWidth,
+        height: t.height,
+        "max-height": t.maxHeight
+      }),
+      class: "relative children:absolute children:top-0 before:block before:h-0 children:h-full children:w-full before:pb-[calc((1/var(--ar-ratio,1))*100%)] before:content-['']"
+    }, [
+      M(t.$slots, "default")
+    ], 4));
   }
 }), zt = /* @__PURE__ */ x({
   __name: "Avatar",
@@ -41,11 +47,11 @@ const An = /* @__PURE__ */ x({
     function o() {
       n.value = !0;
     }
-    return ee(() => {
+    return ne(() => {
       var s;
       (s = a.value) != null && s.complete && o();
-    }), (s, i) => (m(), b(oe, null, [
-      s.src ? (m(), O(ue(s.is), we({
+    }), (s, i) => (m(), b(ee, null, [
+      s.src ? (m(), P(de(s.is), we({
         key: 0,
         ref_key: "img",
         ref: a,
@@ -53,15 +59,15 @@ const An = /* @__PURE__ */ x({
         placeholder: "",
         src: s.src,
         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"])) : A("", !0),
-      c(n) ? A("", !0) : (m(), b("div", {
+      }, s.$attrs, { onLoad: o }), null, 16, ["style", "src", "class"])) : T("", !0),
+      c(n) ? T("", !0) : (m(), b("div", {
         key: 1,
-        class: "h-[var(--size)] w-[var(--size)] animate-pulse rounded-full bg-surface-high object-cover border-transparent",
-        style: R([s.style, c(r)])
+        class: "h-[var(--size)] w-[var(--size)] animate-pulse border-transparent rounded-full bg-surface-high object-cover",
+        style: A([s.style, c(r)])
       }, null, 4))
     ], 64));
   }
-}), rt = /* @__PURE__ */ x({
+}), nt = /* @__PURE__ */ x({
   __name: "Btn",
   props: {
     type: { default: "button" },
@@ -180,7 +186,7 @@ const An = /* @__PURE__ */ x({
           return "btn-default";
       }
     });
-    return (o, s) => (m(), O(ue(o.is), we({
+    return (o, s) => (m(), P(de(o.is), we({
       "data-size": o.size,
       type: o.type,
       class: ["flex items-center justify-center gap-1 decoration-none", [
@@ -193,15 +199,16 @@ const An = /* @__PURE__ */ x({
           "active:scale-98": o.pressEffect === "scale",
           "transition-all": o.animate
         }
-      ]]
-    }, o.$attrs, { tabindex: "-1" }), {
+      ]],
+      disabled: o.disabled
+    }, o.$attrs), {
       default: L(() => [
-        o.$slots.leftSection ? $(o.$slots, "leftSection", { key: 0 }) : A("", !0),
-        $(o.$slots, "default"),
-        o.$slots.rightSection ? $(o.$slots, "rightSection", { key: 1 }) : A("", !0)
+        o.$slots.leftSection ? M(o.$slots, "leftSection", { key: 0 }) : T("", !0),
+        M(o.$slots, "default"),
+        o.$slots.rightSection ? M(o.$slots, "rightSection", { key: 1 }) : T("", !0)
       ]),
       _: 3
-    }, 16, ["data-size", "type", "class"]));
+    }, 16, ["data-size", "type", "class", "disabled"]));
   }
 }), Bt = (e, t) => {
   const r = e.__vccOpts || e;
@@ -209,12 +216,12 @@ const An = /* @__PURE__ */ x({
     r[n] = a;
   return r;
 }, Et = {}, Ot = { class: "flex flex-col gap-4 container" };
-function Pt(e, t) {
+function Nt(e, t) {
   return m(), b("div", Ot, [
-    $(e.$slots, "default")
+    M(e.$slots, "default")
   ]);
 }
-const Tn = /* @__PURE__ */ Bt(Et, [["render", Pt]]), Rn = /* @__PURE__ */ x({
+const zn = /* @__PURE__ */ Bt(Et, [["render", Nt]]), Bn = /* @__PURE__ */ x({
   __name: "ChatMessage",
   props: {
     avatar: {},
@@ -228,7 +235,7 @@ const Tn = /* @__PURE__ */ Bt(Et, [["render", Pt]]), Rn = /* @__PURE__ */ x({
       switch (t.variant) {
         case "default":
           return "bg-surface-base";
-        case "fill":
+        case "filled":
           switch (t.color) {
             case "secondary":
               return "bg-secondary-container text-secondary-on";
@@ -253,11 +260,11 @@ const Tn = /* @__PURE__ */ Bt(Et, [["render", Pt]]), Rn = /* @__PURE__ */ x({
           }
         ]])
       }, [
-        n.$slots.avatar ? $(n.$slots, "avatar", { key: 0 }) : n.avatar ? (m(), O(o, {
+        n.$slots.avatar ? M(n.$slots, "avatar", { key: 0 }) : n.avatar ? (m(), P(o, {
           key: 1,
           src: n.avatar
-        }, null, 8, ["src"])) : A("", !0),
-        _("div", {
+        }, null, 8, ["src"])) : T("", !0),
+        w("div", {
           class: y(["rounded-xl px-3 py-2 transition-background-color,border-color", [
             {
               "rounded-tr": n.position === "right",
@@ -267,12 +274,12 @@ const Tn = /* @__PURE__ */ Bt(Et, [["render", Pt]]), Rn = /* @__PURE__ */ x({
             c(r)
           ]])
         }, [
-          $(n.$slots, "default")
+          M(n.$slots, "default")
         ], 2)
       ], 2);
     };
   }
-}), It = { class: "flex gap-2 self-center w-full text-center" }, zn = /* @__PURE__ */ x({
+}), Pt = { class: "w-full flex self-center gap-2 text-center" }, En = /* @__PURE__ */ x({
   __name: "ChatSystem",
   props: {
     position: {},
@@ -300,23 +307,23 @@ const Tn = /* @__PURE__ */ Bt(Et, [["render", Pt]]), Rn = /* @__PURE__ */ x({
           return "bg-transparent";
       }
     });
-    return (n, a) => (m(), b("div", It, [
-      _("div", {
-        class: y(["rounded-xl px-3 py-2 w-full transition-background-color,border-color", [
+    return (n, a) => (m(), b("div", Pt, [
+      w("div", {
+        class: y(["w-full rounded-xl px-3 py-2 transition-background-color,border-color", [
           c(r)
         ]])
       }, [
-        $(n.$slots, "default")
+        M(n.$slots, "default")
       ], 2)
     ]));
   }
 });
-function te(e) {
+function J(e) {
   return v(
-    () => ({ style: Nt(e.rounded), class: "rounded-[var(--r-rounded)]" })
+    () => ({ style: Ht(e.rounded), class: "rounded-[var(--r-rounded)]" })
   );
 }
-function Nt(e) {
+function Ht(e) {
   const t = /^-?\d*\.?\d+(px|em|rem|vh|vw|in|cm|mm|pt|pc|%)?$/;
   switch (e) {
     case "none":
@@ -333,9 +340,9 @@ function Nt(e) {
       return typeof e == "string" && t.test(e) ? `--r-rounded: ${e};` : typeof e == "number" || !Number.isNaN(Number(e)) ? `--r-rounded: ${e}rem;` : "rounded-[var(--r-rounded)]";
   }
 }
-const Bn = /* @__PURE__ */ x({
+const On = /* @__PURE__ */ x({
   __name: "Chip",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     is: { default: "img" },
     src: {},
     size: { default: "md" },
@@ -348,7 +355,7 @@ const Bn = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = K(e, "modelValue"), n = te(t), a = v(() => {
+    const t = e, r = Q(e, "modelValue"), n = J(t), a = v(() => {
       switch (t.size) {
         case "sm":
           return "px-3 text-sm h-6";
@@ -360,15 +367,15 @@ const Bn = /* @__PURE__ */ x({
     }), o = v(() => r.value ? "container-filled-primary border-transparent" : "container-base"), s = v(() => r.value !== void 0), i = v(() => s.value ? "cursor-pointer" : "");
     return (l, u) => (m(), b("span", {
       class: y(["inline-flex items-center gap-1", [c(n).class, c(a), c(o), c(i)]]),
-      style: R([c(n).style]),
+      style: A([c(n).style]),
       onPointerup: u[0] || (u[0] = (d) => c(s) && (r.value = !r.value))
     }, [
-      l.$slots.leftSection ? $(l.$slots, "leftSection", { key: 0 }) : A("", !0),
-      $(l.$slots, "default"),
-      l.$slots.rightSection ? $(l.$slots, "rightSection", { key: 1 }) : A("", !0)
+      l.$slots.leftSection ? M(l.$slots, "leftSection", { key: 0 }) : T("", !0),
+      M(l.$slots, "default"),
+      l.$slots.rightSection ? M(l.$slots, "rightSection", { key: 1 }) : T("", !0)
     ], 38));
   }
-}), Ht = /* @__PURE__ */ x({
+}), It = /* @__PURE__ */ x({
   __name: "ColorSwatch",
   props: {
     color: {},
@@ -376,12 +383,12 @@ const Bn = /* @__PURE__ */ x({
     withBorder: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, r) => (m(), O(ue(t.is), {
+    return (t, r) => (m(), P(de(t.is), {
       class: y(["h-6 w-6 border rounded-full", [{
         "border border-surface-border-base": t.withBorder,
         "border border-transparent": !t.withBorder
       }]]),
-      style: R({
+      style: A({
         backgroundColor: t.color
       })
     }, null, 8, ["class", "style"]));
@@ -432,7 +439,7 @@ p.prototype = {
     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 = nt(t), this._roundA = Math.round(100 * this._a) / 100, this;
+    return this._a = ot(t), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
     var t = je(this._r, this._g, this._b);
@@ -569,7 +576,7 @@ p.fromRatio = function(e, t) {
   if (_e(e) == "object") {
     var r = {};
     for (var n in e)
-      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = he(e[n]));
+      e.hasOwnProperty(n) && (n === "a" ? r[n] = e[n] : r[n] = me(e[n]));
     e = r;
   }
   return p(e, t);
@@ -580,7 +587,7 @@ function Ft(e) {
     g: 0,
     b: 0
   }, r = 1, n = null, a = null, o = null, s = !1, i = !1;
-  return typeof e == "string" && (e = ir(e)), _e(e) == "object" && (j(e.r) && j(e.g) && j(e.b) ? (t = Wt(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (n = he(e.s), a = he(e.v), t = jt(e.h, n, a), s = !0, i = "hsv") : j(e.h) && j(e.s) && j(e.l) && (n = he(e.s), o = he(e.l), t = Lt(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = nt(r), {
+  return typeof e == "string" && (e = ir(e)), _e(e) == "object" && (j(e.r) && j(e.g) && j(e.b) ? (t = Wt(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (n = me(e.s), a = me(e.v), t = jt(e.h, n, a), s = !0, i = "hsv") : j(e.h) && j(e.s) && j(e.l) && (n = me(e.s), o = me(e.l), t = Lt(e.h, n, o), s = !0, i = "hsl"), e.hasOwnProperty("a") && (r = e.a)), r = ot(r), {
     ok: s,
     format: e.format || i,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -679,11 +686,11 @@ function Ue(e, t, r, n) {
   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 Ut(e, t, r, n, a) {
-  var o = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16)), D(ot(n))];
+  var o = [D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16)), D(at(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 a = [D(ot(n)), D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
+  var a = [D(at(n)), D(Math.round(e).toString(16)), D(Math.round(t).toString(16)), D(Math.round(r).toString(16))];
   return a.join("");
 }
 p.equals = function(e, t) {
@@ -969,7 +976,7 @@ function or(e) {
     e.hasOwnProperty(r) && (t[e[r]] = r);
   return t;
 }
-function nt(e) {
+function ot(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
 function S(e, t) {
@@ -980,7 +987,7 @@ function S(e, t) {
 function Se(e) {
   return Math.min(1, Math.max(0, e));
 }
-function I(e) {
+function N(e) {
   return parseInt(e, 16);
 }
 function ar(e) {
@@ -992,14 +999,14 @@ function sr(e) {
 function D(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
-function he(e) {
+function me(e) {
   return e <= 1 && (e = e * 100 + "%"), e;
 }
-function ot(e) {
+function at(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
 function Xe(e) {
-  return I(e) / 255;
+  return N(e) / 255;
 }
 var V = function() {
   var e = "[-\\+]?\\d+%?", t = "[-\\+]?\\d*\\.\\d+%?", r = "(?:" + t + ")|(?:" + e + ")", n = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?", a = "[\\s|\\(]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")[,|\\s]+(" + r + ")\\s*\\)?";
@@ -1062,26 +1069,26 @@ function ir(e) {
     v: r[3],
     a: r[4]
   } : (r = V.hex8.exec(e)) ? {
-    r: I(r[1]),
-    g: I(r[2]),
-    b: I(r[3]),
+    r: N(r[1]),
+    g: N(r[2]),
+    b: N(r[3]),
     a: Xe(r[4]),
     format: t ? "name" : "hex8"
   } : (r = V.hex6.exec(e)) ? {
-    r: I(r[1]),
-    g: I(r[2]),
-    b: I(r[3]),
+    r: N(r[1]),
+    g: N(r[2]),
+    b: N(r[3]),
     format: t ? "name" : "hex"
   } : (r = V.hex4.exec(e)) ? {
-    r: I(r[1] + "" + r[1]),
-    g: I(r[2] + "" + r[2]),
-    b: I(r[3] + "" + r[3]),
+    r: N(r[1] + "" + r[1]),
+    g: N(r[2] + "" + r[2]),
+    b: N(r[3] + "" + r[3]),
     a: Xe(r[4] + "" + r[4]),
     format: t ? "name" : "hex8"
   } : (r = V.hex3.exec(e)) ? {
-    r: I(r[1] + "" + r[1]),
-    g: I(r[2] + "" + r[2]),
-    b: I(r[3] + "" + r[3]),
+    r: N(r[1] + "" + r[1]),
+    g: N(r[2] + "" + r[2]),
+    b: N(r[3] + "" + r[3]),
     format: t ? "name" : "hex"
   } : !1;
 }
@@ -1108,13 +1115,13 @@ function cr() {
     attributeFilter: ["data-scheme"]
   }), e;
 }
-function En() {
+function Nn() {
   return Qe("currentThemeScheme", null);
 }
 function ur() {
   return Qe("currentTheme", g(Oe));
 }
-function at(e, t = !0) {
+function st(e, t = !0) {
   const r = g(e), n = g(e.scheme), a = cr();
   G(() => {
     a.value && (n.value = a.value);
@@ -1122,9 +1129,9 @@ function at(e, t = !0) {
   const s = {
     ...Object.keys(r.value.colors).map((u) => {
       const d = u;
-      return r.value.colors[d].reduce((h, w, C) => {
-        const M = p(w).toRgb();
-        return h[`--r-color-${d}-${C}`] = `${M.r} ${M.g} ${M.b}`, h;
+      return r.value.colors[d].reduce((h, _, C) => {
+        const $ = p(_).toRgb();
+        return h[`--r-color-${d}-${C}`] = `${$.r} ${$.g} ${$.b}`, h;
       }, {});
     }).reduce((u, d) => ({
       ...u,
@@ -1199,13 +1206,13 @@ function at(e, t = !0) {
     ...l.value
   };
 }
-function st(e) {
+function it(e) {
   const t = g("");
-  return ee(() => {
+  return ne(() => {
     e.id ? t.value = e.id : t.value = `switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`;
   }), t;
 }
-const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
+const dr = ["id"], fr = ["for"], Pn = /* @__PURE__ */ x({
   __name: "ColorInput",
   props: {
     modelValue: {},
@@ -1213,22 +1220,22 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = K(e, "modelValue"), r = bt(), n = st(r), a = g(null);
+    const t = Q(e, "modelValue"), r = gt(), n = it(r), a = g(null);
     return (o, s) => {
-      const i = Ht;
+      const i = It;
       return m(), b("div", null, [
-        Ie(_("input", {
+        Pe(w("input", {
           id: c(n),
           ref_key: "input",
           ref: a,
           "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
           type: "color",
-          class: "absolute opacity-0 pointer-events-none"
+          class: "pointer-events-none absolute opacity-0"
         }, null, 8, dr), [
-          [gt, t.value]
+          [yt, t.value]
         ]),
-        _("label", { for: c(n) }, [
-          ve(i, {
+        w("label", { for: c(n) }, [
+          Y(i, {
             class: "cursor-pointer",
             color: t.value ?? "#222"
           }, null, 8, ["color"])
@@ -1242,18 +1249,18 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
     theme: {}
   },
   setup(e) {
-    const r = at(e.theme, !1);
+    const r = st(e.theme, !1);
     return (n, a) => (m(), b("div", {
-      style: R([c(r)]),
+      style: A([c(r)]),
       "data-scheme": n.theme.scheme,
       "data-theme": n.theme.name
     }, [
-      $(n.$slots, "default")
+      M(n.$slots, "default")
     ], 12, pr));
   }
-}), it = /* @__PURE__ */ x({
+}), lt = /* @__PURE__ */ x({
   __name: "FullscreenOverlay",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 },
     wrapperClass: {}
@@ -1263,7 +1270,7 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = K(e, "modelValue"), n = g(null);
+    const t = e, r = Q(e, "modelValue"), n = g(null);
     function a(i) {
       t.persistent || i.target === n.value && (r.value = !1);
     }
@@ -1288,10 +1295,10 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
     const s = ur();
     return (i, l) => {
       const u = hr;
-      return m(), O(yt, { to: "body" }, [
-        ve(u, { theme: c(s) }, {
+      return m(), P(wt, { to: "body" }, [
+        Y(u, { theme: c(s) }, {
           default: L(() => [
-            _("div", {
+            w("div", {
               ref_key: "wrapperRef",
               ref: n,
               class: y(["modal-wrapper fixed left-0 top-0 z-100 h-full w-full bg-surface-lowest/50 transition-all duration-300 md:items-center", [o.value, i.wrapperClass, {
@@ -1300,7 +1307,7 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
               }]]),
               onClick: a
             }, [
-              $(i.$slots, "default")
+              M(i.$slots, "default")
             ], 2)
           ]),
           _: 3
@@ -1308,9 +1315,9 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
       ]);
     };
   }
-}), mr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, vr = /* @__PURE__ */ _("i", { class: "i-tabler-x" }, null, -1), br = { class: "flex flex-col items-center justify-center h-full px-4 md:px-6" }, Pn = /* @__PURE__ */ x({
+}), mr = { class: "flex justify-end p-4 md:px-6 md:py-4 md:pb-0" }, vr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), br = { class: "h-full flex flex-col items-center justify-center px-4 md:px-6" }, Hn = /* @__PURE__ */ x({
   __name: "Drawer",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 },
     position: { default: "left" }
@@ -1320,21 +1327,21 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = K(e, "modelValue");
+    const t = e, r = Q(e, "modelValue");
     return G(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     }), (n, a) => {
-      const o = rt, s = it;
-      return m(), O(s, {
+      const o = nt, s = lt;
+      return m(), P(s, {
         modelValue: r.value,
         "onUpdate:modelValue": a[1] || (a[1] = (i) => r.value = i),
         blur: t.blur,
         persistent: t.persistent
       }, {
         default: L(() => [
-          ve(Je, {
+          Y(Je, {
             "enter-from-class": n.position === "left" ? "-translate-x-1/1" : "translate-x-1/1",
             "enter-to-class": (n.position === "left", "translate-x-0"),
             "leave-from-class": (n.position === "left", "translate-x-0"),
@@ -1345,10 +1352,10 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
             default: L(() => [
               r.value ? (m(), b("div", {
                 key: 0,
-                class: y(["h-full bg-surface-low md:w-md w-full fixed", n.position === "left" ? "left-0" : "right-0"])
+                class: y(["fixed h-full w-full bg-surface-low md:w-md", n.position === "left" ? "left-0" : "right-0"])
               }, [
-                _("div", mr, [
-                  ve(o, {
+                w("div", mr, [
+                  Y(o, {
                     icon: "",
                     variant: "transparent",
                     class: "text-surface-on hover:text-surface-on",
@@ -1360,10 +1367,10 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
                     _: 1
                   })
                 ]),
-                _("div", br, [
-                  $(n.$slots, "default")
+                w("div", br, [
+                  M(n.$slots, "default")
                 ])
-              ], 2)) : A("", !0)
+              ], 2)) : T("", !0)
             ]),
             _: 3
           }, 8, ["enter-from-class", "enter-to-class", "leave-from-class", "leave-to-class"])
@@ -1374,7 +1381,7 @@ const dr = ["id"], fr = ["for"], On = /* @__PURE__ */ x({
   }
 });
 function Me(e) {
-  return wt() ? (_t(e), !0) : !1;
+  return _t() ? (xt(e), !0) : !1;
 }
 function gr() {
   const e = /* @__PURE__ */ new Set(), t = (a) => {
@@ -1392,25 +1399,25 @@ function gr() {
     trigger: (...a) => Promise.all(Array.from(e).map((o) => o(...a)))
   };
 }
-function Ne(e) {
+function He(e) {
   return typeof e == "function" ? e() : c(e);
 }
-const se = typeof window < "u" && typeof document < "u";
+const ie = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const yr = (e) => e != null, wr = Object.prototype.toString, _r = (e) => wr.call(e) === "[object Object]", xr = () => {
 }, kr = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
 function Sr(e) {
-  return e || et();
+  return e || tt();
 }
 function Mr(e, t = !0, r) {
-  Sr() ? ee(e, r) : t ? e() : xt(e);
+  Sr() ? ne(e, r) : t ? e() : et(e);
 }
-function Q(e) {
+function te(e) {
   var t;
-  const r = Ne(e);
+  const r = He(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-const $e = se ? window : void 0, $r = se ? window.document : void 0;
+const $e = ie ? window : void 0, $r = ie ? window.document : void 0;
 function F(...e) {
   let t, r, n, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, a] = e, t = $e) : [t, r, n, a] = e, !t)
@@ -1418,14 +1425,14 @@ function F(...e) {
   Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
   const o = [], s = () => {
     o.forEach((d) => d()), o.length = 0;
-  }, i = (d, f, h, w) => (d.addEventListener(f, h, w), () => d.removeEventListener(f, h, w)), l = de(
-    () => [Q(t), Ne(a)],
+  }, i = (d, f, h, _) => (d.addEventListener(f, h, _), () => d.removeEventListener(f, h, _)), l = fe(
+    () => [te(t), He(a)],
     ([d, f]) => {
       if (s(), !d)
         return;
       const h = _r(f) ? { ...f } : f;
       o.push(
-        ...r.flatMap((w) => n.map((C) => i(d, w, C, h)))
+        ...r.flatMap((_) => n.map((C) => i(d, _, C, h)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -1447,26 +1454,26 @@ function Te(...e) {
     dedupe: i = !1
   } = n, l = Cr(t);
   return F(a, o, (d) => {
-    d.repeat && Ne(i) || l(d) && r(d);
+    d.repeat && He(i) || l(d) && r(d);
   }, s);
 }
 function Ar() {
   const e = g(!1);
-  return et() && ee(() => {
+  return tt() && ne(() => {
     e.value = !0;
   }), e;
 }
-function lt(e) {
+function ct(e) {
   const t = Ar();
   return v(() => (t.value, !!e()));
 }
 function Tr(e, t, r = {}) {
   const { window: n = $e, ...a } = r;
   let o;
-  const s = lt(() => n && "MutationObserver" in n), i = () => {
+  const s = ct(() => n && "MutationObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = de(
-    () => Q(e),
+  }, l = fe(
+    () => te(e),
     (f) => {
       i(), s.value && n && f && (o = new MutationObserver(t), o.observe(f, a));
     },
@@ -1483,7 +1490,7 @@ function Tr(e, t, r = {}) {
 function Rr(e, t = {}) {
   const r = g(!1), n = kt(null);
   let a = 0, o = !0;
-  if (se) {
+  if (ie) {
     const s = typeof t == "function" ? { onDrop: t } : t, i = (l) => {
       var u, d;
       const f = Array.from((d = (u = l.dataTransfer) == null ? void 0 : u.files) != null ? d : []);
@@ -1494,7 +1501,7 @@ function Rr(e, t = {}) {
       const f = Array.from(((u = l == null ? void 0 : l.dataTransfer) == null ? void 0 : u.items) || []).map((h) => h.kind === "file" ? h.type : null).filter(yr);
       if (s.dataTypes && l.dataTransfer) {
         const h = c(s.dataTypes);
-        if (o = typeof h == "function" ? h(f) : h ? h.some((w) => f.includes(w)) : !0, !o)
+        if (o = typeof h == "function" ? h(f) : h ? h.some((_) => f.includes(_)) : !0, !o)
           return;
       }
       l.preventDefault(), a += 1, r.value = !0, (d = s.onEnter) == null || d.call(s, i(l), l);
@@ -1517,9 +1524,9 @@ function Rr(e, t = {}) {
 function zr(e, t, r = {}) {
   const { window: n = $e, ...a } = r;
   let o;
-  const s = lt(() => n && "ResizeObserver" in n), i = () => {
+  const s = ct(() => n && "ResizeObserver" in n), i = () => {
     o && (o.disconnect(), o = void 0);
-  }, l = v(() => Array.isArray(e) ? e.map((f) => Q(f)) : [Q(e)]), u = de(
+  }, l = v(() => Array.isArray(e) ? e.map((f) => te(f)) : [te(e)]), u = fe(
     l,
     (f) => {
       if (i(), s.value && n) {
@@ -1543,17 +1550,17 @@ function Br(e, t = {}) {
     windowResize: n = !0,
     windowScroll: a = !0,
     immediate: o = !0
-  } = t, s = g(0), i = g(0), l = g(0), u = g(0), d = g(0), f = g(0), h = g(0), w = g(0);
+  } = t, s = g(0), i = g(0), l = g(0), u = g(0), d = g(0), f = g(0), h = g(0), _ = g(0);
   function C() {
-    const M = Q(e);
-    if (!M) {
-      r && (s.value = 0, i.value = 0, l.value = 0, u.value = 0, d.value = 0, f.value = 0, h.value = 0, w.value = 0);
+    const $ = te(e);
+    if (!$) {
+      r && (s.value = 0, i.value = 0, l.value = 0, u.value = 0, d.value = 0, f.value = 0, h.value = 0, _.value = 0);
       return;
     }
-    const P = M.getBoundingClientRect();
-    s.value = P.height, i.value = P.bottom, l.value = P.left, u.value = P.right, d.value = P.top, f.value = P.width, h.value = P.x, w.value = P.y;
+    const O = $.getBoundingClientRect();
+    s.value = O.height, i.value = O.bottom, l.value = O.left, u.value = O.right, d.value = O.top, f.value = O.width, h.value = O.x, _.value = O.y;
   }
-  return zr(e, C), de(() => Q(e), (M) => !M && C()), Tr(e, C, {
+  return zr(e, C), fe(() => te(e), ($) => !$ && C()), Tr(e, C, {
     attributeFilter: ["style", "class"]
   }), a && F("scroll", C, { capture: !0, passive: !0 }), n && F("resize", C, { passive: !0 }), Mr(() => {
     o && C();
@@ -1565,7 +1572,7 @@ function Br(e, t = {}) {
     top: d,
     width: f,
     x: h,
-    y: w,
+    y: _,
     update: C
   };
 }
@@ -1603,8 +1610,8 @@ function Or(e = {}) {
     onChange: n
   };
 }
-function Pr(e, t = {}) {
-  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = g(!1), o = v(() => Q(e));
+function Nr(e, t = {}) {
+  const { initialValue: r = !1, focusVisible: n = !1 } = t, a = g(!1), o = v(() => te(e));
   F(o, "focus", (i) => {
     var l, u;
     (!n || (u = (l = i.target).matches) != null && u.call(l, ":focus-visible")) && (a.value = !0);
@@ -1616,7 +1623,7 @@ function Pr(e, t = {}) {
       !i && a.value ? (l = o.value) == null || l.blur() : i && !a.value && ((u = o.value) == null || u.focus());
     }
   });
-  return de(
+  return fe(
     o,
     () => {
       s.value = r;
@@ -1650,13 +1657,13 @@ const In = /* @__PURE__ */ x({
         "": c(i),
         " bg-surface-low": !c(i),
         "border-dashed": l.dashed
-      }, "w-full h-full flex items-center justify-center cursor-pointer rounded"]),
+      }, "h-full w-full flex cursor-pointer items-center justify-center rounded"]),
       onPointerup: u[0] || (u[0] = () => c(s)())
     }, [
-      $(l.$slots, "default")
+      M(l.$slots, "default")
     ], 34));
   }
-}), Nn = /* @__PURE__ */ x({
+}), Vn = /* @__PURE__ */ x({
   __name: "Image",
   props: {
     is: { default: "img" },
@@ -1674,20 +1681,20 @@ const In = /* @__PURE__ */ x({
     function a() {
       r.value = !0;
     }
-    ee(() => {
+    ne(() => {
       var s;
       (s = n.value) != null && s.complete && a();
     });
-    const o = te(t);
+    const o = J(t);
     return (s, i) => (m(), b("div", {
-      style: R({
+      style: A({
         height: s.height,
         width: s.width,
         maxHeight: s.maxHeight,
         maxWidth: s.maxWidth
       })
     }, [
-      s.src ? (m(), O(ue(s.is), we({
+      s.src ? (m(), P(de(s.is), we({
         key: 0,
         ref_key: "img",
         ref: n,
@@ -1696,28 +1703,28 @@ const In = /* @__PURE__ */ x({
           c(o).style
         ],
         src: s.src,
-        class: ["object-cover w-full h-full", [
+        class: ["h-full w-full object-cover", [
           t.class,
           c(o).class,
           {
             hidden: !c(r)
           }
         ]]
-      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : A("", !0),
-      c(r) ? A("", !0) : (m(), b("div", {
+      }, s.$attrs, { onLoad: a }), null, 16, ["style", "src", "class"])) : T("", !0),
+      c(r) ? T("", !0) : (m(), b("div", {
         key: 1,
-        class: y(["animate-pulse bg-surface-high object-cover border-transparent w-full h-full", [
+        class: y(["h-full w-full animate-pulse border-transparent bg-surface-high object-cover", [
           t.class,
           c(o).class
         ]]),
-        style: R([
+        style: A([
           s.style,
           c(o).style
         ])
       }, null, 6))
     ], 4));
   }
-}), Ir = { class: "relative" }, Hn = /* @__PURE__ */ x({
+}), Pr = { class: "relative" }, Dn = /* @__PURE__ */ x({
   __name: "Indicator",
   props: {
     color: { default: "primary" },
@@ -1771,38 +1778,38 @@ const In = /* @__PURE__ */ x({
           return "bg-error-container text-error-on";
       }
     });
-    return (i, l) => (m(), b("div", Ir, [
-      _("div", {
+    return (i, l) => (m(), b("div", Pr, [
+      w("div", {
         class: y([[c(o), c(a)], "absolute z-1"])
       }, [
         t.ping ? (m(), b("div", {
           key: 0,
-          class: y(["absolute animate-ping rounded-full border-2 border-transparent box-content", [
+          class: y(["absolute box-content animate-ping border-2 border-transparent rounded-full", [
             {
               [c(r)]: !i.$slots.label
             },
             c(s)
           ]])
         }, [
-          i.$slots.label ? $(i.$slots, "label", { key: 0 }) : A("", !0)
-        ], 2)) : A("", !0),
-        _("div", {
-          class: y(["top-0 rounded-full border-2 border-surface-low box-content", [
+          i.$slots.label ? M(i.$slots, "label", { key: 0 }) : T("", !0)
+        ], 2)) : T("", !0),
+        w("div", {
+          class: y(["top-0 box-content border-2 border-surface-low rounded-full", [
             {
               [c(r)]: !i.$slots.label
             },
             c(s)
           ]])
         }, [
-          i.$slots.label ? $(i.$slots, "label", { key: 0 }) : A("", !0)
+          i.$slots.label ? M(i.$slots, "label", { key: 0 }) : T("", !0)
         ], 2)
       ], 2),
-      $(i.$slots, "default")
+      M(i.$slots, "default")
     ]));
   }
-}), Vn = /* @__PURE__ */ x({
+}), Fn = /* @__PURE__ */ x({
   __name: "Modal",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     persistent: { type: Boolean, default: !1 },
     blur: { type: [String, Boolean], default: !1 }
   }, {
@@ -1811,14 +1818,14 @@ const In = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, r = K(e, "modelValue");
+    const t = e, r = Q(e, "modelValue");
     return G(() => {
       r.value ? document.body.style.overflow = "hidden" : setTimeout(() => {
         document.querySelector(".modal-wrapper.op100") || (document.body.style.overflow = "", document.body.style.marginRight = "");
       }, 300);
     }), (n, a) => {
-      const o = it;
-      return m(), O(o, {
+      const o = lt;
+      return m(), P(o, {
         modelValue: r.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => r.value = s),
         blur: t.blur,
@@ -1826,7 +1833,7 @@ const In = /* @__PURE__ */ x({
         "wrapper-class": "flex items-end justify-center"
       }, {
         default: L(() => [
-          ve(Je, {
+          Y(Je, {
             "enter-from-class": "translate-y-1/2",
             "enter-to-class": "translate-y-0",
             "leave-from-class": "translate-y-0",
@@ -1835,7 +1842,7 @@ const In = /* @__PURE__ */ x({
             "leave-active-class": "transition ease-in duration-200"
           }, {
             default: L(() => [
-              r.value ? $(n.$slots, "default", { key: 0 }) : A("", !0)
+              r.value ? M(n.$slots, "default", { key: 0 }) : T("", !0)
             ]),
             _: 3
           })
@@ -1844,13 +1851,13 @@ const In = /* @__PURE__ */ x({
       }, 8, ["modelValue", "blur", "persistent"]);
     };
   }
-}), Nr = {
+}), Hr = {
   key: 0,
-  class: "i-tabler-loader-2 h-container w-container shrink-0 animate-spin"
-}, Hr = { key: 1 }, Vr = { class: "grow-1" }, Dr = {
-  key: 1,
-  class: "text-sm text-surface-container"
-}, Fr = /* @__PURE__ */ _("i", { class: "i-tabler-x" }, null, -1), Wr = /* @__PURE__ */ x({
+  class: "h-container w-container i-tabler-loader-2 shrink-0 animate-spin"
+}, Ir = { key: 1 }, Vr = { class: "grow-1" }, Dr = {
+  key: 2,
+  class: "text-sm text-surface-onlow"
+}, Fr = /* @__PURE__ */ w("i", { class: "i-tabler-x" }, null, -1), Wr = /* @__PURE__ */ x({
   __name: "Notification",
   props: {
     title: {},
@@ -1859,11 +1866,13 @@ const In = /* @__PURE__ */ x({
     loading: { type: Boolean },
     withBorder: { type: Boolean },
     closeable: { type: Boolean },
+    rounded: { default: "md" },
+    block: { type: Boolean, default: !1 },
     color: { default: "primary" }
   },
   emits: ["close"],
   setup(e) {
-    const t = e, r = v(() => {
+    const t = e, r = J(t), n = v(() => {
       switch (t.color) {
         case "secondary":
           return "bg-secondary-container";
@@ -1874,7 +1883,7 @@ const In = /* @__PURE__ */ x({
         default:
           return "bg-primary-container";
       }
-    }), n = v(() => {
+    }), a = v(() => {
       switch (t.color) {
         case "secondary":
           return "text-secondary-container";
@@ -1886,58 +1895,64 @@ const In = /* @__PURE__ */ x({
           return "text-primary-container";
       }
     });
-    return (a, o) => {
-      const s = rt;
+    return (o, s) => {
+      const i = nt;
       return m(), b("div", {
-        class: y(["relative max-w-100 min-h-16 min-w-80 w-full flex items-center gap-2 container-low rounded p-3", [
-          { "border-0": !a.withBorder }
-        ]])
+        class: y(["relative min-h-16 min-w-80 w-full flex items-center gap-2 container-low p-3", [
+          { "border-0": !o.withBorder },
+          c(r).class,
+          {
+            "max-w-100": !o.block,
+            "w-full": o.block
+          }
+        ]]),
+        style: A(c(r).style)
       }, [
-        a.icon ? (m(), b("div", {
+        o.icon ? (m(), b("div", {
           key: 0,
-          class: y(["leading-0", c(n)])
+          class: y(["leading-0", c(a)])
         }, [
-          a.loading ? (m(), b("i", Nr)) : (m(), b("i", {
+          o.loading ? (m(), b("i", Hr)) : (m(), b("i", {
             key: 1,
-            class: y(["h-container w-container shrink-0", a.icon])
+            class: y(["h-container w-container shrink-0", o.icon])
           }, null, 2))
-        ], 2)) : (m(), b("div", Hr, [
-          _("div", {
+        ], 2)) : (m(), b("div", Ir, [
+          w("div", {
             class: y(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full", [{
-              "animate-pulse": a.loading
-            }, c(r)]])
+              "animate-pulse": o.loading
+            }, c(n)]])
           }, null, 2)
         ])),
-        _("div", Vr, [
-          a.title ? (m(), b("div", {
+        w("div", Vr, [
+          o.title ? (m(), b("div", {
             key: 0,
-            class: y([c(n), "text-base"])
-          }, ae(a.title), 3)) : A("", !0),
-          a.message ? (m(), b("div", Dr, ae(a.message), 1)) : A("", !0)
+            class: y([c(a), "text-base"])
+          }, se(o.title), 3)) : T("", !0),
+          o.$slots.message ? M(o.$slots, "message", { key: 1 }) : o.message ? (m(), b("div", Dr, se(o.message), 1)) : T("", !0)
         ]),
-        a.closeable ? (m(), O(s, {
+        o.closeable ? (m(), P(i, {
           key: 2,
           icon: "",
           variant: "transparent",
           class: "text-surface-on hover:text-surface-on",
-          onClick: o[0] || (o[0] = (i) => a.$emit("close"))
+          onClick: s[0] || (s[0] = (l) => o.$emit("close"))
         }, {
           default: L(() => [
             Fr
           ]),
           _: 1
-        })) : A("", !0)
-      ], 2);
+        })) : T("", !0)
+      ], 6);
     };
   }
-}), ct = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), xe = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakSet();
-let Z, He = 0, Ve = 0;
+}), ut = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new WeakMap(), le = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), xe = /* @__PURE__ */ new WeakMap(), ve = /* @__PURE__ */ new WeakSet();
+let K, Ie = 0, Ve = 0;
 const U = "__aa_tgt", ge = "__aa_del", ke = "__aa_new", jr = (e) => {
   const t = Yr(e);
   t && t.forEach((r) => Zr(r));
 }, Ur = (e) => {
   e.forEach((t) => {
-    t.target === Z && qr(), E.has(t.target) && re(t.target);
+    t.target === K && qr(), E.has(t.target) && oe(t.target);
   });
 };
 function Gr(e) {
@@ -1945,49 +1960,49 @@ function Gr(e) {
   t == null || t.disconnect();
   let r = E.get(e), n = 0;
   const a = 5;
-  r || (r = ce(e), E.set(e, r));
-  const { offsetWidth: o, offsetHeight: s } = Z, l = [
+  r || (r = ue(e), E.set(e, r));
+  const { offsetWidth: o, offsetHeight: s } = K, l = [
     r.top - a,
     o - (r.left + a + r.width),
     s - (r.top + a + r.height),
     r.left - a
   ].map((d) => `${-1 * Math.floor(d)}px`).join(" "), u = new IntersectionObserver(() => {
-    ++n > 1 && re(e);
+    ++n > 1 && oe(e);
   }, {
-    root: Z,
+    root: K,
     threshold: 1,
     rootMargin: l
   });
   u.observe(e), Be.set(e, u);
 }
-function re(e) {
+function oe(e) {
   clearTimeout(xe.get(e));
   const t = Ce(e), r = ye(t) ? 500 : t.duration;
   xe.set(e, setTimeout(async () => {
-    const n = J.get(e);
+    const n = re.get(e);
     try {
-      await (n == null ? void 0 : n.finished), E.set(e, ce(e)), Gr(e);
+      await (n == null ? void 0 : n.finished), E.set(e, ue(e)), Gr(e);
     } catch {
     }
   }, r));
 }
 function qr() {
-  clearTimeout(xe.get(Z)), xe.set(Z, setTimeout(() => {
-    ct.forEach((e) => pt(e, (t) => ut(() => re(t))));
+  clearTimeout(xe.get(K)), xe.set(K, setTimeout(() => {
+    ut.forEach((e) => ht(e, (t) => dt(() => oe(t))));
   }, 100));
 }
 function Xr(e) {
   setTimeout(() => {
-    Lr.set(e, setInterval(() => ut(re.bind(null, e)), 2e3));
+    Lr.set(e, setInterval(() => dt(oe.bind(null, e)), 2e3));
   }, Math.round(2e3 * Math.random()));
 }
-function ut(e) {
+function dt(e) {
   typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
 }
-let Ee, ne;
-typeof window < "u" && (Z = document.documentElement, Ee = new MutationObserver(jr), ne = new ResizeObserver(Ur), window.addEventListener("scroll", () => {
-  Ve = window.scrollY, He = window.scrollX;
-}), ne.observe(Z));
+let Ee, ae;
+typeof window < "u" && (K = document.documentElement, Ee = new MutationObserver(jr), ae = new ResizeObserver(Ur), window.addEventListener("scroll", () => {
+  Ve = window.scrollY, Ie = window.scrollX;
+}), ae.observe(K));
 function Yr(e) {
   return e.reduce((n, a) => [
     ...n,
@@ -2013,7 +2028,7 @@ function Yr(e) {
           const s = a.removedNodes[o];
           if (ge in s)
             return !1;
-          s instanceof Element && (n.add(s), Re(a.target, s), ie.set(s, [
+          s instanceof Element && (n.add(s), Re(a.target, s), le.set(s, [
             a.previousSibling,
             a.nextSibling
           ]));
@@ -2028,7 +2043,7 @@ function Re(e, t) {
 function Zr(e) {
   var t;
   const r = e.isConnected, n = E.has(e);
-  r && ie.has(e) && ie.delete(e), J.has(e) && ((t = J.get(e)) === null || t === void 0 || t.cancel()), ke in e ? Ye(e) : n && r ? Qr(e) : n && !r ? Jr(e) : Ye(e);
+  r && le.has(e) && le.delete(e), re.has(e) && ((t = re.get(e)) === null || t === void 0 || t.cancel()), ke in e ? Ye(e) : n && r ? Qr(e) : n && !r ? Jr(e) : Ye(e);
 }
 function W(e) {
   return Number(e.replace(/[^0-9.\-]/g, ""));
@@ -2042,7 +2057,7 @@ function Kr(e) {
   }
   return { x: 0, y: 0 };
 }
-function ce(e) {
+function ue(e) {
   const t = e.getBoundingClientRect(), { x: r, y: n } = Kr(e);
   return {
     top: t.top + n,
@@ -2051,7 +2066,7 @@ function ce(e) {
     height: t.height
   };
 }
-function dt(e, t, r) {
+function ft(e, t, r) {
   let n = t.width, a = t.height, o = r.width, s = r.height;
   const i = getComputedStyle(e);
   if (i.getPropertyValue("box-sizing") === "content-box") {
@@ -2061,21 +2076,21 @@ function dt(e, t, r) {
   return [n, o, a, s].map(Math.round);
 }
 function Ce(e) {
-  return U in e && le.has(e[U]) ? le.get(e[U]) : { duration: 250, easing: "ease-in-out" };
+  return U in e && ce.has(e[U]) ? ce.get(e[U]) : { duration: 250, easing: "ease-in-out" };
 }
-function ft(e) {
+function pt(e) {
   if (U in e)
     return e[U];
 }
 function De(e) {
-  const t = ft(e);
-  return t ? me.has(t) : !1;
+  const t = pt(e);
+  return t ? ve.has(t) : !1;
 }
-function pt(e, ...t) {
-  t.forEach((r) => r(e, le.has(e)));
+function ht(e, ...t) {
+  t.forEach((r) => r(e, ce.has(e)));
   for (let r = 0; r < e.children.length; r++) {
     const n = e.children.item(r);
-    n && t.forEach((a) => a(n, le.has(n)));
+    n && t.forEach((a) => a(n, ce.has(n)));
   }
 }
 function Fe(e) {
@@ -2085,7 +2100,7 @@ function ye(e) {
   return typeof e == "function";
 }
 function Qr(e) {
-  const t = E.get(e), r = ce(e);
+  const t = E.get(e), r = ue(e);
   if (!De(e))
     return E.set(e, r);
   let n;
@@ -2093,7 +2108,7 @@ function Qr(e) {
     return;
   const a = Ce(e);
   if (typeof a != "function") {
-    const o = t.left - r.left, s = t.top - r.top, [i, l, u, d] = dt(e, t, r), f = {
+    const o = t.left - r.left, s = t.top - r.top, [i, l, u, d] = ft(e, t, r), f = {
       transform: `translate(${o}px, ${s}px)`
     }, h = {
       transform: "translate(0, 0)"
@@ -2106,11 +2121,11 @@ function Qr(e) {
     const [o] = Fe(a(e, "remain", t, r));
     n = new Animation(o), n.play();
   }
-  J.set(e, n), E.set(e, r), n.addEventListener("finish", re.bind(null, e));
+  re.set(e, n), E.set(e, r), n.addEventListener("finish", oe.bind(null, e));
 }
 function Ye(e) {
   ke in e && delete e[ke];
-  const t = ce(e);
+  const t = ue(e);
   E.set(e, t);
   const r = Ce(e);
   if (!De(e))
@@ -2129,11 +2144,11 @@ function Ye(e) {
     const [a] = Fe(r(e, "add", t));
     n = new Animation(a), n.play();
   }
-  J.set(e, n), n.addEventListener("finish", re.bind(null, e));
+  re.set(e, n), n.addEventListener("finish", oe.bind(null, e));
 }
 function Ze(e, t) {
   var r;
-  e.remove(), E.delete(e), ie.delete(e), J.delete(e), (r = Be.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
+  e.remove(), E.delete(e), le.delete(e), re.delete(e), (r = Be.get(e)) === null || r === void 0 || r.disconnect(), setTimeout(() => {
     if (ge in e && delete e[ge], Object.defineProperty(e, ke, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
       for (const n in t)
         e.style[n] = "";
@@ -2141,16 +2156,16 @@ function Ze(e, t) {
 }
 function Jr(e) {
   var t;
-  if (!ie.has(e) || !E.has(e))
+  if (!le.has(e) || !E.has(e))
     return;
-  const [r, n] = ie.get(e);
+  const [r, n] = le.get(e);
   Object.defineProperty(e, ge, { 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 = ft(e)) === null || t === void 0 || t.appendChild(e), !De(e))
+  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : r && r.parentNode ? r.parentNode.appendChild(e) : (t = pt(e)) === null || t === void 0 || t.appendChild(e), !De(e))
     return Ze(e);
   const [s, i, l, u] = tn(e), d = Ce(e), f = E.get(e);
-  (a !== He || o !== Ve) && en(e, a, o, d);
-  let h, w = {
+  (a !== Ie || o !== Ve) && en(e, a, o, d);
+  let h, _ = {
     position: "absolute",
     top: `${s}px`,
     left: `${i}px`,
@@ -2162,7 +2177,7 @@ function Jr(e) {
     zIndex: "100"
   };
   if (!ye(d))
-    Object.assign(e.style, w), h = e.animate([
+    Object.assign(e.style, _), h = e.animate([
       {
         transform: "scale(1)",
         opacity: 1
@@ -2173,14 +2188,14 @@ function Jr(e) {
       }
     ], { duration: d.duration, easing: "ease-out" });
   else {
-    const [C, M] = Fe(d(e, "remove", f));
-    (M == null ? void 0 : M.styleReset) !== !1 && (w = (M == null ? void 0 : M.styleReset) || w, Object.assign(e.style, w)), h = new Animation(C), h.play();
+    const [C, $] = Fe(d(e, "remove", f));
+    ($ == null ? void 0 : $.styleReset) !== !1 && (_ = ($ == null ? void 0 : $.styleReset) || _, Object.assign(e.style, _)), h = new Animation(C), h.play();
   }
-  J.set(e, h), h.addEventListener("finish", Ze.bind(null, e, w));
+  re.set(e, h), h.addEventListener("finish", Ze.bind(null, e, _));
 }
 function en(e, t, r, n) {
-  const a = He - t, o = Ve - r, s = document.documentElement.style.scrollBehavior;
-  if (getComputedStyle(Z).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
+  const a = Ie - t, o = Ve - r, s = document.documentElement.style.scrollBehavior;
+  if (getComputedStyle(K).scrollBehavior === "smooth" && (document.documentElement.style.scrollBehavior = "auto"), window.scrollTo(window.scrollX + a, window.scrollY + o), !e.parentElement)
     return;
   const l = e.parentElement;
   let u = l.clientHeight, d = l.clientWidth;
@@ -2188,10 +2203,10 @@ function en(e, t, r, n) {
   function h() {
     requestAnimationFrame(() => {
       if (!ye(n)) {
-        const w = u - l.clientHeight, C = d - l.clientWidth;
+        const _ = u - l.clientHeight, C = d - l.clientWidth;
         f + n.duration > performance.now() ? (window.scrollTo({
           left: window.scrollX - C,
-          top: window.scrollY - w
+          top: window.scrollY - _
         }), u = l.clientHeight, d = l.clientWidth, h()) : document.documentElement.style.scrollBehavior = s;
       }
     });
@@ -2199,24 +2214,24 @@ function en(e, t, r, n) {
   h();
 }
 function tn(e) {
-  const t = E.get(e), [r, , n] = dt(e, t, ce(e));
+  const t = E.get(e), [r, , n] = ft(e, t, ue(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 = E.get(a) || ce(a), i = Math.round(t.top - s.top) - W(o.borderTopWidth), l = Math.round(t.left - s.left) - W(o.borderLeftWidth);
+  const o = getComputedStyle(a), s = E.get(a) || ue(a), i = Math.round(t.top - s.top) - W(o.borderTopWidth), l = Math.round(t.left - s.left) - W(o.borderLeftWidth);
   return [i, l, r, n];
 }
 function rn(e, t = {}) {
-  return Ee && ne && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ye(t) && !t.disrespectUserMotionPreference || (me.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), pt(e, re, Xr, (a) => ne == null ? void 0 : ne.observe(a)), ye(t) ? le.set(e, t) : le.set(e, { duration: 250, easing: "ease-in-out", ...t }), Ee.observe(e, { childList: !0 }), ct.add(e))), Object.freeze({
+  return Ee && ae && (window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ye(t) && !t.disrespectUserMotionPreference || (ve.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), ht(e, oe, Xr, (a) => ae == null ? void 0 : ae.observe(a)), ye(t) ? ce.set(e, t) : ce.set(e, { duration: 250, easing: "ease-in-out", ...t }), Ee.observe(e, { childList: !0 }), ut.add(e))), Object.freeze({
     parent: e,
     enable: () => {
-      me.add(e);
+      ve.add(e);
     },
     disable: () => {
-      me.delete(e);
+      ve.delete(e);
     },
-    isEnabled: () => me.has(e)
+    isEnabled: () => ve.has(e)
   });
 }
 const nn = {
@@ -2225,14 +2240,14 @@ const nn = {
   },
   // ignore ssr see #96:
   getSSRProps: () => ({})
-}, on = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Dn = /* @__PURE__ */ x({
+}, on = { class: "fixed z-20 flex flex-col gap-2 p-2" }, Wn = /* @__PURE__ */ x({
   __name: "NotificationSystem",
   setup(e) {
     const t = dn();
     return (r, n) => {
       const a = Wr;
-      return Ie((m(), b("div", on, [
-        (m(!0), b(oe, null, be(c(t), (o) => (m(), O(a, {
+      return Pe((m(), b("div", on, [
+        (m(!0), b(ee, null, be(c(t), (o) => (m(), P(a, {
           key: o.hash,
           closeable: "",
           "with-border": "",
@@ -2248,7 +2263,7 @@ const nn = {
       ]);
     };
   }
-}), an = { class: "relative" }, Fn = /* @__PURE__ */ x({
+}), an = { class: "relative" }, Ln = /* @__PURE__ */ x({
   __name: "Overlay",
   props: {
     blur: { type: [Boolean, String], default: !1 },
@@ -2267,24 +2282,24 @@ const nn = {
         case "lg":
           return "backdrop-blur-lg";
         default:
-          return "123";
+          return "";
       }
-    }), n = te(t), a = g(null), o = p(t.color).toRgb(), s = v(() => ({
+    }), n = J(t), a = g(null), o = p(t.color).toRgb(), s = v(() => ({
       backgroundColor: `rgba(${o.r}, ${o.g}, ${o.b}, ${t.opacity / 100})`
     }));
     return (i, l) => (m(), b("div", an, [
-      $(i.$slots, "default"),
-      _("div", we(i.$attrs, {
+      M(i.$slots, "default"),
+      w("div", we(i.$attrs, {
         ref_key: "wrapperRef",
         ref: a,
-        class: [[c(r), c(n).class], "absolute top-0 left-0 w-full h-full md:items-center overflow-hidden"],
+        class: [[c(r), c(n).class], "absolute left-0 top-0 h-full w-full overflow-hidden md:items-center"],
         style: [c(n).style, c(s)]
       }), [
-        $(i.$slots, "content")
+        M(i.$slots, "content")
       ], 16)
     ]));
   }
-}), Wn = /* @__PURE__ */ x({
+}), jn = /* @__PURE__ */ x({
   __name: "Paper",
   props: {
     size: { default: "md" },
@@ -2293,18 +2308,18 @@ const nn = {
     is: { default: "div" }
   },
   setup(e) {
-    const r = te(e);
-    return (n, a) => (m(), O(ue(n.is), {
+    const r = J(e);
+    return (n, a) => (m(), P(de(n.is), {
       class: y(["container-low rounded-lg p-4", [
         {
           "border-transparent": !n.withBorder
         },
         c(r).class
       ]]),
-      style: R([c(r).style])
+      style: A([c(r).style])
     }, {
       default: L(() => [
-        $(n.$slots, "default")
+        M(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -2353,7 +2368,7 @@ const nn = {
         default:
           return "text-surface-on bg-surface-base border-surface-border-base focus:border-primary-container";
       }
-    }), i = v(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), l = te(n), u = g(null);
+    }), i = v(() => n.disabled ? "pointer-events-none filter grayscale opacity-60" : ""), l = J(n), u = g(null);
     function d(f) {
       var h;
       a("update:modelValue", ((h = f.target) == null ? void 0 : h.value) ?? ""), a("input", f);
@@ -2364,19 +2379,18 @@ const nn = {
       ref_key: "input",
       ref: u,
       value: f.modelValue,
-      tabindex: "-1",
       class: y(["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: R([c(l).style]),
+      style: A([c(l).style]),
       placeholder: f.placeholder,
       type: n.password ? "password" : "text",
-      onChange: h[0] || (h[0] = (w) => f.$emit("change", w)),
+      onChange: h[0] || (h[0] = (_) => f.$emit("change", _)),
       onInput: d,
-      onClick: h[1] || (h[1] = (w) => f.$emit("click", w)),
-      onPointerdown: h[2] || (h[2] = (w) => f.$emit("pointerdown", w)),
-      onPointerup: h[3] || (h[3] = (w) => f.$emit("pointerup", w))
+      onClick: h[1] || (h[1] = (_) => f.$emit("click", _)),
+      onPointerdown: h[2] || (h[2] = (_) => f.$emit("pointerdown", _)),
+      onPointerup: h[3] || (h[3] = (_) => f.$emit("pointerup", _))
     }, null, 46, sn));
   }
-}), cn = { class: "flex gap-2" }, Ln = /* @__PURE__ */ x({
+}), cn = { class: "flex gap-2" }, Un = /* @__PURE__ */ x({
   __name: "PinInput",
   props: {
     modelValue: {},
@@ -2401,7 +2415,7 @@ const nn = {
       i !== 0 && (r.value[i - 1].el.focus(), r.value[i - 1].el.select(), s || (r.value[i - 1].el.value = ""));
     }
     return (o, s) => (m(), b("div", cn, [
-      (m(!0), b(oe, null, be(t.length, (i) => (m(), O(ln, {
+      (m(!0), b(ee, null, be(t.length, (i) => (m(), P(ln, {
         ref_for: !0,
         ref_key: "inputs",
         ref: r,
@@ -2410,12 +2424,12 @@ const nn = {
         style: { padding: "0" },
         password: t.password,
         onPointerup: s[0] || (s[0] = (l) => l.target.select()),
-        onInput: tt(n, ["stop", "prevent"]),
+        onInput: rt(n, ["stop", "prevent"]),
         onKeydown: $t(a, ["backspace"])
       }, null, 8, ["password"]))), 128))
     ]));
   }
-}), jn = /* @__PURE__ */ x({
+}), Gn = /* @__PURE__ */ x({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -2447,10 +2461,10 @@ const nn = {
         case "error":
           return "bg-error-7";
       }
-    }), a = te(t);
+    }), a = J(t);
     return (o, s) => (m(), b("div", {
       class: y(["relative w-full self-center overflow-hidden bg-surface-high transition-background-color,border-color,color", [c(r), c(a).class]]),
-      style: R([c(a).style])
+      style: A([c(a).style])
     }, [
       o.loading ? (m(), b("div", {
         key: 1,
@@ -2458,13 +2472,13 @@ const nn = {
       }, null, 2)) : (m(), b("div", {
         key: 0,
         class: y(["h-full", [c(n)]]),
-        style: R([{
-          width: `${(o.value - o.min) / (o.max - o.min) * 100}%`
+        style: A([{
+          width: `${(Number(o.value) - Number(o.min)) / (Number(o.max) - Number(o.min)) * 100}%`
         }])
       }, null, 6))
     ], 6));
   }
-}), ht = {
+}), mt = {
   primary: ["#e5f7ff", "#d3ebfa", "#a9d4f1", "#7cbde9", "#57a9e0", "#3f9cdc", "#3096dc", "#1f82c4", "#0f73b0", "#00649c", "#082f49"],
   secondary: ["#e9fbf0", "#dcf1e3", "#badfc7", "#96cea9", "#77bf90", "#63b580", "#58b077", "#479a64", "#3b8a58", "#2c7749", "#022c22"],
   tertiary: ["#fff7e1", "#ffedcd", "#fcd99e", "#f9c46b", "#f7b23f", "#f6a724", "#f5a113", "#da8c04", "#c37d00", "#aa6a00", "#572508"],
@@ -2473,38 +2487,38 @@ const nn = {
 }, Oe = {
   name: "dark",
   scheme: "dark",
-  colors: ht
+  colors: mt
 }, un = {
   name: "light",
   scheme: "light",
-  colors: ht
-}, Un = Symbol("Notifications"), mt = Ct([]);
+  colors: mt
+}, qn = Symbol("Notifications"), vt = Ct([]);
 function dn() {
-  return mt;
+  return vt;
 }
-class Gn {
+class Xn {
   static show(t) {
-    t.hash = Math.random().toString(36), mt.push(t);
+    t.hash = Math.random().toString(36), vt.push(t);
   }
 }
-const Pe = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28], Ke = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32, 0.64];
+const Ne = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34, 0.28], Ke = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32, 0.64];
 function fn(e) {
   const t = p(e).toHsl().l;
-  return Pe.reduce(
+  return Ne.reduce(
     (r, n) => Math.abs(n - t) < Math.abs(r - t) ? n : r
   );
 }
 function pn(e) {
-  const t = p(e), r = fn(t), n = Pe.findIndex((o) => o === r), a = Pe.map((o) => {
+  const t = p(e), r = fn(t), n = Ne.findIndex((o) => o === r), a = Ne.map((o) => {
     const s = p({ h: t.toHsl().h, s: t.toHsl().s, l: o }), i = Ke[n] - Ke[n];
     return i >= 0 ? s.saturate(i * 100) : s.desaturate(i * -100), s;
   });
   return { baseColorIndex: n, colors: a.map((o) => o.toHexString()) };
 }
-function qn(e) {
+function Yn(e) {
   return pn(e).colors;
 }
-const Xn = /* @__PURE__ */ x({
+const Zn = /* @__PURE__ */ x({
   __name: "RokuProvider",
   props: {
     is: { default: "div" },
@@ -2514,32 +2528,208 @@ const Xn = /* @__PURE__ */ x({
   },
   setup(e) {
     const t = e, r = g(0), n = g(0);
-    se && new ResizeObserver(() => {
+    ie && new ResizeObserver(() => {
       const i = window.innerWidth - document.body.clientWidth;
       i !== 0 && (r.value = i), n.value = i;
     }).observe(document.body);
-    const a = v(() => n.value === r.value ? "0px" : `${r.value}px`), o = at(t.theme);
-    return (s, i) => (m(), O(ue(s.is), {
-      style: R([
+    const a = v(() => n.value === r.value ? "0px" : `${r.value}px`), o = st(t.theme);
+    return (s, i) => (m(), P(de(s.is), {
+      style: A([
         c(o),
         { paddingRight: c(a) }
       ]),
       class: "text-surface-on transition-background-color,border-color,color"
     }, {
       default: L(() => [
-        $(s.$slots, "default")
+        M(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), hn = { class: "w-full flex items-center" }, mn = ["placeholder", "value"], vn = /* @__PURE__ */ _("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), bn = {
+}), hn = ["id"], mn = ["for"], vn = ["for"], bn = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ Z({
+    size: { default: "md" },
+    animate: { type: Boolean, default: !0 },
+    options: {},
+    label: {},
+    id: {},
+    rounded: { default: "full" },
+    color: { default: "primary" },
+    disabled: { type: Boolean },
+    offIcon: {},
+    onIcon: {},
+    value: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, r = Q(e, "modelValue");
+    t.value && (r.value = t.value);
+    const n = g(null), a = g(!1), o = v(() => {
+      switch (t.size) {
+        case "sm":
+          return {
+            icon: "text-xs mx-0.5",
+            wrapper: "h-4 w-8",
+            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
+            inactive: "left-[calc(0.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: a.value ? "h-4 w-5" : "h-4 w-4",
+            inactive: "left-[calc(0.25rem-1px)]",
+            active: a.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
+          };
+        case "lg":
+          return {
+            icon: "text-lg mx-2",
+            wrapper: "h-8 w-16",
+            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
+            inactive: "left-[calc(0.25rem-1px)]",
+            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
+          };
+      }
+    }), s = v(() => t.animate ? {
+      indicator: "transition-all",
+      progress: "transition-width"
+    } : {
+      indicator: "",
+      progress: ""
+    }), i = it(t), l = v(() => {
+      let d = "bg-primary-container";
+      switch (t.color) {
+        case "secondary":
+          d = "bg-secondary-7";
+          break;
+        case "tertiary":
+          d = "bg-tertiary-7";
+          break;
+        case "error":
+          d = "bg-error-7";
+          break;
+      }
+      return {
+        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"
+      };
+    }), u = J(t);
+    return (d, f) => (m(), b("div", {
+      role: "switch",
+      class: y(["relative flex items-center gap-2", {
+        "pointer-events-none filter-grayscale op60": t.disabled
+      }])
+    }, [
+      Pe(w("input", we({
+        id: c(i),
+        "onUpdate:modelValue": f[0] || (f[0] = (h) => r.value = h)
+      }, d.$attrs, {
+        class: "hidden",
+        type: "checkbox"
+      }), null, 16, hn), [
+        [At, r.value]
+      ]),
+      w("label", {
+        class: "leading-0 cursor-pointer!",
+        for: c(i)
+      }, [
+        w("div", {
+          ref_key: "wrapper",
+          ref: n,
+          class: y([[c(o).wrapper, c(l).wrapper, c(u).class], "relative inline-block transition-all"]),
+          style: A([c(u).style]),
+          onPointerdown: f[1] || (f[1] = (h) => a.value = !0),
+          onPointerup: f[2] || (f[2] = (h) => a.value = !1),
+          onPointerleave: f[3] || (f[3] = (h) => a.value = !1),
+          onPointerenter: f[4] || (f[4] = (h) => h.buttons === 1 && (a.value = !0))
+        }, [
+          w("div", {
+            class: y(["absolute top-50% -translate-y-50%", [c(o).indicator, c(l).indicator, c(s).indicator, r.value ? c(o).active : c(o).inactive, c(u).class]]),
+            style: A([c(u).style])
+          }, null, 6),
+          w("i", {
+            class: y(["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,
+              [d.onIcon ?? ""]: r.value && d.onIcon,
+              [d.offIcon ?? ""]: !r.value && d.offIcon
+            }]])
+          }, null, 2)
+        ], 38)
+      ], 8, mn),
+      d.label ? (m(), b("label", {
+        key: 0,
+        for: c(i)
+      }, se(d.label), 9, vn)) : T("", !0)
+    ], 2));
+  }
+}), gn = { class: "dark:hidden" }, yn = { class: "light:hidden" }, Kn = /* @__PURE__ */ x({
+  __name: "SchemeSwitch",
+  setup(e) {
+    const t = g(void 0);
+    G(() => {
+      ie && (t.value === !0 ? (document.documentElement.setAttribute("data-scheme", "dark"), localStorage.setItem("scheme", "dark")) : t.value === !1 && (document.documentElement.setAttribute("data-scheme", "light"), localStorage.setItem("scheme", "light")));
+    });
+    const r = g(!0), n = g(!1);
+    return ne(() => {
+      if (ie) {
+        const a = localStorage.getItem("scheme");
+        a === "dark" ? t.value = !0 : a === "light" ? t.value = !1 : t.value = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      }
+      r.value = !1;
+    }), et(() => {
+      n.value = !0;
+    }), (a, o) => {
+      const s = bn;
+      return m(), b(ee, null, [
+        w("div", {
+          class: y({ hidden: !c(r) })
+        }, [
+          w("div", gn, [
+            Y(s, {
+              value: !1,
+              "on-icon": "i-tabler-moon",
+              "off-icon": "i-tabler-sun"
+            })
+          ]),
+          w("div", yn, [
+            Y(s, {
+              value: !0,
+              color: "secondary",
+              "on-icon": "i-tabler-moon",
+              "off-icon": "i-tabler-sun"
+            })
+          ])
+        ], 2),
+        w("div", {
+          class: y({ hidden: c(r) })
+        }, [
+          Y(s, {
+            modelValue: c(t),
+            "onUpdate:modelValue": o[0] || (o[0] = (i) => Tt(t) ? t.value = i : null),
+            animate: c(n),
+            color: "secondary",
+            "on-icon": "i-tabler-moon",
+            "off-icon": "i-tabler-sun"
+          }, null, 8, ["modelValue", "animate"])
+        ], 2)
+      ], 64);
+    };
+  }
+}), wn = { class: "w-full flex items-center" }, _n = ["placeholder", "value"], xn = /* @__PURE__ */ w("i", { class: "i-tabler-chevron-down pointer-events-none absolute right-2" }, null, -1), kn = {
   key: 0,
   class: "flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"
-}, gn = ["onPointerdown", "onHover"], yn = { key: 0 }, wn = /* @__PURE__ */ _("i", { class: "i-tabler-check h-3 w-3" }, null, -1), _n = [
-  wn
-], Yn = /* @__PURE__ */ x({
+}, Sn = ["onPointerdown", "onHover"], Mn = { key: 0 }, $n = /* @__PURE__ */ w("i", { class: "i-tabler-check h-3 w-3" }, null, -1), Cn = [
+  $n
+], Qn = /* @__PURE__ */ x({
   __name: "Select",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     options: { default() {
       return [];
     } },
@@ -2550,22 +2740,22 @@ const Xn = /* @__PURE__ */ x({
     modelValue: { default: void 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Y(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const r = e, n = t, a = K(e, "modelValue"), o = g(null), s = g(null), { focused: i } = Pr(o), l = v(() => r.options.map((k) => M(k)).indexOf(a.value)), u = g(-1), d = g(-1);
+    const r = e, n = t, a = Q(e, "modelValue"), o = g(null), s = g(null), { focused: i } = Nr(o), l = v(() => r.options.map((k) => $(k)).indexOf(a.value)), u = g(-1), d = g(-1);
     G(() => {
       i.value || (d.value = -1);
     }), G(() => {
-      a.value = M(r.options[l.value]);
-    }), de(a, () => {
+      a.value = $(r.options[l.value]);
+    }), fe(a, () => {
       n("change", a.value);
     });
-    const f = r.options, h = v(() => f[l.value]), w = v(() => C(h.value));
+    const f = r.options, h = v(() => f[l.value]), _ = v(() => C(h.value));
     function C(k) {
       if (k)
         return typeof k == "string" || typeof k == "symbol" || typeof k == "number" ? k : k.label;
     }
-    function M(k) {
+    function $(k) {
       if (k)
         return typeof k == "string" || typeof k == "symbol" || typeof k == "number" ? k : k.id;
     }
@@ -2574,18 +2764,18 @@ const Xn = /* @__PURE__ */ x({
     }), Te("ArrowUp", (k) => {
       i.value && (k.preventDefault(), d.value = (d.value - 1 + f.length) % f.length);
     }), Te("Enter", () => {
-      i.value && d.value !== -1 && (a.value = M(f[d.value]), i.value = !1);
+      i.value && d.value !== -1 && (a.value = $(f[d.value]), i.value = !1);
     });
-    function P(k) {
+    function O(k) {
       if (!i.value) {
         i.value = !0;
         return;
       }
-      a.value = M(k), i.value = !1;
+      a.value = $(k), i.value = !1;
     }
-    const fe = v(() => ({
+    const pe = v(() => ({
       input: "container-base focus:border-primary-container"
-    })), pe = v(() => {
+    })), he = v(() => {
       switch (r.size) {
         case "sm":
           return {
@@ -2604,48 +2794,47 @@ const Xn = /* @__PURE__ */ x({
           };
       }
     });
-    return (k, H) => (m(), b("div", {
+    return (k, I) => (m(), b("div", {
       ref_key: "wrapperRef",
       ref: s,
       class: "r-select-wrapper relative"
     }, [
-      _("div", hn, [
-        _("input", {
+      w("div", wn, [
+        w("input", {
           ref_key: "inputRef",
           ref: o,
-          class: y([[c(fe).input, c(pe).wrapper], "r-select-input cursor-pointer border rounded outline-none"]),
+          class: y([[c(pe).input, c(he).wrapper], "r-select-input cursor-pointer border rounded outline-none outline-none focus-visible:outline-2"]),
           placeholder: k.placeholder,
           readonly: "",
-          value: c(w),
+          value: c(_),
           "aria-haspopup": "listbox",
           autocomplete: "off",
-          tabindex: "-1",
-          onFocus: H[0] || (H[0] = (q) => i.value = !0)
-        }, null, 42, mn),
-        vn
+          onFocus: I[0] || (I[0] = (q) => i.value = !0)
+        }, null, 42, _n),
+        xn
       ]),
       c(i) ? (m(), b("div", {
         key: 0,
-        class: y([c(pe).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
+        class: y([c(he).dropdown, "absolute z-1 mt-2 w-full flex-col overflow-hidden border container-base rounded p-1"])
       }, [
-        c(f).length === 0 ? (m(), b("div", bn, ae(k.noneText), 1)) : (m(!0), b(oe, { key: 1 }, be(c(f), (q, T) => (m(), b("div", {
-          key: M(q),
+        c(f).length === 0 ? (m(), b("div", kn, se(k.noneText), 1)) : (m(!0), b(ee, { key: 1 }, be(c(f), (q, R) => (m(), b("div", {
+          key: $(q),
           class: y([{
-            "hover:bg-surface-high": c(d) !== T,
-            "container-filled-primary": c(d) === T
+            "hover:bg-surface-high": c(d) !== R,
+            "container-filled-primary": c(d) === R
           }, "flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),
-          onPointerdown: (z) => P(q),
-          onHover: (z) => u.value = T
+          onPointerdown: (z) => O(q),
+          onHover: (z) => u.value = R
         }, [
-          At(ae(C(q)) + " ", 1),
-          q === c(h) ? (m(), b("div", yn, _n)) : A("", !0)
-        ], 42, gn))), 128))
-      ], 2)) : A("", !0)
+          Rt(se(C(q)) + " ", 1),
+          q === c(h) ? (m(), b("div", Mn, Cn)) : T("", !0)
+        ], 42, Sn))), 128))
+      ], 2)) : T("", !0)
     ], 512));
   }
-}), xn = { class: "relative inline-block w-full" }, Zn = /* @__PURE__ */ x({
+}), An = { class: "relative inline-block w-full" }, Jn = /* @__PURE__ */ x({
   __name: "Slider",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Z({
     size: { default: "md" },
     animate: { type: Boolean, default: !1 },
     width: {},
@@ -2665,23 +2854,23 @@ const Xn = /* @__PURE__ */ x({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e;
-    function r(T, z, B) {
-      const N = [];
-      for (let X = T; X <= z; X += B)
-        N.push(X);
-      return N[N.length - 1] !== z && N.push(z), N;
+    function r(R, z, B) {
+      const H = [];
+      for (let X = R; X <= z; X += B)
+        H.push(X);
+      return H[H.length - 1] !== z && H.push(z), H;
     }
-    function n(T, z) {
+    function n(R, z) {
       const B = [];
       B.push(z[0]);
-      const N = (z.length - 1) / (T - 1);
-      for (let X = 1; X < T - 1; X++)
-        B.push(z[Math.round(X * N)]);
+      const H = (z.length - 1) / (R - 1);
+      for (let X = 1; X < R - 1; X++)
+        B.push(z[Math.round(X * H)]);
       return B.push(z[z.length - 1]), B;
     }
-    const a = v(() => t.options ? t.options.length : t.tickNum ?? 0), o = v(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = v(() => n(a.value, o.value)), i = K(e, "modelValue"), l = v(() => o.value.length ?? 0), u = g(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
-    function d(T) {
-      return o.value.indexOf(T);
+    const a = v(() => t.options ? t.options.length : t.tickNum ?? 0), o = v(() => t.options === void 0 ? r(t.min, t.max, t.step) : t.options), s = v(() => n(a.value, o.value)), i = Q(e, "modelValue"), l = v(() => o.value.length ?? 0), u = g(o.value.includes(i.value) ? o.value.indexOf(i.value) : 0);
+    function d(R) {
+      return o.value.indexOf(R);
     }
     const f = v(() => {
       switch (t.color) {
@@ -2694,7 +2883,7 @@ const Xn = /* @__PURE__ */ x({
         case "error":
           return "bg-error-container";
       }
-    }), h = v(() => `dark:bg-white bg-${t.color}-container`), w = v(() => {
+    }), h = v(() => `dark:bg-white bg-${t.color}-container`), _ = v(() => {
       switch (t.color) {
         case "primary":
           return "dark:bg-primary-container bg-white";
@@ -2709,28 +2898,28 @@ const Xn = /* @__PURE__ */ x({
     G(() => {
       i.value = o.value[u.value];
     });
-    const C = g(), M = g(), P = Br(C), fe = g(!1);
-    function pe(T) {
-      if (!fe.value)
+    const C = g(), $ = g(), O = Br(C), pe = g(!1);
+    function he(R) {
+      if (!pe.value)
         return;
-      if (!(T.buttons === 1)) {
-        fe.value = !1;
+      if (!(R.buttons === 1)) {
+        pe.value = !1;
         return;
       }
-      T.preventDefault(), T.stopPropagation();
-      const { clientX: B } = T, N = P.left.value, vt = P.right.value - N, Ae = Math.round((B - N) / vt * (l.value - 1));
+      R.preventDefault(), R.stopPropagation();
+      const { clientX: B } = R, H = O.left.value, bt = O.right.value - H, Ae = Math.round((B - H) / bt * (l.value - 1));
       Ae < 0 || Ae > l.value - 1 || (u.value = Ae);
     }
     G(() => {
       u.value = d(i.value);
     });
-    function k(T) {
-      T.preventDefault(), T.stopPropagation(), fe.value = !0, pe(T);
+    function k(R) {
+      R.preventDefault(), R.stopPropagation(), pe.value = !0, he(R);
     }
-    F(C, "pointerdown", k), ee(() => {
-      F(document, "pointermove", pe), u.value = Math.max(0, d(i.value));
+    F(C, "pointerdown", k), ne(() => {
+      F(document, "pointermove", he), u.value = Math.max(0, d(i.value));
     });
-    const H = v(() => {
+    const I = v(() => {
       switch (t.size) {
         case "sm":
           return {
@@ -2770,253 +2959,111 @@ const Xn = /* @__PURE__ */ x({
       indicator: "",
       progress: ""
     });
-    return (T, z) => (m(), b("div", xn, [
-      _("div", {
+    return (R, z) => (m(), b("div", An, [
+      w("div", {
         ref_key: "wrapper",
         ref: C,
         type: "size",
-        class: y(["flex w-full cursor-pointer items-center", c(H).wrapper]),
-        onTouchmove: z[0] || (z[0] = tt(() => {
+        class: y(["w-full flex cursor-pointer items-center", c(I).wrapper]),
+        onTouchmove: z[0] || (z[0] = rt(() => {
         }, ["prevent"]))
       }, [
-        _("div", {
-          class: y(["rounded-full w-full bg-surface-lowest transition-background-color,border-color,color", c(H).innerWrapper])
+        w("div", {
+          class: y(["w-full rounded-full bg-surface-lowest transition-background-color,border-color,color", c(I).innerWrapper])
         }, [
-          _("div", {
-            class: y(["relative flex", c(H).content]),
-            style: R({
+          w("div", {
+            class: y(["relative flex", c(I).content]),
+            style: A({
               width: `${t.width}rem`,
               minWidth: `${t.minWidth}rem`
             })
           }, [
-            (m(!0), b(oe, null, be(c(s), (B) => (m(), b("div", {
+            (m(!0), b(ee, null, be(c(s), (B) => (m(), b("div", {
               key: B,
-              style: R({
+              style: A({
                 left: `${d(B) / (c(l) - 1) * 100}%`
               }),
-              class: y(["absolute top-50% rounded-full bg-white", c(H).tick])
+              class: y(["absolute top-50% rounded-full bg-white", c(I).tick])
             }, null, 6))), 128)),
             c(u) !== -1 ? (m(), b("div", {
               key: 0,
               ref_key: "indicator",
-              ref: M,
-              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [c(H).indicator, c(q).indicator, c(h)]]),
-              style: R({
+              ref: $,
+              class: y(["absolute top-50% cursor-pointer rounded-full transition-background-color,border-color,color", [c(I).indicator, c(q).indicator, c(h)]]),
+              style: A({
                 left: `${c(u) / (c(l) - 1) * 100}%`
               })
             }, [
-              _("div", {
-                class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [c(H).indicatorInner, c(w)]])
+              w("div", {
+                class: y(["pointer-events-none absolute left-50% top-50% rounded-full transition-background-color,border-color,color", [c(I).indicatorInner, c(_)]])
               }, null, 2)
-            ], 6)) : A("", !0),
-            _("div", {
-              class: y(["pointer-events-none h-full rounded-full", [c(H).progress, c(q).progress, c(f)]]),
-              style: R({
+            ], 6)) : T("", !0),
+            w("div", {
+              class: y(["pointer-events-none h-full rounded-full", [c(I).progress, c(q).progress, c(f)]]),
+              style: A({
                 width: `${c(u) / (c(l) - 1) * 100}%`
               })
             }, null, 6)
           ], 6)
         ], 2)
       ], 34),
-      _("div", {
+      w("div", {
         class: "relative mx-1 h-1em text-xs text-surface-onlow",
-        style: R({
+        style: A({
           width: `${t.width}rem`
         })
       }, [
-        (m(!0), b(oe, null, be(c(s), (B, N) => (m(), b("div", {
-          key: N,
-          style: R({
+        (m(!0), b(ee, null, be(c(s), (B, H) => (m(), b("div", {
+          key: H,
+          style: A({
             left: `${d(B) / (c(l) - 1) * 100}%`
           }),
-          class: y(["absolute w-auto flex rounded-full -translate-x-50%", c(H).tick])
-        }, ae(B), 7))), 128))
+          class: y(["absolute w-auto flex rounded-full -translate-x-50%", c(I).tick])
+        }, se(B), 7))), 128))
       ], 4)
     ]));
   }
-}), kn = ["id"], Sn = ["for"], Mn = ["for"], $n = /* @__PURE__ */ x({
-  inheritAttrs: !1,
-  __name: "Switch",
-  props: /* @__PURE__ */ Y({
-    size: { default: "md" },
-    animate: { type: Boolean, default: !0 },
-    options: {},
-    label: {},
-    id: {},
-    rounded: { default: "full" },
-    color: { default: "primary" },
-    disabled: { type: Boolean },
-    offIcon: {},
-    onIcon: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, r = K(e, "modelValue"), n = g(null), a = g(!1), o = v(() => {
-      switch (t.size) {
-        case "sm":
-          return {
-            icon: "text-xs mx-0.5",
-            wrapper: "h-4 w-8",
-            indicator: a.value ? "h-3 w-4" : "h-3 w-3",
-            inactive: "left-[calc(0.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: a.value ? "h-4 w-5" : "h-4 w-4",
-            inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.5rem-1px)]" : "left-[calc(1.75rem-1px)]"
-          };
-        case "lg":
-          return {
-            icon: "text-lg mx-2",
-            wrapper: "h-8 w-16",
-            indicator: a.value ? "h-6 w-8" : "h-6 w-6",
-            inactive: "left-[calc(0.25rem-1px)]",
-            active: a.value ? "left-[calc(1.75rem-1px)]" : "left-[calc(2.25rem-1px)]"
-          };
-      }
-    }), s = v(() => t.animate ? {
-      indicator: "transition-all",
-      progress: "transition-width"
-    } : {
-      indicator: "",
-      progress: ""
-    }), i = st(t), l = v(() => {
-      let d = "bg-primary-container";
-      switch (t.color) {
-        case "secondary":
-          d = "bg-secondary-7";
-          break;
-        case "tertiary":
-          d = "bg-tertiary-7";
-          break;
-        case "error":
-          d = "bg-error-7";
-          break;
-      }
-      return {
-        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"
-      };
-    }), u = te(t);
-    return (d, f) => (m(), b("div", {
-      role: "switch",
-      class: y(["relative flex items-center gap-2", {
-        "pointer-events-none filter-grayscale op60": t.disabled
-      }])
-    }, [
-      Ie(_("input", we({
-        id: c(i),
-        "onUpdate:modelValue": f[0] || (f[0] = (h) => r.value = h)
-      }, d.$attrs, {
-        class: "hidden",
-        type: "checkbox"
-      }), null, 16, kn), [
-        [Tt, r.value]
-      ]),
-      _("label", {
-        class: "leading-0 cursor-pointer!",
-        for: c(i)
-      }, [
-        _("div", {
-          ref_key: "wrapper",
-          ref: n,
-          class: y([[c(o).wrapper, c(l).wrapper, c(u).class], "relative inline-block transition-all"]),
-          style: R([c(u).style]),
-          onPointerdown: f[1] || (f[1] = (h) => a.value = !0),
-          onPointerup: f[2] || (f[2] = (h) => a.value = !1),
-          onPointerleave: f[3] || (f[3] = (h) => a.value = !1),
-          onPointerenter: f[4] || (f[4] = (h) => h.buttons === 1 && (a.value = !0))
-        }, [
-          _("div", {
-            class: y(["absolute top-50% -translate-y-50%", [c(o).indicator, c(l).indicator, c(s).indicator, r.value ? c(o).active : c(o).inactive, c(u).class]]),
-            style: R([c(u).style])
-          }, null, 6),
-          _("i", {
-            class: y(["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,
-              [d.onIcon ?? ""]: r.value && d.onIcon,
-              [d.offIcon ?? ""]: !r.value && d.offIcon
-            }]])
-          }, null, 2)
-        ], 38)
-      ], 8, Sn),
-      d.label ? (m(), b("label", {
-        key: 0,
-        for: c(i)
-      }, ae(d.label), 9, Mn)) : A("", !0)
-    ], 2));
-  }
-}), Kn = /* @__PURE__ */ x({
-  __name: "ThemeSwitch",
-  setup(e) {
-    const t = g(void 0);
-    return G(() => {
-      se && (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")));
-    }), ee(() => {
-      if (se) {
-        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 a = $n;
-      return m(), O(a, {
-        modelValue: c(t),
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => Rt(t) ? t.value = o : null),
-        color: "secondary",
-        "on-icon": "i-tabler-moon",
-        "off-icon": "i-tabler-sun"
-      }, null, 8, ["modelValue"]);
-    };
-  }
 });
 export {
-  An as AspectRatio,
+  Rn as AspectRatio,
   zt as Avatar,
-  rt as Btn,
-  Tn as ChatContainer,
-  Rn as ChatMessage,
-  zn as ChatSystem,
-  Bn as Chip,
-  On as ColorInput,
-  Ht as ColorSwatch,
-  Pn as Drawer,
+  nt as Btn,
+  zn as ChatContainer,
+  Bn as ChatMessage,
+  En as ChatSystem,
+  On as Chip,
+  Pn as ColorInput,
+  It as ColorSwatch,
+  Hn as Drawer,
   In as Dropzone,
-  it as FullscreenOverlay,
-  Nn as Image,
-  Hn as Indicator,
-  Vn as Modal,
+  lt as FullscreenOverlay,
+  Vn as Image,
+  Dn as Indicator,
+  Fn as Modal,
   Wr as Notification,
-  Dn as NotificationSystem,
-  Gn as Notifications,
-  Fn as Overlay,
-  Wn as Paper,
-  Ln as PinInput,
-  jn as Progress,
-  Xn as RokuProvider,
-  Yn as Select,
-  Zn as Slider,
-  $n as Switch,
+  Wn as NotificationSystem,
+  Xn as Notifications,
+  Ln as Overlay,
+  jn as Paper,
+  Un as PinInput,
+  Gn as Progress,
+  Zn as RokuProvider,
+  Kn as SchemeSwitch,
+  Qn as Select,
+  Jn as Slider,
+  bn as Switch,
   ln as TextField,
   hr as ThemeProvider,
-  Kn as ThemeSwitch,
   Oe as darkTheme,
-  qn as generateColors,
+  Yn as generateColors,
   pn as generateColorsMap,
   un as lightTheme,
-  Un as notificationsSymbol,
-  ht as themeColors,
+  qn as notificationsSymbol,
+  mt as themeColors,
   ur as useCurrentTheme,
-  En as useCurrentThemeScheme,
-  st as useId,
+  Nn as useCurrentThemeScheme,
+  it as useId,
   dn as useNotifications,
   cr as useRootTheme,
-  at as useThemeStyles
+  st as useThemeStyles
 };