@dpa-id-components/dpa-shared-components 13.1.0 → 13.2.0

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 oe, createElementBlock as L, createElementVNode as ee, createCommentVNode as j, createVNode as Ne, renderSlot as se, toDisplayString as Be, mergeModels as Go, useModel as Ol, withDirectives as Yt, unref as O, mergeProps as st, vModelText as Dl, vModelDynamic as id, withModifiers as nr, withKeys as Qr, normalizeStyle as nt, withCtx as Te, Fragment as Ae, renderList as Ve, createTextVNode as Et, vShow as Rr, watchEffect as Zn, Transition as or, reactive as ea, useSlots as rn, toRef as jn, getCurrentInstance as Ha, nextTick as It, onUnmounted as Cn, isRef as ri, createSlots as Ct, normalizeProps as Pt, guardReactiveProps as Ft, Teleport as Cl, h as ld, render as ni, useAttrs as ud, toValue as Sr, getCurrentScope as ds, onScopeDispose as fs, onBeforeUpdate as cd, hasInjectionContext as Al, inject as dd, shallowRef as hn, shallowReadonly as ln, watchPostEffect 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 oe, createElementBlock as L, createElementVNode as ee, createCommentVNode as j, createVNode as Ne, renderSlot as se, toDisplayString as Be, mergeModels as Go, useModel as Ol, withDirectives as Ut, unref as O, mergeProps as st, vModelText as Dl, vModelDynamic as id, withModifiers as ar, withKeys as Qr, normalizeStyle as nt, withCtx as Te, Fragment as Ae, renderList as Ve, createTextVNode as Et, vShow as Rr, watchEffect as Zn, Transition as sr, reactive as ea, useSlots as rn, toRef as jn, getCurrentInstance as Ha, nextTick as It, onUnmounted as Cn, isRef as ri, createSlots as Ct, normalizeProps as Pt, guardReactiveProps as qt, Teleport as Cl, h as ld, render as ni, useAttrs as ud, toValue as Sr, getCurrentScope as ds, onScopeDispose as fs, onBeforeUpdate as cd, hasInjectionContext as Al, inject as dd, shallowRef as hn, shallowReadonly as ln, watchPostEffect 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", $l = {
   sm: hd,
@@ -112,11 +112,11 @@ function kd() {
     var fe = Array.prototype, Pe = Function.prototype, Oe = Object.prototype, Ie = H["__core-js_shared__"], Ye = Pe.toString, V = Oe.hasOwnProperty, me = function() {
       var M = /[^.]+$/.exec(Ie && Ie.keys && Ie.keys.IE_PROTO || "");
       return M ? "Symbol(src)_1." + M : "";
-    }(), ze = Oe.toString, lt = Ye.call(Object), Nt = RegExp(
+    }(), ze = Oe.toString, lt = Ye.call(Object), Ft = RegExp(
       "^" + Ye.call(V).replace(ue, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), _e = ie ? H.Buffer : void 0, ut = H.Symbol, Bt = H.Uint8Array;
     _e && _e.allocUnsafe;
-    var Or = pe(Object.getPrototypeOf, Object), Vr = Object.create, En = Oe.propertyIsEnumerable, In = fe.splice, Kt = ut ? ut.toStringTag : void 0, Dr = function() {
+    var Or = pe(Object.getPrototypeOf, Object), Vr = Object.create, En = Oe.propertyIsEnumerable, In = fe.splice, Xt = ut ? ut.toStringTag : void 0, Dr = function() {
       try {
         var M = oo(Object, "defineProperty");
         return M({}, "", {}), M;
@@ -145,11 +145,11 @@ function kd() {
     function Me() {
       this.__data__ = Re ? Re(null) : {}, this.size = 0;
     }
-    function Xt(M) {
+    function Jt(M) {
       var N = this.has(M) && delete this.__data__[M];
       return this.size -= N ? 1 : 0, N;
     }
-    function Qt(M) {
+    function Gt(M) {
       var N = this.__data__;
       if (Re) {
         var G = N[M];
@@ -165,8 +165,8 @@ function kd() {
       var G = this.__data__;
       return this.size += this.has(M) ? 0 : 1, G[M] = Re && N === void 0 ? r : N, this;
     }
-    ve.prototype.clear = Me, ve.prototype.delete = Xt, ve.prototype.get = Qt, ve.prototype.has = kr, ve.prototype.set = dr;
-    function Vt(M) {
+    ve.prototype.clear = Me, ve.prototype.delete = Jt, ve.prototype.get = Gt, ve.prototype.has = kr, ve.prototype.set = dr;
+    function Wt(M) {
       var N = -1, G = M == null ? 0 : M.length;
       for (this.clear(); ++N < G; ) {
         var Se = M[N];
@@ -194,7 +194,7 @@ function kd() {
       var G = this.__data__, Se = sa(G, M);
       return Se < 0 ? (++this.size, G.push([M, N])) : G[Se][1] = N, this;
     }
-    Vt.prototype.clear = ro, Vt.prototype.delete = hc, Vt.prototype.get = mc, Vt.prototype.has = vc, Vt.prototype.set = gc;
+    Wt.prototype.clear = ro, Wt.prototype.delete = hc, Wt.prototype.get = mc, Wt.prototype.has = vc, Wt.prototype.set = gc;
     function on(M) {
       var N = -1, G = M == null ? 0 : M.length;
       for (this.clear(); ++N < G; ) {
@@ -205,7 +205,7 @@ function kd() {
     function yc() {
       this.size = 0, this.__data__ = {
         hash: new ve(),
-        map: new (De || Vt)(),
+        map: new (De || Wt)(),
         string: new ve()
       };
     }
@@ -225,11 +225,11 @@ function kd() {
     }
     on.prototype.clear = yc, on.prototype.delete = bc, on.prototype.get = wc, on.prototype.has = kc, on.prototype.set = _c;
     function sn(M) {
-      var N = this.__data__ = new Vt(M);
+      var N = this.__data__ = new Wt(M);
       this.size = N.size;
     }
     function xc() {
-      this.__data__ = new Vt(), this.size = 0;
+      this.__data__ = new Wt(), this.size = 0;
     }
     function Tc(M) {
       var N = this.__data__, G = N.delete(M);
@@ -243,7 +243,7 @@ function kd() {
     }
     function Pc(M, N) {
       var G = this.__data__;
-      if (G instanceof Vt) {
+      if (G instanceof Wt) {
         var Se = G.__data__;
         if (!De || Se.length < n - 1)
           return Se.push([M, N]), this.size = ++G.size, this;
@@ -254,12 +254,12 @@ function kd() {
     sn.prototype.clear = xc, sn.prototype.delete = Tc, sn.prototype.get = Sc, sn.prototype.has = Mc, sn.prototype.set = Pc;
     function Oc(M, N) {
       var G = lo(M), Se = !G && io(M), Ue = !G && !Se && Ks(M), Xe = !G && !Se && !Ue && Js(M), at = G || Se || Ue || Xe, He = at ? Z(M.length, String) : [], ot = He.length;
-      for (var Jt in M)
+      for (var Zt in M)
         at && // Safari 9 has enumerable `arguments.length` in strict mode.
-        (Jt == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-        Ue && (Jt == "offset" || Jt == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        Xe && (Jt == "buffer" || Jt == "byteLength" || Jt == "byteOffset") || // Skip index properties.
-        Qs(Jt, ot)) || He.push(Jt);
+        (Zt == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        Ue && (Zt == "offset" || Zt == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        Xe && (Zt == "buffer" || Zt == "byteLength" || Zt == "byteOffset") || // Skip index properties.
+        Qs(Zt, ot)) || He.push(Zt);
       return He;
     }
     function no(M, N, G) {
@@ -285,7 +285,7 @@ function kd() {
     }
     var Cc = Uc();
     function ia(M) {
-      return M == null ? M === void 0 ? $ : g : Kt && Kt in Object(M) ? Vc(M) : Kc(M);
+      return M == null ? M === void 0 ? $ : g : Xt && Xt in Object(M) ? Vc(M) : Kc(M);
     }
     function Hs(M) {
       return Bn(M) && ia(M) == l;
@@ -293,7 +293,7 @@ function kd() {
     function Ac(M) {
       if (!Wr(M) || Qc(M))
         return !1;
-      var N = co(M) ? Nt : E;
+      var N = co(M) ? Ft : E;
       return N.test(ed(M));
     }
     function $c(M) {
@@ -318,17 +318,17 @@ function kd() {
       }, Zs);
     }
     function Ic(M, N, G, Se, Ue, Xe, at) {
-      var He = so(M, G), ot = so(N, G), Jt = at.get(ot);
-      if (Jt) {
-        no(M, G, Jt);
+      var He = so(M, G), ot = so(N, G), Zt = at.get(ot);
+      if (Zt) {
+        no(M, G, Zt);
         return;
       }
-      var Wt = Xe ? Xe(He, ot, G + "", M, N, at) : void 0, zn = Wt === void 0;
+      var Ht = Xe ? Xe(He, ot, G + "", M, N, at) : void 0, zn = Ht === void 0;
       if (zn) {
         var fo = lo(ot), po = !fo && Ks(ot), ti = !fo && !po && Js(ot);
-        Wt = ot, fo || po || ti ? lo(He) ? Wt = He : td(He) ? Wt = Fc(He) : po ? (zn = !1, Wt = zc(ot)) : ti ? (zn = !1, Wt = Nc(ot)) : Wt = [] : rd(ot) || io(ot) ? (Wt = He, io(He) ? Wt = nd(He) : (!Wr(He) || co(He)) && (Wt = Wc(ot))) : zn = !1;
+        Ht = ot, fo || po || ti ? lo(He) ? Ht = He : td(He) ? Ht = Fc(He) : po ? (zn = !1, Ht = zc(ot)) : ti ? (zn = !1, Ht = Nc(ot)) : Ht = [] : rd(ot) || io(ot) ? (Ht = He, io(He) ? Ht = nd(He) : (!Wr(He) || co(He)) && (Ht = Wc(ot))) : zn = !1;
       }
-      zn && (at.set(ot, Wt), Ue(Wt, ot, Se, Xe, at), at.delete(ot)), no(M, G, Wt);
+      zn && (at.set(ot, Ht), Ue(Ht, ot, Se, Xe, at), at.delete(ot)), no(M, G, Ht);
     }
     function Rc(M, N) {
       return Jc(Xc(M, N, ei), M + "");
@@ -396,14 +396,14 @@ function kd() {
       return Ac(G) ? G : void 0;
     }
     function Vc(M) {
-      var N = V.call(M, Kt), G = M[Kt];
+      var N = V.call(M, Xt), G = M[Xt];
       try {
-        M[Kt] = void 0;
+        M[Xt] = void 0;
         var Se = !0;
       } catch {
       }
       var Ue = ze.call(M);
-      return Se && (N ? M[Kt] = G : delete M[Kt]), Ue;
+      return Se && (N ? M[Xt] = G : delete M[Xt]), Ue;
     }
     function Wc(M) {
       return typeof M.constructor == "function" && !Gs(M) ? ae(Or(M)) : {};
@@ -2621,7 +2621,7 @@ function Od() {
   }
   return _o = d, _o;
 }
-var da = { exports: {} }, fa = { exports: {} }, pa = { exports: {} }, ha = { exports: {} }, ma = { exports: {} }, va = { exports: {} }, Zt = {}, ga = { exports: {} }, mi;
+var da = { exports: {} }, fa = { exports: {} }, pa = { exports: {} }, ha = { exports: {} }, ma = { exports: {} }, va = { exports: {} }, er = {}, ga = { exports: {} }, mi;
 function Il() {
   return mi || (mi = 1, function(e, t) {
     t.__esModule = !0, t.default = a;
@@ -2715,20 +2715,20 @@ function Ad() {
 }
 var bi;
 function ja() {
-  if (bi) return Zt;
-  bi = 1, Zt.__esModule = !0, Zt.stripComments = Zt.ensureObject = Zt.getProp = Zt.unesc = void 0;
+  if (bi) return er;
+  bi = 1, er.__esModule = !0, er.stripComments = er.ensureObject = er.getProp = er.unesc = void 0;
   var e = a(Il());
-  Zt.unesc = e.default;
+  er.unesc = e.default;
   var t = a(Dd());
-  Zt.getProp = t.default;
+  er.getProp = t.default;
   var n = a(Cd());
-  Zt.ensureObject = n.default;
+  er.ensureObject = n.default;
   var r = a(Ad());
-  Zt.stripComments = r.default;
+  er.stripComments = r.default;
   function a(o) {
     return o && o.__esModule ? o : { default: o };
   }
-  return Zt;
+  return er;
 }
 var wi;
 function qr() {
@@ -4212,8 +4212,8 @@ function Rd() {
                 return this.error("Expected an attribute followed by an operator preceding the string.", {
                   index: ne[f.FIELDS.START_POS]
                 });
-              var ze = (0, c.unescapeValue)(Z), lt = ze.unescaped, Nt = ze.quoteMark;
-              p.value = lt, p.quoteMark = Nt, q = "value", (0, b.ensureObject)(p, "raws"), p.raws.value = Z, be = !1;
+              var ze = (0, c.unescapeValue)(Z), lt = ze.unescaped, Ft = ze.quoteMark;
+              p.value = lt, p.quoteMark = Ft, q = "value", (0, b.ensureObject)(p, "raws"), p.raws.value = Z, be = !1;
               break;
             case v.equals:
               if (!p.attribute)
@@ -7527,7 +7527,7 @@ function Tf() {
   for (var e, t, n = 0, r = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = Zl(e)) && (r && (r += " "), r += t);
   return r;
 }
-function sr(...e) {
+function Nt(...e) {
   return xf(Tf(e));
 }
 const Sf = (e, t, n) => {
@@ -7813,7 +7813,7 @@ const Ff = ["data-testid"], qf = ["for"], Yf = ["id", "aria-label", "readonly",
         ], "pointer-events-none absolute left-3 origin-left select-none px-1 transition-all duration-150"]),
         for: O(l)
       }, Be(m.label), 11, qf),
-      m.isTextarea ? Yt((P(), L("textarea", st({ key: 0 }, { ...m.$attrs, class: null, "data-testid": null }, {
+      m.isTextarea ? Ut((P(), L("textarea", st({ key: 0 }, { ...m.$attrs, class: null, "data-testid": null }, {
         id: O(l),
         ref_key: "inputRef",
         ref: i,
@@ -7834,7 +7834,7 @@ const Ff = ["data-testid"], qf = ["for"], Yf = ["id", "aria-label", "readonly",
         onKeyup: b
       }), null, 16, Yf)), [
         [Dl, o.value]
-      ]) : Yt((P(), L("input", st({ key: 1 }, { ...m.$attrs, class: null, "data-testid": null }, {
+      ]) : Ut((P(), L("input", st({ key: 1 }, { ...m.$attrs, class: null, "data-testid": null }, {
         id: O(l),
         ref_key: "inputRef",
         ref: i,
@@ -7974,10 +7974,10 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
       style: { "outline-offset": "-2px" },
       tabindex: "0",
       "data-testid": "list-item-button",
-      onClick: nr(o, ["prevent", "stop"])
+      onClick: ar(o, ["prevent", "stop"])
     }, [
       ee("span", {
-        class: oe([O(sr)(a.value, s.overrideClasses), "block text-sm leading-normal hover:text-blue-default"])
+        class: oe([O(Nt)(a.value, s.overrideClasses), "block text-sm leading-normal hover:text-blue-default"])
       }, [
         ee("span", Jf, [
           s.checkBoxMenu ? (P(), L("span", Zf, [
@@ -8054,7 +8054,7 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
         for (const b of g)
           k(b?.contentRect?.width);
       }), u.value.observe(a.value?.inputRef));
-    }), (g, b) => Yt((P(), L("div", null, [
+    }), (g, b) => Ut((P(), L("div", null, [
       Ne(tu, {
         ref_key: "inputRef",
         ref: a,
@@ -8069,14 +8069,14 @@ const ys = /* @__PURE__ */ Qa(Wf, [["render", jf]]), Qf = ["data-testid"], Gf =
           n("select", m), h();
         }),
         onKeyup: [
-          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"]))
+          Qr(ar(f, ["stop", "prevent"]), ["down"]),
+          Qr(ar(v, ["stop", "prevent"]), ["up"]),
+          b[1] || (b[1] = Qr(ar((m) => d(), ["stop", "prevent"]), ["enter"])),
+          b[2] || (b[2] = Qr(ar((m) => g.options && g.options.length && l.value ? h() : "", ["stop", "prevent"]), ["esc"]))
         ],
         onFocus: y
       }, null, 8, ["label", "placeholder", "model-value", "chevron", "readonly", "onKeyup"]),
-      Yt(ee("div", {
+      Ut(ee("div", {
         ref_key: "dropdownRef",
         ref: o,
         class: "absolute z-10 mt-1 max-h-60 overflow-y-auto bg-white shadow-lg",
@@ -8355,7 +8355,7 @@ const tb = /* @__PURE__ */ Qa(ip, [["render", up]]), rb = /* @__PURE__ */ Ce({
         ]),
         _: 1
       }),
-      Ne(or, {
+      Ne(sr, {
         "enter-active-class": "duration-200",
         "enter-from-class": "transform -translate-y-[20px] opacity-0",
         "enter-to-class": "transform translate-y-0 opacity-1",
@@ -8379,11 +8379,11 @@ function Ge(e, t) {
 function $e(e, t) {
   return Ge(t || e, e);
 }
-function Gt(e, t, n) {
+function Kt(e, t, n) {
   const r = $e(e, n?.in);
   return isNaN(t) ? Ge(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
-function ar(e, t, n) {
+function or(e, t, n) {
   const r = $e(e, n?.in);
   if (isNaN(t)) return Ge(e, NaN);
   if (!t)
@@ -8406,7 +8406,7 @@ function au(e, t, n) {
     hours: l = 0,
     minutes: i = 0,
     seconds: u = 0
-  } = t, c = $e(e, n?.in), d = a || r ? ar(c, a + r * 12) : c, h = s || o ? Gt(d, s + o * 7) : d, y = i + l * 60, f = (u + y * 60) * 1e3;
+  } = t, c = $e(e, n?.in), d = a || r ? or(c, a + r * 12) : c, h = s || o ? Kt(d, s + o * 7) : d, y = i + l * 60, f = (u + y * 60) * 1e3;
   return Ge(e, +h + f);
 }
 function mp(e, t, n) {
@@ -8472,10 +8472,10 @@ function yp(e, t) {
   return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), _n(r);
 }
 function bp(e, t, n) {
-  return ar(e, t * 3, n);
+  return or(e, t * 3, n);
 }
 function bs(e, t, n) {
-  return ar(e, t * 12, n);
+  return or(e, t * 12, n);
 }
 function rl(e, t) {
   const n = +$e(e) - +$e(t);
@@ -9708,7 +9708,7 @@ function sh(e, t, n) {
   return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 const ih = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, lh = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, uh = /^'([^]*?)'?$/, ch = /''/g, dh = /[a-zA-Z]/;
-function qt(e, t, n) {
+function Yt(e, t, n) {
   const r = nn(), a = n?.locale ?? r.locale ?? hu, o = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, s = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, l = $e(e, n?.in);
   if (!Vn(l))
     throw new RangeError("Invalid time value");
@@ -10561,7 +10561,7 @@ class Lh extends je {
 }
 function Ts(e, t, n) {
   const r = nn(), a = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, o = $e(e, n?.in), s = o.getDay(), i = (t % 7 + 7) % 7, u = 7 - a, c = t < 0 || t > 6 ? t - (s + u) % 7 : (i + u) % 7 - (s + u) % 7;
-  return Gt(o, c, n);
+  return Kt(o, c, n);
 }
 class Nh extends je {
   priority = 90;
@@ -10739,7 +10739,7 @@ class qh extends je {
 }
 function Yh(e, t, n) {
   const r = $e(e, n?.in), a = vh(r, n), o = t - a;
-  return Gt(r, o, n);
+  return Kt(r, o, n);
 }
 class Uh extends je {
   priority = 90;
@@ -11284,7 +11284,7 @@ function ul(e, t, n) {
   return +Gr(r) == +Gr(a);
 }
 function _u(e, t, n) {
-  return Gt(e, -t, n);
+  return Kt(e, -t, n);
 }
 function xu(e, t, n) {
   const r = $e(e, n?.in), a = r.getFullYear(), o = r.getDate(), s = Ge(e, 0);
@@ -11317,7 +11317,7 @@ function vr(e, t, n) {
   return isNaN(+r) ? Ge(e, NaN) : (r.setFullYear(t), r);
 }
 function Sn(e, t, n) {
-  return ar(e, -t, n);
+  return or(e, -t, n);
 }
 function hm(e, t, n) {
   const {
@@ -11498,13 +11498,13 @@ function Ds() {
 Ds.compatConfig = {
   MODE: 3
 };
-const Ut = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Cs = (e, t, n) => es(e, t, n) || ce(), mm = (e, t, n) => {
-  const r = t.dateInTz ? Ut(new Date(e), t.dateInTz) : ce(e);
+const Vt = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Cs = (e, t, n) => es(e, t, n) || ce(), mm = (e, t, n) => {
+  const r = t.dateInTz ? Vt(new Date(e), t.dateInTz) : ce(e);
   return n ? Ot(r, !0) : r;
 }, es = (e, t, n) => {
   if (!e) return null;
   const r = n ? Ot(ce(e), !0) : ce(e);
-  return t ? t.exactMatch ? mm(e, t, n) : Ut(r, t.timezone) : r;
+  return t ? t.exactMatch ? mm(e, t, n) : Vt(r, t.timezone) : r;
 }, vm = (e) => {
   const t = new Date(e.getFullYear(), 0, 1).getTimezoneOffset();
   return e.getTimezoneOffset() < t;
@@ -11513,7 +11513,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 || {}), 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 || {});
+var tr = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(tr || {}), rr = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(rr || {}), 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 cl(e) {
@@ -11526,7 +11526,7 @@ function cl(e) {
   };
 }
 function bm(e) {
-  return (t) => qt(Ut(/* @__PURE__ */ new Date(`2017-01-0${t}T00:00:00+00:00`), "UTC"), "EEEEEE", { locale: e });
+  return (t) => Yt(Vt(/* @__PURE__ */ new Date(`2017-01-0${t}T00:00:00+00:00`), "UTC"), "EEEEEE", { locale: e });
 }
 const wm = (e, t, n) => {
   const r = [1, 2, 3, 4, 5, 6, 7];
@@ -11555,7 +11555,7 @@ const wm = (e, t, n) => {
     try {
       const o = n === "long" ? "LLLL" : "LLL";
       return r.map((s, l) => {
-        const i = qt(Ut(s, "UTC"), o, { locale: e });
+        const i = Yt(Vt(s, "UTC"), o, { locale: e });
         return {
           text: i.charAt(0).toUpperCase() + i.substring(1),
           value: l
@@ -11627,7 +11627,7 @@ function Sm(e, t) {
   if (r >= 0 && (t ? r - 1 >= 0 : r + 1 <= n.length))
     return n[r + (t ? -1 : 1)];
 }
-const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Es = (e, t) => qt(e, t ?? gn.DATE), Ro = (e) => Array.isArray(e), Fa = (e, t, n) => t.get(Es(e, n)), Mm = (e, t) => e ? t ? t instanceof Map ? !!Fa(e, t) : t(ce(e)) : !1 : !0, Lt = (e, t, n = !1, r) => {
+const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Es = (e, t) => Yt(e, t ?? gn.DATE), Ro = (e) => Array.isArray(e), Fa = (e, t, n) => t.get(Es(e, n)), Mm = (e, t) => e ? t ? t instanceof Map ? !!Fa(e, t) : t(ce(e)) : !1 : !0, Lt = (e, t, n = !1, r) => {
   if (e.key === rt.enter || e.key === rt.space)
     return n && e.preventDefault(), t();
   if (r) return r(e);
@@ -11671,7 +11671,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
 }, zr = (e, t, n, r) => {
   let a = e ? ce(e) : ce();
   return (t || t === 0) && (a = fm(a, +t)), (n || n === 0) && (a = pm(a, +n)), (r || r === 0) && (a = Su(a, +r)), Tu(a, 0);
-}, pt = (e, t) => !e || !t ? !1 : Tn(Ot(e), Ot(t)), qe = (e, t) => !e || !t ? !1 : pn(Ot(e), Ot(t)), vt = (e, t) => !e || !t ? !1 : Zr(Ot(e), Ot(t)), Xn = (e, t, n) => e != null && e[0] && e != null && e[1] ? vt(n, e[0]) && pt(n, e[1]) : e != null && e[0] && t ? vt(n, e[0]) && pt(n, t) || pt(n, e[0]) && vt(n, t) : !1, rr = (e) => {
+}, pt = (e, t) => !e || !t ? !1 : Tn(Ot(e), Ot(t)), qe = (e, t) => !e || !t ? !1 : pn(Ot(e), Ot(t)), vt = (e, t) => !e || !t ? !1 : Zr(Ot(e), Ot(t)), Xn = (e, t, n) => e != null && e[0] && e != null && e[1] ? vt(n, e[0]) && pt(n, e[1]) : e != null && e[0] && t ? vt(n, e[0]) && pt(n, t) || pt(n, e[0]) && vt(n, t) : !1, nr = (e) => {
   const t = Ke(new Date(e), { date: 1 });
   return Ot(t);
 }, Bo = (e, t, n) => t && (n || n === 0) ? Object.fromEntries(
@@ -11701,7 +11701,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   const n = vt(e, t) ? t : e, r = vt(t, e) ? t : e;
   return uu({ start: n, end: r });
 }, Cm = (e) => {
-  const t = ar(e, 1);
+  const t = or(e, 1);
   return { month: Fe(t), year: Ee(t) };
 }, xr = (e, t) => {
   const n = ir(e, { weekStartsOn: +t }), r = fu(e, { weekStartsOn: +t });
@@ -11718,12 +11718,12 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   return (t || t === 0) && (r = xu(r, t)), n && (r = vr(r, n)), r;
 }, Lu = (e, t, n, r, a) => {
   if (!r || a && !t || !a && !n) return !1;
-  const o = a ? ar(e, 1) : Sn(e, 1), s = [Fe(o), Ee(o)];
+  const o = a ? or(e, 1) : Sn(e, 1), s = [Fe(o), Ee(o)];
   return a ? !$m(...s, t) : !Am(...s, n);
 }, Am = (e, t, n) => pt(...Ir(n, e, t)) || qe(...Ir(n, e, t)), $m = (e, t, n) => vt(...Ir(n, e, t)) || qe(...Ir(n, e, t)), Nu = (e, t, n, r, a, o, s) => {
   if (typeof t == "function" && !s) return t(e);
   const l = n ? { locale: n } : void 0;
-  return Array.isArray(e) ? `${qt(e[0], o, l)}${a && !e[1] ? "" : r}${e[1] ? qt(e[1], o, l) : ""}` : qt(e, o, l);
+  return Array.isArray(e) ? `${Yt(e[0], o, l)}${a && !e[1] ? "" : r}${e[1] ? Yt(e[1], o, l) : ""}` : Yt(e, o, l);
 }, cn = (e) => {
   if (e) return null;
   throw new Error($s.prop("partial-range"));
@@ -11760,8 +11760,8 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     return e.size ? e.has(r) : !0;
   }
   return !0;
-}, Fu = (e, t, n) => typeof e == "function" ? e({ month: t, year: n }) : !!e.months.find((r) => r.month === t && r.year === n), Is = (e, t) => typeof e == "function" ? e(t) : e.years.includes(t), ns = (e) => `dp-${qt(e, "yyyy-MM-dd")}`, ml = (e, t) => {
-  const n = _u(Ot(t), e), r = Gt(Ot(t), e);
+}, Fu = (e, t, n) => typeof e == "function" ? e({ month: t, year: n }) : !!e.months.find((r) => r.month === t && r.year === n), Is = (e, t) => typeof e == "function" ? e(t) : e.years.includes(t), ns = (e) => `dp-${Yt(e, "yyyy-MM-dd")}`, ml = (e, t) => {
+  const n = _u(Ot(t), e), r = Kt(Ot(t), e);
   return { before: n, after: r };
 }, Fn = ea({
   menuFocused: !1,
@@ -12054,7 +12054,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   }), bt(c, () => {
     le();
   });
-  const h = (p) => s.value.timezone && s.value.convertModel ? Ut(p, s.value.timezone) : p, y = (p) => {
+  const h = (p) => s.value.timezone && s.value.convertModel ? Vt(p, s.value.timezone) : p, y = (p) => {
     if (s.value.timezone && s.value.convertModel) {
       const z = gm(s.value.timezone, p);
       return vp(p, z);
@@ -12130,9 +12130,9 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     const z = ge(p);
     rs(St(z)) ? (r.value = St(z), le()) : (r.value = null, u.value = "");
   }, Y = () => {
-    const p = (z) => qt(z, a.value.format);
+    const p = (z) => Yt(z, a.value.format);
     return `${p(r.value[0])} ${a.value.rangeSeparator} ${r.value[1] ? p(r.value[1]) : ""}`;
-  }, I = () => n.value && r.value ? Array.isArray(r.value) ? Y() : qt(r.value, a.value.format) : k(r.value), K = () => r.value ? l.value.enabled ? r.value.map((p) => k(p)).join("; ") : a.value.enabled && typeof a.value.format == "string" ? I() : k(r.value) : "", le = () => {
+  }, I = () => n.value && r.value ? Array.isArray(r.value) ? Y() : Yt(r.value, a.value.format) : k(r.value), K = () => r.value ? l.value.enabled ? r.value.map((p) => k(p)).join("; ") : a.value.enabled && typeof a.value.format == "string" ? I() : k(r.value) : "", le = () => {
     !t.format || typeof t.format == "string" || a.value.enabled && typeof a.value.format == "string" ? u.value = K() : u.value = t.format(r.value);
   }, Q = (p) => {
     if (t.utc) {
@@ -12147,7 +12147,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   }, ue = (p) => p ? t.utc ? Dm(p, t.utc === "preserve", t.enableSeconds) : t.modelType ? t.modelType === "timestamp" ? +y(p) : t.modelType === "iso" ? y(p).toISOString() : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? k(y(p)) : k(y(p), t.modelType, !0) : y(p) : "", E = (p, z = !1, ie = !1) => {
     if (ie) return p;
     if (e("update:model-value", p), s.value.emitTimezone && z) {
-      const we = Array.isArray(p) ? p.map((q) => Ut(St(q), s.value.emitTimezone)) : Ut(St(p), s.value.emitTimezone);
+      const we = Array.isArray(p) ? p.map((q) => Vt(St(q), s.value.emitTimezone)) : Vt(St(p), s.value.emitTimezone);
       e("update:model-timezone-value", we);
     }
   }, X = (p) => Array.isArray(r.value) ? l.value.enabled ? r.value.map((z) => p(z)) : [
@@ -12174,13 +12174,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
 }, ev = (e, t) => {
   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;
+    return n.value.months.includes(Fe(h)) ? (h = d ? or(c, 1) : Sn(c, 1), o(h, d)) : h;
   }, s = (c, d) => {
     let h = c;
     return n.value.years.includes(Ee(h)) ? (h = d ? bs(c, 1) : Mu(c, 1), s(h, d)) : h;
   }, l = (c, d = !1) => {
     const h = Ke(ce(), { month: e.month, year: e.year });
-    let y = c ? ar(h, 1) : Sn(h, 1);
+    let y = c ? or(h, 1) : Sn(h, 1);
     e.disableYearSelect && (y = vr(y, e.year));
     let k = Fe(y), f = Ee(y);
     n.value.months.includes(k) && (y = o(y, c), k = Fe(y), f = Ee(y)), n.value.years.includes(f) && (y = s(y, c), f = Ee(y)), a(k, f, c, e.preventMinMaxNavigation) && i(k, f, d);
@@ -12576,7 +12576,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
         "aria-label": T.overlayLabel,
         tabindex: T.useRelative ? void 0 : "0",
         onKeydown: E,
-        onClick: S[0] || (S[0] = nr(() => {
+        onClick: S[0] || (S[0] = ar(() => {
         }, ["prevent"]))
       }, [
         ee("div", {
@@ -12604,7 +12604,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
               "aria-disabled": z.disabled || void 0,
               tabindex: "0",
               "data-test-id": z.text,
-              onClick: nr((we) => ge(z), ["prevent"]),
+              onClick: ar((we) => ge(z), ["prevent"]),
               onKeydown: (we) => O(Lt)(we, () => ge(z), !0),
               onMouseover: (we) => Q(z.value)
             }, [
@@ -12622,7 +12622,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
             ], 42, sv))), 128))
           ], 2))), 128))
         ], 6),
-        T.$slots["button-icon"] ? Yt((P(), L("button", {
+        T.$slots["button-icon"] ? Ut((P(), L("button", {
           key: 0,
           ref_key: "toggleButton",
           ref: b,
@@ -12777,7 +12777,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : j("", !0)
         ], 2),
-        Ne(or, {
+        Ne(sr, {
           name: O(h)(e.showYearPicker),
           css: O(d)
         }, {
@@ -12836,7 +12836,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
 }, Xa = (e, t, n, r) => {
   e && (e[0] && e[1] && n && t("auto-apply"), e[0] && !e[1] && r && n && t("auto-apply"));
 }, Uu = (e) => {
-  Array.isArray(e.value) && e.value.length <= 2 && e.range ? e.modelValue.value = e.value.map((t) => Ut(ce(t), e.timezone)) : Array.isArray(e.value) || (e.modelValue.value = Ut(ce(e.value), e.timezone));
+  Array.isArray(e.value) && e.value.length <= 2 && e.range ? e.modelValue.value = e.value.map((t) => Vt(ce(t), e.timezone)) : Array.isArray(e.value) || (e.modelValue.value = Vt(ce(e.value), e.timezone));
 }, Vu = (e, t, n, r) => Array.isArray(t.value) && (t.value.length === 2 || t.value.length === 1 && r.value.partialRange) ? r.value.fixedStart && (vt(e, t.value[0]) || qe(e, t.value[0])) ? [t.value[0], e] : r.value.fixedEnd && (pt(e, t.value[1]) || qe(e, t.value[1])) ? [e, t.value[1]] : (n("invalid-fixed-range", e), t.value) : [], Wu = ({
   multiCalendars: e,
   range: t,
@@ -12851,7 +12851,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   emit: c
 }) => {
   const d = F(() => As(s.yearRange, s.locale, s.reverseYears)), h = J([!1]), y = F(() => (C, te) => {
-    const re = Ke(rr(/* @__PURE__ */ new Date()), {
+    const re = Ke(nr(/* @__PURE__ */ new Date()), {
       month: u.value(C),
       year: i.value(C)
     }), ge = te ? du(re) : Gn(re);
@@ -12973,7 +12973,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     if (s.value.enabled) {
       const H = re();
       if (Array.isArray(y.value) && Array.isArray(H)) {
-        const p = B(S, R, 0) || B(S, R, 1), z = Tr(rr(ce()), S, k.value(R));
+        const p = B(S, R, 0) || B(S, R, 1), z = Tr(nr(ce()), S, k.value(R));
         return Xn(y.value, b.value, z) && !p;
       }
       return !1;
@@ -12987,8 +12987,8 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       Ru(k.value(S), i.value.maxDate)
     ) || Im(i.value.disabledDates, k.value(S), R.value) || ((H = c.value.months) == null ? void 0 : H.includes(R.value)) || !Rm(i.value.allowedDates, k.value(S), R.value), ie = Y(R.value, S), we = Fu(l.value, R.value, k.value(S));
     return { active: p, disabled: z, isBetween: ie, highlighted: we };
-  })), K = (S, R) => Tr(rr(ce()), S, k.value(R)), le = (S, R) => {
-    const H = y.value ? y.value : rr(/* @__PURE__ */ new Date());
+  })), K = (S, R) => Tr(nr(ce()), S, k.value(R)), le = (S, R) => {
+    const H = y.value ? y.value : nr(/* @__PURE__ */ new Date());
     y.value = Tr(H, S, k.value(R)), t("auto-apply"), t("update-flow-step");
   }, Q = (S, R) => {
     const H = K(S, R);
@@ -13058,7 +13058,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = rn(), o = Ht(a, "yearMode"), s = e;
+    const r = n, a = rn(), o = jt(a, "yearMode"), s = e;
     dt(() => {
       s.shadow || r("mount", null);
     });
@@ -13133,7 +13133,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
               Ve(O(o), (C, te) => ({
                 name: C,
                 fn: Te((re) => [
-                  se($.$slots, C, Pt(Ft(re)))
+                  se($.$slots, C, Pt(qt(re)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -13169,13 +13169,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       Pn(u.value.maxDate)
     ) || l.value.years.includes(g.value) || !y(g.value) || k(g.value), x = h(g.value) && !b, w = Is(o.value, g.value);
     return { active: b, disabled: m, isBetween: x, highlighted: w };
-  })), v = (g) => vr(rr(Gn(/* @__PURE__ */ new Date())), g);
+  })), v = (g) => vr(nr(Gn(/* @__PURE__ */ new Date())), g);
   return {
     groupedYears: f,
     modelValue: r,
     focusYear: c,
     setHoverValue: (g) => {
-      a.value = vr(rr(/* @__PURE__ */ new Date()), g);
+      a.value = vr(nr(/* @__PURE__ */ new Date()), g);
     },
     selectYear: (g) => {
       var b;
@@ -13497,7 +13497,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
             onKeydown: de[0] || (de[0] = (fe) => O(Lt)(fe, () => q(), !0))
           }, Be(v.value), 41, kv))
         ])),
-        (P(!0), L(Ae, null, Ve(K.value, (fe, Pe) => (P(), xe(or, {
+        (P(!0), L(Ae, null, Ve(K.value, (fe, Pe) => (P(), xe(sr, {
           key: Pe,
           name: O(y)(f[fe.type]),
           css: O(k)
@@ -13604,7 +13604,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: a.autoApply && !d.value.keepActionRow
-    })), te = Ht(l, "timePicker"), re = (Q, ue, E) => h.value.enabled ? ue === 0 ? [Q, U.value[1][E]] : [U.value[0][E], Q] : Q, ge = (Q) => {
+    })), te = jt(l, "timePicker"), re = (Q, ue, E) => h.value.enabled ? ue === 0 ? [Q, U.value[1][E]] : [U.value[0][E], Q] : Q, ge = (Q) => {
       r("update:hours", Q);
     }, B = (Q) => {
       r("update:minutes", Q);
@@ -13626,7 +13626,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
         class: "dp--tp-wrap",
         "data-dp-mobile": Q.isMobile
       }, [
-        !Q.timePicker && !Q.timePickerInline ? Yt((P(), L("button", {
+        !Q.timePicker && !Q.timePickerInline ? Ut((P(), L("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
           ref: v,
@@ -13643,7 +13643,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
         ], 42, Tv)), [
           [Rr, !O(f)(Q.hideNavigation, "time")]
         ]) : j("", !0),
-        Ne(or, {
+        Ne(sr, {
           name: O(y)(D.value),
           css: O(k) && !Q.timePickerInline
         }, {
@@ -13683,7 +13683,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
                     key: 1,
                     class: oe(Q.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (P(!0), L(Ae, null, Ve(U.value, (S, R) => Yt((P(), xe(_v, st({
+                    (P(!0), L(Ae, null, Ve(U.value, (S, R) => Ut((P(), xe(_v, st({
                       key: R,
                       ref_for: !0
                     }, {
@@ -13718,7 +13718,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
                       [Rr, R === 0 ? !0 : w.value]
                     ])), 128))
                   ], 2)),
-                  !Q.timePicker && !Q.timePickerInline ? Yt((P(), L("button", {
+                  !Q.timePicker && !Q.timePickerInline ? Ut((P(), L("button", {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: g,
@@ -13829,11 +13829,11 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     if (s.value.enabled) {
       const [D, $] = v();
       r.value = [
-        Ut(u(D, 0), l.value.timezone),
-        Ut(u($, 1), l.value.timezone)
+        Vt(u(D, 0), l.value.timezone),
+        Vt(u($, 1), l.value.timezone)
       ];
     } else
-      r.value = Ut(u(v()), l.value.timezone);
+      r.value = Vt(u(v()), l.value.timezone);
   }, b = (D) => Array.isArray(D) ? [Xr(ce(D[0])), Xr(ce(D[1]))] : [Xr(D ?? ce())], m = (D, $, U) => {
     c("hours", D), c("minutes", $), c("seconds", e.enableSeconds ? U : 0);
   }, x = () => {
@@ -13878,7 +13878,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, o = rn(), s = Ht(o, "timePicker"), l = J(null), { time: i, modelValue: u, disabledTimesConfig: c, updateTime: d, validateTime: h } = Pv(a, r);
+    const r = n, a = e, o = rn(), s = jt(o, "timePicker"), l = J(null), { time: i, modelValue: u, disabledTimesConfig: c, updateTime: d, validateTime: h } = Pv(a, r);
     return dt(() => {
       a.shadow || r("mount", null);
     }), t({ getSidebarProps: () => ({
@@ -13915,7 +13915,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           Ve(O(s), (f, v) => ({
             name: f,
             fn: Te((g) => [
-              se(y.$slots, f, Pt(Ft(g)))
+              se(y.$slots, f, Pt(qt(g)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"])
@@ -13957,16 +13957,16 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     const A = (T) => ({
       get: () => a[T],
       set: (S) => {
-        const R = T === er.month ? er.year : er.month;
-        r("update-month-year", { [T]: S, [R]: a[R] }), T === er.month ? K(!0) : le(!0);
+        const R = T === tr.month ? tr.year : tr.month;
+        r("update-month-year", { [T]: S, [R]: a[R] }), T === tr.month ? K(!0) : le(!0);
       }
-    }), C = F(A(er.month)), te = F(A(er.year)), re = F(() => (T) => ({
+    }), C = F(A(tr.month)), te = F(A(tr.year)), re = F(() => (T) => ({
       month: a.month,
       year: a.year,
-      items: T === er.month ? a.months : a.years,
+      items: T === tr.month ? a.months : a.years,
       instance: a.instance,
       updateMonthYear: b,
-      toggle: T === er.month ? K : le
+      toggle: T === tr.month ? K : le
     })), ge = F(() => a.months.find((S) => S.value === a.month) || { text: "", value: 0 }), B = F(() => Mn(a.months, (T) => {
       const S = a.month === T.value, R = Kn(
         T.value,
@@ -13995,7 +13995,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       var T, S, R, H, p, z;
       return [
         {
-          type: er.month,
+          type: tr.month,
           index: 1,
           toggle: K,
           modelValue: C.value,
@@ -14007,7 +14007,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           overlayLabel: ((R = (S = s.value).monthPicker) == null ? void 0 : R.call(S, !0)) ?? void 0
         },
         {
-          type: er.year,
+          type: tr.year,
           index: 2,
           toggle: le,
           modelValue: te.value,
@@ -14028,7 +14028,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       var R, H, p, z, ie, we;
       return P(), L("div", Dv, [
         T.$slots["month-year"] ? (P(), L("div", Cv, [
-          se(T.$slots, "month-year", Pt(Ft({
+          se(T.$slots, "month-year", Pt(qt({
             month: e.month,
             year: e.year,
             months: e.months,
@@ -14086,7 +14086,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
                     Et(Be(q.text), 1)
                   ], 64))
                 ], 42, Ev),
-                Ne(or, {
+                Ne(sr, {
                   name: O(y)(q.showSelectionGrid),
                   css: O(k)
                 }, {
@@ -14336,7 +14336,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           }), 128))
         ]),
         be[2] || (be[2] = ee("div", { class: "dp__calendar_header_separator" }, null, -1)),
-        Ne(or, {
+        Ne(sr, {
           name: b.value,
           css: !!q.transitions
         }, {
@@ -14369,7 +14369,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
                     "aria-label": (fe = (pe = O(i)) == null ? void 0 : pe.day) == null ? void 0 : fe.call(pe, _),
                     tabindex: !_.current && q.hideOffsetDates ? void 0 : 0,
                     "data-test-id": O(ns)(_.value),
-                    onClick: nr((Oe) => z(Oe, _), ["prevent"]),
+                    onClick: ar((Oe) => z(Oe, _), ["prevent"]),
                     onTouchend: (Oe) => z(Oe, _, !1),
                     onKeydown: (Oe) => O(Lt)(Oe, () => q.$emit("select-date", _)),
                     onMouseenter: (Oe) => le(_, Z, de),
@@ -14514,7 +14514,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     const he = i.value;
     p(he, W), h.value.count && h.value.solo && q();
   }, ie = (W, he) => {
-    const De = Ke(ce(), { month: ge.value(he), year: B.value(he) }), Re = W < 0 ? ar(De, 1) : Sn(De, 1);
+    const De = Ke(ce(), { month: ge.value(he), year: B.value(he) }), Re = W < 0 ? or(De, 1) : Sn(De, 1);
     m(Fe(Re), Ee(Re), W < 0, e.preventMinMaxNavigation) && (I(he, Fe(Re), Ee(Re)), t("update-month-year", { instance: he, month: Fe(Re), year: Ee(Re) }), h.value.count && !h.value.solo && we(he), n());
   }, we = (W) => {
     for (let he = W - 1; he >= 0; he--) {
@@ -14522,13 +14522,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       I(he, Fe(De), Ee(De));
     }
     for (let he = W + 1; he <= h.value.count - 1; he++) {
-      const De = ar(Ke(ce(), { month: ge.value(he - 1), year: B.value(he - 1) }), 1);
+      const De = or(Ke(ce(), { month: ge.value(he - 1), year: B.value(he - 1) }), 1);
       I(he, Fe(De), Ee(De));
     }
   }, q = () => {
     if (Array.isArray(i.value) && i.value.length === 2) {
       const W = ce(
-        ce(i.value[1] ? i.value[1] : ar(i.value[0], 1))
+        ce(i.value[1] ? i.value[1] : or(i.value[0], 1))
       ), [he, De] = [Fe(i.value[0]), Ee(i.value[0])], [Re, ae] = [Fe(i.value[1]), Ee(i.value[1])];
       (he !== Re || he === Re && De !== ae) && h.value.solo && I(1, Fe(W), Ee(W));
     } else i.value && !Array.isArray(i.value) && (I(0, Fe(i.value), Ee(i.value)), T(ce()));
@@ -14562,13 +14562,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     }
   }, fe = (W, he, De, Re) => {
     if (e.sixWeeks && W.length < 6) {
-      const ae = 6 - W.length, ve = (he.getDay() + 7 - Re) % 7, Me = 6 - (De.getDay() + 7 - Re) % 7, [Xt, Qt] = pe(ve, Me);
+      const ae = 6 - W.length, ve = (he.getDay() + 7 - Re) % 7, Me = 6 - (De.getDay() + 7 - Re) % 7, [Jt, Gt] = pe(ve, Me);
       for (let kr = 1; kr <= ae; kr++)
-        if (Qt ? !!(kr % 2) == Xt : Xt) {
-          const dr = W[0].days[0], Vt = Pe(Gt(dr.value, -7), Fe(he));
-          W.unshift({ days: Vt });
+        if (Gt ? !!(kr % 2) == Jt : Jt) {
+          const dr = W[0].days[0], Wt = Pe(Kt(dr.value, -7), Fe(he));
+          W.unshift({ days: Wt });
         } else {
-          const dr = W[W.length - 1], Vt = dr.days[dr.days.length - 1], ro = Pe(Gt(Vt.value, 1), Fe(he));
+          const dr = W[W.length - 1], Wt = dr.days[dr.days.length - 1], ro = Pe(Kt(Wt.value, 1), Fe(he));
           W.push({ days: ro });
         }
     }
@@ -14576,7 +14576,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   }, Pe = (W, he) => {
     const De = ce(W), Re = [];
     for (let ae = 0; ae < 7; ae++) {
-      const ve = Gt(De, ae), Me = Fe(ve) !== he;
+      const ve = Kt(De, ae), Me = Fe(ve) !== he;
       Re.push({
         text: e.hideOffsetDates && Me ? "" : ve.getDate(),
         value: ve,
@@ -14586,16 +14586,16 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     }
     return Re;
   }, Oe = (W, he) => {
-    const De = [], Re = new Date(he, W), ae = new Date(he, W + 1, 0), ve = e.weekStart, Me = ir(Re, { weekStartsOn: ve }), Xt = (Qt) => {
-      const kr = Pe(Qt, W);
+    const De = [], Re = new Date(he, W), ae = new Date(he, W + 1, 0), ve = e.weekStart, Me = ir(Re, { weekStartsOn: ve }), Jt = (Gt) => {
+      const kr = Pe(Gt, W);
       if (De.push({ days: kr }), !De[De.length - 1].days.some(
         (dr) => qe(Ot(dr.value), Ot(ae))
       )) {
-        const dr = Gt(Qt, 7);
-        Xt(dr);
+        const dr = Kt(Gt, 7);
+        Jt(dr);
       }
     };
-    return Xt(Me), fe(De, Re, ae, ve);
+    return Jt(Me), fe(De, Re, ae, ve);
   }, Ie = (W) => {
     const he = zr(ce(W.value), c.hours, c.minutes, _e());
     t("date-update", he), b.value.enabled ? Rs(he, i, b.value.limit) : i.value = he, r(), It().then(() => {
@@ -14606,7 +14606,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   }, me = (W, he) => {
     const De = [
       ce(W.value),
-      Gt(ce(W.value), +k.value.autoRange)
+      Kt(ce(W.value), +k.value.autoRange)
     ];
     w(De) ? (he && ze(W.value), a.value = De) : t("invalid-date", W.value);
   }, ze = (W) => {
@@ -14622,7 +14622,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     if (Ye(W.value) || !D(W.value, i.value, k.value.fixedStart ? 0 : 1))
       return t("invalid-date", W.value);
     a.value = Vu(ce(W.value), i, t, k);
-  }, Nt = (W, he) => {
+  }, Ft = (W, he) => {
     if (V(), k.value.autoRange) return me(W, he);
     if (k.value.fixedStart || k.value.fixedEnd) return lt(W);
     a.value[0] ? D(ce(W.value), i.value) && !Ye(W.value) ? pt(ce(W.value), ce(a.value[0])) ? (a.value.unshift(ce(W.value)), t("range-end", a.value[0])) : (a.value[1] = ce(W.value), t("range-end", a.value[1])) : (e.autoApply && t("auto-apply-invalid", W.value), t("invalid-date", W.value)) : (a.value[0] = ce(W.value), t("range-start", a.value[0]));
@@ -14641,7 +14641,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
   }, 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);
-    yl(c.hours) && yl(c.minutes) && !b.value.enabled && (Nt(W, he), Or());
+    yl(c.hours) && yl(c.minutes) && !b.value.enabled && (Ft(W, he), Or());
   }, En = (W, he) => {
     var De;
     I(W, he.month, he.year, !0), h.value.count && !h.value.solo && we(W), t("update-month-year", { instance: W, month: he.month, year: he.year }), n(h.value.solo ? W : void 0);
@@ -14654,7 +14654,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       range: k.value.enabled,
       timezone: he ? void 0 : v.value.timezone
     }), K(), e.multiCalendars && It().then(() => E(!0));
-  }, Kt = () => {
+  }, Xt = () => {
     const W = Cs(ce(), v.value);
     !k.value.enabled && !b.value.enabled ? i.value = W : i.value && Array.isArray(i.value) && i.value[0] ? b.value.enabled ? i.value = [...i.value, W] : i.value = pt(W, i.value[0]) ? [W, i.value[0]] : [i.value[0], W] : i.value = [W], K();
   }, Dr = () => {
@@ -14685,7 +14685,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     selectDate: Vr,
     updateMonthYear: En,
     presetDate: In,
-    selectCurrentDate: Kt,
+    selectCurrentDate: Xt,
     updateTime: (W, he = !0, De = !1) => {
       $(W, he, De, Dr);
     },
@@ -14743,7 +14743,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       updateTime: D,
       assignMonthAndYear: $,
       setStartTime: U
-    } = Yv(a, r, X, T), A = rn(), { setHoverDate: C, getDayClassData: te, clearHoverDate: re } = i0(i, a), { defaultedMultiCalendars: ge } = it(a), B = J([]), Y = J([]), I = J(null), K = Ht(A, "calendar"), le = Ht(A, "monthYear"), Q = Ht(A, "timePicker"), ue = (ne) => {
+    } = Yv(a, r, X, T), A = rn(), { setHoverDate: C, getDayClassData: te, clearHoverDate: re } = i0(i, a), { defaultedMultiCalendars: ge } = it(a), B = J([]), Y = J([]), I = J(null), K = jt(A, "calendar"), le = jt(A, "monthYear"), Q = jt(A, "timePicker"), ue = (ne) => {
       a.shadow || r("mount", ne);
     };
     bt(
@@ -14854,7 +14854,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
             Ve(O(le), (pe, fe) => ({
               name: pe,
               fn: Te((Pe) => [
-                se(ne.$slots, pe, Pt(Ft(Pe)))
+                se(ne.$slots, pe, Pt(qt(Pe)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -14880,7 +14880,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
             Ve(O(K), (pe, fe) => ({
               name: pe,
               fn: Te((Pe) => [
-                se(ne.$slots, pe, Pt(Ft({ ...Pe })))
+                se(ne.$slots, pe, Pt(qt({ ...Pe })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
@@ -14911,7 +14911,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           Ve(O(Q), (_, de) => ({
             name: _,
             fn: Te((pe) => [
-              se(ne.$slots, _, Pt(Ft(pe)))
+              se(ne.$slots, _, Pt(qt(pe)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"]))
@@ -14939,7 +14939,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     filters: i,
     props: e,
     emit: t
-  }), D = (Y, I) => [Y, I].map((K) => qt(K, "MMMM", { locale: e.formatLocale })).join("-"), $ = F(() => (Y) => c.value ? Array.isArray(c.value) ? c.value.some((I) => ul(Y, I)) : ul(c.value, Y) : !1), U = (Y) => {
+  }), D = (Y, I) => [Y, I].map((K) => Yt(K, "MMMM", { locale: e.formatLocale })).join("-"), $ = F(() => (Y) => c.value ? Array.isArray(c.value) ? c.value.some((I) => ul(Y, I)) : ul(c.value, Y) : !1), U = (Y) => {
     if (s.value.enabled) {
       if (Array.isArray(c.value)) {
         const I = qe(Y, c.value[0]) || qe(Y, c.value[1]);
@@ -15011,7 +15011,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
     "update-month-year"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, o = rn(), s = Ht(o, "yearMode"), {
+    const r = n, a = e, o = rn(), s = jt(o, "yearMode"), {
       defaultedMultiCalendars: l,
       defaultedConfig: i,
       groupedYears: u,
@@ -15061,7 +15061,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
               Ve(O(s), ($, U) => ({
                 name: $,
                 fn: Te((A) => [
-                  se(x.$slots, $, Pt(Ft(A)))
+                  se(x.$slots, $, Pt(qt(A)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -15205,7 +15205,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       return ((V = w.value) == null ? void 0 : V.getSidebarProps()) || {};
     }), X = () => {
       a.openOnTop && r("recalculate-position");
-    }, T = Ht(c, "action"), S = F(() => a.monthPicker || a.yearPicker ? Ht(c, "monthYear") : a.timePicker ? Ht(c, "timePicker") : Ht(c, "shared")), R = F(() => a.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), H = F(() => ({
+    }, T = jt(c, "action"), S = F(() => a.monthPicker || a.yearPicker ? jt(c, "monthYear") : a.timePicker ? jt(c, "timePicker") : jt(c, "shared")), R = F(() => a.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), H = F(() => ({
       dp__menu_disabled: a.disabled,
       dp__menu_readonly: a.readonly,
       "dp-menu-loading": a.loading
@@ -15235,8 +15235,8 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
       var me, ze, lt;
       (me = w.value) == null || me.toggleTimePicker(!1, !1), (ze = w.value) == null || ze.toggleMonthPicker(!1, !1, V), (lt = w.value) == null || lt.toggleYearPicker(!1, !1, V);
     }, Z = (V, me = 0) => {
-      var ze, lt, Nt;
-      return V === "month" ? (ze = w.value) == null ? void 0 : ze.toggleMonthPicker(!1, !0, me) : V === "year" ? (lt = w.value) == null ? void 0 : lt.toggleYearPicker(!1, !0, me) : V === "time" ? (Nt = w.value) == null ? void 0 : Nt.toggleTimePicker(!0, !1) : ne(me);
+      var ze, lt, Ft;
+      return V === "month" ? (ze = w.value) == null ? void 0 : ze.toggleMonthPicker(!1, !0, me) : V === "year" ? (lt = w.value) == null ? void 0 : lt.toggleYearPicker(!1, !0, me) : V === "time" ? (Ft = w.value) == null ? void 0 : Ft.toggleTimePicker(!0, !1) : ne(me);
     }, _ = (V, ...me) => {
       var ze, lt;
       (ze = w.value) != null && ze[V] && ((lt = w.value) == null || lt[V](...me));
@@ -15285,7 +15285,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
         (me = (V = w.value) == null ? void 0 : V.setStartTime) == null || me.call(V);
       }
     }), (V, me) => {
-      var ze, lt, Nt;
+      var ze, lt, Ft;
       return P(), L("div", {
         id: V.uid ? `dp-menu-${V.uid}` : void 0,
         ref_key: "dpMenuRef",
@@ -15319,13 +15319,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           ref: m,
           class: oe({
             dp__menu_content_wrapper: ((lt = V.presetDates) == null ? void 0 : lt.length) || !!V.$slots["left-sidebar"] || !!V.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": e.collapse && (((Nt = V.presetDates) == null ? void 0 : Nt.length) || !!V.$slots["left-sidebar"] || !!V.$slots["right-sidebar"])
+            "dp--menu-content-wrapper-collapsed": e.collapse && (((Ft = V.presetDates) == null ? void 0 : Ft.length) || !!V.$slots["left-sidebar"] || !!V.$slots["right-sidebar"])
           }),
           "data-dp-mobile": O(v),
           style: nt({ "--dp-menu-width": `${b.value}px` })
         }, [
           V.$slots["left-sidebar"] ? (P(), L("div", Zv, [
-            se(V.$slots, "left-sidebar", Pt(Ft(E.value)))
+            se(V.$slots, "left-sidebar", Pt(qt(E.value)))
           ])) : j("", !0),
           V.presetDates.length ? (P(), L("div", {
             key: 1,
@@ -15345,7 +15345,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
                 class: oe(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": _e.testId ?? void 0,
                 "data-dp-mobile": O(v),
-                onClick: nr((Bt) => pe(_e.value, _e.noTz), ["prevent"]),
+                onClick: ar((Bt) => pe(_e.value, _e.noTz), ["prevent"]),
                 onKeydown: (Bt) => O(Lt)(Bt, () => pe(_e.value, _e.noTz), !0)
               }, Be(_e.label), 47, t0))
             ], 64))), 128))
@@ -15387,13 +15387,13 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
               Ve(S.value, (_e, ut) => ({
                 name: _e,
                 fn: Te((Bt) => [
-                  se(V.$slots, _e, Pt(Ft({ ...Bt })))
+                  se(V.$slots, _e, Pt(qt({ ...Bt })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
           V.$slots["right-sidebar"] ? (P(), L("div", r0, [
-            se(V.$slots, "right-sidebar", Pt(Ft(E.value)))
+            se(V.$slots, "right-sidebar", Pt(qt(E.value)))
           ])) : j("", !0),
           V.$slots["action-extra"] ? (P(), L("div", n0, [
             V.$slots["action-extra"] ? se(V.$slots, "action-extra", {
@@ -15415,7 +15415,7 @@ const ts = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Au = (e, t) =
           Ve(O(T), (_e, ut) => ({
             name: _e,
             fn: Te((Bt) => [
-              se(V.$slots, _e, Pt(Ft({ ...Bt })))
+              se(V.$slots, _e, Pt(qt({ ...Bt })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : j("", !0)
@@ -15499,13 +15499,13 @@ const a0 = ({
   }, C = () => {
     const I = _t(n);
     if (I) {
-      if (s.autoPosition === tr.top) return tr.top;
-      if (s.autoPosition === tr.bottom) return tr.bottom;
+      if (s.autoPosition === rr.top) return rr.top;
+      if (s.autoPosition === rr.bottom) return rr.bottom;
       const { height: K } = u.value, { top: le, height: Q } = I.getBoundingClientRect(), ue = window.innerHeight - le - Q, E = le;
-      return K <= ue ? tr.bottom : K > ue && K <= E ? tr.top : ue >= E ? tr.bottom : tr.top;
+      return K <= ue ? rr.bottom : K > ue && K <= E ? rr.top : ue >= E ? rr.bottom : rr.top;
     }
-    return tr.bottom;
-  }, te = (I) => C() === tr.bottom ? $(I) : U(I), re = () => {
+    return rr.bottom;
+  }, te = (I) => C() === rr.bottom ? $(I) : U(I), re = () => {
     const I = _t(n);
     if (I)
       return s.autoPosition ? te(I) : $(I);
@@ -15609,7 +15609,7 @@ const a0 = ({
   menu: () => Er.filter((e) => e.use.includes("menu")),
   shared: () => Er.filter((e) => e.use.includes("shared")),
   yearMode: () => Er.filter((e) => e.use.includes("year-mode"))
-}, Ht = (e, t, n) => {
+}, jt = (e, t, n) => {
   const r = [];
   return s0[t]().forEach((a) => {
     e[a.name] && r.push(a.name);
@@ -15620,7 +15620,7 @@ const a0 = ({
   const t = F(() => (r) => e.value ? r ? e.value.open : e.value.close : ""), n = F(() => (r) => e.value ? r ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, aa = (e, t, n) => {
-  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 { defaultedRange: r, defaultedTz: a } = it(e), o = ce(Vt(ce(), a.value.timezone)), s = J([{ month: Fe(o), year: Ee(o) }]), l = (h) => {
     const y = {
       hours: Pr(o),
       minutes: Nr(o),
@@ -15672,7 +15672,7 @@ const a0 = ({
     defaultedTz: s,
     propDates: l,
     defaultedRange: i
-  } = it(t), { isDisabled: u } = Ur(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(Vt(/* @__PURE__ */ new Date(), s.value.timezone)), h = (p) => {
     !p.current && t.hideOffsetDates || (c.value = p.value);
   }, y = () => {
     c.value = null;
@@ -15692,7 +15692,7 @@ const a0 = ({
     if (i.value.autoRange || t.weekPicker) {
       if (c.value) {
         if (t.hideOffsetDates && !p.current) return !1;
-        const z = Gt(c.value, +i.value.autoRange), ie = xr(ce(c.value), t.weekStart);
+        const z = Kt(c.value, +i.value.autoRange), ie = xr(ce(c.value), t.weekStart);
         return t.weekPicker ? qe(ie[1], ce(p.value)) : qe(z, ce(p.value));
       }
       return !1;
@@ -15701,7 +15701,7 @@ const a0 = ({
   }, w = (p) => {
     if (i.value.autoRange || t.weekPicker) {
       if (c.value) {
-        const z = Gt(c.value, +i.value.autoRange);
+        const z = Kt(c.value, +i.value.autoRange);
         if (t.hideOffsetDates && !p.current) return !1;
         const ie = xr(ce(c.value), t.weekStart);
         return t.weekPicker ? vt(p.value, ie[0]) && pt(p.value, ie[1]) : vt(p.value, c.value) && pt(p.value, z);
@@ -15868,17 +15868,17 @@ const a0 = ({
   }, te = (B) => {
     if (!e.monthPicker) return !0;
     let Y = !0;
-    const I = ce(rr(B));
+    const I = ce(nr(B));
     if (r.value.minDate && r.value.maxDate) {
-      const K = ce(rr(r.value.minDate)), le = ce(rr(r.value.maxDate));
+      const K = ce(nr(r.value.minDate)), le = ce(nr(r.value.maxDate));
       return vt(I, K) && pt(I, le) || qe(I, K) || qe(I, le);
     }
     if (r.value.minDate) {
-      const K = ce(rr(r.value.minDate));
+      const K = ce(nr(r.value.minDate));
       Y = vt(I, K) || qe(I, K);
     }
     if (r.value.maxDate) {
-      const K = ce(rr(r.value.maxDate));
+      const K = ce(nr(r.value.maxDate));
       Y = pt(I, K) || qe(I, K);
     }
     return Y;
@@ -16118,7 +16118,7 @@ const a0 = ({
             class: "dp--clear-btn",
             type: "button",
             onKeydown: X[4] || (X[4] = (H) => O(Lt)(H, () => Y(H), !0, ue)),
-            onClick: X[5] || (X[5] = nr((H) => Y(H), ["prevent"]))
+            onClick: X[5] || (X[5] = ar((H) => Y(H), ["prevent"]))
           }, [
             Ne(O(Pu), {
               class: "dp__input_icons",
@@ -16209,7 +16209,7 @@ const a0 = ({
       }
       window?.removeEventListener("keyup", Pe), window?.removeEventListener("keydown", Oe);
     });
-    const K = Ht(o, "all", a.presetDates), le = Ht(o, "input");
+    const K = jt(o, "all", a.presetDates), le = jt(o, "input");
     bt(
       [l, i],
       () => {
@@ -16273,7 +16273,7 @@ const a0 = ({
       lt(), z(), C.value.closeOnAutoApply && !ae && ut();
     }, lt = () => {
       d.value && U.value.enabled && d.value.setParsedDate(H.value);
-    }, Nt = (ae = !1) => {
+    }, Ft = (ae = !1) => {
       a.autoApply && D(H.value) && V() && (te.value.enabled && Array.isArray(H.value) ? (te.value.partialRange || H.value.length === 2) && ze(ae) : ze(ae));
     }, _e = () => {
       U.value.enabled || (H.value = null);
@@ -16285,8 +16285,8 @@ const a0 = ({
         H.value = null;
         return;
       }
-      const Xt = Array.isArray(ae) ? !ae.some((kr) => !w(kr)) : w(ae), Qt = D(ae);
-      Xt && Qt ? (g.value = !0, H.value = ae, ve ? (k.value = Me, me(), r("text-submit")) : a.autoApply && Nt(), It().then(() => {
+      const Jt = Array.isArray(ae) ? !ae.some((kr) => !w(kr)) : w(ae), Gt = D(ae);
+      Jt && Gt ? (g.value = !0, H.value = ae, ve ? (k.value = Me, me(), r("text-submit")) : a.autoApply && Ft(), It().then(() => {
         g.value = !1;
       })) : r("invalid-date", ae);
     }, Or = () => {
@@ -16295,7 +16295,7 @@ const a0 = ({
       H.value = ae;
     }, In = () => {
       U.value.enabled && (h.value = !0, ie()), r("focus");
-    }, Kt = () => {
+    }, Xt = () => {
       if (U.value.enabled && (h.value = !1, p(a.modelValue), k.value)) {
         const ae = Sm(y.value, f.value);
         ae?.focus();
@@ -16357,20 +16357,20 @@ const a0 = ({
         onToggle: Vr,
         onClose: ut,
         onFocus: In,
-        onBlur: Kt,
+        onBlur: Xt,
         onRealBlur: ve[1] || (ve[1] = (Me) => h.value = !1),
         onTextInput: ve[2] || (ve[2] = (Me) => ae.$emit("text-input", Me))
       }), Ct({ _: 2 }, [
-        Ve(O(le), (Me, Xt) => ({
+        Ve(O(le), (Me, Jt) => ({
           name: Me,
-          fn: Te((Qt) => [
-            se(ae.$slots, Me, Pt(Ft(Qt)))
+          fn: Te((Gt) => [
+            se(ae.$slots, Me, Pt(qt(Gt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (P(), xe(tn(ae.teleport ? Cl : "div"), Pt(Ft(ne.value)), {
+      (P(), xe(tn(ae.teleport ? Cl : "div"), Pt(qt(ne.value)), {
         default: Te(() => [
-          Ne(or, {
+          Ne(sr, {
             name: O(ge)(O(Q)),
             css: O(B) && !O(A).enabled
           }, {
@@ -16397,7 +16397,7 @@ const a0 = ({
                   "is-text-input-date": g.value,
                   onClosePicker: ut,
                   onSelectDate: me,
-                  onAutoApply: Nt,
+                  onAutoApply: Ft,
                   onTimeUpdate: Or,
                   onFlowStep: ve[4] || (ve[4] = (Me) => ae.$emit("flow-step", Me)),
                   onUpdateMonthYear: ve[5] || (ve[5] = (Me) => ae.$emit("update-month-year", Me)),
@@ -16417,10 +16417,10 @@ const a0 = ({
                   onOverlayToggle: ve[18] || (ve[18] = (Me) => ae.$emit("overlay-toggle", Me)),
                   onMenuBlur: ve[19] || (ve[19] = (Me) => ae.$emit("blur"))
                 }), Ct({ _: 2 }, [
-                  Ve(O(K), (Me, Xt) => ({
+                  Ve(O(K), (Me, Jt) => ({
                     name: Me,
-                    fn: Te((Qt) => [
-                      se(ae.$slots, Me, Pt(Ft({ ...Qt })))
+                    fn: Te((Gt) => [
+                      se(ae.$slots, Me, Pt(qt({ ...Gt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -16457,7 +16457,9 @@ const k0 = ["disabled"], _0 = { class: "w-full grow truncate" }, as = /* @__PURE
     disabled: { type: Boolean, default: !1 },
     active: { type: Boolean, default: !1 },
     hasIcon: { type: Boolean, default: !0 },
-    iconLeft: { default: null }
+    iconLeft: { default: null },
+    iconLeftClass: { default: void 0 },
+    iconRightClass: { default: void 0 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
@@ -16477,7 +16479,15 @@ const k0 = ["disabled"], _0 = { class: "w-full grow truncate" }, as = /* @__PURE
       r.disabled || n("click");
     };
     return (u, c) => (P(), L("div", {
-      class: oe([`${s.value} ${r.size === "xs" ? "py-0.5" : "py-1.5"}`, "flex w-full max-w-max cursor-pointer select-none items-center rounded-full pl-3 pr-4"]),
+      class: oe(
+        O(Nt)(
+          "w-full pl-3 pr-4",
+          u.$attrs.class,
+          "flex max-w-max cursor-pointer select-none items-center rounded-full ",
+          s.value,
+          r.size === "xs" ? "py-0.5" : "py-1.5"
+        )
+      ),
       onClick: i
     }, [
       ee("button", {
@@ -16494,18 +16504,30 @@ const k0 = ["disabled"], _0 = { class: "w-full grow truncate" }, as = /* @__PURE
             key: 0,
             name: u.iconLeft,
             size: u.iconSize,
-            class: oe(["flex-none", {
-              "mr-2": u.title.length !== 0
-            }])
+            class: oe([
+              "flex-none",
+              O(Nt)(
+                {
+                  "mr-2": u.title.length !== 0
+                },
+                u.iconLeftClass
+              )
+            ])
           }, null, 8, ["name", "size", "class"])) : j("", !0),
           ee("span", _0, Be(u.title), 1),
           u.hasIcon ? (P(), xe(wt, {
             key: 1,
             name: u.chevronIcon,
-            class: oe([{
-              "origin-center rotate-180": u.rotateIcon,
-              "ml-2": u.title.length !== 0
-            }, "flex-none"]),
+            class: oe([
+              O(Nt)(
+                {
+                  "origin-center rotate-180": u.rotateIcon,
+                  "ml-2": u.title.length !== 0
+                },
+                u.iconRightClass
+              ),
+              "flex-none"
+            ]),
             size: u.iconSize
           }, null, 8, ["name", "class", "size"])) : j("", !0)
         ], 2)
@@ -17040,10 +17062,10 @@ const k0 = ["disabled"], _0 = { class: "w-full grow truncate" }, as = /* @__PURE
     }, c = (m, x) => {
       n("datepickerQuickfilterClick", x), Array.isArray(m) ? o.value = m.map((w) => new Date(w)) : o.value = m, f(o.value), u();
     }, d = (m) => {
-      const x = qt(m[0], "dd.MM.yyyy"), w = qt(m[1], "dd.MM.yyyy");
+      const x = Yt(m[0], "dd.MM.yyyy"), w = Yt(m[1], "dd.MM.yyyy");
       return x + "-" + w;
     }, h = (m) => {
-      const x = qt(new Date(m), "dd.MM.yyyy"), w = qt(cu(new Date(m)), "MMMM yyyy", {
+      const x = Yt(new Date(m), "dd.MM.yyyy"), w = Yt(cu(new Date(m)), "MMMM yyyy", {
         locale: X0
       });
       return r.monthPicker ? w : x;
@@ -17492,7 +17514,7 @@ const bg = {
           s.$slots.header ? (P(), L("header", {
             key: 0,
             class: oe(
-              O(sr)(
+              O(Nt)(
                 "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 }
@@ -17512,7 +17534,7 @@ const bg = {
           ], 2)) : j("", !0),
           ee("main", {
             class: oe(
-              O(sr)(s.mainClasses, {
+              O(Nt)(s.mainClasses, {
                 "px-4 lg:px-6": s.hasPaddingX,
                 "pb-3 pt-6": s.hasPaddingY
               })
@@ -17590,7 +17612,7 @@ const bg = {
         class: "z-0 w-full cursor-pointer text-sm font-medium leading-normal",
         style: nt({ color: r.color }),
         "data-testid": "labelText",
-        onClick: a[0] || (a[0] = nr((o) => n("click"), ["self"]))
+        onClick: a[0] || (a[0] = ar((o) => n("click"), ["self"]))
       }, Be(r.label), 5),
       ee("div", wg, [
         se(r.$slots, "default")
@@ -18046,7 +18068,7 @@ function Za() {
 function an(e) {
   return qs(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function jt(e) {
+function Qt(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -18055,16 +18077,16 @@ function wr(e) {
   return (t = (qs(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function qs(e) {
-  return Za() ? e instanceof Node || e instanceof jt(e).Node : !1;
+  return Za() ? e instanceof Node || e instanceof Qt(e).Node : !1;
 }
 function lr(e) {
-  return Za() ? e instanceof Element || e instanceof jt(e).Element : !1;
+  return Za() ? e instanceof Element || e instanceof Qt(e).Element : !1;
 }
 function br(e) {
-  return Za() ? e instanceof HTMLElement || e instanceof jt(e).HTMLElement : !1;
+  return Za() ? e instanceof HTMLElement || e instanceof Qt(e).HTMLElement : !1;
 }
 function xl(e) {
-  return !Za() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof jt(e).ShadowRoot;
+  return !Za() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Qt(e).ShadowRoot;
 }
 function oa(e) {
   const {
@@ -18109,7 +18131,7 @@ function Dn(e) {
   return ["html", "body", "#document"].includes(an(e));
 }
 function ur(e) {
-  return jt(e).getComputedStyle(e);
+  return Qt(e).getComputedStyle(e);
 }
 function to(e) {
   return lr(e) ? {
@@ -18139,7 +18161,7 @@ function tc(e) {
 function Jn(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const a = tc(e), o = a === ((r = e.ownerDocument) == null ? void 0 : r.body), s = jt(a);
+  const a = tc(e), o = a === ((r = e.ownerDocument) == null ? void 0 : r.body), s = Qt(a);
   if (o) {
     const l = is(s);
     return t.concat(s, s.visualViewport || [], oa(a) ? a : [], l && n ? Jn(l) : []);
@@ -18179,14 +18201,14 @@ function bn(e) {
 }
 const Lg = /* @__PURE__ */ gr(0);
 function nc(e) {
-  const t = jt(e);
+  const t = Qt(e);
   return !Us() || !t.visualViewport ? Lg : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Ng(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== jt(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== Qt(e) ? !1 : t;
 }
 function en(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -18196,11 +18218,11 @@ function en(e, t, n, r) {
   const l = Ng(o, n, r) ? nc(o) : gr(0);
   let i = (a.left + l.x) / s.x, u = (a.top + l.y) / s.y, c = a.width / s.x, d = a.height / s.y;
   if (o) {
-    const h = jt(o), y = r && lr(r) ? jt(r) : r;
+    const h = Qt(o), y = r && lr(r) ? Qt(r) : r;
     let k = h, f = is(k);
     for (; f && r && y !== k; ) {
       const v = bn(f), g = f.getBoundingClientRect(), b = ur(f), m = g.left + (f.clientLeft + parseFloat(b.paddingLeft)) * v.x, x = g.top + (f.clientTop + parseFloat(b.paddingTop)) * v.y;
-      i *= v.x, u *= v.y, c *= v.x, d *= v.y, i += m, u += x, k = jt(f), f = is(k);
+      i *= v.x, u *= v.y, c *= v.x, d *= v.y, i += m, u += x, k = Qt(f), f = is(k);
     }
   }
   return Wa({
@@ -18267,7 +18289,7 @@ function Yg(e) {
   };
 }
 function Ug(e, t) {
-  const n = jt(e), r = wr(e), a = n.visualViewport;
+  const n = Qt(e), r = wr(e), a = n.visualViewport;
   let o = r.clientWidth, s = r.clientHeight, l = 0, i = 0;
   if (a) {
     o = a.width, s = a.height;
@@ -18390,7 +18412,7 @@ function Sl(e, t) {
   return wr(e) === n && (n = n.ownerDocument.body), n;
 }
 function sc(e, t) {
-  const n = jt(e);
+  const n = Qt(e);
   if (eo(e))
     return n;
   if (!br(e)) {
@@ -18788,7 +18810,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
     }, k = () => {
       r("reset");
     };
-    return (f, v) => Yt((P(), L("div", oy, [
+    return (f, v) => Ut((P(), L("div", oy, [
       Ne(as, {
         ref_key: "uiMenuActivator",
         ref: a,
@@ -18803,7 +18825,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
         size: f.filterButtonSize,
         onClick: c
       }, null, 8, ["variant", "title", "disabled", "active", "icon-left", "class", "size"]),
-      Ne(or, {
+      Ne(sr, {
         name: f.animate ? "fade-up" : "none"
       }, {
         default: Te(() => [
@@ -18813,7 +18835,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             ref: o,
             class: oe([
               "absolute ",
-              O(sr)(
+              O(Nt)(
                 "z-10 [--transition-duration:200ms] [--transition-close-duration:100ms]",
                 f.placedListClass
               )
@@ -18830,7 +18852,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             Ne(ys, {
               "data-side": l.placement.value,
               class: oe([
-                O(sr)(
+                O(Nt)(
                   "block min-w-max border-none bg-white shadow-lg data-[side*=top]:mb-1 data-[side*=bottom]:mt-1",
                   f.menuClasses
                 )
@@ -18940,7 +18962,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
   },
   setup(e) {
     return (t, n) => (P(), L("ul", {
-      class: oe(O(sr)("max-h-80 overflow-y-auto", t.$props.class)),
+      class: oe(O(Nt)("max-h-80 overflow-y-auto", t.$props.class)),
       tabindex: "0"
     }, [
       se(t.$slots, "default")
@@ -18966,7 +18988,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
       "image-shape": n.imageShape,
       "checkbox-size": n.checkboxSize,
       "check-box-color": n.checkboxColor,
-      class: O(sr)("hover:bg-gray-100 focus:bg-gray-300", n.$props.class)
+      class: O(Nt)("hover:bg-gray-100 focus:bg-gray-300", n.$props.class)
     }, {
       ...t.option ? {
         selected: t.option.selected,
@@ -18990,7 +19012,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
     const n = t, r = () => {
       n("close");
     };
-    return (a, o) => Yt((P(), L("div", py, [
+    return (a, o) => Ut((P(), L("div", py, [
       ee("div", hy, [
         se(a.$slots, "default")
       ])
@@ -19021,7 +19043,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
     })));
     return (s, l) => (P(), L("ul", {
       class: oe(["flex", [
-        O(sr)("gap-4", s.$attrs.class),
+        O(Nt)("gap-4", s.$attrs.class),
         {
           "flex-col": s.direction === "vertical"
         }
@@ -19031,14 +19053,14 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
         key: i.value
       }, [
         ee("label", my, [
-          Yt(ee("input", {
+          Ut(ee("input", {
             "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
             name: s.groupName,
             value: i.value,
             checked: i.selected,
             disabled: s.disabled,
             type: "radio",
-            class: oe([O(sr)(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: oe([O(Nt)(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]
           ]),
@@ -19239,7 +19261,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
       (a) => {
         a && n("input", a);
       }
-    ), (a, o) => (P(), xe(or, {
+    ), (a, o) => (P(), xe(sr, {
       "enter-active-class": "duration-200 ease-out",
       "enter-from-class": "transform opacity-0",
       "enter-to-class": "opacity-100",
@@ -19430,7 +19452,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
           "data-testid": "structuredTooltip",
           "data-placement": O(l)
         }, [
-          Ne(or, {
+          Ne(sr, {
             "enter-active-class": "transition",
             "leave-active-class": "transition",
             "leave-to-class": n.value,
@@ -19438,7 +19460,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             duration: i.animate ? 300 : 0
           }, {
             default: Te(() => [
-              Yt(ee("ul", {
+              Ut(ee("ul", {
                 "data-testid": "tooltipElement",
                 class: oe(["border-1 my-1 w-72 rounded-2xl border-gray-300 bg-white text-xs leading-5 shadow-lg", [i.tooltipClasses]])
               }, [
@@ -19468,7 +19490,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
           style: nt(O(s)),
           "data-placement": O(l)
         }, [
-          Ne(or, {
+          Ne(sr, {
             "enter-active-class": "transition duration-200",
             "leave-active-class": "transition duration-300",
             "leave-to-class": n.value,
@@ -19476,7 +19498,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
             duration: i.animate ? 300 : 0
           }, {
             default: Te(() => [
-              Yt(ee("div", {
+              Ut(ee("div", {
                 "data-testid": "tooltipElement",
                 class: oe(["flex items-center bg-gray-900 px-2 py-half text-xs leading-5 text-white", [
                   i.tooltipClasses,
@@ -19590,7 +19612,9 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
     resetSearchButtonTittle: { default: "Reset Search" },
     hasShadow: { type: Boolean, default: !1 },
     slotClass: { default: void 0 },
-    resetButtonWrapperClass: { default: void 0 }
+    resetButtonWrapperClass: { default: void 0 },
+    resetButtonClass: { default: void 0 },
+    showResetButtonOnMobile: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "blur", "focus", "reset", "search", "submit"],
   setup(e, { expose: t, emit: n }) {
@@ -19663,7 +19687,7 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
           }, null, 2)),
           ee("div", {
             class: oe(
-              O(sr)(
+              O(Nt)(
                 "pointer-events-auto flex items-center px-2",
                 w.slotClass,
                 h.value
@@ -19677,10 +19701,18 @@ const ny = ["placeholder", "value"], ay = /* @__PURE__ */ Ce({
               se(w.$slots, "extendedSearchButton")
             ]),
             ee("div", {
-              class: oe(O(sr)("mx-2", w.resetButtonWrapperClass))
+              class: oe(O(Nt)("mx-2", w.resetButtonWrapperClass))
             }, [
               ee("div", {
-                class: oe(["hidden h-full flex-none items-center justify-center lg:flex", h.value])
+                class: oe(
+                  O(Nt)(
+                    "flex-none items-center justify-center",
+                    w.resetButtonClass,
+                    "h-full",
+                    w.showResetButtonOnMobile ? "flex" : "hidden lg:flex",
+                    h.value
+                  )
+                )
               }, [
                 Ne(qa, {
                   disabled: i.value && !o.value,
@@ -20774,7 +20806,7 @@ const jy = { class: "flex" }, Qy = ["id", "aria-checked", "onClick"], Gy = ["ari
         }),
         "aria-checked": !O(Hr).includes(a.value)
       }, [
-        Yt(ee("input", {
+        Ut(ee("input", {
           "onUpdate:modelValue": i[0] || (i[0] = (u) => o.value = u),
           type: "color",
           class: "UiColorPicker-input absolute z-10 size-inherit cursor-pointer bg-gray-200 opacity-0"
@@ -20905,7 +20937,7 @@ export {
   Sb as UiTextButton,
   wb as UiToggleButton,
   kb as UiTooltip,
-  sr as cn,
+  Nt as cn,
   Mb as useBreakpoints,
   gs as vClickAway
 };