design-system-next 2.26.7 → 2.26.9

package/dist/design-system-next.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as De, ref as U, shallowRef as vt, onMounted as tt, watch as $e, onUnmounted as is, h as j0, nextTick as et, toRefs as Oe, reactive as xr, computed as z, createElementBlock as y, openBlock as h, normalizeClass as w, unref as o, renderSlot as ce, createVNode as B, Transition as wr, withCtx as K, withDirectives as ut, createElementVNode as I, normalizeStyle as Fe, vShow as bi, readonly as Ci, getCurrentScope as Mi, onScopeDispose as Di, getCurrentInstance as aa, toRef as dn, customRef as Xd, isRef as Ie, toValue as Je, watchEffect as qd, markRaw as Dr, mergeProps as st, Fragment as ve, renderList as xe, createBlock as oe, createCommentVNode as j, toDisplayString as te, pushScopeId as ec, popScopeId as tc, normalizeProps as oa, guardReactiveProps as la, resolveComponent as Ga, withScopeId as rc, withKeys as Za, useSlots as Qt, withModifiers as cr, createTextVNode as Ue, createSlots as tr, vModelRadio as nc, mergeModels as Wa, useModel as Ni, onBeforeMount as sc, vModelText as zt, vModelSelect as ac, useTemplateRef as oc, TransitionGroup as $i, effectScope as xi, toRaw as Rn, hasInjectionContext as Ka, inject as Ja, isReactive as ko, Teleport as lc, vModelCheckbox as ic } from "vue";
+import { defineComponent as De, ref as U, shallowRef as vt, onMounted as tt, watch as $e, onUnmounted as is, h as j0, nextTick as et, toRefs as Oe, reactive as xr, computed as z, createElementBlock as y, openBlock as h, normalizeClass as w, unref as o, renderSlot as ce, createVNode as B, Transition as wr, withCtx as K, withDirectives as ut, createElementVNode as I, normalizeStyle as Fe, vShow as bi, readonly as Ci, getCurrentScope as Mi, onScopeDispose as Di, getCurrentInstance as aa, toRef as dn, customRef as Xd, isRef as Ie, toValue as Je, watchEffect as qd, markRaw as Dr, mergeProps as st, Fragment as he, renderList as xe, createBlock as oe, createCommentVNode as j, toDisplayString as te, pushScopeId as ec, popScopeId as tc, normalizeProps as oa, guardReactiveProps as la, resolveComponent as Ga, withScopeId as rc, withKeys as Za, useSlots as Qt, withModifiers as cr, createTextVNode as Ue, createSlots as tr, vModelRadio as nc, mergeModels as Wa, useModel as Ni, onBeforeMount as sc, vModelText as zt, vModelSelect as ac, useTemplateRef as oc, TransitionGroup as $i, effectScope as xi, toRaw as Rn, hasInjectionContext as Ka, inject as Ja, isReactive as ko, Teleport as lc, vModelCheckbox as ic } from "vue";
 const _i = /^[a-z0-9]+(-[a-z0-9]+)*$/, ia = (e, t, r, n = "") => {
   const s = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -2379,7 +2379,7 @@ const F = /* @__PURE__ */ ds(X1), q1 = (e, t) => {
       id: "accordion",
       class: w({ "spr-rounded-border-radius-xl spr-border spr-border-solid spr-border-mushroom-200": t.bordered })
     }, [
-      (h(!0), y(ve, null, xe(t.accordionItems, (d, c) => (h(), y("div", {
+      (h(!0), y(he, null, xe(t.accordionItems, (d, c) => (h(), y("div", {
         key: d.collapseId,
         id: `accordion_item_${d.collapseId}`,
         class: w({ "spr-border-x-0 spr-border-b-0 spr-border-t spr-border-solid spr-border-mushroom-200": c !== 0 })
@@ -4201,7 +4201,7 @@ function Jp(e, t, r, n, s, a) {
       } : void 0)
     }, [
       I("div", Gp, [
-        e.mounted ? (h(), y(ve, { key: 0 }, [
+        e.mounted ? (h(), y(he, { key: 0 }, [
           I("div", null, [
             ce(e.$slots, "default")
           ]),
@@ -5119,7 +5119,7 @@ const lt = e3, r3 = t3, v2 = ["click", "hover", "focus", "touch"], n3 = ["fixed"
       case "guest":
         return "ph:user-circle";
       default:
-        return "";
+        return `ph:${s.value}`;
     }
   }), c = z(() => {
     const f = ["xs", "2xs"].includes(r.value) ? 1 : 2;
@@ -5155,26 +5155,28 @@ const lt = e3, r3 = t3, v2 = ["click", "hover", "focus", "touch"], n3 = ["fixed"
         key: 0,
         class: w(o(s).baseClasses)
       }, [
-        ["image", "client", "user", "user-group"].includes(r.variant) || c.$slots.default ? (h(), y("div", {
+        r.variant === "count" || r.variant === "initial" ? (h(), y("div", {
           key: 0,
-          class: w(o(s).imageContainerClasses)
-        }, [
-          ce(c.$slots, "default", {}, () => [
-            c.src ? (h(), y("img", {
-              key: 0,
-              src: c.src,
-              alt: c.alt,
-              onError: p[0] || (p[0] = //@ts-ignore
-              (...g) => o(d) && o(d)(...g))
-            }, null, 40, T3)) : (h(), oe(o(le), {
-              key: 1,
-              icon: o(l)
-            }, null, 8, ["icon"]))
-          ])
-        ], 2)) : (h(), y("div", {
-          key: 1,
           class: w(o(s).initialsContainerClasses)
-        }, te(r.variant === "count" ? `+${r.count}` : o(i)), 3)),
+        }, te(r.variant === "count" ? `+${r.count}` : o(i)), 3)) : (h(), y(he, { key: 1 }, [
+          r.variant || c.$slots.default ? (h(), y("div", {
+            key: 0,
+            class: w(o(s).imageContainerClasses)
+          }, [
+            ce(c.$slots, "default", {}, () => [
+              c.src ? (h(), y("img", {
+                key: 0,
+                src: c.src,
+                alt: c.alt,
+                onError: p[0] || (p[0] = //@ts-ignore
+                (...g) => o(d) && o(d)(...g))
+              }, null, 40, T3)) : (h(), oe(o(le), {
+                key: 1,
+                icon: o(l)
+              }, null, 8, ["icon"]))
+            ])
+          ], 2)) : j("", !0)
+        ], 64)),
         r.notification ? (h(), y("span", {
           key: 2,
           class: w(o(s).notificationClasses)
@@ -5236,7 +5238,7 @@ const lt = e3, r3 = t3, v2 = ["click", "hover", "focus", "touch"], n3 = ["fixed"
         ["enter"]
       ))
     }, [
-      o(s).default ? ce(p.$slots, "default", { key: 0 }) : p.variant === "tag" ? (h(), y(ve, { key: 1 }, [
+      o(s).default ? ce(p.$slots, "default", { key: 0 }) : p.variant === "tag" ? (h(), y(he, { key: 1 }, [
         o(c) ? (h(), y("span", O3, [
           ce(p.$slots, "icon", {}, () => [
             B(o(le), {
@@ -5283,7 +5285,7 @@ const lt = e3, r3 = t3, v2 = ["click", "hover", "focus", "touch"], n3 = ["fixed"
             B(o(le), { icon: "ph:x" })
           ])
         ], 40, P3)) : j("", !0)
-      ], 64)) : (h(), y(ve, { key: 2 }, [
+      ], 64)) : (h(), y(he, { key: 2 }, [
         Ue(te(p.day.charAt(0)), 1)
       ], 64))
     ], 42, k3)) : j("", !0);
@@ -6225,7 +6227,7 @@ const D4 = {
             "max-width": (b = o(n).lozengeProps) == null ? void 0 : b.maxWidth,
             "postfix-icon": (D = o(n).lozengeProps) == null ? void 0 : D.postfixIcon
           }, null, 8, ["label", "tone", "fill", "url", "icon", "max-width", "postfix-icon"])
-        ])) : (h(), y(ve, { key: 1 }, [
+        ])) : (h(), y(he, { key: 1 }, [
           I("div", N4, [
             r.multiSelect ? (h(), oe(Wr, {
               key: 0,
@@ -6284,7 +6286,7 @@ const D4 = {
             ], 2)
           ]),
           I("div", _4, [
-            r.ladderized ? (h(), y(ve, { key: 0 }, [
+            r.ladderized ? (h(), y(he, { key: 0 }, [
               o(i) ? (h(), oe(o(le), {
                 key: 0,
                 class: "spr-text-color-weak spr-size-4",
@@ -6294,7 +6296,7 @@ const D4 = {
                 class: "spr-text-color-brand-base spr-w-[1.39em]",
                 icon: "ph:check"
               })) : j("", !0)
-            ], 64)) : (h(), y(ve, { key: 1 }, [
+            ], 64)) : (h(), y(he, { key: 1 }, [
               o(n).lozenge ? (h(), oe(ur, {
                 key: 0,
                 label: (M = o(n).lozenge) == null ? void 0 : M.label,
@@ -6768,13 +6770,13 @@ const D4 = {
       ], 6)) : j("", !0),
       I("div", O4, [
         o(c) ? (h(), y("div", j4, [
-          (h(!0), y(ve, null, xe(o(d), (C, x) => (h(), y("div", {
+          (h(!0), y(he, null, xe(o(d), (C, x) => (h(), y("div", {
             key: x,
             class: "spr-grid spr-gap-0.5"
           }, [
             C.groupLabel !== "no-group" ? (h(), y("div", L4, te(C.groupLabel), 1)) : j("", !0),
             I("div", z4, [
-              (h(!0), y(ve, null, xe(C.items, (_) => (h(), oe(io, {
+              (h(!0), y(he, null, xe(C.items, (_) => (h(), oe(io, {
                 key: _.value,
                 item: _,
                 "is-selected": o(g)(_),
@@ -6798,7 +6800,7 @@ const D4 = {
             ])
           ]))), 128))
         ])) : o(u) && o(u).length > 0 ? (h(), y("div", Y4, [
-          (h(!0), y(ve, null, xe(o(u), (C) => (h(), oe(io, {
+          (h(!0), y(he, null, xe(o(u), (C) => (h(), oe(io, {
             key: C.value,
             item: C,
             "is-selected": o(g)(C),
@@ -6820,7 +6822,7 @@ const D4 = {
             B(o(le), { icon: "svg-spinners:270-ring" })
           ])) : j("", !0)
         ])) : r.loading ? (h(), y("div", U4, [
-          (h(), y(ve, null, xe(5, (C) => I("div", {
+          (h(), y(he, null, xe(5, (C) => I("div", {
             key: C,
             class: "spr-skeletal-loader spr-h-8 spr-w-full spr-rounded-md"
           })), 64))
@@ -7148,7 +7150,7 @@ const D4 = {
       ref: i,
       class: "spr-flex spr-flex-col spr-gap-size-spacing-2xs"
     }, [
-      (h(!0), y(ve, null, xe(o(r), (c, p) => (h(), y("div", {
+      (h(!0), y(he, null, xe(o(r), (c, p) => (h(), y("div", {
         id: "audit_trail_entry",
         key: p,
         class: "spr-relative spr-h-fit"
@@ -7211,7 +7213,7 @@ const D4 = {
             "onUpdate:modelValue": (g) => o(n)[p] = g
           }, {
             default: K(() => [
-              (h(!0), y(ve, null, xe(c.logs, (g, f) => (h(), y("div", {
+              (h(!0), y(he, null, xe(c.logs, (g, f) => (h(), y("div", {
                 id: "audit_trail_log_entries",
                 key: f,
                 class: w([
@@ -7227,11 +7229,11 @@ const D4 = {
                   }, {
                     default: K(() => [
                       I("div", i6, [
-                        g.label.length === 1 ? (h(), y(ve, { key: 0 }, [
+                        g.label.length === 1 ? (h(), y(he, { key: 0 }, [
                           Ue(te(g.label[0]), 1)
-                        ], 64)) : g.label.length === 2 ? (h(), y(ve, { key: 1 }, [
+                        ], 64)) : g.label.length === 2 ? (h(), y(he, { key: 1 }, [
                           Ue(te(g.label.join(" > ")), 1)
-                        ], 64)) : (h(), y(ve, { key: 2 }, [
+                        ], 64)) : (h(), y(he, { key: 2 }, [
                           Ue(te(g.label[0]) + " > ... > " + te(g.label[g.label.length - 1]), 1)
                         ], 64))
                       ])
@@ -8077,7 +8079,7 @@ const D4 = {
             width: n.popperInnerWidth
           })
         }, [
-          o(i).length > 0 ? (h(), y(ve, { key: 0 }, [
+          o(i).length > 0 ? (h(), y(he, { key: 0 }, [
             !n.ladderized || o(m) ? (h(), oe(Tr, {
               key: 0,
               modelValue: o(d),
@@ -9323,7 +9325,7 @@ const Y5 = (e, t, r) => {
                         ])
                       ], 2)
                     ], 2),
-                    (h(!0), y(ve, null, xe(o(a), (S, A) => (h(), y("th", {
+                    (h(!0), y(he, null, xe(o(a), (S, A) => (h(), y("th", {
                       key: A,
                       class: w([o(i).borderClasses, o(i).tableHeader])
                     }, [
@@ -9349,7 +9351,7 @@ const Y5 = (e, t, r) => {
                   ref: p,
                   class: "spr-h-full spr-overflow-y-auto"
                 }, [
-                  (h(!0), y(ve, null, xe(N.employees, (S) => (h(), y("tr", {
+                  (h(!0), y(he, null, xe(N.employees, (S) => (h(), y("tr", {
                     key: S.id
                   }, [
                     I("td", {
@@ -9381,7 +9383,7 @@ const Y5 = (e, t, r) => {
                         }, 8, ["label"])
                       ])) : j("", !0)
                     ], 2),
-                    (h(!0), y(ve, null, xe(o(a), (A, O) => (h(), y("td", {
+                    (h(!0), y(he, null, xe(o(a), (A, O) => (h(), y("td", {
                       key: O,
                       class: w([
                         o(i).borderClasses,
@@ -9391,7 +9393,7 @@ const Y5 = (e, t, r) => {
                       onMouseleave: (P) => o(D)(!1, O, S.id)
                     }, [
                       S.schedule[o(g)(A, o(u))] && S.schedule[o(g)(A, o(u))].length > 0 ? (h(), y("section", X5, [
-                        (h(!0), y(ve, null, xe(S.schedule[o(g)(A, o(u))], (P, ne) => (h(), y("div", {
+                        (h(!0), y(he, null, xe(S.schedule[o(g)(A, o(u))], (P, ne) => (h(), y("div", {
                           key: ne,
                           class: "spr-w-full"
                         }, [
@@ -9488,7 +9490,7 @@ const Y5 = (e, t, r) => {
                   ])) : j("", !0)
                 ], 512)) : j("", !0),
                 N.employees.length === 0 && N.loading ? (h(), y("tbody", i9, [
-                  (h(), y(ve, null, xe(10, (S) => I("tr", { key: S }, [
+                  (h(), y(he, null, xe(10, (S) => I("tr", { key: S }, [
                     I("td", {
                       class: w([
                         o(i).borderClasses,
@@ -9513,7 +9515,7 @@ const Y5 = (e, t, r) => {
                         B(ur, { loading: "" })
                       ])
                     ], 2),
-                    (h(), y(ve, null, xe(7, (A) => I("td", {
+                    (h(), y(he, null, xe(7, (A) => I("td", {
                       key: A,
                       class: w([
                         o(i).borderClasses,
@@ -9521,7 +9523,7 @@ const Y5 = (e, t, r) => {
                       ])
                     }, [
                       I("section", c9, [
-                        (h(), y(ve, null, xe(1, (O) => I("div", {
+                        (h(), y(he, null, xe(1, (O) => I("div", {
                           key: O,
                           class: "spr-w-full"
                         }, [
@@ -9710,11 +9712,11 @@ const r0 = /* @__PURE__ */ ds(N9), $9 = { class: "spr-grid spr-grid-cols-7" }, x
       n("update:date", _), n("update:month", _.date.getMonth()), n("update:year", _.date.getFullYear());
     };
     return (_, N) => (h(), y("div", $9, [
-      (h(!0), y(ve, null, xe(s.value, (M, S) => (h(), y("div", {
+      (h(!0), y(he, null, xe(s.value, (M, S) => (h(), y("div", {
         key: S,
         class: "spr-py-1 spr-text-center spr-font-semibold"
       }, te(M.text), 1))), 128)),
-      (h(!0), y(ve, null, xe(e.calendarDays, (M) => (h(), y(ve, {
+      (h(!0), y(he, null, xe(e.calendarDays, (M) => (h(), y(he, {
         key: M.date
       }, [
         e.minMaxYear.min <= M.date.getFullYear() && e.minMaxYear.max >= M.date.getFullYear() ? (h(), y("div", {
@@ -9773,7 +9775,7 @@ const r0 = /* @__PURE__ */ ds(N9), $9 = { class: "spr-grid spr-grid-cols-7" }, x
       n("update:month", u.monthValue);
     };
     return (u, d) => (h(), y("div", w9, [
-      (h(!0), y(ve, null, xe(a.value, (c, p) => (h(), y("div", {
+      (h(!0), y(he, null, xe(a.value, (c, p) => (h(), y("div", {
         key: p,
         class: w([
           "spr-subheading-xs spr-relative spr-flex spr-cursor-pointer spr-items-center spr-justify-center spr-rounded-lg spr-p-4",
@@ -9846,7 +9848,7 @@ const r0 = /* @__PURE__ */ ds(N9), $9 = { class: "spr-grid spr-grid-cols-7" }, x
       isNextButtonDisabled: d,
       setCurrentPageYear: c
     }), (g, f) => (h(), y("div", k9, [
-      (h(!0), y(ve, null, xe(i.value, (m, $) => (h(), y("div", {
+      (h(!0), y(he, null, xe(i.value, (m, $) => (h(), y("div", {
         key: $,
         class: w([
           "spr-subheading-xs spr-relative spr-flex spr-cursor-pointer spr-items-center spr-justify-center spr-rounded-lg spr-p-4",
@@ -10997,11 +10999,11 @@ const q9 = (e, t) => {
             ]),
             I("div", pf, [
               o(p) === "tab-calendar" ? (h(), y("div", ff, [
-                (h(!0), y(ve, null, xe(o(f), (ae, Ee) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(f), (ae, Ee) => (h(), y("div", {
                   key: Ee,
                   class: "spr-py-1 spr-text-center spr-font-semibold"
                 }, te(ae.text), 1))), 128)),
-                (h(!0), y(ve, null, xe(o(D).calendarDays, (ae) => (h(), y(ve, {
+                (h(!0), y(he, null, xe(o(D).calendarDays, (ae) => (h(), y(he, {
                   key: ae.date
                 }, [
                   pe.minMaxYear.min <= ae.date.getFullYear() && pe.minMaxYear.max >= ae.date.getFullYear() ? (h(), y("div", {
@@ -11033,7 +11035,7 @@ const q9 = (e, t) => {
                 ], 64))), 128))
               ])) : j("", !0),
               o(p) === "tab-months" ? (h(), y("div", mf, [
-                (h(!0), y(ve, null, xe(o($), (ae, Ee) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o($), (ae, Ee) => (h(), y("div", {
                   key: Ee,
                   class: w([
                     o(a).monthsTabItemsBaseClasses,
@@ -11050,7 +11052,7 @@ const q9 = (e, t) => {
                 ], 10, yf))), 128))
               ])) : j("", !0),
               o(p) === "tab-years" ? (h(), y("div", Cf, [
-                (h(!0), y(ve, null, xe(o(Q), (ae, Ee) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(Q), (ae, Ee) => (h(), y("div", {
                   key: Ee,
                   class: w([
                     o(a).yearsTabItemsBaseClasses,
@@ -11980,11 +11982,11 @@ const Af = (e, t) => {
             ]),
             I("div", Wf, [
               o(v) === "tab-calendar" ? (h(), y("div", Kf, [
-                (h(!0), y(ve, null, xe(o(D), (fe, Gt) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(D), (fe, Gt) => (h(), y("div", {
                   key: Gt,
                   class: "spr-py-1 spr-text-center spr-font-semibold"
                 }, te(fe.text), 1))), 128)),
-                (h(!0), y(ve, null, xe(o(O).calendarDays, (fe) => (h(), y(ve, {
+                (h(!0), y(he, null, xe(o(O).calendarDays, (fe) => (h(), y(he, {
                   key: fe.date
                 }, [
                   _t.minMaxYear.min <= fe.date.year() && _t.minMaxYear.max >= fe.date.year() ? (h(), y("div", {
@@ -12018,7 +12020,7 @@ const Af = (e, t) => {
                 ], 64))), 128))
               ])) : j("", !0),
               o(v) === "tab-months" ? (h(), y("div", e8, [
-                (h(!0), y(ve, null, xe(o(C), (fe, Gt) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(C), (fe, Gt) => (h(), y("div", {
                   key: Gt,
                   class: w([
                     o(s).monthsTabItemsBaseClasses,
@@ -12035,7 +12037,7 @@ const Af = (e, t) => {
                 ], 10, t8))), 128))
               ])) : j("", !0),
               o(v) === "tab-years" ? (h(), y("div", n8, [
-                (h(!0), y(ve, null, xe(o(G), (fe, Gt) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(G), (fe, Gt) => (h(), y("div", {
                   key: Gt,
                   class: w([
                     o(s).yearsTabItemsBaseClasses,
@@ -12756,7 +12758,7 @@ const Af = (e, t) => {
             ]),
             I("div", D8, [
               o(c) === "tab-months" ? (h(), y("div", N8, [
-                (h(!0), y(ve, null, xe(o(g), (k, Q) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(g), (k, Q) => (h(), y("div", {
                   key: Q,
                   class: w([
                     o(a).monthsTabItemsBaseClasses,
@@ -12773,7 +12775,7 @@ const Af = (e, t) => {
                 ], 10, $8))), 128))
               ])) : j("", !0),
               o(c) === "tab-years" ? (h(), y("div", _8, [
-                (h(!0), y(ve, null, xe(o(b), (k, Q) => (h(), y("div", {
+                (h(!0), y(he, null, xe(o(b), (k, Q) => (h(), y("div", {
                   key: Q,
                   class: w([
                     o(a).yearsTabItemsBaseClasses,
@@ -13326,7 +13328,7 @@ const Af = (e, t) => {
           r.hideDropzoneLabel ? j("", !0) : (h(), y("label", W8, te("or drop your " + (r.multiple ? "files" : "file") + " to upload"), 1))
         ], 2),
         r.showError ? (h(), y("div", K8, [
-          (h(!0), y(ve, null, xe(r.errorMessages, (b, D) => (h(), y("label", { key: D }, te(b), 1))), 128))
+          (h(!0), y(he, null, xe(r.errorMessages, (b, D) => (h(), y("label", { key: D }, te(b), 1))), 128))
         ])) : (h(), y("div", {
           key: 1,
           class: w(o(i).sublabelClasses)
@@ -13348,7 +13350,7 @@ const Af = (e, t) => {
           onChange: v[1] || (v[1] = //@ts-ignore
           (...b) => o(g) && o(g)(...b))
         }, null, 40, X8),
-        (h(!0), y(ve, null, xe($.modelValue, (b, D) => (h(), y("div", {
+        (h(!0), y(he, null, xe($.modelValue, (b, D) => (h(), y("div", {
           key: D,
           class: "spr-flex spr-flex-col spr-gap-size-spacing-4xs"
         }, [
@@ -13699,7 +13701,7 @@ const Af = (e, t) => {
         }, [
           _.filterMenu.length > 0 && _.filterable ? (h(), y("div", f7, [
             I("div", g7, [
-              (h(!0), y(ve, null, xe(_.filterMenu, (M) => (h(), y(ve, {
+              (h(!0), y(he, null, xe(_.filterMenu, (M) => (h(), y(he, {
                 key: M.field
               }, [
                 o(p)[M.field].count ? (h(), oe(Qr, {
@@ -13738,7 +13740,7 @@ const Af = (e, t) => {
                   I("div", {
                     class: w(o(g).PopperContentClasses)
                   }, [
-                    (h(!0), y(ve, null, xe(_.filterMenu, (M) => (h(), oe(o(lt), {
+                    (h(!0), y(he, null, xe(_.filterMenu, (M) => (h(), oe(o(lt), {
                       key: M.field,
                       shown: o(p)[M.field].isFilterVisible,
                       "onUpdate:shown": (S) => o(p)[M.field].isFilterVisible = S,
@@ -13779,7 +13781,7 @@ const Af = (e, t) => {
                             }, 8, ["id", "modelValue"])
                           ]),
                           o(u).length > 0 ? (h(), y("div", m7, [
-                            (h(!0), y(ve, null, xe(o(u), (S, A) => (h(), oe(Qr, {
+                            (h(!0), y(he, null, xe(o(u), (S, A) => (h(), oe(Qr, {
                               key: A,
                               label: S.text,
                               active: !0,
@@ -13795,7 +13797,7 @@ const Af = (e, t) => {
                             ref: $,
                             class: "spr-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-2xs"
                           }, [
-                            (h(!0), y(ve, null, xe(o(d), (S, A) => (h(), y("div", {
+                            (h(!0), y(he, null, xe(o(d), (S, A) => (h(), y("div", {
                               key: S.value,
                               class: w([
                                 o(g).filterListClasses,
@@ -13900,7 +13902,7 @@ const Af = (e, t) => {
           ref: m,
           class: "spr-max-h-[264px] spr-space-y-size-spacing-6xs spr-overflow-auto spr-p-size-spacing-3xs"
         }, [
-          (h(!0), y(ve, null, xe(o(i), (M, S) => (h(), y("div", {
+          (h(!0), y(he, null, xe(o(i), (M, S) => (h(), y("div", {
             key: M.value,
             class: w([
               o(g).filterListClasses,
@@ -17855,7 +17857,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
   emits: $m,
   setup(e, { emit: t }) {
     const r = e, n = t, { modalClasses: s, handleCloseModal: a, handleBackdropClick: l } = xm(r, n);
-    return (i, u) => (h(), y(ve, null, [
+    return (i, u) => (h(), y(he, null, [
       B(wr, { name: "backdrop-transition" }, {
         default: K(() => [
           r.modelValue ? (h(), y("div", {
@@ -18060,7 +18062,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
       I("div", {
         class: w(o(s).containerClasses)
       }, [
-        (h(!0), y(ve, null, xe(o(l)(), (c, p) => (h(), oe(Jo, {
+        (h(!0), y(he, null, xe(o(l)(), (c, p) => (h(), oe(Jo, {
           id: `${r.id}-${p}`,
           key: `${r.id}-option-${p}`,
           modelValue: o(a),
@@ -19036,7 +19038,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
             I("div", {
               onClick: C[2] || (C[2] = (x) => l.value = !o(l))
             }, [
-              n.chipped ? (h(), y(ve, { key: 0 }, [
+              n.chipped ? (h(), y(he, { key: 0 }, [
                 I("div", {
                   class: w(o(a).chippedInputTextBaseClasses)
                 }, [
@@ -19045,12 +19047,12 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                     class: w(o(a).chippedInputTextClasses)
                   }, [
                     I("div", ay, [
-                      o(c).length > 0 ? (h(), y(ve, { key: 0 }, [
+                      o(c).length > 0 ? (h(), y(he, { key: 0 }, [
                         n.displaySelectedCountOnly ? (h(), y("span", {
                           key: 1,
                           class: "spr-text-color-supporting spr-px-3",
                           "aria-label": `${o(c).length} selected options`
-                        }, te(o(c).length) + " item" + te(o(c).length === 1 ? "" : "s") + " selected ", 9, oy)) : (h(!0), y(ve, { key: 0 }, xe(o(c), (x) => (h(), oe(Qr, {
+                        }, te(o(c).length) + " item" + te(o(c).length === 1 ? "" : "s") + " selected ", 9, oy)) : (h(!0), y(he, { key: 0 }, xe(o(c), (x) => (h(), oe(Qr, {
                           key: x.value,
                           class: "spr-m-1 spr-inline-block",
                           label: String(x.text),
@@ -19154,7 +19156,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
               multiple: "",
               hidden: ""
             }, [
-              (h(!0), y(ve, null, xe(o(d), (x) => (h(), y("option", {
+              (h(!0), y(he, null, xe(o(d), (x) => (h(), y("option", {
                 key: x.value,
                 value: x.value
               }, te(x.text), 9, iy))), 128))
@@ -19334,6 +19336,14 @@ const vm = ["white", "dark", "gray", "green"], mm = [
   itemIcon: {
     type: String,
     default: ""
+  },
+  avatarVariant: {
+    type: String,
+    default: ""
+  },
+  avatarSource: {
+    type: String,
+    default: ""
   }
 }, vy = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -19565,8 +19575,10 @@ const vm = ["white", "dark", "gray", "green"], mm = [
               loading: n.optionsLoader,
               "infinite-scroll-loader": n.infiniteScrollLoader,
               "item-icon": n.itemIcon,
-              lozenge: n.lozenge
-            }, null, 8, ["modelValue", "menu-list", "group-items-by", "pre-selected-items", "loading", "infinite-scroll-loader", "item-icon", "lozenge", "onUpdate:modelValue"])
+              lozenge: n.lozenge,
+              "avatar-variant": n.avatarVariant,
+              "avatar-source": n.avatarSource
+            }, null, 8, ["modelValue", "menu-list", "group-items-by", "pre-selected-items", "loading", "infinite-scroll-loader", "item-icon", "lozenge", "avatar-variant", "avatar-source", "onUpdate:modelValue"])
           ], 512)
         ]),
         default: K(() => [
@@ -19633,7 +19645,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                 "aria-hidden": "true",
                 hidden: ""
               }, [
-                (h(!0), y(ve, null, xe(o(c), (_) => (h(), y("option", {
+                (h(!0), y(he, null, xe(o(c), (_) => (h(), y("option", {
                   key: _.value,
                   value: _.value
                 }, te(_.text), 9, My))), 128))
@@ -19663,7 +19675,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
     }
   },
   setup(e) {
-    return (t, r) => (h(!0), y(ve, null, xe(e.count, (n) => (h(), y("div", {
+    return (t, r) => (h(!0), y(he, null, xe(e.count, (n) => (h(), y("div", {
       key: n,
       class: "spr-m-auto spr-flex"
     }, [...r[0] || (r[0] = [
@@ -19872,11 +19884,11 @@ const vm = ["white", "dark", "gray", "green"], mm = [
       r,
       n
     );
-    return (d, c) => (h(!0), y(ve, null, xe(d.navLinks, (p, g) => (h(), y("div", {
+    return (d, c) => (h(!0), y(he, null, xe(d.navLinks, (p, g) => (h(), y("div", {
       key: g,
       class: "spr-grid spr-gap-2"
     }, [
-      (h(!0), y(ve, null, xe(p.parentLinks, (f, m) => (h(), y(ve, { key: m }, [
+      (h(!0), y(he, null, xe(p.parentLinks, (f, m) => (h(), y(he, { key: m }, [
         f.menuLinks && f.menuLinks.length > 0 ? (h(), oe(o(lt), {
           key: 0,
           "aria-id": "sidenav-menu-wrapper",
@@ -19890,7 +19902,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
             I("div", wy, [
               I("h3", Ay, te(f.title), 1)
             ]),
-            (h(!0), y(ve, null, xe(f.menuLinks, ($, v) => (h(), y(ve, { key: v }, [
+            (h(!0), y(he, null, xe(f.menuLinks, ($, v) => (h(), y(he, { key: v }, [
               $.menuHeading ? (h(), y("h5", {
                 key: 0,
                 class: w({
@@ -19898,7 +19910,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                   "spr-pt-2": v !== 0
                 })
               }, te($.menuHeading), 3)) : j("", !0),
-              (h(!0), y(ve, null, xe($.items, (b, D) => (h(), y(ve, { key: D }, [
+              (h(!0), y(he, null, xe($.items, (b, D) => (h(), y(he, { key: D }, [
                 b.submenuLinks && b.submenuLinks.length > 0 ? (h(), oe(o(lt), {
                   key: 0,
                   "aria-id": "sidenav-submenu-l1-wrapper",
@@ -19916,7 +19928,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                       delay: 0
                     }, {
                       default: K(() => [
-                        (h(!0), y(ve, null, xe(b.submenuLinks, (C, x) => (h(), y(ve, { key: x }, [
+                        (h(!0), y(he, null, xe(b.submenuLinks, (C, x) => (h(), y(he, { key: x }, [
                           C.subMenuHeading ? (h(), y("h5", {
                             key: 0,
                             class: w({
@@ -19924,7 +19936,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                               "spr-pt-2": x !== 0
                             })
                           }, te(C.subMenuHeading), 3)) : j("", !0),
-                          (h(!0), y(ve, null, xe(C.items, (_, N) => (h(), y(ve, { key: N }, [
+                          (h(!0), y(he, null, xe(C.items, (_, N) => (h(), y(he, { key: N }, [
                             _.hidden ? j("", !0) : (h(), y("div", {
                               key: 0,
                               id: `${o(a)(f.title, b.title, _.title)}`,
@@ -19947,7 +19959,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                               I("div", zy, [
                                 I("span", null, te(_.title), 1),
                                 I("div", Py, [
-                                  (h(!0), y(ve, null, xe(o(u)(_ == null ? void 0 : _.attributes), (M, S) => (h(), y(ve, { key: S }, [
+                                  (h(!0), y(he, null, xe(o(u)(_ == null ? void 0 : _.attributes), (M, S) => (h(), y(he, { key: S }, [
                                     (M == null ? void 0 : M.name) === "lozenge" && (M != null && M.value) ? (h(), oe(ur, {
                                       key: 0,
                                       label: o(l)(M),
@@ -19978,7 +19990,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                       I("div", ky, [
                         I("span", null, te(b.title), 1),
                         I("div", Oy, [
-                          (h(!0), y(ve, null, xe(o(u)(b == null ? void 0 : b.attributes), (C, x) => (h(), y(ve, { key: x }, [
+                          (h(!0), y(he, null, xe(o(u)(b == null ? void 0 : b.attributes), (C, x) => (h(), y(he, { key: x }, [
                             (C == null ? void 0 : C.name) === "lozenge" && (C != null && C.value) ? (h(), oe(ur, {
                               key: 0,
                               label: o(l)(C),
@@ -19995,7 +20007,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                     ], 10, Ty)
                   ]),
                   _: 2
-                }, 1024)) : (h(), y(ve, { key: 1 }, [
+                }, 1024)) : (h(), y(he, { key: 1 }, [
                   b.hidden ? j("", !0) : (h(), y("div", {
                     key: 0,
                     id: `${o(a)(f.title, b.title)}`,
@@ -20011,7 +20023,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                     I("div", Uy, [
                       I("span", null, te(b.title), 1),
                       I("div", By, [
-                        (h(!0), y(ve, null, xe(o(u)(b == null ? void 0 : b.attributes), (C, x) => (h(), y(ve, { key: x }, [
+                        (h(!0), y(he, null, xe(o(u)(b == null ? void 0 : b.attributes), (C, x) => (h(), y(he, { key: x }, [
                           (C == null ? void 0 : C.name) === "lozenge" && (C != null && C.value) ? (h(), oe(ur, {
                             key: 0,
                             label: o(l)(C),
@@ -20036,7 +20048,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                 "active:spr-background-color-single-active active:spr-scale-90": !0
               })
             }, [
-              f.icon && f.icon.includes("https://") ? (h(), y(ve, { key: 0 }, [
+              f.icon && f.icon.includes("https://") ? (h(), y(he, { key: 0 }, [
                 f.icon && r.activeNav.parentNav !== f.title ? (h(), y("img", {
                   key: 0,
                   src: f.icon,
@@ -20048,7 +20060,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                   alt: `${f.title} icon`,
                   class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                 }, null, 8, Sy)) : j("", !0)
-              ], 64)) : (h(), y(ve, { key: 1 }, [
+              ], 64)) : (h(), y(he, { key: 1 }, [
                 f.icon && r.activeNav.parentNav !== f.title ? (h(), oe(o(le), {
                   key: 0,
                   icon: f.icon,
@@ -20065,7 +20077,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
             ], 10, _y)
           ]),
           _: 2
-        }, 1024)) : (h(), y(ve, { key: 1 }, [
+        }, 1024)) : (h(), y(he, { key: 1 }, [
           f.hidden ? j("", !0) : (h(), oe(Wn, {
             key: 0,
             text: f.title,
@@ -20084,7 +20096,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                 }),
                 onClick: ($) => o(s)(f, f.title, "", "")
               }, [
-                f.icon && f.icon.includes("https://") ? (h(), y(ve, { key: 0 }, [
+                f.icon && f.icon.includes("https://") ? (h(), y(he, { key: 0 }, [
                   f.icon && r.activeNav.parentNav !== f.title ? (h(), y("img", {
                     key: 0,
                     src: f.icon,
@@ -20096,7 +20108,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                     alt: `${f.title} icon`,
                     class: "spr-h-[1.25em] spr-w-[1.25em] spr-max-w-[1.25em]"
                   }, null, 8, Hy)) : j("", !0)
-                ], 64)) : (h(), y(ve, { key: 1 }, [
+                ], 64)) : (h(), y(he, { key: 1 }, [
                   f.icon && r.activeNav.parentNav !== f.title ? (h(), oe(o(le), {
                     key: 0,
                     icon: f.icon,
@@ -20179,7 +20191,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
           r.loading ? (h(), oe(As, {
             key: 1,
             count: 5
-          })) : (h(), y(ve, { key: 0 }, [
+          })) : (h(), y(he, { key: 0 }, [
             r.quickActions && r.quickActions.length > 0 ? (h(), oe(o(lt), {
               key: 0,
               shown: o(a),
@@ -20206,7 +20218,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                   })
                 ]),
                 I("div", Xy, [
-                  (h(!0), y(ve, null, xe(r.quickActions, (p, g) => (h(), y(ve, { key: g }, [
+                  (h(!0), y(he, null, xe(r.quickActions, (p, g) => (h(), y(he, { key: g }, [
                     p.menuHeading ? (h(), y("h5", {
                       key: 0,
                       class: w([
@@ -20216,7 +20228,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
                         }
                       ])
                     }, te(p.menuHeading), 3)) : j("", !0),
-                    (h(!0), y(ve, null, xe(p.items, (f, m) => (h(), y(ve, { key: m }, [
+                    (h(!0), y(he, null, xe(p.items, (f, m) => (h(), y(he, { key: m }, [
                       f.hidden ? j("", !0) : (h(), y("div", {
                         key: 0,
                         class: w([
@@ -20303,7 +20315,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
         ])) : j("", !0)
       ], 2),
       r.notificationCount || r.requestCount || r.notificationCount === 0 || r.requestCount === 0 ? (h(), y("div", sb, [
-        r.loading ? (h(), oe(As, { key: 1 })) : (h(), y(ve, { key: 0 }, [
+        r.loading ? (h(), oe(As, { key: 1 })) : (h(), y(he, { key: 0 }, [
           B(Wn, {
             text: "NOTIFICATIONS",
             placement: "right",
@@ -20420,7 +20432,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
               ])
             ]),
             I("div", cb, [
-              (h(!0), y(ve, null, xe(r.userMenu.items, (p, g) => (h(), y(ve, { key: g }, [
+              (h(!0), y(he, null, xe(r.userMenu.items, (p, g) => (h(), y(he, { key: g }, [
                 p.hidden ? j("", !0) : (h(), y("div", {
                   key: 0,
                   id: `usermenu_${o(u)(p.title)}`,
@@ -20673,7 +20685,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
   emits: Cb,
   setup(e, { emit: t }) {
     const r = e, n = t, { sidepanelClasses: s, sidepanelRef: a, handleClose: l, isExpanded: i, handlePanelExpansion: u } = vb(r, n);
-    return (d, c) => (h(), y(ve, null, [
+    return (d, c) => (h(), y(he, null, [
       !r.isStacking && d.isOpen && d.hasBackdrop ? (h(), y("div", {
         key: 0,
         class: w(o(s).backdropBaseClasses)
@@ -20699,7 +20711,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
             "data-testid": "sidepanel-dialog",
             style: Fe({ height: typeof d.height == "number" ? `${d.height}px` : d.height })
           }, [
-            r.hideHeader ? j("", !0) : (h(), y(ve, { key: 0 }, [
+            r.hideHeader ? j("", !0) : (h(), y(he, { key: 0 }, [
               d.$slots.header ? (h(), y("div", _b, [
                 ce(d.$slots, "header")
               ])) : (h(), y("div", {
@@ -20866,7 +20878,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
       handleExpandPanel: p,
       expandedPanel: g,
       activePanel: f
-    }), (m, $) => (h(), y(ve, null, [
+    }), (m, $) => (h(), y(he, null, [
       o(c).length > 0 ? (h(), y("div", {
         key: 0,
         class: w(o(u).sidepanelStackBackdropClasses)
@@ -20885,7 +20897,7 @@ const vm = ["white", "dark", "gray", "green"], mm = [
           appear: ""
         }, {
           default: K(() => [
-            (h(!0), y(ve, null, xe(o(c), (v) => (h(), y("div", { key: v }, [
+            (h(!0), y(he, null, xe(o(c), (v) => (h(), y("div", { key: v }, [
               ce(m.$slots, v)
             ]))), 128))
           ]),
@@ -21502,12 +21514,12 @@ var gC = Object.create, ju = Object.defineProperty, hC = Object.getOwnPropertyDe
   // "default" to the CommonJS "module.exports" for node compatibility.
   ju(r, "default", { value: e, enumerable: !0 }),
   e
-)), he = yC({
+)), ve = yC({
   "../../node_modules/.pnpm/tsup@8.4.0_@microsoft+api-extractor@7.51.1_@types+node@22.13.14__jiti@2.4.2_postcss@8.5_96eb05a9d65343021e53791dd83f3773/node_modules/tsup/assets/esm_shims.js"() {
   }
 }), MC = Lu({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/lib/speakingurl.js"(e, t) {
-    he(), (function(r) {
+    ve(), (function(r) {
       var n = {
         // latin
         À: "A",
@@ -22891,17 +22903,17 @@ var gC = Object.create, ju = Object.defineProperty, hC = Object.getOwnPropertyDe
   }
 }), DC = Lu({
   "../../node_modules/.pnpm/speakingurl@14.0.1/node_modules/speakingurl/index.js"(e, t) {
-    he(), t.exports = MC();
+    ve(), t.exports = MC();
   }
 });
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
 function NC(e) {
   var t;
   const r = e.name || e._componentTag || e.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || e.__name;
@@ -23001,7 +23013,7 @@ function Kr(e) {
   const t = e.subTree.el;
   return typeof window > "u" ? sl : zu(e) ? SC(e.subTree) : (t == null ? void 0 : t.nodeType) === 1 ? t == null ? void 0 : t.getBoundingClientRect() : e.subTree.component ? Kr(e.subTree.component) : sl;
 }
-he();
+ve();
 function v0(e) {
   return zu(e) ? AC(e.subTree) : e.subTree ? [e.subTree.el] : [];
 }
@@ -23163,7 +23175,7 @@ function FC(e) {
     }, 1200);
   }
 }
-he();
+ve();
 var al, ol;
 (ol = (al = _e).__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__) != null || (al.__VUE_DEVTOOLS_COMPONENT_INSPECTOR_ENABLED__ = !0);
 function UC(e) {
@@ -23189,8 +23201,8 @@ function RC() {
     });
   });
 }
-he();
-he();
+ve();
+ve();
 function VC(e) {
   return !!(e && e.__v_isReadonly);
 }
@@ -23272,9 +23284,9 @@ var HC = class {
     return ja(e) || Vu(e);
   }
 };
-he();
-he();
-he();
+ve();
+ve();
+ve();
 var GC = "__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS_STATE__";
 function ZC() {
   if (typeof window > "u" || !Eu || typeof localStorage > "u" || localStorage === null)
@@ -23296,9 +23308,9 @@ function ZC() {
     selected: ""
   };
 }
-he();
-he();
-he();
+ve();
+ve();
+ve();
 var ll, il;
 (il = (ll = _e).__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS) != null || (ll.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS = []);
 var WC = new Proxy(_e.__VUE_DEVTOOLS_KIT_TIMELINE_LAYERS, {
@@ -23534,11 +23546,11 @@ function nM(e = {}) {
     }
   }
 }
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
 var Nl, $l;
 ($l = (Nl = _e).__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__) != null || (Nl.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__ = []);
 var M0 = new Proxy(_e.__VUE_DEVTOOLS_KIT_PLUGIN_BUFFER__, {
@@ -23600,17 +23612,17 @@ function oM(e, t, r) {
     /* SET_PLUGIN_SETTINGS */
   );
 }
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
 var xl, _l, Tt = (_l = (xl = _e).__VUE_DEVTOOLS_HOOK) != null ? _l : xl.__VUE_DEVTOOLS_HOOK = Ou(), lM = {
   vueAppInit(e) {
     Tt.hook("app:init", e);
@@ -23760,13 +23772,13 @@ var xl, _l, Tt = (_l = (xl = _e).__VUE_DEVTOOLS_HOOK) != null ? _l : xl.__VUE_DE
     );
   }
 }, uM = iM;
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
 var dM = "__vue_devtool_undefined__", cM = "__vue_devtool_infinity__", pM = "__vue_devtool_negative_infinity__", fM = "__vue_devtool_nan__";
-he();
-he();
+ve();
+ve();
 var gM = {
   [dM]: "undefined",
   [fM]: "NaN",
@@ -23774,11 +23786,11 @@ var gM = {
   [pM]: "-Infinity"
 };
 Object.entries(gM).reduce((e, [t, r]) => (e[r] = t, e), {});
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
 var Il, Sl;
 (Sl = (Il = _e).__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__) != null || (Il.__VUE_DEVTOOLS_KIT__REGISTERED_PLUGIN_APPS__ = /* @__PURE__ */ new Set());
 function Ku(e, t) {
@@ -23804,8 +23816,8 @@ function Ju(e, t) {
     hM(r, e);
   }));
 }
-he();
-he();
+ve();
+ve();
 var ns = "__VUE_DEVTOOLS_ROUTER__", mn = "__VUE_DEVTOOLS_ROUTER_INFO__", wl, Al;
 (Al = (wl = _e)[mn]) != null || (wl[mn] = {
   currentRoute: null,
@@ -23979,7 +23991,7 @@ function bM(e) {
     }
   };
 }
-he();
+ve();
 var kl, Ol;
 (Ol = (kl = _e).__VUE_DEVTOOLS_ENV__) != null || (kl.__VUE_DEVTOOLS_ENV__ = {
   vitePluginDetected: !1
@@ -23998,21 +24010,21 @@ var jl = XC(), Ll, zl;
   api: bM(jl)
 });
 var Dn = _e.__VUE_DEVTOOLS_KIT_CONTEXT__;
-he();
+ve();
 CC(DC());
 var Pl, Yl;
 (Yl = (Pl = _e).__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__) != null || (Pl.__VUE_DEVTOOLS_NEXT_APP_RECORD_INFO__ = {
   id: 0,
   appIds: /* @__PURE__ */ new Set()
 });
-he();
-he();
+ve();
+ve();
 function CM(e) {
   nt.highPerfModeEnabled = e ?? !nt.highPerfModeEnabled, !e && bt.value && Ju(bt.value.app);
 }
-he();
-he();
-he();
+ve();
+ve();
+ve();
 function MM(e) {
   nt.devtoolsClientDetected = {
     ...nt.devtoolsClientDetected,
@@ -24023,13 +24035,13 @@ function MM(e) {
 }
 var Fl, Ul;
 (Ul = (Fl = _e).__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__) != null || (Fl.__VUE_DEVTOOLS_UPDATE_CLIENT_DETECTED__ = MM);
-he();
-he();
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
 var DM = class {
   constructor() {
     this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
@@ -24073,8 +24085,8 @@ var DM = class {
     return this.classToAllowedProps.get(e);
   }
 };
-he();
-he();
+ve();
+ve();
 function $M(e) {
   if ("values" in Object)
     return Object.values(e);
@@ -24121,10 +24133,10 @@ var _M = class {
     return this.transfomers[e];
   }
 };
-he();
-he();
+ve();
+ve();
 var IM = (e) => Object.prototype.toString.call(e).slice(8, -1), qu = (e) => typeof e > "u", SM = (e) => e === null, ss = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Mo = (e) => ss(e) && Object.keys(e).length === 0, Er = (e) => Array.isArray(e), wM = (e) => typeof e == "string", AM = (e) => typeof e == "number" && !isNaN(e), TM = (e) => typeof e == "boolean", EM = (e) => e instanceof RegExp, as = (e) => e instanceof Map, os = (e) => e instanceof Set, ed = (e) => IM(e) === "Symbol", kM = (e) => e instanceof Date && !isNaN(e.valueOf()), OM = (e) => e instanceof Error, Rl = (e) => typeof e == "number" && isNaN(e), jM = (e) => TM(e) || SM(e) || qu(e) || AM(e) || wM(e) || ed(e), LM = (e) => typeof e == "bigint", zM = (e) => e === 1 / 0 || e === -1 / 0, PM = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), YM = (e) => e instanceof URL;
-he();
+ve();
 var td = (e) => e.replace(/\./g, "\\."), La = (e) => e.map(String).map(td).join("."), zn = (e) => {
   const t = [];
   let r = "";
@@ -24143,7 +24155,7 @@ var td = (e) => e.replace(/\./g, "\\."), La = (e) => e.map(String).map(td).join(
   const n = r;
   return t.push(n), t;
 };
-he();
+ve();
 function Zt(e, t, r, n) {
   return {
     isApplicable: e,
@@ -24276,7 +24288,7 @@ var BM = (e, t, r) => {
     return n.untransform(e, r);
   }
 };
-he();
+ve();
 var on = (e, t) => {
   if (t > e.size)
     throw new Error("index out of bounds");
@@ -24453,8 +24465,8 @@ var dd = (e, t, r, n, s = [], a = [], l = /* @__PURE__ */ new Map()) => {
   };
   return u || l.set(e, f), f;
 };
-he();
-he();
+ve();
+ve();
 function cd(e) {
   return Object.prototype.toString.call(e).slice(8, -1);
 }
@@ -24549,29 +24561,29 @@ He.registerClass = He.defaultInstance.registerClass.bind(He.defaultInstance);
 He.registerSymbol = He.defaultInstance.registerSymbol.bind(He.defaultInstance);
 He.registerCustom = He.defaultInstance.registerCustom.bind(He.defaultInstance);
 He.allowErrorProps = He.defaultInstance.allowErrorProps.bind(He.defaultInstance);
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
 var Ql, Gl;
 (Gl = (Ql = _e).__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__) != null || (Ql.__VUE_DEVTOOLS_KIT_MESSAGE_CHANNELS__ = []);
 var Zl, Wl;
@@ -24584,13 +24596,13 @@ var ei, ti;
 (ti = (ei = _e).__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__) != null || (ei.__VUE_DEVTOOLS_KIT_VITE_RPC_SERVER__ = null);
 var ri, ni;
 (ni = (ri = _e).__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__) != null || (ri.__VUE_DEVTOOLS_KIT_BROADCAST_RPC_SERVER__ = null);
-he();
-he();
-he();
-he();
-he();
-he();
-he();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
+ve();
 /*!
  * pinia v3.0.4
  * (c) 2025 Eduardo San Martin Morote
@@ -25525,7 +25537,7 @@ const bD = (e) => ({
               tag: "ul"
             }, {
               default: K(() => [
-                (h(!0), y(ve, null, xe(o(n).snacks, (p) => (h(), y("li", {
+                (h(!0), y(he, null, xe(o(n).snacks, (p) => (h(), y("li", {
                   key: p.id,
                   class: "snackbar-snack spr-mb-size-spacing-3xs"
                 }, [
@@ -25750,7 +25762,7 @@ const bD = (e) => ({
     return (s, a) => (h(), y("div", {
       class: w(o(r).baseClass)
     }, [
-      (h(!0), y(ve, null, xe(t.steps, (l, i) => (h(), y("div", {
+      (h(!0), y(he, null, xe(t.steps, (l, i) => (h(), y("div", {
         key: i,
         class: w(o(r).stepClass)
       }, [
@@ -28225,7 +28237,7 @@ const JN = (e, t) => {
                   }, null, 8, ["checked", "indeterminate", "onUpdate:modelValue"])
                 ])
               ], 2)) : j("", !0),
-              (h(!0), y(ve, null, xe(k.headers, (Z, J) => (h(), y("th", {
+              (h(!0), y(he, null, xe(k.headers, (Z, J) => (h(), y("th", {
                 key: J,
                 class: w([o(f).headerClasses(Z)]),
                 style: Fe({ width: Z == null ? void 0 : Z.width })
@@ -28302,7 +28314,7 @@ const JN = (e, t) => {
             ref: d,
             class: w(o(f).tableBodyClasses)
           }, [
-            (h(!0), y(ve, null, xe(o(D), (Z, J) => (h(), y("tr", {
+            (h(!0), y(he, null, xe(o(D), (Z, J) => (h(), y("tr", {
               key: o(H)(Z, J),
               "data-id": o(H)(Z, J),
               class: w([
@@ -28328,7 +28340,7 @@ const JN = (e, t) => {
                   }, null, 8, ["checked", "onUpdate:modelValue"])
                 ])
               ], 2)) : j("", !0),
-              (h(!0), y(ve, null, xe(k.headers, (ee, V) => (h(), y("td", {
+              (h(!0), y(he, null, xe(k.headers, (ee, V) => (h(), y("td", {
                 key: V,
                 class: w(o(f).tableDataClasses),
                 style: Fe({ width: ee == null ? void 0 : ee.width })
@@ -28337,7 +28349,7 @@ const JN = (e, t) => {
                   key: 0,
                   row: Z,
                   rowIndex: J
-                }) : (h(), y(ve, { key: 1 }, [
+                }) : (h(), y(he, { key: 1 }, [
                   o(D)[J][ee.field] ? (h(), y("div", l$, [
                     ee.hasAvatar ? (h(), oe(Et, {
                       key: 0,
@@ -28354,7 +28366,7 @@ const JN = (e, t) => {
                     ])) : j("", !0),
                     I("div", null, [
                       Array.isArray(o(re)(J, ee.field).title) ? (h(), y("div", u$, [
-                        (h(!0), y(ve, null, xe(o(re)(J, ee.field).title, (E, R) => (h(), y("div", { key: R }, [
+                        (h(!0), y(he, null, xe(o(re)(J, ee.field).title, (E, R) => (h(), y("div", { key: R }, [
                           ee.hasLozengeTitle ? (h(), y("div", d$, [
                             B(So, {
                               cell: E
@@ -28519,7 +28531,7 @@ const JN = (e, t) => {
   setup(e, { emit: t }) {
     const r = t, n = e, { tabsClasses: s, activeTab: a, tabElements: l, updateSelectedTabIndex: i } = I$(n, r);
     return (u, d) => (h(), y("div", S$, [
-      (h(!0), y(ve, null, xe(u.list, (c, p) => (h(), y("div", {
+      (h(!0), y(he, null, xe(u.list, (c, p) => (h(), y("div", {
         key: p,
         ref_for: !0,
         ref_key: "tabElements",
@@ -28881,7 +28893,7 @@ const JN = (e, t) => {
           class: w(o(s))
         }, [
           o(l).length > 0 ? (h(), y("div", Q$, [
-            (h(!0), y(ve, null, xe(o(l), (m) => {
+            (h(!0), y(he, null, xe(o(l), (m) => {
               var $, v;
               return h(), y("div", {
                 key: m,
@@ -28937,7 +28949,7 @@ const JN = (e, t) => {
 }), J$ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: K$
-}, Symbol.toStringTag, { value: "Module" })), X$ = "2.26.7", q$ = {
+}, Symbol.toStringTag, { value: "Module" })), X$ = "2.26.9", q$ = {
   version: X$
 }, ex = "spr-", tx = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": ip, "../src/components/attribute-filter/attribute-filter.vue": K4, "../src/components/audit-trail/audit-trail.vue": f6, "../src/components/avatar/avatar.vue": E3, "../src/components/badge/badge.vue": D3, "../src/components/banner/banner.vue": M6, "../src/components/button/button-dropdown/button-dropdown.vue": H6, "../src/components/button/button.vue": ep, "../src/components/calendar-cell/calendar-cell.vue": r5, "../src/components/calendar/calendar.vue": m9, "../src/components/card/card.vue": c5, "../src/components/checkbox/checkbox.vue": t4, "../src/components/chips/chips.vue": Y3, "../src/components/collapsible/collapsible.vue": g1, "../src/components/date-picker/date-calendar-picker/date-calendar-picker.vue": G9, "../src/components/date-picker/date-picker.vue": $f, "../src/components/date-picker/date-range-picker/date-range-picker.vue": l8, "../src/components/date-picker/month-year-picker/month-year-picker.vue": A8, "../src/components/date-picker/tabs/DatePickerCalendarTab.vue": S9, "../src/components/date-picker/tabs/DatePickerMonthTab.vue": E9, "../src/components/date-picker/tabs/DatePickerYearTab.vue": L9, "../src/components/dropdown/dropdown.vue": B6, "../src/components/empty-state/empty-state.vue": A5, "../src/components/file-upload/file-upload.vue": i7, "../src/components/filter/filter.vue": $7, "../src/components/floating-action/floating-action.vue": A7, "../src/components/icon/icon.vue": L7, "../src/components/input/input-contact-number/input-contact-number.vue": nv, "../src/components/input/input-currency/input-currency.vue": iv, "../src/components/input/input-dropdown/input-dropdown.vue": dv, "../src/components/input/input-email/input-email.vue": pv, "../src/components/input/input-password/input-password.vue": hv, "../src/components/input/input-search/input-search.vue": Z3, "../src/components/input/input-url/input-url.vue": mv, "../src/components/input/input-username/input-username.vue": bv, "../src/components/input/input.vue": G3, "../src/components/list/ladderized-list/ladderized-list-back.vue": O6, "../src/components/list/ladderized-list/ladderized-list.vue": z6, "../src/components/list/list-item/list-item.vue": I4, "../src/components/list/list.vue": R4, "../src/components/logo/logo.vue": Mm, "../src/components/lozenge/lozenge.vue": y4, "../src/components/modal/modal.vue": wm, "../src/components/popper/popper.vue": Om, "../src/components/progress-bar/progress-bar.vue": H8, "../src/components/radio/radio-grouped/radio-grouped.vue": Ym, "../src/components/radio/radio.vue": u4, "../src/components/select/select-ladderized/select-ladderized.vue": Km, "../src/components/select/select-multiple/select-multiple.vue": cy, "../src/components/select/select.vue": $y, "../src/components/sidenav/sidenav-loader.vue": xy, "../src/components/sidenav/sidenav-menu-links.vue": Gy, "../src/components/sidenav/sidenav.vue": hb, "../src/components/sidepanel/sidepanel.vue": Sb, "../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue": kb, "../src/components/slider/slider.vue": Yb, "../src/components/snackbar/snack/snack.vue": Qb, "../src/components/snackbar/snackbar.vue": $D, "../src/components/status/status.vue": e5, "../src/components/stepper/step/step.vue": TD, "../src/components/stepper/stepper.vue": OD, "../src/components/switch/switch.vue": VD, "../src/components/table/table-actions/table-actions.vue": ZD, "../src/components/table/table-chips-title/table-chips-title.vue": XD, "../src/components/table/table-header-dropdown/table-header-dropdown.vue": lN, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": cN, "../src/components/table/table-pagination/table-pagination.vue": MN, "../src/components/table/table.vue": $$, "../src/components/tabs/tabs.vue": k$, "../src/components/textarea/textarea.vue": U$, "../src/components/time-picker/time-picker.vue": J$, "../src/components/tooltip/tooltip.vue": n6 }), rx = ["sidenav-menu-links.vue"], nx = (e) => {
   Object.entries(tx).filter(([t]) => {