design-system-next 2.7.40 → 2.7.42

package/dist/design-system-next.js

@@ -1,125 +1,5 @@
-import { toRefs as ye, ref as V, reactive as H2, computed as P, nextTick as We, defineComponent as oe, openBlock as g, createElementBlock as y, normalizeClass as I, unref as i, renderSlot as re, createVNode as U, Transition as C2, withCtx as Q, withDirectives as a2, createElementVNode as A, normalizeStyle as _e, vShow as lt, h as dr, onUnmounted as Tn, getCurrentScope as Sn, onScopeDispose as On, getCurrentInstance as E0, onMounted as e2, isRef as he, watch as Me, shallowRef as la, mergeProps as Qe, Fragment as q, renderList as de, toDisplayString as H, createCommentVNode as T, createBlock as K, useSlots as b2, pushScopeId as da, popScopeId as ua, normalizeProps as P0, guardReactiveProps as Y0, withScopeId as ca, resolveComponent as dt, withKeys as ut, onBeforeMount as pa, createTextVNode as we, createSlots as z2, withModifiers as ct, vModelText as X0, toRef as c0, vModelRadio as ga, effectScope as zn, markRaw as f2, toRaw as Z2, hasInjectionContext as fa, inject as ha, isReactive as _t, Teleport as Ca, TransitionGroup as ya, vModelCheckbox as Ma } from "vue";
-const va = ["header", "button"], ma = {
-  accordionItems: {
-    type: Array,
-    required: !0,
-    default: () => []
-  },
-  alwaysOpen: {
-    type: Boolean,
-    default: !1
-  },
-  isDefaultOpen: {
-    type: Boolean,
-    default: !1
-  },
-  accordionTrigger: {
-    type: String,
-    validator: (e) => va.includes(e),
-    default: "button"
-  },
-  bordered: {
-    type: Boolean,
-    default: !0
-  }
-}, ba = (e) => {
-  const { accordionItems: t, isDefaultOpen: r, alwaysOpen: n } = ye(e), s = V(), a = H2(t.value.map(() => r.value && n.value));
-  return {
-    accordionItems: t,
-    isDefaultOpen: r,
-    alwaysOpen: n,
-    collapsedState: a,
-    toggleCollapse: (d) => {
-      d < 0 || d >= a.length || (a[d] = !a[d], e.alwaysOpen || a.forEach((c, p) => {
-        p !== d && (a[p] = !1);
-      }));
-    },
-    setClickedIndex: (d) => {
-      s.value = d;
-    },
-    clearIndex: () => {
-      s.value = void 0;
-    },
-    clickedIndex: s
-  };
-}, Na = {
-  modelValue: {
-    type: Boolean,
-    required: !0
-  },
-  transitionDuration: {
-    type: Number,
-    default: 150
-    // Default transition duration in milliseconds
-  }
-}, $a = {
-  "update:modelValue": (e) => typeof e == "boolean"
-}, Da = (e, t) => {
-  const { modelValue: r, transitionDuration: n } = ye(e), s = P(() => ({
-    container: "spr-w-full"
-  })), a = P(() => ({
-    overflow: "hidden",
-    transition: `max-height ${n.value}ms ease-in-out`
-  }));
-  return {
-    collapsibleClasses: s,
-    contentStyle: a,
-    toggleCollapsible: () => {
-      t("update:modelValue", !r.value);
-    },
-    onBeforeEnter: (p) => {
-      p.style.maxHeight = "0px";
-    },
-    onEnter: async (p, C) => {
-      await We();
-      const h = p;
-      h.style.maxHeight = `${h.scrollHeight}px`, setTimeout(() => {
-        h.style.maxHeight = "", C();
-      }, n.value);
-    },
-    onBeforeLeave: (p) => {
-      const C = p;
-      C.style.maxHeight = `${C.scrollHeight}px`;
-    },
-    onLeave: (p, C) => {
-      const h = p;
-      h.offsetHeight, h.style.maxHeight = "0px", setTimeout(C, n.value);
-    }
-  };
-}, Ln = /* @__PURE__ */ oe({
-  __name: "collapsible",
-  props: Na,
-  emits: $a,
-  setup(e, { emit: t }) {
-    const r = e, n = t, { collapsibleClasses: s, contentStyle: a, toggleCollapsible: o, onBeforeEnter: l, onEnter: u, onBeforeLeave: d, onLeave: c } = Da(r, n);
-    return (p, C) => (g(), y("div", {
-      class: I(i(s).container)
-    }, [
-      re(p.$slots, "trigger", { toggleCollapsible: i(o) }),
-      U(C2, {
-        css: !1,
-        onBeforeEnter: i(l),
-        onEnter: i(u),
-        onBeforeLeave: i(d),
-        onLeave: i(c)
-      }, {
-        default: Q(() => [
-          a2(A("div", {
-            style: _e(i(a))
-          }, [
-            re(p.$slots, "default")
-          ], 4), [
-            [lt, p.modelValue]
-          ])
-        ]),
-        _: 3
-      }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])
-    ], 2));
-  }
-}), Ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ln
-}, Symbol.toStringTag, { value: "Module" })), _n = /^[a-z0-9]+(-[a-z0-9]+)*$/, U0 = (e, t, r, n = "") => {
+import { defineComponent as oe, h as dr, toRefs as ye, ref as V, reactive as H2, computed as P, nextTick as We, openBlock as g, createElementBlock as y, normalizeClass as I, unref as i, renderSlot as re, createVNode as U, Transition as C2, withCtx as Q, withDirectives as a2, createElementVNode as A, normalizeStyle as _e, vShow as lt, onUnmounted as Tn, getCurrentScope as Sn, onScopeDispose as On, getCurrentInstance as E0, onMounted as e2, isRef as he, watch as Me, shallowRef as la, mergeProps as Qe, Fragment as q, renderList as de, toDisplayString as H, createCommentVNode as T, createBlock as K, useSlots as b2, pushScopeId as da, popScopeId as ua, normalizeProps as P0, guardReactiveProps as Y0, withScopeId as ca, resolveComponent as dt, withKeys as ut, onBeforeMount as pa, createTextVNode as we, createSlots as z2, withModifiers as ct, vModelText as X0, toRef as c0, vModelRadio as ga, effectScope as zn, markRaw as f2, toRaw as Z2, hasInjectionContext as fa, inject as ha, isReactive as _t, Teleport as Ca, TransitionGroup as ya, vModelCheckbox as Ma } from "vue";
+const Ln = /^[a-z0-9]+(-[a-z0-9]+)*$/, U0 = (e, t, r, n = "") => {
   const s = e.split(":");
   if (e.slice(0, 1) === "@") {
     if (s.length < 2 || s.length > 3)
@@ -157,7 +37,7 @@ const va = ["header", "button"], ma = {
   return null;
 }, p0 = (e, t) => e ? !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
 // Check name: cannot be empty
-((t && e.prefix === "" || e.prefix) && e.name) : !1, kn = Object.freeze(
+((t && e.prefix === "" || e.prefix) && e.name) : !1, _n = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -169,26 +49,26 @@ const va = ["header", "button"], ma = {
   vFlip: !1,
   hFlip: !1
 }), F0 = Object.freeze({
-  ...kn,
+  ..._n,
   ...A0
 }), pt = Object.freeze({
   ...F0,
   body: "",
   hidden: !1
 });
-function Aa(e, t) {
+function va(e, t) {
   const r = {};
   !e.hFlip != !t.hFlip && (r.hFlip = !0), !e.vFlip != !t.vFlip && (r.vFlip = !0);
   const n = ((e.rotate || 0) + (t.rotate || 0)) % 4;
   return n && (r.rotate = n), r;
 }
 function ur(e, t) {
-  const r = Aa(e, t);
+  const r = va(e, t);
   for (const n in pt)
     n in A0 ? n in e && !(n in r) && (r[n] = A0[n]) : n in t ? r[n] = t[n] : n in e && (r[n] = e[n]);
   return r;
 }
-function xa(e, t) {
+function ma(e, t) {
   const r = e.icons, n = e.aliases || /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null);
   function a(o) {
     if (r[o])
@@ -202,7 +82,7 @@ function xa(e, t) {
   }
   return Object.keys(r).concat(Object.keys(n)).forEach(a), s;
 }
-function wa(e, t, r) {
+function ba(e, t, r) {
   const n = e.icons, s = e.aliases || /* @__PURE__ */ Object.create(null);
   let a = {};
   function o(l) {
@@ -213,25 +93,25 @@ function wa(e, t, r) {
   }
   return o(t), r.forEach(o), ur(e, a);
 }
-function En(e, t) {
+function kn(e, t) {
   const r = [];
   if (typeof e != "object" || typeof e.icons != "object")
     return r;
   e.not_found instanceof Array && e.not_found.forEach((s) => {
     t(s, null), r.push(s);
   });
-  const n = xa(e);
+  const n = ma(e);
   for (const s in n) {
     const a = n[s];
-    a && (t(s, wa(e, s, a)), r.push(s));
+    a && (t(s, ba(e, s, a)), r.push(s));
   }
   return r;
 }
-const ja = {
+const Na = {
   provider: "",
   aliases: {},
   not_found: {},
-  ...kn
+  ..._n
 };
 function q0(e, t) {
   for (const r in t)
@@ -239,11 +119,11 @@ function q0(e, t) {
       return !1;
   return !0;
 }
-function Pn(e) {
+function En(e) {
   if (typeof e != "object" || e === null)
     return null;
   const t = e;
-  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !q0(e, ja))
+  if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !q0(e, Na))
     return null;
   const r = t.icons;
   for (const s in r) {
@@ -276,7 +156,7 @@ function Pn(e) {
   return t;
 }
 const cr = /* @__PURE__ */ Object.create(null);
-function Ta(e, t) {
+function $a(e, t) {
   return {
     provider: e,
     prefix: t,
@@ -286,14 +166,14 @@ function Ta(e, t) {
 }
 function O2(e, t) {
   const r = cr[e] || (cr[e] = /* @__PURE__ */ Object.create(null));
-  return r[t] || (r[t] = Ta(e, t));
+  return r[t] || (r[t] = $a(e, t));
 }
-function Yn(e, t) {
-  return Pn(t) ? En(t, (r, n) => {
+function Pn(e, t) {
+  return En(t) ? kn(t, (r, n) => {
     n ? e.icons[r] = n : e.missing.add(r);
   }) : [];
 }
-function Sa(e, t, r) {
+function Da(e, t, r) {
   try {
     if (typeof r.body == "string")
       return e.icons[t] = { ...r }, !0;
@@ -302,30 +182,30 @@ function Sa(e, t, r) {
   return !1;
 }
 let G2 = !1;
-function Un(e) {
+function Yn(e) {
   return typeof e == "boolean" && (G2 = e), G2;
 }
-function Oa(e) {
+function Ia(e) {
   const t = typeof e == "string" ? U0(e, !0, G2) : e;
   if (t) {
     const r = O2(t.provider, t.prefix), n = t.name;
     return r.icons[n] || (r.missing.has(n) ? null : void 0);
   }
 }
-function za(e, t) {
+function Aa(e, t) {
   const r = U0(e, !0, G2);
   if (!r)
     return !1;
   const n = O2(r.provider, r.prefix);
-  return t ? Sa(n, r.name, t) : (n.missing.add(r.name), !0);
+  return t ? Da(n, r.name, t) : (n.missing.add(r.name), !0);
 }
-function La(e, t) {
+function xa(e, t) {
   if (typeof e != "object")
     return !1;
   if (typeof t != "string" && (t = e.provider || ""), G2 && !t && !e.prefix) {
     let s = !1;
-    return Pn(e) && (e.prefix = "", En(e, (a, o) => {
-      za(a, o) && (s = !0);
+    return En(e) && (e.prefix = "", kn(e, (a, o) => {
+      Aa(a, o) && (s = !0);
     })), s;
   }
   const r = e.prefix;
@@ -336,17 +216,17 @@ function La(e, t) {
   }))
     return !1;
   const n = O2(t, r);
-  return !!Yn(n, e);
+  return !!Pn(n, e);
 }
-const Fn = Object.freeze({
+const Un = Object.freeze({
   width: null,
   height: null
-}), Bn = Object.freeze({
+}), Fn = Object.freeze({
   // Dimensions
-  ...Fn,
+  ...Un,
   // Transformations
   ...A0
-}), _a = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ka = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+}), wa = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ja = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function pr(e, t, r) {
   if (t === 1)
     return e;
@@ -354,11 +234,11 @@ function pr(e, t, r) {
     return Math.ceil(e * t * r) / r;
   if (typeof e != "string")
     return e;
-  const n = e.split(_a);
+  const n = e.split(wa);
   if (n === null || !n.length)
     return e;
   const s = [];
-  let a = n.shift(), o = ka.test(a);
+  let a = n.shift(), o = ja.test(a);
   for (; ; ) {
     if (o) {
       const l = parseFloat(a);
@@ -370,7 +250,7 @@ function pr(e, t, r) {
     o = !o;
   }
 }
-function Ea(e, t = "defs") {
+function Ta(e, t = "defs") {
   let r = "";
   const n = e.indexOf("<" + t);
   for (; n >= 0; ) {
@@ -387,20 +267,20 @@ function Ea(e, t = "defs") {
     content: e
   };
 }
-function Pa(e, t) {
+function Sa(e, t) {
   return e ? "<defs>" + e + "</defs>" + t : t;
 }
-function Ya(e, t, r) {
-  const n = Ea(e);
-  return Pa(n.defs, t + n.content + r);
+function Oa(e, t, r) {
+  const n = Ta(e);
+  return Sa(n.defs, t + n.content + r);
 }
-const Ua = (e) => e === "unset" || e === "undefined" || e === "none";
-function Fa(e, t) {
+const za = (e) => e === "unset" || e === "undefined" || e === "none";
+function La(e, t) {
   const r = {
     ...F0,
     ...e
   }, n = {
-    ...Bn,
+    ...Fn,
     ...t
   }, s = {
     left: r.left,
@@ -435,7 +315,7 @@ function Fa(e, t) {
         );
         break;
     }
-    D % 2 === 1 && (s.left !== s.top && (S = s.left, s.left = s.top, s.top = S), s.width !== s.height && (S = s.width, s.width = s.height, s.height = S)), b.length && (a = Ya(
+    D % 2 === 1 && (s.left !== s.top && (S = s.left, s.left = s.top, s.top = S), s.width !== s.height && (S = s.width, s.width = s.height, s.height = S)), b.length && (a = Oa(
       a,
       '<g transform="' + b.join(" ") + '">',
       "</g>"
@@ -445,7 +325,7 @@ function Fa(e, t) {
   let c, p;
   o === null ? (p = l === null ? "1em" : l === "auto" ? d : l, c = pr(p, u / d)) : (c = o === "auto" ? u : o, p = l === null ? pr(c, d / u) : l === "auto" ? d : l);
   const C = {}, h = (v, b) => {
-    Ua(b) || (C[v] = b.toString());
+    za(b) || (C[v] = b.toString());
   };
   h("width", c), h("height", p);
   const f = [s.left, s.top, u, d];
@@ -455,18 +335,18 @@ function Fa(e, t) {
     body: a
   };
 }
-const Ba = /\sid="(\S+)"/g, Ra = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let Qa = 0;
-function Va(e, t = Ra) {
+const _a = /\sid="(\S+)"/g, ka = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let Ea = 0;
+function Pa(e, t = ka) {
   const r = [];
   let n;
-  for (; n = Ba.exec(e); )
+  for (; n = _a.exec(e); )
     r.push(n[1]);
   if (!r.length)
     return e;
   const s = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
   return r.forEach((a) => {
-    const o = typeof t == "function" ? t(a) : t + (Qa++).toString(), l = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const o = typeof t == "function" ? t(a) : t + (Ea++).toString(), l = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     e = e.replace(
       // Allowed characters before id: [#;"]
       // Allowed characters after id: [)"], .[a-z]
@@ -476,7 +356,7 @@ function Va(e, t = Ra) {
   }), e = e.replace(new RegExp(s, "g"), ""), e;
 }
 const gt = /* @__PURE__ */ Object.create(null);
-function Ha(e, t) {
+function Ya(e, t) {
   gt[e] = t;
 }
 function ft(e) {
@@ -516,14 +396,14 @@ for (; E2.length > 0; )
 Et[""] = kt({
   resources: ["https://api.iconify.design"].concat(g0)
 });
-function Za(e, t) {
+function Ua(e, t) {
   const r = kt(t);
   return r === null ? !1 : (Et[e] = r, !0);
 }
 function Pt(e) {
   return Et[e];
 }
-const Ga = () => {
+const Fa = () => {
   let e;
   try {
     if (e = fetch, typeof e == "function")
@@ -531,8 +411,8 @@ const Ga = () => {
   } catch {
   }
 };
-let gr = Ga();
-function Wa(e, t) {
+let gr = Fa();
+function Ba(e, t) {
   const r = Pt(e);
   if (!r)
     return 0;
@@ -549,11 +429,11 @@ function Wa(e, t) {
   }
   return n;
 }
-function Ka(e) {
+function Ra(e) {
   return e === 404;
 }
-const Ja = (e, t, r) => {
-  const n = [], s = Wa(e, t), a = "icons";
+const Qa = (e, t, r) => {
+  const n = [], s = Ba(e, t), a = "icons";
   let o = {
     type: a,
     provider: e,
@@ -569,7 +449,7 @@ const Ja = (e, t, r) => {
     }, l = u.length), o.icons.push(u);
   }), n.push(o), n;
 };
-function Xa(e) {
+function Va(e) {
   if (typeof e == "string") {
     const t = Pt(e);
     if (t)
@@ -577,12 +457,12 @@ function Xa(e) {
   }
   return "/";
 }
-const qa = (e, t, r) => {
+const Ha = (e, t, r) => {
   if (!gr) {
     r("abort", 424);
     return;
   }
-  let n = Xa(t.provider);
+  let n = Va(t.provider);
   switch (t.type) {
     case "icons": {
       const a = t.prefix, l = t.icons.join(","), u = new URLSearchParams({
@@ -605,7 +485,7 @@ const qa = (e, t, r) => {
     const o = a.status;
     if (o !== 200) {
       setTimeout(() => {
-        r(Ka(o) ? "abort" : "next", o);
+        r(Ra(o) ? "abort" : "next", o);
       });
       return;
     }
@@ -623,11 +503,11 @@ const qa = (e, t, r) => {
   }).catch(() => {
     r("next", s);
   });
-}, eo = {
-  prepare: Ja,
-  send: qa
+}, Za = {
+  prepare: Qa,
+  send: Ha
 };
-function to(e) {
+function Ga(e) {
   const t = {
     loaded: [],
     missing: [],
@@ -654,13 +534,13 @@ function to(e) {
     c.push(p);
   }), t;
 }
-function Rn(e, t) {
+function Bn(e, t) {
   e.forEach((r) => {
     const n = r.loaderCallbacks;
     n && (r.loaderCallbacks = n.filter((s) => s.id !== t));
   });
 }
-function ro(e) {
+function Wa(e) {
   e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
     e.pendingCallbacksFlag = !1;
     const t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -689,7 +569,7 @@ function ro(e) {
         else
           return r = !0, !0;
         return !1;
-      }), o.pending.length !== l && (r || Rn([e], a.id), a.callback(
+      }), o.pending.length !== l && (r || Bn([e], a.id), a.callback(
         o.loaded.slice(0),
         o.missing.slice(0),
         o.pending.slice(0),
@@ -698,9 +578,9 @@ function ro(e) {
     });
   }));
 }
-let no = 0;
-function so(e, t, r) {
-  const n = no++, s = Rn.bind(null, r, n);
+let Ka = 0;
+function Ja(e, t, r) {
+  const n = Ka++, s = Bn.bind(null, r, n);
   if (!t.pending.length)
     return s;
   const a = {
@@ -713,14 +593,14 @@ function so(e, t, r) {
     (o.loaderCallbacks || (o.loaderCallbacks = [])).push(a);
   }), s;
 }
-function ao(e, t = !0, r = !1) {
+function Xa(e, t = !0, r = !1) {
   const n = [];
   return e.forEach((s) => {
     const a = typeof s == "string" ? U0(s, t, r) : s;
     a && n.push(a);
   }), n;
 }
-var oo = {
+var qa = {
   resources: [],
   index: 0,
   timeout: 2e3,
@@ -728,7 +608,7 @@ var oo = {
   random: !1,
   dataAfterTimeout: !1
 };
-function io(e, t, r, n) {
+function eo(e, t, r, n) {
   const s = e.resources.length, a = e.random ? Math.floor(Math.random() * s) : e.index;
   let o;
   if (e.random) {
@@ -829,9 +709,9 @@ function io(e, t, r, n) {
   }
   return setTimeout(L), m;
 }
-function Qn(e) {
+function Rn(e) {
   const t = {
-    ...oo,
+    ...qa,
     ...e
   };
   let r = [];
@@ -839,7 +719,7 @@ function Qn(e) {
     r = r.filter((l) => l().status === "pending");
   }
   function s(l, u, d) {
-    const c = io(
+    const c = eo(
       t,
       l,
       u,
@@ -865,12 +745,12 @@ function Qn(e) {
 function fr() {
 }
 const et = /* @__PURE__ */ Object.create(null);
-function lo(e) {
+function to(e) {
   if (!et[e]) {
     const t = Pt(e);
     if (!t)
       return;
-    const r = Qn(t), n = {
+    const r = Rn(t), n = {
       config: t,
       redundancy: r
     };
@@ -878,19 +758,19 @@ function lo(e) {
   }
   return et[e];
 }
-function uo(e, t, r) {
+function ro(e, t, r) {
   let n, s;
   if (typeof e == "string") {
     const a = ft(e);
     if (!a)
       return r(void 0, 424), fr;
     s = a.send;
-    const o = lo(e);
+    const o = to(e);
     o && (n = o.redundancy);
   } else {
     const a = kt(e);
     if (a) {
-      n = Qn(a);
+      n = Rn(a);
       const o = e.resources ? e.resources[0] : "", l = ft(o);
       l && (s = l.send);
     }
@@ -899,15 +779,15 @@ function uo(e, t, r) {
 }
 function hr() {
 }
-function co(e) {
+function no(e) {
   e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-    e.iconsLoaderFlag = !1, ro(e);
+    e.iconsLoaderFlag = !1, Wa(e);
   }));
 }
-function po(e) {
+function so(e) {
   const t = [], r = [];
   return e.forEach((n) => {
-    (n.match(_n) ? t : r).push(n);
+    (n.match(Ln) ? t : r).push(n);
   }), {
     valid: t,
     invalid: r
@@ -922,14 +802,14 @@ function P2(e, t, r) {
   }
   if (r && typeof r == "object")
     try {
-      if (!Yn(e, r).length) {
+      if (!Pn(e, r).length) {
         n();
         return;
       }
     } catch (s) {
       console.error(s);
     }
-  n(), co(e);
+  n(), no(e);
 }
 function Cr(e, t) {
   e instanceof Promise ? e.then((r) => {
@@ -938,7 +818,7 @@ function Cr(e, t) {
     t(null);
   }) : t(e);
 }
-function go(e, t) {
+function ao(e, t) {
   e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
     e.iconsQueueFlag = !1;
     const { provider: r, prefix: n } = e, s = e.iconsToLoad;
@@ -969,23 +849,23 @@ function go(e, t) {
       });
       return;
     }
-    const { valid: o, invalid: l } = po(s);
+    const { valid: o, invalid: l } = so(s);
     if (l.length && P2(e, l, null), !o.length)
       return;
-    const u = n.match(_n) ? ft(r) : null;
+    const u = n.match(Ln) ? ft(r) : null;
     if (!u) {
       P2(e, o, null);
       return;
     }
     u.prepare(r, n, o).forEach((c) => {
-      uo(r, c, (p) => {
+      ro(r, c, (p) => {
         P2(e, c.icons, p);
       });
     });
   }));
 }
-const fo = (e, t) => {
-  const r = ao(e, !0, Un()), n = to(r);
+const oo = (e, t) => {
+  const r = Xa(e, !0, Yn()), n = Ga(r);
   if (!n.pending.length) {
     let u = !0;
     return t && setTimeout(() => {
@@ -1013,22 +893,22 @@ const fo = (e, t) => {
     h.has(p) || (h.add(p), s[d][c].push(p));
   }), a.forEach((u) => {
     const d = s[u.provider][u.prefix];
-    d.length && go(u, d);
-  }), t ? so(t, n, a) : hr;
+    d.length && ao(u, d);
+  }), t ? Ja(t, n, a) : hr;
 };
-function ho(e, t) {
+function io(e, t) {
   const r = {
     ...e
   };
   for (const n in t) {
     const s = t[n], a = typeof s;
-    n in Fn ? (s === null || s && (a === "string" || a === "number")) && (r[n] = s) : a === typeof r[n] && (r[n] = n === "rotate" ? s % 4 : s);
+    n in Un ? (s === null || s && (a === "string" || a === "number")) && (r[n] = s) : a === typeof r[n] && (r[n] = n === "rotate" ? s % 4 : s);
   }
   return r;
 }
-const Co = /[\s,]+/;
-function yo(e, t) {
-  t.split(Co).forEach((r) => {
+const lo = /[\s,]+/;
+function uo(e, t) {
+  t.split(lo).forEach((r) => {
     switch (r.trim()) {
       case "horizontal":
         e.hFlip = !0;
@@ -1039,7 +919,7 @@ function yo(e, t) {
     }
   });
 }
-function Mo(e, t = 0) {
+function co(e, t = 0) {
   const r = e.replace(/^-?[0-9.]*/, "");
   function n(s) {
     for (; s < 0; )
@@ -1065,34 +945,34 @@ function Mo(e, t = 0) {
   }
   return t;
 }
-function vo(e, t) {
+function po(e, t) {
   let r = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const n in t)
     r += " " + n + '="' + t[n] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + r + ">" + e + "</svg>";
 }
-function mo(e) {
+function go(e) {
   return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function bo(e) {
-  return "data:image/svg+xml," + mo(e);
+function fo(e) {
+  return "data:image/svg+xml," + go(e);
 }
-function No(e) {
-  return 'url("' + bo(e) + '")';
+function ho(e) {
+  return 'url("' + fo(e) + '")';
 }
 const yr = {
-  ...Bn,
+  ...Fn,
   inline: !1
-}, $o = {
+}, Co = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Do = {
+}, yo = {
   display: "inline-block"
 }, ht = {
   backgroundColor: "currentColor"
-}, Vn = {
+}, Qn = {
   backgroundColor: "transparent"
 }, Mr = {
   Image: "var(--svg)",
@@ -1101,7 +981,7 @@ const yr = {
 }, vr = {
   webkitMask: ht,
   mask: ht,
-  background: Vn
+  background: Qn
 };
 for (const e in vr) {
   const t = vr[e];
@@ -1117,7 +997,7 @@ function mr(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const br = (e, t) => {
-  const r = ho(yr, t), n = { ...$o }, s = t.mode || "svg", a = {}, o = t.style, l = typeof o == "object" && !(o instanceof Array) ? o : {};
+  const r = io(yr, t), n = { ...Co }, s = t.mode || "svg", a = {}, o = t.style, l = typeof o == "object" && !(o instanceof Array) ? o : {};
   for (let v in t) {
     const b = t[v];
     if (b !== void 0)
@@ -1137,7 +1017,7 @@ const br = (e, t) => {
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
-          typeof b == "string" && yo(r, b);
+          typeof b == "string" && uo(r, b);
           break;
         // Color: override style
         case "color":
@@ -1145,7 +1025,7 @@ const br = (e, t) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof b == "string" ? r[v] = Mo(b) : typeof b == "number" && (r[v] = b);
+          typeof b == "string" ? r[v] = co(b) : typeof b == "number" && (r[v] = b);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1158,32 +1038,32 @@ const br = (e, t) => {
         }
       }
   }
-  const u = Fa(e, r), d = u.attributes;
+  const u = La(e, r), d = u.attributes;
   if (r.inline && (a.verticalAlign = "-0.125em"), s === "svg") {
     n.style = {
       ...a,
       ...l
     }, Object.assign(n, d);
     let v = 0, b = t.id;
-    return typeof b == "string" && (b = b.replace(/-/g, "_")), n.innerHTML = Va(u.body, b ? () => b + "ID" + v++ : "iconifyVue"), dr("svg", n);
+    return typeof b == "string" && (b = b.replace(/-/g, "_")), n.innerHTML = Pa(u.body, b ? () => b + "ID" + v++ : "iconifyVue"), dr("svg", n);
   }
-  const { body: c, width: p, height: C } = e, h = s === "mask" || (s === "bg" ? !1 : c.indexOf("currentColor") !== -1), f = vo(c, {
+  const { body: c, width: p, height: C } = e, h = s === "mask" || (s === "bg" ? !1 : c.indexOf("currentColor") !== -1), f = po(c, {
     ...d,
     width: p + "",
     height: C + ""
   });
   return n.style = {
     ...a,
-    "--svg": No(f),
+    "--svg": ho(f),
     width: mr(d.width),
     height: mr(d.height),
-    ...Do,
-    ...h ? ht : Vn,
+    ...yo,
+    ...h ? ht : Qn,
     ...l
   }, dr("span", n);
 };
-Un(!0);
-Ha("", eo);
+Yn(!0);
+Ya("", Za);
 if (typeof document < "u" && typeof window < "u") {
   const e = window;
   if (e.IconifyPreload !== void 0) {
@@ -1193,7 +1073,7 @@ if (typeof document < "u" && typeof window < "u") {
         // Check if item is an object and not null/array
         (typeof n != "object" || n === null || n instanceof Array || // Check for 'icons' and 'prefix'
         typeof n.icons != "object" || typeof n.prefix != "string" || // Add icon set
-        !La(n)) && console.error(r);
+        !xa(n)) && console.error(r);
       } catch {
         console.error(r);
       }
@@ -1208,14 +1088,14 @@ if (typeof document < "u" && typeof window < "u") {
           const s = t[r];
           if (typeof s != "object" || !s || s.resources === void 0)
             continue;
-          Za(r, s) || console.error(n);
+          Ua(r, s) || console.error(n);
         } catch {
           console.error(n);
         }
       }
   }
 }
-const Io = {
+const Mo = {
   ...F0,
   body: ""
 }, Z = oe({
@@ -1253,11 +1133,11 @@ const Io = {
       let n;
       if (typeof e != "string" || (n = U0(e, !1, !0)) === null)
         return this.abortLoading(), null;
-      let s = Oa(n);
+      let s = Ia(n);
       if (!s)
         return (!this._loadingIcon || this._loadingIcon.name !== e) && (this.abortLoading(), this._name = "", s !== null && (this._loadingIcon = {
           name: e,
-          abort: fo([n], () => {
+          abort: oo([n], () => {
             this.counter++;
           })
         })), null;
@@ -1275,7 +1155,7 @@ const Io = {
     this.counter;
     const e = this.$attrs, t = this.iconMounted || e.ssr ? this.getIcon(e.icon, e.onLoad, e.customise) : null;
     if (!t)
-      return br(Io, e);
+      return br(Mo, e);
     let r = e;
     return t.classes && (r = {
       ...e,
@@ -1285,7 +1165,127 @@ const Io = {
       ...t.data
     }, r);
   }
-}), Ao = ["neutral", "success", "danger"], xo = ["small", "medium", "large"], wo = ["button", "submit", "reset"], jo = ["base", "hover", "pressed", "focus"], To = ["primary", "secondary", "tertiary"], So = {
+}), vo = ["header", "button"], mo = {
+  accordionItems: {
+    type: Array,
+    required: !0,
+    default: () => []
+  },
+  alwaysOpen: {
+    type: Boolean,
+    default: !1
+  },
+  isDefaultOpen: {
+    type: Boolean,
+    default: !1
+  },
+  accordionTrigger: {
+    type: String,
+    validator: (e) => vo.includes(e),
+    default: "button"
+  },
+  bordered: {
+    type: Boolean,
+    default: !0
+  }
+}, bo = (e) => {
+  const { accordionItems: t, isDefaultOpen: r, alwaysOpen: n } = ye(e), s = V(), a = H2(t.value.map(() => r.value && n.value));
+  return {
+    accordionItems: t,
+    isDefaultOpen: r,
+    alwaysOpen: n,
+    collapsedState: a,
+    toggleCollapse: (d) => {
+      d < 0 || d >= a.length || (a[d] = !a[d], e.alwaysOpen || a.forEach((c, p) => {
+        p !== d && (a[p] = !1);
+      }));
+    },
+    setClickedIndex: (d) => {
+      s.value = d;
+    },
+    clearIndex: () => {
+      s.value = void 0;
+    },
+    clickedIndex: s
+  };
+}, No = {
+  modelValue: {
+    type: Boolean,
+    required: !0
+  },
+  transitionDuration: {
+    type: Number,
+    default: 150
+    // Default transition duration in milliseconds
+  }
+}, $o = {
+  "update:modelValue": (e) => typeof e == "boolean"
+}, Do = (e, t) => {
+  const { modelValue: r, transitionDuration: n } = ye(e), s = P(() => ({
+    container: "spr-w-full"
+  })), a = P(() => ({
+    overflow: "hidden",
+    transition: `max-height ${n.value}ms ease-in-out`
+  }));
+  return {
+    collapsibleClasses: s,
+    contentStyle: a,
+    toggleCollapsible: () => {
+      t("update:modelValue", !r.value);
+    },
+    onBeforeEnter: (p) => {
+      p.style.maxHeight = "0px";
+    },
+    onEnter: async (p, C) => {
+      await We();
+      const h = p;
+      h.style.maxHeight = `${h.scrollHeight}px`, setTimeout(() => {
+        h.style.maxHeight = "", C();
+      }, n.value);
+    },
+    onBeforeLeave: (p) => {
+      const C = p;
+      C.style.maxHeight = `${C.scrollHeight}px`;
+    },
+    onLeave: (p, C) => {
+      const h = p;
+      h.offsetHeight, h.style.maxHeight = "0px", setTimeout(C, n.value);
+    }
+  };
+}, Vn = /* @__PURE__ */ oe({
+  __name: "collapsible",
+  props: No,
+  emits: $o,
+  setup(e, { emit: t }) {
+    const r = e, n = t, { collapsibleClasses: s, contentStyle: a, toggleCollapsible: o, onBeforeEnter: l, onEnter: u, onBeforeLeave: d, onLeave: c } = Do(r, n);
+    return (p, C) => (g(), y("div", {
+      class: I(i(s).container)
+    }, [
+      re(p.$slots, "trigger", { toggleCollapsible: i(o) }),
+      U(C2, {
+        css: !1,
+        onBeforeEnter: i(l),
+        onEnter: i(u),
+        onBeforeLeave: i(d),
+        onLeave: i(c)
+      }, {
+        default: Q(() => [
+          a2(A("div", {
+            style: _e(i(a))
+          }, [
+            re(p.$slots, "default")
+          ], 4), [
+            [lt, p.modelValue]
+          ])
+        ]),
+        _: 3
+      }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])
+    ], 2));
+  }
+}), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Vn
+}, Symbol.toStringTag, { value: "Module" })), Ao = ["neutral", "success", "danger"], xo = ["small", "medium", "large"], wo = ["button", "submit", "reset"], jo = ["base", "hover", "pressed", "focus"], To = ["primary", "secondary", "tertiary"], So = {
   /**
    * @description Button tone
    */
@@ -1702,15 +1702,15 @@ function Jo(e, t = {}) {
     var w, M, j, G;
     if (!d)
       return;
-    const te = Le(e);
-    if (!te)
+    const ee = Le(e);
+    if (!ee)
       return;
-    (j = te instanceof Document ? d.document.body : te) == null || j.scrollTo({
+    (j = ee instanceof Document ? d.document.body : ee) == null || j.scrollTo({
       top: (w = Le(k)) != null ? w : f.value,
       left: (M = Le(x)) != null ? M : h.value,
       behavior: Le(u)
     });
-    const R = ((G = te == null ? void 0 : te.document) == null ? void 0 : G.documentElement) || (te == null ? void 0 : te.documentElement) || te;
+    const R = ((G = ee == null ? void 0 : ee.document) == null ? void 0 : G.documentElement) || (ee == null ? void 0 : ee.documentElement) || ee;
     h != null && (p.value = R.scrollLeft), f != null && (C.value = R.scrollTop);
   }
   const b = V(!1), m = H2({
@@ -1731,8 +1731,8 @@ function Jo(e, t = {}) {
       return;
     const w = ((k = x == null ? void 0 : x.document) == null ? void 0 : k.documentElement) || (x == null ? void 0 : x.documentElement) || Fe(x), { display: M, flexDirection: j } = getComputedStyle(w), G = w.scrollLeft;
     N.left = G < p.value, N.right = G > p.value;
-    const te = Math.abs(G) <= (o.left || 0), R = Math.abs(G) + w.clientWidth >= w.scrollWidth - (o.right || 0) - $r;
-    M === "flex" && j === "row-reverse" ? (m.left = R, m.right = te) : (m.left = te, m.right = R), p.value = G;
+    const ee = Math.abs(G) <= (o.left || 0), R = Math.abs(G) + w.clientWidth >= w.scrollWidth - (o.right || 0) - $r;
+    M === "flex" && j === "row-reverse" ? (m.left = R, m.right = ee) : (m.left = ee, m.right = R), p.value = G;
     let _ = w.scrollTop;
     x === d.document && !_ && (_ = d.document.body.scrollTop), N.top = _ < C.value, N.bottom = _ > C.value;
     const F = Math.abs(_) <= (o.top || 0), z = Math.abs(_) + w.clientHeight >= w.scrollHeight - (o.bottom || 0) - $r;
@@ -2033,9 +2033,9 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
   class: "spr-text-200 spr-font-normal spr-leading-5 spr-text-mushroom-600"
 }, ii = { class: "spr-px-size-spacing-xs spr-pb-size-spacing-sm" }, li = /* @__PURE__ */ oe({
   __name: "accordion",
-  props: ma,
+  props: mo,
   setup(e) {
-    const t = e, { collapsedState: r, toggleCollapse: n, setClickedIndex: s, clearIndex: a, clickedIndex: o } = ba(t);
+    const t = e, { collapsedState: r, toggleCollapse: n, setClickedIndex: s, clearIndex: a, clickedIndex: o } = bo(t);
     return (l, u) => (g(), y("div", {
       id: "accordion",
       class: I({ "spr-rounded-border-radius-xl spr-border spr-border-solid spr-border-mushroom-200": t.bordered })
@@ -2090,7 +2090,7 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
             height: "16"
           }, null, 8, ["icon"]))
         ], 42, ni),
-        U(Ln, {
+        U(Vn, {
           modelValue: i(r)[c],
           "onUpdate:modelValue": (p) => i(r)[c] = p
         }, {
@@ -2390,66 +2390,7 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
 }), Ii = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: n0
-}, Symbol.toStringTag, { value: "Module" })), Ai = ["success", "information", "pending", "caution", "danger"], xi = ["2xs", "xs", "sm", "base", "lg", "xl", "2xl"], wi = {
-  state: {
-    type: String,
-    validator: (e) => Ai.includes(e),
-    default: "success"
-  },
-  size: {
-    type: String,
-    validator: (e) => xi.includes(e),
-    default: "base"
-  }
-}, ji = (e) => {
-  const t = P(() => ({
-    "2xs": "spr-w-[14px] spr-h-[14px]",
-    xs: "spr-w-4 spr-h-4",
-    sm: "spr-w-5 spr-h-5",
-    base: "spr-w-6 spr-h-6",
-    lg: "spr-w-8 spr-h-8",
-    xl: "spr-w-10 spr-h-10",
-    "2xl": "spr-w-12 spr-h-12"
-  })[e.size] || "spr-w-6 spr-h-6"), r = P(() => ({
-    success: "spr-text-kangkong-600",
-    information: "spr-text-blueberry-700",
-    pending: "spr-text-mango-500",
-    caution: "spr-text-carrot-500",
-    danger: "spr-text-tomato-600"
-  })[e.state] || "spr-text-kangkong-600"), n = P(() => ({
-    success: "ph:check-circle-fill",
-    information: "ph:info-fill",
-    pending: "ph:warning-fill",
-    caution: "ph:warning-fill",
-    danger: "ph:warning-circle-fill"
-  })[e.state] || "ph:check-circle-fill"), s = P(() => ({
-    success: "Success",
-    information: "Information",
-    pending: "Pending",
-    caution: "Caution",
-    danger: "Danger"
-  })[e.state] || "Success");
-  return {
-    statusIcon: n,
-    statusClass: r,
-    statusDescription: s,
-    statusSize: t
-  };
-}, qn = /* @__PURE__ */ oe({
-  __name: "status",
-  props: wi,
-  setup(e) {
-    const t = e, { statusIcon: r, statusClass: n, statusDescription: s, statusSize: a } = ji(t);
-    return (o, l) => (g(), K(i(Z), {
-      icon: i(r),
-      class: I([i(n), i(a)]),
-      "aria-label": i(s)
-    }, null, 8, ["icon", "class", "aria-label"]));
-  }
-}), Ti = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: qn
-}, Symbol.toStringTag, { value: "Module" })), Si = ["success", "information", "pending", "caution", "danger"], Oi = {
+}, Symbol.toStringTag, { value: "Module" })), Ai = ["success", "information", "pending", "caution", "danger"], xi = {
   type: {
     type: String,
     default: "standard"
@@ -2470,7 +2411,7 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
   },
   state: {
     type: String,
-    validator: (e) => Si.includes(e),
+    validator: (e) => Ai.includes(e),
     default: "danger"
   },
   fullwidth: {
@@ -2489,9 +2430,9 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
     type: String,
     default: ""
   }
-}, zi = {
+}, wi = {
   onClick: (e) => e instanceof MouseEvent
-}, Li = (e, t) => {
+}, ji = (e, t) => {
   const r = ["restday", "vacation", "holiday", "exempt", "sick", "emergency"], n = {
     standard: "Standard Day Shift",
     "early-morning": "Early Morning",
@@ -2573,15 +2514,74 @@ const O = /* @__PURE__ */ B0(qo), ei = (e, t) => {
       t("onClick", f);
     }
   };
-}, _i = {
+}, Ti = ["success", "information", "pending", "caution", "danger"], Si = ["2xs", "xs", "sm", "base", "lg", "xl", "2xl"], Oi = {
+  state: {
+    type: String,
+    validator: (e) => Ti.includes(e),
+    default: "success"
+  },
+  size: {
+    type: String,
+    validator: (e) => Si.includes(e),
+    default: "base"
+  }
+}, zi = (e) => {
+  const t = P(() => ({
+    "2xs": "spr-w-[14px] spr-h-[14px]",
+    xs: "spr-w-4 spr-h-4",
+    sm: "spr-w-5 spr-h-5",
+    base: "spr-w-6 spr-h-6",
+    lg: "spr-w-8 spr-h-8",
+    xl: "spr-w-10 spr-h-10",
+    "2xl": "spr-w-12 spr-h-12"
+  })[e.size] || "spr-w-6 spr-h-6"), r = P(() => ({
+    success: "spr-text-kangkong-600",
+    information: "spr-text-blueberry-700",
+    pending: "spr-text-mango-500",
+    caution: "spr-text-carrot-500",
+    danger: "spr-text-tomato-600"
+  })[e.state] || "spr-text-kangkong-600"), n = P(() => ({
+    success: "ph:check-circle-fill",
+    information: "ph:info-fill",
+    pending: "ph:warning-fill",
+    caution: "ph:warning-fill",
+    danger: "ph:warning-circle-fill"
+  })[e.state] || "ph:check-circle-fill"), s = P(() => ({
+    success: "Success",
+    information: "Information",
+    pending: "Pending",
+    caution: "Caution",
+    danger: "Danger"
+  })[e.state] || "Success");
+  return {
+    statusIcon: n,
+    statusClass: r,
+    statusDescription: s,
+    statusSize: t
+  };
+}, qn = /* @__PURE__ */ oe({
+  __name: "status",
+  props: Oi,
+  setup(e) {
+    const t = e, { statusIcon: r, statusClass: n, statusDescription: s, statusSize: a } = zi(t);
+    return (o, l) => (g(), K(i(Z), {
+      icon: i(r),
+      class: I([i(n), i(a)]),
+      "aria-label": i(s)
+    }, null, 8, ["icon", "class", "aria-label"]));
+  }
+}), Li = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: qn
+}, Symbol.toStringTag, { value: "Module" })), _i = {
   key: 1,
   class: "spr-break-words"
 }, h0 = /* @__PURE__ */ oe({
   __name: "calendar-cell",
-  props: Oi,
-  emits: zi,
+  props: xi,
+  emits: wi,
   setup(e, { emit: t }) {
-    const r = e, n = t, { getCalendarCellClassess: s, getShiftLabel: a, getCellIcon: o, hasIconStatus: l, isError: u, hasContent: d, handleClick: c } = Li(r, n);
+    const r = e, n = t, { getCalendarCellClassess: s, getShiftLabel: a, getCellIcon: o, hasIconStatus: l, isError: u, hasContent: d, handleClick: c } = ji(r, n);
     return (p, C) => (g(), y("div", {
       class: I(i(s).getMainClasses),
       onClick: C[0] || (C[0] = //@ts-ignore
@@ -3272,7 +3272,7 @@ const l1 = (e) => ({
     }, h = Rt(s), f = Bt(h), v = await o.getDimensions(d), b = h === "y", m = b ? "top" : "left", N = b ? "bottom" : "right", D = b ? "clientHeight" : "clientWidth", S = a.reference[f] + a.reference[h] - C[h] - a.floating[f], L = C[h] - a.reference[h], $ = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(d));
     let x = $ ? $[D] : 0;
     (!x || !await (o.isElement == null ? void 0 : o.isElement($))) && (x = l.floating[D] || a.floating[f]);
-    const k = S / 2 - L / 2, w = x / 2 - v[f] / 2 - 1, M = W2(p[m], w), j = W2(p[N], w), G = M, te = x - v[f] - j, R = x / 2 - v[f] / 2 + k, _ = yt(G, R, te), F = !u.arrow && Be(s) != null && R !== _ && a.reference[f] / 2 - (R < G ? M : j) - v[f] / 2 < 0, z = F ? R < G ? R - G : R - te : 0;
+    const k = S / 2 - L / 2, w = x / 2 - v[f] / 2 - 1, M = W2(p[m], w), j = W2(p[N], w), G = M, ee = x - v[f] - j, R = x / 2 - v[f] / 2 + k, _ = yt(G, R, ee), F = !u.arrow && Be(s) != null && R !== _ && a.reference[f] / 2 - (R < G ? M : j) - v[f] / 2 < 0, z = F ? R < G ? R - G : R - ee : 0;
     return {
       [h]: C[h] + z,
       data: {
@@ -3335,7 +3335,7 @@ const u1 = function(e) {
         const j = Be(M.placement);
         return [M.placement, j && c ? (
           // Check along the mainAxis and main crossAxis side.
-          M.overflows.slice(0, 2).reduce((G, te) => G + te, 0)
+          M.overflows.slice(0, 2).reduce((G, ee) => G + ee, 0)
         ) : (
           // Check only the mainAxis.
           M.overflows[0]
@@ -3409,8 +3409,8 @@ const u1 = function(e) {
         if (!F)
           switch (h) {
             case "bestFit": {
-              var te;
-              const z = (te = M.filter((Y) => {
+              var ee;
+              const z = (ee = M.filter((Y) => {
                 if ($) {
                   const B = M2(Y.placement);
                   return B === N || // Create a bias to the `y` side axis due to horizontal
@@ -3418,7 +3418,7 @@ const u1 = function(e) {
                   B === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((B) => B > 0).reduce((B, J) => B + J, 0)]).sort((Y, B) => Y[1] - B[1])[0]) == null ? void 0 : te[0];
+              }).map((Y) => [Y.placement, Y.overflows.filter((B) => B > 0).reduce((B, J) => B + J, 0)]).sort((Y, B) => Y[1] - B[1])[0]) == null ? void 0 : ee[0];
               z && (F = z);
               break;
             }
@@ -3566,8 +3566,8 @@ const g1 = function(e) {
       const N = v - c.top - c.bottom, D = f - c.left - c.right, S = W2(v - c[b], N), L = W2(f - c[m], D), $ = !t.middlewareData.shift;
       let x = S, k = L;
       if ((r = t.middlewareData.shift) != null && r.enabled.x && (k = D), (n = t.middlewareData.shift) != null && n.enabled.y && (x = N), $ && !C) {
-        const M = p2(c.left, 0), j = p2(c.right, 0), G = p2(c.top, 0), te = p2(c.bottom, 0);
-        h ? k = f - 2 * (M !== 0 || j !== 0 ? M + j : p2(c.left, c.right)) : x = v - 2 * (G !== 0 || te !== 0 ? G + te : p2(c.top, c.bottom));
+        const M = p2(c.left, 0), j = p2(c.right, 0), G = p2(c.top, 0), ee = p2(c.bottom, 0);
+        h ? k = f - 2 * (M !== 0 || j !== 0 ? M + j : p2(c.left, c.right)) : x = v - 2 * (G !== 0 || ee !== 0 ? G + ee : p2(c.top, c.bottom));
       }
       await u({
         ...t,
@@ -5917,7 +5917,7 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
       var z;
       _ = ((z = _.find((Y) => F === Y.value)) == null ? void 0 : z.sublevel) ?? [];
     }), !(_.length > 0);
-  }, te = () => {
+  }, ee = () => {
     var z, Y;
     if (!h.value.length) return;
     const R = f.value;
@@ -5955,11 +5955,11 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
       }) : typeof B.value == "number" ? _.some((J) => J.original === B.value || J.string === String(B.value)) : F.includes(String(B.value)));
   };
   return Me(c, () => {
-    te();
+    ee();
   }), Me(h, () => {
-    te();
+    ee();
   }), e2(() => {
-    D(), f.value.length > 0 && te();
+    D(), f.value.length > 0 && ee();
   }), {
     dropdownPopperState: b,
     dropdownRef: p,
@@ -6609,9 +6609,9 @@ function a3() {
         }, _.toString = function() {
           return this.$d.toUTCString();
         }, R;
-      }(), te = G.prototype;
-      return M.prototype = te, [["$ms", a], ["$s", o], ["$m", l], ["$H", u], ["$W", d], ["$M", p], ["$y", h], ["$D", f]].forEach(function(R) {
-        te[R[1]] = function(_) {
+      }(), ee = G.prototype;
+      return M.prototype = ee, [["$ms", a], ["$s", o], ["$m", l], ["$H", u], ["$W", d], ["$M", p], ["$y", h], ["$D", f]].forEach(function(R) {
+        ee[R[1]] = function(_) {
           return this.$g(_, R[0], R[1]);
         };
       }), M.extend = function(R, _) {
@@ -6670,7 +6670,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
   const k = P(() => {
     const w = O(" spr-border spr-border-color-weak spr-border-solid"), M = 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"
-    ), j = 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"), te = O(
+    ), j = 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"), ee = O(
       "spr-table spr-w-full spr-table-fixed spr-border-collapse spr-border-spacing-0 spr-overflow-hidden spr-rounded-border"
     ), R = 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 spr-overflow-hidden"
@@ -6684,7 +6684,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
       headerWrapper: M,
       contentWrapper: j,
       calendarFilter: G,
-      calendarTable: te,
+      calendarTable: ee,
       tableHeaderEmployeeName: R,
       tableHeader: _,
       headerContent: F,
@@ -6949,12 +6949,12 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                       i(c).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: (te) => i(L)(!0, G, M.id),
-                    onMouseleave: (te) => i(L)(!1, G, M.id)
+                    onMouseover: (ee) => i(L)(!0, G, M.id),
+                    onMouseleave: (ee) => i(L)(!1, G, M.id)
                   }, [
                     M.schedule[i(v)(j, i(f))] && M.schedule[i(v)(j, i(f))].length > 0 ? (g(), y("section", v3, [
-                      (g(!0), y(q, null, de(M.schedule[i(v)(j, i(f))], (te, R) => (g(), y("div", { key: R }, [
-                        te.type === "restday" ? (g(), y("div", {
+                      (g(!0), y(q, null, de(M.schedule[i(v)(j, i(f))], (ee, R) => (g(), y("div", { key: R }, [
+                        ee.type === "restday" ? (g(), y("div", {
                           key: 0,
                           onClick: (_) => i(S)({
                             employeeId: M.id,
@@ -6968,14 +6968,14 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                           onClick: (_) => i(S)({
                             employeeId: M.id,
                             date: i(v)(j, i(f)),
-                            shift: te
+                            shift: ee
                           })
                         }, [
                           U(h0, {
                             "view-only": !1,
-                            title: `${te.startTime} - ${te.endTime}`,
-                            description: te.location,
-                            "sub-description": te.type
+                            title: `${ee.startTime} - ${ee.endTime}`,
+                            description: ee.location,
+                            "sub-description": ee.type
                           }, null, 8, ["title", "description", "sub-description"])
                         ], 8, b3))
                       ]))), 128))
@@ -6985,7 +6985,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                         status: "pending",
                         type: "exempt",
                         "view-only": !1,
-                        onOnClick: (te) => i(S)({ employeeId: M.id, date: i(v)(j, i(f)), shift: null })
+                        onOnClick: (ee) => i(S)({ employeeId: M.id, date: i(v)(j, i(f)), shift: null })
                       }, {
                         prefix: Q(() => [
                           U(i(Z), { icon: "ph:plus" })
@@ -7410,7 +7410,7 @@ const n4 = (e, t) => {
         // Readonly State
         "spr-cursor-default": s.value
       }
-    ), ee = O(
+    ), te = O(
       "spr-h-full spr-border-none spr-bg-transparent spr-outline-none",
       "spr-font-size-200",
       "placeholder:spr-text-color-weak",
@@ -7444,7 +7444,7 @@ const n4 = (e, t) => {
     return {
       labelClasses: E,
       datePickerBaseInputClasses: W,
-      datePickerInputClasses: ee,
+      datePickerInputClasses: te,
       datePickerInputHelperClasses: ce,
       calendarTabItemsBaseClasses: Ne,
       monthsTabItemsBaseClasses: Ae,
@@ -7470,9 +7470,9 @@ const n4 = (e, t) => {
     () => le().year(M.value.selectedYear).month(M.value.selectedMonth).isSame(le().year(l.value.min).month(0), "month")
   ), G = P(
     () => le().year(M.value.selectedYear).month(M.value.selectedMonth).isSame(le().year(l.value.max).month(11), "month")
-  ), te = () => {
-    const E = le().year(M.value.selectedYear).month(M.value.selectedMonth).startOf("month").day(), W = le().year(M.value.selectedYear).month(M.value.selectedMonth).endOf("month").date(), ee = E, ce = ee + W, Ne = ce % 7 === 0 ? 0 : 7 - ce % 7, Ae = [];
-    for (let je = ee; je > 0; je--) {
+  ), ee = () => {
+    const E = le().year(M.value.selectedYear).month(M.value.selectedMonth).startOf("month").day(), W = le().year(M.value.selectedYear).month(M.value.selectedMonth).endOf("month").date(), te = E, ce = te + W, Ne = ce % 7 === 0 ? 0 : 7 - ce % 7, Ae = [];
+    for (let je = te; je > 0; je--) {
       const k2 = le().year(M.value.selectedYear).month(M.value.selectedMonth).date(-je + 1);
       Ae.push({ date: k2, inactive: !0 });
     }
@@ -7488,29 +7488,29 @@ const n4 = (e, t) => {
   }, R = () => {
     if (j.value) return;
     const E = le().year(M.value.selectedYear).month(M.value.selectedMonth).subtract(1, "month");
-    M.value.selectedMonth = E.month(), M.value.selectedYear = E.year(), te();
+    M.value.selectedMonth = E.month(), M.value.selectedYear = E.year(), ee();
   }, _ = () => {
     if (G.value) return;
     const E = le().year(M.value.selectedYear).month(M.value.selectedMonth).add(1, "month");
-    M.value.selectedMonth = E.month(), M.value.selectedYear = E.year(), te();
+    M.value.selectedMonth = E.month(), M.value.selectedYear = E.year(), ee();
   }, F = (E) => {
-    const W = u.value.map((ee) => {
+    const W = u.value.map((te) => {
       var ce;
-      return (ce = S.value.find((Ne) => Ne.text.toLowerCase() === ee.toLowerCase())) == null ? void 0 : ce.dayValue;
+      return (ce = S.value.find((Ne) => Ne.text.toLowerCase() === te.toLowerCase())) == null ? void 0 : ce.dayValue;
     });
     return J(E) ? !1 : !!W.includes(E.date.getDay());
   }, z = (E) => E.date.toDateString() === D.value.format("ddd MMM DD YYYY"), Y = (E) => !E.inactive && !ue(E), B = (E) => !!(E.inactive && !ue(E)), J = (E) => {
-    var ee;
-    const W = (ee = a0("text", $.value)) == null ? void 0 : ee.monthValue;
+    var te;
+    const W = (te = a0("text", $.value)) == null ? void 0 : te.monthValue;
     return x.value && !$.value && !k.value && !ue(E) ? E.date.getDate() === Number(x.value) && !E.inactive : x.value && $ && !k.value && !ue(E) ? E.date.getDate() === Number(x.value) && E.date.getMonth() === W && !E.inactive : x.value && $.value && k.value && !ue(E) ? E.date.getDate() === Number(x.value) && E.date.getMonth() === W && E.date.getFullYear().toString() === k.value && !E.inactive : !1;
   }, ie = (E) => {
-    var ee;
-    const W = (ee = a0("text", $.value)) == null ? void 0 : ee.monthValue;
+    var te;
+    const W = (te = a0("text", $.value)) == null ? void 0 : te.monthValue;
     return x.value && !$.value && !ue(E) ? E.date.getDate() !== Number(x.value) : x.value && $ && !ue(E) ? E.date.getDate() !== Number(x.value) || E.date.getMonth() !== W : !!(!x.value && $.value && !ue(E) || !x.value && !$.value && !ue(E));
   }, ue = (E) => !!(ne(E) || se(E) || ge(E) || ve(E) || Ce(E) || De(E) || be(E)), ne = (E) => {
     if (d != null && d.value && d.value.from && d.value.to) {
-      const W = le(d.value.from, "MM-DD-YYYY").startOf("day"), ee = le(d.value.to, "MM-DD-YYYY").endOf("day"), ce = le(E.date);
-      return ce.isSameOrAfter(W, "day") && ce.isSameOrBefore(ee, "day");
+      const W = le(d.value.from, "MM-DD-YYYY").startOf("day"), te = le(d.value.to, "MM-DD-YYYY").endOf("day"), ce = le(E.date);
+      return ce.isSameOrAfter(W, "day") && ce.isSameOrBefore(te, "day");
     }
     return !1;
   }, se = (E) => {
@@ -7519,8 +7519,8 @@ const n4 = (e, t) => {
       if (typeof d.value.pastDates == "boolean")
         return W.isBefore(D.value.startOf("day"));
       {
-        const ee = le(d.value.pastDates);
-        return W.isBefore(le(ee, "MM-DD-YYYY").startOf("day"));
+        const te = le(d.value.pastDates);
+        return W.isBefore(le(te, "MM-DD-YYYY").startOf("day"));
       }
     }
     return !1;
@@ -7530,17 +7530,17 @@ const n4 = (e, t) => {
       if (typeof d.value.futureDates == "boolean")
         return W.isAfter(D.value.endOf("day"));
       {
-        const ee = le(d.value.futureDates);
-        return W.isAfter(le(ee, "MM-DD-YYYY").endOf("day"));
+        const te = le(d.value.futureDates);
+        return W.isAfter(le(te, "MM-DD-YYYY").endOf("day"));
       }
     }
     return !1;
   }, ve = (E) => {
     if (d != null && d.value && (d != null && d.value.selectedDates) && d.value.selectedDates.length > 0) {
       const W = le(E.date);
-      return d.value.selectedDates.forEach((ee) => {
-        le(ee).isValid() || console.error(`Error: disabledDates Props - Selected Dates - Invalid date format: "${ee}"`);
-      }), d.value.selectedDates.some((ee) => W.isSame(le(ee, "MM-DD-YYYY"), "day"));
+      return d.value.selectedDates.forEach((te) => {
+        le(te).isValid() || console.error(`Error: disabledDates Props - Selected Dates - Invalid date format: "${te}"`);
+      }), d.value.selectedDates.some((te) => W.isSame(le(te, "MM-DD-YYYY"), "day"));
     }
     return !1;
   }, Ce = (E) => {
@@ -7558,21 +7558,21 @@ const n4 = (e, t) => {
   }, be = (E) => {
     if (d != null && d.value && (d != null && d.value.selectedDays)) {
       const W = le(E.date);
-      return d.value.selectedDays.some((ee) => {
-        const ce = S.value.find((Ne) => Ne.text.toLowerCase() === ee.toLowerCase());
-        return ce || console.error(`Error: disabledDates Props - Selected Days - Invalid day: "${ee}"`), ce ? W.day() === S.value.indexOf(ce) : !1;
+      return d.value.selectedDays.some((te) => {
+        const ce = S.value.find((Ne) => Ne.text.toLowerCase() === te.toLowerCase());
+        return ce || console.error(`Error: disabledDates Props - Selected Days - Invalid day: "${te}"`), ce ? W.day() === S.value.indexOf(ce) : !1;
       });
     }
     return !1;
   }, ae = (E) => {
-    const W = le(E.date), ee = W.format("MM"), ce = W.format("DD"), Ne = W.format("YYYY");
-    $.value = ee, x.value = ce, k.value = Ne, p.value = W.format(c.value), M.value.selectedMonth = E.date.getMonth(), M.value.selectedYear = E.date.getFullYear(), L2(), te(), _2(), i0(), w.value = [], t("getDateErrors", w.value), setTimeout(() => {
+    const W = le(E.date), te = W.format("MM"), ce = W.format("DD"), Ne = W.format("YYYY");
+    $.value = te, x.value = ce, k.value = Ne, p.value = W.format(c.value), M.value.selectedMonth = E.date.getMonth(), M.value.selectedYear = E.date.getFullYear(), L2(), ee(), _2(), i0(), w.value = [], t("getDateErrors", w.value), setTimeout(() => {
       m.value = !1;
     }, 100);
   }, X = (E) => {
     N.value = "tab-calendar";
-    const W = E.monthValue + 1, ee = W < 10 ? `0${W}` : `${W}`;
-    $.value = ee, M.value.selectedMonth = E.monthValue, L2(), te(), _2(), w.value = [], t("getDateErrors", w.value);
+    const W = E.monthValue + 1, te = W < 10 ? `0${W}` : `${W}`;
+    $.value = te, M.value.selectedMonth = E.monthValue, L2(), ee(), _2(), w.value = [], t("getDateErrors", w.value);
   }, pe = V({
     currentPage: 0,
     itemsPerPage: 12,
@@ -7591,9 +7591,9 @@ const n4 = (e, t) => {
   }, Gs = () => {
     (pe.value.currentPage + 1) * pe.value.itemsPerPage < pe.value.yearsArray.length && pe.value.currentPage++;
   }, Ws = P(() => pe.value.currentPage === 0), Ks = P(() => (pe.value.currentPage + 1) * pe.value.itemsPerPage >= pe.value.yearsArray.length), Js = (E) => {
-    N.value = "tab-calendar", k.value = E, M.value.selectedYear = Number(E), L2(), te(), _2(), w.value = [], t("getDateErrors", w.value);
+    N.value = "tab-calendar", k.value = E, M.value.selectedYear = Number(E), L2(), ee(), _2(), w.value = [], t("getDateErrors", w.value);
   }, Xs = P(() => n.value || s.value), ir = (E) => {
-    var W, ee;
+    var W, te;
     switch (E) {
       case "MinMaxYear": {
         const ce = Number(o.value) || (/* @__PURE__ */ new Date()).getFullYear(), { min: Ne, max: Ae } = l.value;
@@ -7603,7 +7603,7 @@ const n4 = (e, t) => {
         break;
       }
       case "disabledDatesToFrom": {
-        if ((W = d == null ? void 0 : d.value) != null && W.from && ((ee = d == null ? void 0 : d.value) != null && ee.to)) {
+        if ((W = d == null ? void 0 : d.value) != null && W.from && ((te = d == null ? void 0 : d.value) != null && te.to)) {
           const ce = le(d.value.from, "MM-DD-YYYY"), Ne = le(d.value.to, "MM-DD-YYYY");
           ce.isAfter(Ne) && console.error('Error: disabledDates props - The "from" date cannot be later than the "to" date.'), Ne.isBefore(ce) && console.error('Error: disabledDates props - The "to" date cannot be earlier than the "from" date.');
         }
@@ -7615,8 +7615,8 @@ const n4 = (e, t) => {
       let E = le(p.value, c.value);
       if (E.isValid() || (E = le(p.value, "MM-DD-YYYY")), !E.isValid()) {
         const W = ["YYYY-MM-DD", "MM/DD/YYYY", "DD/MM/YYYY", "YYYY/MM/DD"];
-        for (const ee of W) {
-          const ce = le(p.value, ee);
+        for (const te of W) {
+          const ce = le(p.value, te);
           if (ce.isValid()) {
             E = ce;
             break;
@@ -7624,13 +7624,13 @@ const n4 = (e, t) => {
         }
       }
       if (E.isValid()) {
-        const W = E.format("MM"), ee = E.format("DD"), ce = E.format("YYYY");
-        o0(), $.value = W, x.value = ee, k.value = ce, p.value = E.format(c.value), M.value.selectedMonth = E.get("month"), M.value.selectedYear = E.get("year"), L2(), te(), _2(), t("getInputValue", E.format(c.value));
+        const W = E.format("MM"), te = E.format("DD"), ce = E.format("YYYY");
+        o0(), $.value = W, x.value = te, k.value = ce, p.value = E.format(c.value), M.value.selectedMonth = E.get("month"), M.value.selectedYear = E.get("year"), L2(), ee(), _2(), t("getInputValue", E.format(c.value));
       } else
         console.error(`Error: Could not parse date "${p.value}" with format "${c.value}"`);
     }
   }, a0 = (E, W) => L.value.find(
-    (ee) => ee[E].toString().toLowerCase() === W.toString().toLowerCase()
+    (te) => te[E].toString().toLowerCase() === W.toString().toLowerCase()
   ), qs = (E) => O(C.value.datePickerInputClasses, `spr-w-[${E}] spr-min-w-[${E}]`), ea = (E) => O("spr-cursor-pointer", {
     "spr-background-color-pressed !spr-shadow-button": N.value === E
   }), ta = () => {
@@ -7642,22 +7642,22 @@ const n4 = (e, t) => {
   }, L2 = () => {
     if ($.value.length >= 2)
       if (!isNaN(Number($.value)) && !isNaN(parseFloat($.value))) {
-        const W = $.value.replace(/\b0(\d)\b/g, "$1"), ee = Number(W), ce = L.value.find((Ne) => Ne.monthValue + 1 === ee);
+        const W = $.value.replace(/\b0(\d)\b/g, "$1"), te = Number(W), ce = L.value.find((Ne) => Ne.monthValue + 1 === te);
         ce && ($.value = ce.text.toUpperCase());
       } else {
         const W = L.value.find(
-          (ee) => ee.text.toLowerCase() === $.value.toLowerCase()
+          (te) => te.text.toLowerCase() === $.value.toLowerCase()
         );
         W && ($.value = W.text.toUpperCase());
       }
   }, o0 = Kn(() => {
     var E;
     if ($.value && x.value && k.value) {
-      const W = `${$.value}-${x.value}-${k.value}`, ee = le(W, "MM-DD-YYYY").isValid(), ce = Number(k.value) >= l.value.min && Number(k.value) <= l.value.max;
-      if (ee && ce) {
+      const W = `${$.value}-${x.value}-${k.value}`, te = le(W, "MM-DD-YYYY").isValid(), ce = Number(k.value) >= l.value.min && Number(k.value) <= l.value.max;
+      if (te && ce) {
         w.value = w.value.filter((Ae) => Ae.title !== "Invalid Date");
         const Ne = (E = a0("text", $.value)) == null ? void 0 : E.monthValue;
-        M.value.selectedMonth = Number(Ne), M.value.selectedYear = Number(k.value), te(), _2();
+        M.value.selectedMonth = Number(Ne), M.value.selectedYear = Number(k.value), ee(), _2();
       } else if (!w.value.some((Ae) => Ae.title === "Invalid Date")) {
         let Ae;
         ce ? Ae = `Invalid Date Format. Please use ${c.value}` : Ae = `Year must be between ${l.value.min} and ${l.value.max}.`, w.value.push({
@@ -7677,35 +7677,35 @@ const n4 = (e, t) => {
   }, _2 = () => {
     if ($.value && x.value && k.value) {
       const E = L.value.find(
-        (ee) => ee.text.toLowerCase() === $.value.toLowerCase()
-      ), W = pe.value.yearsArray.find((ee) => ee === Number(k.value));
+        (te) => te.text.toLowerCase() === $.value.toLowerCase()
+      ), W = pe.value.yearsArray.find((te) => te === Number(k.value));
       if (E && W) {
-        const ee = le(`${$.value}-${x.value}-${k.value}`, "MM-DD-YYYY"), ce = {
+        const te = le(`${$.value}-${x.value}-${k.value}`, "MM-DD-YYYY"), ce = {
           // Standard date formats
-          mmddyyyy: ee.format("MM-DD-YYYY"),
-          ddmmyyyy: ee.format("DD-MM-YYYY"),
-          yyyymmdd: ee.format("YYYY-MM-DD"),
-          yyyyMMdd: ee.format("YYYY-MM-DD"),
+          mmddyyyy: te.format("MM-DD-YYYY"),
+          ddmmyyyy: te.format("DD-MM-YYYY"),
+          yyyymmdd: te.format("YYYY-MM-DD"),
+          yyyyMMdd: te.format("YYYY-MM-DD"),
           // Date with slashes and shortened styles
-          mmddyyyyWithSlashes: ee.format("MM/DD/YYYY"),
-          yyyyMMddWithSlashes: ee.format("YYYY/MM/DD"),
+          mmddyyyyWithSlashes: te.format("MM/DD/YYYY"),
+          yyyyMMddWithSlashes: te.format("YYYY/MM/DD"),
           // Short date formats
-          shortDate: ee.format("MMM D, YYYY"),
-          shortDateWithPeriod: ee.format("MMM. D, YYYY"),
-          mmmdd: ee.format("MMM. DD"),
+          shortDate: te.format("MMM D, YYYY"),
+          shortDateWithPeriod: te.format("MMM. D, YYYY"),
+          mmmdd: te.format("MMM. DD"),
           // Full date format
-          fullDate: ee.format("dddd, MMMM D, YYYY"),
+          fullDate: te.format("dddd, MMMM D, YYYY"),
           // Month and year formats
-          monthYear: ee.format("MMMM YYYY"),
+          monthYear: te.format("MMMM YYYY"),
           // Miscellaneous formats
-          mmddyy: ee.format("MMDDYY"),
-          mm: ee.format("MM"),
-          yyyy: ee.format("YYYY"),
-          dd: ee.format("DD"),
+          mmddyy: te.format("MMDDYY"),
+          mm: te.format("MM"),
+          yyyy: te.format("YYYY"),
+          dd: te.format("DD"),
           // ISO format with timezone offset
-          isoDateWithTimeZone: ee.format("YYYY-MM-DDTHH:mm:ssZ"),
+          isoDateWithTimeZone: te.format("YYYY-MM-DDTHH:mm:ssZ"),
           // ISO format without timezone offset
-          isoDateWithoutTimeZone: ee.format("YYYY-MM-DDTHH:mm:ss")
+          isoDateWithoutTimeZone: te.format("YYYY-MM-DDTHH:mm:ss")
         };
         t("getDateFormats", ce);
       }
@@ -7718,8 +7718,8 @@ const n4 = (e, t) => {
       );
       ce && (E = ce.monthValue < 10 ? `0${ce.monthValue + 1}` : `${ce.monthValue + 1}`);
     }
-    const ee = le(`${E}-${x.value}-${k.value}`, "MM-DD-YYYY");
-    t("getInputValue", ee.format(c.value)), ee.isValid() && (p.value = ee.format(c.value));
+    const te = le(`${E}-${x.value}-${k.value}`, "MM-DD-YYYY");
+    t("getInputValue", te.format(c.value));
   }, oa = () => {
     t("getMonthList", L.value);
   }, ia = () => {
@@ -7735,9 +7735,9 @@ const n4 = (e, t) => {
     if (E) {
       const W = parseInt(E, 10);
       if (isNaN(W)) return;
-      const ee = pe.value.yearsArray.indexOf(W);
-      if (ee !== -1) {
-        const ce = Math.floor(ee / pe.value.itemsPerPage);
+      const te = pe.value.yearsArray.indexOf(W);
+      if (te !== -1) {
+        const ce = Math.floor(te / pe.value.itemsPerPage);
         pe.value.currentPage = ce;
       }
     }
@@ -7749,7 +7749,7 @@ const n4 = (e, t) => {
   }), Ut(h, () => {
     m.value = !1;
   }), e2(() => {
-    ir("MinMaxYear"), ir("disabledDatesToFrom"), lr(), te(), s0(), oa(), ia();
+    ir("MinMaxYear"), ir("disabledDatesToFrom"), lr(), ee(), s0(), oa(), ia();
   }), {
     datePickerClasses: C,
     datePickerRef: h,
@@ -7855,7 +7855,7 @@ const n4 = (e, t) => {
       calendarTabIsDateIsDisabled: M,
       calendarTabHandleDateInput: j,
       getMonthObject: G,
-      getTabClasses: te,
+      getTabClasses: ee,
       isDatePickerPopperDisabled: R,
       calendarTabPrevMonth: _,
       calendarTabNextMonth: F,
@@ -7898,7 +7898,7 @@ const n4 = (e, t) => {
             A("div", c4, [
               A("div", p4, [
                 U(me, {
-                  class: I(i(te)("tab-months")),
+                  class: I(i(ee)("tab-months")),
                   variant: "secondary",
                   size: "small",
                   onClick: ae[13] || (ae[13] = (X) => i(Ce)("tab-months"))
@@ -7912,7 +7912,7 @@ const n4 = (e, t) => {
                   _: 1
                 }, 8, ["class"]),
                 U(me, {
-                  class: I(i(te)("tab-years")),
+                  class: I(i(ee)("tab-years")),
                   variant: "secondary",
                   size: "small",
                   onClick: ae[14] || (ae[14] = (X) => i(Ce)("tab-years"))
@@ -8489,7 +8489,7 @@ const n4 = (e, t) => {
     return (ge = r.value) == null ? void 0 : ge.filter((ve, Ce) => (c.value.find((be) => be.value === ve.value && be.isSelected) && (r.value[Ce].isSelected = !0), ve.text.toLowerCase().includes(ne)));
   }), j = P(() => a.value ? s.value : s.value.filter((se, ge) => ($.value.find(
     (Ce) => Ce.value === se.value && Ce.isSelected
-  ) && (s.value[ge].isSelected = !0), se.text.toLowerCase().includes(v.value.toLowerCase())))), G = P(() => Object.values(D.value).some((ne) => ne.isFilterVisible)), te = P(() => j.value.filter((ne) => ne.isSelected)), R = (ne) => {
+  ) && (s.value[ge].isSelected = !0), se.text.toLowerCase().includes(v.value.toLowerCase())))), G = P(() => Object.values(D.value).some((ne) => ne.isFilterVisible)), ee = P(() => j.value.filter((ne) => ne.isSelected)), R = (ne) => {
     t("getFilterData", ne), w.value = ne;
   }, _ = (ne) => {
     Object.keys(D.value).forEach((se) => {
@@ -8589,7 +8589,7 @@ const n4 = (e, t) => {
     filterMenuList: L,
     getFiltereredOption: M,
     mappedMenuData: N,
-    getSelectedFilterMenuOption: te,
+    getSelectedFilterMenuOption: ee,
     getFiltereredMenuOption: j,
     filterMenuSearchvalue: v,
     mappedFilterMenuList: D,
@@ -11270,13 +11270,13 @@ function Xc(e) {
 function qc() {
   return new l2("lossy");
 }
-function e6() {
+function e5() {
   return new l2("preserve_transparency");
 }
-function t6(e) {
+function t5(e) {
   return new l2("progressive", e);
 }
-class r6 extends t0 {
+class r5 extends t0 {
   constructor(t) {
     super(t), this.val = t;
   }
@@ -11290,7 +11290,7 @@ function D2(e) {
     t[e[r]] = r;
   }), t;
 }
-const n6 = {
+const n5 = {
   limitFit: "limit",
   limitFill: "lfill",
   minimumFit: "mfit",
@@ -11298,14 +11298,14 @@ const n6 = {
   limitPad: "lpad",
   minimumPad: "mpad",
   autoPad: "auto_pad"
-}, s6 = {
+}, s5 = {
   colorSpace: "cs",
   dpr: "dpr",
   density: "dn",
   defaultImage: "d",
   format: "f",
   quality: "q"
-}, a6 = {
+}, a5 = {
   redEye: "redeye",
   advancedRedEye: "adv_redeye",
   oilPaint: "oil_paint",
@@ -11313,7 +11313,7 @@ const n6 = {
   makeTransparent: "make_transparent",
   generativeRestore: "gen_restore",
   upscale: "upscale"
-}, o6 = {
+}, o5 = {
   autoBest: "auto:best",
   autoEco: "auto:eco",
   autoGood: "auto:good",
@@ -11321,28 +11321,28 @@ const n6 = {
   jpegminiHigh: "jpegmini:1",
   jpegminiMedium: "jpegmini:2",
   jpegminiBest: "jpegmini:0"
-}, i6 = {
+}, i5 = {
   fullHd: "full_hd",
   fullHdWifi: "full_hd_wifi",
   fullHdLean: "full_hd_lean",
   hdLean: "hd_lean"
-}, l6 = {
+}, l5 = {
   444: "CHROMA_444",
   420: "CHROMA_420"
-}, d6 = {
+}, d5 = {
   noCmyk: "no_cmyk",
   keepCmyk: "keep_cmyk",
   tinySrgb: "tinysrgb",
   srgbTrueColor: "srgb:truecolor"
 };
-D2(l6);
-D2(d6);
-D2(n6);
-const u6 = D2(s6);
-D2(a6);
-D2(o6);
-D2(i6);
-class c6 extends nr {
+D2(l5);
+D2(d5);
+D2(n5);
+const u5 = D2(s5);
+D2(a5);
+D2(o5);
+D2(i5);
+class c5 extends nr {
   /**
    * @param {string} deliveryKey A generic Delivery Action Key (such as q, f, dn, etc.)
    * @param {string} deliveryType A Format Qualifiers for the action, such as Quality.auto()
@@ -11352,15 +11352,15 @@ class c6 extends nr {
   constructor(t, r, n) {
     super(), this._actionModel = {};
     let s;
-    r instanceof r6 ? s = r.getValue() : s = r, this._actionModel.actionType = u6[t], this._actionModel[n] = s, this.addQualifier(new K0(t, r));
+    r instanceof r5 ? s = r.getValue() : s = r, this._actionModel.actionType = u5[t], this._actionModel[n] = s, this.addQualifier(new K0(t, r));
   }
 }
-class p6 extends l2 {
+class p5 extends l2 {
   constructor(t) {
     super("progressive", t);
   }
 }
-class L0 extends c6 {
+class L0 extends c5 {
   constructor(t, r) {
     super(t, r, "formatType");
   }
@@ -11376,13 +11376,13 @@ class L0 extends c6 {
    * @return {this}
    */
   progressive(t) {
-    return t instanceof p6 ? (this._actionModel.progressive = { mode: t.getFlagValue() }, this.addFlag(t)) : (this._actionModel.progressive = { mode: t }, this.addFlag(t6(t))), this;
+    return t instanceof p5 ? (this._actionModel.progressive = { mode: t.getFlagValue() }, this.addFlag(t)) : (this._actionModel.progressive = { mode: t }, this.addFlag(t5(t))), this;
   }
   /**
    * @description Ensures that images with a transparency channel are delivered in PNG format.
    */
   preserveTransparency() {
-    return this._actionModel.preserveTransparency = !0, this.addFlag(e6()), this;
+    return this._actionModel.preserveTransparency = !0, this.addFlag(e5()), this;
   }
   static fromJson(t) {
     const { formatType: r, lossy: n, progressive: s, preserveTransparency: a } = t;
@@ -11625,55 +11625,55 @@ class J0 {
     return { actions: t };
   }
 }
-class g6 extends J0 {
+class g5 extends J0 {
 }
-class f6 extends J0 {
+class f5 extends J0 {
 }
-function h6(e) {
+function h5(e) {
   return e.match(/^https?:\//);
 }
-function C6(e) {
+function C5(e) {
   return e.indexOf("/") < 0;
 }
-function y6(e) {
+function y5(e) {
   return e.match(/^v[0-9]+/);
 }
-function M6(e, t) {
+function M5(e, t) {
   const r = t.secure, n = t.privateCdn, s = t.cname, a = t.secureDistribution;
   return !r && !s ? `http://res.cloudinary.com/${e}` : r && !a && n ? `https://${e}-res.cloudinary.com` : r && !a ? `https://res.cloudinary.com/${e}` : r && a && n ? `https://${a}` : r && a ? `https://${a}/${e}` : !r && s ? `http://${s}/${e}` : "ERROR";
 }
-function v6(e) {
+function v5(e) {
   return e || "image";
 }
-function m6(e) {
+function m5(e) {
   return e || "upload";
 }
-function b6(e, t, r) {
+function b5(e, t, r) {
   const n = r !== !1;
-  return t ? `v${t}` : y6(e) || h6(e) || C6(e) ? "" : n ? "v1" : "";
+  return t ? `v${t}` : y5(e) || h5(e) || C5(e) ? "" : n ? "v1" : "";
 }
 function sr(e, t, r) {
   let n = t >> 0, s = String(r);
-  return e.length > n ? String(e) : (n = n - e.length, n > s.length && (s += N6(s, n / s.length)), s.slice(0, n) + String(e));
+  return e.length > n ? String(e) : (n = n - e.length, n > s.length && (s += N5(s, n / s.length)), s.slice(0, n) + String(e));
 }
-function N6(e, t) {
+function N5(e, t) {
   let r = t, n = "";
   for (; r > 0; )
     n += e, r--;
   return n;
 }
-const $6 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", _0 = {};
+const $5 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", _0 = {};
 let Mn = 0;
-$6.split("").forEach((e) => {
+$5.split("").forEach((e) => {
   let t = Mn.toString(2);
   t = sr(t, 6, "0"), _0[t] = e, Mn++;
 });
-function D6(e) {
+function D5(e) {
   if (e.split(".").length < 2)
     throw new Error("invalid semVer, must have at least two segments");
   return e.split(".").reverse().join(".");
 }
-function I6(e) {
+function I5(e) {
   if (e.split(".").length < 2)
     throw new Error("invalid semVer, must have at least two segments");
   return e.split(".").map((t) => {
@@ -11685,7 +11685,7 @@ function I6(e) {
 }
 function vn(e) {
   let t = "";
-  const n = e.split(".").length * 6, s = D6(e), a = I6(s);
+  const n = e.split(".").length * 6, s = D5(e), a = I5(s);
   let l = parseInt(a.split(".").join("")).toString(2);
   if (l = sr(l, n, "0"), l.length % 6 !== 0)
     throw "Version must be smaller than 43.21.26)";
@@ -11693,7 +11693,7 @@ function vn(e) {
     t += _0[u];
   }), t;
 }
-function A6(e) {
+function A5(e) {
   const t = {
     sdkSemver: e.sdkSemver,
     techVersion: e.techVersion,
@@ -11705,12 +11705,12 @@ function A6(e) {
   };
   return e.accessibility && (t.feature = "D"), e.lazyload && (t.feature = "C"), e.responsive && (t.feature = "A"), e.placeholder && (t.feature = "B"), t;
 }
-const x6 = "1.21.0";
-function w6(e) {
+const x5 = "1.21.0";
+function w5(e) {
   const [t, r] = e.split("."), n = parseInt(t).toString(2), s = parseInt(r).toString(2), a = n.padStart(6, "0"), o = s.padStart(6, "0");
   return _0[a] + _0[o];
 }
-function j6() {
+function j5() {
   const e = "0.0.0";
   if (typeof window < "u")
     return e;
@@ -11720,11 +11720,11 @@ function j6() {
     return e;
   }
 }
-function T6(e) {
+function T5(e) {
   const t = {
-    techVersion: j6(),
+    techVersion: j5(),
     sdkCode: "T",
-    sdkSemver: x6.split("-")[0],
+    sdkSemver: x5.split("-")[0],
     product: "A",
     osType: "Z",
     osVersion: "0.0",
@@ -11736,15 +11736,15 @@ function T6(e) {
   return e ? Object.assign(Object.assign({}, t), e) : t;
 }
 function mn(e) {
-  const t = T6(e), r = A6(t);
+  const t = T5(e), r = A5(t);
   try {
-    const n = S6(r.techVersion), s = vn(r.sdkSemver), a = vn(n), o = w6(r.osVersion), l = r.feature, u = r.sdkCode, { product: d, osType: c } = r;
+    const n = S5(r.techVersion), s = vn(r.sdkSemver), a = vn(n), o = w5(r.osVersion), l = r.feature, u = r.sdkCode, { product: d, osType: c } = r;
     return `D${d}${u}${s}${a}${c}${o}${l}`;
   } catch {
     return "E";
   }
 }
-function S6(e) {
+function S5(e) {
   const t = e.split(".");
   return `${t[0]}.${t[1]}`;
 }
@@ -11755,7 +11755,7 @@ const bn = {
   "raw/upload": "files",
   "video/upload": "videos"
 };
-class O6 {
+class O5 {
   constructor(t, r = {}, n) {
     this.setPublicID(t), this.setCloudConfig(r), this.setURLConfig(n);
   }
@@ -11852,7 +11852,7 @@ class O6 {
    * If no match is found, return `{asset}/{delivery}`
    */
   getResourceType() {
-    const t = v6(this.assetType), r = m6(this.deliveryType), n = !!this.suffix, s = `${t}/${r}`, a = bn[`${t}/${r}`], o = this.urlConfig.useRootPath, l = this.urlConfig.shorten;
+    const t = v5(this.assetType), r = m5(this.deliveryType), n = !!this.suffix, s = `${t}/${r}`, a = bn[`${t}/${r}`], o = this.urlConfig.useRootPath, l = this.urlConfig.shorten;
     if (o) {
       if (s === "image/upload")
         return "";
@@ -11880,7 +11880,7 @@ class O6 {
     if (!this.publicID)
       return "";
     this.validateAssetForURLCreation();
-    const n = M6(this.cloudName, this.urlConfig), s = t ? t.toString() : "", a = b6(this.publicID, this.version, this.urlConfig.forceVersion), o = this.publicID;
+    const n = M5(this.cloudName, this.urlConfig), s = t ? t.toString() : "", a = b5(this.publicID, this.version, this.urlConfig.forceVersion), o = this.publicID;
     if (typeof t == "string")
       return [n, this.getResourceType(), this.getSignature(), s, a, o.replace(/,/g, "%2C"), this.suffix].filter((u) => u).join("/");
     {
@@ -11907,7 +11907,7 @@ class O6 {
     }
   }
 }
-class ws extends O6 {
+class ws extends O5 {
   constructor(t, r, n, s) {
     super(t, r, n), this.transformation = s;
   }
@@ -12103,14 +12103,14 @@ class ws extends O6 {
     return this.createCloudinaryURL(this.transformation, t == null ? void 0 : t.trackedAnalytics);
   }
 }
-class z6 extends ws {
+class z5 extends ws {
   constructor(t, r, n) {
-    super(t, r, n, new g6());
+    super(t, r, n, new g5());
   }
 }
-class L6 extends ws {
+class L5 extends ws {
   constructor(t, r, n) {
-    super(t, r, n, new f6()), this.assetType = "video";
+    super(t, r, n, new f5()), this.assetType = "video";
   }
   /**
    * @desc A proxy to {@link SDK.Transformation| Transformation} - Calls the same method contained in this.transformation
@@ -12129,15 +12129,15 @@ class L6 extends ws {
     return this.transformation.videoEdit(t), this;
   }
 }
-class _6 {
+class _5 {
   constructor(t) {
     t && (this.cloudinaryConfig = t);
   }
   image(t) {
-    return new z6(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
+    return new z5(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
   }
   video(t) {
-    return new L6(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
+    return new L5(t, this.cloudinaryConfig.cloud, this.cloudinaryConfig.url);
   }
   setConfig(t) {
     return this.cloudinaryConfig = t, this;
@@ -12148,7 +12148,7 @@ class _6 {
   extendConfig() {
   }
 }
-const k6 = "dfeykvudc", Nn = {
+const k5 = "dfeykvudc", Nn = {
   hr: "Sprout HR",
   "hr-mobile": "Sprout HR Mobile",
   "performance-plus": "Sprout Performance+",
@@ -12157,10 +12157,10 @@ const k6 = "dfeykvudc", Nn = {
   readycash: "Sprout ReadyCash",
   readywage: "Sprout ReadyWage"
 };
-function E6(e) {
-  const t = new _6({
+function E5(e) {
+  const t = new _5({
     cloud: {
-      cloudName: k6
+      cloudName: k5
     }
   }), r = P(() => t.image(`sprout-${e.name}-${e.theme}`).toURL()), n = P(() => {
     if (e.name in Nn)
@@ -12173,7 +12173,7 @@ function E6(e) {
     logoTitle: n
   };
 }
-const P6 = ["white", "dark", "gray", "green"], Y6 = [
+const P5 = ["white", "dark", "gray", "green"], Y5 = [
   "benchmark",
   "ecosystem",
   "engage",
@@ -12193,15 +12193,15 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
   "sail",
   "sidekick",
   "wellness"
-], U6 = {
+], U5 = {
   name: {
     type: String,
-    validator: (e) => Y6.includes(e),
+    validator: (e) => Y5.includes(e),
     default: "hr"
   },
   theme: {
     type: String,
-    validator: (e) => P6.includes(e),
+    validator: (e) => P5.includes(e),
     default: "dark"
   },
   width: {
@@ -12209,24 +12209,24 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     default: "50"
     // If number, it will be treated as px
   }
-}, F6 = ["src", "alt", "title", "width"], B6 = /* @__PURE__ */ oe({
+}, F5 = ["src", "alt", "title", "width"], B5 = /* @__PURE__ */ oe({
   __name: "logo",
-  props: U6,
+  props: U5,
   setup(e) {
-    const t = e, { logoSrc: r, logoTitle: n } = E6(t);
+    const t = e, { logoSrc: r, logoTitle: n } = E5(t);
     return (s, a) => (g(), y("div", null, [
       A("img", Qe(s.$attrs, {
         src: i(r),
         alt: i(n),
         title: i(n),
         width: s.width
-      }), null, 16, F6)
+      }), null, 16, F5)
     ]));
   }
-}), R6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), R5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: B6
-}, Symbol.toStringTag, { value: "Module" })), Q6 = ["sm", "md", "lg", "xl"], V6 = {
+  default: B5
+}, Symbol.toStringTag, { value: "Module" })), Q5 = ["sm", "md", "lg", "xl"], V5 = {
   modelValue: {
     type: Boolean,
     default: !1
@@ -12249,16 +12249,16 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
   },
   size: {
     type: String,
-    validator: (e) => Q6.includes(e),
+    validator: (e) => Q5.includes(e),
     default: "md"
   },
   staticBackdrop: {
     type: Boolean,
     default: !1
   }
-}, H6 = {
+}, H5 = {
   "update:modelValue": (e) => e
-}, Z6 = (e, t) => {
+}, Z5 = (e, t) => {
   const { size: r, contentPadding: n, staticBackdrop: s } = ye(e), a = P(() => {
     const d = O(
       "spr-fixed spr-bottom-0 spr-left-0 spr-right-0 spr-top-0 spr-z-[1050] spr-h-full spr-w-full spr-bg-[#4C5857] spr-opacity-60"
@@ -12316,12 +12316,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
       }, 500)) : l();
     }
   };
-}, G6 = { key: 0 }, W6 = /* @__PURE__ */ oe({
+}, G5 = { key: 0 }, W5 = /* @__PURE__ */ oe({
   __name: "modal",
-  props: V6,
-  emits: H6,
+  props: V5,
+  emits: H5,
   setup(e, { emit: t }) {
-    const r = e, n = t, { modalClasses: s, handleCloseModal: a, handleBackdropClick: o } = Z6(r, n);
+    const r = e, n = t, { modalClasses: s, handleCloseModal: a, handleBackdropClick: o } = Z5(r, n);
     return (l, u) => (g(), y(q, null, [
       U(C2, { name: "backdrop-transition" }, {
         default: Q(() => [
@@ -12345,7 +12345,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
               key: 0,
               class: I(i(s).headerClasses)
             }, [
-              !l.$slots.header && l.title ? (g(), y("span", G6, H(l.title), 1)) : T("", !0),
+              !l.$slots.header && l.title ? (g(), y("span", G5, H(l.title), 1)) : T("", !0),
               re(l.$slots, "header", {}, void 0, !0),
               r.closeButtonX ? (g(), y("span", {
                 key: 1,
@@ -12376,13 +12376,13 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
       })
     ], 64));
   }
-}), K6 = /* @__PURE__ */ u2(W6, [["__scopeId", "data-v-4f331f4e"]]), J6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), K5 = /* @__PURE__ */ u2(W5, [["__scopeId", "data-v-4f331f4e"]]), J5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: K6
-}, Symbol.toStringTag, { value: "Module" })), X6 = ["xs", "sm", "lg"], q6 = {
+  default: K5
+}, Symbol.toStringTag, { value: "Module" })), X5 = ["xs", "sm", "lg"], q5 = {
   size: {
     type: String,
-    validator: (e) => X6.includes(e),
+    validator: (e) => X5.includes(e),
     default: "lg"
   },
   label: {
@@ -12403,7 +12403,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
       return e <= 0 || e > 100 ? (console.error('Invalid prop: "max" must be between 1 and 100.'), !1) : !0;
     }
   }
-}, e5 = (e) => {
+}, e6 = (e) => {
   const t = P(() => {
     switch (e.size) {
       case "xs":
@@ -12424,14 +12424,14 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     percentage: r,
     handleProgressBarStyle: n
   };
-}, t5 = ["aria-valuemax"], r5 = {
+}, t6 = ["aria-valuemax"], r6 = {
   key: 0,
   class: "spr-text-color-base spr-font-weight-regular spr-font-size-100 spr-line-height-100 spr-font-main"
-}, n5 = /* @__PURE__ */ oe({
+}, n6 = /* @__PURE__ */ oe({
   __name: "progress-bar",
-  props: q6,
+  props: q5,
   setup(e) {
-    const t = e, { handleProgressBarSize: r, percentage: n, handleProgressBarStyle: s } = e5(t);
+    const t = e, { handleProgressBarSize: r, percentage: n, handleProgressBarStyle: s } = e6(t);
     return (a, o) => (g(), y("div", {
       class: "spr-flex spr-w-full spr-flex-col spr-gap-size-spacing-5xs",
       "aria-valuemin": 0,
@@ -12446,13 +12446,13 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
           style: _e(i(s))
         }, null, 4)
       ], 2),
-      t.label ? (g(), y("span", r5, H(i(n)) + "%", 1)) : T("", !0)
-    ], 8, t5));
+      t.label ? (g(), y("span", r6, H(i(n)) + "%", 1)) : T("", !0)
+    ], 8, t6));
   }
-}), s5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), s6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: n5
-}, Symbol.toStringTag, { value: "Module" })), a5 = {
+  default: n6
+}, Symbol.toStringTag, { value: "Module" })), a6 = {
   id: {
     type: String,
     required: !0
@@ -12483,7 +12483,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     type: Boolean,
     default: !1
   }
-}, o5 = ["update:modelValue"], i5 = (e, t, r) => {
+}, o6 = ["update:modelValue"], i6 = (e, t, r) => {
   const { modelValue: n, disabled: s, description: a, bordered: o, fullWidth: l } = ye(e), u = V(null), d = Ft(u), c = P(() => {
     const C = O("spr-sr-only spr-peer spr-inline-block", {
       "spr-cursor-not-allowed": s.value
@@ -12562,12 +12562,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     description: a,
     bordered: o
   };
-}, l5 = ["id", "name", "value", "disabled"], d5 = ["for", "disabled"], u5 = { class: "spr-flex spr-flex-col spr-gap-size-spacing-6xs" }, c5 = /* @__PURE__ */ oe({
+}, l6 = ["id", "name", "value", "disabled"], d6 = ["for", "disabled"], u6 = { class: "spr-flex spr-flex-col spr-gap-size-spacing-6xs" }, c6 = /* @__PURE__ */ oe({
   __name: "radio",
-  props: a5,
-  emits: o5,
+  props: a6,
+  emits: o6,
   setup(e, { emit: t }) {
-    const r = e, n = t, s = b2(), { proxyValue: a, radioRef: o, radioClasses: l } = i5(r, n, s);
+    const r = e, n = t, s = b2(), { proxyValue: a, radioRef: o, radioClasses: l } = i6(r, n, s);
     return (u, d) => (g(), y("div", {
       class: I(["spr-relative", { "spr-w-full": r.fullWidth }])
     }, [
@@ -12581,7 +12581,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
         value: r.value,
         disabled: r.disabled,
         class: I(i(l).baseClasses)
-      }, null, 10, l5), [
+      }, null, 10, l6), [
         [ga, i(a)]
       ]),
       A("label", {
@@ -12594,20 +12594,20 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
         A("span", {
           class: I(i(l).baseIndicatorClasses)
         }, null, 2),
-        A("div", u5, [
+        A("div", u6, [
           re(u.$slots, "default", {}, void 0, !0),
           r.description && r.description !== "" ? (g(), y("span", {
             key: 0,
             class: I(["spr-text-xs spr-font-normal spr-leading-4 spr-text-mushroom-600", { "spr-text-color-disabled": r.disabled }])
           }, H(r.description), 3)) : T("", !0)
         ])
-      ], 10, d5)
+      ], 10, d6)
     ], 2));
   }
-}), p5 = /* @__PURE__ */ u2(c5, [["__scopeId", "data-v-95e7fa1a"]]), g5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), p6 = /* @__PURE__ */ u2(c6, [["__scopeId", "data-v-95e7fa1a"]]), g6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: p5
-}, Symbol.toStringTag, { value: "Module" })), f5 = {
+  default: p6
+}, Symbol.toStringTag, { value: "Module" })), f6 = {
   quickActions: {
     type: Array,
     validator: (e) => Array.isArray(e),
@@ -12652,12 +12652,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     validator: (e) => typeof e == "boolean",
     default: !1
   }
-}, h5 = {
+}, h6 = {
   "get-navlink-item": String,
   search: Function,
   notifications: Function,
   requests: Function
-}, C5 = (e, t) => {
+}, C6 = (e, t) => {
   const r = V(!1), n = V(!1), s = V(!1), a = (d) => {
     const c = d.split(" ");
     return (c[0].charAt(0) + (c[1] ? c[1].charAt(0) : "")).toUpperCase();
@@ -12684,39 +12684,39 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
     handleRedirect: o,
     generateId: (...d) => d.map(l).join("_")
   };
-}, y5 = {
+}, y6 = {
   class: /* @__PURE__ */ I([
     "spr-hidden-scrolls spr-fixed spr-bottom-0 spr-left-0 spr-top-0",
     "spr-background-color spr-w-auto spr-overflow-y-auto spr-overflow-x-hidden",
     "spr-border-color-weak spr-border-b-0 spr-border-l-0 spr-border-r spr-border-t-0 spr-border-solid",
     "spr-transition spr-duration-150 spr-ease-in-out"
   ])
-}, M5 = { class: "spr-grid spr-justify-center spr-gap-2 spr-px-3 spr-pb-4 spr-pt-4" }, v5 = {
+}, M6 = { class: "spr-grid spr-justify-center spr-gap-2 spr-px-3 spr-pb-4 spr-pt-4" }, v6 = {
   class: /* @__PURE__ */ I([
     "spr-grid spr-justify-center spr-p-2",
     "[&>img]:spr-mx-auto [&>img]:spr-h-[24px] [&>img]:spr-w-[24px] [&>img]:spr-object-cover"
   ])
-}, m5 = {
+}, m6 = {
   class: /* @__PURE__ */ I([
     "spr-px-4 spr-py-3",
     "spr-border-color-weak spr-flex spr-justify-between spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid"
   ])
-}, b5 = { class: "spr-max-h-[268px] spr-overflow-auto" }, N5 = ["onClick"], $5 = { class: "spr-grid spr-justify-between" }, D5 = { class: "spr-body-sm-regular-medium spr-text-color-strong spr-m-0 spr-truncate" }, I5 = { class: "spr-body-xs-regular spr-text-color-base spr-m-0 spr-truncate" }, A5 = ["id"], x5 = ["src", "alt"], w5 = ["src", "alt"], j5 = { class: "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-2" }, T5 = { class: "spr-body-sm-regular-medium spr-m-0" }, S5 = ["id"], O5 = {
+}, b6 = { class: "spr-max-h-[268px] spr-overflow-auto" }, N6 = ["onClick"], $6 = { class: "spr-grid spr-justify-between" }, D6 = { class: "spr-body-sm-regular-medium spr-text-color-strong spr-m-0 spr-truncate" }, I6 = { class: "spr-body-xs-regular spr-text-color-base spr-m-0 spr-truncate" }, A6 = ["id"], x6 = ["src", "alt"], w6 = ["src", "alt"], j6 = { class: "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-2" }, T6 = { class: "spr-body-sm-regular-medium spr-m-0" }, S6 = ["id"], O6 = {
   key: 0,
   class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]"
-}, z5 = ["id", "onClick"], L5 = { class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]" }, _5 = ["id", "onClick"], k5 = {
+}, z6 = ["id", "onClick"], L6 = { class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]" }, _6 = ["id", "onClick"], k6 = {
   key: 0,
   class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]"
-}, E5 = { class: "spr-label-xs-medium spr-uppercase" }, P5 = ["id", "onClick"], Y5 = ["src", "alt"], U5 = ["src", "alt"], F5 = {
+}, E6 = { class: "spr-label-xs-medium spr-uppercase" }, P6 = ["id", "onClick"], Y6 = ["src", "alt"], U6 = ["src", "alt"], F6 = {
   key: 0,
   class: "spr-background-color-hover spr-h-[2px] spr-w-full"
-}, B5 = {
+}, B6 = {
   key: 0,
   class: "spr-grid spr-justify-center spr-gap-2 spr-px-3 spr-pb-4 spr-pt-0"
-}, R5 = ["id"], Q5 = ["src", "alt"], V5 = ["src", "alt"], H5 = { class: "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-2" }, Z5 = { class: "spr-body-sm-regular-medium spr-m-0" }, G5 = ["id"], W5 = {
+}, R6 = ["id"], Q6 = ["src", "alt"], V6 = ["src", "alt"], H6 = { class: "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-2" }, Z6 = { class: "spr-body-sm-regular-medium spr-m-0" }, G6 = ["id"], W6 = {
   key: 0,
   class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]"
-}, K5 = ["id", "onClick"], J5 = { class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]" }, X5 = ["id", "onClick"], q5 = { class: "spr-label-xs-medium spr-uppercase" }, e9 = ["id", "onClick"], t9 = ["src", "alt"], r9 = ["src", "alt"], n9 = {
+}, K6 = ["id", "onClick"], J6 = { class: "spr-background-color-brand-base spr-absolute spr-left-0 spr-top-0 spr-h-full spr-w-[2px]" }, X6 = ["id", "onClick"], q6 = { class: "spr-label-xs-medium spr-uppercase" }, e9 = ["id", "onClick"], t9 = ["src", "alt"], r9 = ["src", "alt"], n9 = {
   key: 0,
   class: "spr-background-color-hover spr-h-[2px] spr-w-full"
 }, s9 = {
@@ -12742,14 +12742,14 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
   ])
 }, c9 = ["src"], p9 = { key: 1 }, g9 = { class: "spr-grid spr-justify-between spr-gap-1" }, f9 = { class: "spr-body-sm-regular spr-m-0 spr-truncate" }, h9 = { class: "spr-body-xs-regular spr-m-0 spr-truncate spr-text-color-supporting" }, C9 = { class: "spr-max-h-[268px] spr-overflow-auto" }, y9 = ["id", "onClick"], M9 = { class: "spr-body-sm-regular spr-text-color-strong spr-m-0 spr-truncate" }, v9 = /* @__PURE__ */ oe({
   __name: "sidenav",
-  props: f5,
-  emits: h5,
+  props: f6,
+  emits: h6,
   setup(e, { emit: t }) {
-    const r = e, n = t, { isQuckActionMenuVisible: s, isUserMenuVisible: a, userProfileError: o, getUserInitials: l, handleRedirect: u, generateId: d } = C5(
+    const r = e, n = t, { isQuckActionMenuVisible: s, isUserMenuVisible: a, userProfileError: o, getUserInitials: l, handleRedirect: u, generateId: d } = C6(
       r,
       n
     );
-    return (c, p) => (g(), y("div", y5, [
+    return (c, p) => (g(), y("div", y6, [
       A("div", {
         class: I({
           "spr-hidden-scrolls spr-flex spr-h-full spr-flex-col spr-justify-between spr-overflow-auto": !0,
@@ -12758,8 +12758,8 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
           "!spr-max-h-[calc(100vh-150px)]": r.requestCount === "" || r.notificationCount === ""
         })
       }, [
-        A("div", M5, [
-          A("div", v5, [
+        A("div", M6, [
+          A("div", v6, [
             re(c.$slots, "logo-image")
           ]),
           r.quickActions && r.quickActions.length > 0 ? (g(), K(i(ze), {
@@ -12774,7 +12774,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
             "instant-move": ""
           }, {
             popper: Q(() => [
-              A("div", m5, [
+              A("div", m6, [
                 p[10] || (p[10] = A("h3", { class: "spr-body-sm-regular-medium spr-m-0" }, "Quick Actions", -1)),
                 U(i(Z), {
                   icon: "ph:x",
@@ -12786,7 +12786,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                   onClick: p[1] || (p[1] = (C) => s.value = !i(s))
                 })
               ]),
-              A("div", b5, [
+              A("div", b6, [
                 (g(!0), y(q, null, de(r.quickActions, (C, h) => (g(), y(q, { key: h }, [
                   C.menuHeading ? (g(), y("h5", {
                     key: 0,
@@ -12820,11 +12820,11 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                           class: "spr-h-[1em] spr-w-[1em] spr-text-[20px]"
                         }, null, 8, ["icon"])) : T("", !0)
                       ], 2),
-                      A("div", $5, [
-                        A("h5", D5, H(f.title), 1),
-                        A("p", I5, H(f.description), 1)
+                      A("div", $6, [
+                        A("h5", D6, H(f.title), 1),
+                        A("p", I6, H(f.description), 1)
                       ])
-                    ], 8, N5))
+                    ], 8, N6))
                   ], 64))), 128))
                 ], 64))), 128))
               ])
@@ -12875,8 +12875,8 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                 "instant-move": ""
               }, {
                 popper: Q(() => [
-                  A("div", j5, [
-                    A("h3", T5, H(f.title), 1)
+                  A("div", j6, [
+                    A("h3", T6, H(f.title), 1)
                   ]),
                   (g(!0), y(q, null, de(f.menuLinks, (b, m) => (g(), y(q, { key: m }, [
                     b.menuHeading ? (g(), y("h5", {
@@ -12927,11 +12927,11 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                                     $.title
                                   )
                                 }, [
-                                  a2(A("div", L5, null, 512), [
+                                  a2(A("div", L6, null, 512), [
                                     [lt, r.activeNav.submenu === $.title]
                                   ]),
                                   A("span", null, H($.title), 1)
-                                ], 10, z5))
+                                ], 10, z6))
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -12947,13 +12947,13 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                               "active:spr-background-color-pressed": !0
                             })
                           }, [
-                            r.activeNav.menu === N.title ? (g(), y("div", O5)) : T("", !0),
+                            r.activeNav.menu === N.title ? (g(), y("div", O6)) : T("", !0),
                             A("span", null, H(N.title), 1),
                             U(i(Z), {
                               icon: "ph:caret-right",
                               class: "spr-h-[16px] spr-w-[16px] spr-transform spr-font-normal spr-transition-transform spr-duration-300"
                             })
-                          ], 10, S5)
+                          ], 10, S6)
                         ]),
                         _: 2
                       }, 1024)) : (g(), y(q, { key: 1 }, [
@@ -12968,9 +12968,9 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                           }),
                           onClick: (S) => i(u)(N, f.title, N.title, "")
                         }, [
-                          r.activeNav.menu === N.title ? (g(), y("div", k5)) : T("", !0),
+                          r.activeNav.menu === N.title ? (g(), y("div", k6)) : T("", !0),
                           A("span", null, H(N.title), 1)
-                        ], 10, _5))
+                        ], 10, _6))
                       ], 64))
                     ], 64))), 128))
                   ], 64))), 128))
@@ -12991,12 +12991,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                         src: f.icon,
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, x5)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
+                      }, null, 8, x6)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
                         key: 1,
                         src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, w5)) : T("", !0)
+                      }, null, 8, w6)) : T("", !0)
                     ], 64)) : (g(), y(q, { key: 1 }, [
                       f.icon && r.activeNav.parentNav !== f.title ? (g(), K(i(Z), {
                         key: 0,
@@ -13011,7 +13011,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                         icon: "ph:globe"
                       }))
                     ], 64))
-                  ], 10, A5)
+                  ], 10, A6)
                 ]),
                 _: 2
               }, 1024)) : (g(), y(q, { key: 1 }, [
@@ -13023,7 +13023,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                   triggers: ["hover"]
                 }, {
                   popper: Q(() => [
-                    A("span", E5, H(f.title), 1)
+                    A("span", E6, H(f.title), 1)
                   ]),
                   default: Q(() => [
                     A("div", {
@@ -13042,12 +13042,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                           src: f.icon,
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                        }, null, 8, Y5)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
+                        }, null, 8, Y6)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
                           key: 1,
                           src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                           alt: `${f.title} icon`,
                           class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                        }, null, 8, U5)) : T("", !0)
+                        }, null, 8, U6)) : T("", !0)
                       ], 64)) : (g(), y(q, { key: 1 }, [
                         f.icon && r.activeNav.parentNav !== f.title ? (g(), K(i(Z), {
                           key: 0,
@@ -13062,16 +13062,16 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                           icon: "ph:globe"
                         }))
                       ], 64))
-                    ], 10, P5)
+                    ], 10, P6)
                   ]),
                   _: 2
                 }, 1024))
               ], 64))
             ], 64))), 128)),
-            r.navLinks.top.length > 0 && h < r.navLinks.top.length - 1 ? (g(), y("div", F5)) : T("", !0)
+            r.navLinks.top.length > 0 && h < r.navLinks.top.length - 1 ? (g(), y("div", F6)) : T("", !0)
           ], 64))), 128))
         ]),
-        r.navLinks.bottom && r.navLinks.bottom.length > 0 ? (g(), y("div", B5, [
+        r.navLinks.bottom && r.navLinks.bottom.length > 0 ? (g(), y("div", B6, [
           (g(!0), y(q, null, de(r.navLinks.bottom, (C, h) => (g(), y(q, { key: h }, [
             (g(!0), y(q, null, de(C.parentLinks, (f, v) => (g(), y(q, { key: v }, [
               f.menuLinks && f.menuLinks.length > 0 ? (g(), K(i(ze), {
@@ -13083,8 +13083,8 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                 "instant-move": ""
               }, {
                 popper: Q(() => [
-                  A("div", H5, [
-                    A("h3", Z5, H(f.title), 1)
+                  A("div", H6, [
+                    A("h3", Z6, H(f.title), 1)
                   ]),
                   (g(!0), y(q, null, de(f.menuLinks, (b, m) => (g(), y(q, { key: m }, [
                     b.menuHeading ? (g(), y("h5", {
@@ -13135,11 +13135,11 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                                     $.title
                                   )
                                 }, [
-                                  a2(A("div", J5, null, 512), [
+                                  a2(A("div", J6, null, 512), [
                                     [lt, r.activeNav.submenu === $.title]
                                   ]),
                                   A("span", null, H($.title), 1)
-                                ], 10, K5))
+                                ], 10, K6))
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -13155,13 +13155,13 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                               "active:spr-background-color-pressed": !0
                             })
                           }, [
-                            r.activeNav.menu === N.title ? (g(), y("div", W5)) : T("", !0),
+                            r.activeNav.menu === N.title ? (g(), y("div", W6)) : T("", !0),
                             A("span", null, H(N.title), 1),
                             U(i(Z), {
                               icon: "ph:caret-right",
                               class: "spr-h-[16px] spr-w-[16px] spr-transform spr-font-normal spr-transition-transform spr-duration-300"
                             })
-                          ], 10, G5)
+                          ], 10, G6)
                         ]),
                         _: 2
                       }, 1024)) : (g(), y(q, { key: 1 }, [
@@ -13177,7 +13177,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                           onClick: (S) => i(u)(N, f.title, N.title, "")
                         }, [
                           A("span", null, H(N.title), 1)
-                        ], 8, X5))
+                        ], 8, X6))
                       ], 64))
                     ], 64))), 128))
                   ], 64))), 128))
@@ -13198,12 +13198,12 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                         src: f.icon,
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, Q5)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
+                      }, null, 8, Q6)) : r.activeNav.parentNav === f.title ? (g(), y("img", {
                         key: 1,
                         src: f.icon.replace(/\.(svg|png|jpg)$/, "-fill.$1"),
                         alt: `${f.title} icon`,
                         class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
-                      }, null, 8, V5)) : T("", !0)
+                      }, null, 8, V6)) : T("", !0)
                     ], 64)) : (g(), y(q, { key: 1 }, [
                       f.icon && r.activeNav.parentNav !== f.title ? (g(), K(i(Z), {
                         key: 0,
@@ -13218,7 +13218,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                         icon: "ph:globe"
                       }))
                     ], 64))
-                  ], 10, R5)
+                  ], 10, R6)
                 ]),
                 _: 2
               }, 1024)) : (g(), y(q, { key: 1 }, [
@@ -13230,7 +13230,7 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                   triggers: ["hover"]
                 }, {
                   popper: Q(() => [
-                    A("span", q5, H(f.title), 1)
+                    A("span", q6, H(f.title), 1)
                   ]),
                   default: Q(() => [
                     A("div", {
@@ -14678,8 +14678,8 @@ function Ot(e, t, r = {}, n, s, a) {
   }
   const N = a ? function() {
     const { state: j } = r, G = j ? j() : {};
-    this.$patch((te) => {
-      Ee(te, G);
+    this.$patch((ee) => {
+      Ee(ee, G);
     });
   } : (
     /* istanbul ignore next */
@@ -14695,7 +14695,7 @@ function Ot(e, t, r = {}, n, s, a) {
       return M[it] = j, M;
     const G = function() {
       r0(n);
-      const te = Array.from(arguments), R = [], _ = [];
+      const ee = Array.from(arguments), R = [], _ = [];
       function F(B) {
         R.push(B);
       }
@@ -14703,7 +14703,7 @@ function Ot(e, t, r = {}, n, s, a) {
         _.push(B);
       }
       x2(C, {
-        args: te,
+        args: ee,
         name: G[it],
         store: x,
         after: F,
@@ -14711,7 +14711,7 @@ function Ot(e, t, r = {}, n, s, a) {
       });
       let Y;
       try {
-        Y = M.apply(this && this.$id === e ? this : x, te);
+        Y = M.apply(this && this.$id === e ? this : x, ee);
       } catch (B) {
         throw x2(_, B), B;
       }
@@ -14731,7 +14731,7 @@ function Ot(e, t, r = {}, n, s, a) {
     $patch: m,
     $reset: N,
     $subscribe(M, j = {}) {
-      const G = An(p, M, j.detached, () => te()), te = o.run(() => Me(() => n.state.value[e], (R) => {
+      const G = An(p, M, j.detached, () => ee()), ee = o.run(() => Me(() => n.state.value[e], (R) => {
         (j.flush === "sync" ? c : d) && M({
           storeId: e,
           type: Ge.direct,
@@ -14778,8 +14778,8 @@ function Ot(e, t, r = {}, n, s, a) {
   }), process.env.NODE_ENV !== "production" && (x._hotUpdate = f2((M) => {
     x._hotUpdating = !0, M._hmrPayload.state.forEach((j) => {
       if (j in x.$state) {
-        const G = M.$state[j], te = x.$state[j];
-        typeof G == "object" && m2(G) && m2(te) ? Fs(G, te) : M.$state[j] = te;
+        const G = M.$state[j], ee = x.$state[j];
+        typeof G == "object" && m2(G) && m2(ee) ? Fs(G, ee) : M.$state[j] = ee;
       }
       l0(x, j, c0(M.$state, j));
     }), Object.keys(x.$state).forEach((j) => {
@@ -14792,11 +14792,11 @@ function Ot(e, t, r = {}, n, s, a) {
       l0(x, j, S(G, j));
     }
     for (const j in M._hmrPayload.getters) {
-      const G = M._hmrPayload.getters[j], te = a ? (
+      const G = M._hmrPayload.getters[j], ee = a ? (
         // special handling of options api
         P(() => (r0(n), G.call(x, x)))
       ) : G;
-      l0(x, j, te);
+      l0(x, j, ee);
     }
     Object.keys(x._hmrPayload.getters).forEach((j) => {
       j in M._hmrPayload.getters || tt(x, j);
@@ -15837,7 +15837,7 @@ const y8 = (e) => ({
       emptyStateClasses: Ve,
       tableActionSlotClasses: s0
     };
-  }), j = (z, Y) => m.value[z][Y], G = (z) => typeof z == "object" && "title" in z, te = (z) => {
+  }), j = (z, Y) => m.value[z][Y], G = (z) => typeof z == "object" && "title" in z, ee = (z) => {
     if (!u.value || !(u.value in z)) return;
     const Y = f.value.findIndex((B) => {
       const J = B[u.value], ie = z[u.value];
@@ -15872,7 +15872,7 @@ const y8 = (e) => ({
     sortData: N,
     updateSearchField: L,
     handleRowClick: x,
-    handleSelect: te,
+    handleSelect: ee,
     handleSelectAll: R,
     sortedData: m,
     getHeaderCount: S,
@@ -16093,7 +16093,7 @@ const y8 = (e) => ({
                     ])) : T("", !0),
                     A("div", null, [
                       Array.isArray(i(S)(w, M.field).title) ? (g(), y("div", m7, [
-                        (g(!0), y(q, null, de(i(S)(w, M.field).title, (G, te) => (g(), y("div", { key: te }, [
+                        (g(!0), y(q, null, de(i(S)(w, M.field).title, (G, ee) => (g(), y("div", { key: ee }, [
                           M.hasLozengeTitle ? (g(), y("div", b7, [
                             U(Lt, {
                               cell: G
@@ -16704,16 +16704,31 @@ const y8 = (e) => ({
 }), pp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: cp
-}, Symbol.toStringTag, { value: "Module" })), gp = "spr-", fp = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": di, "../src/components/avatar/avatar.vue": Ii, "../src/components/badge/badge.vue": Ni, "../src/components/button/button.vue": ti, "../src/components/calendar-cell/calendar-cell.vue": ki, "../src/components/calendar/calendar.vue": j3, "../src/components/card/card.vue": qi, "../src/components/checkbox/checkbox.vue": q1, "../src/components/chips/chips.vue": R3, "../src/components/collapsible/collapsible.vue": Ia, "../src/components/date-picker/date-picker.vue": x4, "../src/components/dropdown/dropdown.vue": xl, "../src/components/empty-state/empty-state.vue": t3, "../src/components/file-upload/file-upload.vue": G4, "../src/components/filter/filter.vue": ud, "../src/components/floating-action/floating-action.vue": Cd, "../src/components/input/input-contact-number/input-contact-number.vue": jc, "../src/components/input/input-dropdown/input-dropdown.vue": Sc, "../src/components/input/input-email/input-email.vue": zc, "../src/components/input/input-password/input-password.vue": kc, "../src/components/input/input-search/input-search.vue": Ec, "../src/components/input/input-url/input-url.vue": Yc, "../src/components/input/input-username/input-username.vue": Fc, "../src/components/input/input.vue": Vi, "../src/components/list/ladderized-list/ladderized-list-back.vue": gl, "../src/components/list/ladderized-list/ladderized-list.vue": Ml, "../src/components/list/list.vue": dl, "../src/components/logo/logo.vue": R6, "../src/components/lozenge/lozenge.vue": kl, "../src/components/modal/modal.vue": J6, "../src/components/progress-bar/progress-bar.vue": s5, "../src/components/radio/radio.vue": g5, "../src/components/sidenav/sidenav.vue": m9, "../src/components/sidepanel/sidepanel.vue": w9, "../src/components/slider/slider.vue": L9, "../src/components/snackbar/snack/snack.vue": F9, "../src/components/snackbar/snackbar.vue": N8, "../src/components/status/status.vue": Ti, "../src/components/stepper/step/step.vue": x8, "../src/components/stepper/stepper.vue": O8, "../src/components/switch/switch.vue": B8, "../src/components/table/table-actions/table-actions.vue": H8, "../src/components/table/table-chips-title/table-chips-title.vue": K8, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": e7, "../src/components/table/table-pagination/table-pagination.vue": a7, "../src/components/table/table.vue": L7, "../src/components/tabs/tabs.vue": R7, "../src/components/textarea/textarea.vue": K7, "../src/components/time-picker/time-picker.vue": op, "../src/components/tooltip/tooltip.vue": pp }), hp = (e) => {
-  Object.entries(fp).forEach(([t, r]) => {
+}, Symbol.toStringTag, { value: "Module" })), gp = "design-system-next", fp = "2.7.42", hp = "./dist/design-system-next.js", Cp = "./dist/design-system-next.js", yp = { type: "git", url: "https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next" }, Mp = "module", vp = ["dist", "dist/", "src/", "README.md", "LICENSE"], mp = { ".": { import: "./dist/design-system-next.js", require: "./dist/design-system-next.js" }, "./style.css": "./dist/main.css" }, bp = { dev: "vite", build: "vue-tsc && vite build", "watch-build": "vue-tsc && vite build --watch", types: "vue-tsc", preview: "vite preview", "lint:script": 'eslint "**/*.{js,ts,vue}"', "lint:style": 'stylelint "**/*.{vue,css}"', "fix:style": 'stylelint --fix "**/*.{vue,css}"', lint: "npm run lint:script && npm run lint:style", prepublishOnly: "npm run build", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", clean: "rm -rf node_modules dist coverage package-lock.json && npm install" }, Np = { "@cloudinary/url-gen": "^1.21.0", "@eslint/js": "^9.17.0", "@iconify-icons/ph": "^1.2.5", "@iconify/vue": "^4.3.0", classnames: "^2.5.1", "countries-list": "^3.1.1", dayjs: "^1.11.13", "floating-vue": "^5.2.2", "libphonenumber-js": "^1.12.5", pinia: "^2.3.1", stylelint: "^16.12.0", "stylelint-config-recess-order": "^5.1.1", "stylelint-config-recommended": "^14.0.1", "stylelint-config-recommended-vue": "^1.5.0", "typescript-eslint": "^8.19.1", "vite-plugin-sass": "^0.1.0", vue: "^3.0.0" }, $p = { "@stylistic/stylelint-plugin": "^3.1.1", "@types/node": "^22.10.5", "@vitejs/plugin-vue": "^5.2.1", autoprefixer: "^10.4.20", eslint: "^9.17.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-vue": "^9.32.0", prettier: "^3.4.2", "prettier-plugin-tailwindcss": "^0.6.9", "rollup-plugin-gzip": "^4.0.1", "sass-embedded": "^1.83.1", tailwindcss: "^3.4.17", typescript: "~5.7.2", "unplugin-vue-components": "^28.0.0", vite: "^6.0.7", "vite-plugin-dts": "^4.4.0", "vite-tsconfig-paths": "^5.1.4", vitepress: "^1.5.0", "vue-eslint-parser": "^9.4.3", "vue-tsc": "^2.2.0" }, Dp = { vue: "^3.0.0" }, Ip = { node: ">=20.0.0", npm: ">=10.0.0" }, Ap = {
+  name: gp,
+  private: !1,
+  version: fp,
+  main: hp,
+  module: Cp,
+  repository: yp,
+  type: Mp,
+  files: vp,
+  exports: mp,
+  scripts: bp,
+  dependencies: Np,
+  devDependencies: $p,
+  peerDependencies: Dp,
+  engines: Ip
+}, xp = "spr-", wp = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": di, "../src/components/avatar/avatar.vue": Ii, "../src/components/badge/badge.vue": Ni, "../src/components/button/button.vue": ti, "../src/components/calendar-cell/calendar-cell.vue": ki, "../src/components/calendar/calendar.vue": j3, "../src/components/card/card.vue": qi, "../src/components/checkbox/checkbox.vue": q1, "../src/components/chips/chips.vue": R3, "../src/components/collapsible/collapsible.vue": Io, "../src/components/date-picker/date-picker.vue": x4, "../src/components/dropdown/dropdown.vue": xl, "../src/components/empty-state/empty-state.vue": t3, "../src/components/file-upload/file-upload.vue": G4, "../src/components/filter/filter.vue": ud, "../src/components/floating-action/floating-action.vue": Cd, "../src/components/input/input-contact-number/input-contact-number.vue": jc, "../src/components/input/input-dropdown/input-dropdown.vue": Sc, "../src/components/input/input-email/input-email.vue": zc, "../src/components/input/input-password/input-password.vue": kc, "../src/components/input/input-search/input-search.vue": Ec, "../src/components/input/input-url/input-url.vue": Yc, "../src/components/input/input-username/input-username.vue": Fc, "../src/components/input/input.vue": Vi, "../src/components/list/ladderized-list/ladderized-list-back.vue": gl, "../src/components/list/ladderized-list/ladderized-list.vue": Ml, "../src/components/list/list.vue": dl, "../src/components/logo/logo.vue": R5, "../src/components/lozenge/lozenge.vue": kl, "../src/components/modal/modal.vue": J5, "../src/components/progress-bar/progress-bar.vue": s6, "../src/components/radio/radio.vue": g6, "../src/components/sidenav/sidenav.vue": m9, "../src/components/sidepanel/sidepanel.vue": w9, "../src/components/slider/slider.vue": L9, "../src/components/snackbar/snack/snack.vue": F9, "../src/components/snackbar/snackbar.vue": N8, "../src/components/status/status.vue": Li, "../src/components/stepper/step/step.vue": x8, "../src/components/stepper/stepper.vue": O8, "../src/components/switch/switch.vue": B8, "../src/components/table/table-actions/table-actions.vue": H8, "../src/components/table/table-chips-title/table-chips-title.vue": K8, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": e7, "../src/components/table/table-pagination/table-pagination.vue": a7, "../src/components/table/table.vue": L7, "../src/components/tabs/tabs.vue": R7, "../src/components/textarea/textarea.vue": K7, "../src/components/time-picker/time-picker.vue": op, "../src/components/tooltip/tooltip.vue": pp }), jp = (e) => {
+  Object.entries(wp).forEach(([t, r]) => {
     var s;
     const n = (s = t.split("/").pop()) == null ? void 0 : s.replace(".vue", "");
-    n && e.component(`${gp}${n}`, r.default);
+    n && e.component(`${xp}${n}`, r.default);
   }), console.info(
-    "%c🌱Design System Next Installed🌱",
+    `%c🌱 Design System Next Installed v${Ap.version} 🌱`,
     "font-weight: bold; font-size: 14px; color: green; padding: 16px 8px; border: 1px dashed green; border-radius: 4px; margin: 10px auto;"
   );
-}, yp = { install: hp };
+}, Sp = { install: jp };
 export {
-  yp as default
+  Sp as default
 };