@sakoa/ui 0.1.0 → 0.1.1

package/dist/saka-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as J, useSlots as Ft, ref as S, computed as f, watch as Se, nextTick as He, onMounted as Ae, provide as je, createElementBlock as u, openBlock as s, mergeProps as ee, unref as b, renderSlot as B, Fragment as be, createElementVNode as h, normalizeStyle as U, normalizeClass as $, createCommentVNode as k, renderList as Me, toDisplayString as W, inject as pe, onUnmounted as Ge, createBlock as Ie, Transition as De, withCtx as Ce, useAttrs as ht, resolveDynamicComponent as _e, onBeforeUnmount as Ue, Teleport as ft, createVNode as Pe, withDirectives as Ne, createTextVNode as Le, vShow as lt, withModifiers as Oe, normalizeProps as Va, guardReactiveProps as Sl, reactive as Ct, watchEffect as zl, TransitionGroup as Yt, withKeys as Ze, vModelText as at, mergeModels as pa, useModel as Ml, toRef as tt, shallowRef as Ra, readonly as Ye, markRaw as La, render as dt, h as Je } from "vue";
+import { defineComponent as J, useSlots as Ft, ref as C, computed as f, watch as Se, nextTick as He, onMounted as Ae, provide as je, createElementBlock as u, openBlock as s, mergeProps as ee, unref as b, renderSlot as B, Fragment as be, createElementVNode as h, normalizeStyle as U, normalizeClass as $, createCommentVNode as k, renderList as Me, toDisplayString as W, inject as pe, onUnmounted as Ge, createBlock as Ie, Transition as De, withCtx as Ce, useAttrs as ht, resolveDynamicComponent as _e, onBeforeUnmount as Ue, Teleport as ft, createVNode as Pe, withDirectives as Ne, createTextVNode as Le, vShow as lt, withModifiers as Oe, normalizeProps as Va, guardReactiveProps as Sl, reactive as Ct, watchEffect as zl, TransitionGroup as Yt, withKeys as Ze, vModelText as at, mergeModels as pa, useModel as Ml, toRef as tt, shallowRef as Ra, readonly as Ye, markRaw as La, render as dt, h as Je } from "vue";
 function Fa(e) {
   var l, a, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
@@ -234,23 +234,23 @@ const Tl = (e, l) => {
       d = v + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let T = !!w, C = t(T ? p.substring(0, w) : p);
-    if (!C) {
+    let T = !!w, S = t(T ? p.substring(0, w) : p);
+    if (!S) {
       if (!T) {
         d = v + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (C = t(p), !C) {
+      if (S = t(p), !S) {
         d = v + (d.length > 0 ? " " + d : d);
         continue;
       }
       T = !1;
     }
-    const I = y.length === 0 ? "" : y.length === 1 ? y[0] : n(y).join(":"), Y = m ? I + ea : I, Q = Y + C;
+    const I = y.length === 0 ? "" : y.length === 1 ? y[0] : n(y).join(":"), Y = m ? I + ea : I, Q = Y + S;
     if (r.indexOf(Q) > -1)
       continue;
     r.push(Q);
-    const ne = o(C, T);
+    const ne = o(S, T);
     for (let E = 0; E < ne.length; ++E) {
       const te = ne[E];
       r.push(Y + te);
@@ -298,7 +298,7 @@ const Tl = (e, l) => {
   const t = Ga.exec(e);
   return t ? t[1] ? l(t[1]) : a : !1;
 }, Ya = (e) => e === "position" || e === "percentage", Ua = (e) => e === "image" || e === "url", Xa = (e) => e === "length" || e === "size" || e === "bg-size", Ja = (e) => e === "length", go = (e) => e === "number", Za = (e) => e === "family-name", Qa = (e) => e === "number" || e === "weight", _a = (e) => e === "shadow", po = () => {
-  const e = Xe("color"), l = Xe("font"), a = Xe("text"), t = Xe("font-weight"), o = Xe("tracking"), n = Xe("leading"), r = Xe("breakpoint"), i = Xe("container"), d = Xe("spacing"), c = Xe("radius"), v = Xe("shadow"), g = Xe("inset-shadow"), y = Xe("text-shadow"), m = Xe("drop-shadow"), p = Xe("blur"), w = Xe("perspective"), T = Xe("aspect"), C = Xe("ease"), I = Xe("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Q = () => [
+  const e = Xe("color"), l = Xe("font"), a = Xe("text"), t = Xe("font-weight"), o = Xe("tracking"), n = Xe("leading"), r = Xe("breakpoint"), i = Xe("container"), d = Xe("spacing"), c = Xe("radius"), v = Xe("shadow"), g = Xe("inset-shadow"), y = Xe("text-shadow"), m = Xe("drop-shadow"), p = Xe("blur"), w = Xe("perspective"), T = Xe("aspect"), S = Xe("ease"), I = Xe("animate"), Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Q = () => [
     "center",
     "top",
     "bottom",
@@ -2372,7 +2372,7 @@ const Tl = (e, l) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", C, ke, we]
+        ease: ["linear", "initial", S, ke, we]
       }],
       /**
        * Transition Delay
@@ -2954,7 +2954,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
   setup(e, { emit: l }) {
     const a = e, t = l;
     Ft();
-    const o = S([]), n = S(""), r = S(null), i = S(/* @__PURE__ */ new Map()), d = S({
+    const o = C([]), n = C(""), r = C(null), i = C(/* @__PURE__ */ new Map()), d = C({
       left: "0px",
       width: "0px",
       opacity: "0"
@@ -3009,7 +3009,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       N > -1 && o.value.splice(N, 1);
     }, T = (le) => {
       o.value.find((R) => R.name === le)?.disabled || (t("before-leave", c.value, le), c.value = le);
-    }, C = (le) => {
+    }, S = (le) => {
       a.trigger === "hover" && T(le);
     }, I = (le, N) => {
       N.stopPropagation(), t("close", le);
@@ -3101,7 +3101,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
             "aria-disabled": R.disabled,
             role: "tab",
             onClick: (ue) => T(R.name),
-            onMouseenter: (ue) => C(R.name)
+            onMouseenter: (ue) => S(R.name)
           }, [
             B(le.$slots, "tab", {
               pane: R,
@@ -3204,7 +3204,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
   setup(e) {
     const l = e, a = ht(), t = pe(Et);
     t || console.warn("[STabsList] Must be used inside STabs");
-    const o = S(null), n = S(/* @__PURE__ */ new Map()), r = f(() => l.type ?? t?.type ?? "line"), i = (v, g) => {
+    const o = C(null), n = C(/* @__PURE__ */ new Map()), r = f(() => l.type ?? t?.type ?? "line"), i = (v, g) => {
       g ? n.value.set(v, g) : n.value.delete(v);
     }, d = f(() => {
       const v = t?.placement ?? "top";
@@ -3267,14 +3267,14 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     flex items-center gap-2 whitespace-nowrap
     transition-all duration-300 ease-out
     ${v.value}
-  `, T = l.disabled ? "opacity-40 cursor-not-allowed" : "", C = {
+  `, T = l.disabled ? "opacity-40 cursor-not-allowed" : "", S = {
         line: m ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground",
         card: m ? "text-primary-foreground font-medium rounded-xl" : "text-muted-foreground rounded-xl hover:text-foreground",
         segment: m ? "text-primary-foreground font-medium rounded-lg" : "text-muted-foreground rounded-lg hover:text-foreground",
         bar: m ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground",
         chip: m ? "text-primary-foreground font-medium rounded-full" : "text-muted-foreground rounded-full hover:text-foreground"
       }, I = g.value ? "z-[1]" : "";
-      return `${w} ${T} ${C[p]} ${I}`;
+      return `${w} ${T} ${S[p]} ${I}`;
     });
     return (m, p) => (s(), u("button", ee({
       ref: (w) => i(w)
@@ -3329,7 +3329,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
   setup(e) {
     const l = e, a = pe(Et), t = pe(ia);
     a || console.warn("[STabsIndicator] Must be used inside STabs"), t || console.warn("[STabsIndicator] Must be used inside STabsList");
-    const o = S({
+    const o = C({
       left: "0px",
       width: "0px",
       opacity: "0"
@@ -3566,10 +3566,10 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
   setup(e, { emit: l }) {
     const a = ht(), t = e, o = l, n = f(() => t.modelValue === t.checkedValue), r = f(() => t.checkedText || t.uncheckedText), i = () => {
       if (t.disabled || t.loading) return;
-      const C = n.value ? t.uncheckedValue : t.checkedValue;
-      o("update:modelValue", C), o("change", C);
-    }, d = (C) => {
-      (C.key === " " || C.key === "Enter") && (C.preventDefault(), i());
+      const S = n.value ? t.uncheckedValue : t.checkedValue;
+      o("update:modelValue", S), o("change", S);
+    }, d = (S) => {
+      (S.key === " " || S.key === "Enter") && (S.preventDefault(), i());
     }, c = {
       small: {
         track: "w-8 h-4",
@@ -3646,7 +3646,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       r.value ? n.value ? "ml-auto" : "mr-auto" : n.value ? g.value.thumbTranslate : "translate-x-0.5",
       t.thumbClass
     ));
-    return (C, I) => (s(), u("div", ee(C.$attrs, { class: p.value }), [
+    return (S, I) => (s(), u("div", ee(S.$attrs, { class: p.value }), [
       e.labelBefore ? (s(), u("span", {
         key: 0,
         class: $(["select-none text-muted-foreground", [g.value.label, e.labelClass]])
@@ -3676,14 +3676,14 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
             key: 0,
             class: $(["mdi mdi-loading animate-spin text-muted-foreground", g.value.icon])
           }, null, 2)) : (s(), u(be, { key: 1 }, [
-            n.value ? B(C.$slots, "checked-icon", { key: 0 }, () => [
+            n.value ? B(S.$slots, "checked-icon", { key: 0 }, () => [
               e.checkedIcon ? (s(), u("span", {
                 key: 0,
                 class: $(["mdi", `mdi-${e.checkedIcon}`, g.value.icon]),
                 style: U(m.value),
                 "data-no-color": e.color ? void 0 : ""
               }, null, 14, To)) : k("", !0)
-            ], !0) : B(C.$slots, "unchecked-icon", { key: 1 }, () => [
+            ], !0) : B(S.$slots, "unchecked-icon", { key: 1 }, () => [
               e.uncheckedIcon ? (s(), u("span", {
                 key: 0,
                 class: $(["mdi", `mdi-${e.uncheckedIcon}`, g.value.icon, "text-muted-foreground"])
@@ -3763,29 +3763,29 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       medium: "w-10 h-10 text-base",
       large: "w-12 h-12 text-lg",
       xl: "w-14 h-14 text-xl"
-    }, t = e, o = Ft(), n = f(() => !!o.animate), r = l, i = S([]);
+    }, t = e, o = Ft(), n = f(() => !!o.animate), r = l, i = C([]);
     let d = 0;
-    const c = (C) => {
+    const c = (S) => {
       if (!t.ripple || t.disabled || t.loading) return;
-      const Y = C.currentTarget.getBoundingClientRect(), Q = Math.max(Y.width, Y.height) * 2, ne = C.clientX - Y.left - Q / 2, E = C.clientY - Y.top - Q / 2, te = d++;
+      const Y = S.currentTarget.getBoundingClientRect(), Q = Math.max(Y.width, Y.height) * 2, ne = S.clientX - Y.left - Q / 2, E = S.clientY - Y.top - Q / 2, te = d++;
       i.value.push({ id: te, x: ne, y: E, size: Q }), setTimeout(() => {
         i.value = i.value.filter((K) => K.id !== te);
       }, 600);
-    }, v = (C) => {
+    }, v = (S) => {
       if (t.disabled || t.loading) {
-        C.preventDefault();
+        S.preventDefault();
         return;
       }
-      c(C), r("click", C);
-    }, g = (C) => {
-      if (!(t.disabled || t.loading) && (C.key === " " || C.key === "Enter")) {
-        C.preventDefault();
+      c(S), r("click", S);
+    }, g = (S) => {
+      if (!(t.disabled || t.loading) && (S.key === " " || S.key === "Enter")) {
+        S.preventDefault();
         const I = new MouseEvent("click", {
           bubbles: !0,
-          clientX: C.target.getBoundingClientRect().left + 20,
-          clientY: C.target.getBoundingClientRect().top + 20
+          clientX: S.target.getBoundingClientRect().left + 20,
+          clientY: S.target.getBoundingClientRect().top + 20
         });
-        C.target.dispatchEvent(I);
+        S.target.dispatchEvent(I);
       }
     }, y = f(() => t.to ? "router-link" : t.href ? "a" : t.tag), m = f(() => ({
       xs: "text-xs",
@@ -3795,17 +3795,17 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       xl: "text-xl"
     })[t.size]), p = f(() => {
       if (!t.color) return;
-      const C = t.color;
+      const S = t.color;
       if (t.variant === "filled")
-        return { backgroundColor: C, color: "#fff", borderColor: "transparent" };
+        return { backgroundColor: S, color: "#fff", borderColor: "transparent" };
       if (t.variant === "outlined")
-        return { backgroundColor: "transparent", borderColor: C, color: C };
+        return { backgroundColor: "transparent", borderColor: S, color: S };
       if (t.variant === "light")
-        return { backgroundColor: C.startsWith("var(") ? `color-mix(in srgb, ${C} 15%, transparent)` : `${C}20`, color: C, borderColor: "transparent" };
+        return { backgroundColor: S.startsWith("var(") ? `color-mix(in srgb, ${S} 15%, transparent)` : `${S}20`, color: S, borderColor: "transparent" };
       if (t.variant === "ghost")
-        return { backgroundColor: "transparent", color: C, borderColor: "transparent" };
+        return { backgroundColor: "transparent", color: S, borderColor: "transparent" };
       if (t.variant === "link")
-        return { backgroundColor: "transparent", color: C, borderColor: "transparent" };
+        return { backgroundColor: "transparent", color: S, borderColor: "transparent" };
     }), w = f(() => X(
       // Base + size + rounded from cva; skip variant when color is set (inline style handles it)
       Io({
@@ -3825,11 +3825,11 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
         [`s-button--animate-${t.animationType}`]: n.value && !t.animateInactive
       }
     )), T = f(() => {
-      const C = {};
-      return t.to && (C.to = t.to), t.href && (C.href = t.href), y.value === "button" && (C.type = t.type), t.disabled && (C.disabled = !0), C;
+      const S = {};
+      return t.to && (S.to = t.to), t.href && (S.href = t.href), y.value === "button" && (S.type = t.type), t.disabled && (S.disabled = !0), S;
     });
-    return (C, I) => (s(), Ie(_e(y.value), ee({ ...T.value, ...C.$attrs }, {
-      class: b(X)(w.value, C.$attrs.class),
+    return (S, I) => (s(), Ie(_e(y.value), ee({ ...T.value, ...S.$attrs }, {
+      class: b(X)(w.value, S.$attrs.class),
       style: p.value,
       onClick: v,
       onKeydown: g
@@ -3852,17 +3852,17 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
         h("span", {
           class: $(["s-button__content flex items-center justify-center gap-2", [e.contentClass, { "opacity-0": e.loading && e.preserveSize }]])
         }, [
-          !e.loading || e.preserveSize ? B(C.$slots, "icon-left", { key: 0 }, () => [
+          !e.loading || e.preserveSize ? B(S.$slots, "icon-left", { key: 0 }, () => [
             e.iconLeft ? (s(), u("span", {
               key: 0,
               class: $(["mdi", `mdi-${e.iconLeft}`, m.value, e.iconClass])
             }, null, 2)) : k("", !0)
           ], !0) : k("", !0),
           !e.iconOnly && (!e.loading || e.preserveSize) ? (s(), u("span", Bo, [
-            B(C.$slots, "default", {}, void 0, !0)
+            B(S.$slots, "default", {}, void 0, !0)
           ])) : k("", !0),
-          e.iconOnly && (!e.loading || e.preserveSize) && !e.iconLeft ? B(C.$slots, "default", { key: 2 }, void 0, !0) : k("", !0),
-          !e.loading || e.preserveSize ? B(C.$slots, "icon-right", { key: 3 }, () => [
+          e.iconOnly && (!e.loading || e.preserveSize) && !e.iconLeft ? B(S.$slots, "default", { key: 2 }, void 0, !0) : k("", !0),
+          !e.loading || e.preserveSize ? B(S.$slots, "icon-right", { key: 3 }, () => [
             e.iconRight ? (s(), u("span", {
               key: 0,
               class: $(["mdi", `mdi-${e.iconRight}`, m.value, e.iconClass])
@@ -3873,7 +3873,7 @@ const ho = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
           key: 1,
           class: $(["s-button__animate flex items-center justify-center gap-2", [`s-button__animate--${e.animationType}`]])
         }, [
-          B(C.$slots, "animate", {}, void 0, !0)
+          B(S.$slots, "animate", {}, void 0, !0)
         ], 2)) : k("", !0)
       ]),
       _: 3
@@ -3894,7 +3894,7 @@ function ta(e) {
   let a = !1;
   e === "system" ? a = window.matchMedia("(prefers-color-scheme: dark)").matches : a = e === "dark", a ? l.classList.add("dark") : l.classList.remove("dark");
 }
-const st = S(Do(el) || "system");
+const st = C(Do(el) || "system");
 Se(st, (e) => {
   Po(el, e), ta(e);
 });
@@ -3944,7 +3944,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const a = e, t = Ft(), o = f(() => !!t.animate), n = l, { theme: r } = tl(), i = S(!1);
+    const a = e, t = Ft(), o = f(() => !!t.animate), n = l, { theme: r } = tl(), i = C(!1);
     let d = null;
     Ae(() => {
       if (typeof window < "u") {
@@ -3973,7 +3973,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     </defs>`, document.body.appendChild(ue);
       }
     });
-    const c = f(() => r.value === "dark" ? !0 : r.value === "light" ? !1 : i.value), v = f(() => a.tint !== "auto" ? a.tint : c.value ? "light" : "dark"), g = S([]);
+    const c = f(() => r.value === "dark" ? !0 : r.value === "light" ? !1 : i.value), v = f(() => a.tint !== "auto" ? a.tint : c.value ? "light" : "dark"), g = C([]);
     let y = 0;
     const m = (E) => {
       if (!a.ripple || a.disabled || a.loading) return;
@@ -3997,7 +3997,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         });
         E.target.dispatchEvent(te);
       }
-    }, T = f(() => a.to ? "router-link" : a.href ? "a" : a.tag), C = f(() => a.iconOnly ? {
+    }, T = f(() => a.to ? "router-link" : a.href ? "a" : a.tag), S = f(() => a.iconOnly ? {
       xs: "w-6 h-6 text-xs",
       small: "w-8 h-8 text-sm",
       medium: "w-10 h-10 text-base",
@@ -4030,7 +4030,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     });
     return (E, te) => (s(), Ie(_e(T.value), ee({ ...E.$attrs, ...ne.value }, {
       class: ["s-glass-button relative inline-flex items-center justify-center font-medium overflow-hidden select-none focus:outline-none", [
-        C.value,
+        S.value,
         Y.value,
         {
           "w-full": e.block,
@@ -4117,7 +4117,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["show", "hide", "toggle", "update:visible"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = S(null), r = S(null), i = S(!1), d = S(t.placement), c = S({ top: 0, left: 0 }), v = S({ top: "", left: "", right: "", bottom: "" });
+    const t = e, o = a, n = C(null), r = C(null), i = C(!1), d = C(t.placement), c = C({ top: 0, left: 0 }), v = C({ top: "", left: "", right: "", bottom: "" });
     let g = null, y = null;
     const m = f(() => t.trigger === "manual"), p = f(() => {
       const x = {
@@ -4135,7 +4135,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         height: "0",
         borderStyle: "solid"
       }, M = t.arrowSize, V = d.value;
-      return v.value.top && (x.top = v.value.top), v.value.left && (x.left = v.value.left), v.value.right && (x.right = v.value.right), v.value.bottom && (x.bottom = v.value.bottom), V.startsWith("top") ? (x.borderWidth = `${M}px ${M}px 0 ${M}px`, x.borderColor = `${C()} transparent transparent transparent`, x.bottom = `-${M}px`) : V.startsWith("bottom") ? (x.borderWidth = `0 ${M}px ${M}px ${M}px`, x.borderColor = `transparent transparent ${C()} transparent`, x.top = `-${M}px`) : V.startsWith("left") ? (x.borderWidth = `${M}px 0 ${M}px ${M}px`, x.borderColor = `transparent transparent transparent ${C()}`, x.right = `-${M}px`) : V.startsWith("right") && (x.borderWidth = `${M}px ${M}px ${M}px 0`, x.borderColor = `transparent ${C()} transparent transparent`, x.left = `-${M}px`), x;
+      return v.value.top && (x.top = v.value.top), v.value.left && (x.left = v.value.left), v.value.right && (x.right = v.value.right), v.value.bottom && (x.bottom = v.value.bottom), V.startsWith("top") ? (x.borderWidth = `${M}px ${M}px 0 ${M}px`, x.borderColor = `${S()} transparent transparent transparent`, x.bottom = `-${M}px`) : V.startsWith("bottom") ? (x.borderWidth = `0 ${M}px ${M}px ${M}px`, x.borderColor = `transparent transparent ${S()} transparent`, x.top = `-${M}px`) : V.startsWith("left") ? (x.borderWidth = `${M}px 0 ${M}px ${M}px`, x.borderColor = `transparent transparent transparent ${S()}`, x.right = `-${M}px`) : V.startsWith("right") && (x.borderWidth = `${M}px ${M}px ${M}px 0`, x.borderColor = `transparent ${S()} transparent transparent`, x.left = `-${M}px`), x;
     }), T = f(() => X(
       "px-3 py-2 rounded-md text-sm leading-normal break-words pointer-events-auto shadow-lg",
       t.theme === "dark" && "bg-popover text-popover-foreground",
@@ -4143,7 +4143,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       t.theme === "custom" && "",
       t.tooltipClass
     ));
-    function C() {
+    function S() {
       return t.theme === "custom" && t.color ? t.color : t.theme === "light" ? "var(--s-background)" : "var(--s-popover)";
     }
     function I() {
@@ -4394,12 +4394,12 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       small: { gap: "gap-2", iconSize: "text-lg", titleSize: "text-sm font-semibold", textSize: "text-xs" },
       medium: { gap: "gap-3", iconSize: "text-xl", titleSize: "text-base font-semibold", textSize: "text-sm" },
       large: { gap: "gap-4", iconSize: "text-2xl", titleSize: "text-lg font-semibold", textSize: "text-base" }
-    }, d = e, c = a, v = S(!0), g = S(!1), y = S(100), m = S(null), p = S(null), w = S(0), T = S(d.duration), C = f(() => ({
+    }, d = e, c = a, v = C(!0), g = C(!1), y = C(100), m = C(null), p = C(null), w = C(0), T = C(d.duration), S = f(() => ({
       success: "check-circle",
       warning: "alert",
       error: "alert-circle",
       info: "information"
-    })), I = f(() => d.icon === !1 ? null : typeof d.icon == "string" ? d.icon : C.value[d.variant] || "information"), Y = f(() => i[d.size]), Q = f(() => {
+    })), I = f(() => d.icon === !1 ? null : typeof d.icon == "string" ? d.icon : S.value[d.variant] || "information"), Y = f(() => i[d.size]), Q = f(() => {
       if (d.border === "none") return "";
       const x = n[d.variant];
       return d.border === "left" ? `border-l-4 ${x}` : d.border === "top" ? `border-t-4 ${x}` : d.border === "all" ? `border-2 ${x}` : "";
@@ -4719,7 +4719,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
           size: "medium"
         }
       }
-    ), t = e, o = l, n = S(!1), r = f(() => Array.isArray(t.modelValue)), i = f(() => r.value ? t.modelValue.includes(t.value) : t.modelValue === !0 || t.modelValue === t.value), d = (C) => {
+    ), t = e, o = l, n = C(!1), r = f(() => Array.isArray(t.modelValue)), i = f(() => r.value ? t.modelValue.includes(t.value) : t.modelValue === !0 || t.modelValue === t.value), d = (S) => {
       if (t.disabled || t.loading) return;
       c();
       let I;
@@ -4728,13 +4728,13 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         Q === -1 ? Y.push(t.value) : Y.splice(Q, 1), I = Y;
       } else
         I = !i.value;
-      o("update:modelValue", I), o("change", I, C);
+      o("update:modelValue", I), o("change", I, S);
     }, c = () => {
       n.value = !0, setTimeout(() => {
         n.value = !1;
       }, 400);
-    }, v = (C) => {
-      (C.key === " " || C.key === "Enter") && (C.preventDefault(), d(C));
+    }, v = (S) => {
+      (S.key === " " || S.key === "Enter") && (S.preventDefault(), d(S));
     }, g = f(() => ({
       small: {
         icon: "text-[10px]",
@@ -4767,7 +4767,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       { "cursor-not-allowed": t.disabled || t.loading },
       t.checkboxClass
     )), T = f(() => t.rounded);
-    return (C, I) => (s(), u("div", Va(Sl(C.$attrs)), [
+    return (S, I) => (s(), u("div", Va(Sl(S.$attrs)), [
       h("label", {
         class: $(b(X)(
           "relative inline-flex items-center cursor-pointer select-none",
@@ -4822,7 +4822,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
                 key: 0,
                 class: $(b(X)("absolute inset-0 flex items-center justify-center", e.color ? "text-white" : "text-primary-foreground", g.value.icon))
               }, [
-                B(C.$slots, "icon", {}, () => [
+                B(S.$slots, "icon", {}, () => [
                   h("span", {
                     class: $(["mdi", `mdi-${p.value}`])
                   }, null, 2)
@@ -4832,7 +4832,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
             _: 3
           })
         ], 46, Ko),
-        e.label || C.$slots.default ? (s(), u("span", {
+        e.label || S.$slots.default ? (s(), u("span", {
           key: 0,
           class: $(b(X)(
             "transition-colors text-muted-foreground",
@@ -4841,7 +4841,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
             e.labelClass
           ))
         }, [
-          B(C.$slots, "default", {}, () => [
+          B(S.$slots, "default", {}, () => [
             Le(W(e.label), 1)
           ], !0),
           e.required ? (s(), u("span", No, "*")) : k("", !0)
@@ -4973,7 +4973,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     bgColor: { default: void 0 }
   },
   setup(e) {
-    const l = e, a = pe("avatarContext"), t = S(l.delayMs === 0), o = f(() => a ? t.value && (!a.state.imageLoaded || a.state.imageFailed) : t.value);
+    const l = e, a = pe("avatarContext"), t = C(l.delayMs === 0), o = f(() => a ? t.value && (!a.state.imageLoaded || a.state.imageFailed) : t.value);
     zl(() => {
       if (l.delayMs > 0 && !t.value) {
         const r = setTimeout(() => {
@@ -5041,7 +5041,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["load", "error"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = pe("avatarContext"), n = S(null), r = S(!1), i = S(!1), d = (v) => {
+    const a = e, t = l, o = pe("avatarContext"), n = C(null), r = C(!1), i = C(!1), d = (v) => {
       r.value = !0, i.value = !1, o?.setImageLoaded(!0), o?.setImageFailed(!1), t("load", v);
     }, c = (v) => {
       r.value = !1, i.value = !0, o?.setImageLoaded(!1), o?.setImageFailed(!0), t("error", v);
@@ -5143,7 +5143,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change", "open", "close", "search", "focus", "blur", "create"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(null), n = S(null), r = S(null), i = S(null), d = S(!1), c = S(!1), v = S(""), g = S(""), y = S(!1), m = S(-1), p = S([]), w = S({ top: 0, left: 0, width: 0, placement: "bottom" }), T = f(() => a.closeOnSelect !== void 0 ? a.closeOnSelect : !a.multiple), C = f(() => a.modelValue === null || a.modelValue === void 0 ? [] : a.multiple ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [a.modelValue]), I = f(() => C.value.map((H) => {
+    const a = e, t = l, o = C(null), n = C(null), r = C(null), i = C(null), d = C(!1), c = C(!1), v = C(""), g = C(""), y = C(!1), m = C(-1), p = C([]), w = C({ top: 0, left: 0, width: 0, placement: "bottom" }), T = f(() => a.closeOnSelect !== void 0 ? a.closeOnSelect : !a.multiple), S = f(() => a.modelValue === null || a.modelValue === void 0 ? [] : a.multiple ? Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue] : [a.modelValue]), I = f(() => S.value.map((H) => {
       const oe = a.options.find((Te) => Te.value === H);
       if (oe) return oe;
       const se = p.value.find((Te) => Te.value === H);
@@ -5165,7 +5165,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       return !a.options.some(
         (oe) => (oe.label ?? String(oe.value)).toLowerCase() === H
       );
-    }), le = f(() => a.createText.replace("{query}", Q.value.trim())), N = f(() => a.multiple ? Array.isArray(a.modelValue) && a.modelValue.length > 0 : a.modelValue !== null && a.modelValue !== void 0 && a.modelValue !== ""), R = f(() => a.multiple ? I.value.slice(0, a.tagLimit) : []), ue = f(() => a.multiple ? Math.max(0, I.value.length - a.tagLimit) : 0), ie = (H) => C.value.includes(H), me = (H) => {
+    }), le = f(() => a.createText.replace("{query}", Q.value.trim())), N = f(() => a.multiple ? Array.isArray(a.modelValue) && a.modelValue.length > 0 : a.modelValue !== null && a.modelValue !== void 0 && a.modelValue !== ""), R = f(() => a.multiple ? I.value.slice(0, a.tagLimit) : []), ue = f(() => a.multiple ? Math.max(0, I.value.length - a.tagLimit) : 0), ie = (H) => S.value.includes(H), me = (H) => {
       const oe = p.value.findIndex((se) => se.value === H.value);
       return oe >= 0 ? oe : (p.value.push(H), p.value.length - 1);
     }, z = (H) => {
@@ -5203,8 +5203,8 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       };
     }, P = () => {
       a.disabled || a.loading || d.value || (d.value = !0, m.value = -1, j(), t("open"), He(() => {
-        if (a.filter && i.value ? (i.value.focus(), y.value = !0) : a.searchable && r.value && r.value.focus(), C.value.length > 0) {
-          const oe = (a.options.length > 0 ? a.options : p.value).findIndex((se) => se.value === C.value[0]);
+        if (a.filter && i.value ? (i.value.focus(), y.value = !0) : a.searchable && r.value && r.value.focus(), S.value.length > 0) {
+          const oe = (a.options.length > 0 ? a.options : p.value).findIndex((se) => se.value === S.value[0]);
           oe >= 0 && (m.value = oe);
         }
       }));
@@ -5881,7 +5881,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     defaultCollapsed: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, a = S(l.defaultCollapsed), t = () => {
+    const l = e, a = C(l.defaultCollapsed), t = () => {
       l.collapsible && (a.value = !a.value);
     };
     return je("s-option-group-disabled", f(() => l.disabled)), (o, n) => (s(), u("div", ee(o.$attrs, {
@@ -5934,7 +5934,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     lazy: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, a = pe(al), t = S(null), o = S(-1);
+    const l = e, a = pe(al), t = C(null), o = C(-1);
     Ae(() => {
       if (a && t.value) {
         const d = t.value.parentElement;
@@ -6039,7 +6039,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change", "slideStart", "slideEnd", "autoplayStart", "autoplayStop", "autoplayPause", "autoplayResume", "reachStart", "reachEnd", "touchStart", "touchMove", "touchEnd", "click", "doubleClick"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = S(null), r = S(t.modelValue), i = S(/* @__PURE__ */ new Map()), d = S(/* @__PURE__ */ new Map()), c = S(!1), v = S(!1), g = S(!1), y = S(null), m = S(0), p = S(null), w = S(0), T = S(0), C = S(!1), I = S({ x: 0, y: 0 }), Y = S(0), Q = f(() => i.value.size), ne = f(() => t.loop || t.rewind && r.value === 0 ? !0 : r.value > 0), E = f(() => t.loop || t.rewind && r.value >= Q.value - t.slidesPerView ? !0 : r.value < Q.value - t.slidesPerView), te = f(() => ({
+    const t = e, o = a, n = C(null), r = C(t.modelValue), i = C(/* @__PURE__ */ new Map()), d = C(/* @__PURE__ */ new Map()), c = C(!1), v = C(!1), g = C(!1), y = C(null), m = C(0), p = C(null), w = C(0), T = C(0), S = C(!1), I = C({ x: 0, y: 0 }), Y = C(0), Q = f(() => i.value.size), ne = f(() => t.loop || t.rewind && r.value === 0 ? !0 : r.value > 0), E = f(() => t.loop || t.rewind && r.value >= Q.value - t.slidesPerView ? !0 : r.value < Q.value - t.slidesPerView), te = f(() => ({
       ease: "cubic-bezier(0.25, 0.1, 0.25, 1)",
       "ease-in": "cubic-bezier(0.42, 0, 1, 1)",
       "ease-out": "cubic-bezier(0, 0, 0.58, 1)",
@@ -6063,7 +6063,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         "--carousel-easing": te.value
       };
       if (t.effect === "slide" || t.effect === "parallax") {
-        const Z = t.direction === "horizontal" ? `translateX(calc(-${r.value * 100}% - ${r.value * t.gap}px + ${C.value ? Y.value : 0}px))` : `translateY(calc(-${r.value * 100}% - ${r.value * t.gap}px + ${C.value ? Y.value : 0}px))`;
+        const Z = t.direction === "horizontal" ? `translateX(calc(-${r.value * 100}% - ${r.value * t.gap}px + ${S.value ? Y.value : 0}px))` : `translateY(calc(-${r.value * 100}% - ${r.value * t.gap}px + ${S.value ? Y.value : 0}px))`;
         F.transform = Z;
       }
       return F;
@@ -6112,11 +6112,11 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       v.value = !1, t.pauseOnHover && t.autoplay && !g.value && M();
     }, O = (F) => {
       if (c.value) return;
-      o("touchStart", F), C.value = !0;
+      o("touchStart", F), S.value = !0;
       const Z = "touches" in F ? F.touches[0].clientX : F.clientX, de = "touches" in F ? F.touches[0].clientY : F.clientY;
       I.value = { x: Z, y: de }, Y.value = 0, T.value = Date.now(), w.value = 0, t.pauseOnInteraction && t.autoplay && V();
     }, q = (F) => {
-      if (!C.value) return;
+      if (!S.value) return;
       o("touchMove", F);
       const Z = "touches" in F ? F.touches[0].clientX : F.clientX, de = "touches" in F ? F.touches[0].clientY : F.clientY, Ve = t.direction === "horizontal" ? (Z - I.value.x) * t.touchSensitivity : (de - I.value.y) * t.touchSensitivity, We = Date.now(), et = We - T.value;
       if (et > 0 && (w.value = (Ve - Y.value) / et), T.value = We, t.resistance && !t.loop) {
@@ -6128,8 +6128,8 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       }
       Y.value = Ve;
     }, $e = () => {
-      if (!C.value) return;
-      o("touchEnd"), C.value = !1;
+      if (!S.value) return;
+      o("touchEnd"), S.value = !1;
       const F = t.freeMode ? za / 2 : za, Z = 0.3;
       (Math.abs(Y.value) > F || t.freeMode && Math.abs(w.value) > Z) && (Y.value > 0 || t.freeMode && w.value > Z ? x() : z()), Y.value = 0, w.value = 0, t.autoplay && !v.value && !g.value && M();
     }, ze = (F) => {
@@ -6173,9 +6173,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       class: b(X)("s-carousel relative overflow-hidden bg-muted select-none", [
         `s-carousel--${e.effect}`,
         `s-carousel--${e.direction}`,
-        { "s-carousel--dragging": C.value },
-        { "cursor-grab": e.grabCursor && !C.value },
-        { "cursor-grabbing": e.grabCursor && C.value },
+        { "s-carousel--dragging": S.value },
+        { "cursor-grab": e.grabCursor && !S.value },
+        { "cursor-grabbing": e.grabCursor && S.value },
         e.containerClass
       ], F.$attrs.class ?? ""),
       style: N.value,
@@ -6352,7 +6352,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = pe("radioGroupValue", void 0), n = pe("radioGroupDisabled", !1), r = pe("radioGroupSize", void 0), i = pe("radioGroupColor", void 0), d = pe("radioGroupVariant", void 0), c = pe("radioGroupUpdate", void 0), v = S(!1), g = f(() => o?.value ?? a.modelValue), y = f(() => a.disabled || n), m = f(() => r ?? a.size), p = f(() => i ?? a.color), w = f(() => d ?? a.variant), T = f(() => !!p.value), C = f(() => g.value === a.value), I = (re) => {
+    const a = e, t = l, o = pe("radioGroupValue", void 0), n = pe("radioGroupDisabled", !1), r = pe("radioGroupSize", void 0), i = pe("radioGroupColor", void 0), d = pe("radioGroupVariant", void 0), c = pe("radioGroupUpdate", void 0), v = C(!1), g = f(() => o?.value ?? a.modelValue), y = f(() => a.disabled || n), m = f(() => r ?? a.size), p = f(() => i ?? a.color), w = f(() => d ?? a.variant), T = f(() => !!p.value), S = f(() => g.value === a.value), I = (re) => {
       y.value || a.loading || (Y(), c ? c(a.value) : (t("update:modelValue", a.value), t("change", a.value, re)));
     }, Y = () => {
       v.value = !0, setTimeout(() => {
@@ -6385,12 +6385,12 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         gap: "gap-2.5",
         button: "px-5 py-2.5 text-base"
       }
-    })[m.value]), E = f(() => C.value && w.value !== "button" && T.value ? {
+    })[m.value]), E = f(() => S.value && w.value !== "button" && T.value ? {
       borderColor: p.value,
       boxShadow: `0 0 0 3px ${p.value}20`
-    } : {}), te = f(() => C.value && T.value ? {
+    } : {}), te = f(() => S.value && T.value ? {
       backgroundColor: p.value
-    } : {}), K = f(() => w.value === "button" && C.value && T.value ? {
+    } : {}), K = f(() => w.value === "button" && S.value && T.value ? {
       backgroundColor: p.value,
       borderColor: p.value,
       color: "#ffffff"
@@ -6400,13 +6400,13 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         key: 0,
         type: "button",
         role: "radio",
-        "aria-checked": C.value,
+        "aria-checked": S.value,
         "aria-disabled": y.value || e.loading,
         disabled: y.value || e.loading,
         class: $(b(X)(
           "s-radio-button relative inline-flex items-center justify-center border-2 rounded-lg font-medium transition-all duration-300 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring select-none",
           ne.value.button,
-          C.value ? T.value ? "border-transparent shadow-lg" : "border-transparent shadow-lg bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:border-input hover:text-foreground",
+          S.value ? T.value ? "border-transparent shadow-lg" : "border-transparent shadow-lg bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:border-input hover:text-foreground",
           { "opacity-50 cursor-not-allowed": y.value || e.loading },
           { "cursor-pointer": !y.value && !e.loading }
         )),
@@ -6440,7 +6440,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
           type: "radio",
           name: e.name,
           value: e.value,
-          checked: C.value,
+          checked: S.value,
           disabled: y.value || e.loading,
           required: e.required,
           tabindex: "-1",
@@ -6449,15 +6449,15 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         }, null, 40, fs),
         h("span", {
           role: "radio",
-          "aria-checked": C.value,
+          "aria-checked": S.value,
           "aria-disabled": y.value || e.loading,
           tabindex: "0",
           class: $(b(X)(
             "s-radio-outer relative inline-flex items-center justify-center shrink-0 rounded-full border-2 transition-all duration-300 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
             ne.value.outer,
-            C.value ? T.value ? "" : "border-primary shadow-[0_0_0_3px_color-mix(in_srgb,var(--s-ring)_12%,transparent)]" : "border-border hover:border-input",
-            w.value === "filled" && C.value ? "border-transparent" : "",
-            w.value === "outlined" && C.value ? "border-2" : "",
+            S.value ? T.value ? "" : "border-primary shadow-[0_0_0_3px_color-mix(in_srgb,var(--s-ring)_12%,transparent)]" : "border-border hover:border-input",
+            w.value === "filled" && S.value ? "border-transparent" : "",
+            w.value === "outlined" && S.value ? "border-2" : "",
             { "cursor-not-allowed": y.value || e.loading },
             e.radioClass
           )),
@@ -6470,14 +6470,14 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
             class: $(["absolute inset-0 rounded-full animate-ping opacity-30", { "bg-primary": !T.value }]),
             style: U(T.value ? { backgroundColor: p.value } : {})
           }, null, 6)) : k("", !0),
-          w.value === "filled" && C.value ? (s(), u("span", {
+          w.value === "filled" && S.value ? (s(), u("span", {
             key: 1,
             class: $(["absolute inset-0 rounded-full transition-all duration-300", { "bg-primary": !T.value }]),
             style: U(T.value ? { backgroundColor: p.value } : {})
           }, null, 6)) : k("", !0),
           e.loading ? (s(), u("span", {
             key: 2,
-            class: $(["mdi mdi-loading animate-spin z-10", [ne.value.icon, C.value && w.value === "filled" ? T.value ? "text-white" : "text-primary-foreground" : "text-foreground"]])
+            class: $(["mdi mdi-loading animate-spin z-10", [ne.value.icon, S.value && w.value === "filled" ? T.value ? "text-white" : "text-primary-foreground" : "text-foreground"]])
           }, null, 2)) : k("", !0),
           Pe(De, {
             "enter-active-class": "transition-all duration-300 ease-out",
@@ -6488,7 +6488,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
             "leave-to-class": "scale-0 opacity-0"
           }, {
             default: Ce(() => [
-              C.value && !e.loading ? (s(), u("span", {
+              S.value && !e.loading ? (s(), u("span", {
                 key: 0,
                 class: $(["z-10", w.value === "filled" ? T.value ? "text-white" : "text-primary-foreground" : ""])
               }, [
@@ -6518,7 +6518,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
           class: $(b(X)(
             "s-radio-label text-muted-foreground transition-colors duration-200",
             ne.value.label,
-            { "text-foreground": C.value },
+            { "text-foreground": S.value },
             e.labelClass
           ))
         }, [
@@ -6551,7 +6551,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(a.modelValue);
+    const a = e, t = l, o = C(a.modelValue);
     Se(() => a.modelValue, (c) => {
       o.value = c;
     }), je("radioGroupValue", f(() => o.value)), je("radioGroupDisabled", a.disabled), je("radioGroupSize", a.size), je("radioGroupColor", a.color), je("radioGroupVariant", a.variant), je("radioGroupUpdate", (c) => {
@@ -6647,7 +6647,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change", "before-expand", "after-expand", "before-collapse", "after-collapse"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S([]), n = S(/* @__PURE__ */ new Set());
+    const a = e, t = l, o = C([]), n = C(/* @__PURE__ */ new Set());
     Se(() => a.modelValue, () => {
       a.modelValue !== void 0 && (n.value.clear(), Array.isArray(a.modelValue) ? a.modelValue.forEach((m) => n.value.add(m)) : a.modelValue !== null && n.value.add(a.modelValue));
     }, { immediate: !0 });
@@ -6731,7 +6731,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     Ft();
     const o = pe(Qt);
     o || console.warn("[SAccordionItem] Must be used inside SAccordion");
-    const n = S(null), r = S(0), i = S(!1), d = f(() => o?.isExpanded(a.name) ?? !1), c = f(() => a.disabled), v = f(() => a.lazy ? i.value : !0);
+    const n = C(null), r = C(0), i = C(!1), d = f(() => o?.isExpanded(a.name) ?? !1), c = f(() => a.disabled), v = f(() => a.lazy ? i.value : !0);
     Se(d, (E) => {
       E && (i.value = !0), t("toggle", E), He(() => g());
     });
@@ -6797,7 +6797,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         minimal: "hover:text-primary"
       }, re = a.disabled ? "opacity-50 cursor-not-allowed" : "", le = d.value && !a.disabled ? "bg-accent/50" : "";
       return `${te} ${p.value.header} ${K[E]} ${re} ${le} ${a.headerClass}`;
-    }), C = f(() => o?.animated ? {
+    }), S = f(() => o?.animated ? {
       maxHeight: d.value ? `${r.value}px` : "0px",
       opacity: d.value ? "1" : "0",
       overflow: "hidden",
@@ -6819,7 +6819,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       contentHeight: r,
       updateContentHeight: g,
       shouldRender: v,
-      contentWrapperStyle: C,
+      contentWrapperStyle: S,
       sizeConfig: p,
       accordionContext: o
     }), (E, te) => (s(), u("div", ee(E.$attrs, {
@@ -6882,7 +6882,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         h("div", {
           ref_key: "contentRef",
           ref: n,
-          style: U(C.value),
+          style: U(S.value),
           role: "region",
           "aria-hidden": !d.value
         }, [
@@ -6922,13 +6922,13 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         separated: "bg-background hover:bg-accent",
         card: "hover:bg-accent",
         minimal: "hover:text-primary"
-      }, T = r.value ? "opacity-50 cursor-not-allowed" : "", C = n.value && !r.value ? "bg-accent/50" : "";
+      }, T = r.value ? "opacity-50 cursor-not-allowed" : "", S = n.value && !r.value ? "bg-accent/50" : "";
       return X(
         p,
         i.value?.header,
         w[m],
         T,
-        C,
+        S,
         l.triggerClass,
         a.class ?? ""
       );
@@ -7091,9 +7091,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "open", "close", "clear", "monthChange", "yearChange"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = f(() => a.color === "var(--s-primary)" ? "text-primary-foreground" : "text-white"), n = S(null), r = S(null), i = S(!1), d = S(!1), c = S(/* @__PURE__ */ new Date()), v = S(null), g = S(null), y = S(!1), m = S(!1), p = S(null), w = S(0), T = S(0), C = S(!0), I = S([]);
+    const a = e, t = l, o = f(() => a.color === "var(--s-primary)" ? "text-primary-foreground" : "text-white"), n = C(null), r = C(null), i = C(!1), d = C(!1), c = C(/* @__PURE__ */ new Date()), v = C(null), g = C(null), y = C(!1), m = C(!1), p = C(null), w = C(0), T = C(0), S = C(!0), I = C([]);
     let Y = 0;
-    const Q = S({ top: 0, left: 0, width: 0, placement: "bottom" }), ne = [
+    const Q = C({ top: 0, left: 0, width: 0, placement: "bottom" }), ne = [
       "January",
       "February",
       "March",
@@ -7355,7 +7355,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       v.value = null;
     }
     function ot(G) {
-      w.value = (w.value + G + 24) % 24, C.value = w.value < 12, Vt();
+      w.value = (w.value + G + 24) % 24, S.value = w.value < 12, Vt();
     }
     function ce(G) {
       T.value = (T.value + G + 60) % 60, Vt();
@@ -7365,7 +7365,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       if (!he)
         return;
       let Ee = parseInt(he, 10);
-      a.timeFormat === "12h" ? (Ee = Math.max(1, Math.min(12, Ee)), C.value ? w.value = Ee === 12 ? 0 : Ee : w.value = Ee === 12 ? 12 : Ee + 12) : (Ee = Math.max(0, Math.min(23, Ee)), w.value = Ee), Vt();
+      a.timeFormat === "12h" ? (Ee = Math.max(1, Math.min(12, Ee)), S.value ? w.value = Ee === 12 ? 0 : Ee : w.value = Ee === 12 ? 12 : Ee + 12) : (Ee = Math.max(0, Math.min(23, Ee)), w.value = Ee), Vt();
     }
     function H(G) {
       const he = G.target.value.replace(/\D/g, "");
@@ -7385,7 +7385,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       ce(_);
     }
     function Te() {
-      C.value = !C.value, C.value && w.value >= 12 ? w.value -= 12 : !C.value && w.value < 12 && (w.value += 12), Vt();
+      S.value = !S.value, S.value && w.value >= 12 ? w.value -= 12 : !S.value && w.value < 12 && (w.value += 12), Vt();
     }
     function Fe() {
       if (a.timeFormat === "12h") {
@@ -7761,18 +7761,18 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
                     h("button", {
                       type: "button",
                       class: $(["px-3 py-1.5 text-sm font-medium rounded-lg transition-colors", [
-                        C.value ? o.value : "text-muted-foreground hover:bg-accent"
+                        S.value ? o.value : "text-muted-foreground hover:bg-accent"
                       ]]),
-                      style: U(C.value ? { backgroundColor: e.color } : void 0),
-                      onClick: _[8] || (_[8] = (he) => C.value || Te())
+                      style: U(S.value ? { backgroundColor: e.color } : void 0),
+                      onClick: _[8] || (_[8] = (he) => S.value || Te())
                     }, " AM ", 6),
                     h("button", {
                       type: "button",
                       class: $(["px-3 py-1.5 text-sm font-medium rounded-lg transition-colors", [
-                        C.value ? "text-muted-foreground hover:bg-accent" : o.value
+                        S.value ? "text-muted-foreground hover:bg-accent" : o.value
                       ]]),
-                      style: U(C.value ? void 0 : { backgroundColor: e.color }),
-                      onClick: _[9] || (_[9] = (he) => C.value && Te())
+                      style: U(S.value ? void 0 : { backgroundColor: e.color }),
+                      onClick: _[9] || (_[9] = (he) => S.value && Te())
                     }, " PM ", 6)
                   ])) : k("", !0)
                 ])
@@ -7805,7 +7805,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerSpectrum] Must be used inside SColorPicker");
-    const a = S(null), t = S(!1), o = f(() => {
+    const a = C(null), t = C(!1), o = f(() => {
       if (!l) return "rgb(0,0,0)";
       const w = l.hsvToRgb(l.hsva.value.h, 100, 100);
       return `rgb(${w.r}, ${w.g}, ${w.b})`;
@@ -7818,13 +7818,13 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     }));
     function i(w) {
       if (!a.value || !l) return;
-      const T = a.value.getBoundingClientRect(), C = Math.max(0, Math.min(w.clientX - T.left, T.width)), I = Math.max(0, Math.min(w.clientY - T.top, T.height));
-      l.hsva.value.s = C / T.width * 100, l.hsva.value.v = 100 - I / T.height * 100, l.emitInput();
+      const T = a.value.getBoundingClientRect(), S = Math.max(0, Math.min(w.clientX - T.left, T.width)), I = Math.max(0, Math.min(w.clientY - T.top, T.height));
+      l.hsva.value.s = S / T.width * 100, l.hsva.value.v = 100 - I / T.height * 100, l.emitInput();
     }
     function d(w) {
       if (!a.value || !l || !w.touches[0]) return;
-      const T = a.value.getBoundingClientRect(), C = Math.max(0, Math.min(w.touches[0].clientX - T.left, T.width)), I = Math.max(0, Math.min(w.touches[0].clientY - T.top, T.height));
-      l.hsva.value.s = C / T.width * 100, l.hsva.value.v = 100 - I / T.height * 100, l.emitInput();
+      const T = a.value.getBoundingClientRect(), S = Math.max(0, Math.min(w.touches[0].clientX - T.left, T.width)), I = Math.max(0, Math.min(w.touches[0].clientY - T.top, T.height));
+      l.hsva.value.s = S / T.width * 100, l.hsva.value.v = 100 - I / T.height * 100, l.emitInput();
     }
     function c(w) {
       l?.disabled.value || l?.readonly.value || (t.value = !0, i(w), document.addEventListener("mousemove", g), document.addEventListener("mouseup", m));
@@ -7870,7 +7870,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerHueSlider] Must be used inside SColorPicker");
-    const a = S(null), t = S(!1), o = f(() => ({
+    const a = C(null), t = C(!1), o = f(() => ({
       left: `${(l?.hsva.value.h ?? 0) / 360 * 100}%`
     }));
     function n(m) {
@@ -7921,7 +7921,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerAlphaSlider] Must be used inside SColorPicker");
-    const a = S(null), t = S(!1), o = f(() => ({
+    const a = C(null), t = C(!1), o = f(() => ({
       left: `${(l?.hsva.value.a ?? 1) * 100}%`
     })), n = f(() => {
       if (!l) return "";
@@ -8001,7 +8001,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerEyeDropper] Must be used inside SColorPicker");
-    const a = S(!1);
+    const a = C(!1);
     Ae(() => {
       a.value = typeof window < "u" && "EyeDropper" in window;
     });
@@ -8067,7 +8067,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerCopy] Must be used inside SColorPicker");
-    const a = S(!1);
+    const a = C(!1);
     async function t() {
       if (l)
         try {
@@ -8123,7 +8123,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = pe(ut);
     l || console.warn("[SColorPickerInputs] Must be used inside SColorPicker");
-    const a = S(""), t = S({ r: 0, g: 0, b: 0, a: 100 }), o = S({ h: 0, s: 0, l: 0, a: 100 });
+    const a = C(""), t = C({ r: 0, g: 0, b: 0, a: 100 }), o = C({ h: 0, s: 0, l: 0, a: 100 });
     Se([() => l?.currentHex.value, () => l?.currentRgb.value, () => l?.currentHsl.value], () => {
       l && (a.value = l.currentHex.value.toUpperCase(), t.value = {
         r: l.currentRgb.value.r,
@@ -8482,7 +8482,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "change", "input"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = Ft(), n = S(!1), r = S("hex"), i = S([]), d = S(null), c = S({ h: 210, s: 76, v: 96, a: 1 }), v = f(() => ({
+    const a = e, t = l, o = Ft(), n = C(!1), r = C("hex"), i = C([]), d = C(null), c = C({ h: 210, s: 76, v: 96, a: 1 }), v = f(() => ({
       small: {
         panelWidth: "w-52 min-w-52 max-w-full",
         spectrumHeight: "h-32",
@@ -8573,7 +8573,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       }
       return { h: Math.round(P * 360), s: Math.round(D * 100), l: Math.round(L * 100) };
     }
-    const T = f(() => ({ ...p(c.value.h, c.value.s, c.value.v), a: c.value.a })), C = f(() => {
+    const T = f(() => ({ ...p(c.value.h, c.value.s, c.value.v), a: c.value.a })), S = f(() => {
       const { r: z, g: x, b: M } = T.value;
       return y(z, x, M, a.showAlpha ? c.value.a : void 0);
     }), I = f(() => {
@@ -8587,7 +8587,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         case "hsl":
           return a.showAlpha ? `hsla(${j}, ${P}%, ${D}%, ${V.toFixed(2)})` : `hsl(${j}, ${P}%, ${D}%)`;
         default:
-          return C.value.toUpperCase();
+          return S.value.toUpperCase();
       }
     }), Q = f(() => {
       const { r: z, g: x, b: M, a: V } = T.value, { h: j, s: P, l: D } = I.value;
@@ -8597,7 +8597,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         case "hsl":
           return a.showAlpha ? `hsla(${j}, ${P}%, ${D}%, ${V.toFixed(2)})` : `hsl(${j}, ${P}%, ${D}%)`;
         default:
-          return C.value.toUpperCase();
+          return S.value.toUpperCase();
       }
     });
     function ne(z) {
@@ -8623,7 +8623,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       z && ne(z);
     }, { immediate: !0 });
     function E() {
-      t("update:modelValue", Q.value), t("change", Q.value), re(C.value);
+      t("update:modelValue", Q.value), t("change", Q.value), re(S.value);
     }
     function te() {
       t("input", Q.value);
@@ -8664,7 +8664,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     const ie = f(() => !!o.default), me = {
       hsva: c,
       currentRgb: T,
-      currentHex: C,
+      currentHex: S,
       currentHsl: I,
       displayValue: Y,
       activeFormat: r,
@@ -8709,7 +8709,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         onClick: Oe(R, ["stop"])
       }, [
         B(z.$slots, "trigger", {
-          color: C.value,
+          color: S.value,
           displayValue: Y.value,
           rgb: T.value,
           hsl: I.value,
@@ -8727,7 +8727,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       }, [
         h("span", {
           class: "s-color-picker__trigger-swatch",
-          style: U({ backgroundColor: C.value })
+          style: U({ backgroundColor: S.value })
         }, null, 4),
         h("span", Hr, W(Y.value), 1),
         (s(), u("svg", {
@@ -8754,7 +8754,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       }, [
         h("span", {
           class: "s-color-picker__trigger-swatch-bar-color",
-          style: U({ backgroundColor: e.showAlpha ? `rgba(${T.value.r}, ${T.value.g}, ${T.value.b}, ${c.value.a})` : C.value })
+          style: U({ backgroundColor: e.showAlpha ? `rgba(${T.value.r}, ${T.value.g}, ${T.value.b}, ${c.value.a})` : S.value })
         }, null, 4)
       ], 8, Wr)) : k("", !0),
       ie.value ? Ne((s(), u("div", {
@@ -8762,7 +8762,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         class: $(["s-color-picker__panel", [v.value.panelWidth, { "s-color-picker__panel--dropdown": e.mode === "dropdown" }]])
       }, [
         B(z.$slots, "default", {
-          color: C.value,
+          color: S.value,
           rgb: T.value,
           hsl: I.value,
           displayValue: Y.value,
@@ -8884,9 +8884,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "update:error", "focus", "blur", "input", "change", "clear", "enter", "validate", "select-suggestion"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = S(null), r = S(!1), i = S(!1), d = S(null), c = S(!1), v = f(() => t.id || `s-input-${Math.random().toString(36).slice(2, 9)}`), g = f(() => `${v.value}-message`), y = S(!1), m = S(-1), p = S(null);
+    const t = e, o = a, n = C(null), r = C(!1), i = C(!1), d = C(null), c = C(!1), v = f(() => t.id || `s-input-${Math.random().toString(36).slice(2, 9)}`), g = f(() => `${v.value}-message`), y = C(!1), m = C(-1), p = C(null);
     let w = null;
-    const T = f(() => t.modelValue !== null && t.modelValue !== void 0 && String(t.modelValue).length > 0), C = f(() => String(t.modelValue || "").length), I = f(() => t.type === "password" && i.value ? "text" : t.type), Y = f(() => t.labelPlacement === "floating" || t.labelPlacement === "inside"), Q = f(() => r.value || T.value), ne = f(() => typeof t.error == "string" ? t.error : t.error === !0 ? "Invalid value" : d.value), E = f(() => typeof t.success == "string" ? t.success : null), te = f(() => typeof t.warning == "string" ? t.warning : null), K = f(() => ne.value || t.error ? "error" : E.value || t.success ? "success" : te.value || t.warning ? "warning" : null), re = f(() => {
+    const T = f(() => t.modelValue !== null && t.modelValue !== void 0 && String(t.modelValue).length > 0), S = f(() => String(t.modelValue || "").length), I = f(() => t.type === "password" && i.value ? "text" : t.type), Y = f(() => t.labelPlacement === "floating" || t.labelPlacement === "inside"), Q = f(() => r.value || T.value), ne = f(() => typeof t.error == "string" ? t.error : t.error === !0 ? "Invalid value" : d.value), E = f(() => typeof t.success == "string" ? t.success : null), te = f(() => typeof t.warning == "string" ? t.warning : null), K = f(() => ne.value || t.error ? "error" : E.value || t.success ? "success" : te.value || t.warning ? "warning" : null), re = f(() => {
       switch (K.value) {
         case "error":
           return "alert-circle";
@@ -8962,7 +8962,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       warning: "border-amber-500 hover:border-amber-500"
     }[K.value] : ""), M = f(() => {
       if (!t.maxLength) return "text-muted-foreground";
-      const ce = C.value / t.maxLength;
+      const ce = S.value / t.maxLength;
       return ce >= 1 ? "text-red-500" : ce >= 0.9 ? "text-amber-500" : ce >= 0.75 ? "text-amber-400" : "text-muted-foreground";
     }), V = f(() => t.iconColor ? "" : r.value ? t.color ? "" : "text-primary" : "text-muted-foreground"), j = f(() => {
       if (!(!r.value || t.iconColor || !t.color))
@@ -9369,7 +9369,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
           e.counter && e.maxLength ? (s(), u("span", {
             key: 0,
             class: $(["text-xs shrink-0 tabular-nums transition-colors duration-200", M.value])
-          }, W(C.value) + " / " + W(e.maxLength), 3)) : k("", !0)
+          }, W(S.value) + " / " + W(e.maxLength), 3)) : k("", !0)
         ], 8, ii)) : k("", !0)
       ])
     ], 16));
@@ -9575,13 +9575,13 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:visible", "open", "close", "select"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = S(null), r = S(null), i = S(null), d = S(!1), c = S(""), v = S(-1), g = S([]), y = S({ placement: t.placement });
+    const t = e, o = a, n = C(null), r = C(null), i = C(null), d = C(!1), c = C(""), v = C(-1), g = C([]), y = C({ placement: t.placement });
     let m = null, p = null;
     const w = f(() => t.trigger === "manual"), T = f(() => {
       if (!t.items || !c.value) return t.items;
       const P = c.value.toLowerCase();
       return t.items.filter((D) => D.divider || D.header ? !0 : D.label.toLowerCase().includes(P));
-    }), C = f(() => {
+    }), S = f(() => {
       if (t.teleport === !0) return "body";
       if (typeof t.teleport == "string") return t.teleport;
     }), I = f(() => {
@@ -9816,10 +9816,10 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
           ], 10, hi)
         ], !0)
       ], 40, bi),
-      C.value ? (s(), Ie(ft, {
+      S.value ? (s(), Ie(ft, {
         key: 0,
-        to: C.value,
-        disabled: !C.value
+        to: S.value,
+        disabled: !S.value
       }, [
         Pe(De, {
           "enter-active-class": ne.value.enter,
@@ -10026,10 +10026,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["click", "update:checked"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = pe(da);
-    let n = -1;
+    const a = e, t = l, o = pe(da), n = C(-1);
     Ae(() => {
-      o && (n = o.registerItem({
+      o && (n.value = o.registerItem({
         key: a.itemKey,
         disabled: a.disabled
       }));
@@ -10049,7 +10048,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
         item: "px-3 py-2 text-base",
         icon: "text-lg"
       }
-    })[o?.size ?? "medium"]), i = f(() => a.color ?? o?.color ?? "var(--s-primary)"), d = f(() => o ? o.highlightedIndex.value === n : !1), c = (v) => {
+    })[o?.size ?? "medium"]), i = f(() => a.color ?? o?.color ?? "var(--s-primary)"), d = f(() => !o || n.value < 0 ? !1 : o.highlightedIndex.value === n.value), c = (v) => {
       a.disabled || (t("click", v), a.checked !== void 0 && t("update:checked", !a.checked), o && o.selectItem(a.itemKey));
     };
     return (v, g) => (s(), u("div", ee({
@@ -10093,7 +10092,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       ])
     ], 16, Pi));
   }
-}), mm = /* @__PURE__ */ ge(Oi, [["__scopeId", "data-v-5f6a2cd0"]]), ji = ["aria-label"], gm = /* @__PURE__ */ J({
+}), mm = /* @__PURE__ */ ge(Oi, [["__scopeId", "data-v-f28bc4b7"]]), ji = ["aria-label"], gm = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SBreadcrumb",
   props: {
@@ -10442,7 +10441,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       hoverable: !1,
       loading: !1,
       horizontal: !1
-    }), t = S(!l.lazy), o = S(!1), n = S(!1), r = f(() => l.height || l.ratio === "auto" ? "" : {
+    }), t = C(!l.lazy), o = C(!1), n = C(!1), r = f(() => l.height || l.ratio === "auto" ? "" : {
       "1/1": "aspect-square",
       "4/3": "aspect-[4/3]",
       "16/9": "aspect-video",
@@ -10674,7 +10673,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       loading: t.loading,
       horizontal: t.horizontal
     });
-    const { theme: n } = tl(), r = S(!1);
+    const { theme: n } = tl(), r = C(!1);
     let i = null;
     Ae(() => {
       if (typeof window < "u") {
@@ -10703,10 +10702,10 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     </defs>`, document.body.appendChild(M);
       }
     });
-    const d = f(() => n.value === "dark" ? !0 : n.value === "light" ? !1 : r.value), c = f(() => t.tint !== "auto" ? t.tint : d.value ? "light" : "dark"), v = S(null), g = S(!1), y = S(!1), m = S({ x: 0, y: 0 }), p = S({ x: 0, y: 0 }), w = f(() => t.to ? "router-link" : t.href ? "a" : t.tag), T = f(() => {
+    const d = f(() => n.value === "dark" ? !0 : n.value === "light" ? !1 : r.value), c = f(() => t.tint !== "auto" ? t.tint : d.value ? "light" : "dark"), v = C(null), g = C(!1), y = C(!1), m = C({ x: 0, y: 0 }), p = C({ x: 0, y: 0 }), w = f(() => t.to ? "router-link" : t.href ? "a" : t.tag), T = f(() => {
       const N = {};
       return t.to && (N.to = t.to), t.href && (N.href = t.href), N;
-    }), C = f(() => t.padding ? "" : {
+    }), S = f(() => t.padding ? "" : {
       compact: "p-3",
       default: "p-4 sm:p-5",
       comfortable: "p-5 sm:p-6 lg:p-8"
@@ -10723,7 +10722,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       return N["--glass-blur"] = `${t.blur}px`, N["--glass-saturation"] = `${t.saturation}%`, N["--glass-bg"] = R ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.05)", t.color ? N["--glass-text"] = t.color : N["--glass-text"] = R ? "#ffffff" : "#1a1a1a", N["--glass-glow"] = R ? "rgba(255, 255, 255, 0.7)" : "rgba(0, 0, 0, 0.15)", N["--glass-shadow-outer"] = R ? "0 2px 16px rgba(0, 0, 0, 0.08)" : "0 2px 16px rgba(0, 0, 0, 0.04)", N["--glass-highlight"] = `${t.highlightIntensity}`, N["--glass-bg-hover"] = R ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.1)", N["--glass-shadow-hover"] = R ? "0 8px 32px rgba(0, 0, 0, 0.12)" : "0 8px 32px rgba(0, 0, 0, 0.08)", t.spotlightColor && (N["--spotlight-color"] = t.spotlightColor), t.spotlight && g.value && (N["--mouse-x"] = `${m.value.x}px`, N["--mouse-y"] = `${m.value.y}px`), t.tilt && g.value && (N.transform = `perspective(800px) rotateX(${p.value.x}deg) rotateY(${p.value.y}deg) scale3d(1.02, 1.02, 1.02)`), t.width && (N.width = t.width), t.height && (N.height = t.height), t.maxWidth && (N.maxWidth = t.maxWidth), t.padding && (N.padding = t.padding), N;
     }), Q = f(() => X(
       "s-glass-card relative overflow-hidden",
-      C.value,
+      S.value,
       I.value,
       t.horizontal && "flex",
       t.horizontal && t.mediaRight && "flex-row-reverse",
@@ -10822,7 +10821,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "open", "close", "opened", "closed"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = f(() => t.closeDuration ?? Math.round(t.duration * 1.2)), n = a, r = `morphing-card-${Math.random().toString(36).slice(2, 9)}`, i = S(!1), d = S(!1), c = S(t.modelValue), v = S(!1), g = S(null), y = S(null), m = S(null), p = S(null), w = S(null), T = f(() => d.value ? 0 : 1), C = f(() => {
+    const t = e, o = f(() => t.closeDuration ?? Math.round(t.duration * 1.2)), n = a, r = `morphing-card-${Math.random().toString(36).slice(2, 9)}`, i = C(!1), d = C(!1), c = C(t.modelValue), v = C(!1), g = C(null), y = C(null), m = C(null), p = C(null), w = C(null), T = f(() => d.value ? 0 : 1), S = f(() => {
       const z = v.value, x = z ? o.value : t.duration, M = z ? t.closeEasing : t.easing;
       return {
         opacity: T.value,
@@ -10955,7 +10954,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     }), [
       h("div", {
         class: "s-morphing-card-trigger-wrapper",
-        style: U(C.value),
+        style: U(S.value),
         "aria-hidden": c.value
       }, [
         B(z.$slots, "trigger", {}, void 0, !0)
@@ -11008,7 +11007,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     cursor: { default: "pointer" }
   },
   setup(e) {
-    const l = e, a = pe(zt), t = S(null), o = f(() => l.disabled ? "cursor-not-allowed" : {
+    const l = e, a = pe(zt), t = C(null), o = f(() => l.disabled ? "cursor-not-allowed" : {
       pointer: "cursor-pointer",
       "zoom-in": "cursor-zoom-in",
       default: "cursor-default"
@@ -11102,7 +11101,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   setup(e) {
     const l = e;
     pe(zt);
-    const a = S(!1), t = S(!1), o = f(() => ({
+    const a = C(!1), t = C(!1), o = f(() => ({
       aspectRatio: l.aspectRatio
     })), n = f(() => ({
       objectFit: l.objectFit,
@@ -11301,7 +11300,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       loading: o.loading,
       horizontal: o.horizontal
     });
-    const r = S(null), i = S(!1), d = S(!1), c = S({ x: 0, y: 0 }), v = S({ x: 0, y: 0 }), g = f(() => o.to ? "router-link" : o.href ? "a" : o.tag), y = f(() => {
+    const r = C(null), i = C(!1), d = C(!1), c = C({ x: 0, y: 0 }), v = C({ x: 0, y: 0 }), g = f(() => o.to ? "router-link" : o.href ? "a" : o.tag), y = f(() => {
       const E = {};
       return o.to && (E.to = o.to), o.href && (E.href = o.href), E;
     }), m = f(() => ({
@@ -11319,7 +11318,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       return o.bgColor && (E["--card-bg"] = o.bgColor), o.borderColor && (E["--card-border"] = o.borderColor), o.width && (E.width = o.width), o.height && (E.height = o.height), o.maxWidth && (E.maxWidth = o.maxWidth), o.padding && (E.padding = o.padding), o.spotlightColor && (E["--spotlight-color"] = o.spotlightColor), o.spotlight && i.value && (E["--mouse-x"] = `${c.value.x}px`, E["--mouse-y"] = `${c.value.y}px`), o.tilt && i.value && (E.transform = `perspective(1000px) rotateX(${v.value.x}deg) rotateY(${v.value.y}deg) scale3d(1.02, 1.02, 1.02)`), E;
     }), T = () => {
       o.disabled || (i.value = !0);
-    }, C = () => {
+    }, S = () => {
       i.value = !1, d.value = !1, v.value = { x: 0, y: 0 };
     }, I = (E) => {
       if (!r.value || o.disabled) return;
@@ -11380,7 +11379,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       ),
       style: w.value,
       onMouseenter: T,
-      onMouseleave: C,
+      onMouseleave: S,
       onMousemove: I,
       onMousedown: Y,
       onMouseup: Q,
@@ -11520,8 +11519,8 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "open", "close", "opened", "closed", "before-open", "before-close"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = Math.random().toString(36).slice(2, 9), r = `modal-title-${n}`, i = `modal-desc-${n}`, d = S(null), c = S(null), v = S(null), g = S(t.modelValue), y = S(!1), m = S(!1), p = S(!1), w = S(null), T = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-    let C = 0;
+    const t = e, o = a, n = Math.random().toString(36).slice(2, 9), r = `modal-title-${n}`, i = `modal-desc-${n}`, d = C(null), c = C(null), v = C(null), g = C(t.modelValue), y = C(!1), m = C(!1), p = C(!1), w = C(null), T = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+    let S = 0;
     const I = f(() => {
       if (t.teleport === !0) return "body";
       if (typeof t.teleport == "string") return t.teleport;
@@ -11601,9 +11600,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       return x.parentNode?.removeChild(x), V;
     }, re = () => {
       if (!t.lockScroll) return;
-      C = K();
+      S = K();
       const x = window.innerWidth > document.documentElement.clientWidth;
-      document.body.style.overflow = "hidden", x && (document.body.style.paddingRight = `${C}px`);
+      document.body.style.overflow = "hidden", x && (document.body.style.paddingRight = `${S}px`);
     }, le = () => {
       t.lockScroll && (document.body.style.overflow = "", document.body.style.paddingRight = "");
     }, N = () => v.value ? Array.from(v.value.querySelectorAll(T)).filter((x) => !x.hasAttribute("disabled") && x.getAttribute("tabindex") !== "-1") : [], R = () => {
@@ -12050,7 +12049,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "open", "close", "opened", "closed"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = f(() => t.closeDuration ?? Math.round(t.duration * 1.2)), n = a, r = `morphing-modal-${Math.random().toString(36).slice(2, 9)}`, i = S(!1), d = S(!1), c = S(t.modelValue), v = S(!1), g = S(null), y = S(null), m = S(null), p = S(null), w = S(null), T = f(() => d.value ? 0 : 1), C = f(() => {
+    const t = e, o = f(() => t.closeDuration ?? Math.round(t.duration * 1.2)), n = a, r = `morphing-modal-${Math.random().toString(36).slice(2, 9)}`, i = C(!1), d = C(!1), c = C(t.modelValue), v = C(!1), g = C(null), y = C(null), m = C(null), p = C(null), w = C(null), T = f(() => d.value ? 0 : 1), S = f(() => {
       const z = v.value, x = z ? o.value : t.duration, M = z ? t.closeEasing : t.easing;
       return {
         opacity: T.value,
@@ -12179,7 +12178,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
     }), (z, x) => (s(), u(be, null, [
       h("div", ee(z.$attrs, {
         class: b(X)("s-morphing-modal-trigger-wrapper", z.$attrs.class ?? ""),
-        style: C.value,
+        style: S.value,
         "aria-hidden": c.value
       }), [
         B(z.$slots, "trigger", {}, void 0, !0)
@@ -12226,7 +12225,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["click"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(null), n = pe(Ot), r = f(() => n?.isExpanded.value ? 0 : 1), i = (c) => {
+    const a = e, t = l, o = C(null), n = pe(Ot), r = f(() => n?.isExpanded.value ? 0 : 1), i = (c) => {
       a.disabled || (t("click", c), n?.open());
     }, d = (c) => {
       a.disabled || n?.open();
@@ -12385,7 +12384,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "open", "close", "opened", "closed", "before-open", "before-close", "snap", "drag-start", "drag-end"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = Math.random().toString(36).slice(2, 9), r = `drawer-title-${n}`, i = `drawer-desc-${n}`, d = S(null), c = S(null), v = S(null), g = S(t.modelValue), y = S(!1), m = S(!1), p = S(!1), w = S(null), T = S(!1), C = S(0), I = S(0), Y = S(0), Q = S(t.defaultSnapPoint), ne = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+    const t = e, o = a, n = Math.random().toString(36).slice(2, 9), r = `drawer-title-${n}`, i = `drawer-desc-${n}`, d = C(null), c = C(null), v = C(null), g = C(t.modelValue), y = C(!1), m = C(!1), p = C(!1), w = C(null), T = C(!1), S = C(0), I = C(0), Y = C(0), Q = C(t.defaultSnapPoint), ne = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
     let E = 0;
     const te = f(() => {
       if (t.teleport === !0) return "body";
@@ -12435,9 +12434,9 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       bottom: `translateY(${100 - A * 100}%)`
     })[t.side], x = f(() => {
       const A = {};
-      return K.value && t.size !== "full" ? (A.width = le.value, A.maxWidth = "100vw") : re.value && t.size !== "full" && (A.height = le.value, A.maxHeight = "100vh"), T.value && (A.transform = z(1 - C.value), A.transition = "none"), A;
+      return K.value && t.size !== "full" ? (A.width = le.value, A.maxWidth = "100vw") : re.value && t.size !== "full" && (A.height = le.value, A.maxHeight = "100vh"), T.value && (A.transform = z(1 - S.value), A.transition = "none"), A;
     }), M = f(() => ({
-      backgroundColor: `rgba(0, 0, 0, ${T.value ? t.overlayOpacity * (1 - C.value) : t.overlayOpacity})`
+      backgroundColor: `rgba(0, 0, 0, ${T.value ? t.overlayOpacity * (1 - S.value) : t.overlayOpacity})`
     })), V = () => {
       const A = document.createElement("div");
       A.style.visibility = "hidden", A.style.overflow = "scroll", document.body.appendChild(A);
@@ -12487,18 +12486,18 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       const F = A.target;
       (F === c.value || F === d.value) && t.closeOnBackdrop && ze();
     }, ye = (A) => {
-      !t.swipeable || !g.value || (T.value = !0, C.value = 0, "touches" in A ? I.value = K.value ? A.touches[0].clientX : A.touches[0].clientY : I.value = K.value ? A.clientX : A.clientY, Y.value = I.value, o("drag-start"));
+      !t.swipeable || !g.value || (T.value = !0, S.value = 0, "touches" in A ? I.value = K.value ? A.touches[0].clientX : A.touches[0].clientY : I.value = K.value ? A.clientX : A.clientY, Y.value = I.value, o("drag-start"));
     }, ae = (A) => {
       if (!T.value || !v.value) return;
       let F;
       "touches" in A ? F = K.value ? A.touches[0].clientX : A.touches[0].clientY : F = K.value ? A.clientX : A.clientY, Y.value = F;
       const Z = F - I.value, de = K.value ? v.value.offsetWidth : v.value.offsetHeight;
       let Ve = 0;
-      t.side === "left" ? Ve = Math.max(0, Math.min(1, -Z / de)) : t.side === "right" ? Ve = Math.max(0, Math.min(1, Z / de)) : t.side === "top" ? Ve = Math.max(0, Math.min(1, -Z / de)) : t.side === "bottom" && (Ve = Math.max(0, Math.min(1, Z / de))), C.value = Ve;
+      t.side === "left" ? Ve = Math.max(0, Math.min(1, -Z / de)) : t.side === "right" ? Ve = Math.max(0, Math.min(1, Z / de)) : t.side === "top" ? Ve = Math.max(0, Math.min(1, -Z / de)) : t.side === "bottom" && (Ve = Math.max(0, Math.min(1, Z / de))), S.value = Ve;
     }, O = () => {
       if (!T.value) return;
-      const A = C.value >= t.swipeThreshold;
-      o("drag-end", C.value), T.value = !1, A ? ze() : C.value = 0;
+      const A = S.value >= t.swipeThreshold;
+      o("drag-end", S.value), T.value = !1, A ? ze() : S.value = 0;
     }, q = (A) => {
       if (t.snapPoints.length === 0) return;
       const F = t.snapPoints[A];
@@ -12511,7 +12510,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       }));
     }, ze = () => {
       !g.value || y.value || (o("before-close"), y.value = !0, g.value = !1, P(), o("update:modelValue", !1), o("close"), setTimeout(() => {
-        y.value = !1, C.value = 0, w.value && w.value.focus(), o("closed");
+        y.value = !1, S.value = 0, w.value && w.value.focus(), o("closed");
       }, t.duration));
     };
     return Se(() => t.modelValue, (A) => {
@@ -12530,7 +12529,7 @@ const Vo = { key: 1 }, Ro = /* @__PURE__ */ J({
       setHasFooter: (A) => p.value = A,
       titleId: r,
       descriptionId: i,
-      dragProgress: C,
+      dragProgress: S,
       isDragging: T
     }), l({
       open: $e,
@@ -13039,7 +13038,7 @@ const rd = {
   },
   emits: ["update:modelValue", "complete", "change", "input", "focus", "blur", "paste", "resend", "error", "success"],
   setup(e, { expose: l, emit: a }) {
-    const t = e, o = a, n = S([]), r = S(null), i = S(Array(t.maxlength).fill("")), d = S(-1), c = S(!1), v = S(!1), g = S(!1), y = S(/* @__PURE__ */ new Set()), m = S(/* @__PURE__ */ new Map()), p = S(t.countdown), w = S(null);
+    const t = e, o = a, n = C([]), r = C(null), i = C(Array(t.maxlength).fill("")), d = C(-1), c = C(!1), v = C(!1), g = C(!1), y = C(/* @__PURE__ */ new Set()), m = C(/* @__PURE__ */ new Map()), p = C(t.countdown), w = C(null);
     f(() => t.mode === "numeric");
     const T = f(() => {
       switch (t.mode) {
@@ -13052,7 +13051,7 @@ const rd = {
         default:
           return ".";
       }
-    }), C = f(() => t.mode === "numeric" ? "numeric" : "text"), I = f(() => ({
+    }), S = f(() => t.mode === "numeric" ? "numeric" : "text"), I = f(() => ({
       small: {
         box: "w-9 h-10",
         text: "text-lg",
@@ -13278,7 +13277,7 @@ const rd = {
       ariaLabel: tt(t, "ariaLabel"),
       defaults: P,
       inputPattern: T,
-      inputMode: C,
+      inputMode: S,
       registerInput: j,
       handleInput: re,
       handleKeydown: le,
@@ -13669,7 +13668,7 @@ const rd = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const a = e, t = S(null), o = S(!1), n = S(0), r = f(() => {
+    const a = e, t = C(null), o = C(!1), n = C(0), r = f(() => {
       const I = a.max - a.min;
       return I <= 0 ? 0 : Math.min(100, Math.max(0, (a.modelValue - a.min) / I * 100));
     }), i = f(() => {
@@ -13713,7 +13712,7 @@ const rd = {
       if (!a.animated && !a.indeterminate) return "";
       const I = [];
       return a.indeterminate && I.push("s-progress--indeterminate"), a.animated && a.animationType !== "none" && I.push(`s-progress--${a.animationType}`), I.join(" ");
-    }), C = f(() => {
+    }), S = f(() => {
       const I = ["s-progress"];
       return a.orientation === "vertical" && I.push("s-progress--vertical"), a.disabled && I.push("opacity-50 cursor-not-allowed"), I.join(" ");
     });
@@ -13725,7 +13724,7 @@ const rd = {
       a.animated && (n.value = I);
     }), (I, Y) => (s(), u("div", ee(I.$attrs, {
       class: b(X)(
-        C.value,
+        S.value,
         e.labelPosition === "left" || e.labelPosition === "right" ? "flex items-center gap-3" : "flex flex-col gap-1.5",
         e.labelPosition === "right" && "flex-row-reverse",
         I.$attrs.class ?? ""
@@ -13904,7 +13903,7 @@ const rd = {
   },
   emits: ["update:modelValue", "change", "drag-start", "drag-end"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(null), n = S(!1), r = S(null), i = S(null), d = S(0), c = S(100), v = () => {
+    const a = e, t = l, o = C(null), n = C(!1), r = C(null), i = C(null), d = C(0), c = C(100), v = () => {
       a.range && typeof a.modelValue == "object" ? (d.value = a.modelValue.min, c.value = a.modelValue.max) : typeof a.modelValue == "number" && (d.value = a.modelValue, c.value = a.modelValue);
     };
     Ae(() => {
@@ -13927,7 +13926,7 @@ const rd = {
     })[a.rounded]), w = (x) => (x - a.min) / (a.max - a.min) * 100, T = (x) => {
       let M = x / 100 * (a.max - a.min) + a.min;
       return M = Math.round(M / a.step) * a.step, Math.min(Math.max(M, a.min), a.max);
-    }, C = f(() => w(d.value)), I = f(() => w(c.value)), Y = (x) => a.valueFormat ? a.valueFormat(x) : x.toString(), Q = f(() => {
+    }, S = f(() => w(d.value)), I = f(() => w(c.value)), Y = (x) => a.valueFormat ? a.valueFormat(x) : x.toString(), Q = f(() => {
       if (!a.showTicks && !a.marks) return [];
       if (a.marks)
         return a.marks.map((V) => ({
@@ -13947,11 +13946,11 @@ const rd = {
       return x;
     });
     f(() => a.range ? {
-      left: `${C.value}%`,
-      width: `${I.value - C.value}%`
+      left: `${S.value}%`,
+      width: `${I.value - S.value}%`
     } : {
       left: "0%",
-      width: `${C.value}%`
+      width: `${S.value}%`
     });
     const ne = (x) => {
       if (!o.value) return 0;
@@ -14078,10 +14077,10 @@ const rd = {
             class: $(["s-progress-range__active-track absolute transition-all duration-100", p.value]),
             style: U({
               background: e.activeTrackColor || e.color,
-              height: e.orientation === "vertical" ? `${I.value - C.value}%` : "100%",
-              width: e.orientation === "vertical" ? "100%" : `${e.range ? I.value - C.value : C.value}%`,
-              left: e.orientation === "vertical" ? "0" : `${e.range ? C.value : 0}%`,
-              bottom: e.orientation === "vertical" ? `${C.value}%` : void 0
+              height: e.orientation === "vertical" ? `${I.value - S.value}%` : "100%",
+              width: e.orientation === "vertical" ? "100%" : `${e.range ? I.value - S.value : S.value}%`,
+              left: e.orientation === "vertical" ? "0" : `${e.range ? S.value : 0}%`,
+              bottom: e.orientation === "vertical" ? `${S.value}%` : void 0
             })
           }, null, 6),
           (e.showTicks || e.marks) && Q.value.length > 0 ? (s(), u("div", Ed, [
@@ -14114,9 +14113,9 @@ const rd = {
             height: `${m.value}px`,
             background: e.handleColor || e.color,
             borderRadius: e.rounded === "none" ? "2px" : "50%",
-            left: e.orientation === "horizontal" ? `calc(${C.value}% - ${m.value / 2}px)` : "50%",
+            left: e.orientation === "horizontal" ? `calc(${S.value}% - ${m.value / 2}px)` : "50%",
             top: e.orientation === "horizontal" ? "50%" : void 0,
-            bottom: e.orientation === "vertical" ? `calc(${C.value}% - ${m.value / 2}px)` : void 0,
+            bottom: e.orientation === "vertical" ? `calc(${S.value}% - ${m.value / 2}px)` : void 0,
             transform: e.orientation === "horizontal" ? "translateY(-50%)" : "translateX(-50%)",
             "--tw-ring-color": e.color,
             zIndex: me.value
@@ -14281,9 +14280,9 @@ const rd = {
   },
   emits: ["update:modelValue", "update:pageSize", "change", "pageSizeChange"],
   setup(e, { emit: l }) {
-    const a = S(!1), t = S(!1), o = S(null), n = S(null);
+    const a = C(!1), t = C(!1), o = C(null), n = C(null);
     let r = null;
-    const i = e, d = l, c = S(i.modelValue), v = S(i.pageSize), g = S(""), y = S(!1), m = S("right"), p = f(() => Math.ceil(i.total / v.value) || 1), w = f({
+    const i = e, d = l, c = C(i.modelValue), v = C(i.pageSize), g = C(""), y = C(!1), m = C("right"), p = f(() => Math.ceil(i.total / v.value) || 1), w = f({
       get: () => i.modelValue ?? c.value,
       set: (A) => {
         const F = Math.max(1, Math.min(A, p.value));
@@ -14292,7 +14291,7 @@ const rd = {
     }), T = f(() => {
       const A = (w.value - 1) * v.value + 1, F = Math.min(w.value * v.value, i.total);
       return [A, F];
-    }), C = f(() => i.totalFormat ? i.totalFormat(i.total, T.value) : `${T.value[0]}-${T.value[1]} of ${i.total}`), I = f(() => p.value <= 1 ? 100 : (w.value - 1) / (p.value - 1) * 100), Y = f(() => !(i.hideSinglePage && p.value <= 1)), Q = f(() => {
+    }), S = f(() => i.totalFormat ? i.totalFormat(i.total, T.value) : `${T.value[0]}-${T.value[1]} of ${i.total}`), I = f(() => p.value <= 1 ? 100 : (w.value - 1) / (p.value - 1) * 100), Y = f(() => !(i.hideSinglePage && p.value <= 1)), Q = f(() => {
       const A = [], F = p.value, Z = w.value, de = i.maxVisiblePages;
       if (F <= de)
         for (let Ve = 1; Ve <= F; Ve++)
@@ -14440,7 +14439,7 @@ const rd = {
           total: e.total,
           range: T.value
         }, () => [
-          h("span", null, W(C.value), 1)
+          h("span", null, W(S.value), 1)
         ], !0)
       ])) : k("", !0),
       e.showPageSize && !e.simple ? (s(), u("div", jd, [
@@ -14725,7 +14724,7 @@ const rd = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(/* @__PURE__ */ new Map()), n = S(/* @__PURE__ */ new Set()), r = S(a.defaultValue), i = f({
+    const a = e, t = l, o = C(/* @__PURE__ */ new Map()), n = C(/* @__PURE__ */ new Set()), r = C(a.defaultValue), i = f({
       get: () => a.modelValue ?? r.value,
       set: (R) => {
         const ue = i.value;
@@ -14757,7 +14756,7 @@ const rd = {
       n.value.add(R);
     }, p = (R) => {
       n.value.delete(R);
-    }, w = (R) => n.value.has(R), T = (R) => i.value === R, C = (R) => {
+    }, w = (R) => n.value.has(R), T = (R) => i.value === R, S = (R) => {
       const ue = o.value.get(R);
       return ue?.loading ? "loading" : ue?.error ? "error" : T(R) ? "active" : R < i.value && (w(R) || a.linear) || !a.linear && w(R) ? "completed" : "inactive";
     }, I = f(
@@ -14802,7 +14801,7 @@ const rd = {
       unmarkCompleted: p,
       isCompleted: w,
       isActive: T,
-      getState: C,
+      getState: S,
       canNavigateTo: g
     });
     const N = f(
@@ -15168,7 +15167,7 @@ const rd = {
     class: {}
   },
   setup(e) {
-    const l = e, a = pe(wt), t = f(() => a?.isActive(l.step) ?? !1), o = S("forward");
+    const l = e, a = pe(wt), t = f(() => a?.isActive(l.step) ?? !1), o = C("forward");
     Se(
       () => a?.modelValue.value,
       (i, d) => {
@@ -15571,18 +15570,18 @@ function Gg(e) {
     debounceDelay: o = 300,
     mode: n = "onChange",
     persist: r
-  } = e, i = {}, d = { ...l }, c = {}, v = r ? rf(r.storage ?? "localStorage") : null, g = r?.debounce ?? 500, y = S(!1), m = S(null), p = S(0), w = S(!1), T = () => {
+  } = e, i = {}, d = { ...l }, c = {}, v = r ? rf(r.storage ?? "localStorage") : null, g = r?.debounce ?? 500, y = C(!1), m = C(null), p = C(0), w = C(!1), T = () => {
     const ae = {};
     for (const [O, q] of Object.entries(i))
       ae[O] = q.value.value;
     return ae;
-  }, C = () => {
+  }, S = () => {
     const ae = {}, O = a;
     for (const [q, $e] of Object.entries(i))
       O[q]?.persist !== !1 && (ae[q] = $e.value.value);
     return ae;
   }, I = r ? Ma(() => {
-    df(r.key, C(), v);
+    df(r.key, S(), v);
   }, g) : () => {
   }, Y = () => r ? uf(r.key, v) : null, ne = (() => {
     if (t?.shape)
@@ -15594,7 +15593,7 @@ function Gg(e) {
     return Array.from(ae);
   })(), E = Y(), te = a;
   for (const ae of ne) {
-    const O = te[ae], q = E?.[ae], $e = q !== void 0 ? q : d[ae] ?? "", ze = S($e), A = S(""), F = S(!1), Z = S(!1), de = S(d[ae] ?? ""), Ve = f(() => !A.value);
+    const O = te[ae], q = E?.[ae], $e = q !== void 0 ? q : d[ae] ?? "", ze = C($e), A = C(""), F = C(!1), Z = C(!1), de = C(d[ae] ?? ""), Ve = f(() => !A.value);
     O?.deps && (c[ae] = O.deps);
     const We = async () => {
       const xe = T();
@@ -15776,11 +15775,11 @@ function Yg(e) {
 function vf(e = {}) {
   const l = Ra(
     Array.isArray(e.data) ? e.data : e.data?.value ?? []
-  ), a = S(
+  ), a = C(
     Array.isArray(e.columns) ? e.columns : e.columns?.value ?? []
-  ), t = S(!1), o = S(null), n = S(
+  ), t = C(!1), o = C(null), n = C(
     e.initialSort ?? { column: null, direction: null }
-  ), r = S(/* @__PURE__ */ new Set()), i = S(/* @__PURE__ */ new Set()), d = S({
+  ), r = C(/* @__PURE__ */ new Set()), i = C(/* @__PURE__ */ new Set()), d = C({
     page: 1,
     pageSize: typeof e.pagination == "object" ? e.pagination.pageSize ?? 10 : 10,
     total: 0
@@ -15810,9 +15809,9 @@ function vf(e = {}) {
     if (!e.pagination) return p.value;
     const O = (d.value.page - 1) * d.value.pageSize, q = O + d.value.pageSize;
     return p.value.slice(O, q);
-  }), C = (O) => {
+  }), S = (O) => {
     d.value.page = Math.max(1, Math.min(O, w.value));
-  }, I = () => C(d.value.page + 1), Y = () => C(d.value.page - 1), Q = (O) => {
+  }, I = () => S(d.value.page + 1), Y = () => S(d.value.page - 1), Q = (O) => {
     d.value.pageSize = O, d.value.page = 1;
   }, ne = (O) => {
     const q = new Set(r.value);
@@ -15918,7 +15917,7 @@ function vf(e = {}) {
     // Pagination
     pagination: d,
     totalPages: w,
-    goToPage: C,
+    goToPage: S,
     nextPage: I,
     prevPage: Y,
     setPageSize: Q,
@@ -15999,7 +15998,7 @@ const Ef = /* @__PURE__ */ J({
       initialSort: t.initialSort,
       pagination: t.pagination ? { pageSize: t.pageSize } : !1,
       multiSelect: t.multiSelect
-    }), r = S(t.loading);
+    }), r = C(t.loading);
     Se(() => t.loading, (y) => {
       r.value = y;
     }), Se(n.sortState, (y) => {
@@ -16735,7 +16734,7 @@ const Ef = /* @__PURE__ */ J({
   gap: 8,
   showProgress: !0,
   closable: !0
-}, rt = Ct({ ...Zf }), it = S([]), la = /* @__PURE__ */ new Map();
+}, rt = Ct({ ...Zf }), it = C([]), la = /* @__PURE__ */ new Map();
 function Qf() {
   return `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 }
@@ -16841,8 +16840,8 @@ function tv() {
       p.dismiss();
       let T;
       if (typeof g.success == "function") {
-        const C = g.success(w);
-        T = nt(C, "success");
+        const S = g.success(w);
+        T = nt(S, "success");
       } else
         T = nt(g.success, "success");
       return e(T), w;
@@ -16850,8 +16849,8 @@ function tv() {
       p.dismiss();
       let T;
       if (typeof g.error == "function") {
-        const C = g.error(w);
-        T = nt(C);
+        const S = g.error(w);
+        T = nt(S);
       } else
         T = nt(g.error);
       throw l(T), w;
@@ -16922,7 +16921,7 @@ const rv = { class: "flex-1 min-w-0" }, iv = {
   },
   emits: ["close", "click"],
   setup(e, { emit: l }) {
-    const a = e, t = l, o = S(!1), n = () => {
+    const a = e, t = l, o = C(!1), n = () => {
       o.value = !0, nv(a.id);
     }, r = () => {
       o.value = !1, sv(a.id);
@@ -17157,7 +17156,7 @@ const rv = { class: "flex-1 min-w-0" }, iv = {
       ], 16)) : k("", !0)
     ], 64));
   }
-}), ap = /* @__PURE__ */ ge(dv, [["__scopeId", "data-v-80069860"]]), bt = S([]), It = S(null);
+}), ap = /* @__PURE__ */ ge(dv, [["__scopeId", "data-v-80069860"]]), bt = C([]), It = C(null);
 function Kt() {
   return `dialog-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 }
@@ -17488,7 +17487,7 @@ function vv(e) {
   return document.body.removeChild(l), a;
 }
 function sp() {
-  const e = tv(), l = S({
+  const e = tv(), l = C({
     copied: !1,
     text: null,
     error: null
@@ -17551,8 +17550,8 @@ function rp(e, l, a = {}) {
   let d = !1, c = null;
   function v(p) {
     if (!b(n)) return;
-    const w = p.target, C = (Array.isArray(e) ? e : [e]).map(Ia);
-    if (Ea(w, C))
+    const w = p.target, S = (Array.isArray(e) ? e : [e]).map(Ia);
+    if (Ea(w, S))
       return;
     const I = t.map(Ia);
     Ea(w, I) || l(p);
@@ -17631,7 +17630,7 @@ function fa() {
   return typeof window < "u" && typeof window.matchMedia == "function";
 }
 function gl(e) {
-  const l = S(!1);
+  const l = C(!1);
   let a = null, t = null;
   return fa() && (a = window.matchMedia(e), l.value = a.matches, t = (n) => {
     l.value = n.matches;
@@ -17720,7 +17719,7 @@ function hv(e, l, a = {}) {
   }, c.isPending = () => n !== null, c;
 }
 function cp(e, l = 200, a = {}) {
-  const t = S(b(e)), o = S(!1);
+  const t = C(b(e)), o = C(!1);
   let n = null, r = null;
   function i(g) {
     t.value = g, o.value = !1, d();
@@ -17761,7 +17760,7 @@ function fp(e, l = 200, a = {}) {
   }), t;
 }
 function vp(e, l = 200, a = {}) {
-  const { leading: t = !0, trailing: o = !0 } = a, n = S(b(e)), r = S(!1);
+  const { leading: t = !0, trailing: o = !0 } = a, n = C(b(e)), r = C(!1);
   let i = null, d = 0;
   function c(g) {
     n.value = g, d = Date.now(), r.value = !1, i && (clearTimeout(i), i = null);
@@ -17842,23 +17841,23 @@ function va(e, l, a, t = {}) {
     writeDefaults: i = !1,
     listenToStorageChanges: d = !0,
     mergeDefaults: c = !1
-  } = t, v = S(l);
+  } = t, v = C(l);
   function g() {
     if (!a) return null;
     try {
-      const C = a.getItem(e);
-      if (C === null)
+      const S = a.getItem(e);
+      if (S === null)
         return null;
-      let I = o.read(C);
+      let I = o.read(S);
       return c && typeof l == "object" && !Array.isArray(l) && (typeof c == "function" ? I = c(I, l) : I = oa(l, I)), I;
-    } catch (C) {
-      return r(C instanceof Error ? C : new Error(String(C))), null;
+    } catch (S) {
+      return r(S instanceof Error ? S : new Error(String(S))), null;
     }
   }
-  function y(C) {
+  function y(S) {
     if (a)
       try {
-        const I = o.write(C);
+        const I = o.write(S);
         a.setItem(e, I);
       } catch (I) {
         r(I instanceof Error ? I : new Error(String(I)));
@@ -17868,41 +17867,41 @@ function va(e, l, a, t = {}) {
     if (a)
       try {
         a.removeItem(e), v.value = l;
-      } catch (C) {
-        r(C instanceof Error ? C : new Error(String(C)));
+      } catch (S) {
+        r(S instanceof Error ? S : new Error(String(S)));
       }
   }
   function p() {
     return a ? a.getItem(e) !== null : !1;
   }
   function w() {
-    const C = g();
-    C !== null ? v.value = C : v.value = l;
+    const S = g();
+    S !== null ? v.value = S : v.value = l;
   }
   if (Xt() && a) {
-    const C = g();
-    C !== null ? v.value = C : i && y(l);
+    const S = g();
+    S !== null ? v.value = S : i && y(l);
   }
   Se(
     v,
-    (C) => {
-      y(C);
+    (S) => {
+      y(S);
     },
     { deep: !0 }
   );
   let T = null;
   return Ae(() => {
     if (a) {
-      const C = g();
-      C !== null && (v.value = C);
+      const S = g();
+      S !== null && (v.value = S);
     }
-    n && d && Xt() && (T = (C) => {
-      if (C.key === e && C.storageArea === a)
-        if (C.newValue === null)
+    n && d && Xt() && (T = (S) => {
+      if (S.key === e && S.storageArea === a)
+        if (S.newValue === null)
           v.value = l;
         else
           try {
-            let I = o.read(C.newValue);
+            let I = o.read(S.newValue);
             c && typeof l == "object" && !Array.isArray(l) && (typeof c == "function" ? I = c(I, l) : I = oa(l, I)), v.value = I;
           } catch (I) {
             r(I instanceof Error ? I : new Error(String(I)));
@@ -17956,16 +17955,16 @@ function Tv(e, l = {}) {
     onFinally: d,
     resetOnExecute: c = !0,
     throwOnError: v = !1
-  } = l, g = Ra(null), y = S(!1), m = S(null), p = S(!1), w = S(!1), T = S(!1);
-  let C = null, I = null;
+  } = l, g = Ra(null), y = C(!1), m = C(null), p = C(!1), w = C(!1), T = C(!1);
+  let S = null, I = null;
   async function Y(...te) {
     if (I = te, c && (m.value = null, T.value = !1), n) {
       const N = Da(e, te), R = Sv(N);
       if (R !== null)
         return g.value = R, w.value = !0, p.value = !0, r?.(R), d?.(), R;
     }
-    C = new AbortController();
-    const K = C.signal;
+    S = new AbortController();
+    const K = S.signal;
     y.value = !0, p.value = !1, w.value = !1;
     let re = 0;
     const le = t + 1;
@@ -18004,7 +18003,7 @@ function Tv(e, l = {}) {
     g.value = null, m.value = null, y.value = !1, p.value = !1, w.value = !1, T.value = !1, I = null;
   }
   function E() {
-    C && (C.abort(), T.value = !0, y.value = !1);
+    S && (S.abort(), T.value = !0, y.value = !1);
   }
   return a && Y(), Ge(() => {
     E();
@@ -18025,7 +18024,7 @@ function yp(e, l = {}) {
   return Tv(e, { ...l, immediate: !1 });
 }
 function xp() {
-  const e = S(!1), l = S(null);
+  const e = C(!1), l = C(null);
   async function a(t) {
     e.value = !0, l.value = null;
     try {
@@ -18101,25 +18100,25 @@ function Bv(e, l, a = {}) {
     repeat: v = !1
   } = a, g = ma(e);
   let y = !1, m = null;
-  function p(C) {
+  function p(S) {
     if (!b(r)) return;
-    const I = C;
+    const I = S;
     if (I.repeat && !v) return;
     const Y = document.activeElement;
     d === "input" && !Zt(Y) || d === "non-input" && Zt(Y) || ga(I, g) && (o && I.preventDefault(), n && I.stopPropagation(), l(I));
   }
   function w() {
     if (!na() || y) return;
-    const C = b(t) ?? window;
-    C.addEventListener(i, p, c), y = !0, m = () => {
-      C.removeEventListener(i, p, c), y = !1;
+    const S = b(t) ?? window;
+    S.addEventListener(i, p, c), y = !0, m = () => {
+      S.removeEventListener(i, p, c), y = !1;
     };
   }
   function T() {
     m?.(), m = null;
   }
-  return typeof r == "object" && "value" in r && Se(r, (C) => {
-    C && !y && w();
+  return typeof r == "object" && "value" in r && Se(r, (S) => {
+    S && !y && w();
   }), t && typeof t == "object" && "value" in t && Se(t, () => {
     y && (T(), w());
   }), Ae(() => {
@@ -18196,7 +18195,7 @@ function bl(e, l = {}) {
     threshold: o = 0,
     immediate: n = !0,
     onChange: r
-  } = l, i = S(!1), d = S(null), c = S(0), v = S(!1);
+  } = l, i = C(!1), d = C(null), c = C(0), v = C(!1);
   let g = null;
   function y(w) {
     for (const T of w)
@@ -18245,7 +18244,7 @@ function Cp(e, l = {}) {
     threshold: o = 0,
     immediate: n = !0,
     onChange: r
-  } = l, i = S(/* @__PURE__ */ new Map()), d = S(!1);
+  } = l, i = C(/* @__PURE__ */ new Map()), d = C(!1);
   let c = null;
   function v(p) {
     for (const w of p)
@@ -18301,7 +18300,7 @@ function Sp(e, l = {}) {
   return a;
 }
 function zp(e, l = {}) {
-  const a = S(!1), { isVisible: t, stop: o } = bl(e, {
+  const a = C(!1), { isVisible: t, stop: o } = bl(e, {
     ...l,
     onChange: () => {
       t.value && !a.value && (a.value = !0, o());