@autoafleveren/ui 1.4.3 → 1.4.5

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as ke, createElementBlock as $, openBlock as E, normalizeClass as oe, normalizeStyle as on, toRaw as f8, unref as w, createBlock as ce, resolveDynamicComponent as Ze, mergeProps as it, withCtx as de, createTextVNode as nt, toDisplayString as Te, resolveComponent as Ni, createCommentVNode as J, createElementVNode as F, Fragment as De, toHandlers as p8, withModifiers as bn, TransitionGroup as h8, renderSlot as ae, renderList as Qe, createVNode as Ee, getCurrentInstance as mo, inject as Rr, nextTick as Nt, createApp as eo, ref as X, shallowRef as Wt, onMounted as vt, onUnmounted as wr, isRef as Fn, isReactive as kv, watch as et, reactive as ms, h as yn, isVNode as m8, useSlots as An, computed as j, createStaticVNode as v8, useTemplateRef as Aa, normalizeProps as yt, guardReactiveProps as sn, Teleport as Bc, mergeModels as ia, useModel as vo, withDirectives as ta, vShow as _a, createSlots as Yt, Transition as oi, toRef as nl, render as Bf, useAttrs as i2, toValue as Ku, getCurrentScope as g8, onScopeDispose as y8, onBeforeUpdate as b8, withKeys as Xu, toRefs as Un, onBeforeUnmount as th, onActivated as w8, onDeactivated as _8, vModelDynamic as S8, mergeDefaults as k8, customRef as x8, useCssVars as ii, provide as rl, pushScopeId as vs, popScopeId as gs, defineAsyncComponent as C8, resolveDirective as T8, onBeforeMount as s2 } from "vue";
+import { defineComponent as ke, createElementBlock as $, openBlock as E, normalizeClass as oe, normalizeStyle as on, toRaw as f8, unref as w, createBlock as ce, resolveDynamicComponent as Qe, mergeProps as it, withCtx as de, createTextVNode as nt, toDisplayString as Te, resolveComponent as Ni, createCommentVNode as J, createElementVNode as F, Fragment as De, toHandlers as p8, withModifiers as bn, TransitionGroup as h8, renderSlot as ae, renderList as Ze, createVNode as Ee, getCurrentInstance as mo, inject as Rr, nextTick as Nt, createApp as eo, ref as X, shallowRef as Wt, onMounted as vt, onUnmounted as wr, isRef as Fn, isReactive as kv, watch as et, reactive as ms, h as yn, isVNode as m8, useSlots as An, computed as j, createStaticVNode as v8, useTemplateRef as Aa, normalizeProps as yt, guardReactiveProps as sn, Teleport as Bc, mergeModels as ia, useModel as vo, withDirectives as ta, vShow as _a, createSlots as Yt, Transition as oi, toRef as nl, render as Bf, useAttrs as i2, toValue as Ku, getCurrentScope as g8, onScopeDispose as y8, onBeforeUpdate as b8, withKeys as Xu, toRefs as Un, onBeforeUnmount as th, onActivated as w8, onDeactivated as _8, vModelDynamic as S8, mergeDefaults as k8, customRef as x8, useCssVars as ii, provide as rl, pushScopeId as vs, popScopeId as gs, defineAsyncComponent as C8, resolveDirective as T8, onBeforeMount as s2 } from "vue";
 import { onClickOutside as l2, useDropZone as E8, onKeyStroke as Pi, useStorage as A8, useKeyModifier as P8, useParentElement as I8, tryOnMounted as O8, toArray as M8, unrefElement as L8, tryOnScopeDispose as R8, useActiveElement as $8 } from "@vueuse/core";
 import { useRouter as nh, RouterLink as D8, useRoute as N8, RouterView as B8 } from "vue-router";
 import { MenuItem as z8, Menu as F8, MenuButton as j8, MenuItems as H8, TransitionRoot as kl, TransitionChild as Sa, Dialog as xl, DialogOverlay as rh, DialogTitle as ah, Disclosure as U8, DisclosureButton as W8, DisclosurePanel as V8, DialogPanel as q8 } from "@headlessui/vue";
@@ -258,7 +258,7 @@ var cS = v2, g2 = ke({
   }
 }), dS = /* @__PURE__ */ nt(" × ");
 function fS(e, t) {
-  return E(), ce(Ze(e.buttonComponent), it({
+  return E(), ce(Qe(e.buttonComponent), it({
     "aria-label": e.ariaLabel,
     class: e.classes
   }, e.$attrs), {
@@ -385,7 +385,7 @@ var MS = _2, S2 = ke({
   }
 });
 function LS(e, t) {
-  return E(), ce(Ze(e.component), {
+  return E(), ce(Qe(e.component), {
     class: oe(e.iconClasses)
   }, {
     default: de(() => [
@@ -520,7 +520,7 @@ function DS(e, t) {
     }, [
       typeof e.content == "string" ? (E(), $(De, { key: 0 }, [
         nt(Te(e.content), 1)
-      ], 2112)) : (E(), ce(Ze(e.getVueComponentFromObj(e.content)), it({
+      ], 2112)) : (E(), ce(Qe(e.getVueComponentFromObj(e.content)), it({
         key: 1,
         "toast-id": e.id
       }, e.hasProp(e.content, "props") ? e.content.props : {}, p8(e.hasProp(e.content, "listeners") ? e.content.listeners : {}), { onCloseToast: e.closeToast }), null, 16, ["toast-id", "onCloseToast"]))
@@ -642,13 +642,13 @@ var zS = x2, C2 = ke({
 function FS(e, t) {
   const n = Ni("Toast"), r = Ni("VtTransition");
   return E(), $("div", null, [
-    (E(!0), $(De, null, Qe(e.positions, (a) => (E(), $("div", { key: a }, [
+    (E(!0), $(De, null, Ze(e.positions, (a) => (E(), $("div", { key: a }, [
       Ee(r, {
         transition: e.defaults.transition,
         class: oe(e.getClasses(a))
       }, {
         default: de(() => [
-          (E(!0), $(De, null, Qe(e.getPositionToasts(a), (o) => (E(), ce(n, it({
+          (E(!0), $(De, null, Ze(e.getPositionToasts(a), (o) => (E(), ce(n, it({
             key: o.id
           }, o), null, 16))), 128))
         ]),
@@ -6521,7 +6521,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
       F("div", l9, [
         n.withIcon ? (E(), $("span", u9, [
           ae(n.$slots, "icon", { type: n.type }, () => [
-            (E(), ce(Ze(w(eb)[n.type]), { class: "size-5" }))
+            (E(), ce(Qe(w(eb)[n.type]), { class: "size-5" }))
           ], !0)
         ])) : J("", !0),
         F("span", c9, [
@@ -6735,13 +6735,13 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     }, [
       r.$slots.leadingIcon || r.leadingIcon ? (E(), $("span", x9, [
         ae(r.$slots, "leadingIcon", {}, () => [
-          r.leadingIcon ? (E(), ce(Ze(r.leadingIcon), { key: 0 })) : J("", !0)
+          r.leadingIcon ? (E(), ce(Qe(r.leadingIcon), { key: 0 })) : J("", !0)
         ], !0)
       ])) : J("", !0),
       ae(r.$slots, "default", {}, void 0, !0),
       r.$slots.trailingIcon || r.trailingIcon ? (E(), $("span", C9, [
         ae(r.$slots, "trailingIcon", {}, () => [
-          r.trailingIcon ? (E(), ce(Ze(r.trailingIcon), { key: 0 })) : J("", !0)
+          r.trailingIcon ? (E(), ce(Qe(r.trailingIcon), { key: 0 })) : J("", !0)
         ], !0)
       ])) : J("", !0)
     ], 2));
@@ -6856,7 +6856,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     round: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, n) => (E(), ce(Ze(t.as), {
+    return (t, n) => (E(), ce(Qe(t.as), {
       type: t.type,
       disabled: t.disabled || t.loading,
       class: oe([[
@@ -6924,7 +6924,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     }), (s, u) => (E(), $("div", R9, [
       Ee(w(z8), null, {
         default: de(() => [
-          (E(), ce(Ze(o.value), {
+          (E(), ce(Qe(o.value), {
             to: s.to,
             class: oe([[...w(L9)[i.value], { "cursor-not-allowed!": s.disabled }], "flex h-10 cursor-pointer items-center rounded-lg px-2.5 py-4 text-base hover:bg-zinc-600"]),
             "data-test-dropdown-item": "",
@@ -6932,7 +6932,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
           }, {
             default: de(() => [
               ae(s.$slots, "default", {}, () => [
-                a.value ? (E(), ce(Ze(a.value), {
+                a.value ? (E(), ce(Qe(a.value), {
                   key: 0,
                   class: oe([s.iconClasses, "mr-2 size-4"]),
                   "data-test-icon": ""
@@ -7014,7 +7014,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
               tabindex: "-1"
             }, {
               default: de(() => [
-                (E(!0), $(De, null, Qe(i.dropdownItems, (s) => (E(), ce($9, it({
+                (E(!0), $(De, null, Ze(i.dropdownItems, (s) => (E(), ce($9, it({
                   key: s.label,
                   ref_for: !0
                 }, s), {
@@ -7128,7 +7128,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     const t = e, n = j(() => typeof t.icon == "string" ? !1 : typeof t.icon?.prefix == "string"), r = j(() => typeof t.icon == "object" && t.icon?.props?.icon !== void 0), a = j(() => n.value ? yn(Yn, { icon: t.icon }) : t.icon), o = j(() => n.value ? a.value : typeof t.icon == "string" ? "span" : t.icon);
     return (i, l) => i.$slots.default || i.icon ? (E(), $("div", U9, [
       ae(i.$slots, "default", {}, () => [
-        a.value ? (E(), ce(Ze(o.value), {
+        a.value ? (E(), ce(Qe(o.value), {
           key: 0,
           class: oe({ "size-5": !n.value, "size-4": n.value }),
           "data-test-icon-component": "",
@@ -7154,14 +7154,14 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     async function c(d) {
       t.item?.onClick && (d.preventDefault(), r.value = !0, await Promise.resolve(t.item?.onClick?.()), r.value = !1);
     }
-    return (d, f) => (E(), ce(Ze(w(n)), {
+    return (d, f) => (E(), ce(Qe(w(n)), {
       to: d.item.to,
       href: d.item.href,
       class: oe([{ "flex-row-reverse": d.item?.iconPosition === "right" }, "app-card__action ml-auto flex items-center justify-center font-bold text-zinc-900 transition-colors group-hover:text-primary"]),
       onClick: c
     }, {
       default: de(() => [
-        (E(), ce(Ze(u.value), {
+        (E(), ce(Qe(u.value), {
           class: oe([l.value, "size-4"]),
           size: r.value ? "extra-small" : void 0,
           "data-test-icon": "",
@@ -7230,7 +7230,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
         ae(i.$slots, "default")
       ], 2),
       ae(i.$slots, "actions", {}, () => [
-        (E(!0), $(De, null, Qe(i.actions, (s) => (E(), $("div", {
+        (E(!0), $(De, null, Ze(i.actions, (s) => (E(), $("div", {
           key: s.name,
           class: "mt-2 flex w-full"
         }, [
@@ -7272,7 +7272,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
     async function f(p) {
       p && typeof n.onConfirm == "function" ? (o.value = !0, await Promise.resolve(n.onConfirm())) : !p && typeof n.onCancel == "function" && (i.value = !0, await Promise.resolve(n.onCancel())), a.value = !1, r("close", p);
     }
-    return (p, m) => (E(), ce(Ze(u.value), {
+    return (p, m) => (E(), ce(Qe(u.value), {
       show: a.value,
       as: "template"
     }, {
@@ -7286,7 +7286,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
         }, {
           default: de(() => [
             F("div", X9, [
-              p.withBackdrop ? (E(), ce(Ze(c.value), {
+              p.withBackdrop ? (E(), ce(Qe(c.value), {
                 key: 0,
                 as: "template",
                 enter: "ease-out duration-300",
@@ -7307,7 +7307,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                 class: "hidden md:inline-block md:h-screen md:align-middle",
                 "aria-hidden": "true"
               }, " ​ ", -1)),
-              (E(), ce(Ze(c.value), {
+              (E(), ce(Qe(c.value), {
                 as: "template",
                 enter: "ease-in-out duration-300",
                 "enter-from": "opacity-0 translate-y-4 md:translate-y-0 md:scale-95",
@@ -7321,7 +7321,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                     F("div", Q9, [
                       F("div", Z9, [
                         s.value ? (E(), $("div", eT, [
-                          (E(), ce(Ze(s.value), {
+                          (E(), ce(Qe(s.value), {
                             class: oe([d.value, "size-full"]),
                             "data-test-confirm-icon": ""
                           }, null, 8, ["class"]))
@@ -7367,14 +7367,14 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                           p.confirmButtonTrailingIcon ? {
                             name: "trailingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(p.confirmButtonTrailingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(p.confirmButtonTrailingIcon), { class: "stroke-2" }))
                             ]),
                             key: "0"
                           } : void 0,
                           p.confirmButtonLeadingIcon ? {
                             name: "leadingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(p.confirmButtonLeadingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(p.confirmButtonLeadingIcon), { class: "stroke-2" }))
                             ]),
                             key: "1"
                           } : void 0
@@ -7395,14 +7395,14 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                           p.cancelButtonTrailingIcon ? {
                             name: "trailingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(p.cancelButtonTrailingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(p.cancelButtonTrailingIcon), { class: "stroke-2" }))
                             ]),
                             key: "0"
                           } : void 0,
                           p.cancelButtonLeadingIcon ? {
                             name: "leadingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(p.cancelButtonLeadingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(p.cancelButtonLeadingIcon), { class: "stroke-2" }))
                             ]),
                             key: "1"
                           } : void 0
@@ -7499,7 +7499,7 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                     F("div", uT, [
                       F("div", cT, [
                         l.value ? (E(), $("div", dT, [
-                          (E(), ce(Ze(l.value), {
+                          (E(), ce(Qe(l.value), {
                             class: oe([s.value, "size-full"]),
                             "data-test-error-icon": ""
                           }, null, 8, ["class"]))
@@ -7546,14 +7546,14 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                           c.confirmButtonTrailingIcon ? {
                             name: "trailingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(c.confirmButtonTrailingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(c.confirmButtonTrailingIcon), { class: "stroke-2" }))
                             ]),
                             key: "0"
                           } : void 0,
                           c.confirmButtonLeadingIcon ? {
                             name: "leadingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(c.confirmButtonLeadingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(c.confirmButtonLeadingIcon), { class: "stroke-2" }))
                             ]),
                             key: "1"
                           } : void 0
@@ -7574,14 +7574,14 @@ const Eh = /* @__PURE__ */ dr(a9, [["render", i9]]), s9 = {
                           c.cancelButtonTrailingIcon ? {
                             name: "trailingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(c.cancelButtonTrailingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(c.cancelButtonTrailingIcon), { class: "stroke-2" }))
                             ]),
                             key: "0"
                           } : void 0,
                           c.cancelButtonLeadingIcon ? {
                             name: "leadingIcon",
                             fn: de(() => [
-                              (E(), ce(Ze(c.cancelButtonLeadingIcon), { class: "stroke-2" }))
+                              (E(), ce(Qe(c.cancelButtonLeadingIcon), { class: "stroke-2" }))
                             ]),
                             key: "1"
                           } : void 0
@@ -8287,7 +8287,7 @@ const LT = ["disabled", "accept", "name"], RT = {
                               ae(g.$slots, "default", {}, () => [
                                 typeof g.content == "string" ? (E(), $(De, { key: 0 }, [
                                   nt(Te(g.content), 1)
-                                ], 64)) : (E(), ce(Ze(g.content), it({
+                                ], 64)) : (E(), ce(Qe(g.content), it({
                                   key: 1,
                                   ref_key: "contentRef",
                                   ref: u
@@ -8320,14 +8320,14 @@ const LT = ["disabled", "accept", "name"], RT = {
                             g.submitButtonTrailingIcon ? {
                               name: "trailingIcon",
                               fn: de(() => [
-                                (E(), ce(Ze(g.submitButtonTrailingIcon), { class: "stroke-2" }))
+                                (E(), ce(Qe(g.submitButtonTrailingIcon), { class: "stroke-2" }))
                               ]),
                               key: "0"
                             } : void 0,
                             g.submitButtonLeadingIcon ? {
                               name: "leadingIcon",
                               fn: de(() => [
-                                (E(), ce(Ze(g.submitButtonLeadingIcon), { class: "stroke-2" }))
+                                (E(), ce(Qe(g.submitButtonLeadingIcon), { class: "stroke-2" }))
                               ]),
                               key: "1"
                             } : void 0
@@ -8348,14 +8348,14 @@ const LT = ["disabled", "accept", "name"], RT = {
                             g.cancelButtonTrailingIcon ? {
                               name: "trailingIcon",
                               fn: de(() => [
-                                (E(), ce(Ze(g.cancelButtonTrailingIcon), { class: "stroke-2" }))
+                                (E(), ce(Qe(g.cancelButtonTrailingIcon), { class: "stroke-2" }))
                               ]),
                               key: "0"
                             } : void 0,
                             g.cancelButtonLeadingIcon ? {
                               name: "leadingIcon",
                               fn: de(() => [
-                                (E(), ce(Ze(g.cancelButtonLeadingIcon), { class: "stroke-2" }))
+                                (E(), ce(Qe(g.cancelButtonLeadingIcon), { class: "stroke-2" }))
                               ]),
                               key: "1"
                             } : void 0
@@ -8408,7 +8408,7 @@ const LT = ["disabled", "accept", "name"], RT = {
         ae(o.$slots, "default", {}, () => [
           nt(Te(o.description), 1)
         ]),
-        (E(), ce(Ze(o.component), it(o.componentProperties, { "data-test-component": "" }), null, 16))
+        (E(), ce(Qe(o.component), it(o.componentProperties, { "data-test-component": "" }), null, 16))
       ], 2)) : J("", !0)
     ])) : J("", !0);
   }
@@ -8421,7 +8421,7 @@ const LT = ["disabled", "accept", "name"], RT = {
   setup(e) {
     return (t, n) => (E(), $("div", YT, [
       ae(t.$slots, "default", {}, () => [
-        t.items ? (E(!0), $(De, { key: 0 }, Qe(t.items, (r, a) => (E(), ce(qT, {
+        t.items ? (E(!0), $(De, { key: 0 }, Ze(t.items, (r, a) => (E(), ce(qT, {
           key: a,
           tabindex: `1${a}`,
           title: r.title,
@@ -13192,12 +13192,12 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
           F("div", DI, [
             ae(q.$slots, "header")
           ]),
-          q.$slots.overlay ? ae(q.$slots, "overlay", { key: 0 }) : (E(!0), $(De, { key: 1 }, Qe(q.items, (Y, A) => (E(), $("div", {
+          q.$slots.overlay ? ae(q.$slots, "overlay", { key: 0 }) : (E(!0), $(De, { key: 1 }, Ze(q.items, (Y, A) => (E(), $("div", {
             key: A,
             class: oe(["dp__overlay_row", { dp__flex_row: q.items.length >= 3 }]),
             role: "row"
           }, [
-            (E(!0), $(De, null, Qe(Y, (re, ye) => (E(), $("div", {
+            (E(!0), $(De, null, Ze(Y, (re, ye) => (E(), $("div", {
               key: re.value,
               ref_for: !0,
               ref: (Ye) => M(Ye, re, A, ye),
@@ -13266,7 +13266,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
       }),
       "data-dp-mobile": a.isMobile
     }, [
-      (E(!0), $(De, null, Qe(n.value, (i, l) => (E(), $("div", {
+      (E(!0), $(De, null, Ze(n.value, (i, l) => (E(), $("div", {
         key: i,
         class: oe(r.value)
       }, [
@@ -13733,7 +13733,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
               onYearSelect: (N) => w(v)(N, I),
               onToggleYearPicker: (N) => w(S)(I, N?.flow, N?.show)
             }), Yt({ _: 2 }, [
-              Qe(w(o), (N, G) => ({
+              Ze(w(o), (N, G) => ({
                 name: N,
                 fn: de((U) => [
                   ae(P.$slots, N, yt(sn(U)))
@@ -13976,7 +13976,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
     return t({ openChildCmp: je }), (B, _e) => {
       var Se;
       return B.disabled ? J("", !0) : (E(), $("div", qI, [
-        (E(!0), $(De, null, Qe(M.value, (be, Ue) => {
+        (E(!0), $(De, null, Ze(M.value, (be, Ue) => {
           var xe, We, ze;
           return E(), $("div", {
             key: Ue,
@@ -14100,7 +14100,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             onKeydown: _e[0] || (_e[0] = (be) => w(Hn)(be, () => le(), !0))
           }, Te(b.value), 41, QI))
         ])),
-        (E(!0), $(De, null, Qe(H.value, (be, Ue) => (E(), ce(oi, {
+        (E(!0), $(De, null, Ze(H.value, (be, Ue) => (E(), ce(oi, {
           key: Ue,
           name: w(p)(g[be.type]),
           css: w(m)
@@ -14125,7 +14125,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
               }, Yt({
                 "button-icon": de(() => [
                   B.$slots["clock-icon"] ? ae(B.$slots, "clock-icon", { key: 0 }) : J("", !0),
-                  B.$slots["clock-icon"] ? J("", !0) : (E(), ce(Ze(B.timePickerInline ? w(ws) : w(Nh)), { key: 1 }))
+                  B.$slots["clock-icon"] ? J("", !0) : (E(), ce(Qe(B.timePickerInline ? w(ws) : w(Nh)), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -14286,7 +14286,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
                     key: 1,
                     class: oe(W.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (E(!0), $(De, null, Qe(R.value, (K, Z) => ta((E(), ce(ZI, it({
+                    (E(!0), $(De, null, Ze(R.value, (K, Z) => ta((E(), ce(ZI, it({
                       key: Z,
                       ref_for: !0
                     }, {
@@ -14311,7 +14311,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
                       onOverlayOpened: te,
                       onAmPmChange: se[2] || (se[2] = (Y) => W.$emit("am-pm-change", Y))
                     }), Yt({ _: 2 }, [
-                      Qe(w(G), (Y, A) => ({
+                      Ze(w(G), (Y, A) => ({
                         name: Y,
                         fn: de((re) => [
                           ae(W.$slots, Y, it({ ref_for: !0 }, re))
@@ -14515,7 +14515,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
           onOverlayClosed: m[5] || (m[5] = (g) => p.$emit("overlay-toggle", { open: !1, overlay: g })),
           onOverlayOpened: m[6] || (m[6] = (g) => p.$emit("overlay-toggle", { open: !0, overlay: g }))
         }), Yt({ _: 2 }, [
-          Qe(w(i), (g, b) => ({
+          Ze(w(i), (g, b) => ({
             name: g,
             fn: de((y) => [
               ae(p.$slots, g, yt(sn(y)))
@@ -14666,7 +14666,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
                 dp__year_disable_select: q.disableYearSelect
               }])
             }, [
-              (E(!0), $(De, null, Qe(me.value, (le, je) => (E(), $(De, {
+              (E(!0), $(De, null, Ze(me.value, (le, je) => (E(), $(De, {
                 key: le.type
               }, [
                 F("button", {
@@ -14776,7 +14776,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             }, {
               default: de(() => [
                 q.$slots[q.vertical ? "arrow-down" : "arrow-right"] ? ae(q.$slots, q.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : J("", !0),
-                q.$slots[q.vertical ? "arrow-down" : "arrow-right"] ? J("", !0) : (E(), ce(Ze(q.vertical ? w(zh) : w(Dh)), { key: 1 }))
+                q.$slots[q.vertical ? "arrow-down" : "arrow-right"] ? J("", !0) : (E(), ce(Qe(q.vertical ? w(zh) : w(Dh)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : J("", !0)
@@ -14918,7 +14918,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
       }, [
         F("div", fO, [
           le.weekNumbers ? (E(), $("div", pO, Te(le.weekNumName), 1)) : J("", !0),
-          (E(!0), $(De, null, Qe(R.value, (he, we) => {
+          (E(!0), $(De, null, Ze(R.value, (he, we) => {
             var B, _e;
             return E(), $("div", {
               key: we,
@@ -14950,7 +14950,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
               role: "rowgroup",
               onMouseleave: je[1] || (je[1] = (he) => x.value = !1)
             }, [
-              (E(!0), $(De, null, Qe(P.value, (he, we) => (E(), $("div", {
+              (E(!0), $(De, null, Ze(P.value, (he, we) => (E(), $("div", {
                 key: we,
                 class: "dp__calendar_row",
                 role: "row"
@@ -14958,7 +14958,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
                 le.weekNumbers ? (E(), $("div", mO, [
                   F("div", vO, Te(A(he.days)), 1)
                 ])) : J("", !0),
-                (E(!0), $(De, null, Qe(he.days, (B, _e) => {
+                (E(!0), $(De, null, Ze(he.days, (B, _e) => {
                   var Se, be, Ue;
                   return E(), $("div", {
                     id: w(mp)(B.value),
@@ -15016,7 +15016,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
                           class: "dp__tooltip_content",
                           onClick: ye
                         }, [
-                          (E(!0), $(De, null, Qe(B.marker.tooltip, (xe, We) => (E(), $("div", {
+                          (E(!0), $(De, null, Ze(B.marker.tooltip, (xe, We) => (E(), $("div", {
                             key: We,
                             class: "dp__tooltip_text"
                           }, [
@@ -15454,7 +15454,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             onOverlayClosed: je,
             onOverlayOpened: we[2] || (we[2] = (Se) => he.$emit("overlay-toggle", { open: !0, overlay: Se }))
           }), Yt({ _: 2 }, [
-            Qe(w(te), (Se, be) => ({
+            Ze(w(te), (Se, be) => ({
               name: Se,
               fn: de((Ue) => [
                 ae(he.$slots, Se, yt(sn(Ue)))
@@ -15480,7 +15480,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             onTooltipOpen: we[6] || (we[6] = (Se) => he.$emit("tooltip-open", Se)),
             onTooltipClose: we[7] || (we[7] = (Se) => he.$emit("tooltip-close", Se))
           }), Yt({ _: 2 }, [
-            Qe(w(H), (Se, be) => ({
+            Ze(w(H), (Se, be) => ({
               name: Se,
               fn: de((Ue) => [
                 ae(he.$slots, Se, yt(sn({ ...Ue })))
@@ -15511,7 +15511,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
           onOverlayOpened: we[14] || (we[14] = (B) => le(B, !0)),
           onAmPmChange: we[15] || (we[15] = (B) => he.$emit("am-pm-change", B))
         }), Yt({ _: 2 }, [
-          Qe(w(W), (B, _e) => ({
+          Ze(w(W), (B, _e) => ({
             name: B,
             fn: de((Se) => [
               ae(he.$slots, B, yt(sn(Se)))
@@ -15661,7 +15661,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
               onYearSelect: (P) => w(T)(P, x),
               onToggleYearPicker: (P) => w(y)(x, P?.flow, P?.show)
             }), Yt({ _: 2 }, [
-              Qe(w(i), (P, R) => ({
+              Ze(w(i), (P, R) => ({
                 name: P,
                 fn: de((I) => [
                   ae(v.$slots, P, yt(sn(I)))
@@ -15670,7 +15670,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           F("div", kO, [
-            (E(!0), $(De, null, Qe(w(f)(x), (P, R) => (E(), $("div", { key: R }, [
+            (E(!0), $(De, null, Ze(w(f)(x), (P, R) => (E(), $("div", { key: R }, [
               F("button", {
                 type: "button",
                 class: oe(["dp--qr-btn", {
@@ -15935,7 +15935,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             class: oe({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
             "data-dp-mobile": w(b)
           }, [
-            (E(!0), $(De, null, Qe(ne.presetDates, (Ne, It) => (E(), $(De, { key: It }, [
+            (E(!0), $(De, null, Ze(ne.presetDates, (Ne, It) => (E(), $(De, { key: It }, [
               Ne.slot ? ae(ne.$slots, Ne.slot, {
                 key: 0,
                 presetDate: Se,
@@ -15959,7 +15959,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (E(), ce(Ze(te.value), it({
+            (E(), ce(Qe(te.value), it({
               ref_key: "dynCmpRef",
               ref: C
             }, i.value, {
@@ -15987,7 +15987,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
               onOverlayToggle: pe[14] || (pe[14] = (Ne) => ne.$emit("overlay-toggle", Ne)),
               "onUpdate:internalModelValue": pe[15] || (pe[15] = (Ne) => ne.$emit("update:internal-model-value", Ne))
             }), Yt({ _: 2 }, [
-              Qe(K.value, (Ne, It) => ({
+              Ze(K.value, (Ne, It) => ({
                 name: Ne,
                 fn: de((cn) => [
                   ae(ne.$slots, Ne, yt(sn({ ...cn })))
@@ -16015,7 +16015,7 @@ const pp = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Lb = (e, t) =
           onInvalidSelect: pe[18] || (pe[18] = (Ne) => ne.$emit("invalid-select")),
           onSelectNow: _e
         }), Yt({ _: 2 }, [
-          Qe(w(q), (Ne, It) => ({
+          Ze(w(q), (Ne, It) => ({
             name: Ne,
             fn: de((cn) => [
               ae(ne.$slots, Ne, yt(sn({ ...cn })))
@@ -16964,14 +16964,14 @@ const $O = ({
         onRealBlur: Ae[1] || (Ae[1] = (Be) => f.value = !1),
         onTextInput: Ae[2] || (Ae[2] = (Be) => fe.$emit("text-input", Be))
       }), Yt({ _: 2 }, [
-        Qe(w(te), (Be, Et) => ({
+        Ze(w(te), (Be, Et) => ({
           name: Be,
           fn: de((Dt) => [
             ae(fe.$slots, Be, yt(sn(Dt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (E(), ce(Ze(fe.teleport ? Bc : "div"), yt(sn(he.value)), {
+      (E(), ce(Qe(fe.teleport ? Bc : "div"), yt(sn(he.value)), {
         default: de(() => [
           Ee(oi, {
             name: w(z)(w(W)),
@@ -17020,7 +17020,7 @@ const $O = ({
                   onOverlayToggle: Ae[18] || (Ae[18] = (Be) => fe.$emit("overlay-toggle", Be)),
                   onMenuBlur: Ae[19] || (Ae[19] = (Be) => fe.$emit("blur"))
                 }), Yt({ _: 2 }, [
-                  Qe(w(H), (Be, Et) => ({
+                  Ze(w(H), (Be, Et) => ({
                     name: Be,
                     fn: de((Dt) => [
                       ae(fe.$slots, Be, yt(sn({ ...Dt })))
@@ -17492,7 +17492,7 @@ const CM = ["type", "tabindex"], TM = ["value", "tabindex"], EM = /* @__PURE__ *
       tabindex: l.tabindex,
       "data-test-textarea": "",
       onInput: i
-    }, null, 40, TM)) : (E(), ce(Ze(o.value), {
+    }, null, 40, TM)) : (E(), ce(Qe(o.value), {
       key: 2,
       modelValue: a.value,
       "onUpdate:modelValue": s[1] || (s[1] = (u) => a.value = u),
@@ -17603,7 +17603,7 @@ const CM = ["type", "tabindex"], TM = ["value", "tabindex"], EM = /* @__PURE__ *
         ]),
         _: 3
       }, 8, ["type", "has-error", "disabled", "for", "class"])) : J("", !0),
-      (E(), ce(Ze(S.value), {
+      (E(), ce(Qe(S.value), {
         class: oe([v.value, "flex"])
       }, {
         default: de(() => [
@@ -17662,7 +17662,7 @@ const CM = ["type", "tabindex"], TM = ["value", "tabindex"], EM = /* @__PURE__ *
           }, {
             default: de(() => [
               ae(I.$slots, "trailingIcon", {}, () => [
-                m.value ? (E(), ce(Ze(m.value), { key: 0 })) : J("", !0)
+                m.value ? (E(), ce(Qe(m.value), { key: 0 })) : J("", !0)
               ])
             ]),
             _: 3
@@ -19865,7 +19865,7 @@ function yR(e, t, n, r, a, o) {
           (E(!0), $(
             De,
             null,
-            Qe(e.iv, (i, l, s) => ae(e.$slots, "tag", {
+            Ze(e.iv, (i, l, s) => ae(e.$slots, "tag", {
               option: i,
               handleTagRemove: e.handleTagRemove,
               disabled: n.disabled
@@ -20091,7 +20091,7 @@ function yR(e, t, n, r, a, o) {
           n.groups ? (E(!0), $(
             De,
             { key: 0 },
-            Qe(e.fg, (i, l, s) => (E(), $("li", {
+            Ze(e.fg, (i, l, s) => (E(), $("li", {
               class: oe(e.classList.group),
               key: s,
               id: e.ariaGroupId(i),
@@ -20124,7 +20124,7 @@ function yR(e, t, n, r, a, o) {
                 (E(!0), $(
                   De,
                   null,
-                  Qe(i.__VISIBLE__, (u, c, d) => (E(), $("li", {
+                  Ze(i.__VISIBLE__, (u, c, d) => (E(), $("li", {
                     class: oe(e.classList.option(u, i)),
                     "data-pointed": e.isPointed(u),
                     "data-selected": e.isSelected(u) || void 0,
@@ -20161,7 +20161,7 @@ function yR(e, t, n, r, a, o) {
           )) : (E(!0), $(
             De,
             { key: 1 },
-            Qe(e.fo, (i, l, s) => (E(), $("li", {
+            Ze(e.fo, (i, l, s) => (E(), $("li", {
               class: oe(e.classList.option(i)),
               "data-pointed": e.isPointed(i),
               "data-selected": e.isSelected(i) || void 0,
@@ -20251,7 +20251,7 @@ function yR(e, t, n, r, a, o) {
         }, null, 8, mR)) : (E(!0), $(
           De,
           { key: 1 },
-          Qe(e.plainValue, (i, l) => (E(), $("input", {
+          Ze(e.plainValue, (i, l) => (E(), $("input", {
             type: "hidden",
             name: `${n.name}[]`,
             value: i,
@@ -20435,7 +20435,7 @@ const _R = ["onClick"], SR = {
         ]),
         _: 2
       }, [
-        Qe(o.value, (d, f) => ({
+        Ze(o.value, (d, f) => ({
           name: d,
           fn: de((p) => [
             ae(u.$slots, d, yt(sn({ ...p || {}, classes: w(wR)(d) })))
@@ -20554,7 +20554,7 @@ const ZQ = /* @__PURE__ */ ke({
     async function c(d) {
       r(), t.item?.onClick && (d.preventDefault(), i.value = !0, await Promise.resolve(t.item?.onClick?.()), i.value = !1);
     }
-    return (d, f) => (E(), ce(Ze(w(n)), {
+    return (d, f) => (E(), ce(Qe(w(n)), {
       to: d.item.to,
       href: u.value,
       class: oe([[{
@@ -20568,7 +20568,7 @@ const ZQ = /* @__PURE__ */ ke({
       onClick: c
     }, {
       default: de(() => [
-        (E(), ce(Ze(l.value ? s.value : "span"), {
+        (E(), ce(Qe(l.value ? s.value : "span"), {
           class: oe([{ "h-6!": !l.value, "md:text-white!": d.item.active }, "app-navigation-item size-5 stroke-2 text-black md:size-4 md:text-zinc-400 md:group-hover/item:text-white"]),
           size: i.value ? "extra-small" : void 0,
           "data-test-icon": ""
@@ -20590,7 +20590,7 @@ const ZQ = /* @__PURE__ */ ke({
   __name: "SupportItem",
   setup(e) {
     const { contactRoute: t, contactIcon: n, navigationComponent: r, closeMobileMenu: a } = bs();
-    return (o, i) => w(t) ? (E(), ce(Ze(w(r)), {
+    return (o, i) => w(t) ? (E(), ce(Qe(w(r)), {
       key: 0,
       to: w(r) !== "a" ? w(t) : void 0,
       href: w(r) ? w(t) : void 0,
@@ -20601,7 +20601,7 @@ const ZQ = /* @__PURE__ */ ke({
       default: de(() => [
         typeof w(n) == "string" ? (E(), $(De, { key: 0 }, [
           nt(Te(w(n)), 1)
-        ], 64)) : (E(), ce(Ze(w(n)), {
+        ], 64)) : (E(), ce(Qe(w(n)), {
           key: 1,
           class: "size-full"
         }))
@@ -20647,7 +20647,7 @@ const ZQ = /* @__PURE__ */ ke({
         "data-test-menu-icon-wrapper": "",
         onClick: bn(c, ["stop"])
       }, [
-        (E(), ce(Ze(s.value), {
+        (E(), ce(Qe(s.value), {
           class: "block size-6 text-black",
           "aria-hidden": "true"
         }))
@@ -20658,7 +20658,7 @@ const ZQ = /* @__PURE__ */ ke({
         innerHTML: w(t)
       }, null, 8, AR),
       F("div", PR, [
-        w(n) ? (E(), ce(Ze(w(n)), { key: 0 })) : J("", !0)
+        w(n) ? (E(), ce(Qe(w(n)), { key: 0 })) : J("", !0)
       ]),
       Ee(w(kl), {
         show: w(a),
@@ -20685,7 +20685,7 @@ const ZQ = /* @__PURE__ */ ke({
                     F("div", OR, [
                       F("nav", MR, [
                         F("ul", LR, [
-                          (E(!0), $(De, null, Qe(w(r).filter((p) => p.visible !== !1), (p) => (E(), $("li", {
+                          (E(!0), $(De, null, Ze(w(r).filter((p) => p.visible !== !1), (p) => (E(), $("li", {
                             key: p.name,
                             "data-test-navigation-item": ""
                           }, [
@@ -20724,7 +20724,7 @@ const ZQ = /* @__PURE__ */ ke({
         F("ul", {
           class: oe([{ "mx-auto": !w(r) }, "mb-auto transition-all duration-500 z-10"])
         }, [
-          (E(!0), $(De, null, Qe(w(t).filter((s) => s.bottom !== !0 && s.visible !== !1), (s) => (E(), $("li", {
+          (E(!0), $(De, null, Ze(w(t).filter((s) => s.bottom !== !0 && s.visible !== !1), (s) => (E(), $("li", {
             key: s.name,
             "data-test-top-navigation-item": ""
           }, [
@@ -20737,7 +20737,7 @@ const ZQ = /* @__PURE__ */ ke({
         F("ul", {
           class: oe([{ "mx-auto": !w(r) }, "mt-auto pb-10 transition-all duration-500"])
         }, [
-          (E(!0), $(De, null, Qe(w(t).filter((s) => s.bottom && s.visible !== !1), (s) => (E(), $("li", {
+          (E(!0), $(De, null, Ze(w(t).filter((s) => s.bottom && s.visible !== !1), (s) => (E(), $("li", {
             key: s.name,
             "data-test-bottom-navigation-item": ""
           }, [
@@ -20825,7 +20825,7 @@ const ZQ = /* @__PURE__ */ ke({
     return (o, i) => (E(), $("div", {
       class: oe(a.value)
     }, [
-      (E(), ce(Ze(n.value), {
+      (E(), ce(Qe(n.value), {
         class: oe([r.value, "relative"])
       }, null, 8, ["class"]))
     ], 2));
@@ -20914,7 +20914,7 @@ const ZQ = /* @__PURE__ */ ke({
   setup(e) {
     return (t, n) => (E(), $("div", YR, [
       ae(t.$slots, "default", {}, () => [
-        (E(!0), $(De, null, Qe(t.items, (r) => (E(), ce(qR, {
+        (E(!0), $(De, null, Ze(t.items, (r) => (E(), ce(qR, {
           key: r.title,
           item: r,
           "item-type": t.type
@@ -21056,7 +21056,7 @@ const g$ = (e) => (vs("data-v-4ca5de3a"), e = e(), gs(), e), y$ = { class: "easy
       F("ul", {
         class: oe(["select-items", { show: r.value, inside: a.value }])
       }, [
-        (E(!0), $(De, null, Qe(e.rowsItems, (p) => (E(), $("li", {
+        (E(!0), $(De, null, Ze(e.rowsItems, (p) => (E(), $("li", {
           key: p,
           class: oe({ selected: p === w(i) }),
           onClick: (m) => l(p)
@@ -21208,7 +21208,7 @@ const $$ = { class: "buttons-pagination" }, D$ = ["onClick"], N$ = /* @__PURE__
       return l;
     }), i = Rr("themeColor");
     return (l, s) => (E(), $("div", $$, [
-      (E(!0), $(De, null, Qe(w(o), (u, c) => (E(), $("div", {
+      (E(!0), $(De, null, Ze(w(o), (u, c) => (E(), $("div", {
         key: c,
         class: oe(["item", {
           button: u.type === "button",
@@ -22002,7 +22002,7 @@ const nD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), rD = ["id"], aD = [
       }, [
         F("table", { id: w(a) }, [
           F("colgroup", null, [
-            (E(!0), $(De, null, Qe(w(xe), (Ve, nn) => (E(), $("col", {
+            (E(!0), $(De, null, Ze(w(xe), (Ve, nn) => (E(), $("col", {
               key: nn,
               style: on(mi(Ve))
             }, null, 4))), 128))
@@ -22012,7 +22012,7 @@ const nD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), rD = ["id"], aD = [
             class: oe(["vue3-easy-data-table__header", [He.headerClassName]])
           }, [
             F("tr", null, [
-              (E(!0), $(De, null, Qe(w(xe), (Ve, nn) => (E(), $("th", {
+              (E(!0), $(De, null, Ze(w(xe), (Ve, nn) => (E(), $("th", {
                 key: nn,
                 class: oe([{
                   sortable: Ve.sortable,
@@ -22058,7 +22058,7 @@ const nD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), rD = ["id"], aD = [
               },
               headers: w(xe)
             })), void 0, !0),
-            (E(!0), $(De, null, Qe(w(Ae), (Ve, nn) => (E(), $(De, { key: nn }, [
+            (E(!0), $(De, null, Ze(w(Ae), (Ve, nn) => (E(), $(De, { key: nn }, [
               F("tr", {
                 class: oe([
                   { "even-row": (nn + 1) % 2 === 0 },
@@ -22074,7 +22074,7 @@ const nD = (e) => (vs("data-v-32683533"), e = e(), gs(), e), rD = ["id"], aD = [
                   Is(Ve, Bt);
                 }
               }, [
-                (E(!0), $(De, null, Qe(w(Ue), (Bt, Ua) => (E(), $("td", {
+                (E(!0), $(De, null, Ze(w(Ue), (Bt, Ua) => (E(), $("td", {
                   key: Ua,
                   style: on(vi(Bt, "td")),
                   class: oe([{
@@ -22347,7 +22347,7 @@ const yD = { class: "relative z-50 w-full rounded-2xl bg-white px-4 py-3 shadow-
         ]),
         _: 2
       }, [
-        Qe(Object.keys(w(o)), (x, P) => ({
+        Ze(Object.keys(w(o)), (x, P) => ({
           name: x,
           fn: de((R) => [
             ae(v.$slots, x, yt(sn(R)))
@@ -23596,10 +23596,14 @@ const w4 = /* @__PURE__ */ ke({
           "data-test-action-bar-icon": "",
           onClick: y
         }, [
-          (E(), ce(Ze(m.value), {
+          (E(), ce(Qe(m.value), {
             class: oe({ "text-yellow-600": d.value && v.action.confirm, "size-4": v.context, "size-5": !v.context, "size-5!": f.value })
           }, null, 8, ["class"])),
-          ae(v.$slots, "default")
+          ae(v.$slots, "default"),
+          v.action.suffixIcon && v.context ? (E(), ce(Qe(v.action.suffixIcon), {
+            key: 0,
+            class: "size-5 ml-auto"
+          })) : J("", !0)
         ], 2)), [
           [x, v.context ? void 0 : v.action.name]
         ]),
@@ -23658,7 +23662,7 @@ const w4 = /* @__PURE__ */ ke({
           F("div", MN, Te(c.value), 1)
         ]),
         F("div", LN, [
-          (E(!0), $(De, null, Qe(w(r), (g, b) => (E(), ce(S4, {
+          (E(!0), $(De, null, Ze(w(r), (g, b) => (E(), ce(S4, {
             key: `action-item-${b}`,
             action: g,
             onClose: f
@@ -23681,7 +23685,7 @@ const w4 = /* @__PURE__ */ ke({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, n) => (E(), ce(Ze(t.as), {
+    return (t, n) => (E(), ce(Qe(t.as), {
       class: oe([{
         "-ml-px border-primary! bg-primary text-white hover:bg-primary!": t.active,
         "border-y border-y-zinc-300! bg-zinc-100! text-zinc-300!": t.disabled,
@@ -23748,7 +23752,7 @@ const w4 = /* @__PURE__ */ ke({
             _: 1,
             __: [2]
           }, 8, ["disabled"]),
-          (E(!0), $(De, null, Qe(d.value, (g) => (E(), ce(df, {
+          (E(!0), $(De, null, Ze(d.value, (g) => (E(), ce(df, {
             key: `pagination-${g}`,
             as: g ? "a" : "span",
             active: g === o.value,
@@ -23876,7 +23880,7 @@ const w4 = /* @__PURE__ */ ke({
               class: oe([{ "bg-zinc-100 hover:bg-zinc-100!": o }, "flex cursor-pointer items-center space-x-2 rounded-lg px-4 py-3 hover:bg-zinc-100"]),
               onClick: i
             }, [
-              (E(), ce(Ze(t.icon), {
+              (E(), ce(Qe(t.icon), {
                 class: "size-4 stroke-2",
                 "data-test-icon": ""
               })),
@@ -23918,7 +23922,7 @@ const w4 = /* @__PURE__ */ ke({
         }, {
           singlelabel: de((l) => [
             F("div", VN, [
-              (E(), ce(Ze(l.value.icon), {
+              (E(), ce(Qe(l.value.icon), {
                 class: "mr-2 size-6",
                 "data-test-icon": ""
               })),
@@ -23926,7 +23930,7 @@ const w4 = /* @__PURE__ */ ke({
             ])
           ]),
           option: de((l) => [
-            (E(), ce(Ze(l.option.icon), {
+            (E(), ce(Qe(l.option.icon), {
               class: "mr-2 size-5",
               "data-test-icon": ""
             })),
@@ -23938,7 +23942,7 @@ const w4 = /* @__PURE__ */ ke({
       F("div", {
         class: oe([{ hidden: o.responsive }, "mt-0! md:block md:space-y-2"])
       }, [
-        (E(!0), $(De, null, Qe(o.items, (l) => (E(), ce(UN, it({ ref_for: !0 }, l, {
+        (E(!0), $(De, null, Ze(o.items, (l) => (E(), ce(UN, it({ ref_for: !0 }, l, {
           key: l.name
         }), null, 16))), 128))
       ], 2)
@@ -24032,14 +24036,14 @@ const w4 = /* @__PURE__ */ ke({
         key: 0,
         class: oe([{ "mb-2": m.value.length > 0 }, "flex justify-between divide-x divide-zinc-600 rounded-md border border-zinc-600"])
       }, [
-        (E(!0), $(De, null, Qe(w(s).shortcuts.value, (v) => (E(), ce(ZN, {
+        (E(!0), $(De, null, Ze(w(s).shortcuts.value, (v) => (E(), ce(ZN, {
           key: v.name,
           shortcut: v,
           item: T.item,
           onClose: b
         }, null, 8, ["shortcut", "item"]))), 128))
       ], 2)) : J("", !0),
-      (E(!0), $(De, null, Qe(m.value, (v, C) => (E(), ce(S4, {
+      (E(!0), $(De, null, Ze(m.value, (v, C) => (E(), ce(S4, {
         key: `action-item-${C}`,
         action: v,
         context: !0,
@@ -24088,7 +24092,7 @@ const w4 = /* @__PURE__ */ ke({
         F("div", {
           class: oe([r[o.value.length - 1], "mt-3 hidden w-full text-sm font-medium text-zinc-600 sm:grid"])
         }, [
-          (E(!0), $(De, null, Qe(o.value, (c, d) => (E(), $("div", {
+          (E(!0), $(De, null, Ze(o.value, (c, d) => (E(), $("div", {
             key: `step-${d}`,
             class: oe([{ "font-bold": c.completed }, "text-base text-zinc-900"]),
             "data-test-step-title": ""
@@ -24098,8 +24102,8 @@ const w4 = /* @__PURE__ */ ke({
             ])
           ], 2))), 128))
         ], 2),
-        a.value ? (E(!0), $(De, { key: 0 }, Qe(o.value, (c, d) => (E(), $(De, null, [
-          s.unmount && (c?.active ?? !0) || !s.unmount ? ta((E(), ce(Ze(c.component), { key: d })), [
+        a.value ? (E(!0), $(De, { key: 0 }, Ze(o.value, (c, d) => (E(), $(De, null, [
+          s.unmount && (c?.active ?? !0) || !s.unmount ? ta((E(), ce(Qe(c.component), { key: d })), [
             [_a, !s.unmount && (c?.active ?? !0) || s.unmount]
           ]) : J("", !0)
         ], 64))), 256)) : J("", !0)
@@ -24364,7 +24368,7 @@ const sB = ["height", "width", "viewBox"], lB = ["id"], uB = ["offset", "stop-co
         class: "flex items-center",
         onMouseleave: T
       }, [
-        (E(!0), $(De, null, Qe(C.maxRating, (P) => (E(), $("span", {
+        (E(!0), $(De, null, Ze(C.maxRating, (P) => (E(), $("span", {
           key: P,
           class: oe([{ "cursor-pointer": !C.readOnly }, "inline-block"]),
           style: on(`margin-right: ${d.value}px`)
@@ -24679,7 +24683,7 @@ const wB = { class: "mr-6 w-full select-none" }, uZ = /* @__PURE__ */ ke({
                               ae(l.$slots, "default", {}, () => [
                                 typeof l.content == "string" ? (E(), $(De, { key: 0 }, [
                                   nt(Te(l.content), 1)
-                                ], 64)) : (E(), ce(Ze(l.content), yt(it({ key: 1 }, l.properties)), null, 16))
+                                ], 64)) : (E(), ce(Qe(l.content), yt(it({ key: 1 }, l.properties)), null, 16))
                               ])
                             ], 2)
                           ], 2)
@@ -44053,7 +44057,7 @@ const hQ = { class: "flex items-center space-x-5" }, mQ = {
       }),
       F("div", hQ, [
         F("div", null, [
-          (E(), ce(Ze(w(eb)[r.type]), {
+          (E(), ce(Qe(w(eb)[r.type]), {
             class: "size-7",
             "data-test-icon": ""
           }))