design-system-next 2.7.14 → 2.7.15

package/dist/design-system-next.js

@@ -1,4 +1,4 @@
-import { toRefs as Me, ref as H, reactive as H2, computed as E, nextTick as Qe, defineComponent as ae, createElementBlock as C, openBlock as g, normalizeClass as b, unref as i, renderSlot as te, createVNode as Y, Transition as m2, withCtx as B, withDirectives as i2, createElementVNode as I, normalizeStyle as _e, vShow as lt, h as lr, onUnmounted as jn, watch as he, getCurrentScope as Tn, onScopeDispose as Sn, onMounted as t2, getCurrentInstance as _0, isRef as Ce, toValue as $e, shallowRef as Ue, watchEffect as la, mergeProps as He, Fragment as X, renderList as de, createBlock as W, createCommentVNode as w, toDisplayString as V, useSlots as b2, withKeys as dt, withModifiers as ut, createTextVNode as Se, pushScopeId as da, popScopeId as ua, normalizeProps as E0, guardReactiveProps as k0, resolveComponent as ct, withScopeId as ca, vModelText as X0, onBeforeMount as pa, toRef as u0, createSlots as n0, vModelRadio as ga, effectScope as On, markRaw as M2, toRaw as Z2, hasInjectionContext as fa, inject as ha, isReactive as _t, Teleport as Ca, TransitionGroup as Ma, vModelCheckbox as ya } from "vue";
+import { toRefs as Me, ref as H, reactive as H2, computed as E, nextTick as Qe, defineComponent as ae, createElementBlock as M, openBlock as g, normalizeClass as b, unref as i, renderSlot as te, createVNode as Y, Transition as m2, withCtx as B, withDirectives as i2, createElementVNode as I, normalizeStyle as _e, vShow as lt, h as lr, onUnmounted as jn, watch as he, getCurrentScope as Tn, onScopeDispose as Sn, onMounted as t2, getCurrentInstance as _0, isRef as Ce, toValue as $e, shallowRef as Ue, watchEffect as la, mergeProps as He, Fragment as X, renderList as de, createBlock as W, createCommentVNode as w, toDisplayString as V, useSlots as b2, withKeys as dt, withModifiers as ut, createTextVNode as Se, pushScopeId as da, popScopeId as ua, normalizeProps as E0, guardReactiveProps as k0, resolveComponent as ct, withScopeId as ca, vModelText as X0, onBeforeMount as pa, toRef as u0, createSlots as n0, vModelRadio as ga, effectScope as On, markRaw as M2, toRaw as Z2, hasInjectionContext as fa, inject as ha, isReactive as _t, Teleport as Ca, TransitionGroup as Ma, vModelCheckbox as ya } from "vue";
 const ma = ["header", "button"], va = {
   accordionItems: {
     type: Array,
@@ -88,7 +88,7 @@ const ma = ["header", "button"], va = {
   emits: ba,
   setup(e, { emit: t }) {
     const r = e, n = t, { collapsibleClasses: s, contentStyle: a, toggleCollapsible: o, onBeforeEnter: l, onEnter: u, onBeforeLeave: d, onLeave: p } = Da(r, n);
-    return (c, h) => (g(), C("div", {
+    return (c, h) => (g(), M("div", {
       class: b(i(s).container)
     }, [
       te(c.$slots, "trigger", { toggleCollapsible: i(o) }),
@@ -405,42 +405,42 @@ function Fa(e, t) {
   };
   let a = r.body;
   [r, n].forEach((N) => {
-    const M = [], m = N.hFlip, v = N.vFlip;
+    const C = [], m = N.hFlip, v = N.vFlip;
     let D = N.rotate;
-    m ? v ? D += 2 : (M.push(
+    m ? v ? D += 2 : (C.push(
       "translate(" + (s.width + s.left).toString() + " " + (0 - s.top).toString() + ")"
-    ), M.push("scale(-1 1)"), s.top = s.left = 0) : v && (M.push(
+    ), C.push("scale(-1 1)"), s.top = s.left = 0) : v && (C.push(
       "translate(" + (0 - s.left).toString() + " " + (s.height + s.top).toString() + ")"
-    ), M.push("scale(1 -1)"), s.top = s.left = 0);
+    ), C.push("scale(1 -1)"), s.top = s.left = 0);
     let T;
     switch (D < 0 && (D -= Math.floor(D / 4) * 4), D = D % 4, D) {
       case 1:
-        T = s.height / 2 + s.top, M.unshift(
+        T = s.height / 2 + s.top, C.unshift(
           "rotate(90 " + T.toString() + " " + T.toString() + ")"
         );
         break;
       case 2:
-        M.unshift(
+        C.unshift(
           "rotate(180 " + (s.width / 2 + s.left).toString() + " " + (s.height / 2 + s.top).toString() + ")"
         );
         break;
       case 3:
-        T = s.width / 2 + s.left, M.unshift(
+        T = s.width / 2 + s.left, C.unshift(
           "rotate(-90 " + T.toString() + " " + T.toString() + ")"
         );
         break;
     }
-    D % 2 === 1 && (s.left !== s.top && (T = s.left, s.left = s.top, s.top = T), s.width !== s.height && (T = s.width, s.width = s.height, s.height = T)), M.length && (a = Ua(
+    D % 2 === 1 && (s.left !== s.top && (T = s.left, s.left = s.top, s.top = T), s.width !== s.height && (T = s.width, s.width = s.height, s.height = T)), C.length && (a = Ua(
       a,
-      '<g transform="' + M.join(" ") + '">',
+      '<g transform="' + C.join(" ") + '">',
       "</g>"
     ));
   });
   const o = n.width, l = n.height, u = s.width, d = s.height;
   let p, c;
   o === null ? (c = l === null ? "1em" : l === "auto" ? d : l, p = cr(c, u / d)) : (p = o === "auto" ? u : o, c = l === null ? cr(p, d / u) : l === "auto" ? d : l);
-  const h = {}, y = (N, M) => {
-    Ya(M) || (h[N] = M.toString());
+  const h = {}, y = (N, C) => {
+    Ya(C) || (h[N] = C.toString());
   };
   y("width", p), y("height", c);
   const f = [s.left, s.top, u, d];
@@ -746,7 +746,7 @@ function io(e, t, r, n) {
       A.status === "pending" && (A.status = "aborted");
     }), h = [];
   }
-  function M(A, $) {
+  function C(A, $) {
     $ && (y = []), typeof A == "function" && y.push(A);
   }
   function m() {
@@ -756,7 +756,7 @@ function io(e, t, r, n) {
       status: u,
       queriesSent: d,
       queriesPending: h.length,
-      subscribe: M,
+      subscribe: C,
       abort: N
     };
   }
@@ -1114,8 +1114,8 @@ function mr(e) {
 const vr = (e, t) => {
   const r = ho(Cr, t), n = { ...bo }, s = t.mode || "svg", a = {}, o = t.style, l = typeof o == "object" && !(o instanceof Array) ? o : {};
   for (let N in t) {
-    const M = t[N];
-    if (M !== void 0)
+    const C = t[N];
+    if (C !== void 0)
       switch (N) {
         // Properties to ignore
         case "icon":
@@ -1128,28 +1128,28 @@ const vr = (e, t) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          r[N] = M === !0 || M === "true" || M === 1;
+          r[N] = C === !0 || C === "true" || C === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof M == "string" && Mo(r, M);
+          typeof C == "string" && Mo(r, C);
           break;
         // Color: override style
         case "color":
-          a.color = M;
+          a.color = C;
           break;
         // Rotation as string
         case "rotate":
-          typeof M == "string" ? r[N] = yo(M) : typeof M == "number" && (r[N] = M);
+          typeof C == "string" ? r[N] = yo(C) : typeof C == "number" && (r[N] = C);
           break;
         // Remove aria-hidden
         case "ariaHidden":
         case "aria-hidden":
-          M !== !0 && M !== "true" && delete n["aria-hidden"];
+          C !== !0 && C !== "true" && delete n["aria-hidden"];
           break;
         default: {
           const m = g0[N];
-          m ? (M === !0 || M === "true" || M === 1) && (r[m] = !0) : Cr[N] === void 0 && (n[N] = M);
+          m ? (C === !0 || C === "true" || C === 1) && (r[m] = !0) : Cr[N] === void 0 && (n[N] = C);
         }
       }
   }
@@ -1159,8 +1159,8 @@ const vr = (e, t) => {
       ...a,
       ...l
     }, Object.assign(n, d);
-    let N = 0, M = t.id;
-    return typeof M == "string" && (M = M.replace(/-/g, "_")), n.innerHTML = Va(u.body, M ? () => M + "ID" + N++ : "iconifyVue"), lr("svg", n);
+    let N = 0, C = t.id;
+    return typeof C == "string" && (C = C.replace(/-/g, "_")), n.innerHTML = Va(u.body, C ? () => C + "ID" + N++ : "iconifyVue"), lr("svg", n);
   }
   const { body: p, width: c, height: h } = e, y = s === "mask" || (s === "bg" ? !1 : p.indexOf("currentColor") !== -1), f = mo(p, {
     ...d,
@@ -1380,9 +1380,9 @@ function Uo(...e) {
   };
   return (h) => {
     const y = $e(o), f = Date.now() - t, N = () => a = h();
-    return p(), y <= 0 ? (t = Date.now(), N()) : (f > y && (u || !n) ? (t = Date.now(), N()) : l && (a = new Promise((M, m) => {
-      s = d ? m : M, r = setTimeout(() => {
-        t = Date.now(), n = !0, M(N()), p();
+    return p(), y <= 0 ? (t = Date.now(), N()) : (f > y && (u || !n) ? (t = Date.now(), N()) : l && (a = new Promise((C, m) => {
+      s = d ? m : C, r = setTimeout(() => {
+        t = Date.now(), n = !0, C(N()), p();
       }, Math.max(0, y - f));
     })), !u && !r && (r = setTimeout(() => n = !0, y)), n = !1, a);
   };
@@ -1473,62 +1473,62 @@ function Yt(e, t, r = {}) {
     return l ? { stop: je, cancel: je, trigger: je } : je;
   if (Eo && !Nr) {
     Nr = !0;
-    const M = { passive: !0 };
-    Array.from(n.document.body.children).forEach((m) => me(m, "click", je, M)), me(n.document.documentElement, "click", je, M);
+    const C = { passive: !0 };
+    Array.from(n.document.body.children).forEach((m) => me(m, "click", je, C)), me(n.document.documentElement, "click", je, C);
   }
   let u = !0;
-  const d = (M) => $e(s).some((m) => {
+  const d = (C) => $e(s).some((m) => {
     if (typeof m == "string")
-      return Array.from(n.document.querySelectorAll(m)).some((v) => v === M.target || M.composedPath().includes(v));
+      return Array.from(n.document.querySelectorAll(m)).some((v) => v === C.target || C.composedPath().includes(v));
     {
       const v = Le(m);
-      return v && (M.target === v || M.composedPath().includes(v));
+      return v && (C.target === v || C.composedPath().includes(v));
     }
   });
-  function p(M) {
-    const m = $e(M);
+  function p(C) {
+    const m = $e(C);
     return m && m.$.subTree.shapeFlag === 16;
   }
-  function c(M, m) {
-    const v = $e(M), D = v.$.subTree && v.$.subTree.children;
+  function c(C, m) {
+    const v = $e(C), D = v.$.subTree && v.$.subTree.children;
     return D == null || !Array.isArray(D) ? !1 : D.some((T) => T.el === m.target || m.composedPath().includes(T.el));
   }
-  const h = (M) => {
+  const h = (C) => {
     const m = Le(e);
-    if (M.target != null && !(!(m instanceof Element) && p(e) && c(e, M)) && !(!m || m === M.target || M.composedPath().includes(m))) {
-      if ("detail" in M && M.detail === 0 && (u = !d(M)), !u) {
+    if (C.target != null && !(!(m instanceof Element) && p(e) && c(e, C)) && !(!m || m === C.target || C.composedPath().includes(m))) {
+      if ("detail" in C && C.detail === 0 && (u = !d(C)), !u) {
         u = !0;
         return;
       }
-      t(M);
+      t(C);
     }
   };
   let y = !1;
   const f = [
-    me(n, "click", (M) => {
+    me(n, "click", (C) => {
       y || (y = !0, setTimeout(() => {
         y = !1;
-      }, 0), h(M));
+      }, 0), h(C));
     }, { passive: !0, capture: a }),
-    me(n, "pointerdown", (M) => {
+    me(n, "pointerdown", (C) => {
       const m = Le(e);
-      u = !d(M) && !!(m && !M.composedPath().includes(m));
+      u = !d(C) && !!(m && !C.composedPath().includes(m));
     }, { passive: !0 }),
-    o && me(n, "blur", (M) => {
+    o && me(n, "blur", (C) => {
       setTimeout(() => {
         var m;
         const v = Le(e);
-        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(v != null && v.contains(n.document.activeElement)) && t(M);
+        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(v != null && v.contains(n.document.activeElement)) && t(C);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), N = () => f.forEach((M) => M());
+  ].filter(Boolean), N = () => f.forEach((C) => C());
   return l ? {
     stop: N,
     cancel: () => {
       u = !1;
     },
-    trigger: (M) => {
-      u = !0, h(M), u = !1;
+    trigger: (C) => {
+      u = !0, h(C), u = !1;
     }
   } : N;
 }
@@ -1605,43 +1605,43 @@ function Wo(e, t = {}) {
   const s = Ue(!1), a = Ue(null);
   let o = 0, l = !0;
   if (Ut) {
-    const u = typeof t == "function" ? { onDrop: t } : t, d = (r = u.multiple) != null ? r : !0, p = (n = u.preventDefaultForUnhandled) != null ? n : !1, c = (M) => {
+    const u = typeof t == "function" ? { onDrop: t } : t, d = (r = u.multiple) != null ? r : !0, p = (n = u.preventDefaultForUnhandled) != null ? n : !1, c = (C) => {
       var m, v;
-      const D = Array.from((v = (m = M.dataTransfer) == null ? void 0 : m.files) != null ? v : []);
+      const D = Array.from((v = (m = C.dataTransfer) == null ? void 0 : m.files) != null ? v : []);
       return D.length === 0 ? null : d ? D : [D[0]];
-    }, h = (M) => {
+    }, h = (C) => {
       const m = i(u.dataTypes);
-      return typeof m == "function" ? m(M) : m != null && m.length ? M.length === 0 ? !1 : M.every(
+      return typeof m == "function" ? m(C) : m != null && m.length ? C.length === 0 ? !1 : C.every(
         (v) => m.some((D) => v.includes(D))
       ) : !0;
-    }, y = (M) => {
-      const m = Array.from(M ?? []).map((T) => T.type), v = h(m), D = d || M.length <= 1;
+    }, y = (C) => {
+      const m = Array.from(C ?? []).map((T) => T.type), v = h(m), D = d || C.length <= 1;
       return v && D;
-    }, f = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), N = (M, m) => {
+    }, f = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), N = (C, m) => {
       var v, D, T, S, A, $;
-      const k = (v = M.dataTransfer) == null ? void 0 : v.items;
-      if (l = (D = k && y(k)) != null ? D : !1, p && M.preventDefault(), !f() && !l) {
-        M.dataTransfer && (M.dataTransfer.dropEffect = "none");
+      const k = (v = C.dataTransfer) == null ? void 0 : v.items;
+      if (l = (D = k && y(k)) != null ? D : !1, p && C.preventDefault(), !f() && !l) {
+        C.dataTransfer && (C.dataTransfer.dropEffect = "none");
         return;
       }
-      M.preventDefault(), M.dataTransfer && (M.dataTransfer.dropEffect = "copy");
-      const z = c(M);
+      C.preventDefault(), C.dataTransfer && (C.dataTransfer.dropEffect = "copy");
+      const z = c(C);
       switch (m) {
         case "enter":
-          o += 1, s.value = !0, (T = u.onEnter) == null || T.call(u, null, M);
+          o += 1, s.value = !0, (T = u.onEnter) == null || T.call(u, null, C);
           break;
         case "over":
-          (S = u.onOver) == null || S.call(u, null, M);
+          (S = u.onOver) == null || S.call(u, null, C);
           break;
         case "leave":
-          o -= 1, o === 0 && (s.value = !1), (A = u.onLeave) == null || A.call(u, null, M);
+          o -= 1, o === 0 && (s.value = !1), (A = u.onLeave) == null || A.call(u, null, C);
           break;
         case "drop":
-          o = 0, s.value = !1, l && (a.value = z, ($ = u.onDrop) == null || $.call(u, z, M));
+          o = 0, s.value = !1, l && (a.value = z, ($ = u.onDrop) == null || $.call(u, z, C));
           break;
       }
     };
-    me(e, "dragenter", (M) => N(M, "enter")), me(e, "dragover", (M) => N(M, "over")), me(e, "dragleave", (M) => N(M, "leave")), me(e, "drop", (M) => N(M, "drop"));
+    me(e, "dragenter", (C) => N(C, "enter")), me(e, "dragover", (C) => N(C, "over")), me(e, "dragleave", (C) => N(C, "leave")), me(e, "drop", (C) => N(C, "drop"));
   }
   return {
     files: a,
@@ -1682,7 +1682,7 @@ function Ko(e, t, r = {}) {
     ([f, N]) => {
       if (p(), !c.value || !f.length)
         return;
-      const M = new IntersectionObserver(
+      const C = new IntersectionObserver(
         t,
         {
           root: Le(N),
@@ -1690,8 +1690,8 @@ function Ko(e, t, r = {}) {
           threshold: a
         }
       );
-      f.forEach((m) => m && M.observe(m)), p = () => {
-        M.disconnect(), p = je;
+      f.forEach((m) => m && C.observe(m)), p = () => {
+        C.disconnect(), p = je;
       };
     },
     { immediate: l, flush: "post" }
@@ -1812,7 +1812,7 @@ function qo(e, t = {}) {
     const G = ((q = oe == null ? void 0 : oe.document) == null ? void 0 : q.documentElement) || (oe == null ? void 0 : oe.documentElement) || oe;
     y != null && (c.value = G.scrollLeft), f != null && (h.value = G.scrollTop);
   }
-  const M = Ue(!1), m = H2({
+  const C = Ue(!1), m = H2({
     left: !0,
     right: !1,
     top: !0,
@@ -1823,7 +1823,7 @@ function qo(e, t = {}) {
     top: !1,
     bottom: !1
   }), D = ($) => {
-    M.value && (M.value = !1, v.left = !1, v.right = !1, v.top = !1, v.bottom = !1, s($));
+    C.value && (C.value = !1, v.left = !1, v.right = !1, v.top = !1, v.bottom = !1, s($));
   }, T = Gn(D, r + n), S = ($) => {
     var k;
     if (!d)
@@ -1841,7 +1841,7 @@ function qo(e, t = {}) {
     if (!d)
       return;
     const z = (k = $.target.documentElement) != null ? k : $.target;
-    S(z), M.value = !0, T($), a($);
+    S(z), C.value = !0, T($), a($);
   };
   return me(
     e,
@@ -1865,7 +1865,7 @@ function qo(e, t = {}) {
   ), {
     x: y,
     y: f,
-    isScrolling: M,
+    isScrolling: C,
     arrivedState: m,
     directions: v,
     measure() {
@@ -1893,7 +1893,7 @@ function Ct(e, t, r = {}) {
   function h() {
     if (l.measure(), !p.value || !c.value || !o(p.value))
       return;
-    const { scrollHeight: f, clientHeight: N, scrollWidth: M, clientWidth: m } = p.value, v = s === "bottom" || s === "top" ? f <= N : M <= m;
+    const { scrollHeight: f, clientHeight: N, scrollWidth: C, clientWidth: m } = p.value, v = s === "bottom" || s === "top" ? f <= N : C <= m;
     (l.arrivedState[s] || v) && (u.value || (u.value = Promise.all([
       t(l),
       new Promise((D) => setTimeout(D, a))
@@ -1950,7 +1950,7 @@ function Ee(e, t, r, n = {}) {
   } = n, y = _0(), f = r || (y == null ? void 0 : y.emit) || ((s = y == null ? void 0 : y.$emit) == null ? void 0 : s.bind(y)) || ((o = (a = y == null ? void 0 : y.proxy) == null ? void 0 : a.$emit) == null ? void 0 : o.bind(y == null ? void 0 : y.proxy));
   let N = d;
   t || (t = "modelValue"), N = N || `update:${t.toString()}`;
-  const M = (D) => l ? typeof l == "function" ? l(D) : Go(D) : D, m = () => zo(e[t]) ? M(e[t]) : c, v = (D) => {
+  const C = (D) => l ? typeof l == "function" ? l(D) : Go(D) : D, m = () => zo(e[t]) ? C(e[t]) : c, v = (D) => {
     h ? h(D) && f(N, D) : f(N, D);
   };
   if (u) {
@@ -1959,7 +1959,7 @@ function Ee(e, t, r, n = {}) {
     return he(
       () => e[t],
       (A) => {
-        S || (S = !0, T.value = M(A), Qe(() => S = !1));
+        S || (S = !0, T.value = C(A), Qe(() => S = !1));
       }
     ), he(
       T,
@@ -2037,7 +2037,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
       "spr-min-w-7 spr-p-2 spr-leading-100 spr-font-size-100 [&>svg]:spr-font-size-300": u.value && s.value === "medium",
       "spr-max-h-9 spr-min-w-9 spr-px-2 spr-py-3 spr-leading-300 spr-font-size-200 [&>svg]:spr-font-size-400": u.value && s.value === "large"
     }), j = O(
-      M.value,
+      C.value,
       N.value,
       A.value
     ), q = O([
@@ -2073,7 +2073,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   }) : O({
     "spr-text-color-strong": a.value === "neutral",
     "spr-text-color-inverted-strong": a.value === "success" || a.value === "danger"
-  })), M = E(() => o.value === "secondary" ? h.value ? "spr-background-color-pressed !spr-shadow-button" : c.value ? "spr-background-color-hover" : "spr-background-color " : o.value === "tertiary" ? m() : v()), m = () => h.value ? "spr-background-color-pressed !spr-shadow-button" : O("!border-none", {
+  })), C = E(() => o.value === "secondary" ? h.value ? "spr-background-color-pressed !spr-shadow-button" : c.value ? "spr-background-color-hover" : "spr-background-color " : o.value === "tertiary" ? m() : v()), m = () => h.value ? "spr-background-color-pressed !spr-shadow-button" : O("!border-none", {
     "spr-background-color-hover": c.value
   }), v = () => h.value ? D() : c.value ? T() : S(), D = () => ({
     neutral: "spr-background-color-pressed !spr-shadow-button",
@@ -2115,7 +2115,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   emits: Oo,
   setup(e, { emit: t }) {
     const r = e, n = t, { buttonRef: s, buttonClassses: a, buttonProps: o, handleClick: l } = ri(r, n);
-    return (u, d) => (g(), C("button", He({
+    return (u, d) => (g(), M("button", He({
       ref_key: "buttonRef",
       ref: s,
       class: i(a)
@@ -2140,8 +2140,8 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   props: va,
   setup(e) {
     const t = e, { collapsedState: r, toggleCollapse: n, setClickedIndex: s, clearIndex: a, clickedIndex: o } = Na(t);
-    return (l, u) => (g(), C("div", si, [
-      (g(!0), C(X, null, de(t.accordionItems, (d, p) => (g(), C("div", {
+    return (l, u) => (g(), M("div", si, [
+      (g(!0), M(X, null, de(t.accordionItems, (d, p) => (g(), M("div", {
         key: d.collapseId,
         id: `accordion_item_${d.collapseId}`,
         class: b({ "spr-border-x-0 spr-border-b-0 spr-border-t spr-border-solid spr-border-mushroom-200": p !== 0 })
@@ -2166,7 +2166,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
         }, [
           I("div", ii, [
             I("span", li, V(d.title), 1),
-            d.subtitle ? (g(), C("span", di, V(d.subtitle), 1)) : w("", !0)
+            d.subtitle ? (g(), M("span", di, V(d.subtitle), 1)) : w("", !0)
           ]),
           t.accordionTrigger === "button" ? (g(), W(be, {
             key: 0,
@@ -2404,7 +2404,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   props: $i,
   setup(e) {
     const t = e, { badgeClasses: r } = bi(t);
-    return (n, s) => (g(), C("div", Di, [
+    return (n, s) => (g(), M("div", Di, [
       te(n.$slots, "default"),
       I("div", {
         class: b(i(r).baseClasses)
@@ -2431,16 +2431,16 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   props: Mi,
   setup(e) {
     const t = e, { avatarClasses: r, getAvatarSize: n, getIconVariant: s, getInitials: a } = yi(t);
-    return (o, l) => (g(), C("div", Ai, [
+    return (o, l) => (g(), M("div", Ai, [
       I("div", {
         class: b(i(r).baseClasses)
       }, [
-        ["image", "client", "user", "user-group"].includes(t.variant) || o.$slots.default ? (g(), C("div", {
+        ["image", "client", "user", "user-group"].includes(t.variant) || o.$slots.default ? (g(), M("div", {
           key: 0,
           class: b([i(r).imageClasses, "avatar__slot spr-border-color-weak spr-border spr-border-solid"])
         }, [
           te(o.$slots, "default", {}, () => [
-            o.src ? (g(), C("img", {
+            o.src ? (g(), M("img", {
               key: 0,
               src: o.src,
               alt: o.alt,
@@ -2450,11 +2450,11 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
               icon: i(s)
             }, null, 8, ["icon"]))
           ])
-        ], 2)) : (g(), C("div", {
+        ], 2)) : (g(), M("div", {
           key: 1,
           class: b(i(r).nameInitialsClasses)
         }, V(t.variant === "count" ? `+${o.count}` : i(a)), 3)),
-        o.notification ? (g(), C("span", {
+        o.notification ? (g(), M("span", {
           key: 2,
           class: b(i(r).notificationClasses)
         }, [
@@ -2464,7 +2464,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
             size: i(n).notif
           }, null, 8, ["text", "size"])
         ], 2)) : w("", !0),
-        o.badge ? (g(), C("span", {
+        o.badge ? (g(), M("span", {
           key: 3,
           class: b(i(r).onlineNotificationClasses)
         }, [
@@ -2625,7 +2625,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
         "spr-border-dashed": e.status === "pending",
         "spr-border-solid spr-border-color-danger-base": e.status === "error",
         "spr-border-solid": !e.status || e.status !== "pending" && e.status !== "error"
-      }), M = O("spr-text-color-strong spr-body-sm-regular-medium", {
+      }), C = O("spr-text-color-strong spr-body-sm-regular-medium", {
         "spr-text-color-danger-base": e.status === "error"
       }), m = O("spr-text-color-strong spr-body-sm-regular", {
         "spr-text-color-danger-base": e.status === "error"
@@ -2634,7 +2634,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
         "spr-text-color-strong spr-body-sm-regular-medium": r.includes(e.type)
       }), D = O(f, c.value, N);
       return {
-        titleClasses: M,
+        titleClasses: C,
         descriptionClasses: m,
         getTypeLabelClassess: v,
         getMainClasses: D,
@@ -2664,7 +2664,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   emits: Ei,
   setup(e, { emit: t }) {
     const r = e, n = t, { getCalendarCellClassess: s, getShiftLabel: a, getCellIcon: o, hasIconStatus: l, isError: u, hasContent: d, handleClick: p } = ki(r, n);
-    return (c, h) => (g(), C("div", {
+    return (c, h) => (g(), M("div", {
       class: b(i(s).getMainClasses),
       onClick: h[0] || (h[0] = //@ts-ignore
       (...y) => i(p) && i(p)(...y))
@@ -2679,16 +2679,16 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
           key: 1,
           icon: i(o)
         }, null, 8, ["icon"])) : w("", !0),
-        i(d) ? (g(), C("div", Pi, [
-          r.title ? (g(), C("div", {
+        i(d) ? (g(), M("div", Pi, [
+          r.title ? (g(), M("div", {
             key: 0,
             class: b(i(s).titleClasses)
           }, V(r.title), 3)) : w("", !0),
-          c.description ? (g(), C("div", {
+          c.description ? (g(), M("div", {
             key: 1,
             class: b(i(s).descriptionClasses)
           }, V(r.description), 3)) : w("", !0),
-          i(a) ? (g(), C("div", {
+          i(a) ? (g(), M("div", {
             key: 2,
             class: b(i(s).getTypeLabelClassess)
           }, V(i(a)), 3)) : w("", !0)
@@ -2788,14 +2788,14 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   props: Ri,
   setup(e) {
     const t = e, r = b2(), { cardClasses: n } = Bi(t, r);
-    return (s, a) => (g(), C("div", {
+    return (s, a) => (g(), M("div", {
       class: b(i(n).baseClasses)
     }, [
-      t.showHeader && (s.$slots.header || t.title) ? (g(), C("div", {
+      t.showHeader && (s.$slots.header || t.title) ? (g(), M("div", {
         key: 0,
         class: b(i(n).headerClasses)
       }, [
-        t.title ? (g(), C("div", Qi, [
+        t.title ? (g(), M("div", Qi, [
           t.headerIcon ? (g(), W(i(K), {
             key: 0,
             icon: t.headerIcon,
@@ -2803,19 +2803,19 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
           }, null, 8, ["icon"])) : w("", !0),
           I("div", Vi, [
             I("div", Hi, V(t.title), 1),
-            t.subtitle ? (g(), C("div", Zi, V(t.subtitle), 1)) : w("", !0)
+            t.subtitle ? (g(), M("div", Zi, V(t.subtitle), 1)) : w("", !0)
           ])
         ])) : w("", !0),
         s.$slots.header ? te(s.$slots, "header", { key: 1 }) : w("", !0)
       ], 2)) : w("", !0),
-      s.$slots.content ? (g(), C("div", {
+      s.$slots.content ? (g(), M("div", {
         key: 1,
         class: b(i(n).contentPaddingSizeClasses)
       }, [
         te(s.$slots, "content")
       ], 2)) : w("", !0),
       te(s.$slots, "default"),
-      s.$slots.footer && s.$props.showFooter ? (g(), C("div", {
+      s.$slots.footer && s.$props.showFooter ? (g(), M("div", {
         key: 2,
         class: b(i(n).footerClasses)
       }, [
@@ -2891,7 +2891,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
       "spr-text-color-on-fill-disabled": n.value
     }), N = O("spr-body-xs-regular spr-block", {
       "spr-text-color-on-fill-disabled": n.value
-    }), M = O(
+    }), C = O(
       "spr-border spr-rounded-md spr-p-size-spacing-2xs spr-border-solid spr-box-border",
       {
         "spr-border-kangkong-700 spr-bg-kangkong-100": (r.value || s.value) && !n.value,
@@ -2908,7 +2908,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
       inputCheckboxCheckIconClasses: y,
       labelClasses: f,
       descriptionClasses: N,
-      borderedClasses: M
+      borderedClasses: C
     };
   }), u = (c) => {
     c.target instanceof HTMLInputElement && t("update:modelValue", c.target.checked);
@@ -2927,7 +2927,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   emits: Ji,
   setup(e, { emit: t }) {
     const r = e, n = t, { checkboxClasses: s, handleCheckbox: a, resolveCheckboxIcon: o } = Xi(r, n);
-    return (l, u) => (g(), C("label", {
+    return (l, u) => (g(), M("label", {
       class: b([i(s).baseClasses, { [i(s).borderedClasses]: r.bordered }])
     }, [
       I("div", qi, [
@@ -2945,12 +2945,12 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
           Y(i(K), { icon: i(o) }, null, 8, ["icon"])
         ], 2)
       ]),
-      r.label || r.description ? (g(), C("div", t1, [
-        r.label ? (g(), C("span", {
+      r.label || r.description ? (g(), M("div", t1, [
+        r.label ? (g(), M("span", {
           key: 0,
           class: b(i(s).labelClasses)
         }, V(r.label), 3)) : w("", !0),
-        r.description ? (g(), C("span", {
+        r.description ? (g(), M("span", {
           key: 1,
           class: b(i(s).descriptionClasses)
         }, V(r.description), 3)) : w("", !0)
@@ -3095,7 +3095,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
   emits: l1,
   setup(e, { emit: t }) {
     const r = e, n = t, s = b2(), { chipsBaseClasses: a, handleClose: o, handleClick: l, getIcon: u, hasAvatar: d, hasIcon: p } = d1(r, n, s);
-    return (c, h) => c.visible ? (g(), C("div", {
+    return (c, h) => c.visible ? (g(), M("div", {
       key: 0,
       class: b(i(a)),
       disabled: c.disabled,
@@ -3109,8 +3109,8 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
         ["enter"]
       ))
     }, [
-      c.variant === "tag" ? (g(), C(X, { key: 0 }, [
-        i(p) ? (g(), C("span", c1, [
+      c.variant === "tag" ? (g(), M(X, { key: 0 }, [
+        i(p) ? (g(), M("span", c1, [
           te(c.$slots, "icon", {}, () => [
             Y(i(K), {
               icon: i(u),
@@ -3118,7 +3118,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
             }, null, 8, ["icon"])
           ])
         ])) : w("", !0),
-        i(d) ? (g(), C("span", p1, [
+        i(d) ? (g(), M("span", p1, [
           Y(R0, {
             size: "2xs",
             src: r.avatarUrl,
@@ -3127,7 +3127,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
           }, null, 8, ["src", "variant", "initial"])
         ])) : w("", !0),
         I("span", g1, V(c.label), 1),
-        c.badge ? (g(), C("span", f1, [
+        c.badge ? (g(), M("span", f1, [
           Y(v2, {
             text: c.badgeText,
             variant: c.badgeVariant,
@@ -3135,7 +3135,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
             position: "default"
           }, null, 8, ["text", "variant"])
         ])) : w("", !0),
-        c.closable ? (g(), C("span", {
+        c.closable ? (g(), M("span", {
           key: 3,
           class: "chips-close",
           role: "button",
@@ -3156,7 +3156,7 @@ const O = /* @__PURE__ */ F0(ti), ri = (e, t) => {
             Y(i(K), { icon: "ph:x" })
           ])
         ], 40, h1)) : w("", !0)
-      ], 64)) : (g(), C(X, { key: 1 }, [
+      ], 64)) : (g(), M(X, { key: 1 }, [
         Se(V(c.day.charAt(0)), 1)
       ], 64))
     ], 42, u1)) : w("", !0);
@@ -3331,7 +3331,7 @@ const D1 = async (e, t, r) => {
   } = Ar(d, n, u), h = n, y = {}, f = 0;
   for (let N = 0; N < l.length; N++) {
     const {
-      name: M,
+      name: C,
       fn: m
     } = l[N], {
       x: v,
@@ -3354,8 +3354,8 @@ const D1 = async (e, t, r) => {
     });
     p = v ?? p, c = D ?? c, y = {
       ...y,
-      [M]: {
-        ...y[M],
+      [C]: {
+        ...y[C],
         ...T
       }
     }, S && f <= 50 && (f++, typeof S == "object" && (S.placement && (h = S.placement), S.rects && (d = S.rects === !0 ? await o.getElementRects({
@@ -3391,8 +3391,8 @@ async function B0(e, t) {
     elementContext: c = "floating",
     altBoundary: h = !1,
     padding: y = 0
-  } = D2(t, e), f = ts(y), M = l[h ? c === "floating" ? "reference" : "floating" : c], m = R2(await a.getClippingRect({
-    element: (r = await (a.isElement == null ? void 0 : a.isElement(M))) == null || r ? M : M.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(l.floating)),
+  } = D2(t, e), f = ts(y), C = l[h ? c === "floating" ? "reference" : "floating" : c], m = R2(await a.getClippingRect({
+    element: (r = await (a.isElement == null ? void 0 : a.isElement(C))) == null || r ? C : C.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(l.floating)),
     boundary: d,
     rootBoundary: p,
     strategy: u
@@ -3441,7 +3441,7 @@ const I1 = (e) => ({
     const c = ts(p), h = {
       x: r,
       y: n
-    }, y = Bt(s), f = Rt(y), N = await o.getDimensions(d), M = y === "y", m = M ? "top" : "left", v = M ? "bottom" : "right", D = M ? "clientHeight" : "clientWidth", T = a.reference[f] + a.reference[y] - h[y] - a.floating[f], S = h[y] - a.reference[y], A = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
+    }, y = Bt(s), f = Rt(y), N = await o.getDimensions(d), C = y === "y", m = C ? "top" : "left", v = C ? "bottom" : "right", D = C ? "clientHeight" : "clientWidth", T = a.reference[f] + a.reference[y] - h[y] - a.floating[f], S = h[y] - a.reference[y], A = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
     let $ = A ? A[D] : 0;
     (!$ || !await (o.isElement == null ? void 0 : o.isElement(A))) && ($ = l.floating[D] || a.floating[f]);
     const k = T / 2 - S / 2, z = $ / 2 - N[f] / 2 - 1, x = W2(c[m], z), j = W2(c[v], z), q = x, oe = $ - N[f] - j, G = $ / 2 - N[f] / 2 + k, L = Mt(q, G, oe), P = !u.arrow && Be(s) != null && G !== L && a.reference[f] / 2 - (G < q ? x : j) - N[f] / 2 < 0, R = P ? G < q ? G - q : G - oe : 0;
@@ -3479,7 +3479,7 @@ const x1 = function(e) {
         allowedPlacements: h = Ir,
         autoAlignment: y = !0,
         ...f
-      } = D2(e, t), N = c !== void 0 || h === Ir ? A1(c || null, y, h) : h, M = await B0(t, f), m = ((r = o.autoPlacement) == null ? void 0 : r.index) || 0, v = N[m];
+      } = D2(e, t), N = c !== void 0 || h === Ir ? A1(c || null, y, h) : h, C = await B0(t, f), m = ((r = o.autoPlacement) == null ? void 0 : r.index) || 0, v = N[m];
       if (v == null)
         return {};
       const D = es(v, a, await (u.isRTL == null ? void 0 : u.isRTL(d.floating)));
@@ -3489,7 +3489,7 @@ const x1 = function(e) {
             placement: N[0]
           }
         };
-      const T = [M[Ke(v)], M[D[0]], M[D[1]]], S = [...((n = o.autoPlacement) == null ? void 0 : n.overflows) || [], {
+      const T = [C[Ke(v)], C[D[0]], C[D[1]]], S = [...((n = o.autoPlacement) == null ? void 0 : n.overflows) || [], {
         placement: v,
         overflows: T
       }], A = N[m + 1];
@@ -3549,13 +3549,13 @@ const x1 = function(e) {
         fallbackStrategy: y = "bestFit",
         fallbackAxisSideDirection: f = "none",
         flipAlignment: N = !0,
-        ...M
+        ...C
       } = D2(e, t);
       if ((r = a.arrow) != null && r.alignmentOffset)
         return {};
       const m = Ke(s), v = l2(l), D = Ke(l) === l, T = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), S = h || (D || !N ? [A0(l)] : v1(l)), A = f !== "none";
       !h && A && S.push(...$1(l, N, f, T));
-      const $ = [l, ...S], k = await B0(t, M), z = [];
+      const $ = [l, ...S], k = await B0(t, C), z = [];
       let x = ((n = a.flip) == null ? void 0 : n.overflows) || [];
       if (p && z.push(k[m]), c) {
         const L = es(s, o, T);
@@ -3675,11 +3675,11 @@ const T1 = function(e) {
         mainAxis: a = !0,
         crossAxis: o = !1,
         limiter: l = {
-          fn: (M) => {
+          fn: (C) => {
             let {
               x: m,
               y: v
-            } = M;
+            } = C;
             return {
               x: m,
               y: v
@@ -3693,11 +3693,11 @@ const T1 = function(e) {
       }, p = await B0(t, u), c = l2(Ke(s)), h = qn(c);
       let y = d[h], f = d[c];
       if (a) {
-        const M = h === "y" ? "top" : "left", m = h === "y" ? "bottom" : "right", v = y + p[M], D = y - p[m];
+        const C = h === "y" ? "top" : "left", m = h === "y" ? "bottom" : "right", v = y + p[C], D = y - p[m];
         y = Mt(v, y, D);
       }
       if (o) {
-        const M = c === "y" ? "top" : "left", m = c === "y" ? "bottom" : "right", v = f + p[M], D = f - p[m];
+        const C = c === "y" ? "top" : "left", m = c === "y" ? "bottom" : "right", v = f + p[C], D = f - p[m];
         f = Mt(v, f, D);
       }
       const N = l.fn({
@@ -3737,9 +3737,9 @@ const T1 = function(e) {
         width: f,
         height: N
       } = a.floating;
-      let M, m;
-      c === "top" || c === "bottom" ? (M = c, m = h === (await (o.isRTL == null ? void 0 : o.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (m = c, M = h === "end" ? "top" : "bottom");
-      const v = N - p.top - p.bottom, D = f - p.left - p.right, T = W2(N - p[M], v), S = W2(f - p[m], D), A = !t.middlewareData.shift;
+      let C, m;
+      c === "top" || c === "bottom" ? (C = c, m = h === (await (o.isRTL == null ? void 0 : o.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (m = c, C = h === "end" ? "top" : "bottom");
+      const v = N - p.top - p.bottom, D = f - p.left - p.right, T = W2(N - p[C], v), S = W2(f - p[m], D), A = !t.middlewareData.shift;
       let $ = T, k = S;
       if ((r = t.middlewareData.shift) != null && r.enabled.x && (k = D), (n = t.middlewareData.shift) != null && n.enabled.y && ($ = v), A && !h) {
         const x = h2(p.left, 0), j = h2(p.right, 0), q = h2(p.top, 0), oe = h2(p.bottom, 0);
@@ -3834,9 +3834,9 @@ function K2(e, t, r, n) {
   const d = l ? Pe(l) : window, p = !as() && r;
   let c = (o.left + (p && ((s = d.visualViewport) == null ? void 0 : s.offsetLeft) || 0)) / u.x, h = (o.top + (p && ((a = d.visualViewport) == null ? void 0 : a.offsetTop) || 0)) / u.y, y = o.width / u.x, f = o.height / u.y;
   if (l) {
-    const N = Pe(l), M = n && d2(n) ? Pe(n) : n;
+    const N = Pe(l), C = n && d2(n) ? Pe(n) : n;
     let m = N.frameElement;
-    for (; m && n && M !== N; ) {
+    for (; m && n && C !== N; ) {
       const v = T2(m), D = m.getBoundingClientRect(), T = getComputedStyle(m);
       D.x += (m.clientLeft + parseFloat(T.paddingLeft)) * v.x, D.y += (m.clientTop + parseFloat(T.paddingTop)) * v.y, c *= v.x, h *= v.y, y *= v.x, f *= v.y, c += D.x, h += D.y, m = Pe(m).frameElement;
     }
@@ -3918,12 +3918,12 @@ const _1 = { getClippingRect: function(e) {
   const a = r === "clippingAncestors" ? function(d, p) {
     const c = p.get(d);
     if (c) return c;
-    let h = w0(d).filter((M) => d2(M) && p2(M) !== "body"), y = null;
+    let h = w0(d).filter((C) => d2(C) && p2(C) !== "body"), y = null;
     const f = Ze(d).position === "fixed";
     let N = f ? J2(d) : d;
     for (; d2(N) && !Qt(N); ) {
-      const M = Ze(N), m = yt(N);
-      (f ? m || y : m || M.position !== "static" || !y || !["absolute", "fixed"].includes(y.position)) ? y = M : h = h.filter((v) => v !== N), N = J2(N);
+      const C = Ze(N), m = yt(N);
+      (f ? m || y : m || C.position !== "static" || !y || !["absolute", "fixed"].includes(y.position)) ? y = C : h = h.filter((v) => v !== N), N = J2(N);
     }
     return p.set(d, h), h;
   }(t, this._c) : [].concat(r), o = [...a, n], l = o[0], u = o.reduce((d, p) => {
@@ -4755,7 +4755,7 @@ const R1 = {
   return r;
 };
 function B1(e, t, r, n, s, a) {
-  return g(), C("div", {
+  return g(), M("div", {
     ref: "reference",
     class: b(["v-popper", {
       "v-popper--shown": e.slotData.isShown
@@ -4882,7 +4882,7 @@ const ps = (e = "theme") => ({
 ];
 function tl(e, t, r, n, s, a) {
   const o = ct("ResizeObserver");
-  return g(), C("div", {
+  return g(), M("div", {
     id: e.popperId,
     ref: "popover",
     class: b(["v-popper__popper", [
@@ -4920,7 +4920,7 @@ function tl(e, t, r, n, s, a) {
       } : void 0)
     }, [
       I("div", J1, [
-        e.mounted ? (g(), C(X, { key: 0 }, [
+        e.mounted ? (g(), M(X, { key: 0 }, [
           I("div", null, [
             te(e.$slots, "default")
           ]),
@@ -5184,7 +5184,7 @@ function nl(e, t, r, n, s, a) {
       show: y,
       hide: f,
       handleResize: N,
-      onResize: M,
+      onResize: C,
       classes: m,
       result: v
     }) => [
@@ -5205,7 +5205,7 @@ function nl(e, t, r, n, s, a) {
         classes: m,
         result: v,
         onHide: f,
-        onResize: M
+        onResize: C
       }, {
         default: B(() => [
           te(e.$slots, "popper", {
@@ -5421,7 +5421,7 @@ function pl() {
     (function(r, n) {
       e.exports = n();
     })(cl, function() {
-      var r = 1e3, n = 6e4, s = 36e5, a = "millisecond", o = "second", l = "minute", u = "hour", d = "day", p = "week", c = "month", h = "quarter", y = "year", f = "date", N = "Invalid Date", M = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, v = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(G) {
+      var r = 1e3, n = 6e4, s = 36e5, a = "millisecond", o = "second", l = "minute", u = "hour", d = "day", p = "week", c = "month", h = "quarter", y = "year", f = "date", N = "Invalid Date", C = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, v = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(G) {
         var L = ["th", "st", "nd", "rd"], P = G % 100;
         return "[" + G + (L[(P - 20) % 10] || L[P] || L[0]) + "]";
       } }, D = function(G, L, P) {
@@ -5477,7 +5477,7 @@ function pl() {
             if (j.u(U)) return /* @__PURE__ */ new Date();
             if (U instanceof Date) return new Date(U);
             if (typeof U == "string" && !/Z$/i.test(U)) {
-              var ne = U.match(M);
+              var ne = U.match(C);
               if (ne) {
                 var ie = ne[2] - 1 || 0, fe = (ne[7] || "0").substring(0, 3);
                 return Q ? new Date(Date.UTC(ne[1], ie, ne[3] || 1, ne[4] || 0, ne[5] || 0, ne[6] || 0, fe)) : new Date(ne[1], ie, ne[3] || 1, ne[4] || 0, ne[5] || 0, ne[6] || 0, fe);
@@ -5737,9 +5737,9 @@ const $l = (e, t) => {
       "spr-flex spr-justify-between spr-items-center spr-gap-6 spr-rounded-lg spr-bg-white-50 spr-min-w-[180px] spr-py-1.5 spr-px-3",
       {
         // Normal State
-        "spr-border spr-border-solid spr-border-mushroom-200 focus:spr-border-kangkong-700": !a.value && !n.value && !r.value && !M.value || s.value,
+        "spr-border spr-border-solid spr-border-mushroom-200 focus:spr-border-kangkong-700": !a.value && !n.value && !r.value && !C.value || s.value,
         // Active State
-        "spr-border spr-border-solid spr-border-kangkong-700 spr-border-[1.5px] spr-border-solid": (r.value || M.value === !0) && !s.value,
+        "spr-border spr-border-solid spr-border-kangkong-700 spr-border-[1.5px] spr-border-solid": (r.value || C.value === !0) && !s.value,
         // Error State
         "spr-border spr-border-solid spr-border-tomato-600 focus:spr-border-tomato-600": a.value,
         // Disabled State
@@ -5787,7 +5787,7 @@ const $l = (e, t) => {
       monthsTabItemsBaseClasses: Ie,
       yearsTabItemsBaseClasses: xe
     };
-  }), h = H(null), y = H(null), f = H(null), N = H(null), M = H(!1), m = H("tab-calendar"), v = H(le()), D = H(
+  }), h = H(null), y = H(null), f = H(null), N = H(null), C = H(!1), m = H("tab-calendar"), v = H(le()), D = H(
     Array.from({ length: 7 }, (_, Z) => ({
       text: le().day(Z).format("dd"),
       fullText: le().day(Z).format("dddd"),
@@ -5904,7 +5904,7 @@ const $l = (e, t) => {
   }, ve = (_) => {
     const Z = le(_.date, "MM-DD-YYYY"), J = Z.format("MM"), ce = Z.format("DD"), Ne = Z.format("YYYY");
     S.value = J, A.value = ce, $.value = Ne, z.value.selectedMonth = _.date.getMonth(), z.value.selectedYear = _.date.getFullYear(), z2(), q(), L2(), o0(), k.value = [], t("getDateErrors", k.value), setTimeout(() => {
-      M.value = !1;
+      C.value = !1;
     }, 100);
   }, se = (_) => {
     m.value = "tab-calendar";
@@ -5986,7 +5986,7 @@ const $l = (e, t) => {
         ce ? Ie = "Invalid Date Format. Please use MM/DD/YYYY" : Ie = `Year must be between ${l.value.min} and ${l.value.max}.`, k.value.push({
           title: "Invalid Date",
           message: Ie
-        }), M.value = !1, t("getDateErrors", k.value), console.error(`Invalid Date: "${Z}". ${Ie}`);
+        }), C.value = !1, t("getDateErrors", k.value), console.error(`Invalid Date: "${Z}". ${Ie}`);
       }
     }
   }, 500), sa = (_) => {
@@ -6049,7 +6049,7 @@ const $l = (e, t) => {
   };
   return he(p, () => {
     ir();
-  }), he(M, (_) => {
+  }), he(C, (_) => {
     _ === !1 && setTimeout(() => {
       m.value = "tab-calendar", Je();
     }, 500);
@@ -6069,7 +6069,7 @@ const $l = (e, t) => {
       (_, Z) => l.value.min + Z
     ).filter((_) => _ <= l.value.max && _ >= l.value.min), F.value.currentPage = 0;
   }), Yt(h, () => {
-    M.value = !1;
+    C.value = !1;
   }), t2(() => {
     or("MinMaxYear"), or("disabledDatesToFrom"), ir(), q(), Je(), oa(), ia();
   }), {
@@ -6078,7 +6078,7 @@ const $l = (e, t) => {
     monthInputRef: y,
     dateInputRef: f,
     yearInputRef: N,
-    datePopperState: M,
+    datePopperState: C,
     currentTab: m,
     currentDate: v,
     daysOfWeek: D,
@@ -6164,7 +6164,7 @@ const $l = (e, t) => {
       dateInput: y,
       monthsList: f,
       monthInput: N,
-      yearInput: M,
+      yearInput: C,
       calendarTabPageData: m,
       calendarTabIsMinMonth: v,
       calendarTabIsMaxMonth: D,
@@ -6194,7 +6194,7 @@ const $l = (e, t) => {
       handleTabClick: ge,
       handleBackspace: De
     } = $l(r, n);
-    return (ve, se) => (g(), C("div", null, [
+    return (ve, se) => (g(), M("div", null, [
       Y(i(ze), {
         shown: i(d),
         "onUpdate:shown": se[15] || (se[15] = (F) => Ce(d) ? d.value = F : null),
@@ -6245,7 +6245,7 @@ const $l = (e, t) => {
                   _: 1
                 }, 8, ["class"])
               ]),
-              i(p) === "tab-calendar" ? (g(), C("div", Ol, [
+              i(p) === "tab-calendar" ? (g(), M("div", Ol, [
                 Y(be, {
                   class: "spr-cursor-pointer",
                   variant: "secondary",
@@ -6271,7 +6271,7 @@ const $l = (e, t) => {
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ])) : w("", !0),
-              i(p) === "tab-years" ? (g(), C("div", zl, [
+              i(p) === "tab-years" ? (g(), M("div", zl, [
                 Y(be, {
                   class: "spr-cursor-pointer",
                   variant: "secondary",
@@ -6299,15 +6299,15 @@ const $l = (e, t) => {
               ])) : w("", !0)
             ]),
             I("div", Ll, [
-              i(p) === "tab-calendar" ? (g(), C("div", _l, [
-                (g(!0), C(X, null, de(i(h), (F, Oe) => (g(), C("div", {
+              i(p) === "tab-calendar" ? (g(), M("div", _l, [
+                (g(!0), M(X, null, de(i(h), (F, Oe) => (g(), M("div", {
                   key: Oe,
                   class: "spr-py-1 spr-text-center spr-font-semibold"
                 }, V(F.text), 1))), 128)),
-                (g(!0), C(X, null, de(i(m).calendarDays, (F) => (g(), C(X, {
+                (g(!0), M(X, null, de(i(m).calendarDays, (F) => (g(), M(X, {
                   key: F.date
                 }, [
-                  ve.minMaxYear.min <= F.date.getFullYear() && ve.minMaxYear.max >= F.date.getFullYear() ? (g(), C("div", {
+                  ve.minMaxYear.min <= F.date.getFullYear() && ve.minMaxYear.max >= F.date.getFullYear() ? (g(), M("div", {
                     key: 0,
                     class: b([
                       i(s).calendarTabItemsBaseClasses,
@@ -6331,12 +6331,12 @@ const $l = (e, t) => {
                     onClick: (Oe) => i(x)(F) ? null : i(j)(F)
                   }, [
                     I("span", null, V(F.date.getDate()), 1),
-                    i(S)(F) ? (g(), C("div", kl)) : w("", !0)
-                  ], 10, El)) : (g(), C("div", Pl))
+                    i(S)(F) ? (g(), M("div", kl)) : w("", !0)
+                  ], 10, El)) : (g(), M("div", Pl))
                 ], 64))), 128))
               ])) : w("", !0),
-              i(p) === "tab-months" ? (g(), C("div", Ul, [
-                (g(!0), C(X, null, de(i(f), (F, Oe) => (g(), C("div", {
+              i(p) === "tab-months" ? (g(), M("div", Ul, [
+                (g(!0), M(X, null, de(i(f), (F, Oe) => (g(), M("div", {
                   key: Oe,
                   class: b([
                     i(s).monthsTabItemsBaseClasses,
@@ -6349,24 +6349,24 @@ const $l = (e, t) => {
                   onClick: (Je) => i(R)(F)
                 }, [
                   I("span", null, V(F.text), 1),
-                  F.monthValue === i(c).month() ? (g(), C("div", Fl)) : w("", !0)
+                  F.monthValue === i(c).month() ? (g(), M("div", Fl)) : w("", !0)
                 ], 10, Yl))), 128))
               ])) : w("", !0),
-              i(p) === "tab-years" ? (g(), C("div", Rl, [
-                (g(!0), C(X, null, de(i(U), (F, Oe) => (g(), C("div", {
+              i(p) === "tab-years" ? (g(), M("div", Rl, [
+                (g(!0), M(X, null, de(i(U), (F, Oe) => (g(), M("div", {
                   key: Oe,
                   class: b([
                     i(s).yearsTabItemsBaseClasses,
                     {
                       "spr-text-color-brand-base": F === i(c).year(),
-                      "spr-border-color-weak hover:spr-background-color-hover active:spr-background-color-pressed": F !== Number(i(M)),
-                      "spr-border-color-brand-base spr-background-color-single-active": F === Number(i(M))
+                      "spr-border-color-weak hover:spr-background-color-hover active:spr-background-color-pressed": F !== Number(i(C)),
+                      "spr-border-color-brand-base spr-background-color-single-active": F === Number(i(C))
                     }
                   ]),
                   onClick: (Je) => i(ee)(String(F))
                 }, [
                   I("span", null, V(F), 1),
-                  F === i(c).year() ? (g(), C("div", Ql)) : w("", !0)
+                  F === i(c).year() ? (g(), M("div", Ql)) : w("", !0)
                 ], 10, Bl))), 128))
               ])) : w("", !0)
             ])
@@ -6377,7 +6377,7 @@ const $l = (e, t) => {
             id: r.id,
             class: "spr-grid spr-gap-size-spacing-4xs"
           }, [
-            r.label ? (g(), C("label", {
+            r.label ? (g(), M("label", {
               key: 0,
               for: r.id,
               class: b(i(s).labelClasses)
@@ -6433,7 +6433,7 @@ const $l = (e, t) => {
                   id: `${r.id}-year`,
                   ref_key: "yearInputRef",
                   ref: u,
-                  "onUpdate:modelValue": se[8] || (se[8] = (F) => Ce(M) ? M.value = F : null),
+                  "onUpdate:modelValue": se[8] || (se[8] = (F) => Ce(C) ? C.value = F : null),
                   class: b(["spr-w-[42px] spr-min-w-[42px]", i(s).datePickerInputClasses]),
                   type: "text",
                   placeholder: "YYYY",
@@ -6446,7 +6446,7 @@ const $l = (e, t) => {
                   (...F) => i(ye) && i(ye)(...F)),
                   onKeydown: se[11] || (se[11] = (F) => i(De)("year", F))
                 }, null, 42, wl), [
-                  [X0, i(M)]
+                  [X0, i(C)]
                 ])
               ]),
               I("div", jl, [
@@ -6460,7 +6460,7 @@ const $l = (e, t) => {
         ]),
         _: 1
       }, 8, ["shown", "placement", "disabled", "container", "strategy", "style"]),
-      r.displayHelper ? (g(), C("div", {
+      r.displayHelper ? (g(), M("div", {
         key: 0,
         class: b(i(s).datePickerInputHelperClasses)
       }, [
@@ -6565,7 +6565,7 @@ const $l = (e, t) => {
   he(r, () => {
     N();
   });
-  const M = () => {
+  const C = () => {
     r.value && r.value.length === 0 || (a.value ? c.value = [...r.value] : m());
   }, m = () => {
     e.ladderized ? D() : v();
@@ -6596,7 +6596,7 @@ const $l = (e, t) => {
     return x.text.toLowerCase().includes(j);
   });
   he(n, () => {
-    M();
+    C();
   }), Yt(d, () => {
     h.value = !1;
   }), Ct(
@@ -6695,7 +6695,7 @@ const $l = (e, t) => {
   }, N = (m) => ({
     [l.value.listItemClasses]: !0,
     "spr-background-color-single-active": p(m)
-  }), M = (m) => {
+  }), C = (m) => {
     if (!a.value)
       r.value = [m];
     else {
@@ -6713,7 +6713,7 @@ const $l = (e, t) => {
     groupedMenuList: d,
     isItemSelected: p,
     getListItemClasses: N,
-    handleSelectedItem: M
+    handleSelectedItem: C
   };
 }, n3 = { class: "spr-font-main" }, s3 = {
   key: 0,
@@ -6736,21 +6736,21 @@ const $l = (e, t) => {
       r,
       n
     );
-    return (d, p) => (g(), C("div", n3, [
-      r.groupItemsBy ? (g(), C("div", s3, [
-        (g(!0), C(X, null, de(i(a), (c, h) => (g(), C("div", {
+    return (d, p) => (g(), M("div", n3, [
+      r.groupItemsBy ? (g(), M("div", s3, [
+        (g(!0), M(X, null, de(i(a), (c, h) => (g(), M("div", {
           key: h,
           class: "spr-grid spr-gap-0.5"
         }, [
-          c.groupLabel !== "no-group" ? (g(), C("div", a3, [
+          c.groupLabel !== "no-group" ? (g(), M("div", a3, [
             I("span", null, V(c.groupLabel), 1)
           ])) : w("", !0),
-          (g(!0), C(X, null, de(c.items, (y, f) => {
+          (g(!0), M(X, null, de(c.items, (y, f) => {
             var N;
-            return g(), C("div", {
+            return g(), M("div", {
               key: f,
               class: b(i(l)(y)),
-              onClick: (M) => i(u)(y)
+              onClick: (C) => i(u)(y)
             }, [
               r.multiSelect ? (g(), W(N2, {
                 key: 0,
@@ -6758,7 +6758,7 @@ const $l = (e, t) => {
               }, null, 8, ["checked"])) : w("", !0),
               I("div", i3, [
                 I("span", l3, V(y.text), 1),
-                y.subtext ? (g(), C("span", d3, V(y.subtext), 1)) : w("", !0)
+                y.subtext ? (g(), M("span", d3, V(y.subtext), 1)) : w("", !0)
               ]),
               i(o)(y) && !r.multiSelect ? (g(), W(i(K), {
                 key: 1,
@@ -6772,9 +6772,9 @@ const $l = (e, t) => {
             ], 10, o3);
           }), 128))
         ]))), 128))
-      ])) : (g(!0), C(X, { key: 1 }, de(i(s), (c, h) => {
+      ])) : (g(!0), M(X, { key: 1 }, de(i(s), (c, h) => {
         var y;
-        return g(), C("div", {
+        return g(), M("div", {
           key: h,
           class: b(i(l)(c)),
           onClick: (f) => i(u)(c)
@@ -6785,7 +6785,7 @@ const $l = (e, t) => {
           }, null, 8, ["checked"])) : w("", !0),
           I("div", c3, [
             I("span", p3, V(c.text), 1),
-            c.subtext ? (g(), C("span", g3, V(c.subtext), 1)) : w("", !0)
+            c.subtext ? (g(), M("span", g3, V(c.subtext), 1)) : w("", !0)
           ]),
           i(o)(c) && !r.multiSelect ? (g(), W(i(K), {
             key: 1,
@@ -6841,7 +6841,7 @@ const $l = (e, t) => {
     D == null || D.pop(), D == null || D.push(v.text), o.value = (D == null ? void 0 : D.join(", ")) ?? "";
     const T = r.value;
     T == null || T.pop(), T == null || T.push(v.value), r.value = T ?? [];
-  }, M = () => {
+  }, C = () => {
     var v;
     if (a.value = "slide-right", u.value -= 1, u.value > 0) {
       const D = o.value.trim().split(",");
@@ -6872,7 +6872,7 @@ const $l = (e, t) => {
     activeLevel: u,
     activeList: d,
     handleSelectedListItem: c,
-    handleBackClick: M,
+    handleBackClick: C,
     selectedListItem: l,
     transitionName: a,
     backLabel: o
@@ -6892,7 +6892,7 @@ const $l = (e, t) => {
     const r = e, n = t, s = () => {
       n("back");
     };
-    return (a, o) => (g(), C("div", {
+    return (a, o) => (g(), M("div", {
       class: "spr-py-size-spacing-2xs spr-px-size-spacing-xs spr-body-xs-regular spr-flex spr-items-center spr-gap-size-spacing-5xs spr-border-solid spr-border-0 spr-border-b spr-border-color-weak spr-cursor-pointer",
       onClick: s
     }, [
@@ -6912,13 +6912,13 @@ const $l = (e, t) => {
   emits: C3,
   setup(e, { emit: t }) {
     const r = e, n = t, { activeLevel: s, selectedListItem: a, handleSelectedListItem: o, activeList: l, handleBackClick: u, transitionName: d, backLabel: p } = M3(r, n);
-    return (c, h) => (g(), C("div", m3, [
+    return (c, h) => (g(), M("div", m3, [
       Y(m2, {
         name: i(d),
         mode: "out-in"
       }, {
         default: B(() => [
-          i(s) % 2 === 0 ? (g(), C("div", v3, [
+          i(s) % 2 === 0 ? (g(), M("div", v3, [
             i(s) > 0 ? (g(), W(bt, {
               key: 0,
               label: i(p) ?? "Back",
@@ -6935,7 +6935,7 @@ const $l = (e, t) => {
               "multi-select": !1,
               ladderized: !0
             }, null, 8, ["modelValue", "menu-list"])
-          ])) : (g(), C("div", N3, [
+          ])) : (g(), M("div", N3, [
             i(s) > 0 ? (g(), W(bt, {
               key: 0,
               label: i(p) ?? "Back",
@@ -7012,12 +7012,12 @@ const $l = (e, t) => {
             "spr-grid spr-max-h-[300px] spr-gap-0.5 spr-overflow-y-auto spr-overflow-x-hidden"
           ])
         }, [
-          i(o).length > 0 ? (g(), C(X, { key: 0 }, [
+          i(o).length > 0 ? (g(), M(X, { key: 0 }, [
             !r.ladderized || i(y) ? (g(), W(j0, {
               key: 0,
               modelValue: i(u),
               "onUpdate:modelValue": [
-                N[1] || (N[1] = (M) => Ce(u) ? u.value = M : null),
+                N[1] || (N[1] = (C) => Ce(u) ? u.value = C : null),
                 i(d)
               ],
               "menu-list": i(o),
@@ -7028,21 +7028,21 @@ const $l = (e, t) => {
               key: 1,
               modelValue: i(c),
               "onUpdate:modelValue": [
-                N[2] || (N[2] = (M) => Ce(c) ? c.value = M : null),
+                N[2] || (N[2] = (C) => Ce(c) ? c.value = C : null),
                 i(p)
               ],
               ladderized: r.ladderized,
               "menu-list": i(o),
               "remove-current-level-in-back-label": i(h)
             }, null, 8, ["modelValue", "ladderized", "menu-list", "remove-current-level-in-back-label", "onUpdate:modelValue"]))
-          ], 64)) : (g(), C("div", I3, N[3] || (N[3] = [
+          ], 64)) : (g(), M("div", I3, N[3] || (N[3] = [
             I("span", { class: "spr-body-sm-regular spr-m-0" }, "No results found", -1)
           ])))
         ], 2)
       ]),
       default: B(() => [
         I("div", {
-          onClick: N[0] || (N[0] = (M) => s.value = !0)
+          onClick: N[0] || (N[0] = (C) => s.value = !0)
         }, [
           te(f.$slots, "default")
         ]),
@@ -7122,14 +7122,14 @@ const $l = (e, t) => {
   emits: ["onClick"],
   setup(e) {
     const t = e, { emptyStateClasses: r, getImageUrl: n } = Y3(t);
-    return (s, a) => (g(), C("div", {
+    return (s, a) => (g(), M("div", {
       id: "empty-state",
       class: b(i(r).baseClasses)
     }, [
       te(s.$slots, "default", {
         class: b(i(r).imageSizeClasses)
       }),
-      s.$slots.default ? w("", !0) : (g(), C("div", {
+      s.$slots.default ? w("", !0) : (g(), M("div", {
         key: 0,
         class: b(i(r).imageSizeClasses)
       }, [
@@ -7211,14 +7211,14 @@ const $l = (e, t) => {
     default: []
   }
 }, K3 = ["update:modelValue"], J3 = (e, t) => {
-  const r = H(null), n = H(null), s = H(null), a = Ee(e, "modelValue", t), o = (M) => {
-    if (!(e.disabled || M === null))
-      if (M instanceof Event) {
-        const v = M.target.files;
+  const r = H(null), n = H(null), s = H(null), a = Ee(e, "modelValue", t), o = (C) => {
+    if (!(e.disabled || C === null))
+      if (C instanceof Event) {
+        const v = C.target.files;
         a.value = v ? Array.from(v) : [];
       } else
-        a.value = M.filter((m) => e.fileTypes.includes(m.type));
-  }, l = (M, m) => {
+        a.value = C.filter((m) => e.fileTypes.includes(m.type));
+  }, l = (C, m) => {
     e.disabled && (m.dataTransfer.dropEffect = "none");
   }, { isOverDropZone: u } = Wo(r, {
     onDrop: o,
@@ -7227,7 +7227,7 @@ const $l = (e, t) => {
     dataTypes: e.fileTypes,
     preventDefaultForUnhandled: !1
   }), d = E(() => {
-    const M = O(
+    const C = O(
       "spr-rounded-border-radius-xl spr-mt-size-spacing-3xs spr-flex",
       {
         "spr-min-w-[56px] spr-py-size-spacing-2xs spr-px-size-spacing-xs": e.type === "default",
@@ -7265,19 +7265,19 @@ const $l = (e, t) => {
       }
     );
     return {
-      wrapperClasses: M,
+      wrapperClasses: C,
       inputClasses: m,
       sublabelClasses: v,
       fileListClasses: D
     };
-  }), p = (M) => {
-    a.value.splice(M, 1);
+  }), p = (C) => {
+    a.value.splice(C, 1);
   }, c = () => {
     n.value !== null && n.value.click();
-  }, h = H(null), y = (M) => {
-    s.value !== null && (s.value.click(), h.value = M);
-  }, f = (M) => {
-    h.value !== null && (a.value[h.value] = M.target.files[0], h.value = null);
+  }, h = H(null), y = (C) => {
+    s.value !== null && (s.value.click(), h.value = C);
+  }, f = (C) => {
+    h.value !== null && (a.value[h.value] = C.target.files[0], h.value = null);
   }, N = E(() => e.fileTypes ? e.fileTypes.map((m) => {
     switch (m) {
       case "application/msword":
@@ -7329,9 +7329,9 @@ const $l = (e, t) => {
       replaceFile: h,
       supportedFileTypeLabel: y
     } = J3(r, n);
-    return (f, N) => (g(), C("div", X3, [
-      r.title ? (g(), C("label", q3, V(r.title), 1)) : w("", !0),
-      r.modelValue.length <= 0 ? (g(), C("div", {
+    return (f, N) => (g(), M("div", X3, [
+      r.title ? (g(), M("label", q3, V(r.title), 1)) : w("", !0),
+      r.modelValue.length <= 0 ? (g(), M("div", {
         key: 1,
         ref_key: "fileUploadRef",
         ref: s,
@@ -7349,7 +7349,7 @@ const $l = (e, t) => {
             disabled: r.disabled,
             accept: r.fileTypes.join(","),
             onChange: N[0] || (N[0] = //@ts-ignore
-            (...M) => i(u) && i(u)(...M))
+            (...C) => i(u) && i(u)(...C))
           }, null, 40, e4),
           Y(i(K), {
             icon: "ph:cloud-arrow-up",
@@ -7370,16 +7370,16 @@ const $l = (e, t) => {
           }, 8, ["disabled", "onClick"]),
           I("label", t4, V("or drop your " + (r.multiple ? "files" : "file") + " to upload"), 1)
         ], 2),
-        r.showError ? (g(), C("div", r4, [
-          (g(!0), C(X, null, de(r.errorMessages, (M, m) => (g(), C("label", { key: m }, V(M), 1))), 128))
-        ])) : (g(), C("div", {
+        r.showError ? (g(), M("div", r4, [
+          (g(!0), M(X, null, de(r.errorMessages, (C, m) => (g(), M("label", { key: m }, V(C), 1))), 128))
+        ])) : (g(), M("div", {
           key: 1,
           class: b(i(l).sublabelClasses)
         }, [
           I("label", null, "Supports: " + V(i(y)), 1),
           I("label", null, V(r.maxFileSize) + "MB maximum file size", 1)
         ], 2))
-      ], 2)) : (g(), C("div", {
+      ], 2)) : (g(), M("div", {
         key: 2,
         class: b(i(l).fileListClasses)
       }, [
@@ -7391,9 +7391,9 @@ const $l = (e, t) => {
           accept: r.fileTypes.join(","),
           hidden: "",
           onChange: N[1] || (N[1] = //@ts-ignore
-          (...M) => i(h) && i(h)(...M))
+          (...C) => i(h) && i(h)(...C))
         }, null, 40, n4),
-        (g(!0), C(X, null, de(f.modelValue, (M, m) => (g(), C("div", {
+        (g(!0), M(X, null, de(f.modelValue, (C, m) => (g(), M("div", {
           key: m,
           class: "spr-flex"
         }, [
@@ -7404,7 +7404,7 @@ const $l = (e, t) => {
               height: "16px",
               class: "spr-text-color-brand-base"
             }),
-            I("label", a4, V(M.name), 1)
+            I("label", a4, V(C.name), 1)
           ]),
           I("div", o4, [
             Y(be, {
@@ -7541,7 +7541,7 @@ const $l = (e, t) => {
         // Disabled State
         "spr-background-color-disabled spr-cursor-not-allowed spr-border-mushroom-100": a.value
       }
-    ), M = O(
+    ), C = O(
       "spr-block spr-h-8 spr-py-size-spacing-4xs spr-outline-none spr-ring-0 spr-border-none spr-rounded-border-radius-md spr-font-size-200",
       "spr-font-size-200 [font-weight:inherit]",
       "placeholder:spr-text-mushroom-300",
@@ -7583,7 +7583,7 @@ const $l = (e, t) => {
       baseClasses: y,
       labelClasses: f,
       inputTextBaseClasses: N,
-      inputTextClasses: M,
+      inputTextClasses: C,
       iconSlotClasses: m,
       prefixSlotClasses: v,
       trailingSlotClasses: D,
@@ -7606,10 +7606,10 @@ const $l = (e, t) => {
   emits: g4,
   setup(e, { emit: t }) {
     const r = t, n = e, s = b2(), { inputClasses: a, inputTextRef: o, onInput: l, disableClickEvent: u } = f4(n, r, s);
-    return (d, p) => (g(), C("div", {
+    return (d, p) => (g(), M("div", {
       class: b(i(a).baseClasses)
     }, [
-      n.label ? (g(), C("label", {
+      n.label ? (g(), M("label", {
         key: 0,
         for: d.id,
         class: b(i(a).labelClasses)
@@ -7617,7 +7617,7 @@ const $l = (e, t) => {
       I("div", {
         class: b(i(a).inputTextBaseClasses)
       }, [
-        d.$slots.prefix ? (g(), C("div", {
+        d.$slots.prefix ? (g(), M("div", {
           key: 0,
           class: b(i(a).prefixSlotClasses)
         }, [
@@ -7638,13 +7638,13 @@ const $l = (e, t) => {
           onInput: p[0] || (p[0] = //@ts-ignore
           (...c) => i(l) && i(l)(...c))
         }), null, 16, C4),
-        d.$slots.trailing ? (g(), C("div", {
+        d.$slots.trailing ? (g(), M("div", {
           key: 1,
           class: b(i(a).trailingSlotClasses)
         }, [
           te(d.$slots, "trailing", {}, void 0, !0)
         ], 2)) : w("", !0),
-        d.$slots.icon ? (g(), C("div", {
+        d.$slots.icon ? (g(), M("div", {
           key: 2,
           class: b(i(a).iconSlotClasses),
           onClick: p[1] || (p[1] = //@ts-ignore
@@ -7653,7 +7653,7 @@ const $l = (e, t) => {
           te(d.$slots, "icon", {}, void 0, !0)
         ], 2)) : w("", !0)
       ], 2),
-      n.displayHelper ? (g(), C("div", {
+      n.displayHelper ? (g(), M("div", {
         key: 1,
         class: b(i(a).helperClasses)
       }, [
@@ -7673,7 +7673,7 @@ const $l = (e, t) => {
   __proto__: null,
   default: Ye
 }, Symbol.toStringTag, { value: "Module" })), m4 = (e, t) => {
-  const { options: r, filterMenu: n, filterData: s, loading: a, filterable: o, filling: l, deselected: u, hasSearchApi: d } = Me(e), p = Ee(e, "modelValue", t), c = H(!1), h = Ee(e, "search", t), y = Ee(e, "searchFilter", t), f = H(""), N = H(""), M = H(!1), m = H(!1), v = H({}), D = H({}), T = H(`filter-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), S = H(
+  const { options: r, filterMenu: n, filterData: s, loading: a, filterable: o, filling: l, deselected: u, hasSearchApi: d } = Me(e), p = Ee(e, "modelValue", t), c = H(!1), h = Ee(e, "search", t), y = Ee(e, "searchFilter", t), f = H(""), N = H(""), C = H(!1), m = H(!1), v = H({}), D = H({}), T = H(`filter-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), S = H(
     n.value
   ), A = H([]), $ = H(null), k = H([]), z = H(""), x = E(() => {
     var ue;
@@ -7777,7 +7777,7 @@ const $l = (e, t) => {
   return {
     isFilterOpen: c,
     searchValue: f,
-    isAddFilterVisible: M,
+    isAddFilterVisible: C,
     isAdvanceFilterVisible: m,
     filterMenuList: S,
     getFiltereredOption: x,
@@ -7898,7 +7898,7 @@ const $l = (e, t) => {
       uniqueId: y,
       filterOptionRef: f,
       filterMenuOptionList: N,
-      selectAllOptions: M,
+      selectAllOptions: C,
       getMappedFilterData: m,
       saveSelectedFilter: v,
       getSelectedItemPerFilterMenu: D,
@@ -7924,9 +7924,9 @@ const $l = (e, t) => {
         I("div", {
           class: b(i(h).MenuOptionClasses)
         }, [
-          S.filterMenu.length > 0 && S.filterable ? (g(), C("div", b4, [
+          S.filterMenu.length > 0 && S.filterable ? (g(), M("div", b4, [
             I("div", D4, [
-              (g(!0), C(X, null, de(S.filterMenu, ($) => (g(), C(X, {
+              (g(!0), M(X, null, de(S.filterMenu, ($) => (g(), M(X, {
                 key: $.field
               }, [
                 i(c)[$.field].count ? (g(), W(F2, {
@@ -7963,7 +7963,7 @@ const $l = (e, t) => {
                   I("div", {
                     class: b(i(h).PopperContentClasses)
                   }, [
-                    (g(!0), C(X, null, de(S.filterMenu, ($) => (g(), W(i(ze), {
+                    (g(!0), M(X, null, de(S.filterMenu, ($) => (g(), W(i(ze), {
                       key: $.field,
                       shown: i(c)[$.field].isFilterVisible,
                       "onUpdate:shown": (k) => i(c)[$.field].isFilterVisible = k,
@@ -8001,8 +8001,8 @@ const $l = (e, t) => {
                               _: 1
                             }, 8, ["modelValue"])
                           ]),
-                          i(u).length > 0 ? (g(), C("div", x4, [
-                            (g(!0), C(X, null, de(i(u), (k, z) => (g(), W(F2, {
+                          i(u).length > 0 ? (g(), M("div", x4, [
+                            (g(!0), M(X, null, de(i(u), (k, z) => (g(), W(F2, {
                               key: z,
                               label: k.text,
                               active: !0,
@@ -8010,7 +8010,7 @@ const $l = (e, t) => {
                               onClose: (x) => i(T)(k.value)
                             }, null, 8, ["label", "onClose"]))), 128))
                           ])) : w("", !0),
-                          i(d).length > 0 ? (g(), C("div", {
+                          i(d).length > 0 ? (g(), M("div", {
                             key: 1,
                             id: $.field,
                             ref_for: !0,
@@ -8018,7 +8018,7 @@ const $l = (e, t) => {
                             ref: N,
                             class: "spr-max-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-2xs"
                           }, [
-                            (g(!0), C(X, null, de(i(d), (k, z) => (g(), C("div", {
+                            (g(!0), M(X, null, de(i(d), (k, z) => (g(), M("div", {
                               key: k.value,
                               class: b([
                                 i(h).filterListClasses,
@@ -8035,7 +8035,7 @@ const $l = (e, t) => {
                                 description: i(d)[z].subtext
                               }, null, 8, ["modelValue", "onUpdate:modelValue", "checked", "label", "description"])
                             ], 2))), 128))
-                          ], 8, w4)) : (g(), C("div", {
+                          ], 8, w4)) : (g(), M("div", {
                             key: 2,
                             class: b(i(h).LoadingStateClasses)
                           }, [
@@ -8109,7 +8109,7 @@ const $l = (e, t) => {
             id: "select-all-button",
             variant: "secondary",
             size: "small",
-            onClick: i(M)
+            onClick: i(C)
           }, {
             default: B(() => A[12] || (A[12] = [
               Se("Select All")
@@ -8117,13 +8117,13 @@ const $l = (e, t) => {
             _: 1
           }, 8, ["onClick"])
         ], 2),
-        i(l).length > 0 && !S.filling ? (g(), C("div", {
+        i(l).length > 0 && !S.filling ? (g(), M("div", {
           key: 0,
           ref_key: "filterOptionRef",
           ref: f,
           class: "spr-max-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-3xs"
         }, [
-          (g(!0), C(X, null, de(i(l), ($, k) => (g(), C("div", {
+          (g(!0), M(X, null, de(i(l), ($, k) => (g(), M("div", {
             key: $.value,
             class: b([
               i(h).filterListClasses,
@@ -8155,7 +8155,7 @@ const $l = (e, t) => {
               ])
             ], 8, j4)
           ], 2))), 128))
-        ], 512)) : (g(), C("div", O4, [
+        ], 512)) : (g(), M("div", O4, [
           S.filling ? te(S.$slots, "loading-state", { key: 0 }, () => [
             I("div", {
               class: b(i(h).LoadingStateClasses)
@@ -8233,13 +8233,13 @@ const k4 = {
       "leave-to-class": "spr-translate-y-20"
     }, {
       default: B(() => [
-        i(r) ? (g(), C("div", {
+        i(r) ? (g(), M("div", {
           key: 0,
           class: b([i(n).wrapperClass])
         }, [
-          s.$slots.default ? w("", !0) : (g(), C("div", k4, [
+          s.$slots.default ? w("", !0) : (g(), M("div", k4, [
             s.$slots.message ? te(s.$slots, "message", { key: 0 }) : w("", !0),
-            s.$slots.actions ? (g(), C("div", P4, [
+            s.$slots.actions ? (g(), M("div", P4, [
               te(s.$slots, "actions")
             ])) : w("", !0)
           ])),
@@ -8996,8 +8996,8 @@ var Id = ";ext=", A2 = function(t) {
   return "([".concat(Ve, "]{1,").concat(t, "})");
 };
 function Ns(e) {
-  var t = "20", r = "15", n = "9", s = "6", a = "[  \\t,]*", o = "[:\\.．]?[  \\t,-]*", l = "#?", u = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", d = "(?:[xｘ#＃~～]|int|ｉｎｔ)", p = "[- ]+", c = "[  \\t]*", h = "(?:,{2}|;)", y = Id + A2(t), f = a + u + o + A2(t) + l, N = a + d + o + A2(n) + l, M = p + A2(s) + "#", m = c + h + o + A2(r) + l, v = c + "(?:,)+" + o + A2(n) + l;
-  return y + "|" + f + "|" + N + "|" + M + "|" + m + "|" + v;
+  var t = "20", r = "15", n = "9", s = "6", a = "[  \\t,]*", o = "[:\\.．]?[  \\t,-]*", l = "#?", u = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", d = "(?:[xｘ#＃~～]|int|ｉｎｔ)", p = "[- ]+", c = "[  \\t]*", h = "(?:,{2}|;)", y = Id + A2(t), f = a + u + o + A2(t) + l, N = a + d + o + A2(n) + l, C = p + A2(s) + "#", m = c + h + o + A2(r) + l, v = c + "(?:,)+" + o + A2(n) + l;
+  return y + "|" + f + "|" + N + "|" + C + "|" + m + "|" + v;
 }
 var Ad = "[" + Ve + "]{" + Jt + "}", xd = "[" + Xt + "]{0,1}(?:[" + T0 + "]*[" + Ve + "]){3,}[" + T0 + Ve + "]*", wd = new RegExp("^[" + Xt + "]{0,1}(?:[" + T0 + "]*[" + Ve + "]){1,2}$", "i"), jd = xd + // Phone number extensions
 "(?:" + Ns() + ")?", Td = new RegExp(
@@ -9888,17 +9888,17 @@ const Vu = (e, t) => {
     countryCode: ["PH"],
     countryCallingCode: ["63"]
   }), u = H(!1), d = (N) => {
-    const M = m0(N), m = Is().find((v) => m0(v) === String(M) && v === N);
-    m && M ? (l.value = {
+    const C = m0(N), m = Is().find((v) => m0(v) === String(C) && v === N);
+    m && C ? (l.value = {
       countryCode: [m],
-      countryCallingCode: [M]
+      countryCallingCode: [C]
     }, h(), t("getSelectedCountryCallingCode", {
       countryCode: m,
-      countryCallingCode: M
+      countryCallingCode: C
     })) : console.error(`No valid country found for the code: ${N}`);
   }, p = (N) => {
-    const M = N.target, m = M.value;
-    /^[+]?\d*[\d\s-]*$/.test(m) || (M.value = m.replace(/[^0-9+\s-]/g, "")), t("getContactNumberErrors", []), m.length > 0 && h();
+    const C = N.target, m = C.value;
+    /^[+]?\d*[\d\s-]*$/.test(m) || (C.value = m.replace(/[^0-9+\s-]/g, "")), t("getContactNumberErrors", []), m.length > 0 && h();
   }, c = (N) => {
     l.value = {
       countryCode: [N[0]],
@@ -9909,12 +9909,12 @@ const Vu = (e, t) => {
     });
   }, h = () => {
     if (!o.value) return;
-    const N = o.value.replace(/\D/g, ""), M = Qu(N, {
+    const N = o.value.replace(/\D/g, ""), C = Qu(N, {
       defaultCountry: l.value.countryCode[0],
       extract: !1
     });
-    if (M && M.isValid()) {
-      let m = M.formatInternational();
+    if (C && C.isValid()) {
+      let m = C.formatInternational();
       m = m.replace(`+${l.value.countryCallingCode[0]} `, ""), o.value = m;
     } else
       t("getContactNumberErrors", [
@@ -11403,7 +11403,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   props: u6,
   setup(e) {
     const t = e, { logoSrc: r, logoTitle: n } = i6(t);
-    return (s, a) => (g(), C("div", null, [
+    return (s, a) => (g(), M("div", null, [
       I("img", He(s.$attrs, {
         src: i(r),
         alt: i(n),
@@ -11505,21 +11505,21 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   props: h6,
   setup(e) {
     const t = e, { lozengeClasses: r } = C6(t);
-    return (n, s) => (g(), C("div", M6, [
-      n.visible ? (g(), C("div", {
+    return (n, s) => (g(), M("div", M6, [
+      n.visible ? (g(), M("div", {
         key: 0,
         class: b(i(r).baseClasses)
       }, [
         I("div", {
           class: b(i(r).toneClasses)
         }, [
-          n.$slots.icon ? (g(), C("div", y6, [
+          n.$slots.icon ? (g(), M("div", y6, [
             te(n.$slots, "icon")
           ])) : w("", !0),
-          n.$slots.avatar ? (g(), C("div", m6, [
+          n.$slots.avatar ? (g(), M("div", m6, [
             te(n.$slots, "avatar")
           ])) : w("", !0),
-          n.url && !n.$slots.avatar ? (g(), C("div", v6, [
+          n.url && !n.$slots.avatar ? (g(), M("div", v6, [
             I("img", {
               class: "spr-h-full spr-w-full spr-rounded-full spr-object-cover",
               src: n.url,
@@ -11630,10 +11630,10 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   emits: I6,
   setup(e, { emit: t }) {
     const r = e, n = t, { modalClasses: s, handleCloseModal: a, handleBackdropClick: o } = A6(r, n);
-    return (l, u) => (g(), C(X, null, [
+    return (l, u) => (g(), M(X, null, [
       Y(m2, { name: "backdrop-transition" }, {
         default: B(() => [
-          r.modelValue ? (g(), C("div", {
+          r.modelValue ? (g(), M("div", {
             key: 0,
             class: b(i(s).backdropClasses),
             onClick: u[0] || (u[0] = //@ts-ignore
@@ -11644,18 +11644,18 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
       }),
       Y(m2, { name: "modal-transition" }, {
         default: B(() => [
-          r.modelValue ? (g(), C("div", {
+          r.modelValue ? (g(), M("div", {
             key: 0,
             id: "modal",
             class: b(i(s).baseClasses)
           }, [
-            l.$slots.header || l.title ? (g(), C("header", {
+            l.$slots.header || l.title ? (g(), M("header", {
               key: 0,
               class: b(i(s).headerClasses)
             }, [
-              !l.$slots.header && l.title ? (g(), C("span", x6, V(l.title), 1)) : w("", !0),
+              !l.$slots.header && l.title ? (g(), M("span", x6, V(l.title), 1)) : w("", !0),
               te(l.$slots, "header", {}, void 0, !0),
-              r.closeButtonX ? (g(), C("span", {
+              r.closeButtonX ? (g(), M("span", {
                 key: 1,
                 class: b(i(s).headerCloseButtonXClasses),
                 onClick: u[1] || (u[1] = //@ts-ignore
@@ -11672,7 +11672,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             }, [
               te(l.$slots, "default", {}, void 0, !0)
             ], 2),
-            l.$slots.footer ? (g(), C("footer", {
+            l.$slots.footer ? (g(), M("footer", {
               key: 1,
               class: b(i(s).footerClasses)
             }, [
@@ -11740,7 +11740,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   props: O6,
   setup(e) {
     const t = e, { handleProgressBarSize: r, percentage: n, handleProgressBarStyle: s } = z6(t);
-    return (a, o) => (g(), C("div", {
+    return (a, o) => (g(), M("div", {
       class: "spr-flex spr-w-full spr-flex-col spr-gap-size-spacing-5xs",
       "aria-valuemin": 0,
       "aria-valuemax": t.max || 100,
@@ -11754,7 +11754,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
           style: _e(i(s))
         }, null, 4)
       ], 2),
-      t.label ? (g(), C("span", _6, V(i(n)) + "%", 1)) : w("", !0)
+      t.label ? (g(), M("span", _6, V(i(n)) + "%", 1)) : w("", !0)
     ], 8, L6));
   }
 }), k6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -11876,7 +11876,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   emits: U6,
   setup(e, { emit: t }) {
     const r = e, n = t, s = b2(), { proxyValue: a, radioRef: o, radioClasses: l } = Y6(r, n, s);
-    return (u, d) => (g(), C("div", {
+    return (u, d) => (g(), M("div", {
       class: b(["spr-relative", { "spr-w-full": r.fullWidth }])
     }, [
       i2(I("input", {
@@ -11904,7 +11904,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
         }, null, 2),
         I("div", B6, [
           te(u.$slots, "default", {}, void 0, !0),
-          r.description && r.description !== "" ? (g(), C("span", {
+          r.description && r.description !== "" ? (g(), M("span", {
             key: 0,
             class: b(["spr-text-xs spr-font-normal spr-leading-4 spr-text-mushroom-600", { "spr-text-color-disabled": r.disabled }])
           }, V(r.description), 3)) : w("", !0)
@@ -12057,7 +12057,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
       r,
       n
     );
-    return (p, c) => (g(), C("div", K6, [
+    return (p, c) => (g(), M("div", K6, [
       I("div", {
         class: b({
           "spr-hidden-scrolls spr-flex spr-h-full spr-flex-col spr-justify-between spr-overflow-auto": !0,
@@ -12095,8 +12095,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                 })
               ]),
               I("div", e5, [
-                (g(!0), C(X, null, de(r.quickActions, (h, y) => (g(), C(X, { key: y }, [
-                  h.menuHeading ? (g(), C("h5", {
+                (g(!0), M(X, null, de(r.quickActions, (h, y) => (g(), M(X, { key: y }, [
+                  h.menuHeading ? (g(), M("h5", {
                     key: 0,
                     class: b([
                       {
@@ -12105,15 +12105,15 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                       }
                     ])
                   }, V(h.menuHeading), 3)) : w("", !0),
-                  (g(!0), C(X, null, de(h.items, (f, N) => (g(), C(X, { key: N }, [
-                    f.hidden ? w("", !0) : (g(), C("div", {
+                  (g(!0), M(X, null, de(h.items, (f, N) => (g(), M(X, { key: N }, [
+                    f.hidden ? w("", !0) : (g(), M("div", {
                       key: 0,
                       class: b([
                         "spr-flex spr-cursor-pointer spr-gap-2 spr-px-4 spr-py-3 spr-align-middle spr-duration-150 spr-ease-in-out",
                         "hover:spr-background-color-hover",
                         "active:spr-background-color-pressed"
                       ]),
-                      onClick: (M) => i(u)(f, "", "", "")
+                      onClick: (C) => i(u)(f, "", "", "")
                     }, [
                       I("div", {
                         class: b({
@@ -12156,7 +12156,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             ]),
             _: 1
           }, 8, ["shown"])) : w("", !0),
-          r.hasSearch ? (g(), C("div", {
+          r.hasSearch ? (g(), M("div", {
             key: 1,
             id: "sidenav_search",
             class: b([
@@ -12172,8 +12172,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
               class: "spr-h-[1.25em] spr-w-[1.25em]"
             })
           ])) : w("", !0),
-          (g(!0), C(X, null, de(r.navLinks.top, (h, y) => (g(), C(X, { key: y }, [
-            (g(!0), C(X, null, de(h.parentLinks, (f, N) => (g(), C(X, { key: N }, [
+          (g(!0), M(X, null, de(r.navLinks.top, (h, y) => (g(), M(X, { key: y }, [
+            (g(!0), M(X, null, de(h.parentLinks, (f, N) => (g(), M(X, { key: N }, [
               f.menuLinks && f.menuLinks.length > 0 ? (g(), W(i(ze), {
                 key: 0,
                 "aria-id": "sidenav-menu-wrapper",
@@ -12186,15 +12186,15 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                   I("div", l5, [
                     I("h3", d5, V(f.title), 1)
                   ]),
-                  (g(!0), C(X, null, de(f.menuLinks, (M, m) => (g(), C(X, { key: m }, [
-                    M.menuHeading ? (g(), C("h5", {
+                  (g(!0), M(X, null, de(f.menuLinks, (C, m) => (g(), M(X, { key: m }, [
+                    C.menuHeading ? (g(), M("h5", {
                       key: 0,
                       class: b({
                         "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                         "spr-mt-2": m !== 0
                       })
-                    }, V(M.menuHeading), 3)) : w("", !0),
-                    (g(!0), C(X, null, de(M.items, (v, D) => (g(), C(X, { key: D }, [
+                    }, V(C.menuHeading), 3)) : w("", !0),
+                    (g(!0), M(X, null, de(C.items, (v, D) => (g(), M(X, { key: D }, [
                       v.submenuLinks && v.submenuLinks.length > 0 ? (g(), W(i(ze), {
                         key: 0,
                         "aria-id": "sidenav-submenu-wrapper",
@@ -12204,22 +12204,22 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                         "instant-move": ""
                       }, {
                         popper: B(() => [
-                          (g(!0), C(X, null, de(v.submenuLinks, (T, S) => (g(), C(X, { key: S }, [
-                            T.subMenuHeading ? (g(), C("h5", {
+                          (g(!0), M(X, null, de(v.submenuLinks, (T, S) => (g(), M(X, { key: S }, [
+                            T.subMenuHeading ? (g(), M("h5", {
                               key: 0,
                               class: b({
                                 "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                                 "spr-mt-2": S !== 0
                               })
                             }, V(T.subMenuHeading), 3)) : w("", !0),
-                            (g(!0), C(X, null, de(T.items, (A, $) => (g(), W(i(ze), {
+                            (g(!0), M(X, null, de(T.items, (A, $) => (g(), W(i(ze), {
                               key: $,
                               "aria-id": "sidenav-sub-submenu-wrapper",
                               triggers: ["click", "hover"],
                               "instant-move": ""
                             }, {
                               default: B(() => [
-                                A.hidden ? w("", !0) : (g(), C("div", {
+                                A.hidden ? w("", !0) : (g(), M("div", {
                                   key: 0,
                                   id: `${i(d)(f.title, v.title, A.title)}`,
                                   class: b({
@@ -12255,7 +12255,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                               "active:spr-background-color-pressed": !0
                             })
                           }, [
-                            r.activeNav.menu === v.title ? (g(), C("div", c5)) : w("", !0),
+                            r.activeNav.menu === v.title ? (g(), M("div", c5)) : w("", !0),
                             I("span", null, V(v.title), 1),
                             Y(i(K), {
                               icon: "ph:caret-right",
@@ -12264,8 +12264,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                           ], 10, u5)
                         ]),
                         _: 2
-                      }, 1024)) : (g(), C(X, { key: 1 }, [
-                        v.hidden ? w("", !0) : (g(), C("div", {
+                      }, 1024)) : (g(), M(X, { key: 1 }, [
+                        v.hidden ? w("", !0) : (g(), M("div", {
                           key: 0,
                           id: `${i(d)(f.title, v.title)}`,
                           class: b({
@@ -12276,7 +12276,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                           }),
                           onClick: (T) => i(u)(v, f.title, v.title, "")
                         }, [
-                          r.activeNav.menu === v.title ? (g(), C("div", h5)) : w("", !0),
+                          r.activeNav.menu === v.title ? (g(), M("div", h5)) : w("", !0),
                           I("span", null, V(v.title), 1)
                         ], 10, f5))
                       ], 64))
@@ -12293,19 +12293,19 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                       "active:spr-background-color-single-active active:spr-scale-90": !0
                     })
                   }, [
-                    f.icon && f.icon.includes("https://") ? (g(), C(X, { key: 0 }, [
-                      f.icon && r.activeNav.parentNav !== f.title ? (g(), C("img", {
+                    f.icon && f.icon.includes("https://") ? (g(), M(X, { key: 0 }, [
+                      f.icon && r.activeNav.parentNav !== f.title ? (g(), M("img", {
                         key: 0,
                         src: f.icon,
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, o5)) : r.activeNav.parentNav === f.title ? (g(), C("img", {
+                      }, null, 8, o5)) : r.activeNav.parentNav === f.title ? (g(), M("img", {
                         key: 1,
                         src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                       }, null, 8, i5)) : w("", !0)
-                    ], 64)) : (g(), C(X, { key: 1 }, [
+                    ], 64)) : (g(), M(X, { key: 1 }, [
                       f.icon && r.activeNav.parentNav !== f.title ? (g(), W(i(K), {
                         key: 0,
                         icon: f.icon,
@@ -12322,7 +12322,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                   ], 10, a5)
                 ]),
                 _: 2
-              }, 1024)) : (g(), C(X, { key: 1 }, [
+              }, 1024)) : (g(), M(X, { key: 1 }, [
                 f.hidden ? w("", !0) : (g(), W(i(P2), {
                   key: 0,
                   "aria-id": "sidenav-tooltip-wrapper",
@@ -12342,21 +12342,21 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                         "hover:spr-background-color-hover": r.activeNav.parentNav != f.title,
                         "active:spr-background-color-single-active active:spr-scale-90": !0
                       }),
-                      onClick: (M) => i(u)(f, f.title, "", "")
+                      onClick: (C) => i(u)(f, f.title, "", "")
                     }, [
-                      f.icon && f.icon.includes("https://") ? (g(), C(X, { key: 0 }, [
-                        f.icon && r.activeNav.parentNav !== f.title ? (g(), C("img", {
+                      f.icon && f.icon.includes("https://") ? (g(), M(X, { key: 0 }, [
+                        f.icon && r.activeNav.parentNav !== f.title ? (g(), M("img", {
                           key: 0,
                           src: f.icon,
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                        }, null, 8, y5)) : r.activeNav.parentNav === f.title ? (g(), C("img", {
+                        }, null, 8, y5)) : r.activeNav.parentNav === f.title ? (g(), M("img", {
                           key: 1,
                           src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                         }, null, 8, m5)) : w("", !0)
-                      ], 64)) : (g(), C(X, { key: 1 }, [
+                      ], 64)) : (g(), M(X, { key: 1 }, [
                         f.icon && r.activeNav.parentNav !== f.title ? (g(), W(i(K), {
                           key: 0,
                           icon: f.icon,
@@ -12376,12 +12376,12 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                 }, 1024))
               ], 64))
             ], 64))), 128)),
-            r.navLinks.top.length > 0 && y < r.navLinks.top.length - 1 ? (g(), C("div", v5)) : w("", !0)
+            r.navLinks.top.length > 0 && y < r.navLinks.top.length - 1 ? (g(), M("div", v5)) : w("", !0)
           ], 64))), 128))
         ]),
-        r.navLinks.bottom && r.navLinks.bottom.length > 0 ? (g(), C("div", N5, [
-          (g(!0), C(X, null, de(r.navLinks.bottom, (h, y) => (g(), C(X, { key: y }, [
-            (g(!0), C(X, null, de(h.parentLinks, (f, N) => (g(), C(X, { key: N }, [
+        r.navLinks.bottom && r.navLinks.bottom.length > 0 ? (g(), M("div", N5, [
+          (g(!0), M(X, null, de(r.navLinks.bottom, (h, y) => (g(), M(X, { key: y }, [
+            (g(!0), M(X, null, de(h.parentLinks, (f, N) => (g(), M(X, { key: N }, [
               f.menuLinks && f.menuLinks.length > 0 ? (g(), W(i(ze), {
                 key: 0,
                 "aria-id": "sidenav-menu-wrapper",
@@ -12394,15 +12394,15 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                   I("div", I5, [
                     I("h3", A5, V(f.title), 1)
                   ]),
-                  (g(!0), C(X, null, de(f.menuLinks, (M, m) => (g(), C(X, { key: m }, [
-                    M.menuHeading ? (g(), C("h5", {
+                  (g(!0), M(X, null, de(f.menuLinks, (C, m) => (g(), M(X, { key: m }, [
+                    C.menuHeading ? (g(), M("h5", {
                       key: 0,
                       class: b({
                         "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                         "spr-mt-3": m !== 0
                       })
-                    }, V(M.menuHeading), 3)) : w("", !0),
-                    (g(!0), C(X, null, de(M.items, (v, D) => (g(), C(X, { key: D }, [
+                    }, V(C.menuHeading), 3)) : w("", !0),
+                    (g(!0), M(X, null, de(C.items, (v, D) => (g(), M(X, { key: D }, [
                       v.submenuLinks && v.submenuLinks.length > 0 ? (g(), W(i(ze), {
                         key: 0,
                         "aria-id": "sidenav-submenu-wrapper",
@@ -12412,22 +12412,22 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                         "instant-move": ""
                       }, {
                         popper: B(() => [
-                          (g(!0), C(X, null, de(v.submenuLinks, (T, S) => (g(), C(X, { key: S }, [
-                            T.subMenuHeading ? (g(), C("h5", {
+                          (g(!0), M(X, null, de(v.submenuLinks, (T, S) => (g(), M(X, { key: S }, [
+                            T.subMenuHeading ? (g(), M("h5", {
                               key: 0,
                               class: b({
                                 "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                                 "spr-mt-3": S !== 0
                               })
                             }, V(T.subMenuHeading), 3)) : w("", !0),
-                            (g(!0), C(X, null, de(T.items, (A, $) => (g(), W(i(ze), {
+                            (g(!0), M(X, null, de(T.items, (A, $) => (g(), W(i(ze), {
                               key: $,
                               "aria-id": "sidenav-sub-submenu-wrapper",
                               triggers: ["click", "hover"],
                               "instant-move": ""
                             }, {
                               default: B(() => [
-                                A.hidden ? w("", !0) : (g(), C("div", {
+                                A.hidden ? w("", !0) : (g(), M("div", {
                                   key: 0,
                                   id: `${i(d)(f.title, v.title, A.title)}`,
                                   class: b({
@@ -12463,7 +12463,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                               "active:spr-background-color-pressed": !0
                             })
                           }, [
-                            r.activeNav.menu === v.title ? (g(), C("div", w5)) : w("", !0),
+                            r.activeNav.menu === v.title ? (g(), M("div", w5)) : w("", !0),
                             I("span", null, V(v.title), 1),
                             Y(i(K), {
                               icon: "ph:caret-right",
@@ -12472,8 +12472,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                           ], 10, x5)
                         ]),
                         _: 2
-                      }, 1024)) : (g(), C(X, { key: 1 }, [
-                        v.hidden ? w("", !0) : (g(), C("div", {
+                      }, 1024)) : (g(), M(X, { key: 1 }, [
+                        v.hidden ? w("", !0) : (g(), M("div", {
                           key: 0,
                           id: `${i(d)(f.title, v.title)}`,
                           class: b([
@@ -12500,19 +12500,19 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                       "active:spr-background-color-single-active active:spr-scale-90": !0
                     })
                   }, [
-                    f.icon && f.icon.includes("https://") ? (g(), C(X, { key: 0 }, [
-                      f.icon && r.activeNav.parentNav !== f.title ? (g(), C("img", {
+                    f.icon && f.icon.includes("https://") ? (g(), M(X, { key: 0 }, [
+                      f.icon && r.activeNav.parentNav !== f.title ? (g(), M("img", {
                         key: 0,
                         src: f.icon,
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, b5)) : r.activeNav.parentNav === f.title ? (g(), C("img", {
+                      }, null, 8, b5)) : r.activeNav.parentNav === f.title ? (g(), M("img", {
                         key: 1,
                         src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                       }, null, 8, D5)) : w("", !0)
-                    ], 64)) : (g(), C(X, { key: 1 }, [
+                    ], 64)) : (g(), M(X, { key: 1 }, [
                       f.icon && r.activeNav.parentNav !== f.title ? (g(), W(i(K), {
                         key: 0,
                         icon: f.icon,
@@ -12529,7 +12529,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                   ], 10, $5)
                 ]),
                 _: 2
-              }, 1024)) : (g(), C(X, { key: 1 }, [
+              }, 1024)) : (g(), M(X, { key: 1 }, [
                 f.hidden ? w("", !0) : (g(), W(i(P2), {
                   key: 0,
                   "aria-id": "sidenav-tooltip-wrapper",
@@ -12549,21 +12549,21 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                         "hover:spr-background-color-hover": r.activeNav.parentNav != f.title,
                         "active:spr-background-color-single-active active:spr-scale-90": !0
                       }),
-                      onClick: (M) => i(u)(f, f.title, "", "")
+                      onClick: (C) => i(u)(f, f.title, "", "")
                     }, [
-                      f.icon && f.icon.includes("https://") ? (g(), C(X, { key: 0 }, [
-                        f.icon && r.activeNav.parentNav !== f.title ? (g(), C("img", {
+                      f.icon && f.icon.includes("https://") ? (g(), M(X, { key: 0 }, [
+                        f.icon && r.activeNav.parentNav !== f.title ? (g(), M("img", {
                           key: 0,
                           src: f.icon,
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                        }, null, 8, L5)) : r.activeNav.parentNav === f.title ? (g(), C("img", {
+                        }, null, 8, L5)) : r.activeNav.parentNav === f.title ? (g(), M("img", {
                           key: 1,
                           src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                         }, null, 8, _5)) : w("", !0)
-                      ], 64)) : (g(), C(X, { key: 1 }, [
+                      ], 64)) : (g(), M(X, { key: 1 }, [
                         f.icon && r.activeNav.parentNav !== f.title ? (g(), W(i(K), {
                           key: 0,
                           icon: f.icon,
@@ -12583,11 +12583,11 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
                 }, 1024))
               ], 64))
             ], 64))), 128)),
-            r.navLinks.bottom.length > 0 && y < r.navLinks.bottom.length - 1 ? (g(), C("div", E5)) : w("", !0)
+            r.navLinks.bottom.length > 0 && y < r.navLinks.bottom.length - 1 ? (g(), M("div", E5)) : w("", !0)
           ], 64))), 128))
         ])) : w("", !0)
       ], 2),
-      r.notificationCount || r.requestCount || r.notificationCount === 0 || r.requestCount === 0 ? (g(), C("div", k5, [
+      r.notificationCount || r.requestCount || r.notificationCount === 0 || r.requestCount === 0 ? (g(), M("div", k5, [
         Y(i(P2), {
           "aria-id": "sidenav-tooltip-wrapper",
           placement: "right",
@@ -12598,7 +12598,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             I("span", { class: "spr-label-xs-medium spr-uppercase" }, "NOTIFICATIONS", -1)
           ])),
           default: B(() => [
-            r.notificationCount || r.notificationCount === 0 ? (g(), C("div", {
+            r.notificationCount || r.notificationCount === 0 ? (g(), M("div", {
               key: 0,
               id: "sidenav_notification",
               class: b([
@@ -12640,7 +12640,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             I("span", { class: "spr-label-xs-medium spr-uppercase" }, "REQUESTS", -1)
           ])),
           default: B(() => [
-            r.requestCount || r.requestCount === 0 ? (g(), C("div", {
+            r.requestCount || r.requestCount === 0 ? (g(), M("div", {
               key: 0,
               id: "sidenav_request",
               class: b([
@@ -12673,7 +12673,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
           _: 1
         })
       ])) : w("", !0),
-      r.userMenu ? (g(), C("div", P5, [
+      r.userMenu ? (g(), M("div", P5, [
         Y(i(ze), {
           shown: i(a),
           "onUpdate:shown": c[9] || (c[9] = (h) => Ce(a) ? a.value = h : null),
@@ -12687,12 +12687,12 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             I("div", F5, [
               I("div", R5, [
                 I("div", B5, [
-                  r.userMenu.profileImage && !i(o) ? (g(), C("img", {
+                  r.userMenu.profileImage && !i(o) ? (g(), M("img", {
                     key: 0,
                     src: r.userMenu.profileImage,
                     alt: "profile-image",
                     onError: c[8] || (c[8] = (h) => o.value = !0)
-                  }, null, 40, Q5)) : (g(), C("span", V5, V(i(l)(r.userMenu.name)), 1))
+                  }, null, 40, Q5)) : (g(), M("span", V5, V(i(l)(r.userMenu.name)), 1))
                 ]),
                 I("div", H5, [
                   I("h3", Z5, V(r.userMenu.name), 1),
@@ -12701,8 +12701,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
               ])
             ]),
             I("div", W5, [
-              (g(!0), C(X, null, de(r.userMenu.items, (h, y) => (g(), C(X, { key: y }, [
-                h.hidden ? w("", !0) : (g(), C("div", {
+              (g(!0), M(X, null, de(r.userMenu.items, (h, y) => (g(), M(X, { key: y }, [
+                h.hidden ? w("", !0) : (g(), M("div", {
                   key: 0,
                   id: `usermenu_${i(d)(h.title)}`,
                   class: b([
@@ -12736,12 +12736,12 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
               ]),
               onClick: c[7] || (c[7] = (h) => a.value = !i(a))
             }, [
-              r.userMenu.profileImage && !i(o) ? (g(), C("img", {
+              r.userMenu.profileImage && !i(o) ? (g(), M("img", {
                 key: 0,
                 src: r.userMenu.profileImage,
                 alt: "profile-image",
                 onError: c[6] || (c[6] = (h) => o.value = !0)
-              }, null, 40, U5)) : (g(), C("span", Y5, V(i(l)(r.userMenu.name)), 1))
+              }, null, 40, U5)) : (g(), M("span", Y5, V(i(l)(r.userMenu.name)), 1))
             ])
           ]),
           _: 1
@@ -12765,7 +12765,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
       "spr-tw-min-h-12 spr-text-color-strong spr-flex spr-justify-between spr-border-0 spr-border-b spr-border-solid spr-border-mushroom-200 spr-p-4"
     ), h = O("spr-subheading-xs"), y = O("spr-text-color-weak spr-h-5 spr-w-5 spr-cursor-pointer"), f = O("spr-h-full spr-overflow-y-auto"), N = O(
       "spr-bottom-0 spr-left-0 spr-w-full spr-rounded-b-border-radius-xl spr-border-0 spr-border-t spr-border-solid spr-border-mushroom-200 spr-bg-white-50 spr-py-3"
-    ), M = O(
+    ), C = O(
       "spr-transition-transform spr-duration-[150ms] spr-ease-[ease-in-out]"
     ), m = O({
       "spr-translate-x-full -spr-translate-y-2/4": n.value === "right"
@@ -12781,7 +12781,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
       sidepanelHeaderIconClasses: y,
       sidepanelContentClasses: f,
       sidepanelFooterClasses: N,
-      sidepanelTransitionActiveClasses: M,
+      sidepanelTransitionActiveClasses: C,
       sidepanelTransitionHiddenClasses: m,
       sidepanelTransitionVisibleClasses: v,
       backdropBaseClasses: D
@@ -12902,8 +12902,8 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   emits: s9,
   setup(e, { emit: t }) {
     const r = e, n = t, { sidepanelClasses: s, sidepanelRef: a, handleClose: o } = e9(r, n);
-    return (l, u) => (g(), C(X, null, [
-      l.isOpen && l.hasBackdrop ? (g(), C("div", {
+    return (l, u) => (g(), M(X, null, [
+      l.isOpen && l.hasBackdrop ? (g(), M("div", {
         key: 0,
         class: b(i(s).backdropBaseClasses)
       }, null, 2)) : w("", !0),
@@ -12917,7 +12917,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
         appear: ""
       }, {
         default: B(() => [
-          l.isOpen ? (g(), C("div", {
+          l.isOpen ? (g(), M("div", {
             key: 0,
             ref_key: "sidepanelRef",
             ref: a,
@@ -12927,10 +12927,10 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             class: b(i(s).sidepanelBaseClasses),
             style: _e({ height: typeof l.height == "number" ? `${l.height}px` : l.height })
           }, [
-            r.hideHeader ? w("", !0) : (g(), C(X, { key: 0 }, [
-              l.$slots.header ? (g(), C("div", a9, [
+            r.hideHeader ? w("", !0) : (g(), M(X, { key: 0 }, [
+              l.$slots.header ? (g(), M("div", a9, [
                 te(l.$slots, "header")
-              ])) : (g(), C("div", {
+              ])) : (g(), M("div", {
                 key: 0,
                 class: b(i(s).sidepanelHeaderClasses)
               }, [
@@ -12951,7 +12951,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
             }, [
               te(l.$slots, "default")
             ], 2),
-            l.$slots.footer ? (g(), C("div", {
+            l.$slots.footer ? (g(), M("div", {
               key: 1,
               class: b(i(s).sidepanelFooterClasses)
             }, [
@@ -12986,10 +12986,10 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
     n.value = !0, d(f);
     const N = (m) => {
       e.disabled || d(m);
-    }, M = () => {
-      n.value = !1, window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", M);
+    }, C = () => {
+      n.value = !1, window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", C);
     };
-    window.addEventListener("pointermove", N), window.addEventListener("pointerup", M);
+    window.addEventListener("pointermove", N), window.addEventListener("pointerup", C);
   }, c = (f) => {
     !r.value || e.disabled || (f.key === "ArrowRight" && u(s.value + e.step), f.key === "ArrowLeft" && u(s.value - e.step));
   };
@@ -13052,7 +13052,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   emits: ["update:modelValue", "slideend"],
   setup(e, { emit: t }) {
     const r = e, n = t, { sliderRef: s, handleSliderSize: a, handleSliderThumbSize: o, startDrag: l, handleSliderStyle: u, handleThumbStyle: d } = l9(r, n);
-    return (p, c) => (g(), C("div", {
+    return (p, c) => (g(), M("div", {
       ref_key: "sliderRef",
       ref: s,
       class: b([
@@ -13178,7 +13178,7 @@ const l6 = ["white", "dark", "gray", "green"], d6 = [
   emits: C9,
   setup(e, { emit: t }) {
     const r = e, n = t, { snackRef: s, snackProps: a, snackToneCssClass: o, snackIcon: l, handleClick: u } = M9(r, n);
-    return (d, p) => (g(), C("div", He(i(a), {
+    return (d, p) => (g(), M("div", He(i(a), {
       ref_key: "snackRef",
       ref: s,
       class: "snackbar spr-background-color-inverted spr-text-color-inverted-strong spr-font-size-200 spr-line-height-400 spr-border-color-strong spr-box-border spr-flex spr-h-fit spr-flex-row spr-items-center spr-rounded-border-radius-lg spr-border spr-border-solid spr-px-size-spacing-2xs spr-py-size-spacing-3xs",
@@ -13976,7 +13976,7 @@ function Ot(e, t, r = {}, n, s, a) {
   const f = n.state.value[e];
   !a && !f && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = {});
   const N = H({});
-  let M;
+  let C;
   function m(x) {
     let j;
     d = p = !1, process.env.NODE_ENV !== "production" && (y = []), typeof x == "function" ? (x(n.state.value[e]), j = {
@@ -13989,9 +13989,9 @@ function Ot(e, t, r = {}, n, s, a) {
       storeId: e,
       events: y
     });
-    const q = M = Symbol();
+    const q = C = Symbol();
     Qe().then(() => {
-      M === q && (d = !0);
+      C === q && (d = !0);
     }), p = !0, w2(c, j, n.state.value[e]);
   }
   const v = a ? function() {
@@ -14238,13 +14238,13 @@ const K9 = (e) => ({
     }), (d, p) => (g(), W(Ca, { to: "body" }, [
       Y(m2, { name: "snackbar" }, {
         default: B(() => [
-          i(n).snacks.length > 0 ? (g(), C("div", X9, [
+          i(n).snacks.length > 0 ? (g(), M("div", X9, [
             Y(Ma, {
               name: "snackbar",
               tag: "ul"
             }, {
               default: B(() => [
-                (g(!0), C(X, null, de(i(n).snacks, (c) => (g(), C("li", {
+                (g(!0), M(X, null, de(i(n).snacks, (c) => (g(), M("li", {
                   key: c.id,
                   class: "snackbar-snack spr-mb-size-spacing-3xs"
                 }, [
@@ -14349,7 +14349,7 @@ const K9 = (e) => ({
   emits: s8,
   setup(e, { emit: t }) {
     const r = e, n = t, { stepClasses: s } = a8(r, n);
-    return (a, o) => (g(), C("div", {
+    return (a, o) => (g(), M("div", {
       class: b(i(s).baseClass)
     }, [
       I("div", {
@@ -14362,11 +14362,11 @@ const K9 = (e) => ({
       I("div", {
         class: b(i(s).textContainerClass)
       }, [
-        r.label ? (g(), C("span", {
+        r.label ? (g(), M("span", {
           key: 0,
           class: b(i(s).labelClass)
         }, V(r.label), 3)) : w("", !0),
-        r.description ? (g(), C("span", {
+        r.description ? (g(), M("span", {
           key: 1,
           class: b(i(s).descriptionClass)
         }, V(r.description), 3)) : w("", !0)
@@ -14432,10 +14432,10 @@ const K9 = (e) => ({
   props: l8,
   setup(e) {
     const t = e, { stepperClasses: r, getLineColorClass: n } = d8(t);
-    return (s, a) => (g(), C("div", {
+    return (s, a) => (g(), M("div", {
       class: b(i(r).baseClass)
     }, [
-      (g(!0), C(X, null, de(t.steps, (o, l) => (g(), C("div", {
+      (g(!0), M(X, null, de(t.steps, (o, l) => (g(), M("div", {
         key: l,
         class: b(i(r).stepClass)
       }, [
@@ -14445,7 +14445,7 @@ const K9 = (e) => ({
           status: o.status,
           description: o.description
         }, null, 8, ["number", "label", "status", "description"]),
-        t.hasLines && l < t.steps.length - 1 ? (g(), C("div", {
+        t.hasLines && l < t.steps.length - 1 ? (g(), M("div", {
           key: 0,
           class: b(i(r).lineContainerClass)
         }, [
@@ -14482,24 +14482,31 @@ const K9 = (e) => ({
     type: Boolean,
     required: !0,
     default: !1
+  },
+  /**
+   * @description Switch id
+   */
+  id: {
+    type: String,
+    default: ""
   }
 }, f8 = ["update:modelValue"], h8 = (e) => {
-  const t = H(null), r = H(null), n = Ft(t), { pressed: s } = Jn({ target: r }), { disabled: a, state: o, modelValue: l } = Me(e), u = b2(), d = (!u.default || u.default().length === 0) && !u.leftText && !u.rightText, p = E(() => ({
+  const t = H(null), r = H(null), n = Ft(t), { pressed: s } = Jn({ target: r }), { disabled: a, state: o, modelValue: l } = Me(e), u = b2(), d = (!u.default || u.default().length === 0) && !u.leftText, p = !u.rightText, c = E(() => ({
     ...a.value && { ariaDisabled: !0 },
     disabled: a.value,
     autofocus: o.value === "hover",
     modelValue: l
-  })), c = E(() => e.disabled ? N() : s.value ? f() : n.value ? y() : h());
-  function h() {
+  })), h = E(() => e.disabled ? C() : s.value ? N() : n.value ? f() : y());
+  function y() {
     return e.modelValue ? "spr-background-color-success-base" : "spr-switch-background-default";
   }
-  function y() {
+  function f() {
     return e.modelValue ? "spr-background-color-success-hover" : "spr-switch-background-hover";
   }
-  function f() {
+  function N() {
     return e.modelValue ? "spr-background-color-success-pressed" : "spr-switch-background-pressed";
   }
-  function N() {
+  function C() {
     return O(
       {
         "spr-background-color-success-base": e.modelValue,
@@ -14508,40 +14515,45 @@ const K9 = (e) => ({
       "spr-opacity-60"
     );
   }
-  const M = E(() => e.disabled ? "spr-text-color-disabled" : "spr-text-color-strong"), m = E(() => O(
+  const m = E(() => e.disabled ? "spr-text-color-disabled" : "spr-text-color-strong"), v = E(() => O(
     "spr-transition-colors",
     "before:spr-transition-all before:spr-duration-150",
     "after:spr-transition-all after:spr-duration-150"
-  )), v = E(() => O(c.value, m.value)), D = E(() => O({
+  )), D = E(() => O(h.value, v.value)), T = E(() => O({
     "spr-cursor-not-allowed": e.disabled,
     "spr-cursor-pointer": !e.disabled
   }));
   return {
     switchWrapperRef: t,
     switchRef: r,
-    switchProps: p,
-    switchMarkClass: v,
-    switchTextClass: M,
-    switchInputClass: D,
-    isSlotEmpty: d
+    switchProps: c,
+    switchMarkClass: D,
+    switchTextClass: m,
+    switchInputClass: T,
+    isLeftTextLabel: d,
+    isRightTextLabel: p
   };
-}, C8 = { key: 0 }, M8 = ["disabled"], y8 = { key: 1 }, m8 = /* @__PURE__ */ ae({
+}, C8 = ["for"], M8 = ["id", "disabled"], y8 = ["for"], m8 = /* @__PURE__ */ ae({
   __name: "switch",
   props: g8,
   emits: f8,
   setup(e, { emit: t }) {
-    const r = e, s = Ee(r, "modelValue", t), { switchWrapperRef: a, switchRef: o, switchProps: l, switchMarkClass: u, switchTextClass: d, switchInputClass: p, isSlotEmpty: c } = h8(r);
-    return (h, y) => (g(), C("div", He(i(l), {
-      class: ["spr-flex spr-items-center spr-gap-2", i(d)]
+    const r = e, n = t, s = r.id ? r.id + "_" + Math.random().toString(36).substring(2, 8) : "switch_input_" + Math.random().toString(36).substring(2, 8), a = Ee(r, "modelValue", n), { switchWrapperRef: o, switchRef: l, switchProps: u, switchMarkClass: d, switchTextClass: p, switchInputClass: c, isLeftTextLabel: h, isRightTextLabel: y } = h8(r);
+    return (f, N) => (g(), M("div", He(i(u), {
+      class: ["spr-flex spr-items-center spr-gap-2", i(p)]
     }), [
-      i(c) ? w("", !0) : (g(), C("label", C8, [
-        te(h.$slots, "leftText", {}, () => [
-          te(h.$slots, "default", {}, void 0, !0)
+      i(h) ? w("", !0) : (g(), M("label", {
+        key: 0,
+        for: i(s),
+        class: "spr-cursor-pointer"
+      }, [
+        te(f.$slots, "leftText", {}, () => [
+          te(f.$slots, "default", {}, void 0, !0)
         ], !0)
-      ])),
+      ], 8, C8)),
       I("div", {
         ref_key: "switchWrapperRef",
-        ref: a,
+        ref: o,
         class: b({
           "spr-relative spr-flex spr-items-center": !0,
           "spr-cursor-pointer spr-transition spr-duration-300 spr-ease-in-out active:spr-scale-90": !r.disabled
@@ -14549,31 +14561,36 @@ const K9 = (e) => ({
       }, [
         i2(I("input", {
           ref_key: "switchRef",
-          ref: o,
-          "onUpdate:modelValue": y[0] || (y[0] = (f) => Ce(s) ? s.value = f : null),
+          ref: l,
+          "onUpdate:modelValue": N[0] || (N[0] = (C) => Ce(a) ? a.value = C : null),
           type: "checkbox",
+          id: i(s),
           name: "checkbox",
           class: b([
             "input spr-absolute spr-left-0 spr-top-0 spr-z-10 spr-m-0 spr-h-6 spr-w-12 spr-opacity-0",
-            i(p)
+            i(c)
           ]),
           disabled: r.disabled
         }, null, 10, M8), [
-          [ya, i(s)]
+          [ya, i(a)]
         ]),
         I("span", {
           class: b([
             "switch-mark spr-relative spr-box-border spr-inline-block spr-h-6 spr-w-12 spr-rounded-[40px] spr-p-1",
-            i(u)
+            i(d)
           ])
         }, null, 2)
       ], 2),
-      i(c) ? w("", !0) : (g(), C("label", y8, [
-        te(h.$slots, "rightText", {}, void 0, !0)
-      ]))
+      i(y) ? w("", !0) : (g(), M("label", {
+        key: 1,
+        for: i(s),
+        class: "spr-cursor-pointer"
+      }, [
+        te(f.$slots, "rightText", {}, void 0, !0)
+      ], 8, y8))
     ], 16));
   }
-}), v8 = /* @__PURE__ */ g2(m8, [["__scopeId", "data-v-876d151a"]]), N8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), v8 = /* @__PURE__ */ g2(m8, [["__scopeId", "data-v-f5b64db8"]]), N8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: v8
 }, Symbol.toStringTag, { value: "Module" })), $8 = (e) => ({
@@ -14625,7 +14642,7 @@ const K9 = (e) => ({
       searchFilterClasses: o,
       updateSearchField: l
     } = $8(r);
-    return (u, d) => (g(), C("div", {
+    return (u, d) => (g(), M("div", {
       class: b(i(s))
     }, [
       te(u.$slots, "tableActionSection", {}, () => [
@@ -14857,7 +14874,7 @@ const K9 = (e) => ({
     t("previous");
   }, h = () => {
     t("next");
-  }, y = E(() => e.currentPage === 1), f = E(() => e.totalItems <= e.currentPage * e.selectedRowCount), M = H(`dropdown-${(() => {
+  }, y = E(() => e.currentPage === 1), f = E(() => e.totalItems <= e.currentPage * e.selectedRowCount), C = H(`dropdown-${(() => {
     const m = Date.now(), v = Math.floor(Math.random() * 1e6);
     return `dropdown-${m}-${v}`;
   })()}`);
@@ -14871,7 +14888,7 @@ const K9 = (e) => ({
     disabledNext: y,
     disabledPrevious: f,
     dropdownSelection: l,
-    dropdownId: M
+    dropdownId: C
   };
 }, k8 = /* @__PURE__ */ ae({
   __name: "table-pagination",
@@ -14890,7 +14907,7 @@ const K9 = (e) => ({
       dropdownSelection: h,
       dropdownId: y
     } = E8(n, r);
-    return (f, N) => (g(), C("div", {
+    return (f, N) => (g(), M("div", {
       class: b(i(s).baseClass)
     }, [
       Y(Zt, {
@@ -14904,7 +14921,7 @@ const K9 = (e) => ({
         default: B(() => [
           Y(Ye, {
             modelValue: i(l),
-            "onUpdate:modelValue": N[0] || (N[0] = (M) => Ce(l) ? l.value = M : null),
+            "onUpdate:modelValue": N[0] || (N[0] = (C) => Ce(l) ? l.value = C : null),
             class: b(i(s).dropdownInputFieldClass),
             readonly: !0
           }, {
@@ -15055,7 +15072,7 @@ const K9 = (e) => ({
     (t) => (typeof t == "object" || typeof t == "string" || typeof t == "number") && t !== null
   )
 }, R8 = (e, t, r) => {
-  const { dataTable: n, action: s, headers: a, sortOrder: o, fullHeight: l, selectedKeyId: u, returnCompleteSelectedProperties: d } = Me(e), p = H(""), c = H(e.searchModel), h = H(o.value || "asc"), y = H(!1), f = H([]), N = E(() => f.value.length === 0 ? !1 : f.value.length === m.value.length), M = E(() => f.value.length === 0 ? !1 : f.value.length > 0 && f.value.length < m.value.length), m = E(() => !p.value || o.value ? n.value : [...n.value].sort((P, R) => {
+  const { dataTable: n, action: s, headers: a, sortOrder: o, fullHeight: l, selectedKeyId: u, returnCompleteSelectedProperties: d } = Me(e), p = H(""), c = H(e.searchModel), h = H(o.value || "asc"), y = H(!1), f = H([]), N = E(() => f.value.length === 0 ? !1 : f.value.length === m.value.length), C = E(() => f.value.length === 0 ? !1 : f.value.length > 0 && f.value.length < m.value.length), m = E(() => !p.value || o.value ? n.value : [...n.value].sort((P, R) => {
     const U = k(P[p.value]), Q = k(R[p.value]);
     return U < Q ? h.value === "asc" ? -1 : 1 : U > Q ? h.value === "asc" ? 1 : -1 : 0;
   })), v = (L) => {
@@ -15126,7 +15143,7 @@ const K9 = (e) => ({
     });
     P !== -1 ? f.value.splice(P, 1) : f.value.push(L);
   }, oe = () => {
-    N.value || M.value ? f.value = [] : f.value = [...m.value];
+    N.value || C.value ? f.value = [] : f.value = [...m.value];
   }, G = (L) => !u.value || !(u.value in L) ? !1 : f.value.some((P) => {
     const R = P[u.value], U = L[u.value];
     return j(R) && j(U) ? R.title === U.title : P[u.value] === L[u.value];
@@ -15160,7 +15177,7 @@ const K9 = (e) => ({
     selectedData: f,
     isAllSelected: N,
     isRowSelected: G,
-    isIndeterminate: M,
+    isIndeterminate: C,
     sortedDataItem: x
   };
 }, B8 = {
@@ -15215,21 +15232,21 @@ const K9 = (e) => ({
       isRowSelected: y,
       sortData: f,
       updateSearchField: N,
-      handleRowClick: M,
+      handleRowClick: C,
       handleSelect: m,
       handleSelectAll: v,
       sortedDataItem: D
     } = R8(r, n, s);
-    return (T, S) => (g(), C("div", {
+    return (T, S) => (g(), M("div", {
       class: b(i(d).tableWrapperClasses)
     }, [
-      T.$slots.default ? (g(), C("div", {
+      T.$slots.default ? (g(), M("div", {
         key: 0,
         class: b(i(d).defaultSlotClasses)
       }, [
         te(T.$slots, "default")
       ], 2)) : w("", !0),
-      i(l) ? (g(), C("div", {
+      i(l) ? (g(), M("div", {
         key: 1,
         class: b(i(d).tableHeaderActionsClasses)
       }, [
@@ -15254,8 +15271,8 @@ const K9 = (e) => ({
       }, [
         I("table", B8, [
           I("thead", null, [
-            r.removeHeaderOnEmpty && i(a).length <= 0 ? w("", !0) : (g(), C("tr", Q8, [
-              r.isMultiSelect ? (g(), C("th", {
+            r.removeHeaderOnEmpty && i(a).length <= 0 ? w("", !0) : (g(), M("tr", Q8, [
+              r.isMultiSelect ? (g(), M("th", {
                 key: 0,
                 class: b([i(d).multiselectClass, i(d).headerClasses])
               }, [
@@ -15268,7 +15285,7 @@ const K9 = (e) => ({
                   }, null, 8, ["checked", "indeterminate", "onUpdate:modelValue"])
                 ])
               ], 2)) : w("", !0),
-              (g(!0), C(X, null, de(T.headers, (A, $) => (g(), C("th", {
+              (g(!0), M(X, null, de(T.headers, (A, $) => (g(), M("th", {
                 key: $,
                 class: b([i(d).headerClasses])
               }, [
@@ -15279,14 +15296,14 @@ const K9 = (e) => ({
                     class: b([{ "spr-cursor-pointer": A.sort }]),
                     onClick: (k) => A.sort && i(f)(A.field)
                   }, V(A.name), 11, H8),
-                  A.badgeText ? (g(), C("span", Z8, [
+                  A.badgeText ? (g(), M("span", Z8, [
                     Y(v2, {
                       text: A.badgeText,
                       variant: A.badgeVariant,
                       size: "small"
                     }, null, 8, ["text", "variant"])
                   ])) : w("", !0),
-                  A.sort ? (g(), C("span", {
+                  A.sort ? (g(), M("span", {
                     key: 1,
                     class: b(["spr-flex spr-flex-row spr-items-center", { "spr-cursor-pointer": A.sort }]),
                     onClick: (k) => A.sort && i(f)(A.field)
@@ -15295,7 +15312,7 @@ const K9 = (e) => ({
                   ], 10, G8)) : w("", !0)
                 ], 2)
               ], 2))), 128)),
-              T.action ? (g(), C("th", {
+              T.action ? (g(), M("th", {
                 key: 1,
                 class: b(i(d).headerClasses)
               }, [
@@ -15305,18 +15322,18 @@ const K9 = (e) => ({
               ], 2)) : w("", !0)
             ]))
           ]),
-          i(a).length > 0 && !T.loading ? (g(), C("tbody", {
+          i(a).length > 0 && !T.loading ? (g(), M("tbody", {
             key: 0,
             class: b(i(d).tableBodyClasses)
           }, [
-            (g(!0), C(X, null, de(i(a), (A, $) => (g(), C("tr", {
+            (g(!0), M(X, null, de(i(a), (A, $) => (g(), M("tr", {
               key: $,
               class: b(i(d).tableRowClasses),
-              onClick: (k) => i(M)(A, $),
+              onClick: (k) => i(C)(A, $),
               onMouseover: (k) => T.$emit("onHover", { active: !0, data: A }),
               onMouseleave: (k) => T.$emit("onHover", { active: !1, data: A })
             }, [
-              r.isMultiSelect ? (g(), C("td", {
+              r.isMultiSelect ? (g(), M("td", {
                 key: 0,
                 class: b([i(d).multiselectClass, i(d).multiselectRowClass])
               }, [
@@ -15328,7 +15345,7 @@ const K9 = (e) => ({
                   }, null, 8, ["checked", "onUpdate:modelValue"])
                 ])
               ], 2)) : w("", !0),
-              (g(!0), C(X, null, de(T.headers, (k, z) => (g(), C("td", {
+              (g(!0), M(X, null, de(T.headers, (k, z) => (g(), M("td", {
                 key: z,
                 class: b(i(d).tableDataClasses)
               }, [
@@ -15336,8 +15353,8 @@ const K9 = (e) => ({
                   key: 0,
                   row: A,
                   rowIndex: $
-                }) : (g(), C(X, { key: 1 }, [
-                  i(a)[$][k.field] ? (g(), C("div", J8, [
+                }) : (g(), M(X, { key: 1 }, [
+                  i(a)[$][k.field] ? (g(), M("div", J8, [
                     k.hasAvatar ? (g(), W(R0, {
                       key: 0,
                       size: "lg",
@@ -15346,41 +15363,41 @@ const K9 = (e) => ({
                       variant: k.avatarVariant ? k.avatarVariant : "initial",
                       initial: i(D)($, k.field).title
                     }, null, 8, ["src", "variant", "initial"])) : w("", !0),
-                    k.hasIcon ? (g(), C("div", X8, [
+                    k.hasIcon ? (g(), M("div", X8, [
                       Y(i(K), {
                         icon: i(D)($, k.field).icon || ""
                       }, null, 8, ["icon"])
                     ])) : w("", !0),
                     I("div", null, [
-                      Array.isArray(i(D)($, k.field).title) ? (g(), C("div", q8, [
-                        (g(!0), C(X, null, de(i(D)($, k.field).title, (x, j) => (g(), C("div", { key: j }, [
-                          k.hasLozengeTitle ? (g(), C("div", e7, [
+                      Array.isArray(i(D)($, k.field).title) ? (g(), M("div", q8, [
+                        (g(!0), M(X, null, de(i(D)($, k.field).title, (x, j) => (g(), M("div", { key: j }, [
+                          k.hasLozengeTitle ? (g(), M("div", e7, [
                             Y(Lt, {
                               cell: x
                             }, null, 8, ["cell"])
-                          ])) : k.hasChipTitle ? (g(), C("div", t7, [
+                          ])) : k.hasChipTitle ? (g(), M("div", t7, [
                             Y(zt, {
                               cell: x
                             }, null, 8, ["cell"])
                           ])) : w("", !0)
                         ]))), 128))
-                      ])) : (g(), C("div", r7, [
-                        k.hasLozengeTitle ? (g(), C("div", n7, [
+                      ])) : (g(), M("div", r7, [
+                        k.hasLozengeTitle ? (g(), M("div", n7, [
                           Y(Lt, {
                             cell: i(D)($, k.field).title
                           }, null, 8, ["cell"])
-                        ])) : k.hasChipTitle ? (g(), C("div", s7, [
+                        ])) : k.hasChipTitle ? (g(), M("div", s7, [
                           Y(zt, {
                             cell: i(D)($, k.field).title
                           }, null, 8, ["cell"])
-                        ])) : (g(), C("div", a7, V(i(D)($, k.field).title), 1))
+                        ])) : (g(), M("div", a7, V(i(D)($, k.field).title), 1))
                       ])),
-                      k.hasSubtext ? (g(), C("div", o7, V(i(D)($, k.field).subtext), 1)) : w("", !0)
+                      k.hasSubtext ? (g(), M("div", o7, V(i(D)($, k.field).subtext), 1)) : w("", !0)
                     ])
                   ])) : w("", !0)
                 ], 64))
               ], 2))), 128)),
-              T.action ? (g(), C("td", {
+              T.action ? (g(), M("td", {
                 key: 1,
                 class: b(i(d).tableRowActionClasses)
               }, [
@@ -15389,11 +15406,11 @@ const K9 = (e) => ({
                 ])
               ], 2)) : w("", !0)
             ], 42, W8))), 128))
-          ], 2)) : (g(), C("tbody", {
+          ], 2)) : (g(), M("tbody", {
             key: 1,
             class: b(i(d).emptyStateClasses)
           }, [
-            T.loading ? (g(), C("tr", u7, [
+            T.loading ? (g(), M("tr", u7, [
               I("td", {
                 colspan: i(o),
                 class: "spr-overflow-hidden"
@@ -15402,7 +15419,7 @@ const K9 = (e) => ({
                   S[1] || (S[1] = I("div", { class: "spr-flex spr-items-center spr-justify-center" }, "Loading...", -1))
                 ])
               ], 8, c7)
-            ])) : (g(), C("tr", l7, [
+            ])) : (g(), M("tr", l7, [
               I("td", {
                 colspan: i(o),
                 class: "spr-flex spr-h-full spr-items-center spr-justify-center"
@@ -15415,7 +15432,7 @@ const K9 = (e) => ({
           ], 2))
         ])
       ], 2),
-      T.$slots.footer ? (g(), C("div", {
+      T.$slots.footer ? (g(), M("div", {
         key: 2,
         class: b(i(d).tableFooterClasses)
       }, [
@@ -15496,8 +15513,8 @@ const K9 = (e) => ({
   emits: h7,
   setup(e, { emit: t }) {
     const r = t, n = e, { tabsClasses: s, activeTab: a, tabElements: o, updateSelectedTabIndex: l } = C7(n, r);
-    return (u, d) => (g(), C("div", M7, [
-      (g(!0), C(X, null, de(u.list, (p, c) => (g(), C("div", {
+    return (u, d) => (g(), M("div", M7, [
+      (g(!0), M(X, null, de(u.list, (p, c) => (g(), M("div", {
         key: c,
         ref_for: !0,
         ref_key: "tabElements",
@@ -15525,7 +15542,7 @@ const K9 = (e) => ({
         ]),
         onClick: (h) => i(l)(c, p.disabled)
       }, [
-        !u.underlined && i(a).index === c ? (g(), C("div", {
+        !u.underlined && i(a).index === c ? (g(), M("div", {
           key: 0,
           class: b([
             "spr-background-color-single-active spr-tw-w-full spr-absolute spr-bottom-0 spr-left-0 spr-z-[5] spr-block spr-h-full spr-w-full",
@@ -15541,7 +15558,7 @@ const K9 = (e) => ({
             "spr-cursor-not-allowed": p.disabled
           })
         }, [
-          p.icon ? (g(), C("div", m7, [
+          p.icon ? (g(), M("div", m7, [
             Y(i(K), {
               class: b({
                 "spr-body-sm-regular": !0,
@@ -15550,10 +15567,10 @@ const K9 = (e) => ({
               icon: i(a).index === c && typeof p.iconFill == "string" ? p.iconFill : p.icon
             }, null, 8, ["class", "icon"])
           ])) : w("", !0),
-          p.label ? (g(), C("div", v7, V(p.label), 1)) : w("", !0)
+          p.label ? (g(), M("div", v7, V(p.label), 1)) : w("", !0)
         ], 2)
       ], 10, y7))), 128)),
-      u.underlined ? (g(), C("div", {
+      u.underlined ? (g(), M("div", {
         key: 0,
         class: b([
           "spr-background-color-success-base spr-absolute spr-bottom-0 spr-left-0 spr-z-10 spr-block spr-h-0.5 spr-rounded-full",
@@ -15660,10 +15677,10 @@ const K9 = (e) => ({
   emits: D7,
   setup(e, { emit: t }) {
     const r = e, n = t, { onInput: s, textareaClasses: a } = I7(r, n);
-    return (o, l) => (g(), C("div", {
+    return (o, l) => (g(), M("div", {
       class: b(i(a).wrapperClasses)
     }, [
-      o.label ? (g(), C("label", {
+      o.label ? (g(), M("label", {
         key: 0,
         for: o.id,
         class: b(i(a).labelClasses)
@@ -15681,7 +15698,7 @@ const K9 = (e) => ({
         onInput: l[0] || (l[0] = //@ts-ignore
         (...u) => i(s) && i(s)(...u))
       }), null, 16, x7),
-      r.displayHelper ? (g(), C("div", {
+      r.displayHelper ? (g(), M("div", {
         key: 1,
         class: b(i(a).helperClasses)
       }, [
@@ -15762,28 +15779,28 @@ const K9 = (e) => ({
 }, O7 = (e, t) => {
   const { format: r, interval: n, fullWidth: s } = Me(e), a = H(!1), o = Ee(e, "modelValue", t), l = H(`time-picker-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), u = E(() => O("spr-max-h-[300px] spr-p-size-spacing-3xs spr-overflow-y-auto", {
     "spr-w-[240px]": !s.value
-  })), d = (M) => {
+  })), d = (C) => {
     var T;
-    const m = M.target;
+    const m = C.target;
     if (!m) return;
     const v = m.value.toUpperCase();
     (r.value === "12" ? /^[0-9:APM\s]*$/ : /^[0-9:]*$/).test(v) ? o.value = v : o.value = (T = o.value) == null ? void 0 : T.slice(0, -1);
   }, p = () => {
-    const M = [], m = le().startOf("day"), v = le().endOf("day");
+    const C = [], m = le().startOf("day"), v = le().endOf("day");
     let D = m;
     for (; D.isBefore(v) || D.isSame(v); )
-      M.push(c(D)), D = D.add(n.value, "minute");
-    return M;
-  }, c = (M) => {
-    let m = M.hour();
-    const v = M.minute().toString().padStart(2, "0");
+      C.push(c(D)), D = D.add(n.value, "minute");
+    return C;
+  }, c = (C) => {
+    let m = C.hour();
+    const v = C.minute().toString().padStart(2, "0");
     if (e.format === "12") {
       const D = m >= 12 ? "PM" : "AM";
       return m = m % 12 || 12, `${m.toString().padStart(2, "0")}:${v} ${D}`;
     }
     return `${m.toString().padStart(2, "0")}:${v}`;
-  }, h = E(() => p()), y = E(() => h.value), f = (M) => {
-    o.value = M;
+  }, h = E(() => p()), y = E(() => h.value), f = (C) => {
+    o.value = C;
   }, N = E(() => e.placeholder ? e.placeholder : r.value === "12" ? "HH : MM AM/PM" : "HH : MM");
   return {
     optionClasses: u,
@@ -15825,10 +15842,10 @@ const K9 = (e) => ({
         I("div", {
           class: b(i(s))
         }, [
-          i(o).length > 0 ? (g(), C("div", L7, [
-            (g(!0), C(X, null, de(i(o), (f) => {
-              var N, M;
-              return g(), C("div", {
+          i(o).length > 0 ? (g(), M("div", L7, [
+            (g(!0), M(X, null, de(i(o), (f) => {
+              var N, C;
+              return g(), M("div", {
                 key: f,
                 class: b([
                   "spr-body-xs-regular spr-flex spr-cursor-pointer spr-justify-between spr-rounded-border-radius-md spr-p-size-spacing-3xs",
@@ -15840,12 +15857,12 @@ const K9 = (e) => ({
                 onMousedown: ut((m) => i(d)(f), ["prevent"])
               }, [
                 Se(V(f) + " ", 1),
-                f.toUpperCase() === ((M = i(l)) == null ? void 0 : M.toUpperCase()) ? (g(), C("span", E7, [
+                f.toUpperCase() === ((C = i(l)) == null ? void 0 : C.toUpperCase()) ? (g(), M("span", E7, [
                   Y(i(K), { icon: "ph:check" })
                 ])) : w("", !0)
               ], 42, _7);
             }), 128))
-          ])) : (g(), C("div", k7, "No matching options found"))
+          ])) : (g(), M("div", k7, "No matching options found"))
         ], 2)
       ]),
       default: B(() => [
@@ -15933,7 +15950,7 @@ const K9 = (e) => ({
       placement: i(n)
     }, {
       popper: B(() => [
-        t.text ? (g(), C("span", B7, V(t.text), 1)) : w("", !0),
+        t.text ? (g(), M("span", B7, V(t.text), 1)) : w("", !0),
         te(s.$slots, "popper-content")
       ]),
       default: B(() => [