@dpa-id-components/dpa-shared-components 13.0.0 → 13.0.1

package/dist/dpa-shared-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, ref as J, onMounted as dt, watch as bt, computed as F, createBlock as xe, openBlock as P, resolveDynamicComponent as tn, normalizeClass as ie, createElementBlock as L, createElementVNode as ee, createCommentVNode as j, createVNode as Ne, renderSlot as oe, toDisplayString as Be, watchEffect as Cn, withDirectives as Yt, unref as D, mergeProps as st, vModelText as Pl, vModelDynamic as od, withModifiers as nr, withKeys as jr, normalizeStyle as nt, withCtx as Te, Fragment as Ae, renderList as Ve, createTextVNode as Et, vShow as Ir, Transition as or, reactive as ea, useSlots as rn, toRef as Qn, getCurrentInstance as Ha, nextTick as It, onUnmounted as An, isRef as ti, createSlots as Ct, normalizeProps as Pt, guardReactiveProps as Ft, Teleport as Ol, h as sd, render as ri, useAttrs as id, toValue as Tr, getCurrentScope as cs, onScopeDispose as ds, onBeforeUpdate as ld, hasInjectionContext as Dl, inject as ud, shallowRef as hn, shallowReadonly as ln, watchPostEffect as cd, mergeModels as dd, useModel as fd, vModelRadio as pd } from "vue";
+import { defineComponent as Ce, ref as J, onMounted as dt, watch as bt, computed as F, createBlock as xe, openBlock as P, resolveDynamicComponent as tn, normalizeClass as ie, createElementBlock as L, createElementVNode as ee, createCommentVNode as j, createVNode as Ne, renderSlot as oe, toDisplayString as Be, watchEffect as Cn, withDirectives as Yt, unref as D, mergeProps as st, vModelText as Pl, vModelDynamic as od, withModifiers as nr, withKeys as Qr, normalizeStyle as nt, withCtx as Te, Fragment as Ae, renderList as Ve, createTextVNode as Et, vShow as Ir, Transition as or, reactive as ea, useSlots as rn, toRef as Qn, getCurrentInstance as Ha, nextTick as It, onUnmounted as An, isRef as ti, createSlots as Ct, normalizeProps as Pt, guardReactiveProps as Ft, Teleport as Ol, h as sd, render as ri, useAttrs as id, toValue as Tr, getCurrentScope as cs, onScopeDispose as ds, onBeforeUpdate as ld, hasInjectionContext as Dl, inject as ud, shallowRef as hn, shallowReadonly as ln, watchPostEffect as cd, mergeModels as dd, useModel as fd, vModelRadio as pd } from "vue";
 var fn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 const hd = "640px", md = "768px", vd = "1024px", gd = "1280px", yd = "1600px", Cl = {
   sm: hd,
@@ -116,7 +116,7 @@ function kd() {
       "^" + Ye.call(V).replace(ue, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), _e = se ? H.Buffer : void 0, ut = H.Symbol, Bt = H.Uint8Array;
     _e && _e.allocUnsafe;
-    var Pr = pe(Object.getPrototypeOf, Object), Ur = Object.create, In = Oe.propertyIsEnumerable, Rn = fe.splice, Kt = ut ? ut.toStringTag : void 0, Or = function() {
+    var Pr = pe(Object.getPrototypeOf, Object), Vr = Object.create, In = Oe.propertyIsEnumerable, Rn = fe.splice, Kt = ut ? ut.toStringTag : void 0, Or = function() {
       try {
         var M = oo(Object, "defineProperty");
         return M({}, "", {}), M;
@@ -126,10 +126,10 @@ function kd() {
       function M() {
       }
       return function(N) {
-        if (!Vr(N))
+        if (!Wr(N))
           return {};
-        if (Ur)
-          return Ur(N);
+        if (Vr)
+          return Vr(N);
         M.prototype = N;
         var G = new M();
         return M.prototype = void 0, G;
@@ -291,7 +291,7 @@ function kd() {
       return zn(M) && ia(M) == l;
     }
     function Dc(M) {
-      if (!Vr(M) || Hc(M))
+      if (!Wr(M) || Hc(M))
         return !1;
       var N = co(M) ? Nt : E;
       return N.test(Jc(M));
@@ -300,7 +300,7 @@ function kd() {
       return zn(M) && Ks(M.length) && !!T[ia(M)];
     }
     function Ac(M) {
-      if (!Vr(M))
+      if (!Wr(M))
         return jc(M);
       var N = Qs(M), G = [];
       for (var Se in M)
@@ -309,7 +309,7 @@ function kd() {
     }
     function Hs(M, N, G, Se, Ue) {
       M !== N && Oc(N, function(Xe, at) {
-        if (Ue || (Ue = new sn()), Vr(Xe))
+        if (Ue || (Ue = new sn()), Wr(Xe))
           $c(M, N, at, G, Hs, Se, Ue);
         else {
           var He = Se ? Se(so(M, at), Xe, at + "", M, N, Ue) : void 0;
@@ -326,7 +326,7 @@ function kd() {
       var Wt = Xe ? Xe(He, ot, G + "", M, N, at) : void 0, Ln = Wt === void 0;
       if (Ln) {
         var fo = lo(ot), po = !fo && Gs(ot), ei = !fo && !po && Xs(ot);
-        Wt = ot, fo || po || ei ? lo(He) ? Wt = He : Zc(He) ? Wt = Lc(He) : po ? (Ln = !1, Wt = Rc(ot)) : ei ? (Ln = !1, Wt = zc(ot)) : Wt = [] : ed(ot) || io(ot) ? (Wt = He, io(He) ? Wt = td(He) : (!Vr(He) || co(He)) && (Wt = Uc(ot))) : Ln = !1;
+        Wt = ot, fo || po || ei ? lo(He) ? Wt = He : Zc(He) ? Wt = Lc(He) : po ? (Ln = !1, Wt = Rc(ot)) : ei ? (Ln = !1, Wt = zc(ot)) : Wt = [] : ed(ot) || io(ot) ? (Wt = He, io(He) ? Wt = td(He) : (!Wr(He) || co(He)) && (Wt = Uc(ot))) : Ln = !1;
       }
       Ln && (at.set(ot, Wt), Ue(Wt, ot, Se, Xe, at), at.delete(ot)), no(M, G, Wt);
     }
@@ -413,7 +413,7 @@ function kd() {
       return N = N ?? s, !!N && (G == "number" || G != "symbol" && X.test(M)) && M > -1 && M % 1 == 0 && M < N;
     }
     function Vc(M, N, G) {
-      if (!Vr(G))
+      if (!Wr(G))
         return !1;
       var Se = typeof N;
       return (Se == "number" ? uo(G) && js(N, G.length) : Se == "string" && N in G) ? ua(G[N], M) : !1;
@@ -495,7 +495,7 @@ function kd() {
     }
     var Gs = Bn || ad;
     function co(M) {
-      if (!Vr(M))
+      if (!Wr(M))
         return !1;
       var N = ia(M);
       return N == y || N == k || N == u || N == m;
@@ -503,7 +503,7 @@ function kd() {
     function Ks(M) {
       return typeof M == "number" && M > -1 && M % 1 == 0 && M <= s;
     }
-    function Vr(M) {
+    function Wr(M) {
       var N = typeof M;
       return M != null && (N == "object" || N == "function");
     }
@@ -2731,7 +2731,7 @@ function ja() {
   return Zt;
 }
 var bi;
-function Fr() {
+function qr() {
   return bi || (bi = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
     var n = ja();
@@ -2853,7 +2853,7 @@ var ki;
 function fs() {
   return ki || (ki = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = s(Fr()), r = o(Rt());
+    var n = s(qr()), r = o(Rt());
     function a() {
       if (typeof WeakMap != "function") return null;
       var f = /* @__PURE__ */ new WeakMap();
@@ -3213,7 +3213,7 @@ var Si;
 function Rl() {
   return Si || (Si = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = s(ps()), r = ja(), a = s(Fr()), o = Rt();
+    var n = s(ps()), r = ja(), a = s(qr()), o = Rt();
     function s(h) {
       return h && h.__esModule ? h : { default: h };
     }
@@ -3266,7 +3266,7 @@ var xa = { exports: {} }, Mi;
 function Bl() {
   return Mi || (Mi = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = a(Fr()), r = Rt();
+    var n = a(qr()), r = Rt();
     function a(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -3293,7 +3293,7 @@ var Ta = { exports: {} }, Pi;
 function zl() {
   return Pi || (Pi = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = a(Fr()), r = Rt();
+    var n = a(qr()), r = Rt();
     function a(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -3323,7 +3323,7 @@ var Sa = { exports: {} }, Ma = { exports: {} }, Oi;
 function hs() {
   return Oi || (Oi = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = o(ps()), r = ja(), a = o(Fr());
+    var n = o(ps()), r = ja(), a = o(qr());
     function o(d) {
       return d && d.__esModule ? d : { default: d };
     }
@@ -3422,7 +3422,7 @@ var Pa = { exports: {} }, Ci;
 function Nl() {
   return Ci || (Ci = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = a(Fr()), r = Rt();
+    var n = a(qr()), r = Rt();
     function a(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -3746,7 +3746,7 @@ var Ca = { exports: {} }, Ri;
 function Ul() {
   return Ri || (Ri = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = a(Fr()), r = Rt();
+    var n = a(qr()), r = Rt();
     function a(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -3773,7 +3773,7 @@ var Aa = { exports: {} }, Bi;
 function Vl() {
   return Bi || (Bi = 1, function(e, t) {
     t.__esModule = !0, t.default = void 0;
-    var n = a(Fr()), r = Rt();
+    var n = a(qr()), r = Rt();
     function a(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -7527,7 +7527,7 @@ function Tf() {
   for (var e, t, n = 0, r = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = Xl(e)) && (r && (r += " "), r += t);
   return r;
 }
-function Jr(...e) {
+function Lr(...e) {
   return xf(Tf(e));
 }
 const Sf = (e, t, n) => {
@@ -8071,10 +8071,10 @@ const gs = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
           n("select", m), h();
         }),
         onKeyup: [
-          jr(nr(f, ["stop", "prevent"]), ["down"]),
-          jr(nr(v, ["stop", "prevent"]), ["up"]),
-          b[1] || (b[1] = jr(nr((m) => d(), ["stop", "prevent"]), ["enter"])),
-          b[2] || (b[2] = jr(nr((m) => g.options && g.options.length && l.value ? h() : "", ["stop", "prevent"]), ["esc"]))
+          Qr(nr(f, ["stop", "prevent"]), ["down"]),
+          Qr(nr(v, ["stop", "prevent"]), ["up"]),
+          b[1] || (b[1] = Qr(nr((m) => d(), ["stop", "prevent"]), ["enter"])),
+          b[2] || (b[2] = Qr(nr((m) => g.options && g.options.length && l.value ? h() : "", ["stop", "prevent"]), ["esc"]))
         ],
         onFocus: y
       }, null, 8, ["label", "placeholder", "model-value", "chevron", "readonly", "onKeyup"]),
@@ -8526,15 +8526,15 @@ function iu(e, t) {
     i.push(Ge(n, s)), s.setDate(s.getDate() + l), s.setHours(0, 0, 0, 0);
   return a ? i.reverse() : i;
 }
-function Qr(e, t) {
+function Gr(e, t) {
   const n = $e(e, t?.in), r = n.getMonth(), a = r - r % 3;
   return n.setMonth(a, 1), n.setHours(0, 0, 0, 0), n;
 }
 function _p(e, t) {
   const { start: n, end: r } = su(t?.in, e);
   let a = +n > +r;
-  const o = a ? +Qr(n) : +Qr(r);
-  let s = Qr(a ? r : n), l = 1;
+  const o = a ? +Gr(n) : +Gr(r);
+  let s = Gr(a ? r : n), l = 1;
   const i = [];
   for (; +s <= o; )
     i.push(Ge(n, s)), s = bp(s, l);
@@ -9561,7 +9561,7 @@ const Ar = {
       // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
-        return Hr(r);
+        return jr(r);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `XXX`
@@ -9569,7 +9569,7 @@ const Ar = {
       case "XXX":
       // Hours and minutes with `:` delimiter
       default:
-        return Hr(r, ":");
+        return jr(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -9584,7 +9584,7 @@ const Ar = {
       // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
-        return Hr(r);
+        return jr(r);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `xxx`
@@ -9592,7 +9592,7 @@ const Ar = {
       case "xxx":
       // Hours and minutes with `:` delimiter
       default:
-        return Hr(r, ":");
+        return jr(r, ":");
     }
   },
   // Timezone (GMT)
@@ -9607,7 +9607,7 @@ const Ar = {
       // Long
       case "OOOO":
       default:
-        return "GMT" + Hr(r, ":");
+        return "GMT" + jr(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -9622,7 +9622,7 @@ const Ar = {
       // Long
       case "zzzz":
       default:
-        return "GMT" + Hr(r, ":");
+        return "GMT" + jr(r, ":");
     }
   },
   // Seconds timestamp
@@ -9640,9 +9640,9 @@ function ol(e, t = "") {
   return o === 0 ? n + String(a) : n + String(a) + t + Qe(o, 2);
 }
 function sl(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + Qe(Math.abs(e) / 60, 2) : Hr(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + Qe(Math.abs(e) / 60, 2) : jr(e, t);
 }
-function Hr(e, t = "") {
+function jr(e, t = "") {
   const n = e > 0 ? "-" : "+", r = Math.abs(e), a = Qe(Math.trunc(r / 60), 2), o = Qe(r % 60, 2);
   return n + a + t + o;
 }
@@ -9770,7 +9770,7 @@ function vh(e, t) {
   const n = $e(e, t?.in).getDay();
   return n === 0 ? 7 : n;
 }
-function Lr(e, t) {
+function Nr(e, t) {
   return $e(e, t?.in).getMinutes();
 }
 function Fe(e, t) {
@@ -11283,7 +11283,7 @@ function ll(e, t, n) {
     e,
     t
   );
-  return +Qr(r) == +Qr(a);
+  return +Gr(r) == +Gr(a);
 }
 function wu(e, t, n) {
   return Gt(e, -t, n);
@@ -11515,7 +11515,7 @@ const Ut = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) :
   const n = /* @__PURE__ */ new Date(), r = new Date(n.toLocaleString("en-US", { timeZone: "UTC" })), a = new Date(n.toLocaleString("en-US", { timeZone: e })), o = (vm(t ?? a) ? a : t ?? a).getTimezoneOffset() / 60;
   return (+r - +a) / (1e3 * 60 * 60) - o;
 };
-var er = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(er || {}), tr = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(tr || {}), Gr = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Gr || {}), $t = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))($t || {});
+var er = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(er || {}), tr = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(tr || {}), Kr = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Kr || {}), $t = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))($t || {});
 const ym = ["timestamp", "date", "iso"];
 var zt = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(zt || {}), rt = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(rt || {}), gn = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(gn || {});
 function ul(e) {
@@ -11682,9 +11682,9 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
   hours: isNaN(+e.hours) ? void 0 : +e.hours,
   minutes: isNaN(+e.minutes) ? void 0 : +e.minutes,
   seconds: isNaN(+e.seconds) ? void 0 : +e.seconds
-}, Kr = (e) => ({
+}, Xr = (e) => ({
   hours: Mr(e),
-  minutes: Lr(e),
+  minutes: Nr(e),
   seconds: xn(e)
 }), $u = (e, t) => {
   if (t) {
@@ -11711,7 +11711,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
 }, Ru = (e, t) => {
   const n = {
     hours: Mr(ce()),
-    minutes: Lr(ce()),
+    minutes: Nr(ce()),
     seconds: t ? xn(ce()) : 0
   };
   return Object.assign(n, e);
@@ -11750,7 +11750,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
   }
   const o = Lo(e, r, t);
   return zo(r, o, n, !!t) && a;
-}, No = (e) => Ke(ce(), Kr(e)), Im = (e, t, n) => {
+}, No = (e) => Ke(ce(), Xr(e)), Im = (e, t, n) => {
   if (e instanceof Map) {
     const r = `${Au(n + 1)}-${t}`;
     return e.size ? e.has(r) : !1;
@@ -11790,7 +11790,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     1: []
   },
   monthPicker: []
-}), Fo = J(null), Ia = J(!1), qo = J(!1), Yo = J(!1), Uo = J(!1), At = J(0), mt = J(0), qr = () => {
+}), Fo = J(null), Ia = J(!1), qo = J(!1), Yo = J(!1), Uo = J(!1), At = J(0), mt = J(0), Yr = () => {
   const e = F(() => Ia.value ? [...tt.selectionGrid, tt.actionRow].filter((d) => d.length) : qo.value ? [
     ...tt.timePicker[0],
     ...tt.timePicker[1],
@@ -12072,7 +12072,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     se
   ), f = (p) => p ? t.modelType ? ue(p) : {
     hours: Mr(p),
-    minutes: Lr(p),
+    minutes: Nr(p),
     seconds: t.enableSeconds ? xn(p) : 0
   } : null, v = (p) => t.modelType ? ue(p) : { month: Fe(p), year: Ee(p) }, g = (p) => Array.isArray(p) ? l.value.enabled ? p.map((z) => b(z, mr(ce(), z))) : Ea(
     () => [
@@ -12174,7 +12174,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     emitModelValue: H
   };
 }, ev = (e, t) => {
-  const { defaultedFilters: n, propDates: r } = it(e), { validateMonthYearInRange: a } = Yr(e), o = (c, d) => {
+  const { defaultedFilters: n, propDates: r } = it(e), { validateMonthYearInRange: a } = Ur(e), o = (c, d) => {
     let h = c;
     return n.value.months.includes(Fe(h)) ? (h = d ? ar(c, 1) : Sn(c, 1), o(h, d)) : h;
   }, s = (c, d) => {
@@ -12350,7 +12350,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       defaultedInline: i,
       defaultedRange: u,
       defaultedMultiDates: c
-    } = it(r), { isTimeValid: d, isMonthValid: h } = Yr(r), { buildMatrix: y } = qr(), k = J(null), f = J(null), v = J(!1), g = J({}), b = J(null), m = J(null);
+    } = it(r), { isTimeValid: d, isMonthValid: h } = Ur(r), { buildMatrix: y } = Yr(), k = J(null), f = J(null), v = J(!1), g = J({}), b = J(null), m = J(null);
     dt(() => {
       r.arrowNavigation && y([_t(k), _t(f)], "actionRow"), x(), window.addEventListener("resize", x);
     }), An(() => {
@@ -12473,7 +12473,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
   },
   emits: ["selected", "toggle", "reset-flow", "hover-value"],
   setup(e, { expose: t, emit: n }) {
-    const { setSelectionGrid: r, buildMultiLevelMatrix: a, setMonthPicker: o } = qr(), s = n, l = e, { defaultedAriaLabels: i, defaultedTextInput: u, defaultedConfig: c, handleEventPropagation: d } = it(
+    const { setSelectionGrid: r, buildMultiLevelMatrix: a, setMonthPicker: o } = Yr(), s = n, l = e, { defaultedAriaLabels: i, defaultedTextInput: u, defaultedConfig: c, handleEventPropagation: d } = it(
       l
     ), { hideNavigationButtons: h } = Ja(), y = J(!1), k = J(null), f = J(null), v = J([]), g = J(), b = J(null), m = J(0), x = J(null);
     ld(() => {
@@ -12754,7 +12754,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
             "aria-label": `${e.year}-${(w = D(i)) == null ? void 0 : w.openYearsOverlay}`,
             "data-test-id": `year-mode-btn-${e.instance}`,
             onClick: b[1] || (b[1] = () => k(!1)),
-            onKeydown: b[2] || (b[2] = jr(() => k(!1), ["enter"]))
+            onKeydown: b[2] || (b[2] = Qr(() => k(!1), ["enter"]))
           }, [
             g.$slots.year ? oe(g.$slots, "year", {
               key: 0,
@@ -12940,7 +12940,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     defaultedMultiDates: d
   } = it(e), h = () => {
     e.isTextInputDate && x(Ee(ce(e.startDate)), 0);
-  }, { modelValue: y, year: k, month: f, calendars: v } = aa(e, t, h), g = F(() => Mu(e.formatLocale, e.locale, e.monthNameFormat)), b = J(null), { checkMinMaxRange: m } = Yr(e), {
+  }, { modelValue: y, year: k, month: f, calendars: v } = aa(e, t, h), g = F(() => Mu(e.formatLocale, e.locale, e.monthNameFormat)), b = J(null), { checkMinMaxRange: m } = Ur(e), {
     selectYear: x,
     groupedYears: w,
     showYearPicker: O,
@@ -13274,7 +13274,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, { setTimePickerElements: o, setTimePickerBackRef: s } = qr(), {
+    const r = n, a = e, { setTimePickerElements: o, setTimePickerBackRef: s } = Yr(), {
       defaultedAriaLabels: l,
       defaultedTransitions: i,
       defaultedFilters: u,
@@ -13348,7 +13348,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       return pe && fe ? (Tn(Pe, fe) || pn(Pe, fe)) && (Zr(Pe, pe) || pn(Pe, pe)) : pe ? Zr(Pe, pe) || pn(Pe, pe) : fe ? Tn(Pe, fe) || pn(Pe, fe) : !0;
     }, R = (_) => a[`no${_[0].toUpperCase() + _.slice(1)}Overlay`], H = (_) => {
       R(_) || (f[_] = !f[_], f[_] ? (x.value = !0, r("overlay-opened", _)) : (x.value = !1, r("overlay-closed", _)));
-    }, p = (_) => _ === "hours" ? Mr : _ === "minutes" ? Lr : xn, z = () => {
+    }, p = (_) => _ === "hours" ? Mr : _ === "minutes" ? Nr : xn, z = () => {
       m.value && clearTimeout(m.value);
     }, se = (_, de = !0, pe) => {
       const fe = de ? re : ge, Pe = de ? +a[`${_}Increment`] : -+a[`${_}Increment`];
@@ -13582,7 +13582,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, { buildMatrix: o, setTimePicker: s } = qr(), l = rn(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: h } = it(a), { transitionName: y, showTransition: k } = na(i), { hideNavigationButtons: f } = Ja(), v = J(null), g = J(null), b = J([]), m = J(null), x = J(!1);
+    const r = n, a = e, { buildMatrix: o, setTimePicker: s } = Yr(), l = rn(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: h } = it(a), { transitionName: y, showTransition: k } = na(i), { hideNavigationButtons: f } = Ja(), v = J(null), g = J(null), b = J([]), m = J(null), x = J(!1);
     dt(() => {
       r("mount"), !a.timePicker && a.arrowNavigation ? o([_t(v.value)], "time") : s(!0, a.timePicker);
     });
@@ -13836,7 +13836,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       ];
     } else
       r.value = Ut(u(v()), l.value.timezone);
-  }, b = (O) => Array.isArray(O) ? [Kr(ce(O[0])), Kr(ce(O[1]))] : [Kr(O ?? ce())], m = (O, $, U) => {
+  }, b = (O) => Array.isArray(O) ? [Xr(ce(O[0])), Xr(ce(O[1]))] : [Xr(O ?? ce())], m = (O, $, U) => {
     c("hours", O), c("minutes", $), c("seconds", e.enableSeconds ? U : 0);
   }, x = () => {
     const [O, $] = b(r.value);
@@ -13952,7 +13952,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       defaultedHighlight: c,
       propDates: d,
       defaultedUI: h
-    } = it(a), { transitionName: y, showTransition: k } = na(o), { buildMatrix: f } = qr(), { handleMonthYearChange: v, isDisabled: g, updateMonthYear: b } = ev(a, r), { showLeftIcon: m, showRightIcon: x } = Ja(), w = J(!1), O = J(!1), $ = J(!1), U = J([null, null, null, null]);
+    } = it(a), { transitionName: y, showTransition: k } = na(o), { buildMatrix: f } = Yr(), { handleMonthYearChange: v, isDisabled: g, updateMonthYear: b } = ev(a, r), { showLeftIcon: m, showRightIcon: x } = Ja(), w = J(!1), O = J(!1), $ = J(!1), U = J([null, null, null, null]);
     dt(() => {
       r("mount");
     });
@@ -14218,7 +14218,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     "tooltip-close"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, { buildMultiLevelMatrix: o } = qr(), {
+    const r = n, a = e, { buildMultiLevelMatrix: o } = Yr(), {
       defaultedTransitions: s,
       defaultedConfig: l,
       defaultedAriaLabels: i,
@@ -14458,7 +14458,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     defaultedTz: v,
     propDates: g,
     defaultedMultiDates: b
-  } = it(e), { validateMonthYearInRange: m, isDisabled: x, isDateRangeAllowed: w, checkMinMaxRange: O } = Yr(e), { updateTimeValues: $, getSetDateTime: U, setTime: A, assignStartTime: C, validateTime: te, disabledTimesConfig: re } = Wu(e, c, i, r), ge = F(
+  } = it(e), { validateMonthYearInRange: m, isDisabled: x, isDateRangeAllowed: w, checkMinMaxRange: O } = Ur(e), { updateTimeValues: $, getSetDateTime: U, setTime: A, assignStartTime: C, validateTime: te, disabledTimesConfig: re } = Wu(e, c, i, r), ge = F(
     () => (W) => u.value[W] ? u.value[W].month : 0
   ), B = F(
     () => (W) => u.value[W] ? u.value[W].year : 0
@@ -14490,7 +14490,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
         u.value[De] = { month: Fe(ae), year: Ee(ae) };
       }
   }, S = (W, he) => {
-    T(W), A("hours", Mr(W)), A("minutes", Lr(W)), A("seconds", xn(W)), h.value.count && he && q();
+    T(W), A("hours", Mr(W)), A("minutes", Nr(W)), A("seconds", xn(W)), h.value.count && he && q();
   }, R = (W) => {
     if (h.value.count) {
       if (h.value.solo) return 0;
@@ -14504,7 +14504,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       Re(W[0]),
       W[1] ? Re(W[1]) : c[ae][1]
     ];
-    A("hours", De(Mr, "hours")), A("minutes", De(Lr, "minutes")), A("seconds", De(xn, "seconds"));
+    A("hours", De(Mr, "hours")), A("minutes", De(Nr, "minutes")), A("seconds", De(xn, "seconds"));
   }, p = (W, he) => {
     if ((k.value.enabled || e.weekPicker) && !b.value.enabled)
       return H(W, he);
@@ -14640,7 +14640,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     a.value[0] && a.value[1] && +((W = a.value) == null ? void 0 : W[0]) > +((he = a.value) == null ? void 0 : he[1]) && (a.value.reverse(), t("range-start", a.value[0]), t("range-end", a.value[1]));
   }, Pr = () => {
     a.value.length && (a.value[0] && !a.value[1] ? ut(0) : (ut(0), ut(1), r()), Bt(), i.value = a.value.slice(), Xa(a.value, t, e.autoApply, e.modelAuto));
-  }, Ur = (W, he = !1) => {
+  }, Vr = (W, he = !1) => {
     if (x(W.value) || !W.current && e.hideOffsetDates) return t("invalid-date", W.value);
     if (s.value = JSON.parse(JSON.stringify(W)), !k.value.enabled) return Ie(W);
     gl(c.hours) && gl(c.minutes) && !b.value.enabled && (Nt(W, he), Pr());
@@ -14684,7 +14684,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     handleScroll: ne,
     handleSwipe: _,
     handleArrow: Z,
-    selectDate: Ur,
+    selectDate: Vr,
     updateMonthYear: In,
     presetDate: Rn,
     selectCurrentDate: Kt,
@@ -14847,7 +14847,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
             year: D(l)(_),
             instance: _
           }, ne.$props, {
-            onMount: Z[0] || (Z[0] = (pe) => ue(D(Gr).header)),
+            onMount: Z[0] || (Z[0] = (pe) => ue(D(Kr).header)),
             onResetFlow: Z[1] || (Z[1] = (pe) => ne.$emit("reset-flow")),
             onUpdateMonthYear: (pe) => D(m)(_, pe),
             onOverlayClosed: be,
@@ -14874,7 +14874,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
             onSetHoverDate: Z[3] || (Z[3] = (pe) => D(C)(pe)),
             onHandleScroll: (pe) => D(v)(pe, _),
             onHandleSwipe: (pe) => D(g)(pe, _),
-            onMount: Z[4] || (Z[4] = (pe) => ue(D(Gr).calendar)),
+            onMount: Z[4] || (Z[4] = (pe) => ue(D(Kr).calendar)),
             onResetFlow: Z[5] || (Z[5] = (pe) => ne.$emit("reset-flow")),
             onTooltipOpen: Z[6] || (Z[6] = (pe) => ne.$emit("tooltip-open", pe)),
             onTooltipClose: Z[7] || (Z[7] = (pe) => ne.$emit("tooltip-close", pe))
@@ -14901,7 +14901,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
           "internal-model-value": ne.internalModelValue,
           "disabled-times-config": D(c),
           "validate-time": D(h),
-          onMount: Z[8] || (Z[8] = (_) => ue(D(Gr).timePicker)),
+          onMount: Z[8] || (Z[8] = (_) => ue(D(Kr).timePicker)),
           "onUpdate:hours": Z[9] || (Z[9] = (_) => D(O)(_)),
           "onUpdate:minutes": Z[10] || (Z[10] = (_) => D(O)(_, !1)),
           "onUpdate:seconds": Z[11] || (Z[11] = (_) => D(O)(_, !1, !0)),
@@ -14929,7 +14929,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     propDates: l,
     defaultedFilters: i,
     defaultedMultiDates: u
-  } = it(e), { modelValue: c, year: d, month: h, calendars: y } = aa(e, t), { isDisabled: k } = Yr(e), { selectYear: f, groupedYears: v, showYearPicker: g, isDisabled: b, toggleYearPicker: m, handleYearSelect: x, handleYear: w } = Uu({
+  } = it(e), { modelValue: c, year: d, month: h, calendars: y } = aa(e, t), { isDisabled: k } = Ur(e), { selectYear: f, groupedYears: v, showYearPicker: g, isDisabled: b, toggleYearPicker: m, handleYearSelect: x, handleYear: w } = Uu({
     modelValue: c,
     multiCalendars: r,
     range: s,
@@ -14956,7 +14956,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
       start: Kn(I),
       end: uu(I)
     }).map((K) => {
-      const le = Qr(K), Q = nl(K), ue = k(K), E = U(le), X = C(le);
+      const le = Gr(K), Q = nl(K), ue = k(K), E = U(le), X = C(le);
       return {
         text: O(le, Q),
         value: le,
@@ -15194,7 +15194,7 @@ const es = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Du = (e, t) =
     const U = () => {
       const V = _t(m);
       V && (b.value = V.getBoundingClientRect().width);
-    }, { arrowRight: A, arrowLeft: C, arrowDown: te, arrowUp: re } = qr(), { flowStep: ge, updateFlowStep: B, childMount: Y, resetFlow: I, handleFlow: K } = l0(a, r, w), le = F(() => a.monthPicker ? fv : a.yearPicker ? hv : a.timePicker ? Ov : a.quarterPicker ? Qv : Vv), Q = F(() => {
+    }, { arrowRight: A, arrowLeft: C, arrowDown: te, arrowUp: re } = Yr(), { flowStep: ge, updateFlowStep: B, childMount: Y, resetFlow: I, handleFlow: K } = l0(a, r, w), le = F(() => a.monthPicker ? fv : a.yearPicker ? hv : a.timePicker ? Ov : a.quarterPicker ? Qv : Vv), Q = F(() => {
       var V;
       if (y.value.arrowLeft) return y.value.arrowLeft;
       const me = (V = o.value) == null ? void 0 : V.getBoundingClientRect(), ze = a.getInputRect();
@@ -15625,7 +15625,7 @@ const a0 = ({
   const { defaultedRange: r, defaultedTz: a } = it(e), o = ce(Ut(ce(), a.value.timezone)), s = J([{ month: Fe(o), year: Ee(o) }]), l = (h) => {
     const y = {
       hours: Mr(o),
-      minutes: Lr(o),
+      minutes: Nr(o),
       seconds: 0
     };
     return r.value.enabled ? [y[h], y[h]] : y[h];
@@ -15674,7 +15674,7 @@ const a0 = ({
     defaultedTz: s,
     propDates: l,
     defaultedRange: i
-  } = it(t), { isDisabled: u } = Yr(t), c = J(null), d = J(Ut(/* @__PURE__ */ new Date(), s.value.timezone)), h = (p) => {
+  } = it(t), { isDisabled: u } = Ur(t), c = J(null), d = J(Ut(/* @__PURE__ */ new Date(), s.value.timezone)), h = (p) => {
     !p.current && t.hideOffsetDates || (c.value = p.value);
   }, y = () => {
     c.value = null;
@@ -15814,7 +15814,7 @@ const a0 = ({
       ...a.value.calendarCell ?? {}
     }
   };
-}, Yr = (e) => {
+}, Ur = (e) => {
   const { defaultedFilters: t, defaultedRange: n, propDates: r, defaultedMultiDates: a } = it(e), o = (B) => r.value.disabledDates ? typeof r.value.disabledDates == "function" ? r.value.disabledDates(ce(B)) : !!Fa(B, r.value.disabledDates) : !1, s = (B) => r.value.maxDate ? e.yearPicker ? Ee(B) > Ee(r.value.maxDate) : vt(B, r.value.maxDate) : !1, l = (B) => r.value.minDate ? e.yearPicker ? Ee(B) < Ee(r.value.minDate) : pt(B, r.value.minDate) : !1, i = (B) => {
     const Y = s(B), I = l(B), K = o(B), le = t.value.months.map((T) => +T).includes(Fe(B)), Q = e.disabledWeekDays.length ? e.disabledWeekDays.some((T) => +T === ph(B)) : !1, ue = y(B), E = Ee(B), X = E < +e.yearRange[0] || E > +e.yearRange[1];
     return !(Y || I || K || le || X || Q || ue);
@@ -15840,7 +15840,7 @@ const a0 = ({
     }
     return !0;
   }, m = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, x = (B) => Array.isArray(B) ? [B[0] ? No(B[0]) : null, B[1] ? No(B[1]) : null] : No(B), w = (B, Y, I) => B.find(
-    (K) => +K.hours === Mr(Y) && K.minutes === "*" ? !0 : +K.minutes === Lr(Y) && +K.hours === Mr(Y)
+    (K) => +K.hours === Mr(Y) && K.minutes === "*" ? !0 : +K.minutes === Nr(Y) && +K.hours === Mr(Y)
   ) && I, O = (B, Y, I) => {
     const [K, le] = B, [Q, ue] = Y;
     return !w(K, Q, I) && !w(le, ue, I) && I;
@@ -15848,7 +15848,7 @@ const a0 = ({
     const I = Array.isArray(Y) ? Y : [Y];
     return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? O(e.disabledTimes, I, B) : !I.some((K) => w(e.disabledTimes, K, B)) : B;
   }, U = (B, Y) => {
-    const I = Array.isArray(Y) ? [Kr(Y[0]), Y[1] ? Kr(Y[1]) : void 0] : Kr(Y), K = !e.disabledTimes(I);
+    const I = Array.isArray(Y) ? [Xr(Y[0]), Y[1] ? Xr(Y[1]) : void 0] : Xr(Y), K = !e.disabledTimes(I);
     return B && K;
   }, A = (B, Y) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? $(Y, B) : U(Y, B) : Y, C = (B) => {
     let Y = !0;
@@ -15900,9 +15900,9 @@ const a0 = ({
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, l0 = (e, t, n) => {
   const r = J(0), a = ea({
-    [Gr.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
-    [Gr.calendar]: !1,
-    [Gr.header]: !1
+    [Kr.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
+    [Kr.calendar]: !1,
+    [Kr.header]: !1
   }), o = F(() => e.monthPicker || e.timePicker), s = (d) => {
     var h;
     if ((h = e.flow) != null && h.length) {
@@ -15965,7 +15965,7 @@ const a0 = ({
       defaultedUI: d,
       getDefaultPattern: h,
       getDefaultStartTime: y
-    } = it(a), { checkMinMaxRange: k } = Yr(a), f = J(), v = J(null), g = J(!1), b = J(!1), m = F(
+    } = it(a), { checkMinMaxRange: k } = Ur(a), f = J(), v = J(null), g = J(!1), b = J(!1), m = F(
       () => ({
         dp__pointer: !a.disabled && !a.readonly && !o.value.enabled,
         dp__disabled: a.disabled,
@@ -16189,7 +16189,7 @@ const a0 = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, o = rn(), s = J(!1), l = Qn(a, "modelValue"), i = Qn(a, "timezone"), u = J(null), c = J(null), d = J(null), h = J(!1), y = J(null), k = J(!1), f = J(!1), v = J(!1), g = J(!1), { setMenuFocused: b, setShiftKey: m } = Nu(), { clearArrowNav: x } = qr(), { validateDate: w, isValidTime: O } = Yr(a), {
+    const r = n, a = e, o = rn(), s = J(!1), l = Qn(a, "modelValue"), i = Qn(a, "timezone"), u = J(null), c = J(null), d = J(null), h = J(!1), y = J(null), k = J(!1), f = J(!1), v = J(!1), g = J(!1), { setMenuFocused: b, setShiftKey: m } = Nu(), { clearArrowNav: x } = Yr(), { validateDate: w, isValidTime: O } = Ur(a), {
       defaultedTransitions: $,
       defaultedTextInput: U,
       defaultedInline: A,
@@ -16293,7 +16293,7 @@ const a0 = ({
       })) : r("invalid-date", ae);
     }, Pr = () => {
       a.autoApply && O(H.value) && z(), lt();
-    }, Ur = () => s.value ? ut() : Ie(), In = (ae) => {
+    }, Vr = () => s.value ? ut() : Ie(), In = (ae) => {
       H.value = ae;
     }, Rn = () => {
       U.value.enabled && (h.value = !0, se()), r("focus");
@@ -16334,7 +16334,7 @@ const a0 = ({
       setMonthYear: Or,
       parseModel: Bn,
       switchView: W,
-      toggleMenu: Ur,
+      toggleMenu: Vr,
       handleFlow: De,
       getDpWrapMenuRef: Re
     }), (ae, ve) => (P(), L("div", {
@@ -16356,7 +16356,7 @@ const a0 = ({
         onSetInputDate: Bt,
         onSetEmptyDate: D(z),
         onSelectDate: me,
-        onToggle: Ur,
+        onToggle: Vr,
         onClose: ut,
         onFocus: Rn,
         onBlur: Kt,
@@ -17491,7 +17491,7 @@ const bg = {
           s.$slots.header ? (P(), L("header", {
             key: 0,
             class: ie(
-              D(Jr)(
+              D(Lr)(
                 "flex h-12 items-center justify-between bg-gray-100 py-3 pl-4 pr-2 lg:h-14 lg:py-4 lg:pl-6 lg:pr-3",
                 s.headerClasses,
                 { "rounded-t-[24px]": s.roundedBorder }
@@ -17511,7 +17511,7 @@ const bg = {
           ], 2)) : j("", !0),
           ee("main", {
             class: ie(
-              D(Jr)(s.mainClasses, {
+              D(Lr)(s.mainClasses, {
                 "px-4 lg:px-6": s.hasPaddingX,
                 "pb-3 pt-6": s.hasPaddingY
               })
@@ -17640,7 +17640,7 @@ const bg = {
       ])) : j("", !0)
     ]));
   }
-}), Ya = Math.min, Xr = Math.max, Ua = Math.round, Ra = Math.floor, vr = (e) => ({
+}), Ya = Math.min, Jr = Math.max, Ua = Math.round, Ra = Math.floor, vr = (e) => ({
   x: e,
   y: e
 }), Sg = {
@@ -17653,7 +17653,7 @@ const bg = {
   end: "start"
 };
 function wl(e, t, n) {
-  return Xr(e, Ya(t, n));
+  return Jr(e, Ya(t, n));
 }
 function Ls(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -18091,13 +18091,13 @@ function qs(e) {
   return ["transform", "translate", "scale", "rotate", "perspective"].some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((r) => (n.willChange || "").includes(r)) || ["paint", "layout", "strict", "content"].some((r) => (n.contain || "").includes(r));
 }
 function zg(e) {
-  let t = Nr(e);
+  let t = Fr(e);
   for (; yr(t) && !Dn(t); ) {
     if (qs(t))
       return t;
     if (eo(t))
       return null;
-    t = Nr(t);
+    t = Fr(t);
   }
   return null;
 }
@@ -18119,7 +18119,7 @@ function to(e) {
     scrollTop: e.scrollY
   };
 }
-function Nr(e) {
+function Fr(e) {
   if (an(e) === "html")
     return e;
   const t = (
@@ -18132,7 +18132,7 @@ function Nr(e) {
   return _l(t) ? t.host : t;
 }
 function Zu(e) {
-  const t = Nr(e);
+  const t = Fr(e);
   return Dn(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : yr(t) && oa(t) ? t : Zu(t);
 }
 function Zn(e, t, n) {
@@ -18255,10 +18255,10 @@ function qg(e) {
   return Array.from(e.getClientRects());
 }
 function Yg(e) {
-  const t = br(e), n = to(e), r = e.ownerDocument.body, a = Xr(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), o = Xr(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  const t = br(e), n = to(e), r = e.ownerDocument.body, a = Jr(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), o = Jr(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let s = -n.scrollLeft + Vs(e);
   const l = -n.scrollTop;
-  return lr(r).direction === "rtl" && (s += Xr(t.clientWidth, r.clientWidth) - a), {
+  return lr(r).direction === "rtl" && (s += Jr(t.clientWidth, r.clientWidth) - a), {
     width: a,
     height: o,
     x: s,
@@ -18309,7 +18309,7 @@ function xl(e, t, n) {
   return Wa(r);
 }
 function nc(e, t) {
-  const n = Nr(e);
+  const n = Fr(e);
   return n === t || !ir(n) || Dn(n) ? !1 : lr(n).position === "fixed" || nc(n, t);
 }
 function Wg(e, t) {
@@ -18318,10 +18318,10 @@ function Wg(e, t) {
     return n;
   let r = Zn(e, [], !1).filter((l) => ir(l) && an(l) !== "body"), a = null;
   const o = lr(e).position === "fixed";
-  let s = o ? Nr(e) : e;
+  let s = o ? Fr(e) : e;
   for (; ir(s) && !Dn(s); ) {
     const l = lr(s), i = qs(s);
-    !i && l.position === "fixed" && (a = null), (o ? !i && !a : !i && l.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || oa(s) && !i && nc(e, s)) ? r = r.filter((c) => c !== s) : a = l, s = Nr(s);
+    !i && l.position === "fixed" && (a = null), (o ? !i && !a : !i && l.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || oa(s) && !i && nc(e, s)) ? r = r.filter((c) => c !== s) : a = l, s = Fr(s);
   }
   return t.set(e, r), r;
 }
@@ -18334,7 +18334,7 @@ function Hg(e) {
   } = e;
   const s = [...n === "clippingAncestors" ? eo(t) ? [] : Wg(t, this._c) : [].concat(n), r], l = s[0], i = s.reduce((u, c) => {
     const d = xl(t, c, a);
-    return u.top = Xr(d.top, u.top), u.right = Ya(d.right, u.right), u.bottom = Ya(d.bottom, u.bottom), u.left = Xr(d.left, u.left), u;
+    return u.top = Jr(d.top, u.top), u.right = Ya(d.right, u.right), u.bottom = Ya(d.bottom, u.bottom), u.left = Jr(d.left, u.left), u;
   }, xl(t, l, a));
   return {
     width: i.right - i.left,
@@ -18393,11 +18393,11 @@ function ac(e, t) {
   if (eo(e))
     return n;
   if (!yr(e)) {
-    let a = Nr(e);
+    let a = Fr(e);
     for (; a && !Dn(a); ) {
       if (ir(a) && !Qo(a))
         return a;
-      a = Nr(a);
+      a = Fr(a);
     }
     return n;
   }
@@ -18455,7 +18455,7 @@ function Jg(e, t) {
       return;
     const k = Ra(d), f = Ra(a.clientWidth - (c + h)), v = Ra(a.clientHeight - (d + y)), g = Ra(c), m = {
       rootMargin: -k + "px " + -f + "px " + -v + "px " + -g + "px",
-      threshold: Xr(0, Ya(1, i)) || 1
+      threshold: Jr(0, Ya(1, i)) || 1
     };
     let x = !0;
     function w(O) {
@@ -18812,7 +18812,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             ref: o,
             class: ie([
               "absolute ",
-              D(Jr)(
+              D(Lr)(
                 "z-10 [--transition-duration:200ms] [--transition-close-duration:100ms]",
                 f.placedListClass
               )
@@ -18829,7 +18829,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             Ne(gs, {
               "data-side": l.placement.value,
               class: ie([
-                D(Jr)(
+                D(Lr)(
                   "block min-w-max border-none bg-white shadow-lg data-[side*=top]:mb-1 data-[side*=bottom]:mt-1",
                   f.menuClasses
                 )
@@ -18939,7 +18939,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
   },
   setup(e) {
     return (t, n) => (P(), L("ul", {
-      class: ie(D(Jr)("max-h-80 overflow-y-auto", t.$props.class)),
+      class: ie(D(Lr)("max-h-80 overflow-y-auto", t.$props.class)),
       tabindex: "0"
     }, [
       oe(t.$slots, "default")
@@ -18965,7 +18965,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
       "image-shape": n.imageShape,
       "checkbox-size": n.checkboxSize,
       "check-box-color": n.checkboxColor,
-      class: D(Jr)("hover:bg-gray-100 focus:bg-gray-300", n.$props.class)
+      class: D(Lr)("hover:bg-gray-100 focus:bg-gray-300", n.$props.class)
     }, {
       ...t.option ? {
         selected: t.option.selected,
@@ -19019,7 +19019,8 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
       selected: t.value === s.value
     })));
     return (s, l) => (P(), L("ul", {
-      class: ie(["flex gap-4", [
+      class: ie(["flex", [
+        D(Lr)("gap-4", s.$attrs.class),
         {
           "flex-col": s.direction === "vertical"
         }
@@ -19036,7 +19037,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             checked: i.selected,
             disabled: s.disabled,
             type: "radio",
-            class: ie([D(Jr)(a.value, r.value), "cursor-pointer appearance-none rounded-full border-2 bg-clip-content disabled:cursor-default disabled:border-gray-500 disabled:bg-gray-500"])
+            class: ie([D(Lr)(a.value, r.value), "cursor-pointer appearance-none rounded-full border-2 bg-clip-content disabled:cursor-default disabled:border-gray-500 disabled:bg-gray-500"])
           }, null, 10, vy), [
             [pd, t.value]
           ]),
@@ -19551,7 +19552,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             placeholder: v.placeholder,
             onInput: (x) => c(m, x.target.value),
             onBlur: h,
-            onKeyup: jr((x) => i(m, x.target.value), ["delete"]),
+            onKeyup: Qr((x) => i(m, x.target.value), ["delete"]),
             onKeydown: (x) => d(
               m,
               x.target.value,
@@ -19639,7 +19640,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             type: "text",
             placeholder: w.isFilterChipEditable ? w.placeholder : "",
             onInput: O[0] || (O[0] = ($) => k($)),
-            onKeyup: jr(b, ["enter"]),
+            onKeyup: Qr(b, ["enter"]),
             onFocus: O[1] || (O[1] = ($) => v($)),
             onBlur: O[2] || (O[2] = ($) => g($))
           }, null, 42, Ey)
@@ -19697,7 +19698,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
       ])
     ], 2));
   }
-}), Wr = [
+}), Hr = [
   "e53935",
   "f50057",
   "8e24aa",
@@ -20706,16 +20707,16 @@ function us(e, t) {
 const Qy = { class: "flex" }, Gy = ["id", "aria-checked", "onClick"], Ky = ["aria-checked"], Sb = /* @__PURE__ */ Ce({
   __name: "UiColorPicker",
   props: {
-    modelValue: { default: `#${Wr[0]}` }
+    modelValue: { default: `#${Hr[0]}` }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, r = t, a = J(Wr[0]);
+    const n = e, r = t, a = J(Hr[0]);
     bt(
       () => n.modelValue,
       () => {
         const l = n.modelValue?.substring(1);
-        a.value = l || Wr[0], l || r("update:modelValue", `#${a.value}`);
+        a.value = l || Hr[0], l || r("update:modelValue", `#${a.value}`);
       },
       { immediate: !0 }
     );
@@ -20731,7 +20732,7 @@ const Qy = { class: "flex" }, Gy = ["id", "aria-checked", "onClick"], Ky = ["ari
       return l.contrast(kt("white")) >= i ? "text-white" : "text-gray-800";
     });
     return (l, i) => (P(), L("div", Qy, [
-      (P(!0), L(Ae, null, Ve(D(Wr), (u, c) => (P(), L("div", {
+      (P(!0), L(Ae, null, Ve(D(Hr), (u, c) => (P(), L("div", {
         id: `color-${u}`,
         key: `ui-cp-${c}`,
         class: "mr-3 flex size-4 rotate-45 cursor-pointer items-center justify-center",
@@ -20752,9 +20753,9 @@ const Qy = { class: "flex" }, Gy = ["id", "aria-checked", "onClick"], Ky = ["ari
       ee("div", {
         class: "UiColorPicker-inputWrapper flex size-4 rotate-45 items-center justify-center",
         style: nt({
-          backgroundColor: D(Wr).includes(a.value) ? "" : o.value
+          backgroundColor: D(Hr).includes(a.value) ? "" : o.value
         }),
-        "aria-checked": !D(Wr).includes(a.value)
+        "aria-checked": !D(Hr).includes(a.value)
       }, [
         Yt(ee("input", {
           "onUpdate:modelValue": i[0] || (i[0] = (u) => o.value = u),
@@ -20763,7 +20764,7 @@ const Qy = { class: "flex" }, Gy = ["id", "aria-checked", "onClick"], Ky = ["ari
         }, null, 512), [
           [Pl, o.value]
         ]),
-        D(Wr).includes(a.value) ? (P(), xe(wt, {
+        D(Hr).includes(a.value) ? (P(), xe(wt, {
           key: 0,
           name: "color-palette",
           size: "medium",
@@ -20887,7 +20888,7 @@ export {
   Mb as UiTextButton,
   kb as UiToggleButton,
   _b as UiTooltip,
-  Jr as cn,
+  Lr as cn,
   Pb as useBreakpoints,
   vs as vClickAway
 };