npm - @sakoa/ui - Versions diffs - 0.2.2 → 0.2.3 - Mend

@sakoa/ui 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/ui/dropdown/SDropdownItem.d.ts +3 -0
package/dist/saka-ui.css +1 -1
package/dist/saka-ui.js +368 -358
package/dist/saka-ui.umd.cjs +1 -1
package/package.json +2 -1
package/registry/source/components/ui/dropdown/SDropdownItem.vue +15 -6

package/dist/saka-ui.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as J, useSlots as Ot, ref as C, computed as f, watch as ze, nextTick as Ke, onMounted as Ie, provide as He, createElementBlock as i, openBlock as s, mergeProps as ee, unref as g, renderSlot as I, Fragment as ge, createElementVNode as h, normalizeStyle as G, normalizeClass as k, createCommentVNode as $, renderList as Te, createBlock as ke, resolveDynamicComponent as Ve, toDisplayString as W, inject as be, onUnmounted as Ye, Transition as De, withCtx as Se, useAttrs as yt, onBeforeUnmount as Je, Teleport as vt, createVNode as Pe, withDirectives as qe, createTextVNode as Fe, vShow as ot, withModifiers as je, normalizeProps as Ra, guardReactiveProps as zl, reactive as St, watchEffect as Ml, TransitionGroup as Ut, withKeys as _e, vModelText as lt, mergeModels as ba, useModel as Tl, toRef as at, shallowRef as La, readonly as Xe, markRaw as Fa, render as ct, h as Qe } from "vue";
+import { defineComponent as J, useSlots as Ot, ref as C, computed as f, watch as ze, nextTick as Ke, onMounted as Ie, provide as He, openBlock as s, createElementBlock as i, mergeProps as ee, unref as g, Fragment as ge, createElementVNode as h, normalizeStyle as G, normalizeClass as k, createCommentVNode as $, renderList as Te, renderSlot as I, createBlock as ke, resolveDynamicComponent as Ve, toDisplayString as W, inject as be, onUnmounted as Ye, Transition as Pe, withCtx as Se, useAttrs as yt, onBeforeUnmount as Je, Teleport as vt, createVNode as De, withDirectives as qe, createTextVNode as Fe, vShow as ot, withModifiers as je, normalizeProps as Ra, guardReactiveProps as zl, reactive as St, watchEffect as Ml, TransitionGroup as Ut, withKeys as _e, vModelText as lt, useModel as Tl, mergeModels as ba, toRef as at, shallowRef as La, readonly as Xe, markRaw as Fa, render as ct, h as Qe } from "vue";
 function Oa(e) {
   var l, a, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
@@ -27,14 +27,14 @@ const Al = (e, l) => {
   validators: l,
   classGroupId: a
 }), Xt = "-", ha = [], Bl = "arbitrary..", El = (e) => {
-  const l = Pl(e), {
+  const l = Dl(e), {
     conflictingClassGroups: a,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (r) => {
       if (r.startsWith("[") && r.endsWith("]"))
-        return Dl(r);
+        return Pl(r);
       const u = r.split(Xt), d = u[0] === "" && u.length > 1 ? 1 : 0;
       return Wa(u, d, l);
     },
@@ -63,10 +63,10 @@ const Al = (e, l) => {
     if (v.validator(u))
       return v.classGroupId;
   }
-}, Dl = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Pl = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const l = e.slice(1, -1), a = l.indexOf(":"), t = l.slice(0, a);
   return t ? Bl + t : void 0;
-})(), Pl = (e) => {
+})(), Dl = (e) => {
   const {
     theme: l,
     classGroups: a
@@ -320,9 +320,9 @@ const Al = (e, l) => {
     span: ["full", bt, $e, we]
   }, bt, $e, we], V = () => [bt, "auto", $e, we], ue = () => ["auto", "min", "max", "fr", $e, we], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], me = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...K()], x = () => [pt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...K()], T = () => [pt, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...K()], L = () => [pt, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...K()], j = () => [e, $e, we], R = () => [...Q(), $a, wa, {
     position: [$e, we]
-  }], D = () => ["no-repeat", {
+  }], P = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], P = () => ["auto", "cover", "contain", vo, ro, {
+  }], D = () => ["auto", "cover", "contain", vo, ro, {
     size: [$e, we]
   }], fe = () => [ea, Lt, Ct], ve = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -1401,14 +1401,14 @@ const Al = (e, l) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: D()
+        bg: P()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: P()
+        bg: D()
       }],
       /**
        * Background Image
@@ -2106,14 +2106,14 @@ const Al = (e, l) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: D()
+        mask: P()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: P()
+        mask: D()
       }],
       /**
        * Mask Type
@@ -2933,7 +2933,7 @@ function X(...e) {
 function We(e) {
   return typeof e != "string";
 }
-const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], xo = ["onClick"], Dt = /* @__PURE__ */ Symbol("STabsContext"), ko = /* @__PURE__ */ J({
+const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], xo = ["onClick"], Pt = /* @__PURE__ */ Symbol("STabsContext"), ko = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "STabs",
   props: {
@@ -3063,7 +3063,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       bottom: "0",
       transition: "all 0.35s cubic-bezier(0.4, 0, 0.2, 1)"
     }), ie = f(() => a.type === "line" || a.type === "bar");
-    return He(Dt, {
+    return He(Pt, {
       activeTab: c,
       type: a.type,
       size: a.size,
@@ -3156,7 +3156,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
   for (const [t, o] of l)
     a[t] = o;
   return a;
-}, Dv = /* @__PURE__ */ pe(ko, [["__scopeId", "data-v-29ebffc8"]]), wo = /* @__PURE__ */ J({
+}, Pv = /* @__PURE__ */ pe(ko, [["__scopeId", "data-v-29ebffc8"]]), wo = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "STabPane",
   props: {
@@ -3168,7 +3168,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     tabClass: {}
   },
   setup(e) {
-    const l = e, a = be(Dt);
+    const l = e, a = be(Pt);
     a || console.warn("[STabPane] Must be used inside an STabs component");
     const t = f(() => a?.activeTab.value === l.name), o = f(() => ({
       name: l.name,
@@ -3186,7 +3186,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       a?.unregisterPane(l.name);
     });
     const n = f(() => a?.animated ?? !1);
-    return (r, u) => (s(), ke(De, {
+    return (r, u) => (s(), ke(Pe, {
       name: n.value ? "s-tab-morph" : "s-tab-fade",
       mode: "out-in"
     }, {
@@ -3200,7 +3200,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       _: 3
     }, 8, ["name"]));
   }
-}), Pv = /* @__PURE__ */ pe(wo, [["__scopeId", "data-v-1da5cc89"]]), ua = /* @__PURE__ */ Symbol("STabsListContext"), Vv = /* @__PURE__ */ J({
+}), Dv = /* @__PURE__ */ pe(wo, [["__scopeId", "data-v-1da5cc89"]]), ua = /* @__PURE__ */ Symbol("STabsListContext"), Vv = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "STabsList",
   props: {
@@ -3208,7 +3208,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     class: { default: void 0 }
   },
   setup(e) {
-    const l = e, a = yt(), t = be(Dt);
+    const l = e, a = yt(), t = be(Pt);
     t || console.warn("[STabsList] Must be used inside STabs");
     const o = C(null), n = C(/* @__PURE__ */ new Map()), r = f(() => l.type ?? t?.type ?? "line"), u = (v, p) => {
       p ? n.value.set(v, p) : n.value.delete(v);
@@ -3252,7 +3252,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     class: { default: void 0 }
   },
   setup(e) {
-    const l = e, a = yt(), t = be(Dt), o = be(ua);
+    const l = e, a = yt(), t = be(Pt), o = be(ua);
     t || console.warn("[STabsTrigger] Must be used inside STabs");
     const n = f(() => t?.activeTab.value === l.value), r = f(() => o?.type.value ?? t?.type ?? "line"), u = (m) => {
       o?.setTriggerRef(l.value, m);
@@ -3308,10 +3308,10 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     class: {}
   },
   setup(e) {
-    const l = e, a = yt(), t = be(Dt);
+    const l = e, a = yt(), t = be(Pt);
     t || console.warn("[STabsContent] Must be used inside STabs");
     const o = f(() => t?.activeTab.value === l.value), n = f(() => t?.animated ?? !1);
-    return (r, u) => (s(), ke(De, {
+    return (r, u) => (s(), ke(Pe, {
       name: n.value ? "s-tab-morph" : "s-tab-fade",
       mode: "out-in"
     }, {
@@ -3333,7 +3333,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
     class: { default: void 0 }
   },
   setup(e) {
-    const l = e, a = be(Dt), t = be(ua);
+    const l = e, a = be(Pt), t = be(ua);
     a || console.warn("[STabsIndicator] Must be used inside STabs"), t || console.warn("[STabsIndicator] Must be used inside STabsList");
     const o = C({
       left: "0px",
@@ -3743,7 +3743,7 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       rounded: "md"
     }
   }
-), Do = /* @__PURE__ */ J({
+), Po = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SButton",
   props: {
@@ -3902,8 +3902,8 @@ const yo = ["disabled", "aria-selected", "aria-disabled", "onClick", "onMouseent
       _: 3
     }, 16, ["class", "style"]));
   }
-}), Hv = /* @__PURE__ */ pe(Do, [["__scopeId", "data-v-07140718"]]), tl = "saka-ui-theme";
-function Po(e) {
+}), Hv = /* @__PURE__ */ pe(Po, [["__scopeId", "data-v-07140718"]]), tl = "saka-ui-theme";
+function Do(e) {
   const l = document.cookie.match("(^|;) ?" + e + "=([^;]*)(;|$)");
   return l ? l[2] : null;
 }
@@ -3917,7 +3917,7 @@ function aa(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 rt = C(Po(tl) || "system");
+const rt = C(Do(tl) || "system");
 ze(rt, (e) => {
   Vo(tl, e), aa(e);
 });
@@ -3983,8 +3983,8 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         const ie = E.getContext("2d"), le = ie.createImageData(te, K), N = 0.7;
         for (let re = 0; re < K; re++)
           for (let me = 0; me < te; me++) {
-            const z = me / (te - 1) * 2 - 1, x = re / (K - 1) * 2 - 1, T = 1 - Math.abs(z), L = 1 - Math.abs(x), j = Math.pow(T, 1.5) * Math.pow(L, 1.5), R = Math.round(128 + z * N * j * 127), D = Math.round(128 + x * N * j * 127), P = (re * te + me) * 4;
-            le.data[P] = R, le.data[P + 1] = D, le.data[P + 2] = 128, le.data[P + 3] = 255;
+            const z = me / (te - 1) * 2 - 1, x = re / (K - 1) * 2 - 1, T = 1 - Math.abs(z), L = 1 - Math.abs(x), j = Math.pow(T, 1.5) * Math.pow(L, 1.5), R = Math.round(128 + z * N * j * 127), P = Math.round(128 + x * N * j * 127), D = (re * te + me) * 4;
+            le.data[D] = R, le.data[D + 1] = P, le.data[D + 2] = 128, le.data[D + 3] = 255;
           }
         ie.putImageData(le, 0, 0);
         const V = E.toDataURL("image/png"), ue = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -4185,8 +4185,8 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         width: window.innerWidth,
         height: window.innerHeight
       };
-      let j = t.placement, R = 0, D = 0;
-      const P = {
+      let j = t.placement, R = 0, P = 0;
+      const D = {
         top: {
           top: x.top - T.height - t.offset,
           left: x.left + x.width / 2 - T.width / 2
@@ -4235,24 +4235,24 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           top: x.bottom - T.height,
           left: x.right + t.offset
         }
-      }, fe = P[j];
-      R = fe.top, D = fe.left;
+      }, fe = D[j];
+      R = fe.top, P = fe.left;
       const ve = {
         top: R < 0,
         bottom: R + T.height > L.height,
-        left: D < 0,
-        right: D + T.width > L.width
+        left: P < 0,
+        right: P + T.width > L.width
       };
-      j.startsWith("top") && ve.top ? (j = j.replace("top", "bottom"), R = P[j].top) : j.startsWith("bottom") && ve.bottom ? (j = j.replace("bottom", "top"), R = P[j].top) : j.startsWith("left") && ve.left ? (j = j.replace("left", "right"), D = P[j].left) : j.startsWith("right") && ve.right && (j = j.replace("right", "left"), D = P[j].left), D < 8 && (D = 8), D + T.width > L.width - 8 && (D = L.width - T.width - 8), R < 8 && (R = 8), R + T.height > L.height - 8 && (R = L.height - T.height - 8), d.value = j, c.value = { top: R, left: D }, q(x, T, j);
+      j.startsWith("top") && ve.top ? (j = j.replace("top", "bottom"), R = D[j].top) : j.startsWith("bottom") && ve.bottom ? (j = j.replace("bottom", "top"), R = D[j].top) : j.startsWith("left") && ve.left ? (j = j.replace("left", "right"), P = D[j].left) : j.startsWith("right") && ve.right && (j = j.replace("right", "left"), P = D[j].left), P < 8 && (P = 8), P + T.width > L.width - 8 && (P = L.width - T.width - 8), R < 8 && (R = 8), R + T.height > L.height - 8 && (R = L.height - T.height - 8), d.value = j, c.value = { top: R, left: P }, q(x, T, j);
     }
     function q(x, T, L) {
       const j = { top: "", left: "", right: "", bottom: "" };
       if (L.startsWith("top") || L.startsWith("bottom")) {
-        const R = x.left + x.width / 2, D = c.value.left, P = R - D - t.arrowSize;
-        j.left = `${Math.max(t.arrowSize, Math.min(P, T.width - t.arrowSize * 3))}px`;
+        const R = x.left + x.width / 2, P = c.value.left, D = R - P - t.arrowSize;
+        j.left = `${Math.max(t.arrowSize, Math.min(D, T.width - t.arrowSize * 3))}px`;
       } else if (L.startsWith("left") || L.startsWith("right")) {
-        const R = x.top + x.height / 2, D = c.value.top, P = R - D - t.arrowSize;
-        j.top = `${Math.max(t.arrowSize, Math.min(P, T.height - t.arrowSize * 3))}px`;
+        const R = x.top + x.height / 2, P = c.value.top, D = R - P - t.arrowSize;
+        j.top = `${Math.max(t.arrowSize, Math.min(D, T.height - t.arrowSize * 3))}px`;
       }
       v.value = j;
     }
@@ -4327,7 +4327,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         I(x.$slots, "default", {}, void 0, !0)
       ], 544),
       (s(), ke(vt, { to: e.teleport }, [
-        Pe(De, { name: e.transition }, {
+        De(Pe, { name: e.transition }, {
           default: Se(() => [
             qe(h("div", {
               ref_key: "tooltipRef",
@@ -4503,7 +4503,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       close: K,
       pause: le,
       resume: N
-    }), (x, T) => (s(), ke(De, {
+    }), (x, T) => (s(), ke(Pe, {
       name: "alert",
       onAfterLeave: T[0] || (T[0] = () => c("close"))
     }, {
@@ -4846,7 +4846,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
               u.value || e.indeterminate ? e.color ? "text-white" : "text-primary-foreground" : "text-foreground"
             ))
           }, null, 2)) : $("", !0),
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-200 ease-out",
             "enter-from-class": "scale-0 opacity-0",
             "enter-to-class": "scale-100 opacity-100",
@@ -5137,7 +5137,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
 }, Bn = { class: "text-muted-foreground" }, En = {
   key: 1,
   class: "px-4 py-8 text-center"
-}, Dn = { class: "text-sm text-muted-foreground" }, Pn = {
+}, Pn = { class: "text-sm text-muted-foreground" }, Dn = {
   key: 2,
   class: "px-4 py-8 text-center"
 }, Vn = { class: "text-sm text-muted-foreground" }, Rn = {
@@ -5214,7 +5214,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         Ae >= 0 ? ne.splice(Ae, 1) : ne.push(H), oe = ne;
       } else
         oe = H;
-      t("update:modelValue", oe), t("change", oe), p.value = "", y.value = !1, M.value && D();
+      t("update:modelValue", oe), t("change", oe), p.value = "", y.value = !1, M.value && P();
     }, x = () => {
       if (!a.creatable || !Q.value.trim()) return;
       const H = Q.value.trim();
@@ -5246,10 +5246,10 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           oe >= 0 && (m.value = oe);
         }
       }));
-    }, D = () => {
-      d.value && (d.value = !1, v.value = "", p.value = "", y.value = !1, m.value = -1, t("close"));
     }, P = () => {
-      d.value ? D() : R();
+      d.value && (d.value = !1, v.value = "", p.value = "", y.value = !1, m.value = -1, t("close"));
+    }, D = () => {
+      d.value ? P() : R();
     }, fe = (H) => {
       c.value = !0, t("focus", H);
     }, ve = (H) => {
@@ -5268,7 +5268,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           H.preventDefault(), d.value ? m.value >= 0 && oe[m.value] && z(oe[m.value].value) : R();
           break;
         case "Escape":
-          H.preventDefault(), D(), a.filter && u.value?.blur(), o.value?.focus();
+          H.preventDefault(), P(), a.filter && u.value?.blur(), o.value?.focus();
           break;
         case "ArrowDown":
           if (H.preventDefault(), !d.value)
@@ -5297,7 +5297,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           H.preventDefault(), d.value && (m.value = ne.length > 0 ? oe.indexOf(ne[ne.length - 1]) : oe.length - 1);
           break;
         case "Tab":
-          D();
+          P();
           break;
       }
     }, ae = (H) => {
@@ -5313,7 +5313,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       n.value?.contains(oe) || o.value?.contains(oe) || (c.value = !1, y.value = !1, d.value || (p.value = ""), t("blur", H));
     }, Me = (H) => {
       const oe = H.target;
-      !o.value?.contains(oe) && !n.value?.contains(oe) && D();
+      !o.value?.contains(oe) && !n.value?.contains(oe) && P();
     };
     ze(d, (H) => {
       H ? (window.addEventListener("scroll", j, !0), window.addEventListener("resize", j)) : (window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j));
@@ -5432,7 +5432,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             }
           ]]),
           style: G(Ne.value),
-          onClick: oe[3] || (oe[3] = (ne) => !e.filter && P()),
+          onClick: oe[3] || (oe[3] = (ne) => !e.filter && D()),
           onKeydown: oe[4] || (oe[4] = (ne) => !e.filter && ye(ne)),
           onFocus: oe[5] || (oe[5] = (ne) => !e.filter && fe(ne)),
           onBlur: oe[6] || (oe[6] = (ne) => !e.filter && ve(ne))
@@ -5465,7 +5465,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             onClick: oe[0] || (oe[0] = je((ne) => !d.value && R(), ["stop"]))
           }, null, 42, an)) : (s(), i("div", ln, [
             e.multiple && V.value.length > 0 ? (s(), i(ge, { key: 0 }, [
-              Pe(Ut, {
+              De(Ut, {
                 "enter-active-class": "transition-all duration-200 ease-out",
                 "enter-from-class": "scale-90 opacity-0",
                 "enter-to-class": "scale-100 opacity-100",
@@ -5580,7 +5580,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           to: tt.value,
           disabled: !tt.value
         }, [
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-200 ease-out",
             "enter-from-class": w.value.placement === "top" ? "opacity-0 translate-y-2" : "opacity-0 -translate-y-2",
             "enter-to-class": "opacity-100 translate-y-0",
@@ -5728,7 +5728,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                               ne.description ? (s(), i("p", In, W(ne.description), 1)) : $("", !0)
                             ], !0)
                           ]),
-                          Pe(De, {
+                          De(Pe, {
                             "enter-active-class": "transition-all duration-150 ease-out",
                             "enter-from-class": "scale-0 opacity-0",
                             "enter-to-class": "scale-100 opacity-100",
@@ -5760,10 +5760,10 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                       ], 64)) : (s(), i("div", En, [
                         I(H.$slots, "empty", {}, () => [
                           oe[9] || (oe[9] = h("span", { class: "mdi mdi-magnify-close text-3xl text-muted-foreground mb-2 block" }, null, -1)),
-                          h("p", Dn, W(e.noResultsText), 1)
+                          h("p", Pn, W(e.noResultsText), 1)
                         ], !0)
                       ]))
-                    ], 64)) : H.$slots.default ? I(H.$slots, "default", { key: 1 }, void 0, !0) : (s(), i("div", Pn, [
+                    ], 64)) : H.$slots.default ? I(H.$slots, "default", { key: 1 }, void 0, !0) : (s(), i("div", Dn, [
                       I(H.$slots, "empty", {}, () => [
                         oe[10] || (oe[10] = h("span", { class: "mdi mdi-selection-off text-3xl text-muted-foreground mb-2 block" }, null, -1)),
                         h("p", Vn, W(e.noOptionsText), 1)
@@ -5785,7 +5785,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             ]),
             _: 3
           }, 8, ["enter-from-class", "leave-to-class"])
-        ], 8, ["to", "disabled"])) : (s(), ke(De, {
+        ], 8, ["to", "disabled"])) : (s(), ke(Pe, {
           key: 3,
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 -translate-y-2",
@@ -5908,7 +5908,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         ]),
         e.description ? (s(), i("p", Hn, W(e.description), 1)) : $("", !0)
       ]),
-      Pe(De, {
+      De(Pe, {
         "enter-active-class": "transition-all duration-150 ease-out",
         "enter-from-class": "scale-0 opacity-0",
         "enter-to-class": "scale-100 opacity-100",
@@ -5961,7 +5961,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           class: k(["mdi transition-transform duration-200", a.value ? "mdi-chevron-right" : "mdi-chevron-down"])
         }, null, 2)) : $("", !0)
       ], 2),
-      Pe(De, {
+      De(Pe, {
         "enter-active-class": "transition-all duration-200 ease-out",
         "enter-from-class": "opacity-0 max-h-0",
         "enter-to-class": "opacity-100 max-h-96",
@@ -6162,7 +6162,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       p.value = !0, L(), o("autoplayPause");
     }, R = () => {
       p.value = !1, T(), o("autoplayResume");
-    }, D = () => T(), P = () => L(), fe = () => j(), ve = () => R(), ye = () => {
+    }, P = () => T(), D = () => L(), fe = () => j(), ve = () => R(), ye = () => {
       v.value = !0, t.pauseOnHover && t.autoplay && L();
     }, ae = () => {
       v.value = !1, t.pauseOnHover && t.autoplay && !p.value && T();
@@ -6214,8 +6214,8 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       next: z,
       prev: x,
       goTo: me,
-      start: D,
-      stop: P,
+      start: P,
+      stop: D,
       pause: fe,
       resume: ve,
       activeIndex: r,
@@ -6538,7 +6538,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             key: 2,
             class: k(["mdi mdi-loading animate-spin z-10", [se.value.icon, S.value && w.value === "filled" ? M.value ? "text-white" : "text-primary-foreground" : "text-foreground"]])
           }, null, 2)) : $("", !0),
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-300 ease-out",
             "enter-from-class": "scale-0 opacity-0",
             "enter-to-class": "scale-100 opacity-100",
@@ -7111,7 +7111,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       d.value && o.value ? (s(), i("div", Es)) : $("", !0)
     ], 64));
   }
-}), Ds = ["aria-expanded", "aria-disabled"], Ps = {
+}), Ps = ["aria-expanded", "aria-disabled"], Ds = {
   key: 0,
   class: "flex-1 truncate text-foreground"
 }, Vs = {
@@ -7330,15 +7330,15 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       }
       return a.disabledDates ? typeof a.disabledDates == "function" ? a.disabledDates(Y) : a.disabledDates.some((_) => me(Y, _)) : !1;
     }
-    function D(Y, _) {
+    function P(Y, _) {
       const he = _.getBoundingClientRect(), Ee = Math.max(he.width, he.height) * 2, Be = Y.clientX - he.left - Ee / 2, Ue = Y.clientY - he.top - Ee / 2, Ht = q++;
       B.value.push({ id: Ht, x: Be, y: Ue, size: Ee }), setTimeout(() => {
         B.value = B.value.filter((et) => et.id !== Ht);
       }, 600);
     }
-    function P(Y, _) {
+    function D(Y, _) {
       if (R(Y)) return;
-      _?.currentTarget && D(_, _.currentTarget);
+      _?.currentTarget && P(_, _.currentTarget);
       const he = new Date(Y);
       if (a.enableTime && he.setHours(w.value, M.value), a.mode === "single")
         t("update:modelValue", he), a.closeOnSelect && !a.enableTime && A();
@@ -7584,7 +7584,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         h("span", {
           class: k(["mdi mdi-calendar-blank-outline mr-2 text-muted-foreground", $t.value.icon])
         }, null, 2),
-        le.value ? (s(), i("span", Ps, W(ie.value), 1)) : (s(), i("span", Vs, W(e.placeholder), 1)),
+        le.value ? (s(), i("span", Ds, W(ie.value), 1)) : (s(), i("span", Vs, W(e.placeholder), 1)),
         e.loading ? (s(), i("span", {
           key: 2,
           class: k(["mdi mdi-loading animate-spin text-muted-foreground", $t.value.icon])
@@ -7599,12 +7599,12 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           key: 4,
           class: k(["mdi transition-transform duration-200 text-muted-foreground", [$t.value.icon, u.value ? "mdi-chevron-up" : "mdi-chevron-down"]])
         }, null, 2))
-      ], 46, Ds),
+      ], 46, Ps),
       (s(), ke(vt, {
         to: Sl.value,
         disabled: !e.teleport
       }, [
-        Pe(De, {
+        De(Pe, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -7644,7 +7644,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                     Fe(W(se[c.value.getMonth()]) + " ", 1),
                     _[12] || (_[12] = h("span", { class: "mdi mdi-chevron-down text-sm text-muted-foreground" }, null, -1))
                   ]),
-                  Pe(De, {
+                  De(Pe, {
                     "enter-active-class": "transition duration-150 ease-out",
                     "enter-from-class": "opacity-0 translate-y-1",
                     "enter-to-class": "opacity-100 translate-y-0",
@@ -7675,7 +7675,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                     Fe(W(c.value.getFullYear()) + " ", 1),
                     _[13] || (_[13] = h("span", { class: "mdi mdi-chevron-down text-sm text-muted-foreground" }, null, -1))
                   ]),
-                  Pe(De, {
+                  De(Pe, {
                     "enter-active-class": "transition duration-150 ease-out",
                     "enter-from-class": "opacity-0 translate-y-1",
                     "enter-to-class": "opacity-100 translate-y-0",
@@ -7746,7 +7746,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                       "--tw-ring-color": Be.isToday && !Be.isSelected ? e.color : void 0
                     }),
                     disabled: Be.isDisabled,
-                    onClick: (Ue) => P(Be.date, Ue),
+                    onClick: (Ue) => D(Be.date, Ue),
                     onMouseenter: (Ue) => tt(Be.date),
                     onMouseleave: mt
                   }, [
@@ -8420,7 +8420,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
 }), dl = /* @__PURE__ */ pe(Ir, [["__scopeId", "data-v-c02ada6d"]]), Br = {
   key: 0,
   class: "s-color-picker__presets"
-}, Er = { class: "s-color-picker__presets-label" }, Dr = { class: "s-color-picker__swatches" }, Pr = ["title", "disabled", "onClick"], Vr = /* @__PURE__ */ J({
+}, Er = { class: "s-color-picker__presets-label" }, Pr = { class: "s-color-picker__swatches" }, Dr = ["title", "disabled", "onClick"], Vr = /* @__PURE__ */ J({
   __name: "SColorPickerPresets",
   props: {
     presets: { default: () => [
@@ -8451,7 +8451,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     const l = be(dt);
     return l || console.warn("[SColorPickerPresets] Must be used inside SColorPicker"), (a, t) => g(l) && e.presets.length ? (s(), i("div", Br, [
       h("div", Er, W(e.label), 1),
-      h("div", Dr, [
+      h("div", Pr, [
         (s(!0), i(ge, null, Te(e.presets, (o) => (s(), i("button", {
           key: o,
           type: "button",
@@ -8460,7 +8460,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           title: o,
           disabled: g(l).disabled.value || g(l).readonly.value,
           onClick: (n) => g(l).selectPreset(o)
-        }, null, 14, Pr))), 128))
+        }, null, 14, Dr))), 128))
       ])
     ])) : $("", !0);
   }
@@ -8590,48 +8590,48 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       } : { r: 0, g: 0, b: 0, a: 1 };
     }
     function y(z, x, T, L) {
-      const j = (D) => Math.round(D).toString(16).padStart(2, "0"), R = `#${j(z)}${j(x)}${j(T)}`;
+      const j = (P) => Math.round(P).toString(16).padStart(2, "0"), R = `#${j(z)}${j(x)}${j(T)}`;
       return L !== void 0 && L < 1 ? R + j(L * 255) : R;
     }
     function m(z, x, T) {
       z /= 255, x /= 255, T /= 255;
       const L = Math.max(z, x, T), j = Math.min(z, x, T), R = L - j;
-      let D = 0;
-      const P = L === 0 ? 0 : R / L * 100, fe = L * 100;
+      let P = 0;
+      const D = L === 0 ? 0 : R / L * 100, fe = L * 100;
       if (L !== j) {
         switch (L) {
           case z:
-            D = (x - T) / R + (x < T ? 6 : 0);
+            P = (x - T) / R + (x < T ? 6 : 0);
             break;
           case x:
-            D = (T - z) / R + 2;
+            P = (T - z) / R + 2;
             break;
           case T:
-            D = (z - x) / R + 4;
+            P = (z - x) / R + 4;
             break;
         }
-        D *= 60;
+        P *= 60;
       }
-      return { h: D, s: P, v: fe };
+      return { h: P, s: D, v: fe };
     }
     function b(z, x, T) {
       x /= 100, T /= 100;
       const L = T * x, j = L * (1 - Math.abs(z / 60 % 2 - 1)), R = T - L;
-      let D = 0, P = 0, fe = 0;
-      return z >= 0 && z < 60 ? (D = L, P = j, fe = 0) : z >= 60 && z < 120 ? (D = j, P = L, fe = 0) : z >= 120 && z < 180 ? (D = 0, P = L, fe = j) : z >= 180 && z < 240 ? (D = 0, P = j, fe = L) : z >= 240 && z < 300 ? (D = j, P = 0, fe = L) : (D = L, P = 0, fe = j), {
-        r: Math.round((D + R) * 255),
-        g: Math.round((P + R) * 255),
+      let P = 0, D = 0, fe = 0;
+      return z >= 0 && z < 60 ? (P = L, D = j, fe = 0) : z >= 60 && z < 120 ? (P = j, D = L, fe = 0) : z >= 120 && z < 180 ? (P = 0, D = L, fe = j) : z >= 180 && z < 240 ? (P = 0, D = j, fe = L) : z >= 240 && z < 300 ? (P = j, D = 0, fe = L) : (P = L, D = 0, fe = j), {
+        r: Math.round((P + R) * 255),
+        g: Math.round((D + R) * 255),
         b: Math.round((fe + R) * 255)
       };
     }
     function w(z, x, T) {
       z /= 255, x /= 255, T /= 255;
       const L = Math.max(z, x, T), j = Math.min(z, x, T);
-      let R = 0, D = 0;
-      const P = (L + j) / 2;
+      let R = 0, P = 0;
+      const D = (L + j) / 2;
       if (L !== j) {
         const fe = L - j;
-        switch (D = P > 0.5 ? fe / (2 - L - j) : fe / (L + j), L) {
+        switch (P = D > 0.5 ? fe / (2 - L - j) : fe / (L + j), L) {
           case z:
             R = ((x - T) / fe + (x < T ? 6 : 0)) / 6;
             break;
@@ -8643,7 +8643,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             break;
         }
       }
-      return { h: Math.round(R * 360), s: Math.round(D * 100), l: Math.round(P * 100) };
+      return { h: Math.round(R * 360), s: Math.round(P * 100), l: Math.round(D * 100) };
     }
     const M = f(() => ({ ...b(c.value.h, c.value.s, c.value.v), a: c.value.a })), S = f(() => {
       const { r: z, g: x, b: T } = M.value;
@@ -8652,22 +8652,22 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       const { r: z, g: x, b: T } = M.value;
       return { ...w(z, x, T), a: c.value.a };
     }), q = f(() => {
-      const { r: z, g: x, b: T, a: L } = M.value, { h: j, s: R, l: D } = B.value;
+      const { r: z, g: x, b: T, a: L } = M.value, { h: j, s: R, l: P } = B.value;
       switch (r.value) {
         case "rgb":
           return a.showAlpha ? `rgba(${z}, ${x}, ${T}, ${L.toFixed(2)})` : `rgb(${z}, ${x}, ${T})`;
         case "hsl":
-          return a.showAlpha ? `hsla(${j}, ${R}%, ${D}%, ${L.toFixed(2)})` : `hsl(${j}, ${R}%, ${D}%)`;
+          return a.showAlpha ? `hsla(${j}, ${R}%, ${P}%, ${L.toFixed(2)})` : `hsl(${j}, ${R}%, ${P}%)`;
         default:
           return S.value.toUpperCase();
       }
     }), Q = f(() => {
-      const { r: z, g: x, b: T, a: L } = M.value, { h: j, s: R, l: D } = B.value;
+      const { r: z, g: x, b: T, a: L } = M.value, { h: j, s: R, l: P } = B.value;
       switch (a.format) {
         case "rgb":
           return a.showAlpha ? `rgba(${z}, ${x}, ${T}, ${L.toFixed(2)})` : `rgb(${z}, ${x}, ${T})`;
         case "hsl":
-          return a.showAlpha ? `hsla(${j}, ${R}%, ${D}%, ${L.toFixed(2)})` : `hsl(${j}, ${R}%, ${D}%)`;
+          return a.showAlpha ? `hsla(${j}, ${R}%, ${P}%, ${L.toFixed(2)})` : `hsl(${j}, ${R}%, ${P}%)`;
         default:
           return S.value.toUpperCase();
       }
@@ -8681,14 +8681,14 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       }
       const x = z.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);
       if (x) {
-        const L = parseInt(x[1]), j = parseInt(x[2]), R = parseInt(x[3]), D = x[4] ? parseFloat(x[4]) : 1, P = m(L, j, R);
-        c.value = { ...P, a: D };
+        const L = parseInt(x[1]), j = parseInt(x[2]), R = parseInt(x[3]), P = x[4] ? parseFloat(x[4]) : 1, D = m(L, j, R);
+        c.value = { ...D, a: P };
         return;
       }
       const T = z.match(/hsla?\((\d+),\s*(\d+)%?,\s*(\d+)%?(?:,\s*([\d.]+))?\)/);
       if (T) {
-        const L = parseInt(T[1]), j = parseInt(T[2]), R = parseInt(T[3]), D = T[4] ? parseFloat(T[4]) : 1, P = j / 100, fe = R / 100, ve = fe + P * Math.min(fe, 1 - fe), ye = ve === 0 ? 0 : 2 * (1 - fe / ve);
-        c.value = { h: L, s: ye * 100, v: ve * 100, a: D };
+        const L = parseInt(T[1]), j = parseInt(T[2]), R = parseInt(T[3]), P = T[4] ? parseFloat(T[4]) : 1, D = j / 100, fe = R / 100, ve = fe + D * Math.min(fe, 1 - fe), ye = ve === 0 ? 0 : 2 * (1 - fe / ve);
+        c.value = { h: L, s: ye * 100, v: ve * 100, a: P };
       }
     }
     ze(() => a.modelValue, (z) => {
@@ -8849,14 +8849,14 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         I(z.$slots, "panel-before", {}, void 0, !0),
         e.showSpectrum ? (s(), ke(ol, { key: 0 })) : $("", !0),
         e.showSliders ? (s(), i("div", Nr, [
-          Pe(nl),
+          De(nl),
           e.showAlpha ? (s(), ke(sl, { key: 0 })) : $("", !0)
         ])) : $("", !0),
         e.showPreview ? (s(), i("div", Gr, [
-          Pe(rl),
+          De(rl),
           h("div", qr, [
             e.showEyeDropper ? (s(), ke(il, { key: 0 })) : $("", !0),
-            Pe(ul)
+            De(ul)
           ])
         ])) : $("", !0),
         e.showInputs ? (s(), ke(dl, { key: 3 })) : $("", !0),
@@ -9043,7 +9043,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       if (q.value) return "flex flex-col w-full";
       const [ce, xe] = t.labelPlacement.split("-"), H = ["flex", "w-full"];
       return ce === "top" || ce === "bottom" ? (H.push("flex-col", "gap-1.5"), ce === "bottom" && H.push("flex-col-reverse")) : (H.push("gap-3"), ce === "right" ? H.push("flex-row-reverse") : H.push("flex-row"), xe === "center" ? H.push("items-center") : xe === "bottom" ? H.push("items-end") : H.push("items-start")), H.join(" ");
-    }), D = f(() => {
+    }), P = f(() => {
       const ce = `font-medium text-muted-foreground ${V.value.label}`;
       if (q.value) return ce;
       const [xe, H] = t.labelPlacement.split("-");
@@ -9052,7 +9052,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         if (H === "right") return `${ce} text-right`;
       }
       return ce;
-    }), P = f(() => {
+    }), D = f(() => {
       const ce = !!t.iconLeft || !!t.prefix, xe = !!t.iconRight || !!t.suffix || t.clearable || t.showPasswordToggle || t.loading || ie.value;
       let H = V.value.input;
       return t.size === "small" ? (H += ce ? " pl-8" : " pl-2.5", H += xe ? " pr-8" : " pr-2.5") : t.size === "large" ? (H += ce ? " pl-12" : " pl-4", H += xe ? " pr-12" : " pr-4") : (H += ce ? " pl-10" : " pl-3", H += xe ? " pr-10" : " pr-3"), H;
@@ -9202,7 +9202,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       e.label && !q.value ? (s(), i("label", {
         key: 0,
         for: v.value,
-        class: k(["shrink-0", [D.value, e.labelClass]])
+        class: k(["shrink-0", [P.value, e.labelClass]])
       }, [
         Fe(W(e.label) + " ", 1),
         e.required ? (s(), i("span", Jr, "*")) : $("", !0)
@@ -9250,7 +9250,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             "aria-invalid": !!se.value,
             "aria-required": e.required,
             class: k(["s-input w-full outline-none transition-all duration-200 text-foreground placeholder:text-muted-foreground", [
-              P.value,
+              D.value,
               ue.value,
               re.value,
               me.value,
@@ -9373,7 +9373,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             class: k(["s-input-border-animated absolute bottom-0 left-1/2 h-0.5 transition-all duration-200 ease-out", [e.color ? "" : "bg-primary", r.value ? "w-full -translate-x-1/2" : "w-0 -translate-x-1/2"]]),
             style: G(e.color ? { backgroundColor: e.color } : void 0)
           }, null, 6)) : $("", !0),
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-150 ease-out",
             "enter-from-class": "opacity-0 -translate-y-2 scale-95",
             "enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -9419,7 +9419,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           id: p.value,
           class: "s-input-messages flex items-start justify-between gap-2 mt-1.5"
         }, [
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-200 ease-out",
             "enter-from-class": "opacity-0 -translate-y-1",
             "enter-to-class": "opacity-100 translate-y-0",
@@ -9592,7 +9592,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     }), [
       (s(!0), i(ge, null, Te(e.keys, (o, n) => (s(), i(ge, { key: n }, [
         n > 0 ? (s(), i("span", bi, W(e.separator), 1)) : $("", !0),
-        Pe(la, {
+        De(la, {
           size: e.size,
           variant: e.variant,
           color: e.color
@@ -9656,7 +9656,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     const w = f(() => t.trigger === "manual"), M = f(() => {
       if (!t.items || !c.value) return t.items;
       const R = c.value.toLowerCase();
-      return t.items.filter((D) => D.divider || D.header ? !0 : D.label.toLowerCase().includes(R));
+      return t.items.filter((P) => P.divider || P.header ? !0 : P.label.toLowerCase().includes(R));
     }), S = f(() => {
       if (t.teleport === !0) return "body";
       if (typeof t.teleport == "string") return t.teleport;
@@ -9693,7 +9693,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       filled: "bg-muted border border-border shadow-lg",
       glass: "bg-background/80 backdrop-blur-xl border border-border/50 shadow-2xl"
     })[t.variant]), se = f(() => {
-      const R = y.value.placement, D = R.startsWith("top"), P = R.startsWith("bottom"), fe = R.startsWith("left");
+      const R = y.value.placement, P = R.startsWith("top"), D = R.startsWith("bottom"), fe = R.startsWith("left");
       return R.startsWith("right"), {
         fade: {
           enter: "transition-opacity duration-200 ease-out",
@@ -9705,11 +9705,11 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         },
         slide: {
           enter: "transition-all duration-200 ease-out",
-          enterFrom: `opacity-0 ${D ? "translate-y-2" : P ? "-translate-y-2" : fe ? "translate-x-2" : "-translate-x-2"}`,
+          enterFrom: `opacity-0 ${P ? "translate-y-2" : D ? "-translate-y-2" : fe ? "translate-x-2" : "-translate-x-2"}`,
           enterTo: "opacity-100 translate-x-0 translate-y-0",
           leave: "transition-all duration-150 ease-in",
           leaveFrom: "opacity-100 translate-x-0 translate-y-0",
-          leaveTo: `opacity-0 ${D ? "translate-y-2" : P ? "-translate-y-2" : fe ? "translate-x-2" : "-translate-x-2"}`
+          leaveTo: `opacity-0 ${P ? "translate-y-2" : D ? "-translate-y-2" : fe ? "translate-x-2" : "-translate-x-2"}`
         },
         scale: {
           enter: "transition-all duration-200 ease-out",
@@ -9730,48 +9730,48 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       }[t.animation];
     }), E = () => {
       if (!n.value) return;
-      const R = n.value.getBoundingClientRect(), D = { width: window.innerWidth, height: window.innerHeight }, P = t.offset;
+      const R = n.value.getBoundingClientRect(), P = { width: window.innerWidth, height: window.innerHeight }, D = t.offset;
       let fe = t.placement, ve, ye, ae, O;
       ({
         top: () => {
-          ye = D.height - R.top + P, ae = R.left + R.width / 2;
+          ye = P.height - R.top + D, ae = R.left + R.width / 2;
         },
         "top-start": () => {
-          ye = D.height - R.top + P, ae = R.left;
+          ye = P.height - R.top + D, ae = R.left;
         },
         "top-end": () => {
-          ye = D.height - R.top + P, O = D.width - R.right;
+          ye = P.height - R.top + D, O = P.width - R.right;
         },
         bottom: () => {
-          ve = R.bottom + P, ae = R.left + R.width / 2;
+          ve = R.bottom + D, ae = R.left + R.width / 2;
         },
         "bottom-start": () => {
-          ve = R.bottom + P, ae = R.left;
+          ve = R.bottom + D, ae = R.left;
         },
         "bottom-end": () => {
-          ve = R.bottom + P, O = D.width - R.right;
+          ve = R.bottom + D, O = P.width - R.right;
         },
         left: () => {
-          ve = R.top + R.height / 2, O = D.width - R.left + P;
+          ve = R.top + R.height / 2, O = P.width - R.left + D;
         },
         "left-start": () => {
-          ve = R.top, O = D.width - R.left + P;
+          ve = R.top, O = P.width - R.left + D;
         },
         "left-end": () => {
-          ye = D.height - R.bottom, O = D.width - R.left + P;
+          ye = P.height - R.bottom, O = P.width - R.left + D;
         },
         right: () => {
-          ve = R.top + R.height / 2, ae = R.right + P;
+          ve = R.top + R.height / 2, ae = R.right + D;
         },
         "right-start": () => {
-          ve = R.top, ae = R.right + P;
+          ve = R.top, ae = R.right + D;
         },
         "right-end": () => {
-          ye = D.height - R.bottom, ae = R.right + P;
+          ye = P.height - R.bottom, ae = R.right + D;
         }
       })[fe]();
       const Ce = parseInt(t.maxHeight) || 320, Me = t.width && typeof t.width == "number" ? t.width : 200;
-      fe.startsWith("bottom") && ve !== void 0 && ve + Ce > D.height - 10 ? (fe = fe.replace("bottom", "top"), ve = void 0, ye = D.height - R.top + P) : fe.startsWith("top") && ye !== void 0 && D.height - ye + Ce > D.height - 10 && (fe = fe.replace("top", "bottom"), ye = void 0, ve = R.bottom + P), ae !== void 0 && ae + Me > D.width - 10 && (ae = D.width - Me - 10), ae !== void 0 && ae < 10 && (ae = 10), y.value = { top: ve, bottom: ye, left: ae, right: O, placement: fe };
+      fe.startsWith("bottom") && ve !== void 0 && ve + Ce > P.height - 10 ? (fe = fe.replace("bottom", "top"), ve = void 0, ye = P.height - R.top + D) : fe.startsWith("top") && ye !== void 0 && P.height - ye + Ce > P.height - 10 && (fe = fe.replace("top", "bottom"), ye = void 0, ve = R.bottom + D), ae !== void 0 && ae + Me > P.width - 10 && (ae = P.width - Me - 10), ae !== void 0 && ae < 10 && (ae = 10), y.value = { top: ve, bottom: ye, left: ae, right: O, placement: fe };
     }, te = async () => {
       t.disabled || d.value || (b && (clearTimeout(b), b = null), d.value = !0, o("update:visible", !0), o("open"), await Ke(), E(), t.searchable && u.value && u.value.focus());
     }, K = () => {
@@ -9791,20 +9791,20 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     }, me = () => {
       t.trigger === "hover" && (b = setTimeout(K, t.hideDelay));
     }, z = (R) => {
-      const D = R.target;
-      n.value && r.value && !n.value.contains(D) && !r.value.contains(D) && K();
+      const P = R.target;
+      n.value && r.value && !n.value.contains(P) && !r.value.contains(P) && K();
     }, x = (R) => {
       if (!d.value) {
         (R.key === "Enter" || R.key === " " || R.key === "ArrowDown") && (R.preventDefault(), te());
         return;
       }
-      const D = p.value.filter((P) => !P.disabled);
+      const P = p.value.filter((D) => !D.disabled);
       switch (R.key) {
         case "Escape":
           R.preventDefault(), K(), n.value?.focus();
           break;
         case "ArrowDown":
-          R.preventDefault(), v.value = Math.min(v.value + 1, D.length - 1), v.value < 0 && (v.value = 0);
+          R.preventDefault(), v.value = Math.min(v.value + 1, P.length - 1), v.value < 0 && (v.value = 0);
           break;
         case "ArrowUp":
           R.preventDefault(), v.value = Math.max(v.value - 1, 0);
@@ -9813,25 +9813,25 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           R.preventDefault(), v.value = 0;
           break;
         case "End":
-          R.preventDefault(), v.value = D.length - 1;
+          R.preventDefault(), v.value = P.length - 1;
           break;
         case "Enter":
         case " ":
-          R.preventDefault(), v.value >= 0 && D[v.value] && j(D[v.value].key);
+          R.preventDefault(), v.value >= 0 && P[v.value] && j(P[v.value].key);
           break;
         case "Tab":
           K();
           break;
       }
     }, T = (R) => {
-      const D = p.value.findIndex((P) => P.key === R.key);
-      return D >= 0 ? (p.value[D] = R, D) : (p.value.push(R), p.value.length - 1);
+      const P = p.value.findIndex((D) => D.key === R.key);
+      return P >= 0 ? (p.value[P] = R, P) : (p.value.push(R), p.value.length - 1);
     }, L = (R) => {
-      const D = p.value.findIndex((P) => P.key === R);
-      D >= 0 && p.value.splice(D, 1);
+      const P = p.value.findIndex((D) => D.key === R);
+      P >= 0 && p.value.splice(P, 1);
     }, j = (R) => {
-      const D = t.items?.find((P) => P.key === R);
-      o("select", R, D), D?.onClick && D.onClick(), t.closeOnSelect && K();
+      const P = t.items?.find((D) => D.key === R);
+      o("select", R, P), P?.onClick && P.onClick(), t.closeOnSelect && K();
     };
     return ze(() => t.visible, (R) => {
       w.value && R !== void 0 && (R ? te() : K());
@@ -9854,7 +9854,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       open: te,
       close: K,
       toggle: ie
-    }), (R, D) => (s(), i("div", ee({
+    }), (R, P) => (s(), i("div", ee({
       class: g(X)("s-dropdown relative inline-block", R.$attrs.class ?? "")
     }, R.$attrs), [
       h("div", {
@@ -9900,7 +9900,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         to: S.value,
         disabled: !S.value
       }, [
-        Pe(De, {
+        De(Pe, {
           "enter-active-class": se.value.enter,
           "enter-from-class": se.value.enterFrom,
           "enter-to-class": se.value.enterTo,
@@ -9930,11 +9930,11 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
               }, null, 2)) : $("", !0),
               e.searchable ? (s(), i("div", ki, [
                 h("div", wi, [
-                  D[1] || (D[1] = h("span", { class: "absolute left-3 top-1/2 -translate-y-1/2 mdi mdi-magnify text-muted-foreground" }, null, -1)),
+                  P[1] || (P[1] = h("span", { class: "absolute left-3 top-1/2 -translate-y-1/2 mdi mdi-magnify text-muted-foreground" }, null, -1)),
                   qe(h("input", {
                     ref_key: "searchInputRef",
                     ref: u,
-                    "onUpdate:modelValue": D[0] || (D[0] = (P) => c.value = P),
+                    "onUpdate:modelValue": P[0] || (P[0] = (D) => c.value = D),
                     type: "text",
                     placeholder: e.searchPlaceholder,
                     class: k([q.value.search, "w-full pl-9 pr-3 bg-accent border border-border rounded-lg outline-none focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all text-foreground placeholder:text-muted-foreground"]),
@@ -9949,64 +9949,64 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
                 class: "overflow-y-auto overflow-x-hidden overscroll-contain",
                 style: G({ maxHeight: e.searchable ? `calc(${e.maxHeight} - 60px)` : e.maxHeight })
               }, [
-                M.value && M.value.length > 0 ? (s(!0), i(ge, { key: 0 }, Te(M.value, (P, fe) => (s(), i(ge, {
-                  key: P.key || `item-${fe}`
+                M.value && M.value.length > 0 ? (s(!0), i(ge, { key: 0 }, Te(M.value, (D, fe) => (s(), i(ge, {
+                  key: D.key || `item-${fe}`
                 }, [
-                  P.divider ? (s(), i("div", Ci)) : P.header ? (s(), i("div", Si, W(P.header), 1)) : (s(), i("div", {
+                  D.divider ? (s(), i("div", Ci)) : D.header ? (s(), i("div", Si, W(D.header), 1)) : (s(), i("div", {
                     key: 2,
                     role: "menuitem",
-                    tabindex: P.disabled ? -1 : 0,
+                    tabindex: D.disabled ? -1 : 0,
                     class: k(["s-dropdown-item relative flex items-center cursor-pointer transition-all duration-150 select-none rounded-lg", [
                       q.value.item,
                       {
-                        "opacity-50 cursor-not-allowed": P.disabled,
-                        "text-red-500 hover:bg-red-500/10": P.danger && !P.disabled,
-                        "text-foreground hover:bg-accent": !P.danger && !P.disabled,
-                        "bg-accent": v.value === fe && !P.disabled
+                        "opacity-50 cursor-not-allowed": D.disabled,
+                        "text-red-500 hover:bg-red-500/10": D.danger && !D.disabled,
+                        "text-foreground hover:bg-accent": !D.danger && !D.disabled,
+                        "bg-accent": v.value === fe && !D.disabled
                       }
                     ]]),
-                    onClick: (ve) => !P.disabled && j(P.key),
+                    onClick: (ve) => !D.disabled && j(D.key),
                     onMouseenter: (ve) => v.value = fe
                   }, [
-                    P.checked !== void 0 ? (s(), i("span", {
+                    D.checked !== void 0 ? (s(), i("span", {
                       key: 0,
                       class: k(["mdi mr-2 transition-all duration-150", [
-                        P.checked ? "mdi-checkbox-marked" : "mdi-checkbox-blank-outline",
+                        D.checked ? "mdi-checkbox-marked" : "mdi-checkbox-blank-outline",
                         q.value.icon,
-                        P.checked ? "" : "text-muted-foreground"
+                        D.checked ? "" : "text-muted-foreground"
                       ]]),
-                      style: G(P.checked ? { color: e.color } : {})
-                    }, null, 6)) : P.icon && g(We)(P.icon) ? (s(), ke(Ve(P.icon), {
+                      style: G(D.checked ? { color: e.color } : {})
+                    }, null, 6)) : D.icon && g(We)(D.icon) ? (s(), ke(Ve(D.icon), {
                       key: 1,
-                      class: k([q.value.icon, "mr-2.5", P.danger ? "" : "text-muted-foreground"])
-                    }, null, 8, ["class"])) : P.icon ? (s(), i("span", {
+                      class: k([q.value.icon, "mr-2.5", D.danger ? "" : "text-muted-foreground"])
+                    }, null, 8, ["class"])) : D.icon ? (s(), i("span", {
                       key: 2,
-                      class: k(["mdi", `mdi-${P.icon}`, q.value.icon, "mr-2.5", P.danger ? "" : "text-muted-foreground"])
+                      class: k(["mdi", `mdi-${D.icon}`, q.value.icon, "mr-2.5", D.danger ? "" : "text-muted-foreground"])
                     }, null, 2)) : $("", !0),
                     h("div", Mi, [
-                      h("div", Ti, W(P.label), 1),
-                      P.description ? (s(), i("div", {
+                      h("div", Ti, W(D.label), 1),
+                      D.description ? (s(), i("div", {
                         key: 0,
-                        class: k(["text-xs truncate mt-0.5", P.danger ? "text-red-400" : "text-muted-foreground"])
-                      }, W(P.description), 3)) : $("", !0)
+                        class: k(["text-xs truncate mt-0.5", D.danger ? "text-red-400" : "text-muted-foreground"])
+                      }, W(D.description), 3)) : $("", !0)
                     ]),
                     h("div", Ai, [
-                      P.shortcut ? (s(), i("kbd", Ii, W(P.shortcut), 1)) : $("", !0),
-                      P.trailingIcon && g(We)(P.trailingIcon) ? (s(), ke(Ve(P.trailingIcon), {
+                      D.shortcut ? (s(), i("kbd", Ii, W(D.shortcut), 1)) : $("", !0),
+                      D.trailingIcon && g(We)(D.trailingIcon) ? (s(), ke(Ve(D.trailingIcon), {
                         key: 1,
                         class: k([q.value.icon, "text-muted-foreground"])
-                      }, null, 8, ["class"])) : P.trailingIcon ? (s(), i("span", {
+                      }, null, 8, ["class"])) : D.trailingIcon ? (s(), i("span", {
                         key: 2,
-                        class: k(["mdi", `mdi-${P.trailingIcon}`, q.value.icon, "text-muted-foreground"])
+                        class: k(["mdi", `mdi-${D.trailingIcon}`, q.value.icon, "text-muted-foreground"])
                       }, null, 2)) : $("", !0),
-                      P.children && P.children.length > 0 ? (s(), i("span", {
+                      D.children && D.children.length > 0 ? (s(), i("span", {
                         key: 3,
                         class: k(["mdi mdi-chevron-right text-muted-foreground", q.value.icon])
                       }, null, 2)) : $("", !0)
                     ])
                   ], 42, zi))
                 ], 64))), 128)) : I(R.$slots, "default", { key: 1 }, void 0, !0),
-                e.searchable && c.value && (!M.value || M.value.length === 0) ? (s(), i("div", Bi, [...D[2] || (D[2] = [
+                e.searchable && c.value && (!M.value || M.value.length === 0) ? (s(), i("div", Bi, [...P[2] || (P[2] = [
                   h("span", { class: "mdi mdi-magnify-close text-3xl text-muted-foreground mb-2 block" }, null, -1),
                   h("p", { class: "text-sm text-muted-foreground" }, "No results found", -1)
                 ])])) : $("", !0)
@@ -10016,7 +10016,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           ]),
           _: 3
         }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])
-      ], 8, ["to", "disabled"])) : (s(), ke(De, {
+      ], 8, ["to", "disabled"])) : (s(), ke(Pe, {
         key: 1,
         "enter-active-class": se.value.enter,
         "enter-from-class": se.value.enterFrom,
@@ -10061,7 +10061,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       style: { marginTop: e.margin, marginBottom: e.margin }
     }, l.$attrs), null, 16));
   }
-}), Di = { class: "s-dropdown-group-content" }, Pi = /* @__PURE__ */ J({
+}), Pi = { class: "s-dropdown-group-content" }, Di = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SDropdownGroup",
   props: {
@@ -10089,12 +10089,12 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         }, null, 2)) : $("", !0),
         h("span", null, W(e.label), 1)
       ], 2),
-      h("div", Di, [
+      h("div", Pi, [
         I(t.$slots, "default", {}, void 0, !0)
       ])
     ], 16));
   }
-}), mm = /* @__PURE__ */ pe(Pi, [["__scopeId", "data-v-61cf95ee"]]), Vi = ["tabindex"], Ri = { class: "flex-1 min-w-0" }, Li = { class: "truncate" }, Fi = { class: "flex items-center gap-2 ml-4 shrink-0" }, Oi = {
+}), mm = /* @__PURE__ */ pe(Di, [["__scopeId", "data-v-61cf95ee"]]), Vi = ["tabindex"], Ri = { class: "flex-1 min-w-0" }, Li = { class: "truncate" }, Fi = { class: "flex items-center gap-2 ml-4 shrink-0" }, Oi = {
   key: 0,
   class: "px-1.5 py-0.5 text-[10px] font-mono rounded bg-background text-muted-foreground border border-border"
 }, ji = /* @__PURE__ */ J({
@@ -10110,7 +10110,8 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     disabled: { type: Boolean, default: !1 },
     danger: { type: Boolean, default: !1 },
     checked: { type: Boolean, default: void 0 },
-    color: { default: void 0 }
+    color: { default: void 0 },
+    iconColor: { default: void 0 }
   },
   emits: ["click", "update:checked"],
   setup(e, { emit: l }) {
@@ -10126,15 +10127,21 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     const r = f(() => ({
       small: {
         item: "px-2 py-1 text-xs",
-        icon: "text-sm"
+        icon: "text-sm",
+        iconSize: "w-3.5 h-3.5",
+        iconPx: 14
       },
       medium: {
         item: "px-2.5 py-1.5 text-sm",
-        icon: "text-base"
+        icon: "text-base",
+        iconSize: "w-4 h-4",
+        iconPx: 16
       },
       large: {
         item: "px-3 py-2 text-base",
-        icon: "text-lg"
+        icon: "text-lg",
+        iconSize: "w-5 h-5",
+        iconPx: 20
       }
     })[o?.size ?? "medium"]), u = 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));
@@ -10159,8 +10166,10 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         style: G(e.checked ? { color: u.value } : {})
       }, null, 6)) : e.icon && g(We)(e.icon) ? (s(), ke(Ve(e.icon), {
         key: 1,
-        class: k([r.value.icon, "mr-2.5", e.danger ? "" : "text-muted-foreground group-hover:text-foreground"])
-      }, null, 8, ["class"])) : e.icon ? (s(), i("span", {
+        size: r.value.iconPx,
+        class: k(["mr-2.5 shrink-0", !e.iconColor && !e.danger ? "text-muted-foreground group-hover:text-foreground" : ""]),
+        style: G(e.iconColor ? { color: e.iconColor } : {})
+      }, null, 8, ["size", "class", "style"])) : e.icon ? (s(), i("span", {
         key: 2,
         class: k(["mdi", `mdi-${e.icon}`, r.value.icon, "mr-2.5", e.danger ? "" : "text-muted-foreground group-hover:text-foreground"])
       }, null, 2)) : $("", !0),
@@ -10177,8 +10186,9 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         e.shortcut ? (s(), i("kbd", Oi, W(e.shortcut), 1)) : $("", !0),
         e.trailingIcon && g(We)(e.trailingIcon) ? (s(), ke(Ve(e.trailingIcon), {
           key: 1,
-          class: k([r.value.icon, "text-muted-foreground"])
-        }, null, 8, ["class"])) : e.trailingIcon ? (s(), i("span", {
+          size: r.value.iconPx,
+          class: "text-muted-foreground"
+        }, null, 8, ["size"])) : e.trailingIcon ? (s(), i("span", {
           key: 2,
           class: k(["mdi", `mdi-${e.trailingIcon}`, r.value.icon, "text-muted-foreground"])
         }, null, 2)) : $("", !0),
@@ -10186,7 +10196,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       ])
     ], 16, Vi));
   }
-}), gm = /* @__PURE__ */ pe(ji, [["__scopeId", "data-v-c37f9faa"]]), Hi = ["aria-label"], pm = /* @__PURE__ */ J({
+}), gm = /* @__PURE__ */ pe(ji, [["__scopeId", "data-v-c46f1d8b"]]), Hi = ["aria-label"], pm = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SBreadcrumb",
   props: {
@@ -10787,7 +10797,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         const re = N.getContext("2d"), me = re.createImageData(V, ue), z = 0.7;
         for (let L = 0; L < ue; L++)
           for (let j = 0; j < V; j++) {
-            const R = j / (V - 1) * 2 - 1, D = L / (ue - 1) * 2 - 1, P = 1 - Math.abs(R), fe = 1 - Math.abs(D), ve = Math.pow(P, 1.5) * Math.pow(fe, 1.5), ye = Math.round(128 + R * z * ve * 127), ae = Math.round(128 + D * z * ve * 127), O = (L * V + j) * 4;
+            const R = j / (V - 1) * 2 - 1, P = L / (ue - 1) * 2 - 1, D = 1 - Math.abs(R), fe = 1 - Math.abs(P), ve = Math.pow(D, 1.5) * Math.pow(fe, 1.5), ye = Math.round(128 + R * z * ve * 127), ae = Math.round(128 + P * z * ve * 127), O = (L * V + j) * 4;
             me.data[O] = ye, me.data[O + 1] = ae, me.data[O + 2] = 128, me.data[O + 3] = 255;
           }
         re.putImageData(me, 0, 0);
@@ -10873,7 +10883,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           key: 0,
           class: k(["s-glass-card__spotlight absolute inset-0 pointer-events-none transition-opacity duration-300 z-[2]", { "opacity-100": p.value, "opacity-0": !p.value }])
         }, null, 2)) : $("", !0),
-        Pe(De, { name: "s-glass-card-fade" }, {
+        De(Pe, { name: "s-glass-card-fade" }, {
           default: Se(() => [
             e.loading ? (s(), i("div", {
               key: 0,
@@ -11160,7 +11170,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       id: `${g(l)?.uniqueId}-content`,
       class: k(["s-morphing-card-content-inner flex flex-col h-full overflow-y-auto overscroll-contain", [a[e.padding], e.contentClass]])
     }, [
-      Pe(De, {
+      De(Pe, {
         "enter-active-class": "transition-all duration-300 ease-out delay-150",
         "enter-from-class": "opacity-0 translate-y-2",
         "enter-to-class": "opacity-100 translate-y-0",
@@ -11233,7 +11243,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       ])
     ], 16));
   }
-}), Em = /* @__PURE__ */ pe($u, [["__scopeId", "data-v-fc1e9346"]]), Dm = /* @__PURE__ */ J({
+}), Em = /* @__PURE__ */ pe($u, [["__scopeId", "data-v-fc1e9346"]]), Pm = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SMorphingCardTitle",
   props: {
@@ -11253,7 +11263,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       _: 3
     }, 16, ["id", "class"]));
   }
-}), Pm = /* @__PURE__ */ J({
+}), Dm = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SMorphingCardDescription",
   props: {
@@ -11266,7 +11276,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       class: g(X)("s-morphing-card-description text-muted-foreground leading-relaxed", e.descriptionClass)
     }), [
       I(o.$slots, "default")
-    ], 16)) : (s(), ke(De, {
+    ], 16)) : (s(), ke(Pe, {
       key: 0,
       "enter-active-class": "transition-all duration-300 ease-out delay-200",
       "enter-from-class": "opacity-0 translate-y-2",
@@ -11304,7 +11314,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     })[l.size]), r = () => {
       a?.close();
     };
-    return (u, d) => (s(), ke(De, {
+    return (u, d) => (s(), ke(Pe, {
       "enter-active-class": "transition-all duration-200 ease-out delay-300",
       "enter-from-class": "opacity-0 scale-75",
       "enter-to-class": "opacity-100 scale-100",
@@ -11502,7 +11512,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           key: 2,
           class: k(["s-card-spotlight-effect absolute inset-0 pointer-events-none transition-opacity duration-300", { "opacity-100": u.value, "opacity-0": !u.value }])
         }, null, 2)) : $("", !0),
-        Pe(De, { name: "fade" }, {
+        De(Pe, { name: "fade" }, {
           default: Se(() => [
             e.loading ? (s(), i("div", Cu, [...te[0] || (te[0] = [
               h("div", { class: "s-card-shimmer absolute inset-0" }, null, -1),
@@ -11586,7 +11596,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
 }), Fm = /* @__PURE__ */ pe(Mu, [["__scopeId", "data-v-bafa5b97"]]), vl = /* @__PURE__ */ Symbol("form-context"), Tu = ["aria-labelledby", "aria-describedby"], Au = {
   key: 0,
   class: "s-modal-header flex items-start justify-between gap-4 px-6 py-5 border-b border-border shrink-0"
-}, Iu = { class: "flex-1 min-w-0" }, Bu = { class: "s-modal-body flex-1 overflow-y-auto overscroll-contain" }, Pt = /* @__PURE__ */ Symbol("SModalContext"), Eu = /* @__PURE__ */ J({
+}, Iu = { class: "flex-1 min-w-0" }, Bu = { class: "s-modal-body flex-1 overflow-y-auto overscroll-contain" }, Dt = /* @__PURE__ */ Symbol("SModalContext"), Eu = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SModal",
   props: {
@@ -11754,7 +11764,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       document.addEventListener("keydown", ue);
     }), Je(() => {
       document.removeEventListener("keydown", ue), le();
-    }), He(Pt, {
+    }), He(Dt, {
       close: z,
       isOpen: p,
       size: t.size,
@@ -11773,7 +11783,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       to: B.value,
       disabled: !B.value
     }, [
-      Pe(De, {
+      De(Pe, {
         "enter-active-class": "transition-opacity duration-300 ease-out",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -11806,7 +11816,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
               ]]),
               "aria-hidden": "true"
             }, null, 2)) : $("", !0),
-            Pe(De, {
+            De(Pe, {
               appear: "",
               "enter-active-class": te.value.enter,
               "enter-from-class": te.value.enterFrom,
@@ -11868,7 +11878,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : (s(), ke(De, {
+    ], 8, ["to", "disabled"])) : (s(), ke(Pe, {
       key: 1,
       "enter-active-class": "transition-opacity duration-300 ease-out",
       "enter-from-class": "opacity-0",
@@ -11896,7 +11906,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
             class: k(["s-modal-backdrop absolute inset-0 -z-1 bg-black/60 dark:bg-black/70", [e.backdropBlur ? "backdrop-blur-sm" : "", e.backdropClass]]),
             "aria-hidden": "true"
           }, null, 2)) : $("", !0),
-          Pe(De, {
+          De(Pe, {
             appear: "",
             "enter-active-class": te.value.enter,
             "enter-from-class": te.value.enterFrom,
@@ -11926,7 +11936,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       _: 3
     }));
   }
-}), Om = /* @__PURE__ */ pe(Eu, [["__scopeId", "data-v-48547ba1"]]), Du = { class: "flex-1 min-w-0" }, Pu = ["id"], Vu = ["id"], Ru = /* @__PURE__ */ J({
+}), Om = /* @__PURE__ */ pe(Eu, [["__scopeId", "data-v-48547ba1"]]), Pu = { class: "flex-1 min-w-0" }, Du = ["id"], Vu = ["id"], Ru = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SModalHeader",
   props: {
@@ -11938,7 +11948,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     headerClass: { default: "" }
   },
   setup(e) {
-    const l = be(Pt), a = {
+    const l = be(Dt), a = {
       none: "",
       sm: "px-4 py-3",
       md: "px-6 py-5",
@@ -11951,12 +11961,12 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     }), (t, o) => (s(), i("div", ee(t.$attrs, {
       class: g(X)("s-modal-header flex items-start justify-between gap-4 shrink-0", a[e.padding], e.divider ? "border-b border-border" : "", e.headerClass, t.$attrs.class ?? "")
     }), [
-      h("div", Du, [
+      h("div", Pu, [
         e.title ? (s(), i("h2", {
           key: 0,
           id: g(l)?.titleId,
           class: "text-lg font-semibold text-foreground tracking-tight"
-        }, W(e.title), 9, Pu)) : $("", !0),
+        }, W(e.title), 9, Du)) : $("", !0),
         I(t.$slots, "title", {}, void 0, !0),
         e.description ? (s(), i("p", {
           key: 1,
@@ -12014,7 +12024,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     footerClass: { default: "" }
   },
   setup(e) {
-    const l = be(Pt), a = {
+    const l = be(Dt), a = {
       none: "",
       sm: "px-4 py-3",
       md: "px-6 py-4",
@@ -12078,7 +12088,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     titleClass: { default: "" }
   },
   setup(e) {
-    const l = be(Pt);
+    const l = be(Dt);
     return (a, t) => (s(), ke(Ve(e.as), ee(a.$attrs, {
       id: g(l)?.titleId,
       class: g(X)("s-modal-title text-lg font-semibold text-foreground tracking-tight", e.titleClass, a.$attrs.class ?? "")
@@ -12097,7 +12107,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     descriptionClass: { default: "" }
   },
   setup(e) {
-    const l = be(Pt);
+    const l = be(Dt);
     return (a, t) => (s(), ke(Ve(e.as), ee(a.$attrs, {
       id: g(l)?.descriptionId,
       class: g(X)("s-modal-description text-sm text-muted-foreground leading-relaxed", e.descriptionClass, a.$attrs.class ?? "")
@@ -12116,7 +12126,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const l = e, a = be(Pt), t = () => {
+    const l = e, a = be(Dt), t = () => {
       l.disabled || a?.close();
     };
     return (o, n) => (s(), i("button", ee({ type: "button" }, o.$attrs, {
@@ -12412,7 +12422,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
   },
   setup(e) {
     const l = be(jt), a = f(() => l?.isExpanded.value ?? !1);
-    return (t, o) => (s(), ke(De, {
+    return (t, o) => (s(), ke(Pe, {
       "enter-active-class": "transition-all duration-300 ease-out delay-150",
       "enter-from-class": "opacity-0 translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -12549,7 +12559,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       document.body.style.overflow = "hidden", A && (document.body.style.paddingRight = `${E}px`);
     }, R = () => {
       t.lockScroll && (document.body.style.overflow = "", document.body.style.paddingRight = "");
-    }, D = () => v.value ? Array.from(v.value.querySelectorAll(se)).filter((A) => !A.hasAttribute("disabled") && A.getAttribute("tabindex") !== "-1") : [], P = () => {
+    }, P = () => v.value ? Array.from(v.value.querySelectorAll(se)).filter((A) => !A.hasAttribute("disabled") && A.getAttribute("tabindex") !== "-1") : [], D = () => {
       t.trapFocus && Ke(() => {
         if (t.initialFocus && v.value) {
           const A = v.value.querySelector(t.initialFocus);
@@ -12559,7 +12569,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           }
         }
         if (t.autoFocus) {
-          const A = D(), F = A.length > 1 ? 1 : 0;
+          const A = P(), F = A.length > 1 ? 1 : 0;
           if (A.length > 0) {
             A[F].focus();
             return;
@@ -12574,7 +12584,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
           return;
         }
         if (A.key === "Tab" && t.trapFocus) {
-          const F = D();
+          const F = P();
           if (F.length === 0) return;
           const Z = F[0], de = F[F.length - 1];
           A.shiftKey ? document.activeElement === Z && (A.preventDefault(), de.focus()) : document.activeElement === de && (A.preventDefault(), Z.focus());
@@ -12602,7 +12612,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       F !== void 0 && (Q.value = A, o("snap", A, F));
     }, Ce = () => {
       p.value || y.value || (o("before-open"), w.value = document.activeElement, p.value = !0, y.value = !0, j(), o("update:modelValue", !0), o("open"), Ke(() => {
-        P(), setTimeout(() => {
+        D(), setTimeout(() => {
           y.value = !1, o("opened");
         }, t.duration);
       }));
@@ -12639,7 +12649,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
       to: te.value,
       disabled: !te.value
     }, [
-      Pe(De, {
+      De(Pe, {
         "enter-active-class": "transition-opacity ease-out",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -12672,7 +12682,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
               style: G(T.value),
               "aria-hidden": "true"
             }, null, 6)) : $("", !0),
-            Pe(De, {
+            De(Pe, {
               appear: "",
               "enter-active-class": `transition-transform duration-[${e.duration}ms] ease-[cubic-bezier(0.32,0.72,0,1)]`,
               "enter-from-class": e.side === "left" ? "-translate-x-full" : e.side === "right" ? "translate-x-full" : e.side === "top" ? "-translate-y-full" : "translate-y-full",
@@ -12759,7 +12769,7 @@ const Ro = { key: 1 }, Lo = /* @__PURE__ */ J({
         ]),
         _: 3
       }, 8, ["enter-active-class", "leave-active-class"])
-    ], 8, ["to", "disabled"])) : (s(), ke(De, {
+    ], 8, ["to", "disabled"])) : (s(), ke(Pe, {
       key: 1,
       "enter-active-class": "transition-opacity duration-300 ease-out",
       "enter-from-class": "opacity-0",
@@ -13200,18 +13210,18 @@ const id = {
       ghost: "border-2 border-transparent bg-transparent",
       morphing: "border-2 bg-muted border-border shadow-inner"
     })[t.variant]);
-    const Q = (D) => D ? new RegExp(`^${M.value}$`).test(D) : !0, se = (D) => {
-      const P = m.value.get(D);
-      if (P) {
-        const ve = P.phase === "out" ? P.from : P.to;
+    const Q = (P) => P ? new RegExp(`^${M.value}$`).test(P) : !0, se = (P) => {
+      const D = m.value.get(P);
+      if (D) {
+        const ve = D.phase === "out" ? D.from : D.to;
         return ve ? t.masked && ve ? t.maskChar : ve.toUpperCase() : t.showPlaceholder ? t.placeholderChar : "";
       }
-      const fe = u.value[D];
+      const fe = u.value[P];
       return fe ? t.masked ? t.maskChar : fe.toUpperCase() : t.showPlaceholder ? t.placeholderChar : "";
-    }, E = (D) => {
-      const P = m.value.get(D);
-      if (!P) return {};
-      const { progress: fe, phase: ve } = P;
+    }, E = (P) => {
+      const D = m.value.get(P);
+      if (!D) return {};
+      const { progress: fe, phase: ve } = D;
       if (ve === "out") {
         const ye = 1 - fe * 0.5, ae = fe * 90, O = fe * 4, U = 1 - fe;
         return {
@@ -13228,98 +13238,98 @@ const id = {
         };
       }
     }, te = () => {
-      const D = u.value.join("");
-      c.value = D.length === t.maxlength && u.value.every((P) => P !== ""), c.value && t.autoSubmit && (v.value = !0, o("complete", D), o("success"), setTimeout(() => {
+      const P = u.value.join("");
+      c.value = P.length === t.maxlength && u.value.every((D) => D !== ""), c.value && t.autoSubmit && (v.value = !0, o("complete", P), o("success"), setTimeout(() => {
         v.value = !1;
       }, 1500));
-    }, K = (D, P, fe) => {
+    }, K = (P, D, fe) => {
       if (!t.morphText) return;
-      if (P === fe) {
-        y.value.add(D), setTimeout(() => y.value.delete(D), 300);
+      if (D === fe) {
+        y.value.add(P), setTimeout(() => y.value.delete(P), 300);
         return;
       }
       const ye = t.morphDuration * 2;
-      m.value.set(D, { from: P, to: fe, progress: 0, phase: "out" }), y.value.add(D);
+      m.value.set(P, { from: D, to: fe, progress: 0, phase: "out" }), y.value.add(P);
       const ae = performance.now(), O = (U) => {
         const Ce = U - ae, Me = Math.min(Ce / ye, 1);
         if (Me < 0.5) {
           const A = Me * 2;
-          m.value.set(D, { from: P, to: fe, progress: A, phase: "out" });
+          m.value.set(P, { from: D, to: fe, progress: A, phase: "out" });
         } else {
           const A = (Me - 0.5) * 2;
-          m.value.set(D, { from: P, to: fe, progress: A, phase: "in" });
+          m.value.set(P, { from: D, to: fe, progress: A, phase: "in" });
         }
-        Me < 1 ? requestAnimationFrame(O) : (m.value.delete(D), y.value.delete(D));
+        Me < 1 ? requestAnimationFrame(O) : (m.value.delete(P), y.value.delete(P));
       };
       requestAnimationFrame(O);
-    }, ie = (D, P) => {
-      const fe = D.target;
+    }, ie = (P, D) => {
+      const fe = P.target;
       let ve = fe.value.slice(-1);
       if (ve && !Q(ve)) {
-        fe.value = u.value[P];
+        fe.value = u.value[D];
         return;
       }
       (t.mode === "alphabetic" || t.mode === "alphanumeric") && (ve = ve.toUpperCase());
-      const ye = u.value[P];
-      u.value[P] = ve, K(P, ye, ve);
+      const ye = u.value[D];
+      u.value[D] = ve, K(D, ye, ve);
       const ae = u.value.join("");
-      o("update:modelValue", ae), o("input", P, ve), o("change", ae), ve && P < t.maxlength - 1 && Ke(() => {
-        re(P + 1);
+      o("update:modelValue", ae), o("input", D, ve), o("change", ae), ve && D < t.maxlength - 1 && Ke(() => {
+        re(D + 1);
       }), te();
-    }, le = (D, P) => {
-      const fe = D.key;
+    }, le = (P, D) => {
+      const fe = P.key;
       if (fe === "Backspace") {
-        if (D.preventDefault(), u.value[P]) {
-          const ye = u.value[P];
-          u.value[P] = "", K(P, ye, "");
-        } else if (P > 0) {
-          re(P - 1);
-          const ye = u.value[P - 1];
-          u.value[P - 1] = "", K(P - 1, ye, "");
+        if (P.preventDefault(), u.value[D]) {
+          const ye = u.value[D];
+          u.value[D] = "", K(D, ye, "");
+        } else if (D > 0) {
+          re(D - 1);
+          const ye = u.value[D - 1];
+          u.value[D - 1] = "", K(D - 1, ye, "");
         }
         const ve = u.value.join("");
         o("update:modelValue", ve), o("change", ve), c.value = !1;
       } else if (fe === "Delete") {
-        if (D.preventDefault(), u.value[P]) {
-          const ve = u.value[P];
-          u.value[P] = "", K(P, ve, "");
+        if (P.preventDefault(), u.value[D]) {
+          const ve = u.value[D];
+          u.value[D] = "", K(D, ve, "");
           const ye = u.value.join("");
           o("update:modelValue", ye), o("change", ye), c.value = !1;
         }
-      } else fe === "ArrowLeft" ? (D.preventDefault(), P > 0 && re(P - 1)) : fe === "ArrowRight" ? (D.preventDefault(), P < t.maxlength - 1 && re(P + 1)) : fe === "Home" ? (D.preventDefault(), re(0)) : fe === "End" && (D.preventDefault(), re(t.maxlength - 1));
-    }, N = (D, P) => {
+      } else fe === "ArrowLeft" ? (P.preventDefault(), D > 0 && re(D - 1)) : fe === "ArrowRight" ? (P.preventDefault(), D < t.maxlength - 1 && re(D + 1)) : fe === "Home" ? (P.preventDefault(), re(0)) : fe === "End" && (P.preventDefault(), re(t.maxlength - 1));
+    }, N = (P, D) => {
       if (!t.allowPaste) {
-        D.preventDefault();
+        P.preventDefault();
         return;
       }
-      D.preventDefault();
-      const ve = (D.clipboardData?.getData("text") || "").replace(new RegExp(`[^${M.value.slice(1, -1)}]`, "gi"), "");
+      P.preventDefault();
+      const ve = (P.clipboardData?.getData("text") || "").replace(new RegExp(`[^${M.value.slice(1, -1)}]`, "gi"), "");
       if (!ve) return;
       o("paste", ve);
-      const ye = ve.split("").slice(0, t.maxlength - P);
+      const ye = ve.split("").slice(0, t.maxlength - D);
       ye.forEach((U, Ce) => {
-        if (P + Ce < t.maxlength) {
-          const Me = u.value[P + Ce], A = t.mode !== "numeric" ? U.toUpperCase() : U;
-          u.value[P + Ce] = A, K(P + Ce, Me, A);
+        if (D + Ce < t.maxlength) {
+          const Me = u.value[D + Ce], A = t.mode !== "numeric" ? U.toUpperCase() : U;
+          u.value[D + Ce] = A, K(D + Ce, Me, A);
         }
       });
       const ae = u.value.join("");
       o("update:modelValue", ae), o("change", ae);
-      const O = u.value.findIndex((U, Ce) => Ce >= P && !U);
-      re(O !== -1 ? O : Math.min(P + ye.length, t.maxlength - 1)), te();
-    }, V = (D) => {
-      d.value = D, o("focus", D);
-      const P = n.value[D];
-      P && P.select();
-    }, ue = (D) => {
-      d.value = -1, o("blur", D);
-    }, re = (D) => {
-      const P = n.value[D];
-      P && !t.disabled && !t.readonly && (P.focus(), P.select());
+      const O = u.value.findIndex((U, Ce) => Ce >= D && !U);
+      re(O !== -1 ? O : Math.min(D + ye.length, t.maxlength - 1)), te();
+    }, V = (P) => {
+      d.value = P, o("focus", P);
+      const D = n.value[P];
+      D && D.select();
+    }, ue = (P) => {
+      d.value = -1, o("blur", P);
+    }, re = (P) => {
+      const D = n.value[P];
+      D && !t.disabled && !t.readonly && (D.focus(), D.select());
     }, me = () => {
       u.value = Array(t.maxlength).fill(""), o("update:modelValue", ""), o("change", ""), c.value = !1, re(0);
-    }, z = (D) => {
-      p.value = !0, o("error", D || t.errorMessage || "Invalid code"), t.clearOnError && setTimeout(() => {
+    }, z = (P) => {
+      p.value = !0, o("error", P || t.errorMessage || "Invalid code"), t.clearOnError && setTimeout(() => {
         me();
       }, 500), setTimeout(() => {
         p.value = !1;
@@ -13331,10 +13341,10 @@ const id = {
     }, T = () => {
       b.value > 0 || (o("resend"), me(), t.countdown > 0 && x());
     }, L = f(() => {
-      const D = Math.floor(b.value / 60), P = b.value % 60;
-      return `${D}:${P.toString().padStart(2, "0")}`;
-    }), j = (D, P) => {
-      n.value[D] = P;
+      const P = Math.floor(b.value / 60), D = b.value % 60;
+      return `${P}:${D.toString().padStart(2, "0")}`;
+    }), j = (P, D) => {
+      n.value[P] = D;
     }, R = f(() => ({
       variant: t.variant,
       size: t.size,
@@ -13392,31 +13402,31 @@ const id = {
       getDisplayChar: se
     }), Ie(() => {
       t.autoFocus && Ke(() => {
-        const D = u.value.findIndex((P) => !P);
-        re(D !== -1 ? D : 0);
+        const P = u.value.findIndex((D) => !D);
+        re(P !== -1 ? P : 0);
       }), t.countdown > 0 && x();
     }), Ye(() => {
       w.value && clearInterval(w.value);
-    }), ze(() => t.modelValue, (D) => {
-      const P = D.split("").slice(0, t.maxlength);
-      u.value = [...P, ...Array(t.maxlength - P.length).fill("")], te();
-    }, { immediate: !0 }), ze(() => t.maxlength, (D, P) => {
-      if (D !== P) {
-        const ve = u.value.join("").split("").slice(0, D);
-        u.value = [...ve, ...Array(D - ve.length).fill("")], o("update:modelValue", u.value.join("")), te();
+    }), ze(() => t.modelValue, (P) => {
+      const D = P.split("").slice(0, t.maxlength);
+      u.value = [...D, ...Array(t.maxlength - D.length).fill("")], te();
+    }, { immediate: !0 }), ze(() => t.maxlength, (P, D) => {
+      if (P !== D) {
+        const ve = u.value.join("").split("").slice(0, P);
+        u.value = [...ve, ...Array(P - ve.length).fill("")], o("update:modelValue", u.value.join("")), te();
       }
-    }), ze(() => t.error, (D) => {
-      D && (p.value = !0, setTimeout(() => {
+    }), ze(() => t.error, (P) => {
+      P && (p.value = !0, setTimeout(() => {
         p.value = !1;
       }, 600));
-    }), (D, P) => (s(), i("div", ee({
+    }), (P, D) => (s(), i("div", ee({
       ref_key: "containerRef",
       ref: r
-    }, D.$attrs, {
+    }, P.$attrs, {
       class: g(X)(
         "s-otp-wrapper flex flex-col items-center w-fit",
         e.disabled && "opacity-50 pointer-events-none",
-        D.$attrs.class ?? ""
+        P.$attrs.class ?? ""
       )
     }), [
       e.label ? (s(), i("label", {
@@ -13426,13 +13436,13 @@ const id = {
       h("div", {
         class: k(["s-otp-container relative flex items-center", q.value])
       }, [
-        I(D.$slots, "default", {}, void 0, !0),
+        I(P.$slots, "default", {}, void 0, !0),
         e.loading ? (s(), i("div", id, [
           h("span", {
             class: k(["mdi mdi-loading animate-spin text-primary", B.value.icon])
           }, null, 2)
         ])) : $("", !0),
-        Pe(De, {
+        De(Pe, {
           "enter-active-class": "transition-all duration-400 ease-out",
           "enter-from-class": "opacity-0 scale-50",
           "enter-to-class": "opacity-100 scale-100",
@@ -13449,7 +13459,7 @@ const id = {
                   "w-20 h-20 text-4xl": R.value.size === "large",
                   "w-24 h-24 text-5xl": R.value.size === "xl"
                 }])
-              }, [...P[0] || (P[0] = [
+              }, [...D[0] || (D[0] = [
                 h("span", { class: "mdi mdi-check-bold animate-check-draw" }, null, -1)
               ])], 2)
             ])) : $("", !0)
@@ -13458,7 +13468,7 @@ const id = {
         })
       ], 2),
       h("div", dd, [
-        Pe(De, {
+        De(Pe, {
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -13472,13 +13482,13 @@ const id = {
               key: "error",
               class: k(["text-red-500 flex items-center justify-center gap-1", B.value.hint])
             }, [
-              P[1] || (P[1] = h("span", { class: "mdi mdi-alert-circle" }, null, -1)),
+              D[1] || (D[1] = h("span", { class: "mdi mdi-alert-circle" }, null, -1)),
               Fe(" " + W(typeof e.error == "string" ? e.error : e.errorMessage || "Invalid code"), 1)
             ], 2)) : e.success || v.value ? (s(), i("p", {
               key: "success",
               class: k(["text-emerald-500 flex items-center justify-center gap-1", B.value.hint])
             }, [
-              P[2] || (P[2] = h("span", { class: "mdi mdi-check-circle" }, null, -1)),
+              D[2] || (D[2] = h("span", { class: "mdi mdi-check-circle" }, null, -1)),
               Fe(" " + W(typeof e.success == "string" ? e.success : e.successMessage || "Code verified!"), 1)
             ], 2)) : e.hint ? (s(), i("p", {
               key: "hint",
@@ -13488,8 +13498,8 @@ const id = {
           _: 1
         })
       ]),
-      e.countdown > 0 || D.$slots.resend ? (s(), i("div", fd, [
-        I(D.$slots, "resend", {}, () => [
+      e.countdown > 0 || P.$slots.resend ? (s(), i("div", fd, [
+        I(P.$slots, "resend", {}, () => [
           h("button", {
             type: "button",
             class: k(["text-sm transition-all duration-200", [
@@ -13907,7 +13917,7 @@ const id = {
             }, null, 6)
           ], 6))), 128))
         ], 14, zd)),
-        Pe(De, {
+        De(Pe, {
           "enter-active-class": "transition-all duration-150 ease-out",
           "enter-from-class": "opacity-0 -translate-y-1 scale-95",
           "enter-to-class": "opacity-100 translate-y-0 scale-100",
@@ -13957,10 +13967,10 @@ const id = {
 }, Ed = {
   key: 2,
   class: "text-foreground font-semibold tabular-nums"
-}, Dd = {
+}, Pd = {
   key: 0,
   class: "absolute inset-0"
-}, Pd = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-label"], Vd = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Rd = {
+}, Dd = ["aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-label"], Vd = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Rd = {
   key: 0,
   class: "flex justify-between text-xs text-muted-foreground"
 }, Ld = {
@@ -14124,13 +14134,13 @@ const id = {
           let j = d.value, R = c.value;
           if (T === "min")
             if (j = d.value + L, a.swappable && j > c.value) {
-              const D = c.value;
-              R = j, j = D;
+              const P = c.value;
+              R = j, j = P;
             } else
               j = Math.min(Math.max(j, a.min), c.value - a.pushable);
           else if (R = c.value + L, a.swappable && R < d.value) {
-            const D = d.value;
-            j = R, R = D;
+            const P = d.value;
+            j = R, R = P;
           } else
             R = Math.max(Math.min(R, a.max), d.value + a.pushable);
           a.maxRange !== void 0 && R - j > a.maxRange && (T === "min" ? j = R - a.maxRange : R = j + a.maxRange), j = Math.max(a.min, Math.min(j, a.max)), R = Math.max(a.min, Math.min(R, a.max)), d.value = j, c.value = R, t("update:modelValue", { min: d.value, max: c.value }), t("change", { min: d.value, max: c.value });
@@ -14185,7 +14195,7 @@ const id = {
               bottom: e.orientation === "vertical" ? `${S.value}%` : void 0
             })
           }, null, 6),
-          (e.showTicks || e.marks) && Q.value.length > 0 ? (s(), i("div", Dd, [
+          (e.showTicks || e.marks) && Q.value.length > 0 ? (s(), i("div", Pd, [
             (s(!0), i(ge, null, Te(Q.value, (L) => (s(), i("div", {
               key: L.value,
               class: "absolute",
@@ -14234,7 +14244,7 @@ const id = {
           onMouseenter: T[3] || (T[3] = (L) => u.value = e.range ? "min" : "single"),
           onMouseleave: T[4] || (T[4] = (L) => u.value = null)
         }, [
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-150 ease-out",
             "enter-from-class": "opacity-0 scale-90",
             "enter-to-class": "opacity-100 scale-100",
@@ -14253,7 +14263,7 @@ const id = {
             ]),
             _: 1
           })
-        ], 46, Pd),
+        ], 46, Dd),
         e.range ? (s(), i("div", {
           key: 0,
           class: k(["s-progress-range__handle absolute", [
@@ -14285,7 +14295,7 @@ const id = {
           onMouseenter: T[8] || (T[8] = (L) => u.value = "max"),
           onMouseleave: T[9] || (T[9] = (L) => u.value = null)
         }, [
-          Pe(De, {
+          De(Pe, {
             "enter-active-class": "transition-all duration-150 ease-out",
             "enter-from-class": "opacity-0 scale-90",
             "enter-to-class": "opacity-100 scale-100",
@@ -14445,10 +14455,10 @@ const id = {
     }, x = () => z(1), T = () => z(b.value), L = () => z(w.value - 1), j = () => z(w.value + 1), R = () => {
       const A = parseInt(p.value);
       !isNaN(A) && A >= 1 && A <= b.value && z(A), p.value = "";
-    }, D = (A) => {
+    }, P = (A) => {
       const F = A.target, Z = parseInt(F.value);
       v.value = Z, d("update:pageSize", Z), d("pageSizeChange", Z), z(1);
-    }, P = (A) => {
+    }, D = (A) => {
       if (!(!u.keyboard || u.disabled || u.loading))
         switch (A.key) {
           case "ArrowLeft":
@@ -14523,9 +14533,9 @@ const id = {
       role: "navigation",
       "aria-label": "Pagination",
       tabindex: "0",
-      onKeydown: P
+      onKeydown: D
     }), [
-      Pe(De, { name: "fade" }, {
+      De(Pe, { name: "fade" }, {
         default: Se(() => [
           e.loading ? (s(), i("div", Od, [
             h("span", {
@@ -14548,13 +14558,13 @@ const id = {
         I(A.$slots, "pageSize", {
           size: v.value,
           options: e.pageSizeOptions,
-          change: D
+          change: P
         }, () => [
           h("select", {
             value: v.value,
             class: "h-9 px-2 rounded-lg bg-muted border border-border text-foreground text-sm cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary/50",
             disabled: e.disabled || e.loading,
-            onChange: D
+            onChange: P
           }, [
             (s(!0), i(ge, null, Te(e.pageSizeOptions, (Z) => (s(), i("option", {
               key: Z,
@@ -14653,7 +14663,7 @@ const id = {
                   F[10] || (F[10] = h("span", { class: "mdi mdi-dots-horizontal" }, null, -1))
                 ], !0)
               ], 2),
-              Pe(De, {
+              De(Pe, {
                 "enter-active-class": "transition-all duration-100 ease-out",
                 "enter-from-class": "opacity-0 scale-95 -translate-y-1",
                 "enter-to-class": "opacity-100 scale-100 translate-y-0",
@@ -14696,7 +14706,7 @@ const id = {
                   F[11] || (F[11] = h("span", { class: "mdi mdi-dots-horizontal" }, null, -1))
                 ], !0)
               ], 2),
-              Pe(De, {
+              De(Pe, {
                 "enter-active-class": "transition-all duration-100 ease-out",
                 "enter-from-class": "opacity-0 scale-95 -translate-y-1",
                 "enter-to-class": "opacity-100 scale-100 translate-y-0",
@@ -15098,7 +15108,7 @@ const id = {
       }, () => [
         d[1] || (d[1] = h("span", { class: "mdi mdi-alert-circle text-current" }, null, -1))
       ], !0) : g(t)?.state.value === "completed" ? (s(), i(ge, { key: 2 }, [
-        g(a)?.animated ? (s(), ke(De, {
+        g(a)?.animated ? (s(), ke(Pe, {
           key: 0,
           name: "s-stepper-check",
           mode: "out-in"
@@ -15121,7 +15131,7 @@ const id = {
           d[3] || (d[3] = h("span", { class: "mdi mdi-check text-current" }, null, -1))
         ], !0)
       ], 64)) : (s(), i(ge, { key: 3 }, [
-        g(a)?.animated ? (s(), ke(De, {
+        g(a)?.animated ? (s(), ke(Pe, {
           key: 0,
           name: "s-stepper-check",
           mode: "out-in"
@@ -15282,7 +15292,7 @@ const id = {
         l.class
       )
     );
-    return (u, d) => (s(), ke(De, {
+    return (u, d) => (s(), ke(Pe, {
       name: n.value,
       mode: "out-in"
     }, {
@@ -15327,7 +15337,7 @@ const id = {
       ])
     ]));
   }
-}), Ic = { class: "flex items-center gap-3" }, Bc = { class: "text-sm font-semibold tracking-tight text-foreground" }, Ec = { class: "overflow-x-auto rounded-xl border border-border/70 bg-background/80 shadow-sm" }, Dc = { class: "w-full min-w-full text-left text-sm" }, Pc = { class: "sr-only" }, Vc = { class: "bg-muted/55 text-xs uppercase tracking-[0.16em] text-muted-foreground" }, Rc = { class: "bg-background/40 text-muted-foreground" }, Lc = {
+}), Ic = { class: "flex items-center gap-3" }, Bc = { class: "text-sm font-semibold tracking-tight text-foreground" }, Ec = { class: "overflow-x-auto rounded-xl border border-border/70 bg-background/80 shadow-sm" }, Pc = { class: "w-full min-w-full text-left text-sm" }, Dc = { class: "sr-only" }, Vc = { class: "bg-muted/55 text-xs uppercase tracking-[0.16em] text-muted-foreground" }, Rc = { class: "bg-background/40 text-muted-foreground" }, Lc = {
   key: 0,
   class: "border-t border-border/70 bg-muted/60"
 }, Fc = ["colspan"], Oc = {
@@ -15418,8 +15428,8 @@ const id = {
         }, null, -1))
       ]),
       h("div", Ec, [
-        h("table", Dc, [
-          h("caption", Pc, W(e.title), 1),
+        h("table", Pc, [
+          h("caption", Dc, W(e.title), 1),
           h("thead", Vc, [
             h("tr", null, [
               (s(!0), i(ge, null, Te(t.value, (u) => (s(), i("th", {
@@ -15504,7 +15514,7 @@ const id = {
             h("span", Jc, [
               (s(!0), i(ge, null, Te(l(o.keys), (r, u) => (s(), i(ge, { key: u }, [
                 u > 0 ? (s(), i("span", Zc, "/")) : $("", !0),
-                Pe(la, null, {
+                De(la, null, {
                   default: Se(() => [
                     Fe(W(r), 1)
                   ]),
@@ -15533,7 +15543,7 @@ const id = {
                 h("span", of, [
                   (s(!0), i(ge, null, Te(l(o.keys), (r, u) => (s(), i(ge, { key: u }, [
                     u > 0 ? (s(), i("span", nf, "/")) : $("", !0),
-                    Pe(la, null, {
+                    De(la, null, {
                       default: Se(() => [
                         Fe(W(r), 1)
                       ]),
@@ -15566,10 +15576,10 @@ const id = {
   } catch {
     return e;
   }
-}, Dg = (e, l = "Invalid format") => (a) => {
+}, Pg = (e, l = "Invalid format") => (a) => {
   const t = String(a ?? "");
   return t ? e.test(t) ? !0 : l : !0;
-}, Pg = (e, l) => (a, t) => t && a !== t[e] ? l ?? `Must match ${e}` : !0, Vg = (e = "Must contain an uppercase letter") => (l) => {
+}, Dg = (e, l) => (a, t) => t && a !== t[e] ? l ?? `Must match ${e}` : !0, Vg = (e = "Must contain an uppercase letter") => (l) => {
   const a = String(l ?? "");
   return a ? /[A-Z]/.test(a) ? !0 : e : !0;
 }, Rg = (e = "Must contain a lowercase letter") => (l) => {
@@ -15768,9 +15778,9 @@ function qg(e) {
     }), m.value = null;
   }, R = (ae, O = !0) => {
     u[ae] && (u[ae].touched.value = O);
-  }, D = (ae, O = !0) => {
+  }, P = (ae, O = !0) => {
     u[ae] && (u[ae].dirty.value = O);
-  }, P = () => {
+  }, D = () => {
     r && ff(r.key, v);
   }, fe = (ae, O) => async () => {
     b.value++, y.value = !0, m.value = null, w.value = !1;
@@ -15828,14 +15838,14 @@ function qg(e) {
     // Field state management
     resetField: re,
     setFieldTouched: R,
-    setFieldDirty: D,
+    setFieldDirty: P,
     // Submission
     handleSubmit: fe,
     // Watchers
     watchForm: ve,
     watchField: ye,
     // Persistence
-    clearPersisted: P
+    clearPersisted: D
   };
 }
 function Yg(e) {
@@ -15953,7 +15963,7 @@ function mf(e = {}) {
   }, j = (O) => u.value.has(O), R = (O, U) => {
     const Ce = a.value.findIndex((Me) => Me.key === O);
     Ce !== -1 && (a.value[Ce] = { ...a.value[Ce], visible: U });
-  }, D = (O) => R(O, !0), P = (O) => R(O, !1), fe = (O) => {
+  }, P = (O) => R(O, !0), D = (O) => R(O, !1), fe = (O) => {
     const U = a.value.find((Ce) => Ce.key === O);
     U && R(O, U.visible === !1);
   }, ve = async () => {
@@ -16024,8 +16034,8 @@ function mf(e = {}) {
     prevPage: q,
     setPageSize: Q,
     // Column visibility
-    showColumn: D,
-    hideColumn: P,
+    showColumn: P,
+    hideColumn: D,
     toggleColumn: fe,
     setColumnVisibility: R,
     // Loading
@@ -16062,7 +16072,7 @@ function Aa(e, l) {
   return typeof l.accessor == "function" ? l.accessor(e, 0) : l.accessor ? e[l.accessor] : e[l.key];
 }
 typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-const Df = /* @__PURE__ */ J({
+const Pf = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "SDataTable",
   props: {
@@ -16453,7 +16463,7 @@ const Df = /* @__PURE__ */ J({
           })
         }, null, 8, ["model-value", "total", "page-size", "page-size-options"])) : $("", !0)
       ], !0),
-      Pe(De, { name: "fade" }, {
+      De(Pe, { name: "fade" }, {
         default: Se(() => [
           e.loading && g(n).paginatedData.value.length > 0 ? (s(), i("div", Ef, [...m[8] || (m[8] = [
             h("div", { class: "flex items-center gap-3" }, [
@@ -16466,7 +16476,7 @@ const Df = /* @__PURE__ */ J({
       })
     ], 16, gf));
   }
-}), Xg = /* @__PURE__ */ pe(Df, [["__scopeId", "data-v-4061d197"]]), Pf = { key: 0 }, Vf = ["aria-sort", "onClick", "onKeydown", "tabindex"], Rf = /* @__PURE__ */ J({
+}), Xg = /* @__PURE__ */ pe(Pf, [["__scopeId", "data-v-4061d197"]]), Df = { key: 0 }, Vf = ["aria-sort", "onClick", "onKeydown", "tabindex"], Rf = /* @__PURE__ */ J({
   inheritAttrs: !1,
   __name: "STableHeader",
   props: {
@@ -16485,7 +16495,7 @@ const Df = /* @__PURE__ */ J({
       class: g(X)(t.value, o.$attrs.class ?? "")
     }), [
       I(o.$slots, "default", {}, () => [
-        g(a) ? (s(), i("tr", Pf, [
+        g(a) ? (s(), i("tr", Df, [
           (s(!0), i(ge, null, Te(g(a).visibleColumns.value, (r) => (s(), i("th", {
             key: r.key,
             class: k(["s-table-th", [
@@ -17104,7 +17114,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
         key: 0,
         class: k(["flex-shrink-0 mt-0.5", c.value.iconColor])
       }, [
-        Pe(Ca, {
+        De(Ca, {
           name: v.value,
           class: k({ "animate-spin": y.value }),
           size: "20"
@@ -17129,7 +17139,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
         "aria-label": "Dismiss",
         onClick: je(u, ["stop"])
       }, [
-        Pe(Ca, {
+        De(Ca, {
           name: "close",
           size: "16"
         })
@@ -17181,7 +17191,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
         "aria-label": "Notifications",
         "aria-live": "polite"
       }), [
-        Pe(Ut, {
+        De(Ut, {
           name: c.value ? "toast-bottom" : "toast-top",
           tag: "div",
           class: k(["flex flex-col", [c.value ? "flex-col-reverse" : "flex-col"]]),
@@ -17192,7 +17202,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
               key: m.id,
               class: "pointer-events-auto"
             }, [
-              Pe(Ba, {
+              De(Ba, {
                 id: m.id,
                 type: m.type,
                 title: m.options.title,
@@ -17224,7 +17234,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
         "aria-label": "Notifications",
         "aria-live": "polite"
       }), [
-        Pe(Ut, {
+        De(Ut, {
           name: c.value ? "toast-bottom" : "toast-top",
           tag: "div",
           class: k(["flex flex-col", [c.value ? "flex-col-reverse" : "flex-col"]]),
@@ -17235,7 +17245,7 @@ const iv = { class: "flex-1 min-w-0" }, uv = {
               key: m.id,
               class: "pointer-events-auto"
             }, [
-              Pe(Ba, {
+              De(Ba, {
                 id: m.id,
                 type: m.type,
                 title: m.options.title,
@@ -17634,7 +17644,7 @@ function rp() {
 function Ea(e) {
   return g(e) ?? null;
 }
-function Da(e, l) {
+function Pa(e, l) {
   if (!e) return !1;
   for (const a of l)
     if (a && a.contains(e))
@@ -17653,10 +17663,10 @@ function ip(e, l, a = {}) {
   function v(b) {
     if (!g(n)) return;
     const w = b.target, S = (Array.isArray(e) ? e : [e]).map(Ea);
-    if (Da(w, S))
+    if (Pa(w, S))
       return;
     const B = t.map(Ea);
-    Da(w, B) || l(b);
+    Pa(w, B) || l(b);
   }
   function p(b) {
     g(n) && b.key === "Escape" && l(b);
@@ -18030,7 +18040,7 @@ function hp(e, l, a, t = {}) {
   return ma(e, l, a, t);
 }
 const Zt = /* @__PURE__ */ new Map(), Sv = 300 * 1e3;
-function Pa(e, l) {
+function Da(e, l) {
   return `${e.toString()}-${JSON.stringify(l)}`;
 }
 function zv(e) {
@@ -18061,7 +18071,7 @@ function Av(e, l = {}) {
   let S = null, B = null;
   async function q(...te) {
     if (B = te, c && (m.value = null, M.value = !1), n) {
-      const N = Pa(e, te), V = zv(N);
+      const N = Da(e, te), V = zv(N);
       if (V !== null)
         return p.value = V, w.value = !0, b.value = !0, r?.(V), d?.(), V;
     }
@@ -18079,7 +18089,7 @@ function Av(e, l = {}) {
         if (K.aborted)
           return M.value = !0, y.value = !1, null;
         if (p.value = N, m.value = null, w.value = !0, b.value = !0, y.value = !1, n) {
-          const V = Pa(e, te);
+          const V = Da(e, te);
           Mv(V, N);
         }
         return r?.(N), d?.(), N;
@@ -18489,9 +18499,9 @@ export {
   Am as SMorphingCard,
   Vm as SMorphingCardClose,
   Bm as SMorphingCardContent,
-  Pm as SMorphingCardDescription,
+  Dm as SMorphingCardDescription,
   Em as SMorphingCardImage,
-  Dm as SMorphingCardTitle,
+  Pm as SMorphingCardTitle,
   Im as SMorphingCardTrigger,
   Ym as SMorphingModal,
   Xm as SMorphingModalClose,
@@ -18525,7 +18535,7 @@ export {
   yg as SStepperTitle,
   bg as SStepperTrigger,
   jv as SSwitch,
-  Pv as STabPane,
+  Dv as STabPane,
   Zg as STableBody,
   _g as STableCell,
   ep as STableColumn,
@@ -18533,9 +18543,9 @@ export {
   Jg as STableHeader,
   Qg as STableRow,
   tp as STableSkeleton,
-  Dv as STabs,
+  Pv as STabs,
   Lv as STabsContent,
-  Dt as STabsContextKey,
+  Pt as STabsContextKey,
   Fv as STabsIndicator,
   Vv as STabsList,
   Rv as STabsTrigger,
@@ -18576,12 +18586,12 @@ export {
   jg as numeric,
   Ng as oneOf,
   Wg as passwordStrength,
-  Dg as pattern,
+  Pg as pattern,
   sv as pauseToast,
   np as prompt,
   zg as required,
   rv as resumeToast,
-  Pg as sameAs,
+  Dg as sameAs,
   kv as stringSerializer,
   Eg as url,
   Av as useAsync,