design-system-next 2.7.17 → 2.7.18

package/dist/design-system-next.js

@@ -1,4 +1,4 @@
-import { toRefs as Me, ref as Q, reactive as Z2, computed as k, nextTick as Qe, defineComponent as oe, createElementBlock as C, openBlock as g, normalizeClass as b, unref as i, renderSlot as te, createVNode as P, Transition as m2, withCtx as F, withDirectives as i2, createElementVNode as D, normalizeStyle as Ee, vShow as ut, h as ur, onUnmounted as Sn, watch as Ce, getCurrentScope as On, onScopeDispose as zn, onMounted as t2, getCurrentInstance as P0, isRef as ge, toValue as be, shallowRef as Ue, watchEffect as ua, mergeProps as He, Fragment as X, renderList as de, createBlock as J, createCommentVNode as j, toDisplayString as V, useSlots as b2, pushScopeId as ca, popScopeId as pa, normalizeProps as Y0, guardReactiveProps as U0, resolveComponent as ct, withScopeId as ga, withKeys as pt, onBeforeMount as fa, createTextVNode as je, withModifiers as gt, vModelText as et, toRef as p0, createSlots as s0, vModelRadio as ha, effectScope as Ln, markRaw as M2, toRaw as G2, hasInjectionContext as Ca, inject as Ma, isReactive as Et, Teleport as ya, TransitionGroup as ma, vModelCheckbox as va } from "vue";
+import { toRefs as Me, ref as Q, reactive as Z2, computed as k, nextTick as Qe, defineComponent as oe, createElementBlock as C, openBlock as g, normalizeClass as b, unref as i, renderSlot as re, createVNode as P, Transition as m2, withCtx as U, withDirectives as i2, createElementVNode as D, normalizeStyle as Ee, vShow as ut, h as ur, onUnmounted as Sn, watch as Ce, getCurrentScope as On, onScopeDispose as zn, onMounted as t2, getCurrentInstance as P0, isRef as ge, toValue as be, shallowRef as Ue, watchEffect as ua, mergeProps as He, Fragment as X, renderList as de, createBlock as J, createCommentVNode as j, toDisplayString as H, useSlots as b2, pushScopeId as ca, popScopeId as pa, normalizeProps as Y0, guardReactiveProps as U0, resolveComponent as ct, withScopeId as ga, withKeys as pt, onBeforeMount as fa, createTextVNode as je, withModifiers as gt, vModelText as et, toRef as p0, createSlots as s0, vModelRadio as ha, effectScope as Ln, markRaw as M2, toRaw as G2, hasInjectionContext as Ca, inject as Ma, isReactive as Et, Teleport as ya, TransitionGroup as ma, vModelCheckbox as va } from "vue";
 const Na = ["header", "button"], $a = {
   accordionItems: {
     type: Array,
@@ -91,7 +91,7 @@ const Na = ["header", "button"], $a = {
     return (c, h) => (g(), C("div", {
       class: b(i(s).container)
     }, [
-      te(c.$slots, "trigger", { toggleCollapsible: i(o) }),
+      re(c.$slots, "trigger", { toggleCollapsible: i(o) }),
       P(m2, {
         css: !1,
         onBeforeEnter: i(l),
@@ -99,11 +99,11 @@ const Na = ["header", "button"], $a = {
         onBeforeLeave: i(d),
         onLeave: i(p)
       }, {
-        default: F(() => [
+        default: U(() => [
           i2(D("div", {
             style: Ee(i(a))
           }, [
-            te(c.$slots, "default")
+            re(c.$slots, "default")
           ], 4), [
             [ut, c.modelValue]
           ])
@@ -1213,7 +1213,7 @@ if (typeof document < "u" && typeof window < "u") {
 const xo = {
   ...R0,
   body: ""
-}, H = oe({
+}, Z = oe({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1801,15 +1801,15 @@ function ti(e, t = {}) {
     var x, $, T, G;
     if (!d)
       return;
-    const re = be(e);
-    if (!re)
+    const ne = be(e);
+    if (!ne)
       return;
-    (T = re instanceof Document ? d.document.body : re) == null || T.scrollTo({
+    (T = ne instanceof Document ? d.document.body : ne) == null || T.scrollTo({
       top: (x = be(_)) != null ? x : f.value,
       left: ($ = be(I)) != null ? $ : y.value,
       behavior: be(u)
     });
-    const W = ((G = re == null ? void 0 : re.document) == null ? void 0 : G.documentElement) || (re == null ? void 0 : re.documentElement) || re;
+    const W = ((G = ne == null ? void 0 : ne.document) == null ? void 0 : G.documentElement) || (ne == null ? void 0 : ne.documentElement) || ne;
     y != null && (c.value = W.scrollLeft), f != null && (h.value = W.scrollTop);
   }
   const M = Ue(!1), m = Z2({
@@ -1828,14 +1828,14 @@ function ti(e, t = {}) {
     var _;
     if (!d)
       return;
-    const x = ((_ = I == null ? void 0 : I.document) == null ? void 0 : _.documentElement) || (I == null ? void 0 : I.documentElement) || ke(I), { display: $, flexDirection: T, direction: G } = getComputedStyle(x), re = G === "rtl" ? -1 : 1, W = x.scrollLeft;
+    const x = ((_ = I == null ? void 0 : I.document) == null ? void 0 : _.documentElement) || (I == null ? void 0 : I.documentElement) || ke(I), { display: $, flexDirection: T, direction: G } = getComputedStyle(x), ne = G === "rtl" ? -1 : 1, W = x.scrollLeft;
     v.left = W < c.value, v.right = W > c.value;
-    const L = Math.abs(W * re) <= (o.left || 0), Y = Math.abs(W * re) + x.clientWidth >= x.scrollWidth - (o.right || 0) - Dr;
-    $ === "flex" && T === "row-reverse" ? (m.left = Y, m.right = L) : (m.left = L, m.right = Y), c.value = W;
-    let B = x.scrollTop;
-    I === d.document && !B && (B = d.document.body.scrollTop), v.top = B < h.value, v.bottom = B > h.value;
-    const U = Math.abs(B) <= (o.top || 0), Z = Math.abs(B) + x.clientHeight >= x.scrollHeight - (o.bottom || 0) - Dr;
-    $ === "flex" && T === "column-reverse" ? (m.top = Z, m.bottom = U) : (m.top = U, m.bottom = Z), h.value = B;
+    const B = Math.abs(W * ne) <= (o.left || 0), L = Math.abs(W * ne) + x.clientWidth >= x.scrollWidth - (o.right || 0) - Dr;
+    $ === "flex" && T === "row-reverse" ? (m.left = L, m.right = B) : (m.left = B, m.right = L), c.value = W;
+    let F = x.scrollTop;
+    I === d.document && !F && (F = d.document.body.scrollTop), v.top = F < h.value, v.bottom = F > h.value;
+    const Y = Math.abs(F) <= (o.top || 0), V = Math.abs(F) + x.clientHeight >= x.scrollHeight - (o.bottom || 0) - Dr;
+    $ === "flex" && T === "column-reverse" ? (m.top = V, m.bottom = Y) : (m.top = Y, m.bottom = V), h.value = F;
   }, w = (I) => {
     var _;
     if (!d)
@@ -2123,7 +2123,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
       onClick: d[0] || (d[0] = //@ts-ignore
       (...p) => i(l) && i(l)(...p))
     }), [
-      te(u.$slots, "default")
+      re(u.$slots, "default")
     ], 16));
   }
 }), ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2165,8 +2165,8 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           onClick: (c) => t.accordionTrigger === "header" && i(n)(p)
         }, [
           D("div", di, [
-            D("span", ui, V(d.title), 1),
-            d.subtitle ? (g(), C("span", ci, V(d.subtitle), 1)) : j("", !0)
+            D("span", ui, H(d.title), 1),
+            d.subtitle ? (g(), C("span", ci, H(d.subtitle), 1)) : j("", !0)
           ]),
           t.accordionTrigger === "button" ? (g(), J(ve, {
             key: 0,
@@ -2176,15 +2176,15 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
             class: "!spr-h-7 !spr-w-7 !spr-p-0",
             onClick: (c) => i(n)(p)
           }, {
-            default: F(() => [
-              P(i(H), {
+            default: U(() => [
+              P(i(Z), {
                 icon: i(r)[p] ? "ph:caret-up" : "ph:caret-down",
                 width: "16",
                 height: "16"
               }, null, 8, ["icon"])
             ]),
             _: 2
-          }, 1032, ["onClick"])) : (g(), J(i(H), {
+          }, 1032, ["onClick"])) : (g(), J(i(Z), {
             key: 1,
             icon: i(r)[p] ? "ph:caret-up" : "ph:caret-down",
             width: "16",
@@ -2195,9 +2195,9 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           modelValue: i(r)[p],
           "onUpdate:modelValue": (c) => i(r)[p] = c
         }, {
-          default: F(() => [
+          default: U(() => [
             D("div", pi, [
-              te(l.$slots, d.collapseId)
+              re(l.$slots, d.collapseId)
             ])
           ]),
           _: 2
@@ -2406,7 +2406,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
   setup(e) {
     const t = e, { badgeClasses: r } = Ii(t);
     return (n, s) => (g(), C("div", Ai, [
-      te(n.$slots, "default"),
+      re(n.$slots, "default"),
       D("div", {
         class: b(i(r).baseClasses)
       }, [
@@ -2419,7 +2419,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
               i(r).variantClasses,
               i(r).sizeClasses
             ])
-          }, V(t.size === "tiny" ? "" : n.text), 3)
+          }, H(t.size === "tiny" ? "" : n.text), 3)
         ], 2)
       ], 2)
     ]));
@@ -2440,13 +2440,13 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           key: 0,
           class: b([i(r).imageClasses, "avatar__slot spr-border-color-weak spr-border spr-border-solid"])
         }, [
-          te(o.$slots, "default", {}, () => [
+          re(o.$slots, "default", {}, () => [
             o.src ? (g(), C("img", {
               key: 0,
               src: o.src,
               alt: o.alt,
               class: b(i(r).imageClasses)
-            }, null, 10, Ti)) : (g(), J(i(H), {
+            }, null, 10, Ti)) : (g(), J(i(Z), {
               key: 1,
               icon: i(s)
             }, null, 8, ["icon"]))
@@ -2454,7 +2454,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
         ], 2)) : (g(), C("div", {
           key: 1,
           class: b(i(r).nameInitialsClasses)
-        }, V(t.variant === "count" ? `+${o.count}` : i(a)), 3)),
+        }, H(t.variant === "count" ? `+${o.count}` : i(a)), 3)),
         o.notification ? (g(), C("span", {
           key: 2,
           class: b(i(r).notificationClasses)
@@ -2531,7 +2531,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
   props: zi,
   setup(e) {
     const t = e, { statusIcon: r, statusClass: n, statusDescription: s, statusSize: a } = Li(t);
-    return (o, l) => (g(), J(i(H), {
+    return (o, l) => (g(), J(i(Z), {
       icon: i(r),
       class: b([i(n), i(a)]),
       "aria-label": i(s)
@@ -2674,13 +2674,13 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
       onClick: h[0] || (h[0] = //@ts-ignore
       (...y) => i(p) && i(p)(...y))
     }, [
-      te(c.$slots, "default", {}, () => [
+      re(c.$slots, "default", {}, () => [
         i(u) ? (g(), J(es, {
           key: 0,
           state: r.state,
           size: "sm"
         }, null, 8, ["state"])) : j("", !0),
-        i(l) ? (g(), J(i(H), {
+        i(l) ? (g(), J(i(Z), {
           key: 1,
           icon: i(o)
         }, null, 8, ["icon"])) : j("", !0),
@@ -2688,15 +2688,15 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           r.title ? (g(), C("div", {
             key: 0,
             class: b(i(s).titleClasses)
-          }, V(r.title), 3)) : j("", !0),
+          }, H(r.title), 3)) : j("", !0),
           c.description ? (g(), C("div", {
             key: 1,
             class: b(i(s).descriptionClasses)
-          }, V(r.description), 3)) : j("", !0),
+          }, H(r.description), 3)) : j("", !0),
           i(a) ? (g(), C("div", {
             key: 2,
             class: b(i(s).getTypeLabelClassess)
-          }, V(i(a)), 3)) : j("", !0)
+          }, H(i(a)), 3)) : j("", !0)
         ])) : j("", !0)
       ])
     ], 2));
@@ -2880,7 +2880,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
         key: 0,
         for: d.id,
         class: b(i(a).labelClasses)
-      }, V(n.label), 11, Zi)) : j("", !0),
+      }, H(n.label), 11, Zi)) : j("", !0),
       D("div", {
         class: b(i(a).inputTextBaseClasses)
       }, [
@@ -2888,7 +2888,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           key: 0,
           class: b(i(a).prefixSlotClasses)
         }, [
-          te(d.$slots, "prefix", {}, void 0, !0)
+          re(d.$slots, "prefix", {}, void 0, !0)
         ], 2)) : j("", !0),
         D("input", He({
           ref_key: "inputTextRef",
@@ -2909,7 +2909,7 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           key: 1,
           class: b(i(a).trailingSlotClasses)
         }, [
-          te(d.$slots, "trailing", {}, void 0, !0)
+          re(d.$slots, "trailing", {}, void 0, !0)
         ], 2)) : j("", !0),
         d.$slots.icon ? (g(), C("div", {
           key: 2,
@@ -2917,21 +2917,21 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
           onClick: p[1] || (p[1] = //@ts-ignore
           (...c) => i(u) && i(u)(...c))
         }, [
-          te(d.$slots, "icon", {}, void 0, !0)
+          re(d.$slots, "icon", {}, void 0, !0)
         ], 2)) : j("", !0)
       ], 2),
       n.displayHelper ? (g(), C("div", {
         key: 1,
         class: b(i(a).helperClasses)
       }, [
-        te(d.$slots, "helperMessage", {}, () => [
-          n.helperIcon ? (g(), J(i(H), {
+        re(d.$slots, "helperMessage", {}, () => [
+          n.helperIcon ? (g(), J(i(Z), {
             key: 0,
             icon: n.helperIcon,
             width: "20px",
             height: "20px"
           }, null, 8, ["icon"])) : j("", !0),
-          D("span", null, V(n.helperText), 1)
+          D("span", null, H(n.helperText), 1)
         ], !0)
       ], 2)) : j("", !0)
     ], 2));
@@ -3047,30 +3047,30 @@ const O = /* @__PURE__ */ Q0(ni), si = (e, t) => {
         class: b(i(n).headerClasses)
       }, [
         t.title ? (g(), C("div", e1, [
-          t.headerIcon ? (g(), J(i(H), {
+          t.headerIcon ? (g(), J(i(Z), {
             key: 0,
             icon: t.headerIcon,
             class: "spr-me-size-spacing-3xs spr-h-6 spr-w-6 spr-text-kangkong-600"
           }, null, 8, ["icon"])) : j("", !0),
           D("div", t1, [
-            D("div", r1, V(t.title), 1),
-            t.subtitle ? (g(), C("div", n1, V(t.subtitle), 1)) : j("", !0)
+            D("div", r1, H(t.title), 1),
+            t.subtitle ? (g(), C("div", n1, H(t.subtitle), 1)) : j("", !0)
           ])
         ])) : j("", !0),
-        s.$slots.header ? te(s.$slots, "header", { key: 1 }) : j("", !0)
+        s.$slots.header ? re(s.$slots, "header", { key: 1 }) : j("", !0)
       ], 2)) : j("", !0),
       s.$slots.content ? (g(), C("div", {
         key: 1,
         class: b(i(n).contentPaddingSizeClasses)
       }, [
-        te(s.$slots, "content")
+        re(s.$slots, "content")
       ], 2)) : j("", !0),
-      te(s.$slots, "default"),
+      re(s.$slots, "default"),
       s.$slots.footer && s.$props.showFooter ? (g(), C("div", {
         key: 2,
         class: b(i(n).footerClasses)
       }, [
-        te(s.$slots, "footer")
+        re(s.$slots, "footer")
       ], 2)) : j("", !0)
     ], 2));
   }
@@ -3357,17 +3357,17 @@ const g1 = (e) => ({
     }, y = Vt(s), f = Qt(y), N = await o.getDimensions(d), M = y === "y", m = M ? "top" : "left", v = M ? "bottom" : "right", A = M ? "clientHeight" : "clientWidth", S = a.reference[f] + a.reference[y] - h[y] - a.floating[f], z = h[y] - a.reference[y], w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
     let I = w ? w[A] : 0;
     (!I || !await (o.isElement == null ? void 0 : o.isElement(w))) && (I = l.floating[A] || a.floating[f]);
-    const _ = S / 2 - z / 2, x = I / 2 - N[f] / 2 - 1, $ = K2(c[m], x), T = K2(c[v], x), G = $, re = I - N[f] - T, W = I / 2 - N[f] / 2 + _, L = mt(G, W, re), Y = !u.arrow && Be(s) != null && W !== L && a.reference[f] / 2 - (W < G ? $ : T) - N[f] / 2 < 0, B = Y ? W < G ? W - G : W - re : 0;
+    const _ = S / 2 - z / 2, x = I / 2 - N[f] / 2 - 1, $ = K2(c[m], x), T = K2(c[v], x), G = $, ne = I - N[f] - T, W = I / 2 - N[f] / 2 + _, B = mt(G, W, ne), L = !u.arrow && Be(s) != null && W !== B && a.reference[f] / 2 - (W < G ? $ : T) - N[f] / 2 < 0, F = L ? W < G ? W - G : W - ne : 0;
     return {
-      [y]: h[y] + B,
+      [y]: h[y] + F,
       data: {
-        [y]: L,
-        centerOffset: W - L - B,
-        ...Y && {
-          alignmentOffset: B
+        [y]: B,
+        centerOffset: W - B - F,
+        ...L && {
+          alignmentOffset: F
         }
       },
-      reset: Y
+      reset: L
     };
   }
 });
@@ -3420,7 +3420,7 @@ const h1 = function(e) {
         const T = Be($.placement);
         return [$.placement, T && p ? (
           // Check along the mainAxis and main crossAxis side.
-          $.overflows.slice(0, 2).reduce((G, re) => G + re, 0)
+          $.overflows.slice(0, 2).reduce((G, ne) => G + ne, 0)
         ) : (
           // Check only the mainAxis.
           $.overflows[0]
@@ -3471,54 +3471,54 @@ const h1 = function(e) {
       const I = [l, ...z], _ = await V0(t, M), x = [];
       let $ = ((n = a.flip) == null ? void 0 : n.overflows) || [];
       if (p && x.push(_[m]), c) {
-        const L = ns(s, o, S);
-        x.push(_[L[0]], _[L[1]]);
+        const B = ns(s, o, S);
+        x.push(_[B[0]], _[B[1]]);
       }
       if ($ = [...$, {
         placement: s,
         overflows: x
-      }], !x.every((L) => L <= 0)) {
+      }], !x.every((B) => B <= 0)) {
         var T, G;
-        const L = (((T = a.flip) == null ? void 0 : T.index) || 0) + 1, Y = I[L];
-        if (Y) {
-          var re;
-          const U = c === "alignment" ? v !== l2(Y) : !1, Z = ((re = $[0]) == null ? void 0 : re.overflows[0]) > 0;
-          if (!U || Z)
+        const B = (((T = a.flip) == null ? void 0 : T.index) || 0) + 1, L = I[B];
+        if (L) {
+          var ne;
+          const Y = c === "alignment" ? v !== l2(L) : !1, V = ((ne = $[0]) == null ? void 0 : ne.overflows[0]) > 0;
+          if (!Y || V)
             return {
               data: {
-                index: L,
+                index: B,
                 overflows: $
               },
               reset: {
-                placement: Y
+                placement: L
               }
             };
         }
-        let B = (G = $.filter((U) => U.overflows[0] <= 0).sort((U, Z) => U.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : G.placement;
-        if (!B)
+        let F = (G = $.filter((Y) => Y.overflows[0] <= 0).sort((Y, V) => Y.overflows[1] - V.overflows[1])[0]) == null ? void 0 : G.placement;
+        if (!F)
           switch (y) {
             case "bestFit": {
               var W;
-              const U = (W = $.filter((Z) => {
+              const Y = (W = $.filter((V) => {
                 if (w) {
-                  const se = l2(Z.placement);
-                  return se === v || // Create a bias to the `y` side axis due to horizontal
+                  const te = l2(V.placement);
+                  return te === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  se === "y";
+                  te === "y";
                 }
                 return !0;
-              }).map((Z) => [Z.placement, Z.overflows.filter((se) => se > 0).reduce((se, le) => se + le, 0)]).sort((Z, se) => Z[1] - se[1])[0]) == null ? void 0 : W[0];
-              U && (B = U);
+              }).map((V) => [V.placement, V.overflows.filter((te) => te > 0).reduce((te, ie) => te + ie, 0)]).sort((V, te) => V[1] - te[1])[0]) == null ? void 0 : W[0];
+              Y && (F = Y);
               break;
             }
             case "initialPlacement":
-              B = l;
+              F = l;
               break;
           }
-        if (s !== B)
+        if (s !== F)
           return {
             reset: {
-              placement: B
+              placement: F
             }
           };
       }
@@ -3655,8 +3655,8 @@ const y1 = function(e) {
       const v = N - p.top - p.bottom, A = f - p.left - p.right, S = K2(N - p[M], v), z = K2(f - p[m], A), w = !t.middlewareData.shift;
       let I = S, _ = z;
       if ((r = t.middlewareData.shift) != null && r.enabled.x && (_ = A), (n = t.middlewareData.shift) != null && n.enabled.y && (I = v), w && !h) {
-        const $ = h2(p.left, 0), T = h2(p.right, 0), G = h2(p.top, 0), re = h2(p.bottom, 0);
-        y ? _ = f - 2 * ($ !== 0 || T !== 0 ? $ + T : h2(p.left, p.right)) : I = N - 2 * (G !== 0 || re !== 0 ? G + re : h2(p.top, p.bottom));
+        const $ = h2(p.left, 0), T = h2(p.right, 0), G = h2(p.top, 0), ne = h2(p.bottom, 0);
+        y ? _ = f - 2 * ($ !== 0 || T !== 0 ? $ + T : h2(p.left, p.right)) : I = N - 2 * (G !== 0 || ne !== 0 ? G + ne : h2(p.top, p.bottom));
       }
       await u({
         ...t,
@@ -4674,7 +4674,7 @@ function S1(e, t, r, n, s, a) {
       "v-popper--shown": e.slotData.isShown
     }])
   }, [
-    te(e.$slots, "default", Y0(U0(e.slotData)))
+    re(e.$slots, "default", Y0(U0(e.slotData)))
   ], 2);
 }
 const O1 = /* @__PURE__ */ Zt(j1, [["render", S1]]);
@@ -4835,7 +4835,7 @@ function B1(e, t, r, n, s, a) {
       D("div", Y1, [
         e.mounted ? (g(), C(X, { key: 0 }, [
           D("div", null, [
-            te(e.$slots, "default")
+            re(e.$slots, "default")
           ]),
           e.handleResize ? (g(), J(o, {
             key: 0,
@@ -5088,7 +5088,7 @@ function V1(e, t, r, n, s, a) {
     onAutoHide: t[7] || (t[7] = () => e.$emit("auto-hide")),
     onResize: t[8] || (t[8] = () => e.$emit("resize"))
   }), {
-    default: F(({
+    default: U(({
       popperId: u,
       isShown: d,
       shouldMountContent: p,
@@ -5101,7 +5101,7 @@ function V1(e, t, r, n, s, a) {
       classes: m,
       result: v
     }) => [
-      te(e.$slots, "default", {
+      re(e.$slots, "default", {
         shown: d,
         show: y,
         hide: f
@@ -5120,8 +5120,8 @@ function V1(e, t, r, n, s, a) {
         onHide: f,
         onResize: M
       }, {
-        default: F(() => [
-          te(e.$slots, "popper", {
+        default: U(() => [
+          re(e.$slots, "popper", {
             shown: d,
             hide: f
           })
@@ -5327,8 +5327,8 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
     $.length > 0 ? c.value = S($) : T.length > 0 ? c.value = T : c.value = [];
   }, S = (x) => x.reduce(($, T) => {
     if (T.sublevel) {
-      const G = T.sublevel.map((re) => ({
-        ...re,
+      const G = T.sublevel.map((ne) => ({
+        ...ne,
         //text and value of a sublevel item
         subtext: T.text,
         // text of parent of a sublevel item
@@ -5363,7 +5363,7 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
     let $ = c.value;
     return x.forEach((T) => {
       var G;
-      $ = ((G = $.find((re) => T === re.value)) == null ? void 0 : G.sublevel) ?? [];
+      $ = ((G = $.find((ne) => T === ne.value)) == null ? void 0 : G.sublevel) ?? [];
     }), !($.length > 0);
   };
   return t2(() => {
@@ -5578,18 +5578,18 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
         D("span", {
           class: b(i(s).inputCheckboxCheckIconClasses)
         }, [
-          P(i(H), { icon: i(o) }, null, 8, ["icon"])
+          P(i(Z), { icon: i(o) }, null, 8, ["icon"])
         ], 2)
       ]),
       r.label || r.description ? (g(), C("div", dl, [
         r.label ? (g(), C("span", {
           key: 0,
           class: b(i(s).labelClasses)
-        }, V(r.label), 3)) : j("", !0),
+        }, H(r.label), 3)) : j("", !0),
         r.description ? (g(), C("span", {
           key: 1,
           class: b(i(s).descriptionClasses)
-        }, V(r.description), 3)) : j("", !0)
+        }, H(r.description), 3)) : j("", !0)
       ])) : j("", !0)
     ], 2));
   }
@@ -5624,7 +5624,7 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
           class: "spr-grid spr-gap-0.5"
         }, [
           c.groupLabel !== "no-group" ? (g(), C("div", gl, [
-            D("span", null, V(c.groupLabel), 1)
+            D("span", null, H(c.groupLabel), 1)
           ])) : j("", !0),
           (g(!0), C(X, null, de(c.items, (y, f) => {
             var N;
@@ -5638,14 +5638,14 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
                 checked: i(o)(y)
               }, null, 8, ["checked"])) : j("", !0),
               D("div", hl, [
-                D("span", Cl, V(y.text), 1),
-                y.subtext ? (g(), C("span", Ml, V(y.subtext), 1)) : j("", !0)
+                D("span", Cl, H(y.text), 1),
+                y.subtext ? (g(), C("span", Ml, H(y.subtext), 1)) : j("", !0)
               ]),
-              i(o)(y) && !r.multiSelect ? (g(), J(i(H), {
+              i(o)(y) && !r.multiSelect ? (g(), J(i(Z), {
                 key: 1,
                 class: "spr-text-color-brand-base spr-w-[1.39em]",
                 icon: "ph:check"
-              })) : r.ladderized && y.sublevel && ((N = y.sublevel) == null ? void 0 : N.length) > 0 ? (g(), J(i(H), {
+              })) : r.ladderized && y.sublevel && ((N = y.sublevel) == null ? void 0 : N.length) > 0 ? (g(), J(i(Z), {
                 key: 2,
                 class: "spr-text-color-weak spr-size-4",
                 icon: "ph:caret-right"
@@ -5665,14 +5665,14 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
             checked: i(o)(c)
           }, null, 8, ["checked"])) : j("", !0),
           D("div", ml, [
-            D("span", vl, V(c.text), 1),
-            c.subtext ? (g(), C("span", Nl, V(c.subtext), 1)) : j("", !0)
+            D("span", vl, H(c.text), 1),
+            c.subtext ? (g(), C("span", Nl, H(c.subtext), 1)) : j("", !0)
           ]),
-          i(o)(c) && !r.multiSelect ? (g(), J(i(H), {
+          i(o)(c) && !r.multiSelect ? (g(), J(i(Z), {
             key: 1,
             class: "spr-text-color-brand-base spr-w-[1.39em]",
             icon: "ph:check"
-          })) : r.ladderized && c.sublevel && ((y = c.sublevel) == null ? void 0 : y.length) > 0 ? (g(), J(i(H), {
+          })) : r.ladderized && c.sublevel && ((y = c.sublevel) == null ? void 0 : y.length) > 0 ? (g(), J(i(Z), {
             key: 2,
             class: "spr-text-color-weak spr-size-4",
             icon: "ph:caret-right"
@@ -5777,11 +5777,11 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
       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
     }, [
-      P(i(H), {
+      P(i(Z), {
         icon: "ph:arrow-left",
         class: "spr-size-4"
       }),
-      D("span", null, V(r.label), 1)
+      D("span", null, H(r.label), 1)
     ]));
   }
 }), Al = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -5798,7 +5798,7 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
         name: i(d),
         mode: "out-in"
       }, {
-        default: F(() => [
+        default: U(() => [
           i(s) % 2 === 0 ? (g(), C("div", wl, [
             i(s) > 0 ? (g(), J(It, {
               key: 0,
@@ -5879,7 +5879,7 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
         width: r.width
       })
     }, {
-      popper: F(() => [
+      popper: U(() => [
         D("div", {
           ref_key: "dropdownRef",
           ref: a,
@@ -5916,11 +5916,11 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
           ])))
         ], 2)
       ]),
-      default: F(() => [
+      default: U(() => [
         D("div", {
           onClick: N[0] || (N[0] = (M) => s.value = !0)
         }, [
-          te(f.$slots, "default")
+          re(f.$slots, "default")
         ]),
         D("div", {
           id: r.id,
@@ -6034,10 +6034,10 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
           class: b(i(r).toneClasses)
         }, [
           n.$slots.icon ? (g(), C("div", Yl, [
-            te(n.$slots, "icon")
+            re(n.$slots, "icon")
           ])) : j("", !0),
           n.$slots.avatar ? (g(), C("div", Ul, [
-            te(n.$slots, "avatar")
+            re(n.$slots, "avatar")
           ])) : j("", !0),
           n.url && !n.$slots.avatar ? (g(), C("div", Fl, [
             D("img", {
@@ -6046,7 +6046,7 @@ const _e = H1, Y2 = Z1, G1 = ["A-Z", "Z-A"], W1 = [
               alt: "avatar"
             }, null, 8, Rl)
           ])) : j("", !0),
-          D("div", null, V(n.label), 1)
+          D("div", null, H(n.label), 1)
         ], 2)
       ], 2)) : j("", !0)
     ]));
@@ -6107,18 +6107,18 @@ function Zl() {
       e.exports = n();
     })(Hl, 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(W) {
-        var L = ["th", "st", "nd", "rd"], Y = W % 100;
-        return "[" + W + (L[(Y - 20) % 10] || L[Y] || L[0]) + "]";
-      } }, A = function(W, L, Y) {
-        var B = String(W);
-        return !B || B.length >= L ? W : "" + Array(L + 1 - B.length).join(Y) + W;
+        var B = ["th", "st", "nd", "rd"], L = W % 100;
+        return "[" + W + (B[(L - 20) % 10] || B[L] || B[0]) + "]";
+      } }, A = function(W, B, L) {
+        var F = String(W);
+        return !F || F.length >= B ? W : "" + Array(B + 1 - F.length).join(L) + W;
       }, S = { s: A, z: function(W) {
-        var L = -W.utcOffset(), Y = Math.abs(L), B = Math.floor(Y / 60), U = Y % 60;
-        return (L <= 0 ? "+" : "-") + A(B, 2, "0") + ":" + A(U, 2, "0");
-      }, m: function W(L, Y) {
-        if (L.date() < Y.date()) return -W(Y, L);
-        var B = 12 * (Y.year() - L.year()) + (Y.month() - L.month()), U = L.clone().add(B, c), Z = Y - U < 0, se = L.clone().add(B + (Z ? -1 : 1), c);
-        return +(-(B + (Y - U) / (Z ? U - se : se - U)) || 0);
+        var B = -W.utcOffset(), L = Math.abs(B), F = Math.floor(L / 60), Y = L % 60;
+        return (B <= 0 ? "+" : "-") + A(F, 2, "0") + ":" + A(Y, 2, "0");
+      }, m: function W(B, L) {
+        if (B.date() < L.date()) return -W(L, B);
+        var F = 12 * (L.year() - B.year()) + (L.month() - B.month()), Y = B.clone().add(F, c), V = L - Y < 0, te = B.clone().add(F + (V ? -1 : 1), c);
+        return +(-(F + (L - Y) / (V ? Y - te : te - Y)) || 0);
       }, a: function(W) {
         return W < 0 ? Math.ceil(W) || 0 : Math.floor(W);
       }, p: function(W) {
@@ -6129,82 +6129,82 @@ function Zl() {
       w[z] = v;
       var I = "$isDayjsObject", _ = function(W) {
         return W instanceof G || !(!W || !W[I]);
-      }, x = function W(L, Y, B) {
-        var U;
-        if (!L) return z;
-        if (typeof L == "string") {
-          var Z = L.toLowerCase();
-          w[Z] && (U = Z), Y && (w[Z] = Y, U = Z);
-          var se = L.split("-");
-          if (!U && se.length > 1) return W(se[0]);
+      }, x = function W(B, L, F) {
+        var Y;
+        if (!B) return z;
+        if (typeof B == "string") {
+          var V = B.toLowerCase();
+          w[V] && (Y = V), L && (w[V] = L, Y = V);
+          var te = B.split("-");
+          if (!Y && te.length > 1) return W(te[0]);
         } else {
-          var le = L.name;
-          w[le] = L, U = le;
+          var ie = B.name;
+          w[ie] = B, Y = ie;
         }
-        return !B && U && (z = U), U || !B && z;
-      }, $ = function(W, L) {
+        return !F && Y && (z = Y), Y || !F && z;
+      }, $ = function(W, B) {
         if (_(W)) return W.clone();
-        var Y = typeof L == "object" ? L : {};
-        return Y.date = W, Y.args = arguments, new G(Y);
+        var L = typeof B == "object" ? B : {};
+        return L.date = W, L.args = arguments, new G(L);
       }, T = S;
-      T.l = x, T.i = _, T.w = function(W, L) {
-        return $(W, { locale: L.$L, utc: L.$u, x: L.$x, $offset: L.$offset });
+      T.l = x, T.i = _, T.w = function(W, B) {
+        return $(W, { locale: B.$L, utc: B.$u, x: B.$x, $offset: B.$offset });
       };
       var G = function() {
-        function W(Y) {
-          this.$L = x(Y.locale, null, !0), this.parse(Y), this.$x = this.$x || Y.x || {}, this[I] = !0;
+        function W(L) {
+          this.$L = x(L.locale, null, !0), this.parse(L), this.$x = this.$x || L.x || {}, this[I] = !0;
         }
-        var L = W.prototype;
-        return L.parse = function(Y) {
-          this.$d = function(B) {
-            var U = B.date, Z = B.utc;
-            if (U === null) return /* @__PURE__ */ new Date(NaN);
-            if (T.u(U)) return /* @__PURE__ */ new Date();
-            if (U instanceof Date) return new Date(U);
-            if (typeof U == "string" && !/Z$/i.test(U)) {
-              var se = U.match(M);
-              if (se) {
-                var le = se[2] - 1 || 0, he = (se[7] || "0").substring(0, 3);
-                return Z ? new Date(Date.UTC(se[1], le, se[3] || 1, se[4] || 0, se[5] || 0, se[6] || 0, he)) : new Date(se[1], le, se[3] || 1, se[4] || 0, se[5] || 0, se[6] || 0, he);
+        var B = W.prototype;
+        return B.parse = function(L) {
+          this.$d = function(F) {
+            var Y = F.date, V = F.utc;
+            if (Y === null) return /* @__PURE__ */ new Date(NaN);
+            if (T.u(Y)) return /* @__PURE__ */ new Date();
+            if (Y instanceof Date) return new Date(Y);
+            if (typeof Y == "string" && !/Z$/i.test(Y)) {
+              var te = Y.match(M);
+              if (te) {
+                var ie = te[2] - 1 || 0, he = (te[7] || "0").substring(0, 3);
+                return V ? new Date(Date.UTC(te[1], ie, te[3] || 1, te[4] || 0, te[5] || 0, te[6] || 0, he)) : new Date(te[1], ie, te[3] || 1, te[4] || 0, te[5] || 0, te[6] || 0, he);
               }
             }
-            return new Date(U);
-          }(Y), this.init();
-        }, L.init = function() {
-          var Y = this.$d;
-          this.$y = Y.getFullYear(), this.$M = Y.getMonth(), this.$D = Y.getDate(), this.$W = Y.getDay(), this.$H = Y.getHours(), this.$m = Y.getMinutes(), this.$s = Y.getSeconds(), this.$ms = Y.getMilliseconds();
-        }, L.$utils = function() {
+            return new Date(Y);
+          }(L), this.init();
+        }, B.init = function() {
+          var L = this.$d;
+          this.$y = L.getFullYear(), this.$M = L.getMonth(), this.$D = L.getDate(), this.$W = L.getDay(), this.$H = L.getHours(), this.$m = L.getMinutes(), this.$s = L.getSeconds(), this.$ms = L.getMilliseconds();
+        }, B.$utils = function() {
           return T;
-        }, L.isValid = function() {
+        }, B.isValid = function() {
           return this.$d.toString() !== N;
-        }, L.isSame = function(Y, B) {
-          var U = $(Y);
-          return this.startOf(B) <= U && U <= this.endOf(B);
-        }, L.isAfter = function(Y, B) {
-          return $(Y) < this.startOf(B);
-        }, L.isBefore = function(Y, B) {
-          return this.endOf(B) < $(Y);
-        }, L.$g = function(Y, B, U) {
-          return T.u(Y) ? this[B] : this.set(U, Y);
-        }, L.unix = function() {
+        }, B.isSame = function(L, F) {
+          var Y = $(L);
+          return this.startOf(F) <= Y && Y <= this.endOf(F);
+        }, B.isAfter = function(L, F) {
+          return $(L) < this.startOf(F);
+        }, B.isBefore = function(L, F) {
+          return this.endOf(F) < $(L);
+        }, B.$g = function(L, F, Y) {
+          return T.u(L) ? this[F] : this.set(Y, L);
+        }, B.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
-        }, L.valueOf = function() {
+        }, B.valueOf = function() {
           return this.$d.getTime();
-        }, L.startOf = function(Y, B) {
-          var U = this, Z = !!T.u(B) || B, se = T.p(Y), le = function(Ne, ae) {
-            var R = T.w(U.$u ? Date.UTC(U.$y, ae, Ne) : new Date(U.$y, ae, Ne), U);
-            return Z ? R : R.endOf(d);
+        }, B.startOf = function(L, F) {
+          var Y = this, V = !!T.u(F) || F, te = T.p(L), ie = function(Ne, ae) {
+            var R = T.w(Y.$u ? Date.UTC(Y.$y, ae, Ne) : new Date(Y.$y, ae, Ne), Y);
+            return V ? R : R.endOf(d);
           }, he = function(Ne, ae) {
-            return T.w(U.toDate()[Ne].apply(U.toDate("s"), (Z ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ae)), U);
-          }, ee = this.$W, ne = this.$M, ue = this.$D, ye = "set" + (this.$u ? "UTC" : "");
-          switch (se) {
+            return T.w(Y.toDate()[Ne].apply(Y.toDate("s"), (V ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(ae)), Y);
+          }, ee = this.$W, se = this.$M, ue = this.$D, ye = "set" + (this.$u ? "UTC" : "");
+          switch (te) {
             case y:
-              return Z ? le(1, 0) : le(31, 11);
+              return V ? ie(1, 0) : ie(31, 11);
             case c:
-              return Z ? le(1, ne) : le(0, ne + 1);
+              return V ? ie(1, se) : ie(0, se + 1);
             case p:
               var fe = this.$locale().weekStart || 0, De = (ee < fe ? ee + 7 : ee) - fe;
-              return le(Z ? ue - De : ue + (6 - De), ne);
+              return ie(V ? ue - De : ue + (6 - De), se);
             case d:
             case f:
               return he(ye + "Hours", 0);
@@ -6217,161 +6217,161 @@ function Zl() {
             default:
               return this.clone();
           }
-        }, L.endOf = function(Y) {
-          return this.startOf(Y, !1);
-        }, L.$set = function(Y, B) {
-          var U, Z = T.p(Y), se = "set" + (this.$u ? "UTC" : ""), le = (U = {}, U[d] = se + "Date", U[f] = se + "Date", U[c] = se + "Month", U[y] = se + "FullYear", U[u] = se + "Hours", U[l] = se + "Minutes", U[o] = se + "Seconds", U[a] = se + "Milliseconds", U)[Z], he = Z === d ? this.$D + (B - this.$W) : B;
-          if (Z === c || Z === y) {
+        }, B.endOf = function(L) {
+          return this.startOf(L, !1);
+        }, B.$set = function(L, F) {
+          var Y, V = T.p(L), te = "set" + (this.$u ? "UTC" : ""), ie = (Y = {}, Y[d] = te + "Date", Y[f] = te + "Date", Y[c] = te + "Month", Y[y] = te + "FullYear", Y[u] = te + "Hours", Y[l] = te + "Minutes", Y[o] = te + "Seconds", Y[a] = te + "Milliseconds", Y)[V], he = V === d ? this.$D + (F - this.$W) : F;
+          if (V === c || V === y) {
             var ee = this.clone().set(f, 1);
-            ee.$d[le](he), ee.init(), this.$d = ee.set(f, Math.min(this.$D, ee.daysInMonth())).$d;
-          } else le && this.$d[le](he);
+            ee.$d[ie](he), ee.init(), this.$d = ee.set(f, Math.min(this.$D, ee.daysInMonth())).$d;
+          } else ie && this.$d[ie](he);
           return this.init(), this;
-        }, L.set = function(Y, B) {
-          return this.clone().$set(Y, B);
-        }, L.get = function(Y) {
-          return this[T.p(Y)]();
-        }, L.add = function(Y, B) {
-          var U, Z = this;
-          Y = Number(Y);
-          var se = T.p(B), le = function(ne) {
-            var ue = $(Z);
-            return T.w(ue.date(ue.date() + Math.round(ne * Y)), Z);
+        }, B.set = function(L, F) {
+          return this.clone().$set(L, F);
+        }, B.get = function(L) {
+          return this[T.p(L)]();
+        }, B.add = function(L, F) {
+          var Y, V = this;
+          L = Number(L);
+          var te = T.p(F), ie = function(se) {
+            var ue = $(V);
+            return T.w(ue.date(ue.date() + Math.round(se * L)), V);
           };
-          if (se === c) return this.set(c, this.$M + Y);
-          if (se === y) return this.set(y, this.$y + Y);
-          if (se === d) return le(1);
-          if (se === p) return le(7);
-          var he = (U = {}, U[l] = n, U[u] = s, U[o] = r, U)[se] || 1, ee = this.$d.getTime() + Y * he;
+          if (te === c) return this.set(c, this.$M + L);
+          if (te === y) return this.set(y, this.$y + L);
+          if (te === d) return ie(1);
+          if (te === p) return ie(7);
+          var he = (Y = {}, Y[l] = n, Y[u] = s, Y[o] = r, Y)[te] || 1, ee = this.$d.getTime() + L * he;
           return T.w(ee, this);
-        }, L.subtract = function(Y, B) {
-          return this.add(-1 * Y, B);
-        }, L.format = function(Y) {
-          var B = this, U = this.$locale();
-          if (!this.isValid()) return U.invalidDate || N;
-          var Z = Y || "YYYY-MM-DDTHH:mm:ssZ", se = T.z(this), le = this.$H, he = this.$m, ee = this.$M, ne = U.weekdays, ue = U.months, ye = U.meridiem, fe = function(ae, R, Le, Je) {
-            return ae && (ae[R] || ae(B, Z)) || Le[R].slice(0, Je);
+        }, B.subtract = function(L, F) {
+          return this.add(-1 * L, F);
+        }, B.format = function(L) {
+          var F = this, Y = this.$locale();
+          if (!this.isValid()) return Y.invalidDate || N;
+          var V = L || "YYYY-MM-DDTHH:mm:ssZ", te = T.z(this), ie = this.$H, he = this.$m, ee = this.$M, se = Y.weekdays, ue = Y.months, ye = Y.meridiem, fe = function(ae, R, Le, Je) {
+            return ae && (ae[R] || ae(F, V)) || Le[R].slice(0, Je);
           }, De = function(ae) {
-            return T.s(le % 12 || 12, ae, "0");
+            return T.s(ie % 12 || 12, ae, "0");
           }, Ne = ye || function(ae, R, Le) {
             var Je = ae < 12 ? "AM" : "PM";
             return Le ? Je.toLowerCase() : Je;
           };
-          return Z.replace(m, function(ae, R) {
+          return V.replace(m, function(ae, R) {
             return R || function(Le) {
               switch (Le) {
                 case "YY":
-                  return String(B.$y).slice(-2);
+                  return String(F.$y).slice(-2);
                 case "YYYY":
-                  return T.s(B.$y, 4, "0");
+                  return T.s(F.$y, 4, "0");
                 case "M":
                   return ee + 1;
                 case "MM":
                   return T.s(ee + 1, 2, "0");
                 case "MMM":
-                  return fe(U.monthsShort, ee, ue, 3);
+                  return fe(Y.monthsShort, ee, ue, 3);
                 case "MMMM":
                   return fe(ue, ee);
                 case "D":
-                  return B.$D;
+                  return F.$D;
                 case "DD":
-                  return T.s(B.$D, 2, "0");
+                  return T.s(F.$D, 2, "0");
                 case "d":
-                  return String(B.$W);
+                  return String(F.$W);
                 case "dd":
-                  return fe(U.weekdaysMin, B.$W, ne, 2);
+                  return fe(Y.weekdaysMin, F.$W, se, 2);
                 case "ddd":
-                  return fe(U.weekdaysShort, B.$W, ne, 3);
+                  return fe(Y.weekdaysShort, F.$W, se, 3);
                 case "dddd":
-                  return ne[B.$W];
+                  return se[F.$W];
                 case "H":
-                  return String(le);
+                  return String(ie);
                 case "HH":
-                  return T.s(le, 2, "0");
+                  return T.s(ie, 2, "0");
                 case "h":
                   return De(1);
                 case "hh":
                   return De(2);
                 case "a":
-                  return Ne(le, he, !0);
+                  return Ne(ie, he, !0);
                 case "A":
-                  return Ne(le, he, !1);
+                  return Ne(ie, he, !1);
                 case "m":
                   return String(he);
                 case "mm":
                   return T.s(he, 2, "0");
                 case "s":
-                  return String(B.$s);
+                  return String(F.$s);
                 case "ss":
-                  return T.s(B.$s, 2, "0");
+                  return T.s(F.$s, 2, "0");
                 case "SSS":
-                  return T.s(B.$ms, 3, "0");
+                  return T.s(F.$ms, 3, "0");
                 case "Z":
-                  return se;
+                  return te;
               }
               return null;
-            }(ae) || se.replace(":", "");
+            }(ae) || te.replace(":", "");
           });
-        }, L.utcOffset = function() {
+        }, B.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, L.diff = function(Y, B, U) {
-          var Z, se = this, le = T.p(B), he = $(Y), ee = (he.utcOffset() - this.utcOffset()) * n, ne = this - he, ue = function() {
-            return T.m(se, he);
+        }, B.diff = function(L, F, Y) {
+          var V, te = this, ie = T.p(F), he = $(L), ee = (he.utcOffset() - this.utcOffset()) * n, se = this - he, ue = function() {
+            return T.m(te, he);
           };
-          switch (le) {
+          switch (ie) {
             case y:
-              Z = ue() / 12;
+              V = ue() / 12;
               break;
             case c:
-              Z = ue();
+              V = ue();
               break;
             case h:
-              Z = ue() / 3;
+              V = ue() / 3;
               break;
             case p:
-              Z = (ne - ee) / 6048e5;
+              V = (se - ee) / 6048e5;
               break;
             case d:
-              Z = (ne - ee) / 864e5;
+              V = (se - ee) / 864e5;
               break;
             case u:
-              Z = ne / s;
+              V = se / s;
               break;
             case l:
-              Z = ne / n;
+              V = se / n;
               break;
             case o:
-              Z = ne / r;
+              V = se / r;
               break;
             default:
-              Z = ne;
+              V = se;
           }
-          return U ? Z : T.a(Z);
-        }, L.daysInMonth = function() {
+          return Y ? V : T.a(V);
+        }, B.daysInMonth = function() {
           return this.endOf(c).$D;
-        }, L.$locale = function() {
+        }, B.$locale = function() {
           return w[this.$L];
-        }, L.locale = function(Y, B) {
-          if (!Y) return this.$L;
-          var U = this.clone(), Z = x(Y, B, !0);
-          return Z && (U.$L = Z), U;
-        }, L.clone = function() {
+        }, B.locale = function(L, F) {
+          if (!L) return this.$L;
+          var Y = this.clone(), V = x(L, F, !0);
+          return V && (Y.$L = V), Y;
+        }, B.clone = function() {
           return T.w(this.$d, this);
-        }, L.toDate = function() {
+        }, B.toDate = function() {
           return new Date(this.valueOf());
-        }, L.toJSON = function() {
+        }, B.toJSON = function() {
           return this.isValid() ? this.toISOString() : null;
-        }, L.toISOString = function() {
+        }, B.toISOString = function() {
           return this.$d.toISOString();
-        }, L.toString = function() {
+        }, B.toString = function() {
           return this.$d.toUTCString();
         }, W;
-      }(), re = G.prototype;
-      return $.prototype = re, [["$ms", a], ["$s", o], ["$m", l], ["$H", u], ["$W", d], ["$M", c], ["$y", y], ["$D", f]].forEach(function(W) {
-        re[W[1]] = function(L) {
-          return this.$g(L, W[0], W[1]);
+      }(), ne = G.prototype;
+      return $.prototype = ne, [["$ms", a], ["$s", o], ["$m", l], ["$H", u], ["$W", d], ["$M", c], ["$y", y], ["$D", f]].forEach(function(W) {
+        ne[W[1]] = function(B) {
+          return this.$g(B, W[0], W[1]);
         };
-      }), $.extend = function(W, L) {
-        return W.$i || (W(L, G, $), W.$i = !0), $;
+      }), $.extend = function(W, B) {
+        return W.$i || (W(B, G, $), W.$i = !0), $;
       }, $.locale = x, $.isDayjs = _, $.unix = function(W) {
         return $(1e3 * W);
       }, $.en = w[z], $.Ls = w, $.p = {}, $;
@@ -6379,13 +6379,13 @@ function Zl() {
   }(y0)), y0.exports;
 }
 var Gl = Zl();
-const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
+const le = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
   const { initialDate: r, companyOptions: n, departmentOptions: s, branchOptions: a } = Me(e), o = {
     dateFormat: Q("YYYY-MM-DD"),
     companyDropDown: Q([]),
     departmentDropDown: Q([]),
     branchDropDown: Q([]),
-    currentDate: Q(ie(r.value)),
+    currentDate: Q(le(r.value)),
     searchTerm: Q(""),
     selectedCompany: Q(""),
     selectedDepartment: Q(""),
@@ -6396,12 +6396,12 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
   }, l = Ie(e, "search", t), u = Ie(e, "selectedCell", t), d = Ie(e, "selectedCompany", t), p = Ie(e, "selectedDepartment", t), c = Ie(e, "selectedBranch", t), h = k(() => o.currentDate.value.startOf("week")), y = k(() => Array.from({ length: 7 }).map((x, $) => h.value.add($, "day"))), f = k(() => {
     const x = h.value, $ = h.value.add(6, "day"), T = "MMM YYYY";
     return x.format("YYYY") !== $.format("YYYY") ? `${x.format(T)} - ${$.format(T)}` : x.format("MMM") !== $.format("MMM") ? `${x.format("MMM")} - ${$.format(T)}` : `${x.format(T)}`;
-  }), N = (x, $) => x.format($), M = (x) => x.isSame(ie(), "day"), m = () => {
+  }), N = (x, $) => x.format($), M = (x) => x.isSame(le(), "day"), m = () => {
     o.currentDate.value = o.currentDate.value.subtract(1, "week");
   }, v = () => {
     o.currentDate.value = o.currentDate.value.add(1, "week");
   }, A = () => {
-    o.currentDate.value = ie();
+    o.currentDate.value = le();
   }, S = (x) => {
     u.value = x;
   }, z = (x, $, T) => {
@@ -6426,11 +6426,11 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
   const _ = k(() => {
     const x = O(" spr-border spr-border-color-weak spr-border-solid"), $ = O(
       "spr-bg-color-weak spr-flex spr-w-full spr-items-center spr-justify-between spr-border-x-0 spr-border-b spr-border-t-0 spr-p-size-spacing-sm"
-    ), T = O("spr-divide-color-weak spr-divide-x-0 spr-divide-y spr-divide-solid"), G = O("spr-grid spr-grid-cols-4 spr-gap-size-spacing-2xs spr-p-size-spacing-xs"), re = O(
+    ), T = O("spr-divide-color-weak spr-divide-x-0 spr-divide-y spr-divide-solid"), G = O("spr-grid spr-grid-cols-4 spr-gap-size-spacing-2xs spr-p-size-spacing-xs"), ne = O(
       "spr-table spr-w-full spr-table-fixed spr-border-collapse spr-border-spacing-0 spr-overflow-hidden spr-rounded-border"
     ), W = O(
       "spr-body-xs-regular-medium spr-border-x spr-border-y spr-p-size-spacing-xs spr-text-left first:spr-border-l-0"
-    ), L = O("spr-border-x-0 spr-border-y spr-border-l spr-p-size-spacing-sm spr-text-center"), Y = O("spr-flex spr-w-full spr-items-center  spr-gap-size-spacing-3xs"), B = O(
+    ), B = O("spr-border-x-0 spr-border-y spr-border-l spr-p-size-spacing-sm spr-text-center"), L = O("spr-flex spr-w-full spr-items-center  spr-gap-size-spacing-3xs"), F = O(
       "spr-font-size-400 spr-line-height-500 spr-letter-spacing-dense spr-flex spr-h-size-spacing-md spr-w-size-spacing-md spr-items-center spr-justify-center spr-rounded-full spr-font-main spr-font-normal"
     );
     return {
@@ -6438,11 +6438,11 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
       headerWrapper: $,
       contentWrapper: T,
       calendarFilter: G,
-      calendarTable: re,
+      calendarTable: ne,
       tableHeaderEmployeeName: W,
-      tableHeader: L,
-      headerContent: Y,
-      headerDate: B
+      tableHeader: B,
+      headerContent: L,
+      headerDate: F
     };
   });
   return {
@@ -6493,7 +6493,7 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
       handleFilter: I
     } = Wl(r, n);
     return (_, x) => (g(), J(ts, { "has-content-padding": !1 }, {
-      header: F(() => [
+      header: U(() => [
         D("div", {
           class: b([i(p).borderClasses, i(p).headerWrapper])
         }, [
@@ -6504,8 +6504,8 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 "has-icon": "",
                 onClick: i(m)
               }, {
-                default: F(() => [
-                  P(i(H), {
+                default: U(() => [
+                  P(i(Z), {
                     icon: "ph:caret-left-fill",
                     class: "spr-text-color-success-base"
                   })
@@ -6517,8 +6517,8 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 "has-icon": "",
                 onClick: i(v)
               }, {
-                default: F(() => [
-                  P(i(H), {
+                default: U(() => [
+                  P(i(Z), {
                     icon: "ph:caret-right-fill",
                     class: "spr-text-color-success-base"
                   })
@@ -6526,14 +6526,14 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 _: 1
               }, 8, ["onClick"])
             ]),
-            D("h2", Xl, V(i(d)), 1)
+            D("h2", Xl, H(i(d)), 1)
           ]),
           P(ve, {
             variant: "secondary",
             size: "small",
             onClick: i(A)
           }, {
-            default: F(() => x[10] || (x[10] = [
+            default: U(() => x[10] || (x[10] = [
               je(" Today ")
             ])),
             _: 1,
@@ -6541,11 +6541,11 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
           }, 8, ["onClick"])
         ], 2)
       ]),
-      content: F(() => [
+      content: U(() => [
         D("div", {
           class: b(i(p).contentWrapper)
         }, [
-          te(_.$slots, "filter", {}, () => [
+          re(_.$slots, "filter", {}, () => [
             D("div", {
               class: b(i(p).calendarFilter)
             }, [
@@ -6554,8 +6554,8 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 "onUpdate:modelValue": x[0] || (x[0] = ($) => ge(s) ? s.value = $ : null),
                 placeholder: "Search Employee"
               }, {
-                icon: F(() => [
-                  P(i(H), { icon: "ph:magnifying-glass" })
+                icon: U(() => [
+                  P(i(Z), { icon: "ph:magnifying-glass" })
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
@@ -6568,14 +6568,14 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 ],
                 "menu-list": _.companyOptions
               }, {
-                default: F(() => [
+                default: U(() => [
                   P(Oe, {
                     modelValue: i(a),
                     "onUpdate:modelValue": x[1] || (x[1] = ($) => ge(a) ? a.value = $ : null),
                     placeholder: "Company"
                   }, {
-                    icon: F(() => [
-                      P(i(H), { icon: "ph:caret-down" })
+                    icon: U(() => [
+                      P(i(Z), { icon: "ph:caret-down" })
                     ]),
                     _: 1
                   }, 8, ["modelValue"])
@@ -6591,14 +6591,14 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 ],
                 "menu-list": _.departmentOptions
               }, {
-                default: F(() => [
+                default: U(() => [
                   P(Oe, {
                     modelValue: i(o),
                     "onUpdate:modelValue": x[4] || (x[4] = ($) => ge(o) ? o.value = $ : null),
                     placeholder: "Department"
                   }, {
-                    icon: F(() => [
-                      P(i(H), { icon: "ph:caret-down" })
+                    icon: U(() => [
+                      P(i(Z), { icon: "ph:caret-down" })
                     ]),
                     _: 1
                   }, 8, ["modelValue"])
@@ -6614,14 +6614,14 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                 ],
                 "menu-list": _.branchOptions
               }, {
-                default: F(() => [
+                default: U(() => [
                   P(Oe, {
                     modelValue: i(l),
                     "onUpdate:modelValue": x[7] || (x[7] = ($) => ge(l) ? l.value = $ : null),
                     placeholder: "Branch"
                   }, {
-                    icon: F(() => [
-                      P(i(H), { icon: "ph:caret-down" })
+                    icon: U(() => [
+                      P(i(Z), { icon: "ph:caret-down" })
                     ]),
                     _: 1
                   }, 8, ["modelValue"])
@@ -6653,8 +6653,8 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                             "spr-background-color-brand-base spr-text-color-inverted-strong": i(M)($)
                           }
                         ])
-                      }, V(i(N)($, "DD")), 3),
-                      D("div", e3, V(i(N)($, "ddd").toUpperCase()), 1)
+                      }, H(i(N)($, "DD")), 3),
+                      D("div", e3, H(i(N)($, "ddd").toUpperCase()), 1)
                     ], 2)
                   ], 2))), 128))
                 ])
@@ -6677,16 +6677,16 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                         variant: $.avatar ? "image" : "initial",
                         color: "tertiary"
                       }, null, 8, ["src", "initial", "variant"]),
-                      D("div", n3, V($.name), 1),
-                      D("div", s3, V($.position), 1)
+                      D("div", n3, H($.name), 1),
+                      D("div", s3, H($.position), 1)
                     ]),
                     D("div", a3, [
                       P(Wt, {
                         label: `${$.hoursWorked || 0}/${$.hoursTarget || 48} HRS`,
                         tone: "neutral"
                       }, {
-                        icon: F(() => [
-                          P(i(H), { icon: "ph:clock" })
+                        icon: U(() => [
+                          P(i(Z), { icon: "ph:clock" })
                         ]),
                         _: 2
                       }, 1032, ["label"])
@@ -6698,14 +6698,14 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                       i(p).borderClasses,
                       "spr-content-start spr-space-y-size-spacing-3xs spr-border-x spr-border-b-0 spr-border-t spr-p-size-spacing-sm last:spr-border-r-0"
                     ]),
-                    onMouseover: (re) => i(z)(!0, G, $.id),
-                    onMouseleave: (re) => i(z)(!1, G, $.id)
+                    onMouseover: (ne) => i(z)(!0, G, $.id),
+                    onMouseleave: (ne) => i(z)(!1, G, $.id)
                   }, [
                     $.schedule[i(N)(T, i(f))] && $.schedule[i(N)(T, i(f))].length > 0 ? (g(), C("section", i3, [
-                      (g(!0), C(X, null, de($.schedule[i(N)(T, i(f))], (re, W) => (g(), C("div", { key: W }, [
-                        re.type === "restday" ? (g(), C("div", {
+                      (g(!0), C(X, null, de($.schedule[i(N)(T, i(f))], (ne, W) => (g(), C("div", { key: W }, [
+                        ne.type === "restday" ? (g(), C("div", {
                           key: 0,
-                          onClick: (L) => i(S)({
+                          onClick: (B) => i(S)({
                             employeeId: $.id,
                             date: i(N)(T, i(f)),
                             shift: "restday"
@@ -6714,17 +6714,17 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                           P(C0, { type: "restday" })
                         ], 8, l3)) : (g(), C("div", {
                           key: 1,
-                          onClick: (L) => i(S)({
+                          onClick: (B) => i(S)({
                             employeeId: $.id,
                             date: i(N)(T, i(f)),
-                            shift: re
+                            shift: ne
                           })
                         }, [
                           P(C0, {
                             "view-only": !1,
-                            title: `${re.startTime} - ${re.endTime}`,
-                            description: re.location,
-                            "sub-description": re.type
+                            title: `${ne.startTime} - ${ne.endTime}`,
+                            description: ne.location,
+                            "sub-description": ne.type
                           }, null, 8, ["title", "description", "sub-description"])
                         ], 8, d3))
                       ]))), 128))
@@ -6734,10 +6734,10 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
                         status: "pending",
                         type: "exempt",
                         "view-only": !1,
-                        onOnClick: (re) => i(S)({ employeeId: $.id, date: i(N)(T, i(f)), shift: null })
+                        onOnClick: (ne) => i(S)({ employeeId: $.id, date: i(N)(T, i(f)), shift: null })
                       }, {
-                        default: F(() => [
-                          P(i(H), { icon: "ph:plus" }),
+                        default: U(() => [
+                          P(i(Z), { icon: "ph:plus" }),
                           x[11] || (x[11] = D("div", { class: "spr-label-xs-medium" }, "Add New Shift", -1))
                         ]),
                         _: 2,
@@ -6908,8 +6908,8 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
     }, [
       c.variant === "tag" ? (g(), C(X, { key: 0 }, [
         i(p) ? (g(), C("span", N3, [
-          te(c.$slots, "icon", {}, () => [
-            P(i(H), {
+          re(c.$slots, "icon", {}, () => [
+            P(i(Z), {
               icon: i(u),
               class: "spr-font-size-300"
             }, null, 8, ["icon"])
@@ -6923,7 +6923,7 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
             initial: r.avatarInitials
           }, null, 8, ["src", "variant", "initial"])
         ])) : j("", !0),
-        D("span", b3, V(c.label), 1),
+        D("span", b3, H(c.label), 1),
         c.badge ? (g(), C("span", D3, [
           P(v2, {
             text: c.badgeText,
@@ -6949,12 +6949,12 @@ const ie = /* @__PURE__ */ Q0(Gl), Wl = (e, t) => {
             ["stop"]
           ), ["enter"]))
         }, [
-          te(c.$slots, "close-icon", {}, () => [
-            P(i(H), { icon: "ph:x" })
+          re(c.$slots, "close-icon", {}, () => [
+            P(i(Z), { icon: "ph:x" })
           ])
         ], 40, I3)) : j("", !0)
       ], 64)) : (g(), C(X, { key: 1 }, [
-        je(V(c.day.charAt(0)), 1)
+        je(H(c.day.charAt(0)), 1)
       ], 64))
     ], 42, v3)) : j("", !0);
   }
@@ -7095,8 +7095,8 @@ function E3() {
 }
 var P3 = E3();
 const Y3 = /* @__PURE__ */ Q0(P3);
-ie.extend(_3);
-ie.extend(Y3);
+le.extend(_3);
+le.extend(Y3);
 const U3 = (e, t) => {
   const { active: r, disabled: n, readonly: s, error: a, currentYear: o, minMaxYear: l, restDays: u, disabledDates: d } = Me(e), p = Ie(e, "modelValue", t), c = k(() => {
     const E = O("spr-body-sm-regular spr-text-color-strong spr-block", {
@@ -7155,114 +7155,114 @@ const U3 = (e, t) => {
       monthsTabItemsBaseClasses: Ae,
       yearsTabItemsBaseClasses: we
     };
-  }), h = Q(null), y = Q(null), f = Q(null), N = Q(null), M = Q(!1), m = Q("tab-calendar"), v = Q(ie()), A = Q(
+  }), h = Q(null), y = Q(null), f = Q(null), N = Q(null), M = Q(!1), m = Q("tab-calendar"), v = Q(le()), A = Q(
     Array.from({ length: 7 }, (E, K) => ({
-      text: ie().day(K).format("dd"),
-      fullText: ie().day(K).format("dddd"),
+      text: le().day(K).format("dd"),
+      fullText: le().day(K).format("dddd"),
       dayValue: K
     }))
   ), S = Q(
     Array.from({ length: 12 }, (E, K) => ({
-      text: ie().month(K).format("MMM"),
-      fullText: ie().month(K).format("MMMM"),
+      text: le().month(K).format("MMM"),
+      fullText: le().month(K).format("MMMM"),
       monthValue: K
     }))
   ), z = Q(""), w = Q(""), I = Q(""), _ = Q([]), x = Q({
-    selectedMonth: ie().month(),
+    selectedMonth: le().month(),
     selectedYear: Number(o.value),
     calendarDays: []
   }), $ = k(
-    () => ie().year(x.value.selectedYear).month(x.value.selectedMonth).isSame(ie().year(l.value.min).month(0), "month")
+    () => le().year(x.value.selectedYear).month(x.value.selectedMonth).isSame(le().year(l.value.min).month(0), "month")
   ), T = k(
-    () => ie().year(x.value.selectedYear).month(x.value.selectedMonth).isSame(ie().year(l.value.max).month(11), "month")
+    () => le().year(x.value.selectedYear).month(x.value.selectedMonth).isSame(le().year(l.value.max).month(11), "month")
   ), G = () => {
-    const E = ie().year(x.value.selectedYear).month(x.value.selectedMonth).startOf("month").day(), K = ie().year(x.value.selectedYear).month(x.value.selectedMonth).endOf("month").date(), q = E, ce = q + K, $e = ce % 7 === 0 ? 0 : 7 - ce % 7, Ae = [];
+    const E = le().year(x.value.selectedYear).month(x.value.selectedMonth).startOf("month").day(), K = le().year(x.value.selectedYear).month(x.value.selectedMonth).endOf("month").date(), q = E, ce = q + K, $e = ce % 7 === 0 ? 0 : 7 - ce % 7, Ae = [];
     for (let we = q; we > 0; we--) {
-      const k2 = ie().year(x.value.selectedYear).month(x.value.selectedMonth).date(-we + 1);
+      const k2 = le().year(x.value.selectedYear).month(x.value.selectedMonth).date(-we + 1);
       Ae.push({ date: k2, inactive: !0 });
     }
     for (let we = 1; we <= K; we++) {
-      const k2 = ie().year(x.value.selectedYear).month(x.value.selectedMonth).date(we);
+      const k2 = le().year(x.value.selectedYear).month(x.value.selectedMonth).date(we);
       Ae.push({ date: k2, inactive: !1 });
     }
     for (let we = 1; we <= $e; we++) {
-      const k2 = ie().year(x.value.selectedYear).month(x.value.selectedMonth + 1).date(we);
+      const k2 = le().year(x.value.selectedYear).month(x.value.selectedMonth + 1).date(we);
       Ae.push({ date: k2, inactive: !0 });
     }
     x.value.calendarDays = Ae.map((we) => ({ ...we, date: we.date.toDate() }));
-  }, re = () => {
+  }, ne = () => {
     if ($.value) return;
-    const E = ie().year(x.value.selectedYear).month(x.value.selectedMonth).subtract(1, "month");
+    const E = le().year(x.value.selectedYear).month(x.value.selectedMonth).subtract(1, "month");
     x.value.selectedMonth = E.month(), x.value.selectedYear = E.year(), G();
   }, W = () => {
     if (T.value) return;
-    const E = ie().year(x.value.selectedYear).month(x.value.selectedMonth).add(1, "month");
+    const E = le().year(x.value.selectedYear).month(x.value.selectedMonth).add(1, "month");
     x.value.selectedMonth = E.month(), x.value.selectedYear = E.year(), G();
-  }, L = (E) => {
+  }, B = (E) => {
     const K = u.value.map((q) => {
       var ce;
       return (ce = A.value.find(($e) => $e.text.toLowerCase() === q.toLowerCase())) == null ? void 0 : ce.dayValue;
     });
-    return Z(E) ? !1 : !!K.includes(E.date.getDay());
-  }, Y = (E) => E.date.toDateString() === v.value.format("ddd MMM DD YYYY"), B = (E) => !E.inactive && !le(E), U = (E) => !!(E.inactive && !le(E)), Z = (E) => {
+    return V(E) ? !1 : !!K.includes(E.date.getDay());
+  }, L = (E) => E.date.toDateString() === v.value.format("ddd MMM DD YYYY"), F = (E) => !E.inactive && !ie(E), Y = (E) => !!(E.inactive && !ie(E)), V = (E) => {
     var q;
     const K = (q = o0("text", z.value)) == null ? void 0 : q.monthValue;
-    return w.value && !z.value && !I.value && !le(E) ? E.date.getDate() === Number(w.value) && !E.inactive : w.value && z && !I.value && !le(E) ? E.date.getDate() === Number(w.value) && E.date.getMonth() === K && !E.inactive : w.value && z.value && I.value && !le(E) ? E.date.getDate() === Number(w.value) && E.date.getMonth() === K && E.date.getFullYear().toString() === I.value && !E.inactive : !1;
-  }, se = (E) => {
+    return w.value && !z.value && !I.value && !ie(E) ? E.date.getDate() === Number(w.value) && !E.inactive : w.value && z && !I.value && !ie(E) ? E.date.getDate() === Number(w.value) && E.date.getMonth() === K && !E.inactive : w.value && z.value && I.value && !ie(E) ? E.date.getDate() === Number(w.value) && E.date.getMonth() === K && E.date.getFullYear().toString() === I.value && !E.inactive : !1;
+  }, te = (E) => {
     var q;
     const K = (q = o0("text", z.value)) == null ? void 0 : q.monthValue;
-    return w.value && !z.value && !le(E) ? E.date.getDate() !== Number(w.value) : w.value && z && !le(E) ? E.date.getDate() !== Number(w.value) || E.date.getMonth() !== K : !!(!w.value && z.value && !le(E) || !w.value && !z.value && !le(E));
-  }, le = (E) => !!(he(E) || ee(E) || ne(E) || ue(E) || ye(E) || fe(E) || De(E)), he = (E) => {
+    return w.value && !z.value && !ie(E) ? E.date.getDate() !== Number(w.value) : w.value && z && !ie(E) ? E.date.getDate() !== Number(w.value) || E.date.getMonth() !== K : !!(!w.value && z.value && !ie(E) || !w.value && !z.value && !ie(E));
+  }, ie = (E) => !!(he(E) || ee(E) || se(E) || ue(E) || ye(E) || fe(E) || De(E)), he = (E) => {
     if (d != null && d.value && d.value.from && d.value.to) {
-      const K = ie(d.value.from, "MM-DD-YYYY").startOf("day"), q = ie(d.value.to, "MM-DD-YYYY").endOf("day"), ce = ie(E.date);
+      const K = le(d.value.from, "MM-DD-YYYY").startOf("day"), q = le(d.value.to, "MM-DD-YYYY").endOf("day"), ce = le(E.date);
       return ce.isSameOrAfter(K, "day") && ce.isSameOrBefore(q, "day");
     }
     return !1;
   }, ee = (E) => {
     if (d != null && d.value && (d != null && d.value.pastDates)) {
-      const K = ie(E.date);
+      const K = le(E.date);
       if (typeof d.value.pastDates == "boolean")
         return K.isBefore(v.value.startOf("day"));
       {
-        const q = ie(d.value.pastDates);
-        return K.isBefore(ie(q, "MM-DD-YYYY").startOf("day"));
+        const q = le(d.value.pastDates);
+        return K.isBefore(le(q, "MM-DD-YYYY").startOf("day"));
       }
     }
     return !1;
-  }, ne = (E) => {
+  }, se = (E) => {
     if (d != null && d.value && (d != null && d.value.futureDates)) {
-      const K = ie(E.date);
+      const K = le(E.date);
       if (typeof d.value.futureDates == "boolean")
         return K.isAfter(v.value.endOf("day"));
       {
-        const q = ie(d.value.futureDates);
-        return K.isAfter(ie(q, "MM-DD-YYYY").endOf("day"));
+        const q = le(d.value.futureDates);
+        return K.isAfter(le(q, "MM-DD-YYYY").endOf("day"));
       }
     }
     return !1;
   }, ue = (E) => {
     if (d != null && d.value && (d != null && d.value.selectedDates) && d.value.selectedDates.length > 0) {
-      const K = ie(E.date);
+      const K = le(E.date);
       return d.value.selectedDates.forEach((q) => {
-        ie(q).isValid() || console.error(`Error: disabledDates Props - Selected Dates - Invalid date format: "${q}"`);
-      }), d.value.selectedDates.some((q) => K.isSame(ie(q, "MM-DD-YYYY"), "day"));
+        le(q).isValid() || console.error(`Error: disabledDates Props - Selected Dates - Invalid date format: "${q}"`);
+      }), d.value.selectedDates.some((q) => K.isSame(le(q, "MM-DD-YYYY"), "day"));
     }
     return !1;
   }, ye = (E) => {
     if (d != null && d.value && (d != null && d.value.weekends)) {
-      const K = ie(E.date);
+      const K = le(E.date);
       return K.day() === 0 || K.day() === 6;
     }
     return !1;
   }, fe = (E) => {
     if (d != null && d.value && (d != null && d.value.weekdays)) {
-      const K = ie(E.date);
+      const K = le(E.date);
       return K.day() > 0 && K.day() < 6;
     }
     return !1;
   }, De = (E) => {
     if (d != null && d.value && (d != null && d.value.selectedDays)) {
-      const K = ie(E.date);
+      const K = le(E.date);
       return d.value.selectedDays.some((q) => {
         const ce = A.value.find(($e) => $e.text.toLowerCase() === q.toLowerCase());
         return ce || console.error(`Error: disabledDates Props - Selected Days - Invalid day: "${q}"`), ce ? K.day() === A.value.indexOf(ce) : !1;
@@ -7270,7 +7270,7 @@ const U3 = (e, t) => {
     }
     return !1;
   }, Ne = (E) => {
-    const K = ie(E.date, "MM-DD-YYYY"), q = K.format("MM"), ce = K.format("DD"), $e = K.format("YYYY");
+    const K = le(E.date, "MM-DD-YYYY"), q = K.format("MM"), ce = K.format("DD"), $e = K.format("YYYY");
     z.value = q, w.value = ce, I.value = $e, x.value.selectedMonth = E.date.getMonth(), x.value.selectedYear = E.date.getFullYear(), L2(), G(), _2(), l0(), _.value = [], t("getDateErrors", _.value), setTimeout(() => {
       M.value = !1;
     }, 100);
@@ -7309,7 +7309,7 @@ const U3 = (e, t) => {
       }
       case "disabledDatesToFrom": {
         if ((K = d == null ? void 0 : d.value) != null && K.from && ((q = d == null ? void 0 : d.value) != null && q.to)) {
-          const ce = ie(d.value.from, "MM-DD-YYYY"), $e = ie(d.value.to, "MM-DD-YYYY");
+          const ce = le(d.value.from, "MM-DD-YYYY"), $e = le(d.value.to, "MM-DD-YYYY");
           ce.isAfter($e) && console.error('Error: disabledDates props - The "from" date cannot be later than the "to" date.'), $e.isBefore(ce) && console.error('Error: disabledDates props - The "to" date cannot be earlier than the "from" date.');
         }
         break;
@@ -7317,7 +7317,7 @@ const U3 = (e, t) => {
     }
   }, dr = () => {
     if (p.value) {
-      const E = ie(p.value, "MM-DD-YYYY"), K = E.format("MM"), q = E.format("DD"), ce = E.format("YYYY");
+      const E = le(p.value, "MM-DD-YYYY"), K = E.format("MM"), q = E.format("DD"), ce = E.format("YYYY");
       i0(), z.value = K, w.value = q, I.value = ce, p.value = `${K}-${q}-${ce}`, x.value.selectedMonth = E.get("month"), x.value.selectedYear = E.get("year"), L2(), G(), _2(), t("getInputValue", `${K}-${q}-${ce}`);
     }
   }, o0 = (E, K) => S.value.find(
@@ -7344,7 +7344,7 @@ const U3 = (e, t) => {
   }, i0 = Kn(() => {
     var E;
     if (z.value && w.value && I.value) {
-      const K = `${z.value}-${w.value}-${I.value}`, q = ie(K, "MM-DD-YYYY").isValid(), ce = Number(I.value) >= l.value.min && Number(I.value) <= l.value.max;
+      const K = `${z.value}-${w.value}-${I.value}`, q = le(K, "MM-DD-YYYY").isValid(), ce = Number(I.value) >= l.value.min && Number(I.value) <= l.value.max;
       if (q && ce) {
         _.value = _.value.filter((Ae) => Ae.title !== "Invalid Date");
         const $e = (E = o0("text", z.value)) == null ? void 0 : E.monthValue;
@@ -7371,7 +7371,7 @@ const U3 = (e, t) => {
         (q) => q.text.toLowerCase() === z.value.toLowerCase()
       ), K = R.value.yearsArray.find((q) => q === Number(I.value));
       if (E && K) {
-        const q = ie(`${z.value}-${w.value}-${I.value}`, "MM-DD-YYYY"), ce = {
+        const q = le(`${z.value}-${w.value}-${I.value}`, "MM-DD-YYYY"), ce = {
           // Standard date formats
           mmddyyyy: q.format("MM-DD-YYYY"),
           ddmmyyyy: q.format("DD-MM-YYYY"),
@@ -7458,15 +7458,15 @@ const U3 = (e, t) => {
     calendarTabPageData: x,
     calendarTabIsMinMonth: $,
     calendarTabIsMaxMonth: T,
-    calendarTabPrevMonth: re,
+    calendarTabPrevMonth: ne,
     calendarTabNextMonth: W,
-    calendarTabIsRestDay: L,
-    calendarTabIsTodayIndicator: Y,
-    calendarTabIsActiveMonthDates: B,
-    calendarTabIsInactiveMonthDates: U,
-    calendarTabIsSelectedDate: Z,
-    calendarTabIsUnSelectedDate: se,
-    calendarTabIsDateIsDisabled: le,
+    calendarTabIsRestDay: B,
+    calendarTabIsTodayIndicator: L,
+    calendarTabIsActiveMonthDates: F,
+    calendarTabIsInactiveMonthDates: Y,
+    calendarTabIsSelectedDate: V,
+    calendarTabIsUnSelectedDate: te,
+    calendarTabIsDateIsDisabled: ie,
     calendarTabHandleDateInput: Ne,
     monthTabHandleSelectedMonth: ae,
     yearTabCurrentYearPage: Le,
@@ -7545,18 +7545,18 @@ const U3 = (e, t) => {
       calendarTabIsDateIsDisabled: $,
       calendarTabHandleDateInput: T,
       getMonthObject: G,
-      getTabClasses: re,
+      getTabClasses: ne,
       isDatePickerPopperDisabled: W,
-      calendarTabPrevMonth: L,
-      calendarTabNextMonth: Y,
-      monthTabHandleSelectedMonth: B,
-      yearTabCurrentYearPage: U,
-      yearTabGoToPreviousPage: Z,
-      yearTabGoToNextPage: se,
-      yearTabIsPreviousButtonDisabled: le,
+      calendarTabPrevMonth: B,
+      calendarTabNextMonth: L,
+      monthTabHandleSelectedMonth: F,
+      yearTabCurrentYearPage: Y,
+      yearTabGoToPreviousPage: V,
+      yearTabGoToNextPage: te,
+      yearTabIsPreviousButtonDisabled: ie,
       yearTabIsNextButtonDisabled: he,
       yearTabHandleSelectedYear: ee,
-      handleMonthInput: ne,
+      handleMonthInput: se,
       handleDateInput: ue,
       handleYearInput: ye,
       handleTabClick: fe,
@@ -7580,7 +7580,7 @@ const U3 = (e, t) => {
           width: r.width
         })
       }, {
-        popper: F(() => [
+        popper: U(() => [
           D("div", {
             ref_key: "datePickerRef",
             ref: a
@@ -7588,27 +7588,27 @@ const U3 = (e, t) => {
             D("div", G3, [
               D("div", W3, [
                 P(ve, {
-                  class: b(i(re)("tab-months")),
+                  class: b(i(ne)("tab-months")),
                   variant: "secondary",
                   size: "small",
                   onClick: ae[13] || (ae[13] = (R) => i(fe)("tab-months"))
                 }, {
-                  default: F(() => {
+                  default: U(() => {
                     var R;
                     return [
-                      je(V((R = i(G)("monthValue", i(m).selectedMonth)) == null ? void 0 : R.fullText), 1)
+                      je(H((R = i(G)("monthValue", i(m).selectedMonth)) == null ? void 0 : R.fullText), 1)
                     ];
                   }),
                   _: 1
                 }, 8, ["class"]),
                 P(ve, {
-                  class: b(i(re)("tab-years")),
+                  class: b(i(ne)("tab-years")),
                   variant: "secondary",
                   size: "small",
                   onClick: ae[14] || (ae[14] = (R) => i(fe)("tab-years"))
                 }, {
-                  default: F(() => [
-                    je(V(i(m).selectedYear), 1)
+                  default: U(() => [
+                    je(H(i(m).selectedYear), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])
@@ -7619,10 +7619,10 @@ const U3 = (e, t) => {
                   variant: "secondary",
                   size: "small",
                   disabled: i(v),
-                  onClick: i(L)
+                  onClick: i(B)
                 }, {
-                  default: F(() => [
-                    P(i(H), { icon: "ph:caret-left" })
+                  default: U(() => [
+                    P(i(Z), { icon: "ph:caret-left" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"]),
@@ -7631,10 +7631,10 @@ const U3 = (e, t) => {
                   variant: "secondary",
                   size: "small",
                   disabled: i(A),
-                  onClick: i(Y)
+                  onClick: i(L)
                 }, {
-                  default: F(() => [
-                    P(i(H), { icon: "ph:caret-right" })
+                  default: U(() => [
+                    P(i(Z), { icon: "ph:caret-right" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -7644,11 +7644,11 @@ const U3 = (e, t) => {
                   class: "spr-cursor-pointer",
                   variant: "secondary",
                   size: "small",
-                  disabled: i(le),
-                  onClick: i(Z)
+                  disabled: i(ie),
+                  onClick: i(V)
                 }, {
-                  default: F(() => [
-                    P(i(H), { icon: "ph:caret-left" })
+                  default: U(() => [
+                    P(i(Z), { icon: "ph:caret-left" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"]),
@@ -7657,10 +7657,10 @@ const U3 = (e, t) => {
                   variant: "secondary",
                   size: "small",
                   disabled: i(he),
-                  onClick: i(se)
+                  onClick: i(te)
                 }, {
-                  default: F(() => [
-                    P(i(H), { icon: "ph:caret-right" })
+                  default: U(() => [
+                    P(i(Z), { icon: "ph:caret-right" })
                   ]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
@@ -7671,7 +7671,7 @@ const U3 = (e, t) => {
                 (g(!0), C(X, null, de(i(h), (R, Le) => (g(), C("div", {
                   key: Le,
                   class: "spr-py-1 spr-text-center spr-font-semibold"
-                }, V(R.text), 1))), 128)),
+                }, H(R.text), 1))), 128)),
                 (g(!0), C(X, null, de(i(m).calendarDays, (R) => (g(), C(X, {
                   key: R.date
                 }, [
@@ -7698,7 +7698,7 @@ const U3 = (e, t) => {
                     ]),
                     onClick: (Le) => i($)(R) ? null : i(T)(R)
                   }, [
-                    D("span", null, V(R.date.getDate()), 1),
+                    D("span", null, H(R.date.getDate()), 1),
                     i(z)(R) ? (g(), C("div", t4)) : j("", !0)
                   ], 10, e4)) : (g(), C("div", r4))
                 ], 64))), 128))
@@ -7714,14 +7714,14 @@ const U3 = (e, t) => {
                       "spr-border-color-brand-base spr-background-color-single-active": R.text.toLowerCase() === i(N).toLowerCase()
                     }
                   ]),
-                  onClick: (Je) => i(B)(R)
+                  onClick: (Je) => i(F)(R)
                 }, [
-                  D("span", null, V(R.text), 1),
+                  D("span", null, H(R.text), 1),
                   R.monthValue === i(c).month() ? (g(), C("div", a4)) : j("", !0)
                 ], 10, s4))), 128))
               ])) : j("", !0),
               i(p) === "tab-years" ? (g(), C("div", o4, [
-                (g(!0), C(X, null, de(i(U), (R, Le) => (g(), C("div", {
+                (g(!0), C(X, null, de(i(Y), (R, Le) => (g(), C("div", {
                   key: Le,
                   class: b([
                     i(s).yearsTabItemsBaseClasses,
@@ -7733,14 +7733,14 @@ const U3 = (e, t) => {
                   ]),
                   onClick: (Je) => i(ee)(String(R))
                 }, [
-                  D("span", null, V(R), 1),
+                  D("span", null, H(R), 1),
                   R === i(c).year() ? (g(), C("div", l4)) : j("", !0)
                 ], 10, i4))), 128))
               ])) : j("", !0)
             ])
           ], 512)
         ]),
-        default: F(() => [
+        default: U(() => [
           D("div", {
             id: r.id,
             class: "spr-grid spr-gap-size-spacing-4xs"
@@ -7749,7 +7749,7 @@ const U3 = (e, t) => {
               key: 0,
               for: r.id,
               class: b(i(s).labelClasses)
-            }, V(r.label), 11, R3)) : j("", !0),
+            }, H(r.label), 11, R3)) : j("", !0),
             D("div", {
               ref_key: "datePickerRef",
               ref: a,
@@ -7769,9 +7769,9 @@ const U3 = (e, t) => {
                   disabled: r.disabled,
                   readonly: r.readonly,
                   onInput: ae[1] || (ae[1] = //@ts-ignore
-                  (...R) => i(ne) && i(ne)(...R)),
+                  (...R) => i(se) && i(se)(...R)),
                   onKeyup: ae[2] || (ae[2] = //@ts-ignore
-                  (...R) => i(ne) && i(ne)(...R)),
+                  (...R) => i(se) && i(se)(...R)),
                   onKeydown: ae[3] || (ae[3] = (R) => i(De)("month", R))
                 }, null, 42, Q3), [
                   [et, i(N)]
@@ -7818,7 +7818,7 @@ const U3 = (e, t) => {
                 ])
               ]),
               D("div", Z3, [
-                P(i(H), {
+                P(i(Z), {
                   class: "spr-text-color-supporting spr-h-4 spr-w-4",
                   icon: "ph:calendar-blank"
                 })
@@ -7832,14 +7832,14 @@ const U3 = (e, t) => {
         key: 0,
         class: b(i(s).datePickerInputHelperClasses)
       }, [
-        te(Ne.$slots, "helperMessage", {}, () => [
-          r.helperIcon ? (g(), J(i(H), {
+        re(Ne.$slots, "helperMessage", {}, () => [
+          r.helperIcon ? (g(), J(i(Z), {
             key: 0,
             icon: r.helperIcon,
             width: "20px",
             height: "20px"
           }, null, 8, ["icon"])) : j("", !0),
-          D("span", null, V(r.helperText), 1)
+          D("span", null, H(r.helperText), 1)
         ])
       ], 2)) : j("", !0)
     ]));
@@ -7914,7 +7914,7 @@ const U3 = (e, t) => {
       id: "empty-state",
       class: b(i(r).baseClasses)
     }, [
-      te(s.$slots, "default", {
+      re(s.$slots, "default", {
         class: b(i(r).imageSizeClasses)
       }),
       s.$slots.default ? j("", !0) : (g(), C("div", {
@@ -7929,10 +7929,10 @@ const U3 = (e, t) => {
       ], 2)),
       D("section", A4, [
         D("div", x4, [
-          D("span", null, V(s.description), 1),
-          D("div", w4, V(s.subDescription), 1)
+          D("span", null, H(s.description), 1),
+          D("div", w4, H(s.subDescription), 1)
         ]),
-        te(s.$slots, "button")
+        re(s.$slots, "button")
       ])
     ], 2));
   }
@@ -8118,7 +8118,7 @@ const U3 = (e, t) => {
       supportedFileTypeLabel: y
     } = _4(r, n);
     return (f, N) => (g(), C("div", k4, [
-      r.title ? (g(), C("label", E4, V(r.title), 1)) : j("", !0),
+      r.title ? (g(), C("label", E4, H(r.title), 1)) : j("", !0),
       r.modelValue.length <= 0 ? (g(), C("div", {
         key: 1,
         ref_key: "fileUploadRef",
@@ -8139,7 +8139,7 @@ const U3 = (e, t) => {
             onChange: N[0] || (N[0] = //@ts-ignore
             (...M) => i(u) && i(u)(...M))
           }, null, 40, P4),
-          P(i(H), {
+          P(i(Z), {
             icon: "ph:cloud-arrow-up",
             width: "28px",
             height: "28px"
@@ -8151,22 +8151,22 @@ const U3 = (e, t) => {
             disabled: r.disabled,
             onClick: i(p)
           }, {
-            default: F(() => N[2] || (N[2] = [
+            default: U(() => N[2] || (N[2] = [
               je("Browse Files")
             ])),
             _: 1,
             __: [2]
           }, 8, ["disabled", "onClick"]),
-          D("label", Y4, V("or drop your " + (r.multiple ? "files" : "file") + " to upload"), 1)
+          D("label", Y4, H("or drop your " + (r.multiple ? "files" : "file") + " to upload"), 1)
         ], 2),
         r.showError ? (g(), C("div", U4, [
-          (g(!0), C(X, null, de(r.errorMessages, (M, m) => (g(), C("label", { key: m }, V(M), 1))), 128))
+          (g(!0), C(X, null, de(r.errorMessages, (M, m) => (g(), C("label", { key: m }, H(M), 1))), 128))
         ])) : (g(), C("div", {
           key: 1,
           class: b(i(l).sublabelClasses)
         }, [
-          D("label", null, "Supports: " + V(i(y)), 1),
-          D("label", null, V(r.maxFileSize) + "MB maximum file size", 1)
+          D("label", null, "Supports: " + H(i(y)), 1),
+          D("label", null, H(r.maxFileSize) + "MB maximum file size", 1)
         ], 2))
       ], 2)) : (g(), C("div", {
         key: 2,
@@ -8187,13 +8187,13 @@ const U3 = (e, t) => {
           class: "spr-flex"
         }, [
           D("div", R4, [
-            P(i(H), {
+            P(i(Z), {
               icon: "ph:check-circle-fill",
               width: "16px",
               height: "16px",
               class: "spr-text-color-brand-base"
             }),
-            D("label", B4, V(M.name), 1)
+            D("label", B4, H(M.name), 1)
           ]),
           D("div", Q4, [
             P(ve, {
@@ -8202,7 +8202,7 @@ const U3 = (e, t) => {
               variant: "secondary",
               onClick: (v) => i(c)(m)
             }, {
-              default: F(() => N[3] || (N[3] = [
+              default: U(() => N[3] || (N[3] = [
                 je("Replace")
               ])),
               _: 2,
@@ -8214,8 +8214,8 @@ const U3 = (e, t) => {
               variant: "secondary",
               onClick: (v) => i(d)(m)
             }, {
-              default: F(() => [
-                P(i(H), { icon: "ph:trash" })
+              default: U(() => [
+                P(i(Z), { icon: "ph:trash" })
               ]),
               _: 2
             }, 1032, ["onClick"])
@@ -8228,44 +8228,44 @@ const U3 = (e, t) => {
   __proto__: null,
   default: H4
 }, Symbol.toStringTag, { value: "Module" })), G4 = (e, t) => {
-  const { options: r, filterMenu: n, filterData: s, loading: a, filterable: o, filling: l, deselected: u, hasSearchApi: d } = Me(e), p = Ie(e, "modelValue", t), c = Ie(e, "search", t), h = Ie(e, "searchFilter", t), y = Q(!1), f = Q(""), N = Q(""), M = Q(!1), m = Q(!1), v = Q({}), A = Q({}), S = Q(`filter-${ie().valueOf()}-${Math.floor(Math.random() * 1e3)}`), z = Q(
+  const { options: r, filterMenu: n, filterData: s, loading: a, filterable: o, filling: l, deselected: u, hasSearchApi: d } = Me(e), p = Ie(e, "modelValue", t), c = Ie(e, "search", t), h = Ie(e, "searchFilter", t), y = Q(!1), f = Q(""), N = Q(""), M = Q(!1), m = Q(!1), v = Q({}), A = Q({}), S = Q(`filter-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), z = Q(
     n.value
   ), w = Q([]), I = Q(null), _ = Q([]), x = Q(""), $ = k(() => {
     var ue;
     if (l.value) return r.value;
     const ee = d.value ? "" : f.value.toLowerCase();
     return (ue = r.value) == null ? void 0 : ue.filter((ye, fe) => (p.value.find((Ne) => Ne.value === ye.value && Ne.isSelected) && (r.value[fe].isSelected = !0), ye.text.toLowerCase().includes(ee)));
-  }), T = k(() => a.value ? s.value : s.value.filter((ne, ue) => (w.value.find(
-    (fe) => fe.value === ne.value && fe.isSelected
-  ) && (s.value[ue].isSelected = !0), ne.text.toLowerCase().includes(N.value.toLowerCase())))), G = k(() => Object.values(A.value).some((ee) => ee.isFilterVisible)), re = k(() => T.value.filter((ee) => ee.isSelected)), W = (ee) => {
+  }), T = k(() => a.value ? s.value : s.value.filter((se, ue) => (w.value.find(
+    (fe) => fe.value === se.value && fe.isSelected
+  ) && (s.value[ue].isSelected = !0), se.text.toLowerCase().includes(N.value.toLowerCase())))), G = k(() => Object.values(A.value).some((ee) => ee.isFilterVisible)), ne = k(() => T.value.filter((ee) => ee.isSelected)), W = (ee) => {
     t("getFilterData", ee), x.value = ee;
-  }, L = (ee) => {
-    Object.keys(A.value).forEach((ne) => {
-      A.value[ne].isFilterVisible = ne === ee;
+  }, B = (ee) => {
+    Object.keys(A.value).forEach((se) => {
+      A.value[se].isFilterVisible = se === ee;
     });
-  }, Y = () => {
+  }, L = () => {
     var ee;
     (ee = n.value) != null && ee.length && (A.value = n.value.reduce(
-      (ne, { isFilterVisible: ue, columnName: ye, field: fe }) => (ne[fe] = { isFilterVisible: ue || !1, columnName: ye, field: fe, count: 0, selected: {} }, ne),
+      (se, { isFilterVisible: ue, columnName: ye, field: fe }) => (se[fe] = { isFilterVisible: ue || !1, columnName: ye, field: fe, count: 0, selected: {} }, se),
       {}
     ));
-  }, B = (ee) => w.value.filter((ne) => ne.column === ee).length;
+  }, F = (ee) => w.value.filter((se) => se.column === ee).length;
   Rt(I, () => {
     y.value = !1;
   });
-  const U = () => {
+  const Y = () => {
     var ee;
-    (ee = r.value) != null && ee.length && $.value.forEach((ne, ue) => {
+    (ee = r.value) != null && ee.length && $.value.forEach((se, ue) => {
       $.value[ue].isSelected = !0;
     });
-  }, Z = (ee) => {
-    const ne = Object.values(T.value).filter(
+  }, V = (ee) => {
+    const se = Object.values(T.value).filter(
       (ue) => ue.isSelected && ue.column === ee
     );
-    w.value = w.value.filter((ue) => ue.column !== ee).concat(ne), t("selectedFilter", w.value), A.value[ee].count = ne.length, A.value[ee].isFilterVisible = !1;
-  }, se = (ee) => {
-    T.value.map((ne) => (ne.value === ee && (ne.isSelected = !1), ne)), w.value = w.value.filter((ne) => ne.value !== ee), t("selectedFilter", w.value);
-  }, le = () => {
+    w.value = w.value.filter((ue) => ue.column !== ee).concat(se), t("selectedFilter", w.value), A.value[ee].count = se.length, A.value[ee].isFilterVisible = !1;
+  }, te = (ee) => {
+    T.value.map((se) => (se.value === ee && (se.isSelected = !1), se)), w.value = w.value.filter((se) => se.value !== ee), t("selectedFilter", w.value);
+  }, ie = () => {
     if (G.value) {
       t("infiniteScrollFilterTrigger", x.value);
       return;
@@ -8275,19 +8275,19 @@ const U3 = (e, t) => {
   Ce(a, () => {
     a.value || getMappedMenuOptionList();
   }), Ce(x, (ee) => {
-    L(ee);
+    B(ee);
   }), Ce(u, (ee) => {
-    ee && ($.value.forEach(({ value: ne }, ue) => {
-      ne === ee && ($.value[ue].isSelected = !1);
+    ee && ($.value.forEach(({ value: se }, ue) => {
+      se === ee && ($.value[ue].isSelected = !1);
     }), p.value = p.value.filter(
-      ({ value: ne }) => ne !== ee
+      ({ value: se }) => se !== ee
     ));
   }), Ce(
     () => $.value,
     (ee) => {
-      const ne = ee.filter((fe) => fe.isSelected), ye = Array.from(
+      const se = ee.filter((fe) => fe.isSelected), ye = Array.from(
         new Map(
-          [...p.value, ...ne].map((fe) => [
+          [...p.value, ...se].map((fe) => [
             fe.value,
             fe
           ])
@@ -8299,13 +8299,13 @@ const U3 = (e, t) => {
       JSON.stringify(p.value) !== JSON.stringify(ye) && (p.value = ye);
     },
     { deep: !0 }
-  ), Ce(f, (ee, ne) => {
-    ee !== ne && (c.value = ee);
-  }), Ce(N, (ee, ne) => {
-    ee !== ne && (h.value = ee);
-  }), yt(() => _.value[0], le, { distance: 10 }), yt(I, le, { distance: 10 });
+  ), Ce(f, (ee, se) => {
+    ee !== se && (c.value = ee);
+  }), Ce(N, (ee, se) => {
+    ee !== se && (h.value = ee);
+  }), yt(() => _.value[0], ie, { distance: 10 }), yt(I, ie, { distance: 10 });
   const he = k(() => {
-    const ee = O("spr-relative spr-inline-block spr-w-full"), ne = O(
+    const ee = O("spr-relative spr-inline-block spr-w-full"), se = O(
       "spr-border-color-weak spr-border spr-border-x-0 spr-border-t-0 spr-border-solid spr-p-size-spacing-2xs",
       "spr-flex spr-items-center",
       { "spr-justify-between": n.value.length > 0 && o.value },
@@ -8318,9 +8318,9 @@ const U3 = (e, t) => {
       "spr-body-xs-regular spr-flex spr-cursor-pointer spr-justify-between spr-rounded-border-radius-md spr-p-size-spacing-4xs",
       "hover:spr-background-color-hover"
     );
-    return Y(), {
+    return L(), {
       MainClasses: ee,
-      MenuOptionClasses: ne,
+      MenuOptionClasses: se,
       PopperWrapperClasses: ue,
       PopperHeaderClasses: ye,
       PopperContentClasses: fe,
@@ -8337,7 +8337,7 @@ const U3 = (e, t) => {
     filterMenuList: z,
     getFiltereredOption: $,
     mappedMenuData: v,
-    getSelectedFilterMenuOption: re,
+    getSelectedFilterMenuOption: ne,
     getFiltereredMenuOption: T,
     filterMenuSearchvalue: N,
     mappedFilterMenuList: A,
@@ -8345,11 +8345,11 @@ const U3 = (e, t) => {
     uniqueId: S,
     filterOptionRef: I,
     filterMenuOptionList: _,
-    selectAllOptions: U,
+    selectAllOptions: Y,
     getMappedFilterData: W,
-    saveSelectedFilter: Z,
-    getSelectedItemPerFilterMenu: B,
-    handleRemoveFilterValues: se
+    saveSelectedFilter: V,
+    getSelectedItemPerFilterMenu: F,
+    handleRemoveFilterValues: te
   };
 }, W4 = {
   modelValue: {
@@ -8475,7 +8475,7 @@ const U3 = (e, t) => {
         position: "relative"
       })
     }, {
-      popper: F(() => [
+      popper: U(() => [
         D("div", {
           class: b(i(h).MenuOptionClasses)
         }, [
@@ -8500,7 +8500,7 @@ const U3 = (e, t) => {
               triggers: ["click"],
               "auto-hide": !1
             }, {
-              popper: F(() => [
+              popper: U(() => [
                 D("div", {
                   class: b(i(h).PopperWrapperClasses)
                 }, [
@@ -8512,7 +8512,7 @@ const U3 = (e, t) => {
                       class: "spr-cursor-pointer",
                       onClick: w[2] || (w[2] = (I) => o.value = !1)
                     }, [
-                      P(i(H), { icon: "ph:x" })
+                      P(i(Z), { icon: "ph:x" })
                     ])
                   ], 2),
                   D("div", {
@@ -8527,7 +8527,7 @@ const U3 = (e, t) => {
                       triggers: ["click"],
                       "auto-hide": !1
                     }, {
-                      popper: F(() => [
+                      popper: U(() => [
                         D("div", {
                           class: b(["spr-w-[320px]", i(h).PopperWrapperClasses])
                         }, [
@@ -8539,7 +8539,7 @@ const U3 = (e, t) => {
                               class: "spr-cursor-pointer",
                               onClick: (_) => i(c)[I.field].isFilterVisible = !1
                             }, [
-                              P(i(H), { icon: "ph:x" })
+                              P(i(Z), { icon: "ph:x" })
                             ], 8, ed)
                           ], 2),
                           D("div", td, [
@@ -8550,8 +8550,8 @@ const U3 = (e, t) => {
                               type: "text",
                               placeholder: "Select Employees"
                             }, {
-                              icon: F(() => [
-                                P(i(H), { icon: "ph:magnifying-glass" })
+                              icon: U(() => [
+                                P(i(Z), { icon: "ph:magnifying-glass" })
                               ]),
                               _: 1
                             }, 8, ["modelValue"])
@@ -8594,9 +8594,9 @@ const U3 = (e, t) => {
                             key: 2,
                             class: b(i(h).LoadingStateClasses)
                           }, [
-                            r.loading ? te(z.$slots, "loading", { key: 0 }, () => [
+                            r.loading ? re(z.$slots, "loading", { key: 0 }, () => [
                               w[8] || (w[8] = je(" loading... "))
-                            ]) : te(z.$slots, "empty", { key: 1 }, () => [
+                            ]) : re(z.$slots, "empty", { key: 1 }, () => [
                               w[9] || (w[9] = je(" No Result Found! "))
                             ])
                           ], 2)),
@@ -8609,7 +8609,7 @@ const U3 = (e, t) => {
                               size: "small",
                               onClick: (_) => i(c)[I.field].isFilterVisible = !1
                             }, {
-                              default: F(() => w[10] || (w[10] = [
+                              default: U(() => w[10] || (w[10] = [
                                 je(" Cancel ")
                               ])),
                               _: 2,
@@ -8621,7 +8621,7 @@ const U3 = (e, t) => {
                               tone: "success",
                               onClick: (_) => i(v)(I.field)
                             }, {
-                              default: F(() => w[11] || (w[11] = [
+                              default: U(() => w[11] || (w[11] = [
                                 je(" Save ")
                               ])),
                               _: 2,
@@ -8630,7 +8630,7 @@ const U3 = (e, t) => {
                           ], 2)
                         ], 2)
                       ]),
-                      default: F(() => [
+                      default: U(() => [
                         P(H2, {
                           active: i(c)[I.field].isFilterVisible,
                           label: i(c)[I.field].columnName,
@@ -8646,15 +8646,15 @@ const U3 = (e, t) => {
                   ], 2)
                 ], 2)
               ]),
-              default: F(() => [
+              default: U(() => [
                 P(ve, {
                   id: "add-filter-button",
                   "has-icon": "",
                   variant: "secondary",
                   size: "small"
                 }, {
-                  default: F(() => [
-                    P(i(H), { icon: "ph:faders-horizontal" })
+                  default: U(() => [
+                    P(i(Z), { icon: "ph:faders-horizontal" })
                   ]),
                   _: 1
                 })
@@ -8668,7 +8668,7 @@ const U3 = (e, t) => {
             size: "small",
             onClick: i(M)
           }, {
-            default: F(() => w[12] || (w[12] = [
+            default: U(() => w[12] || (w[12] = [
               je("Select All")
             ])),
             _: 1,
@@ -8708,24 +8708,24 @@ const U3 = (e, t) => {
                 initial: i(l)[_].text
               }, null, 8, ["src", "variant", "initial"])) : j("", !0),
               D("div", null, [
-                D("div", ad, V(i(l)[_].text), 1),
-                D("div", od, V(i(l)[_].subtext), 1)
+                D("div", ad, H(i(l)[_].text), 1),
+                D("div", od, H(i(l)[_].subtext), 1)
               ])
             ], 8, sd)
           ], 2))), 128))
         ], 512)) : (g(), C("div", id, [
-          z.filling ? te(z.$slots, "loading-state", { key: 0 }, () => [
+          z.filling ? re(z.$slots, "loading-state", { key: 0 }, () => [
             D("div", {
               class: b(i(h).LoadingStateClasses)
             }, "Loading...", 2)
-          ]) : te(z.$slots, "empty-state", { key: 1 }, () => [
+          ]) : re(z.$slots, "empty-state", { key: 1 }, () => [
             D("div", {
               class: b(i(h).LoadingStateClasses)
             }, "Result not found!", 2)
           ])
         ]))
       ]),
-      default: F(() => [
+      default: U(() => [
         D("span", {
           id: i(y),
           style: Ee({
@@ -8734,7 +8734,7 @@ const U3 = (e, t) => {
           }),
           onClick: w[1] || (w[1] = (I) => s.value = !0)
         }, [
-          te(z.$slots, "default", {}, () => [
+          re(z.$slots, "default", {}, () => [
             P(Oe, {
               id: "search",
               modelValue: i(a),
@@ -8744,8 +8744,8 @@ const U3 = (e, t) => {
               label: z.label,
               disabled: z.disabled
             }, {
-              icon: F(() => [
-                P(i(H), { icon: "ph:magnifying-glass" })
+              icon: U(() => [
+                P(i(Z), { icon: "ph:magnifying-glass" })
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "label", "disabled"])
@@ -8790,18 +8790,18 @@ const pd = {
       "leave-from-class": "spr-translate-y-0",
       "leave-to-class": "spr-translate-y-20"
     }, {
-      default: F(() => [
+      default: U(() => [
         i(r) ? (g(), C("div", {
           key: 0,
           class: b([i(n).wrapperClass])
         }, [
           s.$slots.default ? j("", !0) : (g(), C("div", pd, [
-            s.$slots.message ? te(s.$slots, "message", { key: 0 }) : j("", !0),
+            s.$slots.message ? re(s.$slots, "message", { key: 0 }) : j("", !0),
             s.$slots.actions ? (g(), C("div", gd, [
-              te(s.$slots, "actions")
+              re(s.$slots, "actions")
             ])) : j("", !0)
           ])),
-          te(s.$slots, "default")
+          re(s.$slots, "default")
         ], 2)) : j("", !0)
       ]),
       _: 3
@@ -10572,7 +10572,7 @@ const Dc = ws().map((e) => {
       onBlur: i(p),
       "onUpdate:modelValue": i(c)
     }), {
-      prefix: F(() => [
+      prefix: U(() => [
         P(S2, {
           id: "contact-number-country-dropdown",
           modelValue: i(o).countryCode,
@@ -10588,12 +10588,12 @@ const Dc = ws().map((e) => {
           disabled: r.disabled || r.disabledCountryCallingCode,
           onGetPopperState: i(h)
         }, {
-          default: F(() => [
+          default: U(() => [
             D("span", {
               class: b(i(s).countryCallingCodeClasses)
             }, [
-              je(" +" + V(i(o).countryCallingCode[0]) + " ", 1),
-              r.disabledCountryCallingCode ? j("", !0) : (g(), J(i(H), {
+              je(" +" + H(i(o).countryCallingCode[0]) + " ", 1),
+              r.disabledCountryCallingCode ? j("", !0) : (g(), J(i(Z), {
                 key: 0,
                 icon: "ph:caret-down",
                 width: "16px",
@@ -10616,8 +10616,8 @@ const Dc = ws().map((e) => {
     return (t, r) => (g(), J(Oe, He(t.$attrs, {
       class: { "spr-cursor-pointer": t.$attrs.readonly === "" || t.$attrs.readonly === "true" || t.$attrs.readonly }
     }), {
-      icon: F(() => [
-        P(i(H), { icon: "ph:caret-down" })
+      icon: U(() => [
+        P(i(Z), { icon: "ph:caret-down" })
       ]),
       _: 1
     }, 16, ["class"]));
@@ -10629,15 +10629,15 @@ const Dc = ws().map((e) => {
   __name: "input-email",
   setup(e) {
     return (t, r) => (g(), J(Oe, Y0(U0(t.$attrs)), s0({
-      prefix: F(() => [
-        P(i(H), { icon: "ph:envelope" })
+      prefix: U(() => [
+        P(i(Z), { icon: "ph:envelope" })
       ]),
       _: 2
     }, [
       de(t.$slots, (n, s) => ({
         name: s,
-        fn: F(() => [
-          te(t.$slots, s)
+        fn: U(() => [
+          re(t.$slots, s)
         ])
       }))
     ]), 1040));
@@ -10657,8 +10657,8 @@ const Dc = ws().map((e) => {
   setup(e) {
     const { showPassword: t, evaluateEyeIcon: r, evaluatePasswordInputType: n } = zc();
     return (s, a) => (g(), J(Oe, He(s.$attrs, { type: i(n) }), s0({
-      icon: F(() => [
-        P(i(H), {
+      icon: U(() => [
+        P(i(Z), {
           icon: i(r),
           class: b(["spr-cursor-pointer spr-transition spr-duration-150 spr-ease-in-out", "hover:spr-text-color-base"]),
           onClick: a[0] || (a[0] = (o) => t.value = !i(t))
@@ -10668,8 +10668,8 @@ const Dc = ws().map((e) => {
     }, [
       de(s.$slots, (o, l) => ({
         name: l,
-        fn: F(() => [
-          te(s.$slots, l)
+        fn: U(() => [
+          re(s.$slots, l)
         ])
       }))
     ]), 1040, ["type"]));
@@ -10681,8 +10681,8 @@ const Dc = ws().map((e) => {
   __name: "input-search",
   setup(e) {
     return (t, r) => (g(), J(Oe, Y0(U0(t.$attrs)), {
-      icon: F(() => [
-        P(i(H), { icon: "ph:magnifying-glass" })
+      icon: U(() => [
+        P(i(Z), { icon: "ph:magnifying-glass" })
       ]),
       _: 1
     }, 16));
@@ -10694,18 +10694,18 @@ const Dc = ws().map((e) => {
   __name: "input-url",
   setup(e) {
     return (t, r) => (g(), J(Oe, He(t.$attrs, { type: "url" }), s0({
-      prefix: F(() => [
+      prefix: U(() => [
         r[0] || (r[0] = D("span", null, " https:// ", -1))
       ]),
-      icon: F(() => [
-        P(i(H), { icon: "ph:question-fill" })
+      icon: U(() => [
+        P(i(Z), { icon: "ph:question-fill" })
       ]),
       _: 2
     }, [
       de(t.$slots, (n, s) => ({
         name: s,
-        fn: F(() => [
-          te(t.$slots, s)
+        fn: U(() => [
+          re(t.$slots, s)
         ])
       }))
     ]), 1040));
@@ -10717,15 +10717,15 @@ const Dc = ws().map((e) => {
   __name: "input-username",
   setup(e) {
     return (t, r) => (g(), J(Oe, Y0(U0(t.$attrs)), s0({
-      prefix: F(() => [
-        P(i(H), { icon: "ph:user" })
+      prefix: U(() => [
+        P(i(Z), { icon: "ph:user" })
       ]),
       _: 2
     }, [
       de(t.$slots, (n, s) => ({
         name: s,
-        fn: F(() => [
-          te(t.$slots, s)
+        fn: U(() => [
+          re(t.$slots, s)
         ])
       }))
     ]), 1040));
@@ -12071,7 +12071,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
     const r = e, n = t, { modalClasses: s, handleCloseModal: a, handleBackdropClick: o } = H6(r, n);
     return (l, u) => (g(), C(X, null, [
       P(m2, { name: "backdrop-transition" }, {
-        default: F(() => [
+        default: U(() => [
           r.modelValue ? (g(), C("div", {
             key: 0,
             class: b(i(s).backdropClasses),
@@ -12082,7 +12082,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
         _: 1
       }),
       P(m2, { name: "modal-transition" }, {
-        default: F(() => [
+        default: U(() => [
           r.modelValue ? (g(), C("div", {
             key: 0,
             id: "modal",
@@ -12092,15 +12092,15 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
               key: 0,
               class: b(i(s).headerClasses)
             }, [
-              !l.$slots.header && l.title ? (g(), C("span", Z6, V(l.title), 1)) : j("", !0),
-              te(l.$slots, "header", {}, void 0, !0),
+              !l.$slots.header && l.title ? (g(), C("span", Z6, H(l.title), 1)) : j("", !0),
+              re(l.$slots, "header", {}, void 0, !0),
               r.closeButtonX ? (g(), C("span", {
                 key: 1,
                 class: b(i(s).headerCloseButtonXClasses),
                 onClick: u[1] || (u[1] = //@ts-ignore
                 (...d) => i(a) && i(a)(...d))
               }, [
-                P(i(H), {
+                P(i(Z), {
                   class: "spr-h-[20px] spr-w-[20px]",
                   icon: "ph:x"
                 })
@@ -12109,13 +12109,13 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
             D("div", {
               class: b(i(s).contentClasses)
             }, [
-              te(l.$slots, "default", {}, void 0, !0)
+              re(l.$slots, "default", {}, void 0, !0)
             ], 2),
             l.$slots.footer ? (g(), C("footer", {
               key: 1,
               class: b(i(s).footerClasses)
             }, [
-              te(l.$slots, "footer", {}, void 0, !0)
+              re(l.$slots, "footer", {}, void 0, !0)
             ], 2)) : j("", !0)
           ], 2)) : j("", !0)
         ]),
@@ -12193,7 +12193,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           style: Ee(i(s))
         }, null, 4)
       ], 2),
-      t.label ? (g(), C("span", t5, V(i(n)) + "%", 1)) : j("", !0)
+      t.label ? (g(), C("span", t5, H(i(n)) + "%", 1)) : j("", !0)
     ], 8, e5));
   }
 }), n5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -12342,11 +12342,11 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           class: b(i(l).baseIndicatorClasses)
         }, null, 2),
         D("div", d5, [
-          te(u.$slots, "default", {}, void 0, !0),
+          re(u.$slots, "default", {}, void 0, !0),
           r.description && r.description !== "" ? (g(), C("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)) : j("", !0)
+          }, H(r.description), 3)) : j("", !0)
         ])
       ], 10, l5)
     ], 2));
@@ -12507,7 +12507,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
       }, [
         D("div", M5, [
           D("div", y5, [
-            te(p.$slots, "logo-image")
+            re(p.$slots, "logo-image")
           ]),
           r.quickActions && r.quickActions.length > 0 ? (g(), J(i(_e), {
             key: 0,
@@ -12520,10 +12520,10 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
             "popper-hide-triggers": [],
             "instant-move": ""
           }, {
-            popper: F(() => [
+            popper: U(() => [
               D("div", m5, [
                 c[10] || (c[10] = D("h3", { class: "spr-body-sm-regular-medium spr-m-0" }, "Quick Actions", -1)),
-                P(i(H), {
+                P(i(Z), {
                   icon: "ph:x",
                   class: b([
                     "spr-text-color-weak spr-h-[20px] spr-w-[20px] spr-cursor-pointer",
@@ -12543,7 +12543,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         "spr-mt-3": y !== 0
                       }
                     ])
-                  }, V(h.menuHeading), 3)) : j("", !0),
+                  }, H(h.menuHeading), 3)) : j("", !0),
                   (g(!0), C(X, null, de(h.items, (f, N) => (g(), C(X, { key: N }, [
                     f.hidden ? j("", !0) : (g(), C("div", {
                       key: 0,
@@ -12561,22 +12561,22 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                           "spr-border spr-border-solid spr-border-ubas-400 spr-bg-ubas-50 spr-text-ubas-800": f.iconBgColor === "purple"
                         })
                       }, [
-                        f.icon ? (g(), J(i(H), {
+                        f.icon ? (g(), J(i(Z), {
                           key: 0,
                           icon: f.icon,
                           class: "spr-h-[1em] spr-w-[1em] spr-text-[20px]"
                         }, null, 8, ["icon"])) : j("", !0)
                       ], 2),
                       D("div", $5, [
-                        D("h5", b5, V(f.title), 1),
-                        D("p", D5, V(f.description), 1)
+                        D("h5", b5, H(f.title), 1),
+                        D("p", D5, H(f.description), 1)
                       ])
                     ], 8, N5))
                   ], 64))), 128))
                 ], 64))), 128))
               ])
             ]),
-            default: F(() => [
+            default: U(() => [
               D("div", {
                 class: b({
                   "spr-flex spr-w-full spr-cursor-pointer spr-items-center spr-text-center spr-text-[28px] spr-transition spr-duration-150 spr-ease-in-out": !0,
@@ -12587,7 +12587,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                 }),
                 onClick: c[0] || (c[0] = (h) => s.value = !i(s))
               }, [
-                P(i(H), {
+                P(i(Z), {
                   icon: "ph:plus-circle-fill",
                   class: "spr-w-full"
                 })
@@ -12606,7 +12606,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
             ]),
             onClick: c[3] || (c[3] = (h) => n("search", "search-triggered"))
           }, [
-            P(i(H), {
+            P(i(Z), {
               icon: "ph:magnifying-glass",
               class: "spr-h-[1.25em] spr-w-[1.25em]"
             })
@@ -12621,9 +12621,9 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                 triggers: ["click", "hover"],
                 "instant-move": ""
               }, {
-                popper: F(() => [
+                popper: U(() => [
                   D("div", w5, [
-                    D("h3", T5, V(f.title), 1)
+                    D("h3", T5, H(f.title), 1)
                   ]),
                   (g(!0), C(X, null, de(f.menuLinks, (M, m) => (g(), C(X, { key: m }, [
                     M.menuHeading ? (g(), C("h5", {
@@ -12632,7 +12632,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                         "spr-mt-2": m !== 0
                       })
-                    }, V(M.menuHeading), 3)) : j("", !0),
+                    }, H(M.menuHeading), 3)) : j("", !0),
                     (g(!0), C(X, null, de(M.items, (v, A) => (g(), C(X, { key: A }, [
                       v.submenuLinks && v.submenuLinks.length > 0 ? (g(), J(i(_e), {
                         key: 0,
@@ -12642,7 +12642,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         triggers: ["click", "hover"],
                         "instant-move": ""
                       }, {
-                        popper: F(() => [
+                        popper: U(() => [
                           (g(!0), C(X, null, de(v.submenuLinks, (S, z) => (g(), C(X, { key: z }, [
                             S.subMenuHeading ? (g(), C("h5", {
                               key: 0,
@@ -12650,14 +12650,14 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                                 "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                                 "spr-mt-2": z !== 0
                               })
-                            }, V(S.subMenuHeading), 3)) : j("", !0),
+                            }, H(S.subMenuHeading), 3)) : j("", !0),
                             (g(!0), C(X, null, de(S.items, (w, I) => (g(), J(i(_e), {
                               key: I,
                               "aria-id": "sidenav-sub-submenu-wrapper",
                               triggers: ["click", "hover"],
                               "instant-move": ""
                             }, {
-                              default: F(() => [
+                              default: U(() => [
                                 w.hidden ? j("", !0) : (g(), C("div", {
                                   key: 0,
                                   id: `${i(d)(f.title, v.title, w.title)}`,
@@ -12677,14 +12677,14 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                                   i2(D("div", z5, null, 512), [
                                     [ut, r.activeNav.submenu === w.title]
                                   ]),
-                                  D("span", null, V(w.title), 1)
+                                  D("span", null, H(w.title), 1)
                                 ], 10, O5))
                               ]),
                               _: 2
                             }, 1024))), 128))
                           ], 64))), 128))
                         ]),
-                        default: F(() => [
+                        default: U(() => [
                           D("div", {
                             id: `${i(d)(f.title, v.title)}`,
                             class: b({
@@ -12695,8 +12695,8 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                             })
                           }, [
                             r.activeNav.menu === v.title ? (g(), C("div", S5)) : j("", !0),
-                            D("span", null, V(v.title), 1),
-                            P(i(H), {
+                            D("span", null, H(v.title), 1),
+                            P(i(Z), {
                               icon: "ph:caret-right",
                               class: "spr-h-[16px] spr-w-[16px] spr-transform spr-font-normal spr-transition-transform spr-duration-300"
                             })
@@ -12716,13 +12716,13 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                           onClick: (S) => i(u)(v, f.title, v.title, "")
                         }, [
                           r.activeNav.menu === v.title ? (g(), C("div", _5)) : j("", !0),
-                          D("span", null, V(v.title), 1)
+                          D("span", null, H(v.title), 1)
                         ], 10, L5))
                       ], 64))
                     ], 64))), 128))
                   ], 64))), 128))
                 ]),
-                default: F(() => [
+                default: U(() => [
                   D("div", {
                     id: `${i(d)(f.title)}`,
                     class: b({
@@ -12745,15 +12745,15 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                       }, null, 8, x5)) : j("", !0)
                     ], 64)) : (g(), C(X, { key: 1 }, [
-                      f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(H), {
+                      f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(Z), {
                         key: 0,
                         icon: f.icon,
                         class: "spr-h-[1.25em] spr-w-[1.25em]"
-                      }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(H), {
+                      }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(Z), {
                         key: 1,
                         icon: `${f.icon}-fill`,
                         class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-                      }, null, 8, ["icon"])) : (g(), J(i(H), {
+                      }, null, 8, ["icon"])) : (g(), J(i(Z), {
                         key: 2,
                         icon: "ph:globe"
                       }))
@@ -12769,10 +12769,10 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                   distance: "18",
                   triggers: ["hover"]
                 }, {
-                  popper: F(() => [
-                    D("span", k5, V(f.title), 1)
+                  popper: U(() => [
+                    D("span", k5, H(f.title), 1)
                   ]),
-                  default: F(() => [
+                  default: U(() => [
                     D("div", {
                       id: `${i(d)(f.title)}`,
                       class: b({
@@ -12796,15 +12796,15 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                         }, null, 8, Y5)) : j("", !0)
                       ], 64)) : (g(), C(X, { key: 1 }, [
-                        f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(H), {
+                        f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(Z), {
                           key: 0,
                           icon: f.icon,
                           class: "spr-h-[1.25em] spr-w-[1.25em]"
-                        }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(H), {
+                        }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(Z), {
                           key: 1,
                           icon: `${f.icon}-fill`,
                           class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-                        }, null, 8, ["icon"])) : (g(), J(i(H), {
+                        }, null, 8, ["icon"])) : (g(), J(i(Z), {
                           key: 2,
                           icon: "ph:globe"
                         }))
@@ -12829,9 +12829,9 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                 triggers: ["click", "hover"],
                 "instant-move": ""
               }, {
-                popper: F(() => [
+                popper: U(() => [
                   D("div", V5, [
-                    D("h3", H5, V(f.title), 1)
+                    D("h3", H5, H(f.title), 1)
                   ]),
                   (g(!0), C(X, null, de(f.menuLinks, (M, m) => (g(), C(X, { key: m }, [
                     M.menuHeading ? (g(), C("h5", {
@@ -12840,7 +12840,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                         "spr-mt-3": m !== 0
                       })
-                    }, V(M.menuHeading), 3)) : j("", !0),
+                    }, H(M.menuHeading), 3)) : j("", !0),
                     (g(!0), C(X, null, de(M.items, (v, A) => (g(), C(X, { key: A }, [
                       v.submenuLinks && v.submenuLinks.length > 0 ? (g(), J(i(_e), {
                         key: 0,
@@ -12850,7 +12850,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         triggers: ["click", "hover"],
                         "instant-move": ""
                       }, {
-                        popper: F(() => [
+                        popper: U(() => [
                           (g(!0), C(X, null, de(v.submenuLinks, (S, z) => (g(), C(X, { key: z }, [
                             S.subMenuHeading ? (g(), C("h5", {
                               key: 0,
@@ -12858,14 +12858,14 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                                 "spr-label-xs-medium spr-text-color-supporting spr-m-0 spr-p-2": !0,
                                 "spr-mt-3": z !== 0
                               })
-                            }, V(S.subMenuHeading), 3)) : j("", !0),
+                            }, H(S.subMenuHeading), 3)) : j("", !0),
                             (g(!0), C(X, null, de(S.items, (w, I) => (g(), J(i(_e), {
                               key: I,
                               "aria-id": "sidenav-sub-submenu-wrapper",
                               triggers: ["click", "hover"],
                               "instant-move": ""
                             }, {
-                              default: F(() => [
+                              default: U(() => [
                                 w.hidden ? j("", !0) : (g(), C("div", {
                                   key: 0,
                                   id: `${i(d)(f.title, v.title, w.title)}`,
@@ -12885,14 +12885,14 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                                   i2(D("div", K5, null, 512), [
                                     [ut, r.activeNav.submenu === w.title]
                                   ]),
-                                  D("span", null, V(w.title), 1)
+                                  D("span", null, H(w.title), 1)
                                 ], 10, W5))
                               ]),
                               _: 2
                             }, 1024))), 128))
                           ], 64))), 128))
                         ]),
-                        default: F(() => [
+                        default: U(() => [
                           D("div", {
                             id: `${i(d)(f.title, v.title)}`,
                             class: b({
@@ -12903,8 +12903,8 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                             })
                           }, [
                             r.activeNav.menu === v.title ? (g(), C("div", G5)) : j("", !0),
-                            D("span", null, V(v.title), 1),
-                            P(i(H), {
+                            D("span", null, H(v.title), 1),
+                            P(i(Z), {
                               icon: "ph:caret-right",
                               class: "spr-h-[16px] spr-w-[16px] spr-transform spr-font-normal spr-transition-transform spr-duration-300"
                             })
@@ -12923,13 +12923,13 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                           ]),
                           onClick: (S) => i(u)(v, f.title, v.title, "")
                         }, [
-                          D("span", null, V(v.title), 1)
+                          D("span", null, H(v.title), 1)
                         ], 8, J5))
                       ], 64))
                     ], 64))), 128))
                   ], 64))), 128))
                 ]),
-                default: F(() => [
+                default: U(() => [
                   D("div", {
                     id: `${i(d)(f.title)}`,
                     class: b({
@@ -12952,15 +12952,15 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                       }, null, 8, Q5)) : j("", !0)
                     ], 64)) : (g(), C(X, { key: 1 }, [
-                      f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(H), {
+                      f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(Z), {
                         key: 0,
                         icon: f.icon,
                         class: "spr-h-[1.25em] spr-w-[1.25em]"
-                      }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(H), {
+                      }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(Z), {
                         key: 1,
                         icon: `${f.icon}-fill`,
                         class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-                      }, null, 8, ["icon"])) : (g(), J(i(H), {
+                      }, null, 8, ["icon"])) : (g(), J(i(Z), {
                         key: 2,
                         icon: "ph:globe"
                       }))
@@ -12976,10 +12976,10 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                   distance: "18",
                   triggers: ["hover"]
                 }, {
-                  popper: F(() => [
-                    D("span", X5, V(f.title), 1)
+                  popper: U(() => [
+                    D("span", X5, H(f.title), 1)
                   ]),
-                  default: F(() => [
+                  default: U(() => [
                     D("div", {
                       id: `${i(d)(f.title)}`,
                       class: b({
@@ -13003,15 +13003,15 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                         }, null, 8, t9)) : j("", !0)
                       ], 64)) : (g(), C(X, { key: 1 }, [
-                        f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(H), {
+                        f.icon && r.activeNav.parentNav !== f.title ? (g(), J(i(Z), {
                           key: 0,
                           icon: f.icon,
                           class: "spr-h-[1.25em] spr-w-[1.25em]"
-                        }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(H), {
+                        }, null, 8, ["icon"])) : r.activeNav.parentNav === f.title ? (g(), J(i(Z), {
                           key: 1,
                           icon: `${f.icon}-fill`,
                           class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-                        }, null, 8, ["icon"])) : (g(), J(i(H), {
+                        }, null, 8, ["icon"])) : (g(), J(i(Z), {
                           key: 2,
                           icon: "ph:globe"
                         }))
@@ -13033,10 +13033,10 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           distance: "4",
           triggers: ["hover"]
         }, {
-          popper: F(() => c[11] || (c[11] = [
+          popper: U(() => c[11] || (c[11] = [
             D("span", { class: "spr-label-xs-medium spr-uppercase" }, "NOTIFICATIONS", -1)
           ])),
-          default: F(() => [
+          default: U(() => [
             r.notificationCount || r.notificationCount === 0 ? (g(), C("div", {
               key: 0,
               id: "sidenav_notification",
@@ -13049,11 +13049,11 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
               ]),
               onClick: c[4] || (c[4] = (h) => n("notifications", "notifications-triggered"))
             }, [
-              r.isNotifActive ? (g(), J(i(H), {
+              r.isNotifActive ? (g(), J(i(Z), {
                 key: 1,
                 icon: "ph:bell-fill",
                 class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-              })) : (g(), J(i(H), {
+              })) : (g(), J(i(Z), {
                 key: 0,
                 icon: "ph:bell",
                 class: "spr-h-[1.25em] spr-w-[1.25em]"
@@ -13075,10 +13075,10 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           distance: "4",
           triggers: ["hover"]
         }, {
-          popper: F(() => c[12] || (c[12] = [
+          popper: U(() => c[12] || (c[12] = [
             D("span", { class: "spr-label-xs-medium spr-uppercase" }, "REQUESTS", -1)
           ])),
-          default: F(() => [
+          default: U(() => [
             r.requestCount || r.requestCount === 0 ? (g(), C("div", {
               key: 0,
               id: "sidenav_request",
@@ -13091,11 +13091,11 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
               ]),
               onClick: c[5] || (c[5] = (h) => n("requests", "requests-triggered"))
             }, [
-              r.isRequestActive ? (g(), J(i(H), {
+              r.isRequestActive ? (g(), J(i(Z), {
                 key: 1,
                 icon: "ph:file-text-fill",
                 class: "spr-text-kangkong-700 spr-h-[1.25em] spr-w-[1.25em]"
-              })) : (g(), J(i(H), {
+              })) : (g(), J(i(Z), {
                 key: 0,
                 icon: "ph:file-text",
                 class: "spr-h-[1.25em] spr-w-[1.25em]"
@@ -13122,7 +13122,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           triggers: ["click", "hover"],
           "instant-move": ""
         }, {
-          popper: F(() => [
+          popper: U(() => [
             D("div", i9, [
               D("div", l9, [
                 D("div", d9, [
@@ -13131,11 +13131,11 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                     src: r.userMenu.profileImage,
                     alt: "profile-image",
                     onError: c[8] || (c[8] = (h) => o.value = !0)
-                  }, null, 40, u9)) : (g(), C("span", c9, V(i(l)(r.userMenu.name)), 1))
+                  }, null, 40, u9)) : (g(), C("span", c9, H(i(l)(r.userMenu.name)), 1))
                 ]),
                 D("div", p9, [
-                  D("h3", g9, V(r.userMenu.name), 1),
-                  D("p", f9, V(r.userMenu.email), 1)
+                  D("h3", g9, H(r.userMenu.name), 1),
+                  D("p", f9, H(r.userMenu.email), 1)
                 ])
               ])
             ]),
@@ -13152,17 +13152,17 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                   ]),
                   onClick: (f) => i(u)(h, "", "", "")
                 }, [
-                  h.icon ? (g(), J(i(H), {
+                  h.icon ? (g(), J(i(Z), {
                     key: 0,
                     icon: h.icon,
                     class: "spr-h-[1em] spr-w-[1em] spr-text-[20px]"
                   }, null, 8, ["icon"])) : j("", !0),
-                  D("h5", M9, V(h.title), 1)
+                  D("h5", M9, H(h.title), 1)
                 ], 8, C9))
               ], 64))), 128))
             ])
           ]),
-          default: F(() => [
+          default: U(() => [
             D("div", {
               id: "sidenav_user_menu",
               class: b([
@@ -13180,7 +13180,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                 src: r.userMenu.profileImage,
                 alt: "profile-image",
                 onError: c[6] || (c[6] = (h) => o.value = !0)
-              }, null, 40, a9)) : (g(), C("span", o9, V(i(l)(r.userMenu.name)), 1))
+              }, null, 40, a9)) : (g(), C("span", o9, H(i(l)(r.userMenu.name)), 1))
             ])
           ]),
           _: 1
@@ -13355,7 +13355,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
         "leave-to-class": i(s).sidepanelTransitionHiddenClasses,
         appear: ""
       }, {
-        default: F(() => [
+        default: U(() => [
           l.isOpen ? (g(), C("div", {
             key: 0,
             ref_key: "sidepanelRef",
@@ -13368,7 +13368,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
           }, [
             r.hideHeader ? j("", !0) : (g(), C(X, { key: 0 }, [
               l.$slots.header ? (g(), C("div", I9, [
-                te(l.$slots, "header")
+                re(l.$slots, "header")
               ])) : (g(), C("div", {
                 key: 0,
                 class: b(i(s).sidepanelHeaderClasses)
@@ -13376,8 +13376,8 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
                 D("div", {
                   id: "sidepanel-title",
                   class: b(i(s).sidepanelHeaderTitleClasses)
-                }, V(l.headerTitle), 3),
-                P(i(H), {
+                }, H(l.headerTitle), 3),
+                P(i(Z), {
                   class: b(i(s).sidepanelHeaderIconClasses),
                   icon: "ph:x",
                   onClick: i(o)
@@ -13388,13 +13388,13 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
               id: "sidepanel-content",
               class: b(i(s).sidepanelContentClasses)
             }, [
-              te(l.$slots, "default")
+              re(l.$slots, "default")
             ], 2),
             l.$slots.footer ? (g(), C("div", {
               key: 1,
               class: b(i(s).sidepanelFooterClasses)
             }, [
-              te(l.$slots, "footer")
+              re(l.$slots, "footer")
             ], 2)) : j("", !0)
           ], 6)) : j("", !0)
         ]),
@@ -13516,7 +13516,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
         ]),
         style: Ee(i(u))
       }, null, 6),
-      P(i(H), {
+      P(i(Z), {
         icon: "ph:circle-fill",
         class: b([
           i(o),
@@ -13625,16 +13625,16 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
       (...c) => i(u) && i(u)(...c))
     }), [
       D("div", P9, [
-        d.showIcon ? (g(), J(i(H), {
+        d.showIcon ? (g(), J(i(Z), {
           key: 0,
           icon: i(l),
           width: Dn,
           height: Dn,
           class: b([i(o), "spr-mr-size-spacing-3xs spr-flex-shrink-0"])
         }, null, 8, ["icon", "class"])) : j("", !0),
-        D("label", null, V(d.text), 1)
+        D("label", null, H(d.text), 1)
       ]),
-      d.showAction ? te(d.$slots, "default", { key: 0 }, () => [
+      d.showAction ? re(d.$slots, "default", { key: 0 }, () => [
         D("label", {
           class: b([
             i(o),
@@ -13650,8 +13650,8 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
             variant: "secondary",
             tone: d.actionIconProps.tone
           }, {
-            default: F(() => [
-              P(i(H), {
+            default: U(() => [
+              P(i(Z), {
                 icon: d.actionIconProps.icon,
                 width: "20",
                 height: "20"
@@ -13659,7 +13659,7 @@ const E6 = ["white", "dark", "gray", "green"], P6 = [
             ]),
             _: 1
           }, 8, ["class", "tone"])) : j("", !0),
-          je(" " + V(d.actionText), 1)
+          je(" " + H(d.actionText), 1)
         ], 2)
       ], !0) : j("", !0)
     ], 16));
@@ -14435,8 +14435,8 @@ function Lt(e, t, r = {}, n, s, a) {
   }
   const v = a ? function() {
     const { state: T } = r, G = T ? T() : {};
-    this.$patch((re) => {
-      Pe(re, G);
+    this.$patch((ne) => {
+      Pe(ne, G);
     });
   } : (
     /* istanbul ignore next */
@@ -14452,27 +14452,27 @@ function Lt(e, t, r = {}, n, s, a) {
       return $[dt] = T, $;
     const G = function() {
       n0(n);
-      const re = Array.from(arguments), W = [], L = [];
-      function Y(Z) {
-        W.push(Z);
+      const ne = Array.from(arguments), W = [], B = [];
+      function L(V) {
+        W.push(V);
       }
-      function B(Z) {
-        L.push(Z);
+      function F(V) {
+        B.push(V);
       }
       w2(h, {
-        args: re,
+        args: ne,
         name: G[dt],
         store: I,
-        after: Y,
-        onError: B
+        after: L,
+        onError: F
       });
-      let U;
+      let Y;
       try {
-        U = $.apply(this && this.$id === e ? this : I, re);
-      } catch (Z) {
-        throw w2(L, Z), Z;
+        Y = $.apply(this && this.$id === e ? this : I, ne);
+      } catch (V) {
+        throw w2(B, V), V;
       }
-      return U instanceof Promise ? U.then((Z) => (w2(W, Z), Z)).catch((Z) => (w2(L, Z), Promise.reject(Z))) : (w2(W, U), U);
+      return Y instanceof Promise ? Y.then((V) => (w2(W, V), V)).catch((V) => (w2(B, V), Promise.reject(V))) : (w2(W, Y), Y);
     };
     return G[wn] = !0, G[dt] = T, G;
   }, z = /* @__PURE__ */ M2({
@@ -14488,7 +14488,7 @@ function Lt(e, t, r = {}, n, s, a) {
     $patch: m,
     $reset: v,
     $subscribe($, T = {}) {
-      const G = xn(c, $, T.detached, () => re()), re = o.run(() => Ce(() => n.state.value[e], (W) => {
+      const G = xn(c, $, T.detached, () => ne()), ne = o.run(() => Ce(() => n.state.value[e], (W) => {
         (T.flush === "sync" ? p : d) && $({
           storeId: e,
           type: We.direct,
@@ -14535,8 +14535,8 @@ function Lt(e, t, r = {}, n, s, a) {
   }), process.env.NODE_ENV !== "production" && (I._hotUpdate = M2(($) => {
     I._hotUpdating = !0, $._hmrPayload.state.forEach((T) => {
       if (T in I.$state) {
-        const G = $.$state[T], re = I.$state[T];
-        typeof G == "object" && $2(G) && $2(re) ? Bs(G, re) : $.$state[T] = re;
+        const G = $.$state[T], ne = I.$state[T];
+        typeof G == "object" && $2(G) && $2(ne) ? Bs(G, ne) : $.$state[T] = ne;
       }
       c0(I, T, p0($.$state, T));
     }), Object.keys(I.$state).forEach((T) => {
@@ -14549,11 +14549,11 @@ function Lt(e, t, r = {}, n, s, a) {
       c0(I, T, S(G, T));
     }
     for (const T in $._hmrPayload.getters) {
-      const G = $._hmrPayload.getters[T], re = a ? (
+      const G = $._hmrPayload.getters[T], ne = a ? (
         // special handling of options api
         k(() => (n0(n), G.call(I, I)))
       ) : G;
-      c0(I, T, re);
+      c0(I, T, ne);
     }
     Object.keys(I._hmrPayload.getters).forEach((T) => {
       T in $._hmrPayload.getters || lt(I, T);
@@ -14676,13 +14676,13 @@ const C8 = (e) => ({
       showCaution: (d) => u(d)
     }), (d, p) => (g(), J(ya, { to: "body" }, [
       P(m2, { name: "snackbar" }, {
-        default: F(() => [
+        default: U(() => [
           i(n).snacks.length > 0 ? (g(), C("div", y8, [
             P(ma, {
               name: "snackbar",
               tag: "ul"
             }, {
-              default: F(() => [
+              default: U(() => [
                 (g(!0), C(X, null, de(i(n).snacks, (c) => (g(), C("li", {
                   key: c.id,
                   class: "snackbar-snack spr-mb-size-spacing-3xs"
@@ -14697,9 +14697,9 @@ const C8 = (e) => ({
                     "action-icon-props": c.actionIconProps,
                     action: c.action || c.defaultAction
                   }, {
-                    default: F(() => [
-                      te(d.$slots, "default", {}, () => [
-                        te(d.$slots, "snackbarActions", {}, void 0, !0)
+                    default: U(() => [
+                      re(d.$slots, "default", {}, () => [
+                        re(d.$slots, "snackbarActions", {}, void 0, !0)
                       ], !0)
                     ]),
                     _: 2
@@ -14796,7 +14796,7 @@ const C8 = (e) => ({
       }, [
         D("span", {
           class: b(i(s).numberClass)
-        }, V(r.number), 3)
+        }, H(r.number), 3)
       ], 2),
       D("div", {
         class: b(i(s).textContainerClass)
@@ -14804,11 +14804,11 @@ const C8 = (e) => ({
         r.label ? (g(), C("span", {
           key: 0,
           class: b(i(s).labelClass)
-        }, V(r.label), 3)) : j("", !0),
+        }, H(r.label), 3)) : j("", !0),
         r.description ? (g(), C("span", {
           key: 1,
           class: b(i(s).descriptionClass)
-        }, V(r.description), 3)) : j("", !0)
+        }, H(r.description), 3)) : j("", !0)
       ], 2)
     ], 2));
   }
@@ -14986,8 +14986,8 @@ const C8 = (e) => ({
         for: i(s),
         class: "spr-cursor-pointer"
       }, [
-        te(f.$slots, "leftText", {}, () => [
-          te(f.$slots, "default", {}, void 0, !0)
+        re(f.$slots, "leftText", {}, () => [
+          re(f.$slots, "default", {}, void 0, !0)
         ], !0)
       ], 8, k8)),
       D("div", {
@@ -15025,7 +15025,7 @@ const C8 = (e) => ({
         for: i(s),
         class: "spr-cursor-pointer"
       }, [
-        te(f.$slots, "rightText", {}, void 0, !0)
+        re(f.$slots, "rightText", {}, void 0, !0)
       ], 8, P8))
     ], 16));
   }
@@ -15084,7 +15084,7 @@ const C8 = (e) => ({
     return (u, d) => (g(), C("div", {
       class: b(i(s))
     }, [
-      te(u.$slots, "tableActionSection", {}, () => [
+      re(u.$slots, "tableActionSection", {}, () => [
         D("div", {
           class: b(i(o))
         }, [
@@ -15100,15 +15100,15 @@ const C8 = (e) => ({
             variant: "secondary",
             "has-icon": ""
           }, {
-            default: F(() => [
-              P(i(H), { icon: "ph:sliders-horizontal" })
+            default: U(() => [
+              P(i(Z), { icon: "ph:sliders-horizontal" })
             ]),
             _: 1
           })) : j("", !0)
         ], 2),
         n.toggleOption ? (g(), J(ve, { key: 0 }, {
-          default: F(() => [
-            P(i(H), { icon: "ph:dots-three-vertical" })
+          default: U(() => [
+            P(i(Z), { icon: "ph:dots-three-vertical" })
           ]),
           _: 1
         })) : j("", !0)
@@ -15223,10 +15223,10 @@ const C8 = (e) => ({
       }, s0({ _: 2 }, [
         (u = t.cell) != null && u.icon ? {
           name: "icon",
-          fn: F(() => {
+          fn: U(() => {
             var d;
             return [
-              P(i(H), {
+              P(i(Z), {
                 icon: (d = t.cell) == null ? void 0 : d.icon
               }, null, 8, ["icon"])
             ];
@@ -15357,15 +15357,15 @@ const C8 = (e) => ({
         class: b(i(s).dropdownClass),
         "onUpdate:modelValue": i(a)
       }, {
-        default: F(() => [
+        default: U(() => [
           P(Oe, {
             modelValue: i(l),
             "onUpdate:modelValue": N[0] || (N[0] = (M) => ge(l) ? l.value = M : null),
             class: b(i(s).dropdownInputFieldClass),
             readonly: !0
           }, {
-            icon: F(() => [
-              P(i(H), {
+            icon: U(() => [
+              P(i(Z), {
                 icon: "ph:caret-down-bold",
                 class: b(i(s).inputFieldIconClass)
               }, null, 8, ["class"])
@@ -15380,7 +15380,7 @@ const C8 = (e) => ({
       }, [
         D("div", {
           class: b(i(s).computeRowRangeClass)
-        }, V(i(o)), 3),
+        }, H(i(o)), 3),
         D("div", {
           class: b(i(s).navigationContainerClass)
         }, [
@@ -15391,8 +15391,8 @@ const C8 = (e) => ({
             disabled: i(p),
             onClick: i(d)
           }, {
-            default: F(() => [
-              P(i(H), { icon: "ph:caret-left" })
+            default: U(() => [
+              P(i(Z), { icon: "ph:caret-left" })
             ]),
             _: 1
           }, 8, ["class", "disabled", "onClick"]),
@@ -15403,8 +15403,8 @@ const C8 = (e) => ({
             disabled: i(c),
             onClick: i(u)
           }, {
-            default: F(() => [
-              P(i(H), { icon: "ph:caret-right" })
+            default: U(() => [
+              P(i(Z), { icon: "ph:caret-right" })
             ]),
             _: 1
           }, 8, ["class", "disabled", "onClick"])
@@ -15511,101 +15511,106 @@ const C8 = (e) => ({
     (t) => (typeof t == "object" || typeof t == "string" || typeof t == "number") && t !== null
   )
 }, l7 = (e, t, r) => {
-  const { dataTable: n, action: s, headers: a, sortOrder: o, fullHeight: l, selectedKeyId: u, returnCompleteSelectedProperties: d } = Me(e), p = Q(""), c = Q(e.searchModel), h = Q(o.value || "asc"), y = Q(!1), f = Q([]), N = k(() => f.value.length === 0 ? !1 : f.value.length === m.value.length), M = k(() => f.value.length === 0 ? !1 : f.value.length > 0 && f.value.length < m.value.length), m = k(() => !p.value || o.value ? n.value : [...n.value].sort((Y, B) => {
-    const U = _(Y[p.value]), Z = _(B[p.value]);
-    return U < Z ? h.value === "asc" ? -1 : 1 : U > Z ? h.value === "asc" ? 1 : -1 : 0;
+  const { dataTable: n, action: s, headers: a, sortOrder: o, fullHeight: l, selectedKeyId: u, returnCompleteSelectedProperties: d } = Me(e), p = Q(""), c = Q(e.searchModel), h = Q(o.value || "asc"), y = Q(!1), f = Q([]), N = k(() => f.value.length === 0 ? !1 : f.value.length === m.value.length), M = k(() => f.value.length === 0 ? !1 : f.value.length > 0 && f.value.length < m.value.length), m = k(() => !p.value || o.value ? n.value : [...n.value].sort((F, Y) => {
+    const V = _(F[p.value]), te = _(Y[p.value]);
+    return V < te ? h.value === "asc" ? -1 : 1 : V > te ? h.value === "asc" ? 1 : -1 : 0;
   })), v = (L) => {
     p.value === L ? h.value = h.value === "asc" ? "desc" : "asc" : (p.value = L, h.value = "asc"), t("onSort", { field: L, sortOrder: h.value });
   }, A = k(() => s.value ? a.value.length + 1 : a.value.length), S = (L) => {
     t("update:searchModel", L);
   }, z = k(
     () => e.tableActions.search || e.tableActions.filter || e.tableActions.option
-  ), w = (L, Y) => {
-    e.isRowClickable && t("onRowClick", L, Y);
+  ), w = (L, F) => {
+    e.isRowClickable && t("onRowClick", L, F);
   }, I = k(() => l.value ? "large" : "small"), _ = (L) => typeof L == "string" ? L.toLowerCase() : typeof L == "object" && !Array.isArray(L) && L !== null ? L.title.toLowerCase() : Array.isArray(L) && L.length > 0 ? L[0].title.toLowerCase() : "", x = k(() => {
     const L = O(
       "spr-flex spr-flex-col spr-h-full spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative"
-    ), Y = O("spr-w-full spr-bottom-0 spr-left-0", {
+    ), F = O("spr-w-full spr-bottom-0 spr-left-0", {
       "spr-background-color-surface": e.variant === "surface",
       "spr-background-color": e.variant === "white"
-    }), B = O({
+    }), Y = O({
       "spr-background-color": e.variant === "white",
       "spr-background-color-surface": e.variant === "surface"
-    }), U = O(
+    }), V = O(
       "spr-min-h-12 spr-px-size-spacing-2xs spr-py-size-spacing-3xs",
       "spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-text-start spr-font-medium spr-uppercase",
       "spr-border-color-weak spr-border-x-0 spr-border-y spr-border-solid",
       {
         "spr-border-t-0": !r.default
       },
-      B
-    ), Z = "spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-5xs", se = O({
+      Y
+    ), te = "spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-5xs", ie = O({
       "spr-px-size-spacing-sm spr-py-size-spacing-xs": !!r.default
-    }), le = "spr-border-color-weak spr-w-full spr-border spr-border-solid", he = "spr-background-color-surface spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-uppercase", ee = O("hover:spr-background-color-hover spr-min-h-[60px]", {
+    }), he = "spr-border-color-weak spr-w-full spr-border spr-border-solid", ee = "spr-background-color-surface spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-uppercase", se = O("hover:spr-background-color-hover spr-min-h-[60px]", {
       "spr-cursor-pointer": e.isRowClickable
-    }), ne = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", ue = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", ye = O("spr-h-full"), fe = O({
+    }), ue = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", ye = "spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3", fe = O("spr-h-full"), De = O({
       "spr-overflow-y-auto spr-h-full": l.value,
       "spr-h-[250px]": !l.value && r.footer,
       "spr-h-[360px]": !l.value && !r.footer
-    }), De = O({
+    }), Ne = O({
       "spr-overflow-y-hidden spr-h-[calc(90vh-150px)] md:spr-h-[calc(80vh-150px)] sm:spr-h-[calc(70vh-150px)]": l.value && r.footer,
       // Adjust tbody height for header/footer
       "spr-overflow-y-auto spr-h-[75vh]": l.value && !r.footer,
       // Adjust tbody height for header/footer
       "spr-h-[250px]": !l.value && r.footer,
       "spr-h-[360px]": !l.value && !r.footer
-    }), Ne = O(
+    }), ae = O(
       "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid"
-    ), ae = O("spr-px-size-spacing-2xs spr-py-size-spacing-3xs spr-w-[44px] ");
+    ), R = O("spr-px-size-spacing-2xs spr-py-size-spacing-3xs spr-w-[44px] ");
     return {
-      headerClasses: U,
+      headerClasses: V,
       tableWrapperClasses: L,
-      defaultSlotClasses: se,
-      tableHeaderActionsClasses: le,
-      headerNameClass: Z,
-      tableCellSlotClasses: he,
-      multiselectRowClass: Ne,
-      multiselectClass: ae,
-      tableRowClasses: ee,
-      tableDataClasses: ne,
-      tableRowActionClasses: ue,
-      tableBackgroundClasses: ye,
-      tableBodyClasses: fe,
-      tableFooterClasses: Y,
-      emptyStateClasses: De
+      defaultSlotClasses: ie,
+      tableHeaderActionsClasses: he,
+      headerNameClass: te,
+      tableCellSlotClasses: ee,
+      multiselectRowClass: ae,
+      multiselectClass: R,
+      tableRowClasses: se,
+      tableDataClasses: ue,
+      tableRowActionClasses: ye,
+      tableBackgroundClasses: fe,
+      tableBodyClasses: De,
+      tableFooterClasses: F,
+      emptyStateClasses: Ne
     };
-  }), $ = (L, Y) => m.value[L][Y], T = (L) => typeof L == "object" && "title" in L, G = (L) => {
+  }), $ = (L, F) => m.value[L][F], T = (L) => typeof L == "object" && "title" in L, G = (L) => {
     if (!u.value || !(u.value in L)) return;
-    const Y = f.value.findIndex((B) => {
-      const U = B[u.value], Z = L[u.value];
-      return T(U) && T(Z) ? U.title === Z.title : B[u.value] === L[u.value];
+    const F = f.value.findIndex((Y) => {
+      const V = Y[u.value], te = L[u.value];
+      return T(V) && T(te) ? V.title === te.title : Y[u.value] === L[u.value];
     });
-    Y !== -1 ? f.value.splice(Y, 1) : f.value.push(L);
-  }, re = () => {
-    N.value || M.value ? f.value = [] : f.value = [...m.value];
-  }, W = (L) => !u.value || !(u.value in L) ? !1 : f.value.some((Y) => {
-    const B = Y[u.value], U = L[u.value];
-    return T(B) && T(U) ? B.title === U.title : Y[u.value] === L[u.value];
-  });
-  return Ce(
-    () => f.value.length,
-    () => {
-      if (d.value)
-        t("update:selectedData", f.value);
-      else {
-        const L = f.value.map((Y) => {
-          const B = Y[u.value];
-          return typeof B == "object" ? { ...B } : B;
-        });
-        t("update:selectedData", L);
-      }
+    F !== -1 ? f.value.splice(F, 1) : f.value.push(L), B();
+  }, ne = () => {
+    N.value || M.value ? f.value = [] : f.value = [...m.value], B();
+  }, W = (L) => !u.value || !(u.value in L) ? !1 : f.value.some((F) => {
+    const Y = F[u.value], V = L[u.value];
+    return T(Y) && T(V) ? Y.title === V.title : F[u.value] === L[u.value];
+  }), B = () => {
+    if (d.value)
+      t("update:selectedData", f.value);
+    else {
+      const L = f.value.map((F) => {
+        const Y = F[u.value];
+        return typeof Y == "object" ? { ...Y } : Y;
+      });
+      t("update:selectedData", L);
     }
-  ), {
+  };
+  return Ce(m, (L) => {
+    L && e.isMultiSelect && f.value.length > 0 && L.forEach((F) => {
+      const Y = f.value.findIndex((V) => {
+        const te = V[u.value], ie = F[u.value];
+        return T(te) && T(ie) ? te.title === ie.title : V[u.value] === F[u.value];
+      });
+      Y === -1 && f.value.splice(Y, 1);
+    });
+  }), {
     sortData: v,
     updateSearchField: S,
     handleRowClick: w,
     handleSelect: G,
-    handleSelectAll: re,
+    handleSelectAll: ne,
     sortedData: m,
     getHeaderCount: A,
     hasTableActions: z,
@@ -15683,7 +15688,7 @@ const C8 = (e) => ({
         key: 0,
         class: b(i(d).defaultSlotClasses)
       }, [
-        te(S.$slots, "default")
+        re(S.$slots, "default")
       ], 2)) : j("", !0),
       i(l) ? (g(), C("div", {
         key: 1,
@@ -15699,8 +15704,8 @@ const C8 = (e) => ({
           "toggle-option": r.tableActions.option,
           "toggle-filter": r.tableActions.filter
         }, {
-          tableActionSection: F(() => [
-            te(S.$slots, "tableActionSection")
+          tableActionSection: U(() => [
+            re(S.$slots, "tableActionSection")
           ]),
           _: 3
         }, 8, ["search-model", "toggle-search", "toggle-option", "toggle-filter", "onUpdate:searchModel"])
@@ -15734,7 +15739,7 @@ const C8 = (e) => ({
                   D("span", {
                     class: b([{ "spr-cursor-pointer": w.sort }]),
                     onClick: (_) => w.sort && i(f)(w.field)
-                  }, V(w.name), 11, p7),
+                  }, H(w.name), 11, p7),
                   w.badgeText ? (g(), C("span", g7, [
                     P(v2, {
                       text: w.badgeText,
@@ -15747,7 +15752,7 @@ const C8 = (e) => ({
                     class: b(["spr-flex spr-flex-row spr-items-center", { "spr-cursor-pointer": w.sort }]),
                     onClick: (_) => w.sort && i(f)(w.field)
                   }, [
-                    P(i(H), { icon: "ph:caret-up-down-light" })
+                    P(i(Z), { icon: "ph:caret-up-down-light" })
                   ], 10, f7)) : j("", !0)
                 ], 2)
               ], 2))), 128)),
@@ -15755,7 +15760,7 @@ const C8 = (e) => ({
                 key: 1,
                 class: b(i(d).headerClasses)
               }, [
-                te(S.$slots, "action-name", {
+                re(S.$slots, "action-name", {
                   class: b(i(d).tableCellSlotClasses)
                 })
               ], 2)) : j("", !0)
@@ -15788,7 +15793,7 @@ const C8 = (e) => ({
                 key: x,
                 class: b(i(d).tableDataClasses)
               }, [
-                S.$slots[_.field] ? te(S.$slots, _.field, {
+                S.$slots[_.field] ? re(S.$slots, _.field, {
                   key: 0,
                   row: w,
                   rowIndex: I
@@ -15803,7 +15808,7 @@ const C8 = (e) => ({
                       initial: i(A)(I, _.field).title
                     }, null, 8, ["src", "variant", "initial"])) : j("", !0),
                     _.hasIcon ? (g(), C("div", y7, [
-                      P(i(H), {
+                      P(i(Z), {
                         icon: i(A)(I, _.field).icon || ""
                       }, null, 8, ["icon"])
                     ])) : j("", !0),
@@ -15829,9 +15834,9 @@ const C8 = (e) => ({
                           P(_t, {
                             cell: i(A)(I, _.field).title
                           }, null, 8, ["cell"])
-                        ])) : (g(), C("div", I7, V(i(A)(I, _.field).title), 1))
+                        ])) : (g(), C("div", I7, H(i(A)(I, _.field).title), 1))
                       ])),
-                      _.hasSubtext ? (g(), C("div", A7, V(i(A)(I, _.field).subtext), 1)) : j("", !0)
+                      _.hasSubtext ? (g(), C("div", A7, H(i(A)(I, _.field).subtext), 1)) : j("", !0)
                     ])
                   ])) : j("", !0)
                 ], 64))
@@ -15841,7 +15846,7 @@ const C8 = (e) => ({
                 class: b(i(d).tableRowActionClasses)
               }, [
                 D("div", x7, [
-                  te(S.$slots, "action", { row: w })
+                  re(S.$slots, "action", { row: w })
                 ])
               ], 2)) : j("", !0)
             ], 42, h7))), 128))
@@ -15854,7 +15859,7 @@ const C8 = (e) => ({
                 colspan: i(o),
                 class: "spr-overflow-hidden"
               }, [
-                te(S.$slots, "loading", {}, () => [
+                re(S.$slots, "loading", {}, () => [
                   z[1] || (z[1] = D("div", { class: "spr-flex spr-items-center spr-justify-center" }, "Loading...", -1))
                 ])
               ], 8, S7)
@@ -15863,7 +15868,7 @@ const C8 = (e) => ({
                 colspan: i(o),
                 class: "spr-flex spr-h-full spr-items-center spr-justify-center"
               }, [
-                te(S.$slots, "empty-state", {}, () => [
+                re(S.$slots, "empty-state", {}, () => [
                   P(ms, { size: i(p) }, null, 8, ["size"])
                 ])
               ], 8, T7)
@@ -15875,7 +15880,7 @@ const C8 = (e) => ({
         key: 2,
         class: b(i(d).tableFooterClasses)
       }, [
-        te(S.$slots, "footer")
+        re(S.$slots, "footer")
       ], 2)) : j("", !0)
     ], 2));
   }
@@ -15998,7 +16003,7 @@ const C8 = (e) => ({
           })
         }, [
           p.icon ? (g(), C("div", Y7, [
-            P(i(H), {
+            P(i(Z), {
               class: b({
                 "spr-body-sm-regular": !0,
                 "spr-text-color-brand-base": i(a).index === c
@@ -16006,7 +16011,7 @@ const C8 = (e) => ({
               icon: i(a).index === c && typeof p.iconFill == "string" ? p.iconFill : p.icon
             }, null, 8, ["class", "icon"])
           ])) : j("", !0),
-          p.label ? (g(), C("div", U7, V(p.label), 1)) : j("", !0)
+          p.label ? (g(), C("div", U7, H(p.label), 1)) : j("", !0)
         ], 2)
       ], 10, P7))), 128)),
       u.underlined ? (g(), C("div", {
@@ -16123,7 +16128,7 @@ const C8 = (e) => ({
         key: 0,
         for: o.id,
         class: b(i(a).labelClasses)
-      }, V(o.label), 11, H7)) : j("", !0),
+      }, H(o.label), 11, H7)) : j("", !0),
       D("textarea", He(o.$attrs, {
         id: r.id,
         class: i(a).textAreaClasses,
@@ -16141,14 +16146,14 @@ const C8 = (e) => ({
         key: 1,
         class: b(i(a).helperClasses)
       }, [
-        te(o.$slots, "helperMessage", {}, () => [
-          r.helperIcon ? (g(), J(i(H), {
+        re(o.$slots, "helperMessage", {}, () => [
+          r.helperIcon ? (g(), J(i(Z), {
             key: 0,
             icon: r.helperIcon,
             width: "20px",
             height: "20px"
           }, null, 8, ["icon"])) : j("", !0),
-          D("span", null, V(r.helperText), 1)
+          D("span", null, H(r.helperText), 1)
         ])
       ], 2)) : j("", !0)
     ], 2));
@@ -16216,7 +16221,7 @@ const C8 = (e) => ({
 }, J7 = {
   "update:modelValue": (e) => e instanceof MouseEvent
 }, X7 = (e, t) => {
-  const { format: r, interval: n, fullWidth: s } = Me(e), a = Q(!1), o = Ie(e, "modelValue", t), l = Q(`time-picker-${ie().valueOf()}-${Math.floor(Math.random() * 1e3)}`), u = k(() => O("spr-max-h-[300px] spr-p-size-spacing-3xs spr-overflow-y-auto", {
+  const { format: r, interval: n, fullWidth: s } = Me(e), a = Q(!1), o = Ie(e, "modelValue", t), l = Q(`time-picker-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), u = k(() => O("spr-max-h-[300px] spr-p-size-spacing-3xs spr-overflow-y-auto", {
     "spr-w-[240px]": !s.value
   })), d = (M) => {
     var S;
@@ -16225,7 +16230,7 @@ const C8 = (e) => ({
     const v = m.value.toUpperCase();
     (r.value === "12" ? /^[0-9:APM\s]*$/ : /^[0-9:]*$/).test(v) ? o.value = v : o.value = (S = o.value) == null ? void 0 : S.slice(0, -1);
   }, p = () => {
-    const M = [], m = ie().startOf("day"), v = ie().endOf("day");
+    const M = [], m = le().startOf("day"), v = le().endOf("day");
     let A = m;
     for (; A.isBefore(v) || A.isSame(v); )
       M.push(c(A)), A = A.add(n.value, "minute");
@@ -16277,7 +16282,7 @@ const C8 = (e) => ({
       },
       "instant-move": ""
     }, {
-      popper: F(() => [
+      popper: U(() => [
         D("div", {
           class: b(i(s))
         }, [
@@ -16295,16 +16300,16 @@ const C8 = (e) => ({
                 ]),
                 onMousedown: gt((m) => i(d)(f), ["prevent"])
               }, [
-                je(V(f) + " ", 1),
+                je(H(f) + " ", 1),
                 f.toUpperCase() === ((M = i(l)) == null ? void 0 : M.toUpperCase()) ? (g(), C("span", rp, [
-                  P(i(H), { icon: "ph:check" })
+                  P(i(Z), { icon: "ph:check" })
                 ])) : j("", !0)
               ], 42, tp);
             }), 128))
           ])) : (g(), C("div", np, "No matching options found"))
         ], 2)
       ]),
-      default: F(() => [
+      default: U(() => [
         D("div", {
           id: i(c),
           style: {
@@ -16325,8 +16330,8 @@ const C8 = (e) => ({
             "helper-text": r.helperText,
             onInput: i(p)
           }, {
-            icon: F(() => [
-              P(i(H), { icon: "ph:clock" })
+            icon: U(() => [
+              P(i(Z), { icon: "ph:clock" })
             ]),
             _: 1
           }, 8, ["id", "modelValue", "placeholder", "readonly", "disabled", "label", "error", "display-helper", "helper-text", "onInput"])
@@ -16388,15 +16393,15 @@ const C8 = (e) => ({
       "aria-id": t.hasMaxWidth ? "tooltip-full-width-wrapper" : "tooltip-wrapper",
       placement: i(n)
     }, {
-      popper: F(() => [
-        t.text ? (g(), C("span", dp, V(t.text), 1)) : j("", !0),
-        te(s.$slots, "popper-content")
+      popper: U(() => [
+        t.text ? (g(), C("span", dp, H(t.text), 1)) : j("", !0),
+        re(s.$slots, "popper-content")
       ]),
-      default: F(() => [
-        te(s.$slots, "default")
+      default: U(() => [
+        re(s.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "aria-id", "placement"])) : te(s.$slots, "default", { key: 1 });
+    }, 8, ["class", "aria-id", "placement"])) : re(s.$slots, "default", { key: 1 });
   }
 }), cp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,