design-system-next 2.7.41 → 2.7.43

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) {
@@ -775,7 +655,7 @@ function io(e, t, r, n) {
       $.status === "pending" && ($.status = "aborted");
     }), C = [];
   }
-  function S($, x, k) {
+  function S($, x, _) {
     const w = x !== "success";
     switch (C = C.filter((M) => M !== $), u) {
       case "pending":
@@ -788,11 +668,11 @@ function io(e, t, r, n) {
         return;
     }
     if (x === "abort") {
-      c = k, N();
+      c = _, N();
       return;
     }
     if (w) {
-      c = k, C.length || (o.length ? L() : N());
+      c = _, C.length || (o.length ? L() : N());
       return;
     }
     if (f(), D(), !e.random) {
@@ -800,7 +680,7 @@ function io(e, t, r, n) {
       M !== -1 && M !== e.index && (e.index = M);
     }
     u = "completed", h.forEach((M) => {
-      M(k);
+      M(_);
     });
   }
   function L() {
@@ -821,17 +701,17 @@ function io(e, t, r, n) {
     const x = {
       status: "pending",
       resource: $,
-      callback: (k, w) => {
-        S(x, k, w);
+      callback: (_, w) => {
+        S(x, _, w);
       }
     };
     C.push(x), d++, p = setTimeout(L, e.rotate), r($, t, x.callback);
   }
   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
    */
@@ -1698,7 +1698,7 @@ function Jo(e, t = {}) {
       v(void 0, x);
     }
   });
-  function v(x, k) {
+  function v(x, _) {
     var w, M, j, G;
     if (!d)
       return;
@@ -1706,7 +1706,7 @@ function Jo(e, t = {}) {
     if (!ee)
       return;
     (j = ee instanceof Document ? d.document.body : ee) == null || j.scrollTo({
-      top: (w = Le(k)) != null ? w : f.value,
+      top: (w = Le(_)) != null ? w : f.value,
       left: (M = Le(x)) != null ? M : h.value,
       behavior: Le(u)
     });
@@ -1726,22 +1726,22 @@ function Jo(e, t = {}) {
   }), D = (x) => {
     b.value && (b.value = !1, N.left = !1, N.right = !1, N.top = !1, N.bottom = !1, s(x));
   }, S = Kn(D, r + n), L = (x) => {
-    var k;
+    var _;
     if (!d)
       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;
+    const w = ((_ = x == null ? void 0 : x.document) == null ? void 0 : _.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 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;
-    M === "flex" && j === "column-reverse" ? (m.top = z, m.bottom = F) : (m.top = F, m.bottom = z), C.value = _;
+    let k = w.scrollTop;
+    x === d.document && !k && (k = d.document.body.scrollTop), N.top = k < C.value, N.bottom = k > C.value;
+    const F = Math.abs(k) <= (o.top || 0), z = Math.abs(k) + w.clientHeight >= w.scrollHeight - (o.bottom || 0) - $r;
+    M === "flex" && j === "column-reverse" ? (m.top = z, m.bottom = F) : (m.top = F, m.bottom = z), C.value = k;
   }, $ = (x) => {
-    var k;
+    var _;
     if (!d)
       return;
-    const w = (k = x.target.documentElement) != null ? k : x.target;
+    const w = (_ = x.target.documentElement) != null ? _ : x.target;
     L(w), b.value = !0, S(x), a(x);
   };
   return $e(
@@ -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,12 +3272,12 @@ 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, 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;
+    const _ = 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 !== k && 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: {
-        [h]: _,
-        centerOffset: R - _ - z,
+        [h]: k,
+        centerOffset: R - k - z,
         ...F && {
           alignmentOffset: z
         }
@@ -3383,26 +3383,26 @@ const u1 = function(e) {
         return {};
       const m = Ke(s), N = M2(l), D = Ke(l) === l, S = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), L = C || (D || !v ? [w0(l)] : n1(l)), $ = f !== "none";
       !C && $ && L.push(...a1(l, v, f, S));
-      const x = [l, ...L], k = await R0(t, b), w = [];
+      const x = [l, ...L], _ = await R0(t, b), w = [];
       let M = ((n = a.flip) == null ? void 0 : n.overflows) || [];
-      if (c && w.push(k[m]), p) {
+      if (c && w.push(_[m]), p) {
         const R = rs(s, o, S);
-        w.push(k[R[0]], k[R[1]]);
+        w.push(_[R[0]], _[R[1]]);
       }
       if (M = [...M, {
         placement: s,
         overflows: w
       }], !w.every((R) => R <= 0)) {
         var j, G;
-        const R = (((j = a.flip) == null ? void 0 : j.index) || 0) + 1, _ = x[R];
-        if (_)
+        const R = (((j = a.flip) == null ? void 0 : j.index) || 0) + 1, k = x[R];
+        if (k)
           return {
             data: {
               index: R,
               overflows: M
             },
             reset: {
-              placement: _
+              placement: k
             }
           };
         let F = (G = M.filter((z) => z.overflows[0] <= 0).sort((z, Y) => z.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : G.placement;
@@ -3564,14 +3564,14 @@ const g1 = function(e) {
       let b, m;
       p === "top" || p === "bottom" ? (b = p, m = C === (await (o.isRTL == null ? void 0 : o.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (m = p, b = C === "end" ? "top" : "bottom");
       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) {
+      let x = S, _ = L;
+      if ((r = t.middlewareData.shift) != null && r.enabled.x && (_ = 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), 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));
+        h ? _ = 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,
-        availableWidth: k,
+        availableWidth: _,
         availableHeight: x
       });
       const w = await o.getDimensions(l.floating);
@@ -5777,7 +5777,7 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
 }, Dl = (e, t) => {
   const { menuList: r, searchString: n, disabled: s, multiSelect: a, removeCurrentLevelInBackLabel: o, ladderized: l, textField: u, valueField: d } = ye(e), c = Ie(e, "modelValue", t), p = V(null), C = V([]), h = V([]), f = P(() => Array.isArray(c.value) ? c.value : c.value !== void 0 && c.value !== null ? [c.value] : []), v = P(() => {
     var R;
-    return e.ladderized && Array.isArray(c.value) && c.value.length === 2 ? [((R = c.value[1]) == null ? void 0 : R.toString()) || ""] : Array.isArray(c.value) ? c.value.map((_) => _ == null ? "" : typeof _ == "number" || typeof _ == "object" ? _ : _.toString()) : c.value !== void 0 && c.value !== null ? [typeof c.value == "object" || // For numbers, preserve the original number value
+    return e.ladderized && Array.isArray(c.value) && c.value.length === 2 ? [((R = c.value[1]) == null ? void 0 : R.toString()) || ""] : Array.isArray(c.value) ? c.value.map((k) => k == null ? "" : typeof k == "number" || typeof k == "object" ? k : k.toString()) : c.value !== void 0 && c.value !== null ? [typeof c.value == "object" || // For numbers, preserve the original number value
     typeof c.value == "number" ? (
       // Pass object reference directly instead of stringifying
       c.value
@@ -5797,16 +5797,16 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
     }
     const R = r.value[0];
     if (typeof R == "string") {
-      h.value = r.value.map((_) => ({
-        text: _,
-        value: _
+      h.value = r.value.map((k) => ({
+        text: k,
+        value: k
       }));
       return;
     }
     if (typeof R == "number") {
-      h.value = r.value.map((_) => ({
-        text: _.toString(),
-        value: _
+      h.value = r.value.map((k) => ({
+        text: k.toString(),
+        value: k
         // Keep the value as a number instead of converting to string
       }));
       return;
@@ -5816,12 +5816,12 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
         h.value = r.value;
         return;
       }
-      h.value = r.value.map((_) => {
-        const F = _[u.value] || "Unnamed", z = d.value && _[d.value] !== void 0 ? _[d.value] : _;
+      h.value = r.value.map((k) => {
+        const F = k[u.value] || "Unnamed", z = d.value && k[d.value] !== void 0 ? k[d.value] : k;
         return {
           text: F,
           value: typeof z == "object" ? JSON.stringify(z) : z.toString(),
-          _originalObject: _
+          _originalObject: k
           // Store the original object for reference
         };
       });
@@ -5843,9 +5843,9 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
       h.value = [...r.value];
       return;
     }
-    const R = k(r.value), _ = w(r.value), F = w(R);
-    _.length > 0 ? h.value = k(_) : F.length > 0 ? h.value = F : h.value = [];
-  }, k = (R) => R.reduce((_, F) => {
+    const R = _(r.value), k = w(r.value), F = w(R);
+    k.length > 0 ? h.value = _(k) : F.length > 0 ? h.value = F : h.value = [];
+  }, _ = (R) => R.reduce((k, F) => {
     if (F.sublevel) {
       const z = F.sublevel.map((Y) => ({
         ...Y,
@@ -5855,12 +5855,12 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
         subvalue: typeof F.value == "string" ? F.value : String(F.value)
         // value of parent of a sublevel item as string
       }));
-      return [..._, ...z];
+      return [...k, ...z];
     }
-    return _;
-  }, []), w = (R) => R.filter((_) => {
+    return k;
+  }, []), w = (R) => R.filter((k) => {
     const F = n.value.toLowerCase().trim();
-    return _.text.toLowerCase().includes(F);
+    return k.text.toLowerCase().includes(F);
   });
   Me(n, () => {
     S();
@@ -5874,11 +5874,11 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
     { distance: 10 }
   );
   const M = (R) => {
-    var _, F;
+    var k, F;
     if (e.ladderized) {
       if (e.ladderized) {
         if (e.searchString !== "") {
-          const z = (_ = R[0]) == null ? void 0 : _.subvalue, Y = (F = R[0]) == null ? void 0 : F.value;
+          const z = (k = R[0]) == null ? void 0 : k.subvalue, Y = (F = R[0]) == null ? void 0 : F.value;
           z !== void 0 && Y !== void 0 && (c.value = [z, Y]);
         } else if (R.length > 0) {
           const z = R[0];
@@ -5912,11 +5912,11 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
   }, j = (R) => {
     R.length > 0 && (c.value = R), G(R) && (b.value = !1);
   }, G = (R) => {
-    let _ = h.value;
+    let k = h.value;
     return R.forEach((F) => {
       var z;
-      _ = ((z = _.find((Y) => F === Y.value)) == null ? void 0 : z.sublevel) ?? [];
-    }), !(_.length > 0);
+      k = ((z = k.find((Y) => F === Y.value)) == null ? void 0 : z.sublevel) ?? [];
+    }), !(k.length > 0);
   }, ee = () => {
     var z, Y;
     if (!h.value.length) return;
@@ -5925,7 +5925,7 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
       C.value = [];
       return;
     }
-    const _ = R.map((B) => B == null ? { original: "", string: "" } : typeof B == "object" ? {
+    const k = R.map((B) => B == null ? { original: "", string: "" } : typeof B == "object" ? {
       original: B,
       string: JSON.stringify(B),
       isObject: !0,
@@ -5934,15 +5934,15 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
       original: B,
       string: B.toString(),
       isObject: !1
-    }), F = _.map((B) => B.string);
+    }), F = k.map((B) => B.string);
     if (e.ladderized)
       if (Array.isArray(c.value) && c.value.length === 2) {
         const B = ((z = c.value[0]) == null ? void 0 : z.toString()) || "", J = ((Y = c.value[1]) == null ? void 0 : Y.toString()) || "";
         C.value = h.value.filter((ie) => ie.value === J && (!ie.subvalue || ie.subvalue === B));
       } else
-        C.value = h.value.filter((B) => typeof B.value == "number" ? _.some((J) => J.original === B.value || J.string === String(B.value)) : F.includes(String(B.value)));
+        C.value = h.value.filter((B) => typeof B.value == "number" ? k.some((J) => J.original === B.value || J.string === String(B.value)) : F.includes(String(B.value)));
     else
-      C.value = h.value.filter((B) => "_originalObject" in B && B._originalObject ? _.some((J) => {
+      C.value = h.value.filter((B) => "_originalObject" in B && B._originalObject ? k.some((J) => {
         if (J.isObject && typeof J.original == "object") {
           const ie = B._originalObject;
           if (J.original === ie) return !0;
@@ -5952,7 +5952,7 @@ const ze = F1, Y2 = B1, R1 = ["A-Z", "Z-A", "default"], Q1 = {
             return J.id === ie.id;
         }
         return !1;
-      }) : typeof B.value == "number" ? _.some((J) => J.original === B.value || J.string === String(B.value)) : F.includes(String(B.value)));
+      }) : typeof B.value == "number" ? k.some((J) => J.original === B.value || J.string === String(B.value)) : F.includes(String(B.value)));
   };
   return Me(c, () => {
     ee();
@@ -6351,17 +6351,17 @@ function a3() {
       e.exports = n();
     })(s3, function() {
       var r = 1e3, n = 6e4, s = 36e5, a = "millisecond", o = "second", l = "minute", u = "hour", d = "day", c = "week", p = "month", C = "quarter", h = "year", f = "date", v = "Invalid Date", b = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, m = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, N = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(R) {
-        var _ = ["th", "st", "nd", "rd"], F = R % 100;
-        return "[" + R + (_[(F - 20) % 10] || _[F] || _[0]) + "]";
-      } }, D = function(R, _, F) {
+        var k = ["th", "st", "nd", "rd"], F = R % 100;
+        return "[" + R + (k[(F - 20) % 10] || k[F] || k[0]) + "]";
+      } }, D = function(R, k, F) {
         var z = String(R);
-        return !z || z.length >= _ ? R : "" + Array(_ + 1 - z.length).join(F) + R;
+        return !z || z.length >= k ? R : "" + Array(k + 1 - z.length).join(F) + R;
       }, S = { s: D, z: function(R) {
-        var _ = -R.utcOffset(), F = Math.abs(_), z = Math.floor(F / 60), Y = F % 60;
-        return (_ <= 0 ? "+" : "-") + D(z, 2, "0") + ":" + D(Y, 2, "0");
-      }, m: function R(_, F) {
-        if (_.date() < F.date()) return -R(F, _);
-        var z = 12 * (F.year() - _.year()) + (F.month() - _.month()), Y = _.clone().add(z, p), B = F - Y < 0, J = _.clone().add(z + (B ? -1 : 1), p);
+        var k = -R.utcOffset(), F = Math.abs(k), z = Math.floor(F / 60), Y = F % 60;
+        return (k <= 0 ? "+" : "-") + D(z, 2, "0") + ":" + D(Y, 2, "0");
+      }, m: function R(k, F) {
+        if (k.date() < F.date()) return -R(F, k);
+        var z = 12 * (F.year() - k.year()) + (F.month() - k.month()), Y = k.clone().add(z, p), B = F - Y < 0, J = k.clone().add(z + (B ? -1 : 1), p);
         return +(-(z + (F - Y) / (B ? Y - J : J - Y)) || 0);
       }, a: function(R) {
         return R < 0 ? Math.ceil(R) || 0 : Math.floor(R);
@@ -6371,35 +6371,35 @@ function a3() {
         return R === void 0;
       } }, L = "en", $ = {};
       $[L] = N;
-      var x = "$isDayjsObject", k = function(R) {
+      var x = "$isDayjsObject", _ = function(R) {
         return R instanceof G || !(!R || !R[x]);
-      }, w = function R(_, F, z) {
+      }, w = function R(k, F, z) {
         var Y;
-        if (!_) return L;
-        if (typeof _ == "string") {
-          var B = _.toLowerCase();
+        if (!k) return L;
+        if (typeof k == "string") {
+          var B = k.toLowerCase();
           $[B] && (Y = B), F && ($[B] = F, Y = B);
-          var J = _.split("-");
+          var J = k.split("-");
           if (!Y && J.length > 1) return R(J[0]);
         } else {
-          var ie = _.name;
-          $[ie] = _, Y = ie;
+          var ie = k.name;
+          $[ie] = k, Y = ie;
         }
         return !z && Y && (L = Y), Y || !z && L;
-      }, M = function(R, _) {
-        if (k(R)) return R.clone();
-        var F = typeof _ == "object" ? _ : {};
+      }, M = function(R, k) {
+        if (_(R)) return R.clone();
+        var F = typeof k == "object" ? k : {};
         return F.date = R, F.args = arguments, new G(F);
       }, j = S;
-      j.l = w, j.i = k, j.w = function(R, _) {
-        return M(R, { locale: _.$L, utc: _.$u, x: _.$x, $offset: _.$offset });
+      j.l = w, j.i = _, j.w = function(R, k) {
+        return M(R, { locale: k.$L, utc: k.$u, x: k.$x, $offset: k.$offset });
       };
       var G = function() {
         function R(F) {
           this.$L = w(F.locale, null, !0), this.parse(F), this.$x = this.$x || F.x || {}, this[x] = !0;
         }
-        var _ = R.prototype;
-        return _.parse = function(F) {
+        var k = R.prototype;
+        return k.parse = function(F) {
           this.$d = function(z) {
             var Y = z.date, B = z.utc;
             if (Y === null) return /* @__PURE__ */ new Date(NaN);
@@ -6414,27 +6414,27 @@ function a3() {
             }
             return new Date(Y);
           }(F), this.init();
-        }, _.init = function() {
+        }, k.init = function() {
           var F = this.$d;
           this.$y = F.getFullYear(), this.$M = F.getMonth(), this.$D = F.getDate(), this.$W = F.getDay(), this.$H = F.getHours(), this.$m = F.getMinutes(), this.$s = F.getSeconds(), this.$ms = F.getMilliseconds();
-        }, _.$utils = function() {
+        }, k.$utils = function() {
           return j;
-        }, _.isValid = function() {
+        }, k.isValid = function() {
           return this.$d.toString() !== v;
-        }, _.isSame = function(F, z) {
+        }, k.isSame = function(F, z) {
           var Y = M(F);
           return this.startOf(z) <= Y && Y <= this.endOf(z);
-        }, _.isAfter = function(F, z) {
+        }, k.isAfter = function(F, z) {
           return M(F) < this.startOf(z);
-        }, _.isBefore = function(F, z) {
+        }, k.isBefore = function(F, z) {
           return this.endOf(z) < M(F);
-        }, _.$g = function(F, z, Y) {
+        }, k.$g = function(F, z, Y) {
           return j.u(F) ? this[z] : this.set(Y, F);
-        }, _.unix = function() {
+        }, k.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
-        }, _.valueOf = function() {
+        }, k.valueOf = function() {
           return this.$d.getTime();
-        }, _.startOf = function(F, z) {
+        }, k.startOf = function(F, z) {
           var Y = this, B = !!j.u(z) || z, J = j.p(F), ie = function(be, ae) {
             var X = j.w(Y.$u ? Date.UTC(Y.$y, ae, be) : new Date(Y.$y, ae, be), Y);
             return B ? X : X.endOf(d);
@@ -6461,20 +6461,20 @@ function a3() {
             default:
               return this.clone();
           }
-        }, _.endOf = function(F) {
+        }, k.endOf = function(F) {
           return this.startOf(F, !1);
-        }, _.$set = function(F, z) {
+        }, k.$set = function(F, z) {
           var Y, B = j.p(F), J = "set" + (this.$u ? "UTC" : ""), ie = (Y = {}, Y[d] = J + "Date", Y[f] = J + "Date", Y[p] = J + "Month", Y[h] = J + "FullYear", Y[u] = J + "Hours", Y[l] = J + "Minutes", Y[o] = J + "Seconds", Y[a] = J + "Milliseconds", Y)[B], ue = B === d ? this.$D + (z - this.$W) : z;
           if (B === p || B === h) {
             var ne = this.clone().set(f, 1);
             ne.$d[ie](ue), ne.init(), this.$d = ne.set(f, Math.min(this.$D, ne.daysInMonth())).$d;
           } else ie && this.$d[ie](ue);
           return this.init(), this;
-        }, _.set = function(F, z) {
+        }, k.set = function(F, z) {
           return this.clone().$set(F, z);
-        }, _.get = function(F) {
+        }, k.get = function(F) {
           return this[j.p(F)]();
-        }, _.add = function(F, z) {
+        }, k.add = function(F, z) {
           var Y, B = this;
           F = Number(F);
           var J = j.p(z), ie = function(se) {
@@ -6487,9 +6487,9 @@ function a3() {
           if (J === c) return ie(7);
           var ue = (Y = {}, Y[l] = n, Y[u] = s, Y[o] = r, Y)[J] || 1, ne = this.$d.getTime() + F * ue;
           return j.w(ne, this);
-        }, _.subtract = function(F, z) {
+        }, k.subtract = function(F, z) {
           return this.add(-1 * F, z);
-        }, _.format = function(F) {
+        }, k.format = function(F) {
           var z = this, Y = this.$locale();
           if (!this.isValid()) return Y.invalidDate || v;
           var B = F || "YYYY-MM-DDTHH:mm:ssZ", J = j.z(this), ie = this.$H, ue = this.$m, ne = this.$M, se = Y.weekdays, ge = Y.months, ve = Y.meridiem, Ce = function(ae, X, pe, Ve) {
@@ -6555,9 +6555,9 @@ function a3() {
               return null;
             }(ae) || J.replace(":", "");
           });
-        }, _.utcOffset = function() {
+        }, k.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, _.diff = function(F, z, Y) {
+        }, k.diff = function(F, z, Y) {
           var B, J = this, ie = j.p(z), ue = M(F), ne = (ue.utcOffset() - this.utcOffset()) * n, se = this - ue, ge = function() {
             return j.m(J, ue);
           };
@@ -6590,33 +6590,33 @@ function a3() {
               B = se;
           }
           return Y ? B : j.a(B);
-        }, _.daysInMonth = function() {
+        }, k.daysInMonth = function() {
           return this.endOf(p).$D;
-        }, _.$locale = function() {
+        }, k.$locale = function() {
           return $[this.$L];
-        }, _.locale = function(F, z) {
+        }, k.locale = function(F, z) {
           if (!F) return this.$L;
           var Y = this.clone(), B = w(F, z, !0);
           return B && (Y.$L = B), Y;
-        }, _.clone = function() {
+        }, k.clone = function() {
           return j.w(this.$d, this);
-        }, _.toDate = function() {
+        }, k.toDate = function() {
           return new Date(this.valueOf());
-        }, _.toJSON = function() {
+        }, k.toJSON = function() {
           return this.isValid() ? this.toISOString() : null;
-        }, _.toISOString = function() {
+        }, k.toISOString = function() {
           return this.$d.toISOString();
-        }, _.toString = function() {
+        }, k.toString = function() {
           return this.$d.toUTCString();
         }, R;
       }(), 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]);
+        ee[R[1]] = function(k) {
+          return this.$g(k, R[0], R[1]);
         };
-      }), M.extend = function(R, _) {
-        return R.$i || (R(_, G, M), R.$i = !0), M;
-      }, M.locale = w, M.isDayjs = k, M.unix = function(R) {
+      }), M.extend = function(R, k) {
+        return R.$i || (R(k, G, M), R.$i = !0), M;
+      }, M.locale = w, M.isDayjs = _, M.unix = function(R) {
         return M(1e3 * R);
       }, M.en = $[L], M.Ls = $, M.p = {}, M;
     });
@@ -6667,14 +6667,14 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
   Me(o.searchTerm, (w, M) => {
     w !== M && (l.value = w);
   });
-  const k = P(() => {
+  const _ = 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"), 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"
-    ), _ = O("spr-border-x-0 spr-border-y spr-border-l spr-p-size-spacing-sm spr-text-center"), F = O(
+    ), k = O("spr-border-x-0 spr-border-y spr-border-l spr-p-size-spacing-sm spr-text-center"), F = O(
       "spr-flex  spr-flex-row spr-w-full spr-items-center spr-gap-size-spacing-3xs lg:spr-flex-col spr-overflow-hidden"
     ), z = O(
       "spr-font-size-400 spr-line-height-500 spr-letter-spacing-dense spr-flex spr-h-size-spacing-md spr-w-size-spacing-md spr-items-center spr-justify-center spr-rounded-full spr-font-main spr-font-normal"
@@ -6686,7 +6686,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
       calendarFilter: G,
       calendarTable: ee,
       tableHeaderEmployeeName: R,
-      tableHeader: _,
+      tableHeader: k,
       headerContent: F,
       headerDate: z
     };
@@ -6694,7 +6694,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
   return {
     weekDates: h,
     weekRangeDisplay: f,
-    getCalendarClasses: k,
+    getCalendarClasses: _,
     formatDate: v,
     isToday: b,
     prevWeek: m,
@@ -6744,7 +6744,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
       showAddShift: $,
       handleFilter: x
     } = i3(r, n);
-    return (k, w) => (g(), K(es, { "has-content-padding": !1 }, {
+    return (_, w) => (g(), K(es, { "has-content-padding": !1 }, {
       header: Q(() => [
         A("div", {
           class: I([i(c).borderClasses, i(c).headerWrapper])
@@ -6796,7 +6796,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
         A("div", {
           class: I(i(c).contentWrapper)
         }, [
-          re(k.$slots, "filter", {}, () => [
+          re(_.$slots, "filter", {}, () => [
             A("div", {
               class: I(i(c).calendarFilter)
             }, [
@@ -6817,7 +6817,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                   w[2] || (w[2] = (M) => he(p) ? p.value = M : null),
                   w[3] || (w[3] = (M) => i(x)("company", M[0]))
                 ],
-                "menu-list": k.companyOptions
+                "menu-list": _.companyOptions
               }, {
                 default: Q(() => [
                   U(Se, {
@@ -6840,7 +6840,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                   w[5] || (w[5] = (M) => he(C) ? C.value = M : null),
                   w[6] || (w[6] = (M) => i(x)("department", M[0]))
                 ],
-                "menu-list": k.departmentOptions
+                "menu-list": _.departmentOptions
               }, {
                 default: Q(() => [
                   U(Se, {
@@ -6863,7 +6863,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                   w[8] || (w[8] = (M) => he(h) ? h.value = M : null),
                   w[9] || (w[9] = (M) => i(x)("branch", M[0]))
                 ],
-                "menu-list": k.branchOptions
+                "menu-list": _.branchOptions
               }, {
                 default: Q(() => [
                   U(Se, {
@@ -6910,8 +6910,8 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                   ], 2))), 128))
                 ])
               ]),
-              k.employees.length > 0 ? (g(), y("tbody", g3, [
-                (g(!0), y(q, null, de(k.employees, (M) => (g(), y("tr", {
+              _.employees.length > 0 ? (g(), y("tbody", g3, [
+                (g(!0), y(q, null, de(_.employees, (M) => (g(), y("tr", {
                   key: M.id
                 }, [
                   A("td", {
@@ -6956,7 +6956,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                       (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)({
+                          onClick: (k) => i(S)({
                             employeeId: M.id,
                             date: i(v)(j, i(f)),
                             shift: "restday"
@@ -6965,7 +6965,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                           U(h0, { type: "restday" })
                         ], 8, m3)) : (g(), y("div", {
                           key: 1,
-                          onClick: (_) => i(S)({
+                          onClick: (k) => i(S)({
                             employeeId: M.id,
                             date: i(v)(j, i(f)),
                             shift: ee
@@ -6999,12 +6999,12 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                   ], 42, M3))), 128))
                 ]))), 128))
               ])) : (g(), y("tbody", $3, [
-                k.loading ? (g(), y("tr", A3, [
+                _.loading ? (g(), y("tr", A3, [
                   A("td", {
                     colspan: i(u).length + 1,
                     class: "spr-overflow-hidden"
                   }, [
-                    re(k.$slots, "loading", {}, () => [
+                    re(_.$slots, "loading", {}, () => [
                       w[12] || (w[12] = A("div", { class: "spr-flex spr-items-center spr-justify-center" }, "Loading...", -1))
                     ])
                   ], 8, x3)
@@ -7013,19 +7013,19 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
                     colspan: i(u).length + 1,
                     class: "spr-flex spr-h-full spr-items-center spr-justify-center"
                   }, [
-                    re(k.$slots, "empty-state", {}, () => [
+                    re(_.$slots, "empty-state", {}, () => [
                       U(Gt, {
                         size: "large",
-                        description: k.emptyStateTitle,
-                        "sub-description": k.emptyStateDescription
+                        description: _.emptyStateTitle,
+                        "sub-description": _.emptyStateDescription
                       }, z2({ _: 2 }, [
-                        k.emptyStateButtonText ? {
+                        _.emptyStateButtonText ? {
                           name: "button",
                           fn: Q(() => [
                             U(me, { tone: "success" }, {
                               default: Q(() => [
                                 U(i(Z), { icon: "ph:plus" }),
-                                we(H(k.emptyStateButtonText), 1)
+                                we(H(_.emptyStateButtonText), 1)
                               ]),
                               _: 1
                             })
@@ -7350,7 +7350,7 @@ const le = /* @__PURE__ */ B0(o3), i3 = (e, t) => {
   }
 }, G3 = {
   "update:modelValue": (e) => typeof e == "string",
-  getInputValue: (e) => typeof e == "string",
+  getInputValue: (e) => e === null || typeof e == "string",
   getDateFormats: (e) => typeof e == "object" && e !== null && !Array.isArray(e) && Object.keys(e).every((t) => typeof e[t] == "string"),
   getMonthList: (e) => Array.isArray(e),
   getYearList: (e) => Array.isArray(e),
@@ -7462,7 +7462,7 @@ const n4 = (e, t) => {
       fullText: le().month(W).format("MMMM"),
       monthValue: W
     }))
-  ), $ = V(""), x = V(""), k = V(""), w = V([]), M = V({
+  ), $ = V(""), x = V(""), _ = V(""), w = V([]), M = V({
     selectedMonth: le().month(),
     selectedYear: Number(o.value),
     calendarDays: []
@@ -7489,7 +7489,7 @@ const n4 = (e, t) => {
     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(), ee();
-  }, _ = () => {
+  }, k = () => {
     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(), ee();
@@ -7502,7 +7502,7 @@ const n4 = (e, t) => {
   }, 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 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;
+    return x.value && !$.value && !_.value && !ue(E) ? E.date.getDate() === Number(x.value) && !E.inactive : x.value && $ && !_.value && !ue(E) ? E.date.getDate() === Number(x.value) && E.date.getMonth() === W && !E.inactive : x.value && $.value && _.value && !ue(E) ? E.date.getDate() === Number(x.value) && E.date.getMonth() === W && E.date.getFullYear().toString() === _.value && !E.inactive : !1;
   }, ie = (E) => {
     var te;
     const W = (te = a0("text", $.value)) == null ? void 0 : te.monthValue;
@@ -7566,7 +7566,7 @@ const n4 = (e, t) => {
     return !1;
   }, ae = (E) => {
     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(() => {
+    $.value = te, x.value = ce, _.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) => {
@@ -7591,7 +7591,7 @@ 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(), ee(), _2(), w.value = [], t("getDateErrors", w.value);
+    N.value = "tab-calendar", _.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, te;
     switch (E) {
@@ -7625,7 +7625,7 @@ const n4 = (e, t) => {
       }
       if (E.isValid()) {
         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));
+        o0(), $.value = W, x.value = te, _.value = ce, p.value = E.format(c.value), M.value.selectedMonth = E.get("month"), M.value.selectedYear = E.get("year"), L2(), ee(), _2(), !$.value && !x.value && !_.value ? t("getInputValue", null) : t("getInputValue", E.format(c.value));
       } else
         console.error(`Error: Could not parse date "${p.value}" with format "${c.value}"`);
     }
@@ -7638,7 +7638,7 @@ const n4 = (e, t) => {
   }, ra = () => {
     x.value = x.value.replace(/[^0-9]/g, ""), w.value = [], t("getDateErrors", w.value), o0(), i0();
   }, na = () => {
-    k.value = k.value.replace(/[^0-9]/g, ""), w.value = [], t("getDateErrors", w.value), o0(), i0();
+    _.value = _.value.replace(/[^0-9]/g, ""), w.value = [], t("getDateErrors", w.value), o0(), i0();
   }, L2 = () => {
     if ($.value.length >= 2)
       if (!isNaN(Number($.value)) && !isNaN(parseFloat($.value))) {
@@ -7652,12 +7652,12 @@ const n4 = (e, t) => {
       }
   }, o0 = Kn(() => {
     var E;
-    if ($.value && x.value && k.value) {
-      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 ($.value && x.value && _.value) {
+      const W = `${$.value}-${x.value}-${_.value}`, te = le(W, "MM-DD-YYYY").isValid(), ce = Number(_.value) >= l.value.min && Number(_.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), ee(), _2();
+        M.value.selectedMonth = Number(Ne), M.value.selectedYear = Number(_.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({
@@ -7671,16 +7671,16 @@ const n4 = (e, t) => {
   }, aa = (E, W) => {
     W && W instanceof KeyboardEvent && W.key === "Backspace" && (E === "date" && x.value === "" && We(() => {
       f.value && f.value.focus();
-    }), E === "year" && k.value === "" && We(() => {
+    }), E === "year" && _.value === "" && We(() => {
       v.value && v.value.focus();
     }));
   }, _2 = () => {
-    if ($.value && x.value && k.value) {
+    if ($.value && x.value && _.value) {
       const E = L.value.find(
         (te) => te.text.toLowerCase() === $.value.toLowerCase()
-      ), W = pe.value.yearsArray.find((te) => te === Number(k.value));
+      ), W = pe.value.yearsArray.find((te) => te === Number(_.value));
       if (E && W) {
-        const te = le(`${$.value}-${x.value}-${k.value}`, "MM-DD-YYYY"), ce = {
+        const te = le(`${$.value}-${x.value}-${_.value}`, "MM-DD-YYYY"), ce = {
           // Standard date formats
           mmddyyyy: te.format("MM-DD-YYYY"),
           ddmmyyyy: te.format("DD-MM-YYYY"),
@@ -7718,8 +7718,8 @@ const n4 = (e, t) => {
       );
       ce && (E = ce.monthValue < 10 ? `0${ce.monthValue + 1}` : `${ce.monthValue + 1}`);
     }
-    const te = le(`${E}-${x.value}-${k.value}`, "MM-DD-YYYY");
-    t("getInputValue", te.format(c.value));
+    const te = le(`${E}-${x.value}-${_.value}`, "MM-DD-YYYY");
+    !$.value && !x.value && !_.value ? t("getInputValue", null) : t("getInputValue", te.format(c.value));
   }, oa = () => {
     t("getMonthList", L.value);
   }, ia = () => {
@@ -7731,7 +7731,7 @@ const n4 = (e, t) => {
     E === !1 && setTimeout(() => {
       N.value = "tab-calendar", s0();
     }, 500);
-  }), Me(k, (E) => {
+  }), Me(_, (E) => {
     if (E) {
       const W = parseInt(E, 10);
       if (isNaN(W)) return;
@@ -7763,13 +7763,13 @@ const n4 = (e, t) => {
     monthsList: L,
     dateInput: x,
     monthInput: $,
-    yearInput: k,
+    yearInput: _,
     datePickerErrors: w,
     calendarTabPageData: M,
     calendarTabIsMinMonth: j,
     calendarTabIsMaxMonth: G,
     calendarTabPrevMonth: R,
-    calendarTabNextMonth: _,
+    calendarTabNextMonth: k,
     calendarTabIsRestDay: F,
     calendarTabIsTodayIndicator: z,
     calendarTabIsActiveMonthDates: Y,
@@ -7850,14 +7850,14 @@ const n4 = (e, t) => {
       calendarTabIsTodayIndicator: L,
       calendarTabIsActiveMonthDates: $,
       calendarTabIsInactiveMonthDates: x,
-      calendarTabIsSelectedDate: k,
+      calendarTabIsSelectedDate: _,
       calendarTabIsUnSelectedDate: w,
       calendarTabIsDateIsDisabled: M,
       calendarTabHandleDateInput: j,
       getMonthObject: G,
       getTabClasses: ee,
       isDatePickerPopperDisabled: R,
-      calendarTabPrevMonth: _,
+      calendarTabPrevMonth: k,
       calendarTabNextMonth: F,
       monthTabHandleSelectedMonth: z,
       yearTabCurrentYearPage: Y,
@@ -7929,7 +7929,7 @@ const n4 = (e, t) => {
                   variant: "secondary",
                   size: "small",
                   disabled: i(N),
-                  onClick: i(_)
+                  onClick: i(k)
                 }, {
                   default: Q(() => [
                     U(i(Z), { icon: "ph:caret-left" })
@@ -7993,13 +7993,13 @@ const n4 = (e, t) => {
                         // Rest Days
                         "spr-background-color-disabled": i(S)(X),
                         // Today Indicator - only apply brand color if not selected
-                        "spr-text-color-brand-base": i(L)(X) && !i(k)(X),
+                        "spr-text-color-brand-base": i(L)(X) && !i(_)(X),
                         // Active Month Dates - only apply if not selected and not today
-                        "spr-text-color-strong": i($)(X) && !i(k)(X) && !i(L)(X),
+                        "spr-text-color-strong": i($)(X) && !i(_)(X) && !i(L)(X),
                         // Inactive Month Dates (Past/Future)
                         "spr-text-color-disabled": i(x)(X),
                         // Selected Date
-                        "spr-background-color-brand-base active:spr-background-color-brand-pressed spr-text-color-inverted-strong spr-cursor-pointer spr-text-white-50 !spr-text-white-50 active:spr-scale-95": i(k)(X),
+                        "spr-background-color-brand-base active:spr-background-color-brand-pressed spr-text-color-inverted-strong spr-cursor-pointer !spr-text-white-50 active:spr-scale-95": i(_)(X),
                         // Unselected Date
                         "hover:spr-background-color-hover spr-border-color-weak active:spr-background-color-pressed spr-cursor-pointer spr-border spr-border-solid active:spr-scale-95": i(w)(X),
                         // Disabled Dates
@@ -8482,7 +8482,7 @@ const n4 = (e, t) => {
 }, Symbol.toStringTag, { value: "Module" })), W4 = (e, t) => {
   const { options: r, filterMenu: n, filterData: s, loading: a, filterable: o, filling: l, deselected: u, hasSearchApi: d } = ye(e), c = Ie(e, "modelValue", t), p = Ie(e, "search", t), C = Ie(e, "searchFilter", t), h = V(!1), f = V(""), v = V(""), b = V(!1), m = V(!1), N = V({}), D = V({}), S = V(`filter-${le().valueOf()}-${Math.floor(Math.random() * 1e3)}`), L = V(
     n.value
-  ), $ = V([]), x = V(null), k = V([]), w = V(""), M = P(() => {
+  ), $ = V([]), x = V(null), _ = V([]), w = V(""), M = P(() => {
     var ge;
     if (l.value) return r.value;
     const ne = d.value ? "" : f.value.toLowerCase();
@@ -8491,7 +8491,7 @@ const n4 = (e, t) => {
     (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)), ee = P(() => j.value.filter((ne) => ne.isSelected)), R = (ne) => {
     t("getFilterData", ne), w.value = ne;
-  }, _ = (ne) => {
+  }, k = (ne) => {
     Object.keys(D.value).forEach((se) => {
       D.value[se].isFilterVisible = se === ne;
     });
@@ -8525,7 +8525,7 @@ const n4 = (e, t) => {
     t("infiniteScrollTrigger", !0);
   };
   Me(w, (ne) => {
-    _(ne);
+    k(ne);
   }), Me(u, (ne) => {
     ne && (M.value.forEach(({ value: se }, ge) => {
       se === ne && (M.value[ge].isSelected = !1);
@@ -8553,7 +8553,7 @@ const n4 = (e, t) => {
     ne !== se && (p.value = ne);
   }), Me(v, (ne, se) => {
     ne !== se && (C.value = ne);
-  }), Ct(() => k.value[0], ie, { distance: 10 }), Ct(x, ie, { distance: 10 });
+  }), Ct(() => _.value[0], ie, { distance: 10 }), Ct(x, ie, { distance: 10 });
   const ue = P(() => {
     const ne = O("spr-relative spr-inline-block spr-w-full"), se = O(
       "spr-border-color-weak spr-border spr-border-x-0 spr-border-t-0 spr-border-solid spr-p-size-spacing-2xs",
@@ -8596,7 +8596,7 @@ const n4 = (e, t) => {
     filterClass: ue,
     uniqueId: S,
     filterOptionRef: x,
-    filterMenuOptionList: k,
+    filterMenuOptionList: _,
     selectAllOptions: Y,
     getMappedFilterData: R,
     saveSelectedFilter: B,
@@ -8773,7 +8773,7 @@ const n4 = (e, t) => {
                     (g(!0), y(q, null, de(L.filterMenu, (x) => (g(), K(i(ze), {
                       key: x.field,
                       shown: i(p)[x.field].isFilterVisible,
-                      "onUpdate:shown": (k) => i(p)[x.field].isFilterVisible = k,
+                      "onUpdate:shown": (_) => i(p)[x.field].isFilterVisible = _,
                       "aria-id": "filter-menu-wrapper",
                       placement: "right",
                       triggers: ["click"],
@@ -8789,7 +8789,7 @@ const n4 = (e, t) => {
                             $[7] || ($[7] = we(" Add Filter ")),
                             A("span", {
                               class: "spr-cursor-pointer",
-                              onClick: (k) => i(p)[x.field].isFilterVisible = !1
+                              onClick: (_) => i(p)[x.field].isFilterVisible = !1
                             }, [
                               U(i(Z), { icon: "ph:x" })
                             ], 8, td)
@@ -8798,7 +8798,7 @@ const n4 = (e, t) => {
                             U(Se, {
                               id: `${r.id}-search`,
                               modelValue: i(c),
-                              "onUpdate:modelValue": $[3] || ($[3] = (k) => he(c) ? c.value = k : null),
+                              "onUpdate:modelValue": $[3] || ($[3] = (_) => he(c) ? c.value = _ : null),
                               type: "text",
                               placeholder: "Search"
                             }, {
@@ -8809,12 +8809,12 @@ const n4 = (e, t) => {
                             }, 8, ["id", "modelValue"])
                           ]),
                           i(u).length > 0 ? (g(), y("div", nd, [
-                            (g(!0), y(q, null, de(i(u), (k, w) => (g(), K(V2, {
+                            (g(!0), y(q, null, de(i(u), (_, w) => (g(), K(V2, {
                               key: w,
-                              label: k.text,
+                              label: _.text,
                               active: !0,
                               closable: "",
-                              onClose: (M) => i(S)(k.value)
+                              onClose: (M) => i(S)(_.value)
                             }, null, 8, ["label", "onClose"]))), 128))
                           ])) : T("", !0),
                           i(d).length > 0 ? (g(), y("div", {
@@ -8825,8 +8825,8 @@ const n4 = (e, t) => {
                             ref: v,
                             class: "spr-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-2xs"
                           }, [
-                            (g(!0), y(q, null, de(i(d), (k, w) => (g(), y("div", {
-                              key: k.value,
+                            (g(!0), y(q, null, de(i(d), (_, w) => (g(), y("div", {
+                              key: _.value,
                               class: I([
                                 i(C).filterListClasses,
                                 { "spr-background-color-multiple-active": i(d)[w].isSelected }
@@ -8859,7 +8859,7 @@ const n4 = (e, t) => {
                               id: "cancel-button",
                               variant: "secondary",
                               size: "small",
-                              onClick: (k) => i(p)[x.field].isFilterVisible = !1
+                              onClick: (_) => i(p)[x.field].isFilterVisible = !1
                             }, {
                               default: Q(() => $[10] || ($[10] = [
                                 we(" Cancel ")
@@ -8870,7 +8870,7 @@ const n4 = (e, t) => {
                               id: "save-button",
                               size: "small",
                               tone: "success",
-                              onClick: (k) => i(N)(x.field)
+                              onClick: (_) => i(N)(x.field)
                             }, {
                               default: Q(() => $[11] || ($[11] = [
                                 we(" Save ")
@@ -8888,7 +8888,7 @@ const n4 = (e, t) => {
                           "badge-text": i(D)(x.field).toString(),
                           "badge-variant": "danger",
                           icon: "ph:funnel-simple",
-                          onClick: (k) => i(m)(x.field)
+                          onClick: (_) => i(m)(x.field)
                         }, null, 8, ["active", "label", "badge", "badge-text", "onClick"])
                       ]),
                       _: 2
@@ -8930,35 +8930,35 @@ const n4 = (e, t) => {
           ref: f,
           class: "spr-max-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-3xs"
         }, [
-          (g(!0), y(q, null, de(i(l), (x, k) => (g(), y("div", {
+          (g(!0), y(q, null, de(i(l), (x, _) => (g(), y("div", {
             key: x.value,
             class: I([
               i(C).filterListClasses,
               {
-                "spr-background-color-multiple-active": i(l)[k].isSelected
+                "spr-background-color-multiple-active": i(l)[_].isSelected
               }
             ])
           }, [
             A("div", {
               class: "spr-flex spr-w-full spr-flex-row spr-items-center spr-justify-items-start spr-gap-size-spacing-3xs",
-              onClick: (w) => i(l)[k].isSelected = !i(l)[k].isSelected
+              onClick: (w) => i(l)[_].isSelected = !i(l)[_].isSelected
             }, [
               U(v2, {
-                modelValue: i(l)[k].isSelected,
-                "onUpdate:modelValue": (w) => i(l)[k].isSelected = w,
-                checked: i(l)[k].isSelected
+                modelValue: i(l)[_].isSelected,
+                "onUpdate:modelValue": (w) => i(l)[_].isSelected = w,
+                checked: i(l)[_].isSelected
               }, null, 8, ["modelValue", "onUpdate:modelValue", "checked"]),
               r.hasAvatar ? (g(), K(n0, {
                 key: 0,
                 size: "md",
                 alt: "User Avatar",
-                src: i(l)[k].avatar,
-                variant: i(l)[k].avatar ? "image" : "initial",
-                initial: i(l)[k].text
+                src: i(l)[_].avatar,
+                variant: i(l)[_].avatar ? "image" : "initial",
+                initial: i(l)[_].text
               }, null, 8, ["src", "variant", "initial"])) : T("", !0),
               A("div", null, [
-                A("div", od, H(i(l)[k].text), 1),
-                A("div", id, H(i(l)[k].subtext), 1)
+                A("div", od, H(i(l)[_].text), 1),
+                A("div", id, H(i(l)[_].subtext), 1)
               ])
             ], 8, ad)
           ], 2))), 128))
@@ -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", {
@@ -12920,18 +12920,18 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                                     "hover:spr-background-color-hover": r.activeNav.submenu !== $.title,
                                     "active:spr-background-color-pressed": !0
                                   }),
-                                  onClick: (k) => i(u)(
+                                  onClick: (_) => i(u)(
                                     $,
                                     f.title,
                                     N.title,
                                     $.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", {
@@ -13128,18 +13128,18 @@ const P6 = ["white", "dark", "gray", "green"], Y6 = [
                                     "hover:spr-background-color-hover": r.activeNav.submenu !== $.title,
                                     "active:spr-background-color-pressed": !0
                                   }),
-                                  onClick: (k) => i(u)(
+                                  onClick: (_) => i(u)(
                                     $,
                                     f.title,
                                     N.title,
                                     $.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", {
@@ -14695,12 +14695,12 @@ function Ot(e, t, r = {}, n, s, a) {
       return M[it] = j, M;
     const G = function() {
       r0(n);
-      const ee = Array.from(arguments), R = [], _ = [];
+      const ee = Array.from(arguments), R = [], k = [];
       function F(B) {
         R.push(B);
       }
       function z(B) {
-        _.push(B);
+        k.push(B);
       }
       x2(C, {
         args: ee,
@@ -14713,9 +14713,9 @@ function Ot(e, t, r = {}, n, s, a) {
       try {
         Y = M.apply(this && this.$id === e ? this : x, ee);
       } catch (B) {
-        throw x2(_, B), B;
+        throw x2(k, B), B;
       }
-      return Y instanceof Promise ? Y.then((B) => (x2(R, B), B)).catch((B) => (x2(_, B), Promise.reject(B))) : (x2(R, Y), Y);
+      return Y instanceof Promise ? Y.then((B) => (x2(R, B), B)).catch((B) => (x2(k, B), Promise.reject(B))) : (x2(R, Y), Y);
     };
     return G[xn] = !0, G[it] = j, G;
   }, L = /* @__PURE__ */ f2({
@@ -15545,7 +15545,7 @@ const y8 = (e) => ({
     const m = O("spr-p-size-spacing-xs spr-flex spr-justify-between spr-bg-white-50 spr-h-max", {
       "spr-border spr-border-solid spr-border-color-weak": a.value,
       "spr-border-x-0 spr-border-t spr-border-b-0 spr-border-solid spr-border-color-weak": !a.value
-    }), N = O("spr-w-[120px] spr-h-full spr-space-x-2"), D = O("spr-mt-0.5 spr-pl-1 spr-text-mushroom-950"), S = O("spr-flex spr-justify-between spr-items-center spr-space-x-4"), L = O("spr-text-color-base spr-body-sm-regular"), $ = O("spr-flex spr-space-x-2"), x = O("spr-rounded-border-radius-md"), k = O("!spr-w-max");
+    }), N = O("spr-w-[120px] spr-h-full spr-space-x-2"), D = O("spr-mt-0.5 spr-pl-1 spr-text-mushroom-950"), S = O("spr-flex spr-justify-between spr-items-center spr-space-x-4"), L = O("spr-text-color-base spr-body-sm-regular"), $ = O("spr-flex spr-space-x-2"), x = O("spr-rounded-border-radius-md"), _ = O("!spr-w-max");
     return {
       baseClass: m,
       dropdownInputFieldClass: N,
@@ -15554,7 +15554,7 @@ const y8 = (e) => ({
       inputFieldIconClass: D,
       navigationContainerClass: $,
       navigationButtonClass: x,
-      dropdownClass: k
+      dropdownClass: _
     };
   }), l = V(e.dropdownSelection), u = P(() => {
     const m = (n.value - 1) * r.value + 1, N = Math.min(n.value * r.value, s.value);
@@ -15784,7 +15784,7 @@ const y8 = (e) => ({
     () => e.tableActions.search || e.tableActions.filter || e.tableActions.option
   ), x = (z, Y) => {
     e.isRowClickable && t("onRowClick", z, Y);
-  }, k = P(() => l.value ? "large" : "small"), w = (z) => typeof z == "string" ? z.toLowerCase() : typeof z == "object" && !Array.isArray(z) && z !== null ? z.title.toLowerCase() : Array.isArray(z) && z.length > 0 ? z[0].title.toLowerCase() : "", M = P(() => {
+  }, _ = P(() => l.value ? "large" : "small"), w = (z) => typeof z == "string" ? z.toLowerCase() : typeof z == "object" && !Array.isArray(z) && z !== null ? z.title.toLowerCase() : Array.isArray(z) && z.length > 0 ? z[0].title.toLowerCase() : "", M = P(() => {
     const z = O(
       "spr-flex spr-flex-col spr-h-full spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative"
     ), Y = O("spr-w-full spr-bottom-0 spr-left-0", {
@@ -15846,7 +15846,7 @@ const y8 = (e) => ({
     Y !== -1 ? f.value.splice(Y, 1) : f.value.push(z), F();
   }, R = () => {
     v.value || b.value ? f.value = [] : f.value = [...m.value], F();
-  }, _ = (z) => !u.value || !(u.value in z) ? !1 : f.value.some((Y) => {
+  }, k = (z) => !u.value || !(u.value in z) ? !1 : f.value.some((Y) => {
     const B = Y[u.value], J = z[u.value];
     return G(B) && G(J) ? B.title === J.title : Y[u.value] === z[u.value];
   }), F = () => {
@@ -15879,11 +15879,11 @@ const y8 = (e) => ({
     hasTableActions: $,
     searchField: p,
     getTableClasses: M,
-    getEmptyStateSize: k,
+    getEmptyStateSize: _,
     selectAll: h,
     selectedData: f,
     isAllSelected: v,
-    isRowSelected: _,
+    isRowSelected: k,
     isIndeterminate: b,
     sortedDataItem: j,
     getSortIcon: D,
@@ -15964,7 +15964,7 @@ const y8 = (e) => ({
         U(Vs, {
           "search-model": i(u),
           "onUpdate:searchModel": [
-            x[0] || (x[0] = (k) => he(u) ? u.value = k : null),
+            x[0] || (x[0] = (_) => he(u) ? u.value = _ : null),
             i(b)
           ],
           "toggle-search": r.tableActions.search,
@@ -15996,7 +15996,7 @@ const y8 = (e) => ({
                   }, null, 8, ["checked", "indeterminate", "onUpdate:modelValue"])
                 ])
               ], 2)) : T("", !0),
-              (g(!0), y(q, null, de($.headers, (k, w) => (g(), y("th", {
+              (g(!0), y(q, null, de($.headers, (_, w) => (g(), y("th", {
                 key: w,
                 class: I([i(d).headerClasses])
               }, [
@@ -16004,30 +16004,30 @@ const y8 = (e) => ({
                   class: I(i(d).headerNameClass)
                 }, [
                   A("span", {
-                    class: I([{ "spr-cursor-pointer": k.sort }]),
-                    onClick: (M) => k.sort && i(v)(k.field)
-                  }, H(k.name), 11, g7),
-                  k.badgeText ? (g(), y("span", f7, [
+                    class: I([{ "spr-cursor-pointer": _.sort }]),
+                    onClick: (M) => _.sort && i(v)(_.field)
+                  }, H(_.name), 11, g7),
+                  _.badgeText ? (g(), y("span", f7, [
                     U(y2, {
-                      text: k.badgeText,
-                      variant: k.badgeVariant,
+                      text: _.badgeText,
+                      variant: _.badgeVariant,
                       size: "small"
                     }, null, 8, ["text", "variant"])
                   ])) : T("", !0),
-                  k.sort ? (g(), y("span", {
+                  _.sort ? (g(), y("span", {
                     key: 1,
                     class: I([
                       "spr-flex spr-flex-row spr-items-center spr-p-size-spacing-6xs",
                       "hover:spr-rounded-border-radius-xs hover:spr-bg-mushroom-300",
-                      { "spr-cursor-pointer": k.sort }
+                      { "spr-cursor-pointer": _.sort }
                     ]),
-                    onClick: (M) => k.sort && i(v)(k.field)
+                    onClick: (M) => _.sort && i(v)(_.field)
                   }, [
                     U(i(Z), {
-                      icon: i(L)(k.field),
+                      icon: i(L)(_.field),
                       height: "16",
                       width: "16",
-                      class: I([{ "spr-text-kangkong-700": i(h) === k.field }])
+                      class: I([{ "spr-text-kangkong-700": i(h) === _.field }])
                     }, null, 8, ["icon", "class"])
                   ], 10, h7)) : T("", !0)
                 ], 2)
@@ -16046,15 +16046,15 @@ const y8 = (e) => ({
             key: 0,
             class: I(i(d).tableBodyClasses)
           }, [
-            (g(!0), y(q, null, de(i(a), (k, w) => (g(), y("tr", {
+            (g(!0), y(q, null, de(i(a), (_, w) => (g(), y("tr", {
               key: w,
               class: I([
                 i(d).tableRowClasses,
-                i(f)(k) ? "spr-bg-kangkong-100" : "hover:spr-background-color-hover"
+                i(f)(_) ? "spr-bg-kangkong-100" : "hover:spr-background-color-hover"
               ]),
-              onClick: (M) => i(m)(k, w),
-              onMouseover: (M) => $.$emit("onHover", { active: !0, data: k }),
-              onMouseleave: (M) => $.$emit("onHover", { active: !1, data: k })
+              onClick: (M) => i(m)(_, w),
+              onMouseover: (M) => $.$emit("onHover", { active: !0, data: _ }),
+              onMouseleave: (M) => $.$emit("onHover", { active: !1, data: _ })
             }, [
               r.isMultiSelect ? (g(), y("td", {
                 key: 0,
@@ -16063,8 +16063,8 @@ const y8 = (e) => ({
                 A("div", y7, [
                   U(v2, {
                     label: "",
-                    checked: i(f)(k),
-                    "onUpdate:modelValue": (M) => i(N)(k)
+                    checked: i(f)(_),
+                    "onUpdate:modelValue": (M) => i(N)(_)
                   }, null, 8, ["checked", "onUpdate:modelValue"])
                 ])
               ], 2)) : T("", !0),
@@ -16074,7 +16074,7 @@ const y8 = (e) => ({
               }, [
                 $.$slots[M.field] ? re($.$slots, M.field, {
                   key: 0,
-                  row: k,
+                  row: _,
                   rowIndex: w
                 }) : (g(), y(q, { key: 1 }, [
                   i(a)[w][M.field] ? (g(), y("div", M7, [
@@ -16125,7 +16125,7 @@ const y8 = (e) => ({
                 class: I(i(d).tableRowActionClasses)
               }, [
                 A("div", w7, [
-                  re($.$slots, "action", { row: k })
+                  re($.$slots, "action", { row: _ })
                 ])
               ], 2)) : T("", !0)
             ], 42, C7))), 128))
@@ -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.43", 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
 };