@autoafleveren/ui 0.9.16 → 0.9.18

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { openBlock as p, createElementBlock as _, createElementVNode as D, defineComponent as we, useSlots as ua, normalizeClass as Z, unref as g, renderSlot as B, createBlock as le, resolveDynamicComponent as dt, createCommentVNode as S, createTextVNode as Ee, toDisplayString as pe, ref as W, shallowRef as Cr, isRef as mn, createApp as ql, computed as x, createStaticVNode as Kl, withCtx as ne, Fragment as ye, renderList as Ie, createVNode as $e, createSlots as gt, Transition as $a, reactive as Ua, toRef as Xa, onMounted as mt, onUnmounted as xn, watch as He, mergeProps as Ye, normalizeProps as je, guardReactiveProps as kt, Teleport as Gl, withKeys as Te, withModifiers as tt, normalizeStyle as Ft, nextTick as Et, withDirectives as Ea, vShow as vn, onBeforeUpdate as Zl, getCurrentScope as Ql, onScopeDispose as Xl, vModelDynamic as Jl, mergeDefaults as eo, toRefs as Lt, getCurrentInstance as an, render as to, h as ao, useCssVars as Ma, provide as Kn, pushScopeId as Wa, popScopeId as Ha, inject as Pa, onBeforeUnmount as no, resolveDirective as ro } from "vue";
+import { openBlock as p, createElementBlock as _, createElementVNode as D, defineComponent as we, useSlots as ua, normalizeClass as Q, unref as g, renderSlot as B, createBlock as le, resolveDynamicComponent as dt, createCommentVNode as S, createTextVNode as Ee, toDisplayString as pe, ref as W, shallowRef as Cr, isRef as mn, createApp as ql, computed as x, createStaticVNode as Kl, withCtx as ne, Fragment as ye, renderList as Ie, createVNode as $e, createSlots as gt, Transition as $a, reactive as Ua, toRef as Xa, onMounted as mt, onUnmounted as xn, watch as He, mergeProps as Ye, normalizeProps as je, guardReactiveProps as kt, Teleport as Gl, withKeys as Te, withModifiers as tt, normalizeStyle as Ft, nextTick as Et, withDirectives as Ea, vShow as vn, onBeforeUpdate as Zl, getCurrentScope as Ql, onScopeDispose as Xl, vModelDynamic as Jl, mergeDefaults as eo, toRefs as Lt, getCurrentInstance as an, render as to, h as ao, useCssVars as Ma, provide as Kn, pushScopeId as Wa, popScopeId as Ha, inject as Pa, onBeforeUnmount as no, resolveDirective as ro } from "vue";
 import { TransitionRoot as rl, Dialog as ll, TransitionChild as Gn, DialogOverlay as lo, DialogTitle as oo, Disclosure as io, DisclosureButton as so, DisclosurePanel as uo } from "@headlessui/vue";
 import { onClickOutside as co, onKeyStroke as vo } from "@vueuse/core";
 const aa = (e, n) => {
@@ -96,7 +96,7 @@ const sl = /* @__PURE__ */ aa(Po, [["render", So]]), Oo = {
   key: 0,
   class: "mt-1",
   "data-test-description": ""
-}, U0 = /* @__PURE__ */ we({
+}, W0 = /* @__PURE__ */ we({
   __name: "AppAlert",
   props: {
     type: {},
@@ -107,7 +107,7 @@ const sl = /* @__PURE__ */ aa(Po, [["render", So]]), Oo = {
   setup(e) {
     const n = ua();
     return (a, t) => (p(), _("div", {
-      class: Z([g(Oo)[a.type], "app-alert flex flex-col rounded-lg px-4 py-2 text-sm text-zinc-900"])
+      class: Q([g(Oo)[a.type], "app-alert flex flex-col rounded-lg px-4 py-2 text-sm text-zinc-900"])
     }, [
       D("div", Ao, [
         a.withIcon ? (p(), _("span", No, [
@@ -462,7 +462,7 @@ class wa {
 const In = {
   loaded: W(!1)
 };
-function W0() {
+function H0() {
   async function e(n) {
     In.loaded && (await new wa({
       apiKey: n,
@@ -481,7 +481,7 @@ function Pr(e) {
   var n, a;
   (n = e == null ? void 0 : e.instance) == null || n.unmount(), (a = e == null ? void 0 : e.element) == null || a.remove();
 }
-function H0() {
+function F0() {
   async function e(a) {
     const t = document.createElement("div");
     document.body.append(t);
@@ -637,7 +637,7 @@ const Vo = {
       ])
     ]));
   }
-}), Ko = ["src"], F0 = /* @__PURE__ */ we({
+}), Ko = ["src"], j0 = /* @__PURE__ */ we({
   __name: "AppAvatar",
   props: {
     size: { default: "medium" },
@@ -646,7 +646,7 @@ const Vo = {
   },
   setup(e) {
     return (n, a) => (p(), _("div", {
-      class: Z([g(Bo)[n.size], "app-avatar relative flex items-center rounded-full"])
+      class: Q([g(Bo)[n.size], "app-avatar relative flex items-center rounded-full"])
     }, [
       n.src ? (p(), _("img", {
         key: 0,
@@ -683,7 +683,7 @@ const Vo = {
   },
   setup(e) {
     return (n, a) => (p(), _("div", {
-      class: Z([[...g(Go)[n.type], ...g(Zo)[n.size]], "app-badge inline-flex items-center rounded-lg font-semibold"])
+      class: Q([[...g(Go)[n.type], ...g(Zo)[n.size]], "app-badge inline-flex items-center rounded-lg font-semibold"])
     }, [
       n.$slots.leadingIcon ? (p(), _("span", Qo, [
         B(n.$slots, "leadingIcon", {}, void 0, !0)
@@ -722,7 +722,7 @@ const Zn = /* @__PURE__ */ aa(Jo, [["__scopeId", "data-v-2e5f1c7a"]]), ei = {
   },
   setup(e) {
     return (n, a) => (p(), _("svg", {
-      class: Z([g(ei)[n.size], "animate-spin"]),
+      class: Q([g(ei)[n.size], "animate-spin"]),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "none"
@@ -777,7 +777,7 @@ const Dr = /* @__PURE__ */ aa(li, [["__scopeId", "data-v-04d5f165"]]), oi = {
     return (n, a) => (p(), _("button", {
       type: n.type,
       disabled: n.disabled || n.loading,
-      class: Z([[
+      class: Q([[
         ...g(oi)[n.colorType],
         ...g(ii)[n.size]
       ], "app-button inline-flex items-center whitespace-nowrap rounded-lg border text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:select-none disabled:opacity-50"])
@@ -850,14 +850,14 @@ const di = /* @__PURE__ */ aa(ci, [["__scopeId", "data-v-817cbc72"]]), vi = {
       return p(), le(dt(g(a)), {
         to: s.item.to,
         href: s.item.href,
-        class: Z([{ "flex-row-reverse": ((v = s.item) == null ? void 0 : v.iconPosition) === "right" }, "app-card__action ml-auto flex items-center justify-center font-bold text-zinc-900 transition-colors group-hover:text-primary"]),
+        class: Q([{ "flex-row-reverse": ((v = s.item) == null ? void 0 : v.iconPosition) === "right" }, "app-card__action ml-auto flex items-center justify-center font-bold text-zinc-900 transition-colors group-hover:text-primary"]),
         onClick: i
       }, {
         default: ne(() => {
           var m, u;
           return [
             (p(), le(dt(r.value ? o.value : "span"), {
-              class: Z([l.value, "h-4 w-4"]),
+              class: Q([l.value, "h-4 w-4"]),
               size: t.value ? "extra-small" : void 0,
               "data-test-icon": ""
             }, {
@@ -867,7 +867,7 @@ const di = /* @__PURE__ */ aa(ci, [["__scopeId", "data-v-817cbc72"]]), vi = {
               _: 1
             }, 8, ["class", "size"])),
             D("span", {
-              class: Z([{
+              class: Q([{
                 "pl-2": s.item.icon && ((m = s.item) == null ? void 0 : m.iconPosition) !== "right",
                 "pr-2": s.item.icon && ((u = s.item) == null ? void 0 : u.iconPosition) === "right"
               }, "text-xs"]),
@@ -883,7 +883,7 @@ const di = /* @__PURE__ */ aa(ci, [["__scopeId", "data-v-817cbc72"]]), vi = {
   key: 1,
   class: "text-2xl font-bold text-zinc-900",
   "data-test-title": ""
-}, j0 = /* @__PURE__ */ we({
+}, z0 = /* @__PURE__ */ we({
   __name: "AppCard",
   props: {
     title: { default: void 0 },
@@ -894,7 +894,7 @@ const di = /* @__PURE__ */ aa(ci, [["__scopeId", "data-v-817cbc72"]]), vi = {
   setup(e) {
     const n = e, a = ua(), t = x(() => !!a.title || !!n.title), r = x(() => !!a.icon || !!n.icon);
     return (o, l) => (p(), _("div", {
-      class: Z([[{
+      class: Q([[{
         "before:hidden": !o.bordered,
         "transition hover:drop-shadow-cardhighlight": n.actions && n.actions.length > 0
       }], "group relative w-full overflow-hidden rounded-2xl bg-white px-6 py-5 text-zinc-600 drop-shadow-card before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:bg-primary"])
@@ -915,7 +915,7 @@ const di = /* @__PURE__ */ aa(ci, [["__scopeId", "data-v-817cbc72"]]), vi = {
         ])
       ])) : S("", !0),
       D("div", {
-        class: Z({ "mt-4": t.value }),
+        class: Q({ "mt-4": t.value }),
         "data-test-content": ""
       }, [
         B(o.$slots, "default")
@@ -1192,7 +1192,7 @@ const Ti = /* @__PURE__ */ aa(_i, [["render", Di]]), $i = { class: "flex min-h-s
                       D("div", Ii, [
                         l.value ? (p(), _("div", Ai, [
                           (p(), le(dt(l.value), {
-                            class: Z([i.value, "h-full w-full"]),
+                            class: Q([i.value, "h-full w-full"]),
                             "data-test-confirm-icon": ""
                           }, null, 8, ["class"]))
                         ])) : S("", !0),
@@ -1291,7 +1291,7 @@ const Ti = /* @__PURE__ */ aa(_i, [["render", Di]]), $i = { class: "flex min-h-s
       _: 3
     }, 8, ["show"]));
   }
-}), z0 = /* @__PURE__ */ we({
+}), q0 = /* @__PURE__ */ we({
   __name: "AppDisclosure",
   props: {
     defaultOpen: { type: Boolean, default: !1 }
@@ -1308,7 +1308,7 @@ const Ti = /* @__PURE__ */ aa(_i, [["render", Di]]), $i = { class: "flex min-h-s
       _: 3
     }, 8, ["default-open"]));
   }
-}), Vi = { class: "ml-auto pl-2" }, q0 = /* @__PURE__ */ we({
+}), Vi = { class: "ml-auto pl-2" }, K0 = /* @__PURE__ */ we({
   __name: "AppDisclosureButton",
   setup(e) {
     const n = W(null);
@@ -1325,14 +1325,14 @@ const Ti = /* @__PURE__ */ aa(_i, [["render", Di]]), $i = { class: "flex min-h-s
     }, {
       default: ne(({ open: o }) => [
         D("span", {
-          class: Z([{ "font-bold": o }, "text-left"])
+          class: Q([{ "font-bold": o }, "text-left"])
         }, [
           B(t.$slots, "default")
         ], 2),
         D("span", Vi, [
           B(t.$slots, "icon", { open: o }, () => [
             $e(g(hi), {
-              class: Z([{ "rotate-180": o }, "h-5 w-5 text-zinc-900 transition-transform"])
+              class: Q([{ "rotate-180": o }, "h-5 w-5 text-zinc-900 transition-transform"])
             }, null, 8, ["class"])
           ])
         ])
@@ -1340,7 +1340,7 @@ const Ti = /* @__PURE__ */ aa(_i, [["render", Di]]), $i = { class: "flex min-h-s
       _: 3
     }, 512));
   }
-}), K0 = /* @__PURE__ */ we({
+}), G0 = /* @__PURE__ */ we({
   __name: "AppDisclosurePanel",
   props: {
     static: { type: Boolean, default: !1 },
@@ -4747,10 +4747,10 @@ function Jn(e, n, a, t) {
     });
   }).map(function(ie) {
     return ie[0];
-  }), Q = De(a);
-  if (isNaN(Q.getTime()))
+  }), Z = De(a);
+  if (isNaN(Z.getTime()))
     return /* @__PURE__ */ new Date(NaN);
-  var G = hl(Q, gn(Q)), C = {}, f = Er(O), y;
+  var G = hl(Z, gn(Z)), C = {}, f = Er(O), y;
   try {
     for (f.s(); !(y = f.n()).done; ) {
       var b = y.value;
@@ -6122,7 +6122,7 @@ const Qd = (e, n, a) => {
   }, O = (C) => {
     const f = Vt(i(ee(C))).toISOString(), [y] = f.split("T");
     return y;
-  }, Q = (C) => new Map(C.map((f) => [O(f), !0])), G = (C) => Array.isArray(C) && C.length > 0;
+  }, Z = (C) => new Map(C.map((f) => [O(f), !0])), G = (C) => Array.isArray(C) && C.length > 0;
   return {
     checkPartialRangeValue: n,
     checkRangeEnabled: t,
@@ -6145,7 +6145,7 @@ const Qd = (e, n, a) => {
     validateMinDate: te,
     assignDefaultTime: u,
     mapDatesArrToMap: (C) => {
-      G(e.allowedDates) && (C.allowedDates = Q(e.allowedDates)), G(e.highlight) && (C.highlightedDates = Q(e.highlight)), G(e.disabledDates) && (C.disabledDates = Q(e.disabledDates));
+      G(e.allowedDates) && (C.allowedDates = Z(e.allowedDates)), G(e.highlight) && (C.highlightedDates = Z(e.highlight)), G(e.disabledDates) && (C.disabledDates = Z(e.disabledDates));
     },
     defaults: a,
     hideNavigationButtons: c
@@ -6340,7 +6340,7 @@ const Qd = (e, n, a) => {
   }, O = (w) => {
     const U = ta(w, 1);
     return { month: Qe(U), year: Je(U) };
-  }, Q = (w) => {
+  }, Z = (w) => {
     const U = Qe(ee(w)), me = Je(ee(w));
     if (X(0, U, me), m.value.multiCalendars > 0)
       for (let _e = 1; _e < m.value.multiCalendars; _e++) {
@@ -6383,7 +6383,7 @@ const Qd = (e, n, a) => {
     h.value = u.value ? u.value.slice() : [], h.value.length === 2 && !(e.fixedStart || e.fixedEnd) && (h.value = []);
   }, be = (w, U) => {
     const me = [ee(w.value), ia(ee(w.value), +e.autoRange)];
-    ie(me) && (U && Q(w.value), h.value = me);
+    ie(me) && (U && Z(w.value), h.value = me);
   }, We = (w) => {
     Ge(w.value) || !f(w.value, e.fixedStart ? 0 : 1) || (h.value = y(ee(w.value)));
   }, Ge = (w) => e.noDisabledRange ? C(h.value[0], w).some((U) => l(U)) : !1, et = (w, U) => {
@@ -6582,19 +6582,19 @@ const Qd = (e, n, a) => {
       return n.utc === "preserve" ? new Date(y.getTime() + y.getTimezoneOffset() * 6e4) : y;
     }
     return n.modelType ? n.modelType === "date" || n.modelType === "timestamp" ? o(new Date(f)) : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? Jn(f, i(), /* @__PURE__ */ new Date()) : o(Jn(f, n.modelType, /* @__PURE__ */ new Date())) : o(new Date(f));
-  }, O = (f) => f ? n.utc ? _d(f, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +r(f) : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? l(r(f)) : l(r(f), n.modelType) : r(f) : "", Q = (f) => {
+  }, O = (f) => f ? n.utc ? _d(f, n.utc === "preserve", n.enableSeconds) : n.modelType ? n.modelType === "timestamp" ? +r(f) : n.modelType === "format" && (typeof n.format == "string" || !n.format) ? l(r(f)) : l(r(f), n.modelType) : r(f) : "", Z = (f) => {
     e("update:model-value", f);
   }, G = (f) => Array.isArray(t.value) ? n.multiDates ? t.value.map((y) => f(y)) : [
     f(t.value[0]),
     t.value[1] ? f(t.value[1]) : c()
-  ] : f(Pt(t.value)), C = (f) => Q(Pt(G(f)));
+  ] : f(Pt(t.value)), C = (f) => Z(Pt(G(f)));
   return {
     inputValue: h,
     internalModelValue: t,
     checkBeforeEmit: () => t.value ? n.range ? n.partialRange ? t.value.length >= 1 : t.value.length === 2 : !!t.value : !1,
     parseExternalModelValue: q,
     formatInputValue: R,
-    emitModelValue: () => (R(), n.monthPicker ? C(Y) : n.timePicker ? C(A) : n.yearPicker ? C(Je) : n.weekPicker ? Q(t.value) : Q(k()))
+    emitModelValue: () => (R(), n.monthPicker ? C(Y) : n.timePicker ? C(A) : n.yearPicker ? C(Je) : n.weekPicker ? Z(t.value) : Z(k()))
   };
 }, pv = (e, n) => {
   const { validateMonthYearInRange: a, validateMaxDate: t, validateMinDate: r, defaults: o } = Bt(e), l = (m, u) => {
@@ -7031,7 +7031,7 @@ const fv = (e, n, a, t) => {
             ref: v,
             id: T.uid ? `dp-input-${T.uid}` : void 0,
             name: T.name,
-            class: Z(h.value),
+            class: Q(h.value),
             inputmode: T.textInput ? "text" : "none",
             placeholder: T.placeholder,
             disabled: T.disabled,
@@ -7258,8 +7258,8 @@ const fv = (e, n, a, t) => {
       dp__calendar: !0,
       dp__calendar_next: l.value.multiCalendars > 0 && t.instance !== 0
     })), J = x(() => (R) => t.hideOffsetDates ? R.current : !0), ae = x(() => t.specificMode ? { height: `${t.modeHeight}px` } : void 0), ce = async (R, d, O) => {
-      var Q, G;
-      if (a("set-hover-date", R), (G = (Q = R.marker) == null ? void 0 : Q.tooltip) != null && G.length) {
+      var Z, G;
+      if (a("set-hover-date", R), (G = (Z = R.marker) == null ? void 0 : Z.tooltip) != null && G.length) {
         const C = ot(c.value[d][O]);
         if (C) {
           const { width: f, height: y } = C.getBoundingClientRect();
@@ -7295,31 +7295,31 @@ const fv = (e, n, a, t) => {
     return n({ triggerTransition: L }), (R, d) => {
       var O;
       return p(), _("div", {
-        class: Z(H.value)
+        class: Q(H.value)
       }, [
         D("div", {
           style: Ft(ae.value),
           ref_key: "calendarWrapRef",
           ref: v,
           role: "grid",
-          class: Z(X.value),
+          class: Q(X.value),
           "aria-label": (O = g(l).ariaLabels) == null ? void 0 : O.calendarWrap
         }, [
           e.specificMode ? S("", !0) : (p(), _(ye, { key: 0 }, [
             D("div", Dv, [
               R.weekNumbers ? (p(), _("div", Tv, pe(R.weekNumName), 1)) : S("", !0),
-              (p(!0), _(ye, null, Ie(z.value, (Q, G) => (p(), _("div", {
+              (p(!0), _(ye, null, Ie(z.value, (Z, G) => (p(), _("div", {
                 class: "dp__calendar_header_item",
                 role: "gridcell",
                 key: G
               }, [
                 R.$slots["calendar-header"] ? B(R.$slots, "calendar-header", {
                   key: 0,
-                  day: Q,
+                  day: Z,
                   index: G
                 }) : S("", !0),
                 R.$slots["calendar-header"] ? S("", !0) : (p(), _(ye, { key: 1 }, [
-                  Ee(pe(Q), 1)
+                  Ee(pe(Z), 1)
                 ], 64))
               ]))), 128))
             ]),
@@ -7329,13 +7329,13 @@ const fv = (e, n, a, t) => {
               css: !!R.transitions
             }, {
               default: ne(() => {
-                var Q;
+                var Z;
                 return [
                   m.value ? (p(), _("div", {
                     key: 0,
                     class: "dp__calendar",
                     role: "grid",
-                    "aria-label": (Q = g(l).ariaLabels) == null ? void 0 : Q.calendarDays
+                    "aria-label": (Z = g(l).ariaLabels) == null ? void 0 : Z.calendarDays
                   }, [
                     (p(!0), _(ye, null, Ie(Y.value, (G, C) => (p(), _("div", {
                       class: "dp__calendar_row",
@@ -7366,7 +7366,7 @@ const fv = (e, n, a, t) => {
                           onMouseleave: (se) => T(f)
                         }, [
                           D("div", {
-                            class: Z(["dp__cell_inner", f.classData])
+                            class: Q(["dp__cell_inner", f.classData])
                           }, [
                             R.$slots.day && J.value(f) ? B(R.$slots, "day", {
                               key: 0,
@@ -7384,7 +7384,7 @@ const fv = (e, n, a, t) => {
                                 date: f.value
                               }) : (p(), _("div", {
                                 key: 1,
-                                class: Z(V.value(f.marker)),
+                                class: Q(V.value(f.marker)),
                                 style: Ft(f.marker.color ? { backgroundColor: f.marker.color } : {})
                               }, null, 6))
                             ], 64)) : S("", !0),
@@ -7463,7 +7463,7 @@ const fv = (e, n, a, t) => {
       ref: a
     }, [
       D("span", {
-        class: Z(["dp__inner_nav", { dp__inner_nav_disabled: t.disabled }])
+        class: Q(["dp__inner_nav", { dp__inner_nav_disabled: t.disabled }])
       }, [
         B(t.$slots, "default")
       ], 2)
@@ -7519,7 +7519,7 @@ const fv = (e, n, a, t) => {
       t.internalModelValue,
       sa(La(/* @__PURE__ */ new Date(), E.value), t.year)
     ) : t.skipActive ? !1 : E.value === t.modelValue, V = x(() => t.items.map((E) => E.filter((R) => R).map((R) => {
-      var d, O, Q;
+      var d, O, Z;
       const G = t.disabledValues.some((f) => f === R.value) || J(R.value), C = (d = t.multiModelValue) != null && d.length ? (O = t.multiModelValue) == null ? void 0 : O.some(
         (f) => qe(
           f,
@@ -7537,7 +7537,7 @@ const fv = (e, n, a, t) => {
           dp__overlay_cell_disabled: G,
           dp__overlay_cell_active_disabled: G && C,
           dp__overlay_cell_pad: !0,
-          dp__cell_in_between: (Q = t.multiModelValue) != null && Q.length && t.skipActive ? T(R.value) : !1
+          dp__cell_in_between: (Z = t.multiModelValue) != null && Z.length && t.skipActive ? T(R.value) : !1
         }
       };
     }))), N = x(
@@ -7558,8 +7558,8 @@ const fv = (e, n, a, t) => {
       const R = t.maxValue || t.maxValue === 0, d = t.minValue || t.minValue === 0;
       return !R && !d ? !1 : R && d ? +E > +t.maxValue || +E < +t.minValue : R ? +E > +t.maxValue : d ? +E < +t.minValue : !1;
     }, ae = () => {
-      const E = ot(c), R = ot(v), d = ot(h), O = ot(A), Q = d ? d.getBoundingClientRect().height : 0;
-      R && ($.value = R.getBoundingClientRect().height - Q), E && O && (O.scrollTop = E.offsetTop - O.offsetTop - ($.value / 2 - E.getBoundingClientRect().height) - Q);
+      const E = ot(c), R = ot(v), d = ot(h), O = ot(A), Z = d ? d.getBoundingClientRect().height : 0;
+      R && ($.value = R.getBoundingClientRect().height - Z), E && O && (O.scrollTop = E.offsetTop - O.offsetTop - ($.value / 2 - E.getBoundingClientRect().height) - Z);
     }, ce = (E) => {
       !t.disabledValues.some((R) => R === E) && !J(E) && (a("update:model-value", E), a("selected"));
     }, T = (E) => {
@@ -7590,7 +7590,7 @@ const fv = (e, n, a, t) => {
       return p(), _("div", {
         ref_key: "gridWrapRef",
         ref: v,
-        class: Z(I.value),
+        class: Q(I.value),
         role: "dialog",
         tabindex: "0",
         onKeydown: [
@@ -7602,7 +7602,7 @@ const fv = (e, n, a, t) => {
         ]
       }, [
         D("div", {
-          class: Z(H.value),
+          class: Q(H.value),
           ref_key: "containerRef",
           ref: A,
           role: "grid",
@@ -7611,19 +7611,19 @@ const fv = (e, n, a, t) => {
           D("div", Ev, [
             B(E.$slots, "header")
           ]),
-          E.$slots.overlay ? B(E.$slots, "overlay", { key: 0 }) : (p(!0), _(ye, { key: 1 }, Ie(V.value, (O, Q) => (p(), _("div", {
-            class: Z(["dp__overlay_row", { dp__flex_row: V.value.length >= 3 }]),
-            key: Q,
+          E.$slots.overlay ? B(E.$slots, "overlay", { key: 0 }) : (p(!0), _(ye, { key: 1 }, Ie(V.value, (O, Z) => (p(), _("div", {
+            class: Q(["dp__overlay_row", { dp__flex_row: V.value.length >= 3 }]),
+            key: Z,
             role: "row"
           }, [
             (p(!0), _(ye, null, Ie(O, (G, C) => (p(), _("div", {
               role: "gridcell",
-              class: Z(L.value),
+              class: Q(L.value),
               key: G.value,
               "aria-selected": G.value === e.modelValue && !e.disabledValues.includes(G.value),
               "aria-disabled": G.className.dp__overlay_cell_disabled,
               ref_for: !0,
-              ref: (f) => q(f, G, Q, C),
+              ref: (f) => q(f, G, Z, C),
               tabindex: "0",
               onClick: (f) => ce(G.value),
               onKeydown: [
@@ -7633,7 +7633,7 @@ const fv = (e, n, a, t) => {
               onMouseover: (f) => u.value = G.value
             }, [
               D("div", {
-                class: Z(G.className)
+                class: Q(G.className)
               }, [
                 E.$slots.item ? B(E.$slots, "item", {
                   key: 0,
@@ -7650,7 +7650,7 @@ const fv = (e, n, a, t) => {
           key: 0,
           role: "button",
           "aria-label": (d = e.ariaLabels) == null ? void 0 : d.toggleOverlay,
-          class: Z(N.value),
+          class: Q(N.value),
           tabindex: "0",
           ref_key: "toggleButton",
           ref: h,
@@ -7785,7 +7785,7 @@ const fv = (e, n, a, t) => {
       get: () => t[y],
       set: (b) => {
         const F = y === "month" ? "year" : "month";
-        a("update-month-year", { [y]: b, [F]: t[F] }), a("month-year-select", y === "year"), y === "month" ? O(!0) : Q(!0);
+        a("update-month-year", { [y]: b, [F]: t[F] }), a("month-year-select", y === "year"), y === "month" ? O(!0) : Z(!0);
       }
     }), I = x(z("month")), L = x(z("year")), X = (y) => {
       const b = Je(ee(y));
@@ -7813,7 +7813,7 @@ const fv = (e, n, a, t) => {
       items: y === "month" ? t.months : t.years,
       instance: t.instance,
       updateMonthYear: v,
-      toggle: y === "month" ? O : Q
+      toggle: y === "month" ? O : Z
     })), J = x(() => t.minDate ? Je(ee(t.minDate)) : null), ae = x(() => t.maxDate ? Je(ee(t.maxDate)) : null), ce = x(() => {
       if (t.minDate && J.value) {
         if (J.value > t.year)
@@ -7833,7 +7833,7 @@ const fv = (e, n, a, t) => {
       b !== void 0 ? y.value = b : y.value = !y.value;
     }, O = (y = !1, b) => {
       G(y), d(m, b), m.value || a("overlay-closed");
-    }, Q = (y = !1, b) => {
+    }, Z = (y = !1, b) => {
       G(y), d(u, b), u.value || a("overlay-closed");
     }, G = (y) => {
       y || a("reset-flow");
@@ -7848,7 +7848,7 @@ const fv = (e, n, a, t) => {
     };
     return n({
       toggleMonthPicker: O,
-      toggleYearPicker: Q,
+      toggleYearPicker: Z,
       handleMonthYearChange: s
     }), (y, b) => {
       var F, ie, se, Ae, Me;
@@ -7869,7 +7869,7 @@ const fv = (e, n, a, t) => {
               _: 3
             }, 8, ["aria-label", "disabled"])) : S("", !0),
             D("div", {
-              class: Z(["dp__month_year_wrap", {
+              class: Q(["dp__month_year_wrap", {
                 dp__year_disable_select: t.disableYearSelect
               }])
             }, [
@@ -7933,7 +7933,7 @@ const fv = (e, n, a, t) => {
                 modelValue: L.value,
                 "onUpdate:modelValue": b[4] || (b[4] = (be) => L.value = be)
               }, N.value("year"), {
-                onToggle: Q,
+                onToggle: Z,
                 onSetRef: b[5] || (b[5] = (be) => f(be, 2))
               }), gt({
                 default: ne(() => [
@@ -7974,7 +7974,7 @@ const fv = (e, n, a, t) => {
                 y.$slots["year-overlay-header"] ? {
                   name: "overlay-year-header",
                   fn: ne(() => [
-                    B(y.$slots, "year-overlay-header", { toggle: Q })
+                    B(y.$slots, "year-overlay-header", { toggle: Z })
                   ]),
                   key: "3"
                 } : void 0
@@ -8032,7 +8032,7 @@ const fv = (e, n, a, t) => {
                     onKeydown: b[10] || (b[10] = Te((et) => C(!1), ["enter"]))
                   }, [
                     D("div", {
-                      class: Z(["dp__inner_nav", { dp__inner_nav_disabled: g(c)(!1) }]),
+                      class: Q(["dp__inner_nav", { dp__inner_nav_disabled: g(c)(!1) }]),
                       role: "button",
                       "aria-label": (be = g(r).ariaLabels) == null ? void 0 : be.prevMonth
                     }, [
@@ -8047,8 +8047,8 @@ const fv = (e, n, a, t) => {
                     ref: A,
                     "aria-label": (We = g(r).ariaLabels) == null ? void 0 : We.openYearsOverlay,
                     tabindex: "0",
-                    onClick: b[11] || (b[11] = () => Q(!1)),
-                    onKeydown: b[12] || (b[12] = Te(() => Q(!1), ["enter"]))
+                    onClick: b[11] || (b[11] = () => Z(!1)),
+                    onKeydown: b[12] || (b[12] = Te(() => Z(!1), ["enter"]))
                   }, [
                     y.$slots.year ? B(y.$slots, "year", {
                       key: 0,
@@ -8067,7 +8067,7 @@ const fv = (e, n, a, t) => {
                     onKeydown: b[14] || (b[14] = Te((et) => C(!0), ["enter"]))
                   }, [
                     D("div", {
-                      class: Z(["dp__inner_nav", { dp__inner_nav_disabled: g(c)(!0) }]),
+                      class: Q(["dp__inner_nav", { dp__inner_nav_disabled: g(c)(!0) }]),
                       role: "button",
                       "aria-label": (Ge = g(r).ariaLabels) == null ? void 0 : Ge.nextMonth
                     }, [
@@ -8084,7 +8084,7 @@ const fv = (e, n, a, t) => {
                     u.value ? (p(), le(Qa, Ye({ key: 0 }, N.value("year"), {
                       modelValue: L.value,
                       "onUpdate:modelValue": b[15] || (b[15] = (et) => L.value = et),
-                      onToggle: Q,
+                      onToggle: Z,
                       onSelected: b[16] || (b[16] = (et) => y.$emit("overlay-closed"))
                     }), gt({
                       "button-icon": ne(() => [
@@ -8129,7 +8129,7 @@ const fv = (e, n, a, t) => {
             "skip-active": y.range,
             "skip-button-ref": "",
             "year-picker": "",
-            onToggle: Q,
+            onToggle: Z,
             onSelected: b[20] || (b[20] = (be) => y.$emit("overlay-closed"))
           }), gt({ _: 2 }, [
             y.$slots["year-overlay-value"] ? {
@@ -8205,28 +8205,28 @@ const fv = (e, n, a, t) => {
       }
       return { text: t[d] < 10 ? `0${t[d]}` : `${t[d]}`, value: t[d] };
     }), H = (d) => {
-      const O = t.is24 ? 24 : 12, Q = d === "hours" ? O : 60, G = +t[`${d}GridIncrement`], C = d === "hours" && !t.is24 ? G : 0, f = [];
-      for (let y = C; y < Q; y += G)
+      const O = t.is24 ? 24 : 12, Z = d === "hours" ? O : 60, G = +t[`${d}GridIncrement`], C = d === "hours" && !t.is24 ? G : 0, f = [];
+      for (let y = C; y < Z; y += G)
         f.push({ value: y, text: y < 10 ? `0${y}` : `${y}` });
       return d === "hours" && !t.is24 && f.push({ value: 0, text: "12" }), Gd(f);
     }, J = (d, O) => {
-      const Q = t.minTime ? h(Ln(t.minTime)) : null, G = t.maxTime ? h(Ln(t.maxTime)) : null, C = h(Ln($.value, O, d));
-      return Q && G ? (en(C, G) || _a(C, G)) && (Ja(C, Q) || _a(C, Q)) : Q ? Ja(C, Q) || _a(C, Q) : G ? en(C, G) || _a(C, G) : !0;
+      const Z = t.minTime ? h(Ln(t.minTime)) : null, G = t.maxTime ? h(Ln(t.maxTime)) : null, C = h(Ln($.value, O, d));
+      return Z && G ? (en(C, G) || _a(C, G)) && (Ja(C, Z) || _a(C, Z)) : Z ? Ja(C, Z) || _a(C, Z) : G ? en(C, G) || _a(C, G) : !0;
     }, ae = x(() => (d) => H(d).flat().filter((O) => av(O.value)).map((O) => O.value).filter((O) => !J(O, d))), ce = (d) => t[`no${d[0].toUpperCase() + d.slice(1)}Overlay`], T = (d) => {
       ce(d) || (c[d] = !c[d], c[d] || a("overlay-closed"));
     }, k = (d) => d === "hours" ? la : d === "minutes" ? oa : Va, P = (d, O = !0) => {
-      const Q = O ? z : I, G = O ? +t[`${d}Increment`] : -+t[`${d}Increment`];
+      const Z = O ? z : I, G = O ? +t[`${d}Increment`] : -+t[`${d}Increment`];
       J(+t[d] + G, d) && a(
         `update:${d}`,
-        k(d)(Q({ [d]: +t[d] }, { [d]: +t[`${d}Increment`] }))
+        k(d)(Z({ [d]: +t[d] }, { [d]: +t[`${d}Increment`] }))
       );
     }, q = (d) => t.is24 ? d : (d >= 12 ? v.value = "PM" : v.value = "AM", ev(d)), K = () => {
       v.value === "PM" ? (v.value = "AM", a("update:hours", t.hours - 12)) : (v.value = "PM", a("update:hours", t.hours + 12)), a("am-pm-change", v.value);
     }, te = (d) => {
       c[d] = !0;
-    }, E = (d, O, Q) => {
+    }, E = (d, O, Z) => {
       if (d && t.arrowNavigation) {
-        Array.isArray(u.value[O]) ? u.value[O][Q] = d : u.value[O] = [d];
+        Array.isArray(u.value[O]) ? u.value[O][Z] = d : u.value[O] = [d];
         const G = u.value.reduce(
           (C, f) => f.map((y, b) => [...C[b] || [], f[b]]),
           []
@@ -8235,20 +8235,20 @@ const fv = (e, n, a, t) => {
       }
     }, R = (d, O) => d === "hours" && !t.is24 ? a(`update:${d}`, v.value === "PM" ? O + 12 : O) : a(`update:${d}`, O);
     return n({ openChildCmp: te }), (d, O) => {
-      var Q;
+      var Z;
       return d.disabled ? S("", !0) : (p(), _("div", zv, [
         (p(!0), _(ye, null, Ie(X.value, (G, C) => {
           var f, y, b;
           return p(), _("div", {
             key: C,
-            class: Z(L.value)
+            class: Q(L.value)
           }, [
             G.separator ? (p(), _(ye, { key: 0 }, [
               Ee(" : ")
             ], 64)) : (p(), _(ye, { key: 1 }, [
               D("button", {
                 type: "button",
-                class: Z({
+                class: Q({
                   dp__btn: !0,
                   dp__inc_dec_button: !t.timePickerInline,
                   dp__inc_dec_button_inline: t.timePickerInline,
@@ -8276,7 +8276,7 @@ const fv = (e, n, a, t) => {
               D("button", {
                 type: "button",
                 "aria-label": (y = g(l).ariaLabels) == null ? void 0 : y.openTpOverlay(G.type),
-                class: Z([
+                class: Q([
                   "dp__btn",
                   ce(G.type) ? void 0 : {
                     dp__time_display: !0,
@@ -8304,7 +8304,7 @@ const fv = (e, n, a, t) => {
               ], 42, Zv),
               D("button", {
                 type: "button",
-                class: Z({
+                class: Q({
                   dp__btn: !0,
                   dp__inc_dec_button: !t.timePickerInline,
                   dp__inc_dec_button_inline: t.timePickerInline,
@@ -8345,7 +8345,7 @@ const fv = (e, n, a, t) => {
             type: "button",
             class: "dp__pm_am_button",
             role: "button",
-            "aria-label": (Q = g(l).ariaLabels) == null ? void 0 : Q.amPmButton,
+            "aria-label": (Z = g(l).ariaLabels) == null ? void 0 : Z.amPmButton,
             tabindex: "0",
             onClick: K,
             onKeydown: [
@@ -8458,7 +8458,7 @@ const fv = (e, n, a, t) => {
         !T.timePicker && !T.timePickerInline ? Ea((p(), _("button", {
           key: 0,
           type: "button",
-          class: Z(X.value),
+          class: Q(X.value),
           "aria-label": (P = g(s).ariaLabels) == null ? void 0 : P.openTimePicker,
           tabindex: "0",
           ref_key: "openTimePickerBtn",
@@ -8483,13 +8483,13 @@ const fv = (e, n, a, t) => {
             return [
               Y.value || T.timePicker || T.timePickerInline ? (p(), _("div", {
                 key: 0,
-                class: Z({ dp__overlay: !T.timePickerInline }),
+                class: Q({ dp__overlay: !T.timePickerInline }),
                 ref_key: "overlayRef",
                 ref: $,
                 tabindex: T.timePickerInline ? void 0 : 0
               }, [
                 D("div", {
-                  class: Z(
+                  class: Q(
                     T.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
@@ -8505,7 +8505,7 @@ const fv = (e, n, a, t) => {
                   }) : S("", !0),
                   T.$slots["time-picker-overlay"] ? S("", !0) : (p(), _("div", {
                     key: 1,
-                    class: Z(T.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: Q(T.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (p(!0), _(ye, null, Ie(I.value, (K, te) => Ea((p(), le(ap, Ye({ key: te }, {
                       ...T.$props,
@@ -8541,7 +8541,7 @@ const fv = (e, n, a, t) => {
                     type: "button",
                     ref_key: "closeTimePickerBtn",
                     ref: u,
-                    class: Z(X.value),
+                    class: Q(X.value),
                     "aria-label": (q = g(s).ariaLabels) == null ? void 0 : q.closeTimePicker,
                     tabindex: "0",
                     onKeydown: [
@@ -8570,18 +8570,18 @@ const fv = (e, n, a, t) => {
   }, c = () => {
     l.value = null;
   }, v = (d) => Array.isArray(e.value) && n.range && e.value[0] && l.value ? d ? St(l.value, e.value[0]) : Dt(l.value, e.value[0]) : !0, m = (d, O) => {
-    const Q = () => e.value ? O ? e.value[0] || null : e.value[1] : null, G = e.value && Array.isArray(e.value) ? Q() : null;
+    const Z = () => e.value ? O ? e.value[0] || null : e.value[1] : null, G = e.value && Array.isArray(e.value) ? Z() : null;
     return qe(ee(d.value), G);
   }, u = (d) => {
     const O = Array.isArray(e.value) ? e.value[0] : null;
     return d ? !Dt(l.value || null, O) : !0;
-  }, h = (d, O = !0) => (n.range || n.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? n.hideOffsetDates && !d.current ? !1 : qe(ee(d.value), e.value[O ? 0 : 1]) : n.range ? m(d, O) && u(O) || qe(d.value, Array.isArray(e.value) ? e.value[0] : null) && v(O) : !1, $ = (d, O, Q) => Array.isArray(e.value) && e.value[0] && e.value.length === 1 ? d ? !1 : Q ? St(e.value[0], O.value) : Dt(e.value[0], O.value) : !1, A = (d) => !e.value || n.hideOffsetDates && !d.current ? !1 : n.range ? n.modelAuto && Array.isArray(e.value) ? qe(d.value, e.value[0] ? e.value[0] : i.value) : !1 : n.multiDates && Array.isArray(e.value) ? e.value.some((O) => qe(O, d.value)) : qe(d.value, e.value ? e.value : i.value), Y = (d) => {
+  }, h = (d, O = !0) => (n.range || n.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? n.hideOffsetDates && !d.current ? !1 : qe(ee(d.value), e.value[O ? 0 : 1]) : n.range ? m(d, O) && u(O) || qe(d.value, Array.isArray(e.value) ? e.value[0] : null) && v(O) : !1, $ = (d, O, Z) => Array.isArray(e.value) && e.value[0] && e.value.length === 1 ? d ? !1 : Z ? St(e.value[0], O.value) : Dt(e.value[0], O.value) : !1, A = (d) => !e.value || n.hideOffsetDates && !d.current ? !1 : n.range ? n.modelAuto && Array.isArray(e.value) ? qe(d.value, e.value[0] ? e.value[0] : i.value) : !1 : n.multiDates && Array.isArray(e.value) ? e.value.some((O) => qe(O, d.value)) : qe(d.value, e.value ? e.value : i.value), Y = (d) => {
     if (n.autoRange || n.weekPicker) {
       if (l.value) {
         if (n.hideOffsetDates && !d.current)
           return !1;
-        const O = ia(l.value, +n.autoRange), Q = r(ee(l.value));
-        return n.weekPicker ? qe(Q[1], ee(d.value)) : qe(O, ee(d.value));
+        const O = ia(l.value, +n.autoRange), Z = r(ee(l.value));
+        return n.weekPicker ? qe(Z[1], ee(d.value)) : qe(O, ee(d.value));
       }
       return !1;
     }
@@ -8592,8 +8592,8 @@ const fv = (e, n, a, t) => {
         const O = ia(l.value, +n.autoRange);
         if (n.hideOffsetDates && !d.current)
           return !1;
-        const Q = r(ee(l.value));
-        return n.weekPicker ? St(d.value, Q[0]) && Dt(d.value, Q[1]) : St(d.value, l.value) && Dt(d.value, O);
+        const Z = r(ee(l.value));
+        return n.weekPicker ? St(d.value, Z[0]) && Dt(d.value, Z[1]) : St(d.value, l.value) && Dt(d.value, O);
       }
       return !1;
     }
@@ -8621,7 +8621,7 @@ const fv = (e, n, a, t) => {
       (O = n.arrMapValues) != null && O.highlightedDates ? n.arrMapValues.highlightedDates : n.highlight
     ) : !1;
   }, ae = (d) => a(d.value) && n.highlightDisabledDays === !1, ce = (d) => n.highlightWeekDays && n.highlightWeekDays.includes(d.value.getDay()), T = (d) => (n.range || n.weekPicker) && (!(o.value.multiCalendars > 0) || d.current) && V() && !(!d.current && n.hideOffsetDates) && !A(d) ? L(d) : !1, k = (d) => {
-    const { isRangeStart: O, isRangeEnd: Q } = K(d), G = n.range ? O || Q : !1;
+    const { isRangeStart: O, isRangeEnd: Z } = K(d), G = n.range ? O || Z : !1;
     return {
       dp__cell_offset: !d.current,
       dp__pointer: !n.disabled && !(!d.current && n.hideOffsetDates) && !a(d.value),
@@ -8638,13 +8638,13 @@ const fv = (e, n, a, t) => {
     ...E(d),
     dp__range_between_week: T(d) && n.weekPicker
   }), K = (d) => {
-    const O = o.value.multiCalendars > 0 ? d.current && h(d) && V() : h(d) && V(), Q = o.value.multiCalendars > 0 ? d.current && h(d, !1) && V() : h(d, !1) && V();
-    return { isRangeStart: O, isRangeEnd: Q };
+    const O = o.value.multiCalendars > 0 ? d.current && h(d) && V() : h(d) && V(), Z = o.value.multiCalendars > 0 ? d.current && h(d, !1) && V() : h(d, !1) && V();
+    return { isRangeStart: O, isRangeEnd: Z };
   }, te = (d) => {
-    const { isRangeStart: O, isRangeEnd: Q } = K(d);
+    const { isRangeStart: O, isRangeEnd: Z } = K(d);
     return {
       dp__range_start: O,
-      dp__range_end: Q,
+      dp__range_end: Z,
       dp__range_between: T(d) && !n.weekPicker,
       dp__date_hover_start: $(N(d), d, !0),
       dp__date_hover_end: $(N(d), d, !1)
@@ -8751,7 +8751,7 @@ const fv = (e, n, a, t) => {
       updateMonthYear: R,
       selectDate: d,
       getWeekNum: O,
-      monthYearSelect: Q,
+      monthYearSelect: Z,
       handleScroll: G,
       handleArrow: C,
       handleSwipe: f,
@@ -8869,7 +8869,7 @@ const fv = (e, n, a, t) => {
               ref_key: "dpMenuRef",
               ref: Y,
               role: "dialog",
-              class: Z(zt.value),
+              class: Q(zt.value),
               onMouseleave: oe[14] || (oe[14] = //@ts-ignore
               (...ve) => g(se) && g(se)(...ve)),
               onClick: fa,
@@ -8884,14 +8884,14 @@ const fv = (e, n, a, t) => {
             }, [
               (j.disabled || j.readonly) && j.inline ? (p(), _("div", {
                 key: 0,
-                class: Z(jt.value)
+                class: Q(jt.value)
               }, null, 2)) : S("", !0),
               !j.inline && !j.teleportCenter ? (p(), _("div", {
                 key: 1,
-                class: Z(ht.value)
+                class: Q(ht.value)
               }, null, 2)) : S("", !0),
               D("div", {
-                class: Z({
+                class: Q({
                   dp__menu_content_wrapper: ((Se = j.presetRanges) == null ? void 0 : Se.length) || !!j.$slots["left-sidebar"] || !!j.$slots["right-sidebar"]
                 })
               }, [
@@ -8922,11 +8922,11 @@ const fv = (e, n, a, t) => {
                   role: "document"
                 }, [
                   D("div", {
-                    class: Z(Wt.value)
+                    class: Q(Wt.value)
                   }, [
                     (p(!0), _(ye, null, Ie(fe.value, (ve, It) => (p(), _("div", {
                       key: ve,
-                      class: Z(lt.value)
+                      class: Q(lt.value)
                     }, [
                       !j.disableMonthYearSelect && !j.timePicker ? (p(), le(jv, Ye({
                         key: 0,
@@ -8944,7 +8944,7 @@ const fv = (e, n, a, t) => {
                         onMount: oe[0] || (oe[0] = (Oe) => w("monthYearInput")),
                         onResetFlow: T,
                         onUpdateMonthYear: (Oe) => g(R)(ve, Oe),
-                        onMonthYearSelect: g(Q),
+                        onMonthYearSelect: g(Z),
                         onOverlayClosed: ae
                       }), gt({ _: 2 }, [
                         Ie(g(et), (Oe, ha) => ({
@@ -9107,11 +9107,11 @@ const fv = (e, n, a, t) => {
       highlightedDates: null
     }), { setMenuFocused: h, setShiftKey: $ } = Bl(), { clearArrowNav: A } = da(), { validateDate: Y, isValidTime: z, defaults: I, mapDatesArrToMap: L } = Bt(t);
     mt(() => {
-      q(t.modelValue), t.inline || (T(m.value).addEventListener("scroll", Q), window.addEventListener("resize", G)), t.inline && (o.value = !0), L(u);
+      q(t.modelValue), t.inline || (T(m.value).addEventListener("scroll", Z), window.addEventListener("resize", G)), t.inline && (o.value = !0), L(u);
     }), xn(() => {
       if (!t.inline) {
         const fe = T(m.value);
-        fe && fe.removeEventListener("scroll", Q), window.removeEventListener("resize", G);
+        fe && fe.removeEventListener("scroll", Z), window.removeEventListener("resize", G);
       }
     });
     const X = ka(r, "all", t.presetRanges), V = ka(r, "input");
@@ -9140,7 +9140,7 @@ const fv = (e, n, a, t) => {
     ), d = x(() => t.dark ? "dp__theme_dark" : "dp__theme_light"), O = x(() => t.teleport ? {
       to: typeof t.teleport == "boolean" ? "body" : t.teleport,
       disabled: t.inline
-    } : { class: "dp__outer_menu_wrap" }), Q = () => {
+    } : { class: "dp__outer_menu_wrap" }), Z = () => {
       o.value && (t.closeOnScroll ? Me() : ae());
     }, G = () => {
       o.value && ae();
@@ -9198,7 +9198,7 @@ const fv = (e, n, a, t) => {
       selectDate: b,
       clearValue: f,
       openMenu: C,
-      onScroll: Q,
+      onScroll: Z,
       formatInputValue: te,
       // exposed for testing purposes
       updateInternalModelValue: et,
@@ -9207,7 +9207,7 @@ const fv = (e, n, a, t) => {
       parseModel: Ct,
       switchView: bt
     }), (fe, xe) => (p(), _("div", {
-      class: Z(R.value),
+      class: Q(R.value),
       ref_key: "pickerWrapperRef",
       ref: m
     }, [
@@ -9496,7 +9496,7 @@ const Ap = /* @__PURE__ */ aa(Ip, [["__scopeId", "data-v-48304531"]]), Np = {
       readonly: a.readonly
     }));
     return (u, h) => (p(), _("div", {
-      class: Z(u.wrapperClasses)
+      class: Q(u.wrapperClasses)
     }, [
       (u.label || u.$slots.label) && !i.value ? (p(), le(g(Wl), {
         key: 0,
@@ -9513,7 +9513,7 @@ const Ap = /* @__PURE__ */ aa(Ip, [["__scopeId", "data-v-48304531"]]), Np = {
         _: 3
       }, 8, ["type", "has-error", "disabled", "for"])) : S("", !0),
       D("div", {
-        class: Z([u.inputWrapperClasses, "relative flex w-full items-center justify-center"])
+        class: Q([u.inputWrapperClasses, "relative flex w-full items-center justify-center"])
       }, [
         g(Cn)("leading", u.type, u.loading, u.$slots) ? (p(), le(Mr, {
           key: 0,
@@ -9539,7 +9539,7 @@ const Ap = /* @__PURE__ */ aa(Ip, [["__scopeId", "data-v-48304531"]]), Np = {
         g(Tp)(u.type, u.$slots, u.label) ? (p(), _("label", {
           key: 2,
           for: r,
-          class: Z([{ "!text-error": u.hasError }, "cursor-pointer select-none pl-2 text-sm peer-checked:text-primary peer-disabled:cursor-not-allowed peer-disabled:text-zinc-300"]),
+          class: Q([{ "!text-error": u.hasError }, "cursor-pointer select-none pl-2 text-sm peer-checked:text-primary peer-disabled:cursor-not-allowed peer-disabled:text-zinc-300"]),
           "data-test-choice-label": ""
         }, [
           B(u.$slots, "default", {}, () => [
@@ -9677,7 +9677,7 @@ function Wp(e, n, a) {
     groupHideEmpty: R,
     groupSelect: d,
     onCreate: O,
-    disabledProp: Q,
+    disabledProp: Z,
     searchStart: G,
     searchFilter: C
   } = Lt(e), f = an().proxy, y = a.iv, b = a.ev, F = a.search, ie = a.clearSearch, se = a.update, Ae = a.pointer, Me = a.clearPointer, be = a.focus, We = a.deactivate, Ge = a.close, et = a.localize, ht = W([]), st = W([]), at = W(!1), Ct = W(null), bt = W(te.value && l.value === -1 ? 10 : l.value), fe = x(() => s.value || c.value || !1), xe = x(() => m.value !== void 0 ? m.value : u.value !== void 0 ? u.value : !0), Ce = x(() => {
@@ -9686,7 +9686,7 @@ function Wp(e, n, a) {
       [], re = [];
       return M.forEach((Ne) => {
         Ze(Ne[E.value]).forEach((ct) => {
-          re.push(Object.assign({}, ct, Ne[Q.value] ? { [Q.value]: !0 } : {}));
+          re.push(Object.assign({}, ct, Ne[Z.value] ? { [Z.value]: !0 } : {}));
         });
       }), re;
     } else {
@@ -9728,8 +9728,8 @@ function Wp(e, n, a) {
         ...re,
         index: Ne,
         group: !0,
-        [E.value]: ut(ct, !1).map((ja) => Object.assign({}, ja, re[Q.value] ? { [Q.value]: !0 } : {})),
-        __VISIBLE__: ut(ct).map((ja) => Object.assign({}, ja, re[Q.value] ? { [Q.value]: !0 } : {}))
+        [E.value]: ut(ct, !1).map((ja) => Object.assign({}, ja, re[Z.value] ? { [Z.value]: !0 } : {})),
+        __VISIBLE__: ut(ct).map((ja) => Object.assign({}, ja, re[Z.value] ? { [Z.value]: !0 } : {}))
       };
     }));
   }), Rt = x(() => {
@@ -9795,7 +9795,7 @@ function Wp(e, n, a) {
       case "multiple":
         return !Gt(y.value) && y.value.map((re) => re[N.value]).indexOf(M[N.value]) !== -1;
     }
-  }, ft = (M) => M[Q.value] === !0, ve = () => ce === void 0 || ce.value === -1 || !Rt.value && ce.value > 0 ? !1 : y.value.length >= ce.value, It = (M) => {
+  }, ft = (M) => M[Z.value] === !0, ve = () => ce === void 0 || ce.value === -1 || !Rt.value && ce.value > 0 ? !1 : y.value.length >= ce.value, It = (M) => {
     if (!ft(M)) {
       if (O && O.value && !Se(M) && M.__CREATE__ && (M = { ...M }, delete M.__CREATE__, M = O.value(M, f), M instanceof Promise)) {
         at.value = !0, M.then((re) => {
@@ -9844,7 +9844,7 @@ function Wp(e, n, a) {
         case "multiple":
         case "tags":
           rn(M[E.value]) ? nt(M[E.value]) : Le(
-            M[E.value].filter((re) => y.value.map((Ne) => Ne[N.value]).indexOf(re[N.value]) === -1).filter((re) => !re[Q.value]).filter((re, Ne) => y.value.length + 1 + Ne <= ce.value || ce.value === -1)
+            M[E.value].filter((re) => y.value.map((Ne) => Ne[N.value]).indexOf(re[N.value]) === -1).filter((re) => !re[Z.value]).filter((re, Ne) => y.value.length + 1 + Ne <= ce.value || ce.value === -1)
           );
           break;
       }
@@ -9854,7 +9854,7 @@ function Wp(e, n, a) {
     Ht(M[N.value]) === void 0 && fe.value && (n.emit("tag", M[N.value], f), n.emit("option", M[N.value], f), n.emit("create", M[N.value], f), xe.value && At(M), ie());
   }, Mn = () => {
     r.value !== "single" && Le(lt.value.filter((M) => !M.disabled && !Se(M)));
-  }, rn = (M) => M.find((re) => !Se(re) && !re[Q.value]) === void 0, Sn = (M) => M.find((re) => !Se(re)) === void 0, Ht = (M) => Ce.value[Ce.value.map((re) => String(re[N.value])).indexOf(String(M))], ln = (M, re = !0) => Ce.value.map((Ne) => parseInt(Ne[U.value]) == Ne[U.value] ? parseInt(Ne[U.value]) : Ne[U.value]).indexOf(
+  }, rn = (M) => M.find((re) => !Se(re) && !re[Z.value]) === void 0, Sn = (M) => M.find((re) => !Se(re)) === void 0, Ht = (M) => Ce.value[Ce.value.map((re) => String(re[N.value])).indexOf(String(M))], ln = (M, re = !0) => Ce.value.map((Ne) => parseInt(Ne[U.value]) == Ne[U.value] ? parseInt(Ne[U.value]) : Ne[U.value]).indexOf(
     parseInt(M) == M ? parseInt(M) : M
   ), ke = (M) => ["tags", "multiple"].indexOf(r.value) !== -1 && i.value && Se(M), At = (M) => {
     ht.value.push(M);
@@ -9864,7 +9864,7 @@ function Wp(e, n, a) {
     let Ne = M;
     if (F.value && L.value) {
       let ct = C.value;
-      ct || (ct = (ja, B0) => {
+      ct || (ct = (ja, R0) => {
         let kr = zn(et(ja[U.value]), T.value);
         return G.value ? kr.startsWith(zn(F.value, T.value)) : kr.indexOf(zn(F.value, T.value)) !== -1;
       }), Ne = Ne.filter(ct);
@@ -9916,7 +9916,7 @@ function Wp(e, n, a) {
     Ct.value = He(F, (M) => {
       M.length < I.value || !M && I.value !== 0 || (at.value = !0, X.value && (st.value = []), setTimeout(() => {
         M == F.value && t.value(F.value, f).then((re) => {
-          (M == F.value || !F.value) && (st.value = re, Ae.value = lt.value.filter((Ne) => Ne[Q.value] !== !0)[0] || null, at.value = !1);
+          (M == F.value || !F.value) && (st.value = re, Ae.value = lt.value.filter((Ne) => Ne[Z.value] !== !0)[0] || null, at.value = !1);
         }).catch(
           /* istanbul ignore next */
           (re) => {
@@ -10009,7 +10009,7 @@ function Hp(e, n, a) {
     return b[b.map((F) => F[t.value]).indexOf(z.value[t.value]) + 1];
   }), E = x(() => [...T.value.__VISIBLE__.filter((b) => !b[v.value])].slice(-1)[0]), R = x(() => [...P.value.__VISIBLE__.filter((b) => !b[v.value])].slice(-1)[0]), d = (b) => z.value && (!b.group && z.value[t.value] === b[t.value] || b.group !== void 0 && z.value[l.value] === b[l.value]) ? !0 : void 0, O = () => {
     I(N.value[0] || null);
-  }, Q = () => {
+  }, Z = () => {
     !z.value || z.value[v.value] === !0 || (ae.value ? A(z.value) : $(z.value));
   }, G = () => {
     if (z.value === null)
@@ -10064,7 +10064,7 @@ function Hp(e, n, a) {
     canPointGroups: J,
     isPointed: d,
     setPointerFirst: O,
-    selectPointer: Q,
+    selectPointer: Z,
     forwardPointer: G,
     backwardPointer: C
   };
@@ -10146,8 +10146,8 @@ function zp(e, n, a) {
   return {
     handleKeydown: (d) => {
       n.emit("keydown", d, $);
-      let O, Q;
-      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(d.key) !== -1 && t.value === "tags" && (O = [...N.value.querySelectorAll("[data-tags] > *")].filter((G) => G !== J.value), Q = O.findIndex((G) => G === document.activeElement)), d.key) {
+      let O, Z;
+      switch (["ArrowLeft", "ArrowRight", "Enter"].indexOf(d.key) !== -1 && t.value === "tags" && (O = [...N.value.querySelectorAll("[data-tags] > *")].filter((G) => G !== J.value), Z = O.findIndex((G) => G === document.activeElement)), d.key) {
         case "Backspace":
           if (t.value === "single" || l.value && [null, ""].indexOf(z.value) === -1 || A.value.length === 0)
             return;
@@ -10156,8 +10156,8 @@ function zp(e, n, a) {
         case "Enter":
           if (d.preventDefault(), d.keyCode === 229)
             return;
-          if (Q !== -1 && Q !== void 0) {
-            Y([...A.value].filter((G, C) => C !== Q)), Q === O.length - 1 && (O.length - 1 ? O[O.length - 2].focus() : l.value ? J.value.querySelector("input").focus() : H.value.focus());
+          if (Z !== -1 && Z !== void 0) {
+            Y([...A.value].filter((G, C) => C !== Z)), Z === O.length - 1 && (O.length - 1 ? O[O.length - 2].focus() : l.value ? J.value.querySelector("input").focus() : H.value.focus());
             return;
           }
           if (q.value.indexOf("enter") === -1 && P.value)
@@ -10198,12 +10198,12 @@ function zp(e, n, a) {
         case "ArrowLeft":
           if (l.value && J.value && J.value.querySelector("input").selectionStart || d.shiftKey || t.value !== "tags" || !A.value || !A.value.length)
             return;
-          d.preventDefault(), Q === -1 ? O[O.length - 1].focus() : Q > 0 && O[Q - 1].focus();
+          d.preventDefault(), Z === -1 ? O[O.length - 1].focus() : Z > 0 && O[Z - 1].focus();
           break;
         case "ArrowRight":
-          if (Q === -1 || d.shiftKey || t.value !== "tags" || !A.value || !A.value.length)
+          if (Z === -1 || d.shiftKey || t.value !== "tags" || !A.value || !A.value.length)
             return;
-          d.preventDefault(), O.length > Q + 1 ? O[Q + 1].focus() : l.value ? J.value.querySelector("input").focus() : l.value || H.value.focus();
+          d.preventDefault(), O.length > Z + 1 ? O[Z + 1].focus() : l.value ? J.value.querySelector("input").focus() : l.value || H.value.focus();
           break;
       }
     },
@@ -10781,7 +10781,7 @@ const Xp = ["id", "dir"], Jp = ["tabindex", "aria-controls", "aria-placeholder",
 function bf(e, n, a, t, r, o) {
   return p(), _("div", {
     ref: "multiselect",
-    class: Z(e.classList.container),
+    class: Q(e.classList.container),
     id: a.searchable ? void 0 : a.id,
     dir: a.rtl ? "rtl" : void 0,
     onFocusin: n[10] || (n[10] = (...l) => e.handleFocusIn && e.handleFocusIn(...l)),
@@ -10829,7 +10829,7 @@ function bf(e, n, a, t, r, o) {
         "div",
         {
           key: 1,
-          class: Z(e.classList.tags),
+          class: Q(e.classList.tags),
           "data-tags": ""
         },
         [
@@ -10842,7 +10842,7 @@ function bf(e, n, a, t, r, o) {
               disabled: a.disabled
             }, () => [
               (p(), _("span", {
-                class: Z([
+                class: Q([
                   e.classList.tag,
                   l.disabled ? e.classList.tagDisabled : null
                 ]),
@@ -10858,13 +10858,13 @@ function bf(e, n, a, t, r, o) {
                 ),
                 !a.disabled && !l.disabled ? (p(), _("span", {
                   key: 0,
-                  class: Z(e.classList.tagRemove),
+                  class: Q(e.classList.tagRemove),
                   onClick: tt((c) => e.handleTagRemove(l, c), ["stop"])
                 }, [
                   D(
                     "span",
                     {
-                      class: Z(e.classList.tagRemoveIcon)
+                      class: Q(e.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -10879,7 +10879,7 @@ function bf(e, n, a, t, r, o) {
           D(
             "div",
             {
-              class: Z(e.classList.tagsSearchWrapper),
+              class: Q(e.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -10887,7 +10887,7 @@ function bf(e, n, a, t, r, o) {
               D(
                 "span",
                 {
-                  class: Z(e.classList.tagsSearchCopy)
+                  class: Q(e.classList.tagsSearchCopy)
                 },
                 pe(e.search),
                 3
@@ -10932,13 +10932,13 @@ function bf(e, n, a, t, r, o) {
         D(
           "div",
           {
-            class: Z(e.classList.singleLabel)
+            class: Q(e.classList.singleLabel)
           },
           [
             D(
               "span",
               {
-                class: Z(e.classList.singleLabelText)
+                class: Q(e.classList.singleLabelText)
               },
               pe(e.localize(e.iv[a.label])),
               3
@@ -10955,7 +10955,7 @@ function bf(e, n, a, t, r, o) {
         values: e.iv
       }, () => [
         D("div", {
-          class: Z(e.classList.multipleLabel),
+          class: Q(e.classList.multipleLabel),
           innerHTML: e.multipleLabelText
         }, null, 10, rf)
       ]) : S("v-if", !0),
@@ -10964,7 +10964,7 @@ function bf(e, n, a, t, r, o) {
         D(
           "div",
           {
-            class: Z(e.classList.placeholder),
+            class: Q(e.classList.placeholder),
             "aria-hidden": "true"
           },
           pe(a.placeholder),
@@ -10977,7 +10977,7 @@ function bf(e, n, a, t, r, o) {
         D(
           "span",
           {
-            class: Z(e.classList.spinner),
+            class: Q(e.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -10998,7 +10998,7 @@ function bf(e, n, a, t, r, o) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: Z(e.classList.clear),
+            class: Q(e.classList.clear),
             onClick: n[6] || (n[6] = (...l) => e.clear && e.clear(...l)),
             onKeyup: n[7] || (n[7] = Te((...l) => e.clear && e.clear(...l), ["enter"]))
           },
@@ -11006,7 +11006,7 @@ function bf(e, n, a, t, r, o) {
             D(
               "span",
               {
-                class: Z(e.classList.clearIcon)
+                class: Q(e.classList.clearIcon)
               },
               null,
               2
@@ -11022,7 +11022,7 @@ function bf(e, n, a, t, r, o) {
         D(
           "span",
           {
-            class: Z(e.classList.caret),
+            class: Q(e.classList.caret),
             onClick: n[8] || (n[8] = (...l) => e.handleCaretClick && e.handleCaretClick(...l)),
             "aria-hidden": "true"
           },
@@ -11036,13 +11036,13 @@ function bf(e, n, a, t, r, o) {
     D(
       "div",
       {
-        class: Z(e.classList.dropdown),
+        class: Q(e.classList.dropdown),
         tabindex: "-1"
       },
       [
         B(e.$slots, "beforelist", { options: e.fo }),
         D("ul", {
-          class: Z(e.classList.options),
+          class: Q(e.classList.options),
           id: e.ariaControls,
           role: "listbox"
         }, [
@@ -11050,7 +11050,7 @@ function bf(e, n, a, t, r, o) {
             ye,
             { key: 0 },
             Ie(e.fg, (l, i, s) => (p(), _("li", {
-              class: Z(e.classList.group),
+              class: Q(e.classList.group),
               key: s,
               id: e.ariaGroupId(l),
               "aria-label": e.ariaGroupLabel(e.localize(l[a.groupLabel])),
@@ -11059,7 +11059,7 @@ function bf(e, n, a, t, r, o) {
             }, [
               l.__CREATE__ ? S("v-if", !0) : (p(), _("div", {
                 key: 0,
-                class: Z(e.classList.groupLabel(l)),
+                class: Q(e.classList.groupLabel(l)),
                 "data-pointed": e.isPointed(l),
                 onMouseenter: (c) => e.setPointer(l, i),
                 onClick: (c) => e.handleGroupClick(l)
@@ -11075,7 +11075,7 @@ function bf(e, n, a, t, r, o) {
                 ])
               ], 42, sf)),
               D("ul", {
-                class: Z(e.classList.groupOptions),
+                class: Q(e.classList.groupOptions),
                 "aria-label": e.ariaGroupLabel(e.localize(l[a.groupLabel])),
                 role: "group"
               }, [
@@ -11083,7 +11083,7 @@ function bf(e, n, a, t, r, o) {
                   ye,
                   null,
                   Ie(l.__VISIBLE__, (c, v, m) => (p(), _("li", {
-                    class: Z(e.classList.option(c, l)),
+                    class: Q(e.classList.option(c, l)),
                     "data-pointed": e.isPointed(c),
                     "data-selected": e.isSelected(c) || void 0,
                     key: m,
@@ -11120,7 +11120,7 @@ function bf(e, n, a, t, r, o) {
             ye,
             { key: 1 },
             Ie(e.fo, (l, i, s) => (p(), _("li", {
-              class: Z(e.classList.option(l)),
+              class: Q(e.classList.option(l)),
               "data-pointed": e.isPointed(l),
               "data-selected": e.isSelected(l) || void 0,
               key: s,
@@ -11152,13 +11152,13 @@ function bf(e, n, a, t, r, o) {
         ], 10, lf),
         e.noOptions ? B(e.$slots, "nooptions", { key: 0 }, () => [
           D("div", {
-            class: Z(e.classList.noOptions),
+            class: Q(e.classList.noOptions),
             innerHTML: e.localize(a.noOptionsText)
           }, null, 10, pf)
         ]) : S("v-if", !0),
         e.noResults ? B(e.$slots, "noresults", { key: 1 }, () => [
           D("div", {
-            class: Z(e.classList.noResults),
+            class: Q(e.classList.noResults),
             innerHTML: e.localize(a.noResultsText)
           }, null, 10, ff)
         ]) : S("v-if", !0),
@@ -11166,7 +11166,7 @@ function bf(e, n, a, t, r, o) {
           "div",
           {
             key: 2,
-            class: Z(e.classList.inifinite),
+            class: Q(e.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -11174,7 +11174,7 @@ function bf(e, n, a, t, r, o) {
               D(
                 "span",
                 {
-                  class: Z(e.classList.inifiniteSpinner)
+                  class: Q(e.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -11193,7 +11193,7 @@ function bf(e, n, a, t, r, o) {
     S(" Hacky input element to show HTML5 required warning "),
     a.required ? (p(), _("input", {
       key: 0,
-      class: Z(e.classList.fakeInput),
+      class: Q(e.classList.fakeInput),
       tabindex: "-1",
       value: e.textValue,
       required: ""
@@ -11227,7 +11227,7 @@ function bf(e, n, a, t, r, o) {
     S(" Screen reader assistive text "),
     a.searchable && e.hasSelected ? (p(), _("div", {
       key: 2,
-      class: Z(e.classList.assist),
+      class: Q(e.classList.assist),
       id: e.ariaAssist,
       "aria-hidden": "true"
     }, pe(e.ariaLabel), 11, yf)) : S("v-if", !0),
@@ -11235,7 +11235,7 @@ function bf(e, n, a, t, r, o) {
     D(
       "div",
       {
-        class: Z(e.classList.spacer)
+        class: Q(e.classList.spacer)
       },
       null,
       2
@@ -11308,7 +11308,7 @@ const kf = ["onClick"], Cf = {
   key: 1,
   class: "order-2 mt-1.5 flex items-center gap-x-1 text-xs italic text-error",
   "data-test-error-message": ""
-}, G0 = /* @__PURE__ */ we({
+}, Z0 = /* @__PURE__ */ we({
   inheritAttrs: !1,
   __name: "AppSelect",
   props: {
@@ -11322,7 +11322,7 @@ const kf = ["onClick"], Cf = {
   setup(e) {
     const n = e, a = ua(), t = x(() => Object.keys(a).filter((r) => r !== "tag"));
     return (r, o) => (p(), _("div", {
-      class: Z(r.wrapperClasses)
+      class: Q(r.wrapperClasses)
     }, [
       r.label || r.$slots.label ? (p(), le(g(Wl), {
         key: 0,
@@ -11346,7 +11346,7 @@ const kf = ["onClick"], Cf = {
       }), gt({
         tag: ne((l) => [
           D("div", {
-            class: Z(g(Ca).tag)
+            class: Q(g(Ca).tag)
           }, [
             B(r.$slots, "tag", je(kt(l)), () => {
               var i;
@@ -11356,11 +11356,11 @@ const kf = ["onClick"], Cf = {
             }),
             l.disabled ? S("", !0) : (p(), _("span", {
               key: 0,
-              class: Z(g(Ca).tagRemove),
+              class: Q(g(Ca).tagRemove),
               onClick: (i) => l.handleTagRemove(l.option, i)
             }, [
               D("span", {
-                class: Z(g(Ca).tagRemoveIcon)
+                class: Q(g(Ca).tagRemoveIcon)
               }, null, 2)
             ], 10, kf))
           ], 2)
@@ -11386,7 +11386,7 @@ const Wl = /* @__PURE__ */ we({
   },
   setup(e) {
     return (n, a) => (p(), _("label", {
-      class: Z([{ "text-error": n.hasError, "select-none text-zinc-300": n.disabled }, "mb-2 block text-base font-semibold text-black"])
+      class: Q([{ "text-error": n.hasError, "select-none text-zinc-300": n.disabled }, "mb-2 block text-base font-semibold text-black"])
     }, [
       B(n.$slots, "default")
     ], 2));
@@ -11423,7 +11423,7 @@ function Df() {
   const e = document.createElement("div");
   return e.classList.add(...Pf), to(ao(Ti), e), e;
 }
-const Z0 = /* @__PURE__ */ we({
+const Q0 = /* @__PURE__ */ we({
   __name: "AppMaps",
   props: {
     withMarker: { type: Boolean, default: !0 },
@@ -11495,7 +11495,7 @@ const Z0 = /* @__PURE__ */ we({
     return (s, c) => (p(), le(dt(g(a)), {
       to: s.item.to,
       href: s.item.href,
-      class: Z([{
+      class: Q([{
         "md:bg-primary": s.item.active ?? !1,
         "!rounded-full": s.item.rounded ?? !1,
         "mb-4": !s.item.bottom,
@@ -11505,7 +11505,7 @@ const Z0 = /* @__PURE__ */ we({
     }, {
       default: ne(() => [
         (p(), le(dt(o.value ? l.value : "span"), {
-          class: Z([{ "!h-6": !o.value }, "app-navigation-item h-6 w-6 stroke-2 md:h-5 md:w-5 md:text-white"]),
+          class: Q([{ "!h-6": !o.value }, "app-navigation-item h-6 w-6 stroke-2 md:h-5 md:w-5 md:text-white"]),
           size: r.value ? "extra-small" : void 0,
           "data-test-icon": ""
         }, {
@@ -11642,7 +11642,7 @@ const Z0 = /* @__PURE__ */ we({
     const { navigationItems: n, mainMenuOpen: a } = nn();
     return (t, r) => (p(), _("div", null, [
       D("aside", {
-        class: Z([{ "flex-col px-3 md:!w-20": g(a) }, "app-navigation-menu sticky top-0 hidden h-screen w-0 justify-center py-5 transition-all duration-500 before:absolute before:-right-8 before:top-0 before:h-8 before:w-8 before:bg-transparent after:absolute after:-right-8 after:bottom-0 after:h-8 after:w-8 after:bg-transparent md:flex md:bg-secondary"]),
+        class: Q([{ "flex-col px-3 md:!w-20": g(a) }, "app-navigation-menu sticky top-0 hidden h-screen w-0 justify-center py-5 transition-all duration-500 before:absolute before:-right-8 before:top-0 before:h-8 before:w-8 before:bg-transparent after:absolute after:-right-8 after:bottom-0 after:h-8 after:w-8 after:bg-transparent md:flex md:bg-secondary"]),
         "data-test-main-menu": ""
       }, [
         D("ul", Bf, [
@@ -11675,7 +11675,7 @@ const Hl = /* @__PURE__ */ aa(Yf, [["__scopeId", "data-v-8287ec08"]]), Vf = { cl
 }, Wf = {
   class: "rounded-r-lg bg-yellow-400 px-2 py-1.5 uppercase",
   "data-test-license-plate": ""
-}, Q0 = /* @__PURE__ */ we({
+}, X0 = /* @__PURE__ */ we({
   __name: "AppLicensePlate",
   props: {
     license: { default: void 0 },
@@ -11725,10 +11725,10 @@ const Hl = /* @__PURE__ */ aa(Yf, [["__scopeId", "data-v-8287ec08"]]), Vf = { cl
       "bg-white"
     ] : ["w-10"]);
     return (o, l) => (p(), _("div", {
-      class: Z(r.value)
+      class: Q(r.value)
     }, [
       (p(), le(dt(a.value), {
-        class: Z([t.value, "relative"])
+        class: Q([t.value, "relative"])
       }, null, 8, ["class"]))
     ], 2));
   }
@@ -11789,7 +11789,7 @@ const Hl = /* @__PURE__ */ aa(Yf, [["__scopeId", "data-v-8287ec08"]]), Vf = { cl
       ])
     ]));
   }
-}), Zf = { class: "space-y-5" }, X0 = /* @__PURE__ */ we({
+}), Zf = { class: "space-y-5" }, J0 = /* @__PURE__ */ we({
   __name: "AppTimeline",
   props: {
     items: {}
@@ -11839,7 +11839,7 @@ const am = (e) => (Wa("data-v-e0a0b7f0"), e = e(), Ha(), e), nm = ["onClick"], r
       D("input", {
         type: "checkbox",
         checked: g(t),
-        class: Z(e.status)
+        class: Q(e.status)
       }, null, 10, rm),
       lm
     ], 8, nm));
@@ -11922,11 +11922,11 @@ const pm = (e) => (Wa("data-v-4ca5de3a"), e = e(), Ha(), e), fm = { class: "easy
         hm
       ]),
       D("ul", {
-        class: Z(["select-items", { show: t.value, inside: r.value }])
+        class: Q(["select-items", { show: t.value, inside: r.value }])
       }, [
         (p(!0), _(ye, null, Ie(e.rowsItems, (h) => (p(), _("li", {
           key: h,
-          class: Z({ selected: h === g(l) }),
+          class: Q({ selected: h === g(l) }),
           onClick: ($) => i(h)
         }, pe(h), 11, gm))), 128))
       ], 2)
@@ -12078,7 +12078,7 @@ const Om = { class: "buttons-pagination" }, Im = ["onClick"], Am = /* @__PURE__
     return (i, s) => (p(), _("div", Om, [
       (p(!0), _(ye, null, Ie(g(o), (c, v) => (p(), _("div", {
         key: v,
-        class: Z(["item", {
+        class: Q(["item", {
           button: c.type === "button",
           active: c.type === "button" && c.active,
           "active-prev": c.type === "button" && c.activePrev,
@@ -12105,12 +12105,12 @@ const Fl = (e) => (Wa("data-v-c9da5286"), e = e(), Ha(), e), Lm = /* @__PURE__ *
     const a = ua();
     return (t, r) => (p(), _(ye, null, [
       D("div", {
-        class: Z(["previous-page__click-button", { "first-page": e.isFirstPage }]),
+        class: Q(["previous-page__click-button", { "first-page": e.isFirstPage }]),
         onClick: r[0] || (r[0] = (o) => n("clickPrevPage"))
       }, Em, 2),
       g(a).buttonsPagination ? B(t.$slots, "buttonsPagination", { key: 0 }, void 0, !0) : S("", !0),
       D("div", {
-        class: Z(["next-page__click-button", { "last-page": e.isLastPage }]),
+        class: Q(["next-page__click-button", { "last-page": e.isLastPage }]),
         onClick: r[1] || (r[1] = (o) => n("clickNextPage"))
       }, Rm, 2)
     ], 64));
@@ -12197,13 +12197,13 @@ function Fm(e, n, a, t, r, o, l, i, s, c, v, m, u, h, $, A, Y, z, I) {
       const O = Object.assign(d);
       if (O.sortable && (O.sortType = "none"), u.value)
         if (Array.isArray(u.value.sortBy) && Array.isArray(u.value.sortType) && u.value.sortBy.includes(O.value)) {
-          const Q = u.value.sortBy.indexOf(O.value);
-          O.sortType = u.value.sortType[Q];
+          const Z = u.value.sortBy.indexOf(O.value);
+          O.sortType = u.value.sortType[Z];
         } else
           O.value === u.value.sortBy && u.value.sortType && (O.sortType = u.value.sortType);
       if (H.value && Array.isArray(H.value.sortBy) && Array.isArray(H.value.sortDesc) && H.value.sortBy.includes(O.value)) {
-        const Q = H.value.sortBy.indexOf(O.value);
-        O.sortType = H.value.sortDesc[Q] ? "desc" : "asc";
+        const Z = H.value.sortBy.indexOf(O.value);
+        O.sortType = H.value.sortDesc[Z] ? "desc" : "asc";
       } else
         H.value && O.value === H.value.sortBy && (O.sortType = H.value.sortDesc ? "desc" : "asc");
       return O;
@@ -12757,7 +12757,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
       themeColor: R,
       rowsOfPageSeparatorMessage: d,
       showIndexSymbol: O,
-      preventContextMenuRow: Q
+      preventContextMenuRow: Z
     } = Lt(t), G = x(() => te.value ? `${te.value}px` : null), C = x(() => `${E.value}px`);
     Kn("themeColor", R.value);
     const f = ua(), y = x(() => !!f.pagination), b = x(() => !!f.loading), F = x(() => !!f.expand), ie = x(() => !!f.body), se = W(), Ae = W();
@@ -12815,7 +12815,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
     } = Hm(bt), {
       clickRow: rn
     } = Um(o, be, P, a), Sn = (ke, At) => {
-      Q.value && At.preventDefault(), a("contextmenuRow", ke, At);
+      Z.value && At.preventDefault(), a("contextmenuRow", ke, At);
     }, Ht = (ke) => {
       var At;
       const he = (At = ke.width) != null ? At : ha.value.length ? 100 : null;
@@ -12857,12 +12857,12 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
     }), (ke, At) => (p(), _("div", {
       ref_key: "dataTable",
       ref: se,
-      class: Z(["vue3-easy-data-table", [ke.tableClassName]])
+      class: Q(["vue3-easy-data-table", [ke.tableClassName]])
     }, [
       D("div", {
         ref_key: "tableBody",
         ref: Ae,
-        class: Z(["vue3-easy-data-table__main", {
+        class: Q(["vue3-easy-data-table__main", {
           "fixed-header": g(h),
           "fixed-height": g(te),
           "show-shadow": Me.value,
@@ -12880,12 +12880,12 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
           ]),
           g(f)["customize-headers"] ? B(ke.$slots, "customize-headers", { key: 0 }, void 0, !0) : g(bt).length && !ke.hideHeader ? (p(), _("thead", {
             key: 1,
-            class: Z(["vue3-easy-data-table__header", [ke.headerClassName]])
+            class: Q(["vue3-easy-data-table__header", [ke.headerClassName]])
           }, [
             D("tr", null, [
               (p(!0), _(ye, null, Ie(g(bt), (he, ut) => (p(), _("th", {
                 key: ut,
-                class: Z([{
+                class: Q([{
                   sortable: he.sortable,
                   none: he.sortable && he.sortType === "none",
                   desc: he.sortable && he.sortType === "desc",
@@ -12901,12 +12901,12 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
                   onChange: g(fa)
                 }, null, 8, ["status", "onChange"])) : (p(), _("span", {
                   key: 1,
-                  class: Z(["header", `direction-${g(Y)}`])
+                  class: Q(["header", `direction-${g(Y)}`])
                 }, [
                   g(f)[`header-${he.value}`] ? B(ke.$slots, `header-${he.value}`, je(Ye({ key: 0 }, he)), void 0, !0) : g(f)[`header-${he.value.toLowerCase()}`] ? B(ke.$slots, `header-${he.value.toLowerCase()}`, je(Ye({ key: 1 }, he)), void 0, !0) : g(f).header ? B(ke.$slots, "header", je(Ye({ key: 2 }, he)), void 0, !0) : (p(), _("span", t0, pe(he.text), 1)),
                   he.sortable ? (p(), _("i", {
                     key: he.sortType ? he.sortType : "none",
-                    class: Z(["sortType-icon", { desc: he.sortType === "desc" }])
+                    class: Q(["sortType-icon", { desc: he.sortType === "desc" }])
                   }, null, 2)) : S("", !0),
                   g(N) && g(xe)(he.value) ? (p(), _("span", a0, pe(g(Ce)(he.value)), 1)) : S("", !0)
                 ], 2))
@@ -12915,7 +12915,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
           ], 2)) : S("", !0),
           g(ie) ? B(ke.$slots, "body", je(Ye({ key: 2 }, g(Se))), void 0, !0) : g(Ct).length ? (p(), _("tbody", {
             key: 3,
-            class: Z(["vue3-easy-data-table__body", { "row-alternation": ke.alternating }])
+            class: Q(["vue3-easy-data-table__body", { "row-alternation": ke.alternating }])
           }, [
             B(ke.$slots, "body-prepend", je(kt({
               items: g(Se),
@@ -12931,7 +12931,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
             })), void 0, !0),
             (p(!0), _(ye, null, Ie(g(Se), (he, ut) => (p(), _(ye, { key: ut }, [
               D("tr", {
-                class: Z([
+                class: Q([
                   { "even-row": (ut + 1) % 2 === 0 },
                   typeof ke.bodyRowClassName == "string" ? ke.bodyRowClassName : ke.bodyRowClassName(he, ut + 1)
                 ]),
@@ -12948,7 +12948,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
                 (p(!0), _(ye, null, Ie(g(Ct), (Ze, Sa) => (p(), _("td", {
                   key: Sa,
                   style: Ft(ln(Ze, "td")),
-                  class: Z([{
+                  class: Q([{
                     shadow: Ze === g(qt),
                     "can-expand": Ze === "expand"
                   }, typeof ke.bodyItemClassName == "string" ? ke.bodyItemClassName : ke.bodyItemClassName(Ze, ut + 1), `direction-${g(l)}`]),
@@ -12956,7 +12956,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
                 }, [
                   g(f)[`item-${Ze}`] ? B(ke.$slots, `item-${Ze}`, je(Ye({ key: 0 }, he)), void 0, !0) : g(f)[`item-${Ze.toLowerCase()}`] ? B(ke.$slots, `item-${Ze.toLowerCase()}`, je(Ye({ key: 1 }, he)), void 0, !0) : Ze === "expand" ? (p(), _("i", {
                     key: 2,
-                    class: Z(["expand-icon", { expanding: g(ve).includes(g(ft) + ut) }])
+                    class: Q(["expand-icon", { expanding: g(ve).includes(g(ft) + ut) }])
                   }, null, 2)) : Ze === "checkbox" ? (p(), le(vm, {
                     key: 3,
                     checked: he[Ze],
@@ -12968,7 +12968,7 @@ const Xm = (e) => (Wa("data-v-32683533"), e = e(), Ha(), e), Jm = ["id"], e0 = [
               ], 42, n0),
               g(F) && g(ve).includes(ut + g(ft)) ? (p(), _("tr", {
                 key: 0,
-                class: Z([
+                class: Q([
                   { "even-row": (ut + 1) % 2 === 0 },
                   typeof ke.bodyExpandRowClassName == "string" ? ke.bodyExpandRowClassName : ke.bodyExpandRowClassName(he, ut + 1)
                 ])
@@ -13102,7 +13102,7 @@ const f0 = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
       ])
     ]));
   }
-}), J0 = /* @__PURE__ */ we({
+}), eh = /* @__PURE__ */ we({
   inheritAttrs: !1,
   __name: "AppDataTable",
   props: {
@@ -13207,11 +13207,11 @@ const y0 = {
     }), (c, v) => (p(), _("div", {
       ref_key: "actionBarItem",
       ref: t,
-      class: Z([g(y0)[i.value], "cursor-pointer px-3 py-4 hover:bg-black-100/20"]),
+      class: Q([g(y0)[i.value], "cursor-pointer px-3 py-4 hover:bg-black-100/20"]),
       onClick: s
     }, [
       (p(), le(dt(l.value), {
-        class: Z([{ "text-yellow-600": r.value }, "h-5 w-5"]),
+        class: Q([{ "text-yellow-600": r.value }, "h-5 w-5"]),
         size: "small"
       }, null, 8, ["class"]))
     ], 2));
@@ -13234,7 +13234,7 @@ const y0 = {
     }), (m, u) => {
       const h = ro("tippy");
       return p(), _("div", {
-        class: Z([{ "!translate-y-0": g(n).length > 0 && g(t) }, "fixed inset-x-0 top-0 z-100 -mt-20 flex h-14 -translate-y-24 items-center justify-between bg-secondary px-4 text-white transition-all ease-in-out md:sticky"])
+        class: Q([{ "!translate-y-0": g(n).length > 0 && g(t) }, "fixed inset-x-0 top-0 z-100 -mt-14 flex h-14 -translate-y-24 items-center justify-between bg-secondary px-4 text-white transition-all ease-in-out md:sticky"])
       }, [
         D("div", w0, [
           $e(Lp, {
@@ -13277,7 +13277,7 @@ const y0 = {
   },
   setup(e) {
     return (n, a) => (p(), le(dt(n.as), {
-      class: Z([{
+      class: Q([{
         "-ml-px !border-primary bg-primary text-white hover:!bg-primary": n.active,
         "border-y !border-y-zinc-300 !bg-zinc-100 !text-zinc-300": n.disabled,
         "hover:border-y hover:border-zinc-300 hover:bg-zinc-100": n.as === "a"
@@ -13330,7 +13330,7 @@ const y0 = {
     return (u, h) => (p(), _("div", x0, [
       D("div", null, [
         D("nav", {
-          class: Z([{ "pointer-events-none opacity-50": !u.loaded }, "flex rounded-lg border border-zinc-300"]),
+          class: Q([{ "pointer-events-none opacity-50": !u.loaded }, "flex rounded-lg border border-zinc-300"]),
           "aria-label": "Pagination"
         }, [
           $e(qn, {
@@ -13361,7 +13361,7 @@ const y0 = {
             _: 2
           }, 1032, ["as", "active", "onClick"]))), 128)),
           $e(qn, {
-            class: Z([{ "cursor-not-allowed": c.value === null }, "rounded-r-lg"]),
+            class: Q([{ "cursor-not-allowed": c.value === null }, "rounded-r-lg"]),
             disabled: c.value === null,
             href: "#",
             onClick: h[1] || (h[1] = tt(() => n("nextPage"), ["prevent"]))
@@ -13385,7 +13385,7 @@ const y0 = {
 }, S0 = { class: "flex grow justify-center px-10 transition-all md:items-center md:px-24" }, O0 = { class: "mx-auto md:max-w-lg" }, I0 = {
   class: "hidden w-1/2 md:block",
   "data-test-layout-image-wrapper": ""
-}, A0 = ["src"], eh = /* @__PURE__ */ we({
+}, A0 = ["src"], th = /* @__PURE__ */ we({
   __name: "Auth",
   setup(e) {
     const { layoutImage: n } = ul();
@@ -13408,11 +13408,11 @@ const y0 = {
       ])
     ]));
   }
-}), N0 = { class: "flex min-h-screen w-screen flex-col md:flex-row" }, L0 = { class: "w-full px-4 py-8 md:px-6 md:py-12" }, E0 = {
+}), N0 = { class: "flex min-h-screen w-screen flex-col md:flex-row" }, L0 = { class: "relative order-4 flex shrink-0 grow flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:basis-0 md:overflow-y-auto md:overflow-x-hidden" }, E0 = { class: "h-full w-full px-4 py-8 md:px-6 md:py-12" }, B0 = {
   id: "sidebar-wrapper",
-  class: "order-3 flex w-full max-w-full shrink-0 grow-0 flex-col overflow-x-hidden bg-zinc-100 px-4 pt-8 transition-all empty:-mr-96 empty:ml-0 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:order-4 md:max-h-screen md:w-96 md:overflow-hidden md:rounded-l-3xl md:bg-white md:px-12 md:py-14 xl:w-110 empty:xl:-mr-141 2xl:w-141",
+  class: "order-3 flex w-full max-w-full shrink-0 grow-0 flex-col overflow-x-hidden bg-zinc-100 px-4 pt-8 transition-all empty:-mr-96 empty:ml-0 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:order-4 md:max-h-screen md:w-96 md:overflow-hidden md:rounded-l-3xl md:bg-white md:p-12 xl:w-110 empty:xl:-mr-141 2xl:w-141",
   "data-test-layout-sidebar-wrapper": ""
-}, th = /* @__PURE__ */ we({
+}, ah = /* @__PURE__ */ we({
   __name: "Base",
   setup(e) {
     const n = W(null), a = W(!0), t = new MutationObserver(r);
@@ -13439,15 +13439,13 @@ const y0 = {
       }, [
         B(o.$slots, "sidebarLeft")
       ], 512),
-      D("main", {
-        class: Z([{ "-mt-10 pt-10": !a.value }, "relative order-4 flex shrink-0 grow flex-col overflow-y-auto overflow-x-hidden bg-zinc-100 transition-all duration-300 md:order-3 md:-mt-0 md:h-screen md:basis-0 md:overflow-y-auto md:overflow-x-hidden"])
-      }, [
+      D("main", L0, [
         $e(g(C0)),
-        D("div", L0, [
+        D("div", E0, [
           B(o.$slots, "default")
         ])
-      ], 2),
-      D("div", E0, [
+      ]),
+      D("div", B0, [
         B(o.$slots, "sidebar")
       ])
     ]));
@@ -13455,32 +13453,32 @@ const y0 = {
 });
 export {
   C0 as AppActionBar,
-  U0 as AppAlert,
-  F0 as AppAvatar,
+  W0 as AppAlert,
+  j0 as AppAvatar,
   Zn as AppBadge,
   Tr as AppButton,
-  j0 as AppCard,
+  z0 as AppCard,
   Yi as AppConfirm,
-  J0 as AppDataTable,
-  z0 as AppDisclosure,
-  q0 as AppDisclosureButton,
-  K0 as AppDisclosurePanel,
+  eh as AppDataTable,
+  q0 as AppDisclosure,
+  K0 as AppDisclosureButton,
+  G0 as AppDisclosurePanel,
   Lp as AppInput,
   Wl as AppInputLabel,
-  Q0 as AppLicensePlate,
+  X0 as AppLicensePlate,
   Fa as AppLoader,
-  Z0 as AppMaps,
+  Q0 as AppMaps,
   Hl as AppNavigationMenu,
   T0 as AppPagination,
-  G0 as AppSelect,
-  X0 as AppTimeline,
+  Z0 as AppSelect,
+  J0 as AppTimeline,
   Gf as AppTimelineItem,
   Hf as AppTimelineItemIcon,
-  eh as AuthLayout,
-  th as BaseLayout,
+  th as AuthLayout,
+  ah as BaseLayout,
   ur as useActionBar,
-  H0 as useConfirm,
-  W0 as useGoogleApi,
+  F0 as useConfirm,
+  H0 as useGoogleApi,
   ul as useLayout,
   nn as useNavigation
 };