pdap-design-system 3.1.0-beta.33 → 3.1.0-beta.35

package/dist/index.js

@@ -1,7 +1,7 @@
 var Uu = Object.defineProperty;
 var Wu = (e, t, a) => t in e ? Uu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var fe = (e, t, a) => (Wu(e, typeof t != "symbol" ? t + "" : t, a), a);
-import { defineComponent as De, openBlock as g, createBlock as ke, Transition as Rt, withCtx as ye, createElementBlock as T, createElementVNode as se, toDisplayString as Le, createCommentVNode as F, reactive as Kt, normalizeClass as we, renderSlot as te, unref as v, ref as B, onErrorCaptured as Qu, resolveDynamicComponent as In, createTextVNode as Ye, computed as j, watch as He, h as jl, inject as Dt, onMounted as at, resolveComponent as qs, Fragment as $e, renderList as Ie, createVNode as ze, getCurrentInstance as Gu, onBeforeMount as Xs, isRef as $n, onBeforeUnmount as Nl, isReactive as qu, isReadonly as Xu, provide as rl, nextTick as it, mergeProps as Se, normalizeProps as ot, watchEffect as ll, withModifiers as wt, useSlots as kt, toRef as Ln, onUnmounted as nn, createSlots as ft, guardReactiveProps as yt, Teleport as Ku, normalizeStyle as Tt, render as bo, useAttrs as Ju, onBeforeUpdate as Zu, withDirectives as It, vShow as pa, withKeys as Tn, getCurrentScope as ec, onScopeDispose as tc, vModelText as ac, toHandlers as nc, TransitionGroup as rc } from "vue";
+import { defineComponent as De, openBlock as g, createBlock as ke, Transition as Rt, withCtx as ye, createElementBlock as T, createElementVNode as se, toDisplayString as Le, createCommentVNode as F, reactive as Kt, normalizeClass as we, renderSlot as te, unref as v, ref as B, onErrorCaptured as Qu, resolveDynamicComponent as In, createTextVNode as Ye, computed as S, watch as He, h as jl, inject as Dt, resolveComponent as qs, normalizeStyle as bt, Fragment as $e, renderList as Ie, createVNode as ze, getCurrentInstance as Gu, onBeforeMount as Xs, isRef as $n, onBeforeUnmount as Nl, isReactive as qu, isReadonly as Xu, provide as rl, nextTick as it, mergeProps as Se, normalizeProps as ot, watchEffect as ll, withModifiers as _t, useSlots as xt, toRef as Ln, onMounted as nt, onUnmounted as nn, createSlots as ft, guardReactiveProps as yt, Teleport as Ku, render as bo, useAttrs as Ju, onBeforeUpdate as Zu, withDirectives as It, vShow as pa, withKeys as Tn, getCurrentScope as ec, onScopeDispose as tc, vModelText as ac, toHandlers as nc, TransitionGroup as rc } from "vue";
 import { RouterLink as er, useRouter as lc, useRoute as oc } from "vue-router";
 const sc = {
   key: 0,
@@ -133,7 +133,7 @@ const Ks = /* @__PURE__ */ En(hc, [["__scopeId", "data-v-e5e2692a"]]), yc = /* @
       _: 1
     }, 8, ["v-bind"])) : te(s.$slots, "default", { key: 0 });
   }
-}), Lt = {
+}), Tt = {
   GITHUB: "github",
   LINKEDIN: "linkedin",
   DISCORD: "discord",
@@ -155,7 +155,7 @@ const {
 } = Il.navigator || {}, ga = Il, Ue = Js, Mo = Zs, Un = ei;
 ga.document;
 const la = !!Ue.documentElement && !!Ue.head && typeof Ue.addEventListener == "function" && typeof Ue.createElement == "function", ti = ~_o.indexOf("MSIE") || ~_o.indexOf("Trident/");
-var We = "classic", ai = "duotone", _t = "sharp", Mt = "sharp-duotone", wc = [We, ai, _t, Mt], _c = {
+var We = "classic", ai = "duotone", Mt = "sharp", kt = "sharp-duotone", wc = [We, ai, Mt, kt], _c = {
   classic: {
     900: "fas",
     400: "far",
@@ -360,7 +360,7 @@ const aa = "___FONT_AWESOME___", ol = 16, li = "fa", oi = "svg-inline--fa", Ia =
   } catch {
     return !1;
   }
-})(), ii = [We, _t, Mt];
+})(), ii = [We, Mt, kt];
 function Rn(e) {
   return new Proxy(e, {
     get(t, a) {
@@ -404,8 +404,8 @@ const zc = Rn(cl), Fc = kc, ci = "fa-layers-text", Bc = xc, Vc = {
 Rn(Vc);
 const Hc = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], Er = gn, Ga = /* @__PURE__ */ new Set();
 Object.keys(Dn[We]).map(Ga.add.bind(Ga));
-Object.keys(Dn[_t]).map(Ga.add.bind(Ga));
 Object.keys(Dn[Mt]).map(Ga.add.bind(Ga));
+Object.keys(Dn[kt]).map(Ga.add.bind(Ga));
 const Uc = [...Mc, ...Sc], wn = ga.FontAwesomeConfig || {};
 function Wc(e) {
   var t = Ue.querySelector("script[" + e + "]");
@@ -1216,14 +1216,14 @@ const {
   shims: od
 } = Qt, sd = {
   [We]: Object.values(Sa[We]),
-  [_t]: Object.values(Sa[_t]),
-  [Mt]: Object.values(Sa[Mt])
+  [Mt]: Object.values(Sa[Mt]),
+  [kt]: Object.values(Sa[kt])
 };
 let Fl = null, hi = {}, yi = {}, gi = {}, bi = {}, wi = {};
 const id = {
   [We]: Object.keys(Pa[We]),
-  [_t]: Object.keys(Pa[_t]),
-  [Mt]: Object.keys(Pa[Mt])
+  [Mt]: Object.keys(Pa[Mt]),
+  [kt]: Object.keys(Pa[kt])
 };
 function ud(e) {
   return ~Uc.indexOf(e);
@@ -1311,8 +1311,8 @@ function vr(e) {
 }
 const md = {
   [We]: Object.keys(Sa[We]),
-  [_t]: Object.keys(Sa[_t]),
-  [Mt]: Object.keys(Sa[Mt])
+  [Mt]: Object.keys(Sa[Mt]),
+  [kt]: Object.keys(Sa[kt])
 };
 function pr(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -1320,8 +1320,8 @@ function pr(e) {
     skipLookups: a = !1
   } = t, n = {
     [We]: "".concat(me.cssPrefix, "-").concat(We),
-    [_t]: "".concat(me.cssPrefix, "-").concat(_t),
-    [Mt]: "".concat(me.cssPrefix, "-").concat(Mt)
+    [Mt]: "".concat(me.cssPrefix, "-").concat(Mt),
+    [kt]: "".concat(me.cssPrefix, "-").concat(kt)
   };
   let r = null, l = We;
   const o = wc.filter((i) => i !== ai);
@@ -1338,7 +1338,7 @@ function pr(e) {
     }
     return i;
   }, Vl());
-  return (e.includes("fa-brands") || e.includes("fab")) && (s.prefix = "fab"), (e.includes("fa-duotone") || e.includes("fad")) && (s.prefix = "fad"), !s.prefix && l === _t && (Oa.fass || me.autoFetchSvg) && (s.prefix = "fass", s.iconName = ma(s.prefix, s.iconName) || s.iconName), !s.prefix && l === Mt && (Oa.fasds || me.autoFetchSvg) && (s.prefix = "fasds", s.iconName = ma(s.prefix, s.iconName) || s.iconName), (s.prefix === "fa" || r === "fa") && (s.prefix = ba() || "fas"), s;
+  return (e.includes("fa-brands") || e.includes("fab")) && (s.prefix = "fab"), (e.includes("fa-duotone") || e.includes("fad")) && (s.prefix = "fad"), !s.prefix && l === Mt && (Oa.fass || me.autoFetchSvg) && (s.prefix = "fass", s.iconName = ma(s.prefix, s.iconName) || s.iconName), !s.prefix && l === kt && (Oa.fasds || me.autoFetchSvg) && (s.prefix = "fasds", s.iconName = ma(s.prefix, s.iconName) || s.iconName), (s.prefix === "fa" || r === "fa") && (s.prefix = ba() || "fas"), s;
 }
 class vd {
   constructor() {
@@ -1477,7 +1477,7 @@ const ki = new vd(), yd = () => {
       };
     }
   }
-}, xt = {
+}, $t = {
   noAuto: yd,
   config: me,
   dom: gd,
@@ -1490,7 +1490,7 @@ const ki = new vd(), yd = () => {
   const {
     autoReplaceSvgRoot: t = Ue
   } = e;
-  (Object.keys(Qt.styles).length > 0 || me.autoFetchSvg) && la && me.autoReplaceSvg && xt.dom.i2svg({
+  (Object.keys(Qt.styles).length > 0 || me.autoFetchSvg) && la && me.autoReplaceSvg && $t.dom.i2svg({
     node: t
   });
 };
@@ -1980,8 +1980,8 @@ ii.map((e) => {
   Xt.add("fa-".concat(e));
 });
 Object.keys(Pa[We]).map(Xt.add.bind(Xt));
-Object.keys(Pa[_t]).map(Xt.add.bind(Xt));
 Object.keys(Pa[Mt]).map(Xt.add.bind(Xt));
+Object.keys(Pa[kt]).map(Xt.add.bind(Xt));
 Xt = [...Xt];
 function Io(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
@@ -2719,19 +2719,19 @@ var af = {
   }
 }, lf = [td, Bd, Vd, Hd, Ud, Jd, Zd, ef, af, nf, rf];
 hd(lf, {
-  mixoutsTo: xt
+  mixoutsTo: $t
 });
-xt.noAuto;
-const Ci = xt.config;
-xt.library;
-xt.dom;
-const nr = xt.parse;
-xt.findIconDefinition;
-xt.toHtml;
-const of = xt.icon;
-xt.layer;
-const sf = xt.text;
-xt.counter;
+$t.noAuto;
+const Ci = $t.config;
+$t.library;
+$t.dom;
+const nr = $t.parse;
+$t.findIconDefinition;
+$t.toHtml;
+const of = $t.icon;
+$t.layer;
+const sf = $t.text;
+$t.counter;
 function Ho(e, t) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -3129,15 +3129,15 @@ var Qa = De({
     }
   },
   setup: function(t, a) {
-    var n = a.attrs, r = j(function() {
+    var n = a.attrs, r = S(function() {
       return Uo(t.icon);
-    }), l = j(function() {
+    }), l = S(function() {
       return Mn("classes", kf(t));
-    }), o = j(function() {
+    }), o = S(function() {
       return Mn("transform", typeof t.transform == "string" ? nr.transform(t.transform) : t.transform);
-    }), s = j(function() {
+    }), s = S(function() {
       return Mn("mask", Uo(t.mask));
-    }), i = j(function() {
+    }), i = S(function() {
       return of(r.value, St(St(St(St({}, l.value), o.value), s.value), {}, {
         symbol: t.symbol,
         title: t.title,
@@ -3151,7 +3151,7 @@ var Qa = De({
     }, {
       immediate: !0
     });
-    var u = j(function() {
+    var u = S(function() {
       return i.value ? Ql(i.value.abstract[0], {}, n) : null;
     });
     return function() {
@@ -3168,7 +3168,7 @@ De({
     }
   },
   setup: function(t, a) {
-    var n = a.slots, r = Ci.familyPrefix, l = j(function() {
+    var n = a.slots, r = Ci.familyPrefix, l = S(function() {
       return ["".concat(r, "-layers")].concat(wl(t.fixedWidth ? ["".concat(r, "-fw")] : []));
     });
     return function() {
@@ -3202,14 +3202,14 @@ De({
     }
   },
   setup: function(t, a) {
-    var n = a.attrs, r = Ci.familyPrefix, l = j(function() {
+    var n = a.attrs, r = Ci.familyPrefix, l = S(function() {
       return Mn("classes", [].concat(wl(t.counter ? ["".concat(r, "-layers-counter")] : []), wl(t.position ? ["".concat(r, "-layers-").concat(t.position)] : [])));
-    }), o = j(function() {
+    }), o = S(function() {
       return Mn("transform", typeof t.transform == "string" ? nr.transform(t.transform) : t.transform);
-    }), s = j(function() {
+    }), s = S(function() {
       var u = sf(t.value.toString(), St(St({}, o.value), l.value)), c = u.abstract;
       return t.counter && (c[0].attributes.class = c[0].attributes.class.replace("fa-layers-text", "")), c[0];
-    }), i = j(function() {
+    }), i = S(function() {
       return Ql(s.value, {}, n);
     });
     return function() {
@@ -3289,7 +3289,8 @@ function Wo(e) {
 const Ef = { class: "grid grid-cols-2 gap-2 md:grid-cols-[auto_auto_auto] lg:w-max lg:gap-x-3 xl:gap-x-4" }, Rf = ["href"], Yf = { class: "flex gap-1" }, zf = {
   href: "https://pdap.io/donate",
   target: "_blank",
-  rel: "noreferrer"
+  rel: "noreferrer",
+  class: "text-neutral-50 dark:text-neutral-950"
 }, Ff = { key: 0 }, Bf = { class: "flex gap-4 justify-between lg:justify-start lg:ml-auto" }, Vf = { class: "lg:max-w-[325px] lg:text-right xl:max-w-[375px]" }, Hf = /* @__PURE__ */ se("a", {
   href: "https://www.guidestar.org/profile/85-4207132",
   target: "_blank",
@@ -3308,93 +3309,87 @@ const Ef = { class: "grid grid-cols-2 gap-2 md:grid-cols-[auto_auto_auto] lg:w-m
     fundraisingData: {}
   },
   setup(e) {
-    const { fundraisingData: t } = e, a = /* @__PURE__ */ new Map([
-      [Lt.GITHUB, Lf],
-      [Lt.DISCORD, xf],
-      [Lt.LINKEDIN, $f],
-      [Lt.JOBS, Nf],
-      [Lt.NEWSLETTER, Af],
-      [Lt.DOCS, If]
+    const t = e, a = /* @__PURE__ */ new Map([
+      [Tt.GITHUB, Lf],
+      [Tt.DISCORD, xf],
+      [Tt.LINKEDIN, $f],
+      [Tt.JOBS, Nf],
+      [Tt.NEWSLETTER, Af],
+      [Tt.DOCS, If]
     ]), n = Dt("footerLinks", [
       {
         href: "https://github.com/orgs/Police-Data-Accessibility-Project",
         text: "Github",
-        icon: Lt.GITHUB
+        icon: Tt.GITHUB
       },
       {
         href: "https://discord.gg/wMqex8nKZJ",
         text: "Discord",
-        icon: Lt.DISCORD
+        icon: Tt.DISCORD
       },
       {
         href: "https://www.linkedin.com/company/pdap",
         text: "LinkedIn",
-        icon: Lt.LINKEDIN
+        icon: Tt.LINKEDIN
       },
       {
         href: "https://pdap.io/jobs",
         text: "Jobs",
-        icon: Lt.JOBS
+        icon: Tt.JOBS
       },
       {
         href: "https://newsletter.pdap.io/",
         text: "Newsletter",
-        icon: Lt.NEWSLETTER
+        icon: Tt.NEWSLETTER
       },
       {
         href: "https://docs.pdap.io/",
         text: "Docs",
-        icon: Lt.DOCS
+        icon: Tt.DOCS
       }
-    ]), r = B();
-    at(() => {
-      l();
+    ]), r = S(() => {
+      let l = 2;
+      if (!t.fundraisingData)
+        return l = 0;
+      const o = t.fundraisingData.raised / t.fundraisingData.goal;
+      return o > 0.02 && (l = o * 100), Math.ceil(l);
     });
-    function l() {
-      const o = t.raised / t.goal * 100;
-      document.documentElement.style.setProperty("--fundraising-progress", "0%"), setTimeout(() => {
-        document.documentElement.style.setProperty(
-          "--fundraising-progress",
-          `${o}%`
-        );
-      }, 50);
-    }
-    return (o, s) => {
-      const i = qs("router-link");
+    return (l, o) => {
+      const s = qs("router-link");
       return g(), T("footer", {
-        ref_key: "footerRef",
-        ref: r,
-        class: "bg-brand-wine text-neutral-50 dark:text-neutral-950 flex flex-col lg:flex-row gap-4 xl:gap-12 p-6 lg:p-4 relative lg:sticky lg:bottom-0 text-med xl:text-xl"
+        class: "bg-brand-wine text-neutral-50 dark:text-neutral-950 flex flex-col lg:flex-row gap-4 xl:gap-12 p-6 lg:p-4 relative lg:sticky lg:bottom-0 text-med xl:text-xl",
+        style: bt({ "--fundraising-progress": `${r.value}%` })
       }, [
         se("ul", Ef, [
-          (g(!0), T($e, null, Ie(v(n), (u) => (g(), T("li", {
-            key: u.text
+          (g(!0), T($e, null, Ie(v(n), (i) => (g(), T("li", {
+            key: i.text
           }, [
-            u.href ? (g(), T("a", {
+            i.href ? (g(), T("a", {
               key: 0,
-              href: u.href,
+              href: i.href,
               target: "_blank",
-              rel: "noreferrer"
+              rel: "noreferrer",
+              class: "text-neutral-50 dark:text-neutral-950"
             }, [
-              u.icon ? (g(), ke(v(Qa), {
+              i.icon ? (g(), ke(v(Qa), {
                 key: 0,
-                icon: v(a).get(u.icon)
+                icon: v(a).get(i.icon)
               }, null, 8, ["icon"])) : F("", !0),
-              Ye(" " + Le(u.text), 1)
+              Ye(" " + Le(i.text), 1)
             ], 8, Rf)) : F("", !0),
-            u.path ? (g(), ke(i, {
+            i.path ? (g(), ke(s, {
               key: 1,
               "active-class": "pdap-footer-social-link-current",
               "exact-active-class": "pdap-footer-social-link-current-exact",
-              class: "pdap-footer-social-link",
-              to: u.path
+              class: "pdap-footer-social-link text-neutral-50 dark:text-neutral-950",
+              to: i.path
             }, {
               default: ye(() => [
-                u.icon ? (g(), ke(v(Qa), {
+                i.icon ? (g(), ke(v(Qa), {
                   key: 0,
-                  icon: v(a).get(u.icon)
+                  icon: v(a).get(i.icon)
                 }, null, 8, ["icon"])) : F("", !0),
-                Ye(" " + Le(u.text), 1)
+                Ye(" " + Le(i.text), 1)
               ]),
               _: 2
             }, 1032, ["to"])) : F("", !0)
@@ -3407,14 +3402,14 @@ const Ef = { class: "grid grid-cols-2 gap-2 md:grid-cols-[auto_auto_auto] lg:w-m
                 ze(v(Qa), { icon: v(Df) }, null, 8, ["icon"]),
                 Ye(" Donate")
               ]),
-              Ye(" ($" + Le(v(Wo)(o.fundraisingData.raised)) + " of $" + Le(v(Wo)(o.fundraisingData.goal)) + " raised ", 1),
-              o.fundraisingData.raised === o.fundraisingData.goal ? (g(), T("span", Ff, "🎉")) : F("", !0),
+              Ye(" ($" + Le(v(Wo)(l.fundraisingData.raised)) + " of $" + Le(v(Wo)(l.fundraisingData.goal)) + " raised ", 1),
+              l.fundraisingData.raised === l.fundraisingData.goal ? (g(), T("span", Ff, "🎉")) : F("", !0),
               Ye(") ")
             ])
           ]),
           se("span", {
             class: we(["inline-block bg-neutral-50 dark:bg-neutral-950 h-3 w-full rounded-full relative before:inline-block before:h-full before:bg-brand-gold before:absolute before:rounded-l-full before:transition-[width] before:duration-1000 before:ease-out before:w-[var(--fundraising-progress)]", {
-              "before:rounded-r-full": o.fundraisingData.raised === o.fundraisingData.goal
+              "before:rounded-r-full": l.fundraisingData.raised === l.fundraisingData.goal
             }])
           }, null, 2)
         ]),
@@ -3422,7 +3417,7 @@ const Ef = { class: "grid grid-cols-2 gap-2 md:grid-cols-[auto_auto_auto] lg:w-m
           se("p", Vf, " © " + Le((/* @__PURE__ */ new Date()).getFullYear()) + " Police Data Accessibility Project is a non-profit. EIN: 85-4207132. ", 1),
           Hf
         ])
-      ], 512);
+      ], 4);
     };
   }
 });
@@ -3476,12 +3471,12 @@ function Pi(e, t, a) {
   return n;
 }
 function Br(e, t, a) {
-  return j(() => e.some((n) => Pi(t, n, {
+  return S(() => e.some((n) => Pi(t, n, {
     [a]: !1
   })[a]));
 }
 function qo(e, t, a) {
-  return j(() => e.reduce((n, r) => {
+  return S(() => e.reduce((n, r) => {
     const l = Pi(t, r, {
       [a]: !1
     })[a] || [];
@@ -3529,7 +3524,7 @@ function qf(e, t, a, n, r, l, o, s) {
     $lazy: i,
     $rewardEarly: u
   } = n;
-  const c = () => ({}), d = j(() => {
+  const c = () => ({}), d = S(() => {
     if (i && !a.value || u && !s.value)
       return !1;
     let m = !0;
@@ -3558,7 +3553,7 @@ function Xf(e, t, a, n, r, l, o, s, i, u, c) {
   } = qf(e.$validator, t, a, n, p, r, i, u);
   const x = e.$message;
   return {
-    $message: lr(x) ? j(() => x(Go({
+    $message: lr(x) ? S(() => x(Go({
       $pending: d,
       $invalid: f,
       $params: Go(m),
@@ -3628,7 +3623,7 @@ function Zf(e, t, a, n, r, l, o, s, i) {
   };
   return u.length ? (u.forEach((h) => {
     f[h] = Xf(e[h], t, f.$dirty, l, o, h, a, r, i, m, p);
-  }), f.$externalResults = j(() => s.value ? [].concat(s.value).map((h, x) => ({
+  }), f.$externalResults = S(() => s.value ? [].concat(s.value).map((h, x) => ({
     $propertyPath: r,
     $property: a,
     $validator: "$externalResults",
@@ -3637,10 +3632,10 @@ function Zf(e, t, a, n, r, l, o, s, i) {
     $params: {},
     $response: null,
     $pending: !1
-  })) : []), f.$invalid = j(() => {
+  })) : []), f.$invalid = S(() => {
     const h = u.some((x) => v(f[x].$invalid));
     return m.value = h, !!f.$externalResults.value.length || h;
-  }), f.$pending = j(() => u.some((h) => v(f[h].$pending))), f.$error = j(() => f.$dirty.value ? f.$pending.value || f.$invalid.value : !1), f.$silentErrors = j(() => u.filter((h) => v(f[h].$invalid)).map((h) => {
+  }), f.$pending = S(() => u.some((h) => v(f[h].$pending))), f.$error = S(() => f.$dirty.value ? f.$pending.value || f.$invalid.value : !1), f.$silentErrors = S(() => u.filter((h) => v(f[h].$invalid)).map((h) => {
     const x = f[h];
     return Kt({
       $propertyPath: r,
@@ -3652,7 +3647,7 @@ function Zf(e, t, a, n, r, l, o, s, i) {
       $response: x.$response,
       $pending: x.$pending
     });
-  }).concat(f.$externalResults.value)), f.$errors = j(() => f.$dirty.value ? f.$silentErrors.value : []), f.$unwatch = () => u.forEach((h) => {
+  }).concat(f.$externalResults.value)), f.$errors = S(() => f.$dirty.value ? f.$silentErrors.value : []), f.$unwatch = () => u.forEach((h) => {
     f[h].$unwatch();
   }), f.$commit = () => {
     m.value = !0, p.value = Date.now();
@@ -3672,20 +3667,20 @@ function em(e, t, a, n, r, l, o) {
   }), i), {}) : {};
 }
 function tm(e, t, a) {
-  const n = j(() => [t, a].filter((f) => f).reduce((f, h) => f.concat(Object.values(v(h))), [])), r = j({
+  const n = S(() => [t, a].filter((f) => f).reduce((f, h) => f.concat(Object.values(v(h))), [])), r = S({
     get() {
       return e.$dirty.value || (n.value.length ? n.value.every((f) => f.$dirty) : !1);
     },
     set(f) {
       e.$dirty.value = f;
     }
-  }), l = j(() => {
+  }), l = S(() => {
     const f = v(e.$silentErrors) || [], h = n.value.filter((x) => (v(x).$silentErrors || []).length).reduce((x, w) => x.concat(...w.$silentErrors), []);
     return f.concat(h);
-  }), o = j(() => {
+  }), o = S(() => {
     const f = v(e.$errors) || [], h = n.value.filter((x) => (v(x).$errors || []).length).reduce((x, w) => x.concat(...w.$errors), []);
     return f.concat(h);
-  }), s = j(() => n.value.some((f) => f.$invalid) || v(e.$invalid) || !1), i = j(() => n.value.some((f) => v(f.$pending)) || v(e.$pending) || !1), u = j(() => n.value.some((f) => f.$dirty) || n.value.some((f) => f.$anyDirty) || r.value), c = j(() => r.value ? i.value || s.value : !1), d = () => {
+  }), s = S(() => n.value.some((f) => f.$invalid) || v(e.$invalid) || !1), i = S(() => n.value.some((f) => v(f.$pending)) || v(e.$pending) || !1), u = S(() => n.value.some((f) => f.$dirty) || n.value.some((f) => f.$anyDirty) || r.value), c = S(() => r.value ? i.value || s.value : !1), d = () => {
     e.$touch(), n.value.forEach((f) => {
       f.$touch();
     });
@@ -3728,10 +3723,10 @@ function Ml(e) {
     nestedValidators: m,
     config: p,
     validationGroups: f
-  } = Kf(t), h = fa(fa({}, s), p), x = n ? j(() => {
+  } = Kf(t), h = fa(fa({}, s), p), x = n ? S(() => {
     const $ = v(a);
     return $ ? v($[n]) : void 0;
-  }) : a, w = fa({}, v(u) || {}), k = j(() => {
+  }) : a, w = fa({}, v(u) || {}), k = S(() => {
     const $ = v(u);
     return n ? $ ? v($[n]) : void 0 : $;
   }), L = Zf(d, x, n, o, c, h, i, k, a), A = em(m, x, c, o, h, i, k), G = {};
@@ -3756,7 +3751,7 @@ function Ml(e) {
     $reset: ve,
     $silentErrors: _,
     $commit: D
-  } = tm(L, A, l), C = n ? j({
+  } = tm(L, A, l), C = n ? S({
     get: () => v(x),
     set: ($) => {
       N.value = !0;
@@ -3846,7 +3841,7 @@ function nm(e) {
     $scope: t,
     instance: a
   } = e;
-  const n = {}, r = B([]), l = j(() => r.value.reduce((c, d) => (c[d] = v(n[d]), c), {}));
+  const n = {}, r = B([]), l = S(() => r.value.reduce((c, d) => (c[d] = v(n[d]), c), {}));
   function o(c, d) {
     let {
       $registerAs: m,
@@ -3872,7 +3867,7 @@ function nm(e) {
 function Ni(e) {
   return new Proxy(e, {
     get(t, a) {
-      return typeof t[a] == "object" ? Ni(t[a]) : j(() => t[a]);
+      return typeof t[a] == "object" ? Ni(t[a]) : S(() => t[a]);
     }
   });
 }
@@ -3937,7 +3932,7 @@ function Ii(e, t) {
     $registerAs: r,
     $scope: l,
     $stopPropagation: o
-  })), Nl(() => h.forEach((x) => x(r)))), j(() => fa(fa({}, v(d.value)), p.value));
+  })), Nl(() => h.forEach((x) => x(r)))), S(() => fa(fa({}, v(d.value)), p.value));
 }
 var ea = /* @__PURE__ */ ((e) => (e.CHECKBOX = "checkbox", e.TEXT = "text", e.PASSWORD = "password", e))(ea || {});
 const rm = ["id", "type", "name", "placeholder", "value"], lm = /* @__PURE__ */ De({
@@ -4096,7 +4091,7 @@ const rm = ["id", "type", "name", "placeholder", "value"], lm = /* @__PURE__ */
     defaultChecked: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = j(() => `pdap-${t.name}-input-error`);
+    const t = e, a = S(() => `pdap-${t.name}-input-error`);
     return (n, r) => {
       var l;
       return g(), T("div", {
@@ -4270,7 +4265,7 @@ function hm(e) {
     }
   };
 }
-const $t = (e) => {
+const Lt = (e) => {
   if (e = v(e), Array.isArray(e))
     return !!e.length;
   if (e == null)
@@ -4289,7 +4284,7 @@ const $t = (e) => {
 function ka() {
   for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
     t[a] = arguments[a];
-  return (n) => (n = v(n), !$t(n) || t.every((r) => (r.lastIndex = 0, r.test(n))));
+  return (n) => (n = v(n), !Lt(n) || t.every((r) => (r.lastIndex = 0, r.test(n))));
 }
 var Pn = /* @__PURE__ */ Object.freeze({
   __proto__: null,
@@ -4297,7 +4292,7 @@ var Pn = /* @__PURE__ */ Object.freeze({
   len: ql,
   normalizeValidatorObject: yr,
   regex: ka,
-  req: $t,
+  req: Lt,
   unwrap: v,
   unwrapNormalizedValidator: Ra,
   unwrapValidatorResponse: _a,
@@ -4324,7 +4319,7 @@ var Pn = /* @__PURE__ */ Object.freeze({
   }
 };
 function km(e, t) {
-  return (a) => !$t(a) || (!/\s/.test(a) || a instanceof Date) && +v(e) <= +a && +v(t) >= +a;
+  return (a) => !Lt(a) || (!/\s/.test(a) || a instanceof Date) && +v(e) <= +a && +v(t) >= +a;
 }
 function xm(e, t) {
   return {
@@ -4351,7 +4346,7 @@ var Lm = ka($m), Tm = {
   }
 };
 function Dm(e) {
-  if (!$t(e))
+  if (!Lt(e))
     return !0;
   if (typeof e != "string")
     return !1;
@@ -4374,7 +4369,7 @@ var Om = {
 function Am() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ":";
   return (t) => {
-    if (e = v(e), !$t(t))
+    if (e = v(e), !Lt(t))
       return !0;
     if (typeof t != "string")
       return !1;
@@ -4393,7 +4388,7 @@ function Sm(e) {
   };
 }
 function jm(e) {
-  return (t) => !$t(t) || ql(t) <= v(e);
+  return (t) => !Lt(t) || ql(t) <= v(e);
 }
 function Nm(e) {
   return {
@@ -4411,7 +4406,7 @@ function Nm(e) {
   };
 }
 function Im(e) {
-  return (t) => !$t(t) || ql(t) >= v(e);
+  return (t) => !Lt(t) || ql(t) >= v(e);
 }
 function Em(e) {
   return {
@@ -4429,7 +4424,7 @@ function Em(e) {
   };
 }
 function Rm(e) {
-  return typeof e == "string" && (e = e.trim()), $t(e);
+  return typeof e == "string" && (e = e.trim()), Lt(e);
 }
 var Ym = {
   $validator: Rm,
@@ -4438,7 +4433,7 @@ var Ym = {
     type: "required"
   }
 };
-const es = (e, t) => e ? $t(typeof t == "string" ? t.trim() : t) : !0;
+const es = (e, t) => e ? Lt(typeof t == "string" ? t.trim() : t) : !0;
 function zm(e) {
   return function(t, a) {
     if (typeof e != "function")
@@ -4457,7 +4452,7 @@ function Fm(e) {
     }
   };
 }
-const ts = (e, t) => e ? !0 : $t(typeof t == "string" ? t.trim() : t);
+const ts = (e, t) => e ? !0 : Lt(typeof t == "string" ? t.trim() : t);
 function Bm(e) {
   return function(t, a) {
     if (typeof e != "function")
@@ -4567,7 +4562,7 @@ function av() {
 }
 function nv(e) {
   return function(t, a) {
-    if (!$t(t))
+    if (!Lt(t))
       return !0;
     const n = Ra(e).call(this, t, a);
     return vm(n) ? n.then((r) => !_a(r)) : !_a(n);
@@ -4583,7 +4578,7 @@ function rv(e) {
   };
 }
 function lv(e) {
-  return (t) => !$t(t) || (!/\s/.test(t) || t instanceof Date) && +t >= +v(e);
+  return (t) => !Lt(t) || (!/\s/.test(t) || t instanceof Date) && +t >= +v(e);
 }
 function ov(e) {
   return {
@@ -4601,7 +4596,7 @@ function ov(e) {
   };
 }
 function sv(e) {
-  return (t) => !$t(t) || (!/\s/.test(t) || t instanceof Date) && +t <= +v(e);
+  return (t) => !Lt(t) || (!/\s/.test(t) || t instanceof Date) && +t <= +v(e);
 }
 var iv = (e) => ({
   $validator: sv(e),
@@ -4758,7 +4753,7 @@ const bv = ["id", "name", "onSubmit"], wv = {
     t({
       setValues: m
     });
-    const l = j(
+    const l = S(
       () => n.schema.map((f) => {
         const h = { ...f };
         return delete h.validators, h;
@@ -4818,7 +4813,7 @@ const bv = ["id", "name", "onSubmit"], wv = {
       id: f.id,
       name: f.name,
       class: "pdap-form",
-      onSubmit: wt(p, ["prevent"])
+      onSubmit: _t(p, ["prevent"])
     }, [
       typeof u.value == "string" ? (g(), T("div", wv, Le(u.value), 1)) : F("", !0),
       (g(!0), T($e, null, Ie(l.value, (x) => {
@@ -4897,9 +4892,9 @@ const oa = Symbol(), xv = ["id", "name", "onSubmit", "onInput", "onChange"], $v
       id: p.id,
       name: p.name,
       class: "pdap-form",
-      onSubmit: wt(m, ["prevent"]),
-      onInput: wt(d, ["prevent"]),
-      onChange: wt(d, ["prevent"])
+      onSubmit: _t(m, ["prevent"]),
+      onInput: _t(d, ["prevent"]),
+      onChange: _t(d, ["prevent"])
     }, [
       p.$slots.error ? te(p.$slots, "error", { key: 0 }) : typeof l.value == "string" ? (g(), T("div", $v, Le(l.value), 1)) : F("", !0),
       te(p.$slots, "default")
@@ -4922,11 +4917,11 @@ const Lv = {
   },
   setup(e) {
     const { label: t, name: a } = e;
-    if (!kt().label && !t)
+    if (!xt().label && !t)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
-    const { values: r, setValues: l, v$: o } = Dt(oa), s = j(() => {
+    const { values: r, setValues: l, v$: o } = Dt(oa), s = S(() => {
       var u, c, d, m;
       return (u = o.value[a]) != null && u.$error ? (m = (d = (c = o.value[a]) == null ? void 0 : c.$errors) == null ? void 0 : d[0]) == null ? void 0 : m.$message : "";
     });
@@ -8362,7 +8357,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     hn.shiftKeyInMenu !== a && (hn.shiftKeyInMenu = a);
   };
   return {
-    control: j(() => ({ shiftKeyInMenu: hn.shiftKeyInMenu, menuFocused: hn.menuFocused })),
+    control: S(() => ({ shiftKeyInMenu: hn.shiftKeyInMenu, menuFocused: hn.menuFocused })),
     setMenuFocused: e,
     setShiftKey: t
   };
@@ -8378,7 +8373,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   },
   monthPicker: []
 }), qr = B(null), Qn = B(!1), Xr = B(!1), Kr = B(!1), Jr = B(!1), ct = B(0), Je = B(0), xa = () => {
-  const e = j(() => Qn.value ? [...Fe.selectionGrid, Fe.actionRow].filter((d) => d.length) : Xr.value ? [
+  const e = S(() => Qn.value ? [...Fe.selectionGrid, Fe.actionRow].filter((d) => d.length) : Xr.value ? [
     ...Fe.timePicker[0],
     ...Fe.timePicker[1],
     Jr.value ? [] : [qr.value],
@@ -8589,9 +8584,9 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }, a = () => {
     var N;
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((N = x.value) == null ? void 0 : N.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, n = (N) => pu(N, e.enableSeconds), r = () => A.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [n(e.startTime[0]), n(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? n(e.startTime) : null, l = j(() => n1(e.multiCalendars)), o = j(() => r()), s = j(() => a1(e.ariaLabels)), i = j(() => s1(e.filters)), u = j(() => l1(e.transitions)), c = j(() => i1(e.actionRow)), d = j(
+  }, n = (N) => pu(N, e.enableSeconds), r = () => A.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [n(e.startTime[0]), n(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? n(e.startTime) : null, l = S(() => n1(e.multiCalendars)), o = S(() => r()), s = S(() => a1(e.ariaLabels)), i = S(() => s1(e.filters)), u = S(() => l1(e.transitions)), c = S(() => i1(e.actionRow)), d = S(
     () => r1(e.previewFormat, e.format, a())
-  ), m = j(() => o1(e.textInput)), p = j(() => u1(e.inline)), f = j(() => c1(e.config)), h = j(() => d1(e.highlight)), x = j(() => f1(e.weekNumbers)), w = j(() => v1(e.timezone)), k = j(() => y1(e.multiDates)), L = j(
+  ), m = S(() => o1(e.textInput)), p = S(() => u1(e.inline)), f = S(() => c1(e.config)), h = S(() => d1(e.highlight)), x = S(() => f1(e.weekNumbers)), w = S(() => v1(e.timezone)), k = S(() => y1(e.multiDates)), L = S(
     () => h1({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -8602,7 +8597,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       timezone: w.value,
       isSpecific: e.monthPicker || e.yearPicker || e.quarterPicker
     })
-  ), A = j(() => m1(e.range)), G = j(() => g1(e.ui));
+  ), A = S(() => m1(e.range)), G = S(() => g1(e.ui));
   return {
     defaultedTransitions: u,
     defaultedMultiCalendars: l,
@@ -8731,8 +8726,8 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     if (ge)
       return M;
     if (e("update:model-value", M), o.value.emitTimezone && ie) {
-      const nt = Array.isArray(M) ? M.map((z) => gt(st(z), o.value.emitTimezone)) : gt(st(M), o.value.emitTimezone);
-      e("update:model-timezone-value", nt);
+      const at = Array.isArray(M) ? M.map((z) => gt(st(z), o.value.emitTimezone)) : gt(st(M), o.value.emitTimezone);
+      e("update:model-timezone-value", at);
     }
   }, Q = (M) => Array.isArray(n.value) ? s.value.enabled ? n.value.map((ie) => M(ie)) : [
     M(n.value[0]),
@@ -8770,7 +8765,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     a.value.months.includes(f) && (p = l(p, c), f = Oe(p), h = xe(p)), a.value.years.includes(h) && (p = o(p, c), h = xe(p)), r(f, h, c, e.preventMinMaxNavigation) && i(f, h, d);
   }, i = (c, d, m) => {
     t("update-month-year", { month: c, year: d, fromNav: m });
-  }, u = j(() => (c) => hu(
+  }, u = S(() => (c) => hu(
     Re(J(), { month: e.month, year: e.year }),
     n.value.maxDate,
     n.value.minDate,
@@ -8932,7 +8927,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       defaultedRange: u,
       defaultedMultiDates: c
     } = Qe(n), { isTimeValid: d, isMonthValid: m } = $a(n), { buildMatrix: p } = xa(), f = B(null), h = B(null), x = B(!1), w = B({}), k = B(null), L = B(null);
-    at(() => {
+    nt(() => {
       n.arrowNavigation && p([lt(f), lt(h)], "actionRow"), A(), window.addEventListener("resize", A);
     }), nn(() => {
       window.removeEventListener("resize", A);
@@ -8943,7 +8938,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         const C = (_ = k.value) == null ? void 0 : _.getBoundingClientRect(), V = (D = L.value) == null ? void 0 : D.getBoundingClientRect();
         C && V && (w.value.maxWidth = `${V.width - C.width - 20}px`), x.value = !0;
       }, 0);
-    }, G = j(() => u.value.enabled && !u.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), N = j(
+    }, G = S(() => u.value.enabled && !u.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), N = S(
       () => !d.value(n.internalModelValue) || !m.value(n.internalModelValue) || !G.value
     ), E = () => {
       const _ = l.value;
@@ -8958,7 +8953,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       s.value.rangeSeparator,
       n.modelAuto,
       l.value
-    ), Y = j(() => !n.internalModelValue || !n.menuMount ? "" : typeof l.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? U() : c.value.enabled ? n.internalModelValue.map((_) => `${R(_)}`) : n.modelAuto ? `${R(n.internalModelValue[0])}` : `${R(n.internalModelValue[0])} -` : R(n.internalModelValue) : E()), le = () => c.value.enabled ? "; " : " - ", de = j(
+    ), Y = S(() => !n.internalModelValue || !n.menuMount ? "" : typeof l.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? U() : c.value.enabled ? n.internalModelValue.map((_) => `${R(_)}`) : n.modelAuto ? `${R(n.internalModelValue[0])}` : `${R(n.internalModelValue[0])} -` : R(n.internalModelValue) : E()), le = () => c.value.enabled ? "; " : " - ", de = S(
       () => Array.isArray(Y.value) ? Y.value.join(le()) : Y.value
     ), ve = () => {
       d.value(n.internalModelValue) && m.value(n.internalModelValue) && G.value ? a("select-date") : a("invalid-select");
@@ -8978,7 +8973,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           key: 0,
           class: "dp__selection_preview",
           title: de.value,
-          style: Tt(w.value)
+          style: bt(w.value)
         }, [
           _.$slots["action-preview"] && x.value ? te(_.$slots, "action-preview", {
             key: 0,
@@ -9059,7 +9054,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     ), { hideNavigationButtons: d } = Mr(), m = B(!1), p = B(null), f = B(null), h = B([]), x = B(), w = B(null), k = B(0), L = B(null);
     Zu(() => {
       p.value = null;
-    }), at(() => {
+    }), nt(() => {
       it().then(() => le()), s.noOverlayFocus || G(), A(!0);
     }), nn(() => A(!1));
     const A = (Q) => {
@@ -9069,17 +9064,17 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       var Q;
       const I = lt(f);
       I && (u.value.enabled || (p.value ? (Q = p.value) == null || Q.focus({ preventScroll: !0 }) : I.focus({ preventScroll: !0 })), m.value = I.clientHeight < I.scrollHeight);
-    }, N = j(
+    }, N = S(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !s.useRelative,
         "dp--overlay-relative": s.useRelative
       })
-    ), E = j(
+    ), E = S(
       () => s.useRelative ? { height: `${s.height}px`, width: "var(--dp-menu-min-width)" } : void 0
-    ), U = j(() => ({
+    ), U = S(() => ({
       dp__overlay_col: !0
-    })), R = j(
+    })), R = S(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -9087,7 +9082,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__over_action_scroll: m.value,
         dp__button_bottom: s.isLast
       })
-    ), Y = j(() => {
+    ), Y = S(() => {
       var Q, I;
       return {
         dp__overlay_container: !0,
@@ -9156,19 +9151,19 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         ref_key: "gridWrapRef",
         ref: f,
         class: we(N.value),
-        style: Tt(E.value),
+        style: bt(E.value),
         role: Q.useRelative ? void 0 : "dialog",
         "aria-label": Q.overlayLabel,
         tabindex: Q.useRelative ? void 0 : "0",
         onKeydown: $,
-        onClick: I[0] || (I[0] = wt(() => {
+        onClick: I[0] || (I[0] = _t(() => {
         }, ["prevent"]))
       }, [
         se("div", {
           ref_key: "containerRef",
           ref: L,
           class: we(Y.value),
-          style: Tt({ "--dp-overlay-height": `${k.value}px` }),
+          style: bt({ "--dp-overlay-height": `${k.value}px` }),
           role: "grid"
         }, [
           se("div", $1, [
@@ -9189,7 +9184,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               "aria-disabled": M.disabled || void 0,
               tabindex: "0",
               "data-test-id": M.text,
-              onClick: wt((ge) => de(M), ["prevent"]),
+              onClick: _t((ge) => de(M), ["prevent"]),
               onKeydown: (ge) => v(vt)(ge, () => de(M), !0),
               onMouseover: (ge) => ee(M.value)
             }, [
@@ -9234,9 +9229,9 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     isMobile: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = j(
+    const t = e, a = S(
       () => t.multiCalendars > 0 ? [...Array(t.multiCalendars).keys()] : [0]
-    ), n = j(() => ({
+    ), n = S(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (r, l) => (g(), T("div", {
@@ -9272,7 +9267,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
     const a = t, n = B(null);
-    return at(() => a("set-ref", n)), (r, l) => (g(), T("button", {
+    return nt(() => a("set-ref", n)), (r, l) => (g(), T("button", {
       ref_key: "elRef",
       ref: n,
       type: "button",
@@ -9436,7 +9431,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   month: u,
   emit: c
 }) => {
-  const d = j(() => io(o.yearRange, o.locale, o.reverseYears)), m = B([!1]), p = j(() => (Y, le) => {
+  const d = S(() => io(o.yearRange, o.locale, o.reverseYears)), m = B([!1]), p = S(() => (Y, le) => {
     const de = Re(Nt(/* @__PURE__ */ new Date()), {
       month: u.value(Y),
       year: i.value(Y)
@@ -9479,12 +9474,12 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   };
   He(l, (Y, le) => {
     o.isTextInputDate && JSON.stringify(Y ?? {}) !== JSON.stringify(le ?? {}) && A();
-  }), at(() => {
+  }), nt(() => {
     A();
   });
   const G = (Y, le) => {
     r.value[le].year = Y, c("update-month-year", { instance: le, year: Y, month: r.value[le].month }), e.value.count && !e.value.solo && x(le);
-  }, N = j(() => (Y) => tn(d.value, (le) => {
+  }, N = S(() => (Y) => tn(d.value, (le) => {
     var de;
     const ve = i.value(Y) === le.value, _ = Nn(
       le.value,
@@ -9525,7 +9520,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     defaultedMultiDates: d
   } = Qe(e), m = () => {
     e.isTextInputDate && A(xe(J(e.startDate)), 0);
-  }, { modelValue: p, year: f, month: h, calendars: x } = Vn(e, t, m), w = j(() => iu(e.formatLocale, e.locale, e.monthNameFormat)), k = B(null), { checkMinMaxRange: L } = $a(e), {
+  }, { modelValue: p, year: f, month: h, calendars: x } = Vn(e, t, m), w = S(() => iu(e.formatLocale, e.locale, e.monthNameFormat)), k = B(null), { checkMinMaxRange: L } = $a(e), {
     selectYear: A,
     groupedYears: G,
     showYearPicker: N,
@@ -9546,7 +9541,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     props: e,
     emit: t
   });
-  at(() => {
+  nt(() => {
     e.startDate && (p.value && e.focusStartDate || !p.value) && A(xe(J(e.startDate)), 0);
   });
   const le = (y) => y ? { month: Oe(y), year: xe(y) } : { month: null, year: null }, de = () => p.value ? Array.isArray(p.value) ? p.value.map((y) => le(y)) : le(p.value) : le(), ve = (y, O) => {
@@ -9566,14 +9561,14 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return !1;
     }
     return !1;
-  }, C = j(() => (y) => tn(w.value, (O) => {
+  }, C = S(() => (y) => tn(w.value, (O) => {
     var K;
     const M = ve(y, O.value), ie = Nn(
       O.value,
       fu(f.value(y), i.value.minDate),
       mu(f.value(y), i.value.maxDate)
-    ) || e1(i.value.disabledDates, f.value(y)).includes(O.value) || ((K = c.value.months) == null ? void 0 : K.includes(O.value)) || !t1(i.value.allowedDates, f.value(y), O.value), ge = D(O.value, y), nt = gu(s.value, O.value, f.value(y));
-    return { active: M, disabled: ie, isBetween: ge, highlighted: nt };
+    ) || e1(i.value.disabledDates, f.value(y)).includes(O.value) || ((K = c.value.months) == null ? void 0 : K.includes(O.value)) || !t1(i.value.allowedDates, f.value(y), O.value), ge = D(O.value, y), at = gu(s.value, O.value, f.value(y));
+    return { active: M, disabled: ie, isBetween: ge, highlighted: at };
   })), V = (y, O) => ta(Nt(J()), y, f.value(O)), ee = (y, O) => {
     const K = p.value ? p.value : Nt(/* @__PURE__ */ new Date());
     p.value = ta(K, y, f.value(O)), t("auto-apply"), t("update-flow-step");
@@ -9645,8 +9640,8 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = kt(), l = bt(r, "yearMode"), o = e;
-    at(() => {
+    const n = a, r = xt(), l = wt(r, "yearMode"), o = e;
+    nt(() => {
       o.shadow || n("mount", null);
     });
     const {
@@ -9746,10 +9741,10 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   const a = () => {
     e.isTextInputDate && (c.value = xe(J(e.startDate)));
   }, { modelValue: n } = Vn(e, t, a), r = B(null), { defaultedHighlight: l, defaultedMultiDates: o, defaultedFilters: s, defaultedRange: i, propDates: u } = Qe(e), c = B();
-  at(() => {
+  nt(() => {
     e.startDate && (n.value && e.focusStartDate || !n.value) && (c.value = xe(J(e.startDate)));
   });
-  const d = (h) => Array.isArray(n.value) ? n.value.some((x) => xe(x) === h) : n.value ? xe(n.value) === h : !1, m = (h) => i.value.enabled && Array.isArray(n.value) ? gr(n.value, r.value, f(h)) : !1, p = j(() => tn(io(e.yearRange, e.locale, e.reverseYears), (h) => {
+  const d = (h) => Array.isArray(n.value) ? n.value.some((x) => xe(x) === h) : n.value ? xe(n.value) === h : !1, m = (h) => i.value.enabled && Array.isArray(n.value) ? gr(n.value, r.value, f(h)) : !1, p = S(() => tn(io(e.yearRange, e.locale, e.reverseYears), (h) => {
     const x = d(h.value), w = Nn(
       h.value,
       an(u.value.minDate),
@@ -9871,7 +9866,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       minutes: !1,
       seconds: !1
     }), x = B("AM"), w = B(null), k = B([]), L = B(), A = B(!1);
-    at(() => {
+    nt(() => {
       n("mounted");
     });
     const G = (b) => Re(/* @__PURE__ */ new Date(), {
@@ -9879,15 +9874,15 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       minutes: b.minutes,
       seconds: r.enableSeconds ? b.seconds : 0,
       milliseconds: 0
-    }), N = j(
+    }), N = S(
       () => (b) => H(b, r[b]) || U(b, r[b])
-    ), E = j(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), U = (b, q) => d.value.enabled && !d.value.disableTimeRangeValidation ? !r.validateTime(b, q) : !1, R = (b, q) => {
+    ), E = S(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), U = (b, q) => d.value.enabled && !d.value.disableTimeRangeValidation ? !r.validateTime(b, q) : !1, R = (b, q) => {
       if (d.value.enabled && !d.value.disableTimeRangeValidation) {
         const Te = q ? +r[`${b}Increment`] : -+r[`${b}Increment`], oe = r[b] + Te;
         return !r.validateTime(b, oe);
       }
       return !1;
-    }, Y = j(() => (b) => !y(+r[b] + +r[`${b}Increment`], b) || R(b, !0)), le = j(() => (b) => !y(+r[b] - +r[`${b}Increment`], b) || R(b, !1)), de = (b, q) => Fi(Re(J(), b), q), ve = (b, q) => I0(Re(J(), b), q), _ = j(
+    }, Y = S(() => (b) => !y(+r[b] + +r[`${b}Increment`], b) || R(b, !0)), le = S(() => (b) => !y(+r[b] - +r[`${b}Increment`], b) || R(b, !1)), de = (b, q) => Fi(Re(J(), b), q), ve = (b, q) => I0(Re(J(), b), q), _ = S(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -9897,18 +9892,18 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__time_col_sec: r.enableSeconds && r.is24,
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
-    ), D = j(
+    ), D = S(
       () => r.timePickerInline && d.value.enabled && !m.value.count
-    ), C = j(() => {
+    ), C = S(() => {
       const b = [{ type: "hours" }];
       return r.enableMinutes && b.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), r.enableSeconds && b.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), b;
-    }), V = j(() => C.value.filter((b) => !b.separator)), ee = j(() => (b) => {
+    }), V = S(() => C.value.filter((b) => !b.separator)), ee = S(() => (b) => {
       if (b === "hours") {
-        const q = nt(+r.hours);
+        const q = at(+r.hours);
         return { text: q < 10 ? `0${q}` : `${q}`, value: q };
       }
       return { text: r[b] < 10 ? `0${r[b]}` : `${r[b]}`, value: r[b] };
@@ -9920,9 +9915,9 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return oe[b] ? !!((Te = oe[b]) != null && Te.includes(q)) : !0;
     }, $ = (b, q) => q !== "hours" || x.value === "AM" ? b : b + 12, re = (b) => {
       const q = r.is24 ? 24 : 12, Te = b === "hours" ? q : 60, oe = +r[`${b}GridIncrement`], Pe = b === "hours" && !r.is24 ? oe : 0, Ce = [];
-      for (let S = Pe; S < Te; S += oe)
-        Ce.push({ value: r.is24 ? S : $(S, b), text: S < 10 ? `0${S}` : `${S}` });
-      return b === "hours" && !r.is24 && Ce.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), tn(Ce, (S) => ({ active: !1, disabled: u.value.times[b].includes(S.value) || !y(S.value, b) || H(b, S.value) || U(b, S.value) }));
+      for (let j = Pe; j < Te; j += oe)
+        Ce.push({ value: r.is24 ? j : $(j, b), text: j < 10 ? `0${j}` : `${j}` });
+      return b === "hours" && !r.is24 && Ce.unshift({ value: x.value === "PM" ? 12 : 0, text: "12" }), tn(Ce, (j) => ({ active: !1, disabled: u.value.times[b].includes(j.value) || !y(j.value, b) || H(b, j.value) || U(b, j.value) }));
     }, Q = (b) => b >= 0 ? b : 59, I = (b) => b >= 0 ? b : 23, y = (b, q) => {
       const Te = r.minTime ? G(Ur(r.minTime)) : null, oe = r.maxTime ? G(Ur(r.maxTime)) : null, Pe = G(
         Ur(
@@ -9944,7 +9939,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       ), !(Te != null && Te.keyboard) && c.value.timeArrowHoldThreshold && (L.value = setTimeout(() => {
         ge(b, q);
       }, c.value.timeArrowHoldThreshold));
-    }, nt = (b) => r.is24 ? b : (b >= 12 ? x.value = "PM" : x.value = "AM", B0(b)), z = () => {
+    }, at = (b) => r.is24 ? b : (b >= 12 ? x.value = "PM" : x.value = "AM", B0(b)), z = () => {
       x.value === "PM" ? (x.value = "AM", n("update:hours", r.hours - 12)) : (x.value = "PM", n("update:hours", r.hours + 12)), n("am-pm-change", x.value);
     }, Z = (b) => {
       h[b] = !0;
@@ -9952,7 +9947,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       if (b && r.arrowNavigation) {
         Array.isArray(k.value[q]) ? k.value[q][Te] = b : k.value[q] = [b];
         const oe = k.value.reduce(
-          (Pe, Ce) => Ce.map((S, ae) => [...Pe[ae] || [], Ce[ae]]),
+          (Pe, Ce) => Ce.map((j, ae) => [...Pe[ae] || [], Ce[ae]]),
           []
         );
         o(r.closeTimePickerBtn), w.value && (oe[1] = oe[1].concat(w.value)), l(oe, r.order);
@@ -9962,7 +9957,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       var Te;
       return b.disabled ? F("", !0) : (g(), T("div", N1, [
         (g(!0), T($e, null, Ie(C.value, (oe, Pe) => {
-          var Ce, S, ae;
+          var Ce, j, ae;
           return g(), T("div", {
             key: Pe,
             class: we(_.value),
@@ -10008,7 +10003,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 ref_for: !0,
                 ref: (he) => X(he, Pe, 1),
                 type: "button",
-                "aria-label": `${ee.value(oe.type).text}-${(S = v(s)) == null ? void 0 : S.openTpOverlay(oe.type)}`,
+                "aria-label": `${ee.value(oe.type).text}-${(j = v(s)) == null ? void 0 : j.openTpOverlay(oe.type)}`,
                 class: we({
                   dp__time_display: !0,
                   dp__time_display_block: !b.timePickerInline,
@@ -10091,7 +10086,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           css: v(f)
         }, {
           default: ye(() => {
-            var Ce, S;
+            var Ce, j;
             return [
               h[oe.type] ? (g(), ke(Fn, {
                 key: 0,
@@ -10103,7 +10098,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 config: b.config,
                 "arrow-navigation": b.arrowNavigation,
                 "aria-labels": b.ariaLabels,
-                "overlay-label": (S = (Ce = v(s)).timeOverlay) == null ? void 0 : S.call(Ce, oe.type),
+                "overlay-label": (j = (Ce = v(s)).timeOverlay) == null ? void 0 : j.call(Ce, oe.type),
                 onSelected: (ae) => ce(oe.type, ae),
                 onToggle: (ae) => K(oe.type),
                 onResetFlow: q[1] || (q[1] = (ae) => b.$emit("reset-flow"))
@@ -10168,15 +10163,15 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, { buildMatrix: l, setTimePicker: o } = xa(), s = kt(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: m } = Qe(r), { transitionName: p, showTransition: f } = Bn(i), { hideNavigationButtons: h } = Mr(), x = B(null), w = B(null), k = B([]), L = B(null), A = B(!1);
-    at(() => {
+    const n = a, r = e, { buildMatrix: l, setTimePicker: o } = xa(), s = xt(), { defaultedTransitions: i, defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d, defaultedRange: m } = Qe(r), { transitionName: p, showTransition: f } = Bn(i), { hideNavigationButtons: h } = Mr(), x = B(null), w = B(null), k = B([]), L = B(null), A = B(!1);
+    nt(() => {
       n("mount"), !r.timePicker && r.arrowNavigation ? l([lt(x.value)], "time") : o(!0, r.timePicker);
     });
-    const G = j(() => m.value.enabled && r.modelAuto ? uu(r.internalModelValue) : !0), N = B(!1), E = (H) => ({
+    const G = S(() => m.value.enabled && r.modelAuto ? uu(r.internalModelValue) : !0), N = B(!1), E = (H) => ({
       hours: Array.isArray(r.hours) ? r.hours[H] : r.hours,
       minutes: Array.isArray(r.minutes) ? r.minutes[H] : r.minutes,
       seconds: Array.isArray(r.seconds) ? r.seconds[H] : r.seconds
-    }), U = j(() => {
+    }), U = S(() => {
       const H = [];
       if (m.value.enabled)
         for (let $ = 0; $ < 2; $++)
@@ -10188,11 +10183,11 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       $ || n("reset-flow"), N.value = H, n(H ? "overlay-opened" : "overlay-closed", dt.time), r.arrowNavigation && o(H), it(() => {
         re !== "" && k.value[0] && k.value[0].openChildCmp(re);
       });
-    }, Y = j(() => ({
+    }, Y = S(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !d.value.keepActionRow
-    })), le = bt(s, "timePicker"), de = (H, $, re) => m.value.enabled ? $ === 0 ? [H, U.value[1][re]] : [U.value[0][re], H] : H, ve = (H) => {
+    })), le = wt(s, "timePicker"), de = (H, $, re) => m.value.enabled ? $ === 0 ? [H, U.value[1][re]] : [U.value[0][re], H] : H, ve = (H) => {
       n("update:hours", H);
     }, _ = (H) => {
       n("update:minutes", H);
@@ -10248,7 +10243,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   "dp--overlay-absolute": !r.timePicker && !H.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: Tt(H.timePicker ? { height: `${v(d).modeHeight}px` } : void 0),
+                style: bt(H.timePicker ? { height: `${v(d).modeHeight}px` } : void 0),
                 "aria-label": (Q = v(u)) == null ? void 0 : Q.timePicker,
                 tabindex: H.timePickerInline ? void 0 : 0
               }, [
@@ -10334,7 +10329,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
 }), Lu = (e, t, a, n) => {
   const { defaultedRange: r } = Qe(e), l = (L, A) => Array.isArray(t[L]) ? t[L][A] : t[L], o = (L) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[L] : t.seconds : 0, s = (L, A) => L ? A !== void 0 ? ya(L, l("hours", A), l("minutes", A), o(A)) : ya(L, t.hours, t.minutes, o()) : lu(J(), o(A)), i = (L, A) => {
     t[L] = A;
-  }, u = j(() => e.modelAuto && r.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : r.value.enabled), c = (L, A) => {
+  }, u = S(() => e.modelAuto && r.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : r.value.enabled), c = (L, A) => {
     const G = Object.fromEntries(
       Object.keys(t).map((N) => N === L ? [N, A] : [N, t[N]].slice())
     );
@@ -10369,7 +10364,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       disabledArr: []
     };
     return (A || A === 0) && (G.hours = A), Array.isArray(e.disabledTimes) && (G.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[L]) ? e.disabledTimes[L] : e.disabledTimes), G;
-  }, k = j(() => (L, A) => {
+  }, k = S(() => (L, A) => {
     var G;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: N, hours: E } = w(L, A), U = N.filter((R) => +R.hours === E);
@@ -10432,7 +10427,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       [N.seconds, E.seconds]
     ) : L(N.hours, N.minutes, N.seconds);
   };
-  at(() => {
+  nt(() => {
     if (!e.shadow)
       return d(l.value), n.value ? A() : w();
   });
@@ -10466,8 +10461,8 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, l = kt(), o = bt(l, "timePicker"), s = B(null), { time: i, modelValue: u, disabledTimesConfig: c, updateTime: d, validateTime: m } = Q1(r, n);
-    return at(() => {
+    const n = a, r = e, l = xt(), o = wt(l, "timePicker"), s = B(null), { time: i, modelValue: u, disabledTimesConfig: c, updateTime: d, validateTime: m } = Q1(r, n);
+    return nt(() => {
       r.shadow || n("mount", null);
     }), t({ getSidebarProps: () => ({
       modelValue: u,
@@ -10539,7 +10534,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       propDates: d,
       defaultedUI: m
     } = Qe(r), { transitionName: p, showTransition: f } = Bn(l), { buildMatrix: h } = xa(), { handleMonthYearChange: x, isDisabled: w, updateMonthYear: k } = w1(r, n), { showLeftIcon: L, showRightIcon: A } = Mr(), G = B(!1), N = B(!1), E = B(!1), U = B([null, null, null, null]);
-    at(() => {
+    nt(() => {
       n("mount");
     });
     const R = (I) => ({
@@ -10548,21 +10543,21 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         const O = I === At.month ? At.year : At.month;
         n("update-month-year", { [I]: y, [O]: r[O] }), I === At.month ? V(!0) : ee(!0);
       }
-    }), Y = j(R(At.month)), le = j(R(At.year)), de = j(() => (I) => ({
+    }), Y = S(R(At.month)), le = S(R(At.year)), de = S(() => (I) => ({
       month: r.month,
       year: r.year,
       items: I === At.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: k,
       toggle: I === At.month ? V : ee
-    })), ve = j(() => r.months.find((y) => y.value === r.month) || { text: "", value: 0 }), _ = j(() => tn(r.months, (I) => {
+    })), ve = S(() => r.months.find((y) => y.value === r.month) || { text: "", value: 0 }), _ = S(() => tn(r.months, (I) => {
       const y = r.month === I.value, O = Nn(
         I.value,
         fu(r.year, d.value.minDate),
         mu(r.year, d.value.maxDate)
       ) || i.value.months.includes(I.value), K = gu(c.value, I.value, r.year);
       return { active: y, disabled: O, highlighted: K };
-    })), D = j(() => tn(r.years, (I) => {
+    })), D = S(() => tn(r.years, (I) => {
       const y = r.year === I.value, O = Nn(
         I.value,
         an(d.value.minDate),
@@ -10579,7 +10574,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       I || n("reset-flow");
     }, $ = (I, y) => {
       r.arrowNavigation && (U.value[y] = lt(I), h(U.value, "monthYear"));
-    }, re = j(() => {
+    }, re = S(() => {
       var I, y, O, K, M, ie;
       return [
         {
@@ -10607,13 +10602,13 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           overlayLabel: ((ie = (M = o.value).yearPicker) == null ? void 0 : ie.call(M, !0)) ?? void 0
         }
       ];
-    }), Q = j(() => r.disableYearSelect ? [re.value[0]] : r.yearFirst ? [...re.value].reverse() : re.value);
+    }), Q = S(() => r.disableYearSelect ? [re.value[0]] : r.yearFirst ? [...re.value].reverse() : re.value);
     return t({
       toggleMonthPicker: V,
       toggleYearPicker: ee,
       handleMonthYearChange: x
     }), (I, y) => {
-      var O, K, M, ie, ge, nt;
+      var O, K, M, ie, ge, at;
       return g(), T("div", q1, [
         I.$slots["month-year"] ? (g(), T("div", X1, [
           te(I.$slots, "month-year", ot(yt({ month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: v(k), handleMonthYearChange: v(x), instance: e.instance })))
@@ -10746,7 +10741,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               "el-name": "action-next",
               disabled: v(w)(!0),
               "aria-label": (ge = v(o)) == null ? void 0 : ge.nextMonth,
-              class: we((nt = v(m)) == null ? void 0 : nt.navBtnNext),
+              class: we((at = v(m)) == null ? void 0 : at.navBtnNext),
               onActivate: y[3] || (y[3] = (z) => v(x)(!0, !0)),
               onSetRef: y[4] || (y[4] = (z) => $(z, I.disableYearSelect ? 2 : 3))
             }, {
@@ -10807,8 +10802,8 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       bottom: "",
       left: "",
       transform: ""
-    }), h = B([]), x = B(null), w = B(!0), k = B(""), L = B({ startX: 0, endX: 0, startY: 0, endY: 0 }), A = B([]), G = B({ left: "50%" }), N = B(!1), E = j(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), U = j(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : F0(r.formatLocale, r.locale, +r.weekStart));
-    at(() => {
+    }), h = B([]), x = B(null), w = B(!0), k = B(""), L = B({ startX: 0, endX: 0, startY: 0, endY: 0 }), A = B([]), G = B({ left: "50%" }), N = B(!1), E = S(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), U = S(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : F0(r.formatLocale, r.locale, +r.weekStart));
+    nt(() => {
       n("mount", { cmp: "calendar", refs: h }), s.value.noSwipe || x.value && (x.value.addEventListener("touchstart", $, { passive: !1 }), x.value.addEventListener("touchend", re, { passive: !1 }), x.value.addEventListener("touchmove", Q, { passive: !1 })), r.monthChangeOnScroll && x.value && x.value.addEventListener("wheel", O, { passive: !1 });
     });
     const R = (z) => z ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", Y = (z, Z) => {
@@ -10818,20 +10813,20 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           w.value = !0;
         });
       }
-    }, le = j(
+    }, le = S(
       () => ({
         ...m.value.calendar ?? {}
       })
-    ), de = j(() => (z) => {
+    ), de = S(() => (z) => {
       const Z = V0(z);
       return {
         dp__marker_dot: Z.type === "dot",
         dp__marker_line: Z.type === "line"
       };
-    }), ve = j(() => (z) => Ae(z, p.value)), _ = j(() => ({
+    }), ve = S(() => (z) => Ae(z, p.value)), _ = S(() => ({
       dp__calendar: !0,
       dp__calendar_next: u.value.count > 0 && r.instance !== 0
-    })), D = j(() => (z) => r.hideOffsetDates ? z.current : !0), C = async (z, Z) => {
+    })), D = S(() => (z) => r.hideOffsetDates ? z.current : !0), C = async (z, Z) => {
       const { width: X, height: ce } = z.getBoundingClientRect();
       p.value = Z.value;
       let b = { left: `${X / 2}px` }, q = -50;
@@ -10879,7 +10874,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       X && hs() || !X && !hs() || (!d.value.enabled || s.value.allowPreventDefault) && (ha(z, s.value), n("select-date", Z));
     }, ge = (z) => {
       ha(z, s.value);
-    }, nt = (z) => {
+    }, at = (z) => {
       d.value.enabled && d.value.dragSelect ? (N.value = !0, n("select-date", z)) : d.value.enabled && n("select-date", z);
     };
     return t({ triggerTransition: Y }), (z, Z) => (g(), T("div", {
@@ -10947,12 +10942,12 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     "aria-label": (oe = (Te = v(i)) == null ? void 0 : Te.day) == null ? void 0 : oe.call(Te, b),
                     tabindex: !b.current && z.hideOffsetDates ? void 0 : 0,
                     "data-test-id": b.value,
-                    onClick: wt((Ce) => ie(Ce, b), ["prevent"]),
+                    onClick: _t((Ce) => ie(Ce, b), ["prevent"]),
                     onTouchend: (Ce) => ie(Ce, b, !1),
                     onKeydown: (Ce) => v(vt)(Ce, () => z.$emit("select-date", b)),
                     onMouseenter: (Ce) => ee(b, ce, q),
                     onMouseleave: (Ce) => H(b),
-                    onMousedown: (Ce) => nt(b),
+                    onMousedown: (Ce) => at(b),
                     onMouseup: Z[0] || (Z[0] = (Ce) => N.value = !1)
                   }, [
                     se("div", {
@@ -10975,7 +10970,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                         }) : (g(), T("div", {
                           key: 1,
                           class: we(de.value(b.marker)),
-                          style: Tt(b.marker.color ? { backgroundColor: b.marker.color } : {})
+                          style: bt(b.marker.color ? { backgroundColor: b.marker.color } : {})
                         }, null, 6))
                       ], 64)) : F("", !0),
                       ve.value(b.value) ? (g(), T("div", {
@@ -10984,15 +10979,15 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                         ref_key: "activeTooltip",
                         ref: A,
                         class: "dp__marker_tooltip",
-                        style: Tt(f.value)
+                        style: bt(f.value)
                       }, [
                         (Pe = b.marker) != null && Pe.tooltip ? (g(), T("div", {
                           key: 0,
                           class: "dp__tooltip_content",
                           onClick: ge
                         }, [
-                          (g(!0), T($e, null, Ie(b.marker.tooltip, (Ce, S) => (g(), T("div", {
-                            key: S,
+                          (g(!0), T($e, null, Ie(b.marker.tooltip, (Ce, j) => (g(), T("div", {
+                            key: j,
                             class: "dp__tooltip_text"
                           }, [
                             z.$slots["marker-tooltip"] ? te(z.$slots, "marker-tooltip", {
@@ -11003,14 +10998,14 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                             z.$slots["marker-tooltip"] ? F("", !0) : (g(), T($e, { key: 1 }, [
                               se("div", {
                                 class: "dp__tooltip_mark",
-                                style: Tt(Ce.color ? { backgroundColor: Ce.color } : {})
+                                style: bt(Ce.color ? { backgroundColor: Ce.color } : {})
                               }, null, 4),
                               se("div", null, Le(Ce.text), 1)
                             ], 64))
                           ]))), 128)),
                           se("div", {
                             class: "dp__arrow_bottom_tp",
-                            style: Tt(G.value)
+                            style: bt(G.value)
                           }, null, 4)
                         ])) : F("", !0)
                       ], 4)) : F("", !0)
@@ -11034,9 +11029,9 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     defaultedTz: x,
     propDates: w,
     defaultedMultiDates: k
-  } = Qe(e), { validateMonthYearInRange: L, isDisabled: A, isDateRangeAllowed: G, checkMinMaxRange: N } = $a(e), { updateTimeValues: E, getSetDateTime: U, setTime: R, assignStartTime: Y, validateTime: le, disabledTimesConfig: de } = Lu(e, c, i, n), ve = j(
+  } = Qe(e), { validateMonthYearInRange: L, isDisabled: A, isDateRangeAllowed: G, checkMinMaxRange: N } = $a(e), { updateTimeValues: E, getSetDateTime: U, setTime: R, assignStartTime: Y, validateTime: le, disabledTimesConfig: de } = Lu(e, c, i, n), ve = S(
     () => (P) => u.value[P] ? u.value[P].month : 0
-  ), _ = j(
+  ), _ = S(
     () => (P) => u.value[P] ? u.value[P].year : 0
   ), D = (P) => !h.value.keepViewOnOffsetClick || P ? !0 : !o.value, C = (P, ne, _e, W = !1) => {
     var ue, pe;
@@ -11044,10 +11039,10 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }, V = () => {
     e.autoApply && t("select-date");
   };
-  at(() => {
+  nt(() => {
     e.shadow || (i.value || (z(), p.value && Y(p.value)), $(!0), e.focusStartDate && e.startDate && z());
   });
-  const ee = j(() => {
+  const ee = S(() => {
     var P;
     return (P = e.flow) != null && P.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), H = () => {
@@ -11064,7 +11059,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         u.value[_e] = { month: Oe(ue), year: xe(ue) };
       }
   }, I = (P, ne) => {
-    Q(P), R("hours", ra(P)), R("minutes", Ma(P)), R("seconds", Ja(P)), m.value.count && ne && nt();
+    Q(P), R("hours", ra(P)), R("minutes", Ma(P)), R("seconds", Ja(P)), m.value.count && ne && at();
   }, y = (P) => {
     if (m.value.count) {
       if (m.value.solo)
@@ -11089,7 +11084,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }
   }, M = (P) => {
     const ne = i.value;
-    K(ne, P), m.value.count && m.value.solo && nt();
+    K(ne, P), m.value.count && m.value.solo && at();
   }, ie = (P, ne) => {
     const _e = Re(J(), { month: ve.value(ne), year: _.value(ne) }), W = P < 0 ? Et(_e, 1) : en(_e, 1);
     L(Oe(W), xe(W), P < 0, e.preventMinMaxNavigation) && (C(ne, Oe(W), xe(W)), t("update-month-year", { instance: ne, month: Oe(W), year: xe(W) }), m.value.count && !m.value.solo && ge(ne), a());
@@ -11102,7 +11097,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       const _e = Et(Re(J(), { month: ve.value(ne - 1), year: _.value(ne - 1) }), 1);
       C(ne, Oe(_e), xe(_e));
     }
-  }, nt = () => {
+  }, at = () => {
     if (Array.isArray(i.value) && i.value.length === 2) {
       const P = J(
         J(i.value[1] ? i.value[1] : Et(i.value[0], 1))
@@ -11179,7 +11174,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     t("date-update", ne), k.value.enabled ? mo(ne, i, k.value.limit) : i.value = ne, n(), it().then(() => {
       H();
     });
-  }, S = (P) => f.value.noDisabledRange ? vu(r.value[0], P).some((ne) => A(ne)) : !1, ae = () => {
+  }, j = (P) => f.value.noDisabledRange ? vu(r.value[0], P).some((ne) => A(ne)) : !1, ae = () => {
     r.value = i.value ? i.value.slice() : [], r.value.length === 2 && !(f.value.fixedStart || f.value.fixedEnd) && (r.value = []);
   }, he = (P, ne) => {
     const _e = [
@@ -11197,7 +11192,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         C(W, ue.month, ue.year);
       }
   }, Ft = (P) => {
-    if (S(P.value) || !N(P.value, i.value, f.value.fixedStart ? 0 : 1))
+    if (j(P.value) || !N(P.value, i.value, f.value.fixedStart ? 0 : 1))
       return t("invalid-date", P.value);
     r.value = ku(J(P.value), i, t, f);
   }, be = (P, ne) => {
@@ -11205,7 +11200,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return he(P, ne);
     if (f.value.fixedStart || f.value.fixedEnd)
       return Ft(P);
-    r.value[0] ? N(J(P.value), i.value) && !S(P.value) ? qe(J(P.value), J(r.value[0])) ? (r.value.unshift(J(P.value)), t("range-end", r.value[0])) : (r.value[1] = J(P.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", P.value), t("invalid-date", P.value)) : (r.value[0] = J(P.value), t("range-start", r.value[0]));
+    r.value[0] ? N(J(P.value), i.value) && !j(P.value) ? qe(J(P.value), J(r.value[0])) ? (r.value.unshift(J(P.value)), t("range-end", r.value[0])) : (r.value[1] = J(P.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", P.value), t("invalid-date", P.value)) : (r.value[0] = J(P.value), t("range-start", r.value[0]));
   }, Bt = (P = !0) => e.enableSeconds ? Array.isArray(c.seconds) ? P ? c.seconds[0] : c.seconds[1] : c.seconds : 0, Ke = (P) => {
     r.value[P] = ya(
       r.value[P],
@@ -11323,7 +11318,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       selectCurrentDate: G,
       updateTime: N,
       assignMonthAndYear: E
-    } = ih(r, n, re, Q), U = kt(), { setHoverDate: R, getDayClassData: Y, clearHoverDate: le } = Th(i, r), { defaultedMultiCalendars: de } = Qe(r), ve = B([]), _ = B([]), D = B(null), C = bt(U, "calendar"), V = bt(U, "monthYear"), ee = bt(U, "timePicker"), H = (Z) => {
+    } = ih(r, n, re, Q), U = xt(), { setHoverDate: R, getDayClassData: Y, clearHoverDate: le } = Th(i, r), { defaultedMultiCalendars: de } = Qe(r), ve = B([]), _ = B([]), D = B(null), C = wt(U, "calendar"), V = wt(U, "monthYear"), ee = wt(U, "timePicker"), H = (Z) => {
       r.shadow || n("mount", Z);
     };
     He(
@@ -11341,7 +11336,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       },
       { deep: !0 }
     );
-    const $ = j(() => (Z) => p(o.value(Z), s.value(Z)).map((X) => ({
+    const $ = S(() => (Z) => p(o.value(Z), s.value(Z)).map((X) => ({
       ...X,
       days: X.days.map((ce) => (ce.marker = f(ce), ce.classData = Y(ce), ce))
     })));
@@ -11379,7 +11374,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       (X = ve.value[0]) == null || X.handleMonthYearChange(Z, !0);
     }, ge = (Z) => {
       L(0, { month: o.value(0), year: s.value(0) + (Z ? 1 : -1), fromNav: !0 });
-    }, nt = (Z, X) => {
+    }, at = (Z, X) => {
       Z === dt.time && n(`time-picker-${X ? "open" : "close"}`), n("overlay-toggle", { open: X, overlay: Z });
     }, z = (Z) => {
       n("overlay-toggle", { open: !1, overlay: Z }), n("focus-menu");
@@ -11483,8 +11478,8 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           "onUpdate:minutes": X[10] || (X[10] = (ce) => v(N)(ce, !1)),
           "onUpdate:seconds": X[11] || (X[11] = (ce) => v(N)(ce, !1, !0)),
           onResetFlow: X[12] || (X[12] = (ce) => Z.$emit("reset-flow")),
-          onOverlayClosed: X[13] || (X[13] = (ce) => nt(ce, !1)),
-          onOverlayOpened: X[14] || (X[14] = (ce) => nt(ce, !0)),
+          onOverlayClosed: X[13] || (X[13] = (ce) => at(ce, !1)),
+          onOverlayOpened: X[14] || (X[14] = (ce) => at(ce, !0)),
           onAmPmChange: X[15] || (X[15] = (ce) => Z.$emit("am-pm-change", ce))
         }), ft({ _: 2 }, [
           Ie(v(ee), (ce, b) => ({
@@ -11518,7 +11513,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     filters: i,
     props: e,
     emit: t
-  }), N = (D, C) => [D, C].map((V) => qt(V, "MMMM", { locale: e.formatLocale })).join("-"), E = j(() => (D) => c.value ? Array.isArray(c.value) ? c.value.some((C) => fs(D, C)) : fs(c.value, D) : !1), U = (D) => {
+  }), N = (D, C) => [D, C].map((V) => qt(V, "MMMM", { locale: e.formatLocale })).join("-"), E = S(() => (D) => c.value ? Array.isArray(c.value) ? c.value.some((C) => fs(D, C)) : fs(c.value, D) : !1), U = (D) => {
     if (o.value.enabled) {
       if (Array.isArray(c.value)) {
         const C = Ae(D, c.value[0]) || Ae(D, c.value[1]);
@@ -11527,7 +11522,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return !1;
     }
     return !1;
-  }, R = (D, C) => D.quarter === os(C) && D.year === xe(C), Y = (D) => typeof l.value == "function" ? l.value({ quarter: os(D), year: xe(D) }) : !!l.value.quarters.find((C) => R(C, D)), le = j(() => (D) => {
+  }, R = (D, C) => D.quarter === os(C) && D.year === xe(C), Y = (D) => typeof l.value == "function" ? l.value({ quarter: os(D), year: xe(D) }) : !!l.value.quarters.find((C) => R(C, D)), le = S(() => (D) => {
     const C = Re(/* @__PURE__ */ new Date(), { year: d.value(D) });
     return Fv({
       start: Sn(C),
@@ -11590,7 +11585,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "update-month-year"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, l = kt(), o = bt(l, "yearMode"), {
+    const n = a, r = e, l = xt(), o = wt(l, "yearMode"), {
       defaultedMultiCalendars: s,
       defaultedConfig: i,
       groupedYears: u,
@@ -11620,7 +11615,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       default: ye(({ instance: N }) => [
         se("div", {
           class: "dp-quarter-picker-wrap",
-          style: Tt({ minHeight: `${v(i).modeHeight}px` })
+          style: bt({ minHeight: `${v(i).modeHeight}px` })
         }, [
           A.$slots["top-extra"] ? te(A.$slots, "top-extra", {
             key: 0,
@@ -11677,7 +11672,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }
 }), Tu = (e, t) => {
   const a = B(0);
-  at(() => {
+  nt(() => {
     n(), window.addEventListener("resize", n, { passive: !0 });
   }), nn(() => {
     window.removeEventListener("resize", n);
@@ -11686,7 +11681,7 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     a.value = window.document.documentElement.clientWidth;
   };
   return {
-    isMobile: j(
+    isMobile: S(
       () => a.value <= e.value.mobileBreakpoint && !t ? !0 : void 0
     )
   };
@@ -11745,24 +11740,24 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "menu-blur"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, l = B(null), o = j(() => {
-      const { openOnTop: S, ...ae } = r;
+    const n = a, r = e, l = B(null), o = S(() => {
+      const { openOnTop: j, ...ae } = r;
       return {
         ...ae,
         isMobile: h.value,
         flowStep: le.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: s, setShiftKey: i, control: u } = wu(), c = kt(), { defaultedTextInput: d, defaultedInline: m, defaultedConfig: p, defaultedUI: f } = Qe(r), { isMobile: h } = Tu(p, r.shadow), x = B(null), w = B(0), k = B(null), L = B(!1), A = B(null), G = B(!1);
-    at(() => {
+    }), { setMenuFocused: s, setShiftKey: i, control: u } = wu(), c = xt(), { defaultedTextInput: d, defaultedInline: m, defaultedConfig: p, defaultedUI: f } = Qe(r), { isMobile: h } = Tu(p, r.shadow), x = B(null), w = B(0), k = B(null), L = B(!1), A = B(null), G = B(!1);
+    nt(() => {
       if (!r.shadow) {
         L.value = !0, N(), window.addEventListener("resize", N);
-        const S = lt(l);
-        if (S && !d.value.enabled && !m.value.enabled && (s(!0), ee()), S) {
+        const j = lt(l);
+        if (j && !d.value.enabled && !m.value.enabled && (s(!0), ee()), j) {
           const ae = (he) => {
             G.value = !0, p.value.allowPreventDefault && he.preventDefault(), ha(he, p.value, !0);
           };
-          S.addEventListener("pointerdown", ae), S.addEventListener("mousedown", ae);
+          j.addEventListener("pointerdown", ae), j.addEventListener("mousedown", ae);
         }
       }
       document.addEventListener("mousedown", Ce);
@@ -11770,129 +11765,129 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       window.removeEventListener("resize", N), document.addEventListener("mousedown", Ce);
     });
     const N = () => {
-      const S = lt(k);
-      S && (w.value = S.getBoundingClientRect().width);
-    }, { arrowRight: E, arrowLeft: U, arrowDown: R, arrowUp: Y } = xa(), { flowStep: le, updateFlowStep: de, childMount: ve, resetFlow: _, handleFlow: D } = Dh(r, n, A), C = j(() => r.monthPicker ? P1 : r.yearPicker ? j1 : r.timePicker ? G1 : r.quarterPicker ? vh : ch), V = j(() => {
-      var S;
+      const j = lt(k);
+      j && (w.value = j.getBoundingClientRect().width);
+    }, { arrowRight: E, arrowLeft: U, arrowDown: R, arrowUp: Y } = xa(), { flowStep: le, updateFlowStep: de, childMount: ve, resetFlow: _, handleFlow: D } = Dh(r, n, A), C = S(() => r.monthPicker ? P1 : r.yearPicker ? j1 : r.timePicker ? G1 : r.quarterPicker ? vh : ch), V = S(() => {
+      var j;
       if (p.value.arrowLeft)
         return p.value.arrowLeft;
-      const ae = (S = l.value) == null ? void 0 : S.getBoundingClientRect(), he = r.getInputRect();
+      const ae = (j = l.value) == null ? void 0 : j.getBoundingClientRect(), he = r.getInputRect();
       return (he == null ? void 0 : he.width) < (w == null ? void 0 : w.value) && (he == null ? void 0 : he.left) <= ((ae == null ? void 0 : ae.left) ?? 0) ? `${(he == null ? void 0 : he.width) / 2}px` : (he == null ? void 0 : he.right) >= ((ae == null ? void 0 : ae.right) ?? 0) && (he == null ? void 0 : he.width) < (w == null ? void 0 : w.value) ? `${(w == null ? void 0 : w.value) - (he == null ? void 0 : he.width) / 2}px` : "50%";
     }), ee = () => {
-      const S = lt(l);
-      S && S.focus({ preventScroll: !0 });
-    }, H = j(() => {
-      var S;
-      return ((S = A.value) == null ? void 0 : S.getSidebarProps()) || {};
+      const j = lt(l);
+      j && j.focus({ preventScroll: !0 });
+    }, H = S(() => {
+      var j;
+      return ((j = A.value) == null ? void 0 : j.getSidebarProps()) || {};
     }), $ = () => {
       r.openOnTop && n("recalculate-position");
-    }, re = bt(c, "action"), Q = j(() => r.monthPicker || r.yearPicker ? bt(c, "monthYear") : r.timePicker ? bt(c, "timePicker") : bt(c, "shared")), I = j(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), y = j(() => ({
+    }, re = wt(c, "action"), Q = S(() => r.monthPicker || r.yearPicker ? wt(c, "monthYear") : r.timePicker ? wt(c, "timePicker") : wt(c, "shared")), I = S(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), y = S(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
-    })), O = j(
+    })), O = S(
       () => ({
         dp__menu: !0,
         dp__menu_index: !m.value.enabled,
         dp__relative: m.value.enabled,
         ...f.value.menu ?? {}
       })
-    ), K = (S) => {
-      ha(S, p.value, !0);
+    ), K = (j) => {
+      ha(j, p.value, !0);
     }, M = () => {
       r.escClose && n("close-picker");
-    }, ie = (S) => {
+    }, ie = (j) => {
       if (r.arrowNavigation) {
-        if (S === mt.up)
+        if (j === mt.up)
           return Y();
-        if (S === mt.down)
+        if (j === mt.down)
           return R();
-        if (S === mt.left)
+        if (j === mt.left)
           return U();
-        if (S === mt.right)
+        if (j === mt.right)
           return E();
       } else
-        S === mt.left || S === mt.up ? X("handleArrow", mt.left, 0, S === mt.up) : X("handleArrow", mt.right, 0, S === mt.down);
-    }, ge = (S) => {
-      i(S.shiftKey), !r.disableMonthYearSelect && S.code === Ve.tab && S.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (S.preventDefault(), ha(S, p.value, !0), n("close-picker"));
-    }, nt = () => {
+        j === mt.left || j === mt.up ? X("handleArrow", mt.left, 0, j === mt.up) : X("handleArrow", mt.right, 0, j === mt.down);
+    }, ge = (j) => {
+      i(j.shiftKey), !r.disableMonthYearSelect && j.code === Ve.tab && j.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (j.preventDefault(), ha(j, p.value, !0), n("close-picker"));
+    }, at = () => {
       ee(), n("time-picker-close");
-    }, z = (S) => {
+    }, z = (j) => {
       var ae, he, rt;
-      (ae = A.value) == null || ae.toggleTimePicker(!1, !1), (he = A.value) == null || he.toggleMonthPicker(!1, !1, S), (rt = A.value) == null || rt.toggleYearPicker(!1, !1, S);
-    }, Z = (S, ae = 0) => {
+      (ae = A.value) == null || ae.toggleTimePicker(!1, !1), (he = A.value) == null || he.toggleMonthPicker(!1, !1, j), (rt = A.value) == null || rt.toggleYearPicker(!1, !1, j);
+    }, Z = (j, ae = 0) => {
       var he, rt, Ft;
-      return S === "month" ? (he = A.value) == null ? void 0 : he.toggleMonthPicker(!1, !0, ae) : S === "year" ? (rt = A.value) == null ? void 0 : rt.toggleYearPicker(!1, !0, ae) : S === "time" ? (Ft = A.value) == null ? void 0 : Ft.toggleTimePicker(!0, !1) : z(ae);
-    }, X = (S, ...ae) => {
+      return j === "month" ? (he = A.value) == null ? void 0 : he.toggleMonthPicker(!1, !0, ae) : j === "year" ? (rt = A.value) == null ? void 0 : rt.toggleYearPicker(!1, !0, ae) : j === "time" ? (Ft = A.value) == null ? void 0 : Ft.toggleTimePicker(!0, !1) : z(ae);
+    }, X = (j, ...ae) => {
       var he, rt;
-      (he = A.value) != null && he[S] && ((rt = A.value) == null || rt[S](...ae));
+      (he = A.value) != null && he[j] && ((rt = A.value) == null || rt[j](...ae));
     }, ce = () => {
       X("selectCurrentDate");
-    }, b = (S, ae) => {
-      X("presetDate", S, ae);
+    }, b = (j, ae) => {
+      X("presetDate", j, ae);
     }, q = () => {
       X("clearHoverDate");
-    }, Te = (S, ae) => {
-      X("updateMonthYear", S, ae);
-    }, oe = (S, ae) => {
-      S.preventDefault(), ie(ae);
-    }, Pe = (S) => {
+    }, Te = (j, ae) => {
+      X("updateMonthYear", j, ae);
+    }, oe = (j, ae) => {
+      j.preventDefault(), ie(ae);
+    }, Pe = (j) => {
       var ae, he, rt;
-      if (ge(S), S.key === Ve.home || S.key === Ve.end)
+      if (ge(j), j.key === Ve.home || j.key === Ve.end)
         return X(
           "selectWeekDate",
-          S.key === Ve.home,
-          S.target.getAttribute("id")
+          j.key === Ve.home,
+          j.target.getAttribute("id")
         );
-      switch ((S.key === Ve.pageUp || S.key === Ve.pageDown) && (S.shiftKey ? (X("changeYear", S.key === Ve.pageUp), (ae = Tl(l.value, "overlay-year")) == null || ae.focus()) : (X("changeMonth", S.key === Ve.pageUp), (he = Tl(l.value, S.key === Ve.pageUp ? "action-prev" : "action-next")) == null || he.focus()), S.target.getAttribute("id") && ((rt = l.value) == null || rt.focus({ preventScroll: !0 }))), S.key) {
+      switch ((j.key === Ve.pageUp || j.key === Ve.pageDown) && (j.shiftKey ? (X("changeYear", j.key === Ve.pageUp), (ae = Tl(l.value, "overlay-year")) == null || ae.focus()) : (X("changeMonth", j.key === Ve.pageUp), (he = Tl(l.value, j.key === Ve.pageUp ? "action-prev" : "action-next")) == null || he.focus()), j.target.getAttribute("id") && ((rt = l.value) == null || rt.focus({ preventScroll: !0 }))), j.key) {
         case Ve.esc:
           return M();
         case Ve.arrowLeft:
-          return oe(S, mt.left);
+          return oe(j, mt.left);
         case Ve.arrowRight:
-          return oe(S, mt.right);
+          return oe(j, mt.right);
         case Ve.arrowUp:
-          return oe(S, mt.up);
+          return oe(j, mt.up);
         case Ve.arrowDown:
-          return oe(S, mt.down);
+          return oe(j, mt.down);
         default:
           return;
       }
-    }, Ce = (S) => {
+    }, Ce = (j) => {
       var ae;
-      m.value.enabled && !m.value.input && !((ae = l.value) != null && ae.contains(S.target)) && G.value && (G.value = !1, n("menu-blur"));
+      m.value.enabled && !m.value.input && !((ae = l.value) != null && ae.contains(j.target)) && G.value && (G.value = !1, n("menu-blur"));
     };
     return t({
       updateMonthYear: Te,
       switchView: Z,
       handleFlow: D
-    }), (S, ae) => {
+    }), (j, ae) => {
       var he, rt, Ft;
       return g(), T("div", {
-        id: S.uid ? `dp-menu-${S.uid}` : void 0,
+        id: j.uid ? `dp-menu-${j.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: l,
         tabindex: v(m).enabled ? void 0 : "0",
         role: v(m).enabled ? void 0 : "dialog",
-        "aria-label": (he = S.ariaLabels) == null ? void 0 : he.menu,
+        "aria-label": (he = j.ariaLabels) == null ? void 0 : he.menu,
         class: we(O.value),
-        style: Tt({ "--dp-arrow-left": V.value }),
+        style: bt({ "--dp-arrow-left": V.value }),
         onMouseleave: q,
         onClick: K,
         onKeydown: Pe
       }, [
-        (S.disabled || S.readonly) && v(m).enabled || S.loading ? (g(), T("div", {
+        (j.disabled || j.readonly) && v(m).enabled || j.loading ? (g(), T("div", {
           key: 0,
           class: we(y.value)
         }, [
-          S.loading ? (g(), T("div", hh, ae[19] || (ae[19] = [
+          j.loading ? (g(), T("div", hh, ae[19] || (ae[19] = [
             se("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : F("", !0)
         ], 2)) : F("", !0),
-        S.$slots["menu-header"] ? (g(), T("div", yh, [
-          te(S.$slots, "menu-header")
+        j.$slots["menu-header"] ? (g(), T("div", yh, [
+          te(j.$slots, "menu-header")
         ])) : F("", !0),
-        !v(m).enabled && !S.teleportCenter ? (g(), T("div", {
+        !v(m).enabled && !j.teleportCenter ? (g(), T("div", {
           key: 2,
           class: we(I.value)
         }, null, 2)) : F("", !0),
@@ -11900,22 +11895,22 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ref_key: "innerMenuRef",
           ref: k,
           class: we({
-            dp__menu_content_wrapper: ((rt = S.presetDates) == null ? void 0 : rt.length) || !!S.$slots["left-sidebar"] || !!S.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": e.collapse && (((Ft = S.presetDates) == null ? void 0 : Ft.length) || !!S.$slots["left-sidebar"] || !!S.$slots["right-sidebar"])
+            dp__menu_content_wrapper: ((rt = j.presetDates) == null ? void 0 : rt.length) || !!j.$slots["left-sidebar"] || !!j.$slots["right-sidebar"],
+            "dp--menu-content-wrapper-collapsed": e.collapse && (((Ft = j.presetDates) == null ? void 0 : Ft.length) || !!j.$slots["left-sidebar"] || !!j.$slots["right-sidebar"])
           }),
           "data-dp-mobile": v(h),
-          style: Tt({ "--dp-menu-width": `${w.value}px` })
+          style: bt({ "--dp-menu-width": `${w.value}px` })
         }, [
-          S.$slots["left-sidebar"] ? (g(), T("div", bh, [
-            te(S.$slots, "left-sidebar", ot(yt(H.value)))
+          j.$slots["left-sidebar"] ? (g(), T("div", bh, [
+            te(j.$slots, "left-sidebar", ot(yt(H.value)))
           ])) : F("", !0),
-          S.presetDates.length ? (g(), T("div", {
+          j.presetDates.length ? (g(), T("div", {
             key: 1,
             class: we({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
             "data-dp-mobile": v(h)
           }, [
-            (g(!0), T($e, null, Ie(S.presetDates, (be, Bt) => (g(), T($e, { key: Bt }, [
-              be.slot ? te(S.$slots, be.slot, {
+            (g(!0), T($e, null, Ie(j.presetDates, (be, Bt) => (g(), T($e, { key: Bt }, [
+              be.slot ? te(j.$slots, be.slot, {
                 key: 0,
                 presetDate: b,
                 label: be.label,
@@ -11923,11 +11918,11 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               }) : (g(), T("button", {
                 key: 1,
                 type: "button",
-                style: Tt(be.style || {}),
+                style: bt(be.style || {}),
                 class: we(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": be.testId ?? void 0,
                 "data-dp-mobile": v(h),
-                onClick: wt((Ke) => b(be.value, be.noTz), ["prevent"]),
+                onClick: _t((Ke) => b(be.value, be.noTz), ["prevent"]),
                 onKeydown: (Ke) => v(vt)(Ke, () => b(be.value, be.noTz), !0)
               }, Le(be.label), 47, _h))
             ], 64))), 128))
@@ -11947,57 +11942,57 @@ const Tl = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               onUpdateFlowStep: v(de),
               onResetFlow: v(_),
               onFocusMenu: ee,
-              onSelectDate: ae[0] || (ae[0] = (be) => S.$emit("select-date")),
-              onDateUpdate: ae[1] || (ae[1] = (be) => S.$emit("date-update", be)),
-              onTooltipOpen: ae[2] || (ae[2] = (be) => S.$emit("tooltip-open", be)),
-              onTooltipClose: ae[3] || (ae[3] = (be) => S.$emit("tooltip-close", be)),
-              onAutoApply: ae[4] || (ae[4] = (be) => S.$emit("auto-apply", be)),
-              onRangeStart: ae[5] || (ae[5] = (be) => S.$emit("range-start", be)),
-              onRangeEnd: ae[6] || (ae[6] = (be) => S.$emit("range-end", be)),
-              onInvalidFixedRange: ae[7] || (ae[7] = (be) => S.$emit("invalid-fixed-range", be)),
-              onTimeUpdate: ae[8] || (ae[8] = (be) => S.$emit("time-update")),
-              onAmPmChange: ae[9] || (ae[9] = (be) => S.$emit("am-pm-change", be)),
-              onTimePickerOpen: ae[10] || (ae[10] = (be) => S.$emit("time-picker-open", be)),
-              onTimePickerClose: nt,
+              onSelectDate: ae[0] || (ae[0] = (be) => j.$emit("select-date")),
+              onDateUpdate: ae[1] || (ae[1] = (be) => j.$emit("date-update", be)),
+              onTooltipOpen: ae[2] || (ae[2] = (be) => j.$emit("tooltip-open", be)),
+              onTooltipClose: ae[3] || (ae[3] = (be) => j.$emit("tooltip-close", be)),
+              onAutoApply: ae[4] || (ae[4] = (be) => j.$emit("auto-apply", be)),
+              onRangeStart: ae[5] || (ae[5] = (be) => j.$emit("range-start", be)),
+              onRangeEnd: ae[6] || (ae[6] = (be) => j.$emit("range-end", be)),
+              onInvalidFixedRange: ae[7] || (ae[7] = (be) => j.$emit("invalid-fixed-range", be)),
+              onTimeUpdate: ae[8] || (ae[8] = (be) => j.$emit("time-update")),
+              onAmPmChange: ae[9] || (ae[9] = (be) => j.$emit("am-pm-change", be)),
+              onTimePickerOpen: ae[10] || (ae[10] = (be) => j.$emit("time-picker-open", be)),
+              onTimePickerClose: at,
               onRecalculatePosition: $,
-              onUpdateMonthYear: ae[11] || (ae[11] = (be) => S.$emit("update-month-year", be)),
-              onAutoApplyInvalid: ae[12] || (ae[12] = (be) => S.$emit("auto-apply-invalid", be)),
-              onInvalidDate: ae[13] || (ae[13] = (be) => S.$emit("invalid-date", be)),
-              onOverlayToggle: ae[14] || (ae[14] = (be) => S.$emit("overlay-toggle", be)),
-              "onUpdate:internalModelValue": ae[15] || (ae[15] = (be) => S.$emit("update:internal-model-value", be))
+              onUpdateMonthYear: ae[11] || (ae[11] = (be) => j.$emit("update-month-year", be)),
+              onAutoApplyInvalid: ae[12] || (ae[12] = (be) => j.$emit("auto-apply-invalid", be)),
+              onInvalidDate: ae[13] || (ae[13] = (be) => j.$emit("invalid-date", be)),
+              onOverlayToggle: ae[14] || (ae[14] = (be) => j.$emit("overlay-toggle", be)),
+              "onUpdate:internalModelValue": ae[15] || (ae[15] = (be) => j.$emit("update:internal-model-value", be))
             }), ft({ _: 2 }, [
               Ie(Q.value, (be, Bt) => ({
                 name: be,
                 fn: ye((Ke) => [
-                  te(S.$slots, be, ot(yt({ ...Ke })))
+                  te(j.$slots, be, ot(yt({ ...Ke })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
-          S.$slots["right-sidebar"] ? (g(), T("div", Mh, [
-            te(S.$slots, "right-sidebar", ot(yt(H.value)))
+          j.$slots["right-sidebar"] ? (g(), T("div", Mh, [
+            te(j.$slots, "right-sidebar", ot(yt(H.value)))
           ])) : F("", !0),
-          S.$slots["action-extra"] ? (g(), T("div", kh, [
-            S.$slots["action-extra"] ? te(S.$slots, "action-extra", {
+          j.$slots["action-extra"] ? (g(), T("div", kh, [
+            j.$slots["action-extra"] ? te(j.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: ce
             }) : F("", !0)
           ])) : F("", !0)
         ], 14, gh),
-        !S.autoApply || v(p).keepActionRow ? (g(), ke(k1, Se({
+        !j.autoApply || v(p).keepActionRow ? (g(), ke(k1, Se({
           key: 3,
           "menu-mount": L.value
         }, o.value, {
           "calendar-width": w.value,
-          onClosePicker: ae[16] || (ae[16] = (be) => S.$emit("close-picker")),
-          onSelectDate: ae[17] || (ae[17] = (be) => S.$emit("select-date")),
-          onInvalidSelect: ae[18] || (ae[18] = (be) => S.$emit("invalid-select")),
+          onClosePicker: ae[16] || (ae[16] = (be) => j.$emit("close-picker")),
+          onSelectDate: ae[17] || (ae[17] = (be) => j.$emit("select-date")),
+          onInvalidSelect: ae[18] || (ae[18] = (be) => j.$emit("invalid-select")),
           onSelectNow: ce
         }), ft({ _: 2 }, [
           Ie(v(re), (be, Bt) => ({
             name: be,
             fn: ye((Ke) => [
-              te(S.$slots, be, ot(yt({ ...Ke })))
+              te(j.$slots, be, ot(yt({ ...Ke })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : F("", !0)
@@ -12195,7 +12190,7 @@ const xh = ({
   menu: () => da.filter((e) => e.use.includes("menu")),
   shared: () => da.filter((e) => e.use.includes("shared")),
   yearMode: () => da.filter((e) => e.use.includes("year-mode"))
-}, bt = (e, t, a) => {
+}, wt = (e, t, a) => {
   const n = [];
   return Lh[t]().forEach((r) => {
     e[r.name] && n.push(r.name);
@@ -12203,7 +12198,7 @@ const xh = ({
     r.slot && n.push(r.slot);
   }), n;
 }, Bn = (e) => {
-  const t = j(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), a = j(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const t = S(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), a = S(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: a };
 }, Vn = (e, t, a) => {
   const { defaultedRange: n, defaultedTz: r } = Qe(e), l = J(gt(J(), r.value.timezone)), o = B([{ month: Oe(l), year: xe(l) }]), s = (m) => {
@@ -12225,14 +12220,14 @@ const xh = ({
     },
     { deep: !0 }
   );
-  const u = j({
+  const u = S({
     get: () => e.internalModelValue,
     set: (m) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", m);
     }
-  }), c = j(
+  }), c = S(
     () => (m) => o.value[m] ? o.value[m].month : 0
-  ), d = j(
+  ), d = S(
     () => (m) => o.value[m] ? o.value[m].year : 0
   );
   return He(
@@ -12464,7 +12459,7 @@ const xh = ({
       D = qe(C, V) || Ae(C, V);
     }
     return D;
-  }, de = j(() => (_) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : Y(_)), ve = j(() => (_) => e.monthPicker ? Array.isArray(_) && (a.value.enabled || r.value.enabled) ? !_.filter((D) => !le(D)).length : le(_) : !0);
+  }, de = S(() => (_) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : Y(_)), ve = S(() => (_) => e.monthPicker ? Array.isArray(_) && (a.value.enabled || r.value.enabled) ? !_.filter((D) => !le(D)).length : le(_) : !0);
   return {
     isDisabled: f,
     validateDate: i,
@@ -12476,14 +12471,14 @@ const xh = ({
     isMonthValid: ve
   };
 }, Mr = () => {
-  const e = j(() => (n, r) => n == null ? void 0 : n.includes(r)), t = j(() => (n, r) => n.count ? n.solo ? !0 : r === 0 : !0), a = j(() => (n, r) => n.count ? n.solo ? !0 : r === n.count - 1 : !0);
+  const e = S(() => (n, r) => n == null ? void 0 : n.includes(r)), t = S(() => (n, r) => n.count ? n.solo ? !0 : r === 0 : !0), a = S(() => (n, r) => n.count ? n.solo ? !0 : r === n.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: a };
 }, Dh = (e, t, a) => {
   const n = B(0), r = Kt({
     [ja.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [ja.calendar]: !1,
     [ja.header]: !1
-  }), l = j(() => e.monthPicker || e.timePicker), o = (d) => {
+  }), l = S(() => e.monthPicker || e.timePicker), o = (d) => {
     var m;
     if ((m = e.flow) != null && m.length) {
       if (!d && l.value)
@@ -12546,7 +12541,7 @@ const xh = ({
       defaultedUI: d,
       getDefaultPattern: m,
       getDefaultStartTime: p
-    } = Qe(r), { checkMinMaxRange: f } = $a(r), h = B(), x = B(null), w = B(!1), k = B(!1), L = j(
+    } = Qe(r), { checkMinMaxRange: f } = $a(r), h = B(), x = B(null), w = B(!1), k = B(!1), L = S(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -12704,7 +12699,7 @@ const xh = ({
             class: "dp--clear-btn",
             type: "button",
             onKeydown: re[4] || (re[4] = (O) => v(vt)(O, () => D(O), !0, H)),
-            onClick: re[5] || (re[5] = wt((O) => D(O), ["prevent"]))
+            onClick: re[5] || (re[5] = _t((O) => D(O), ["prevent"]))
           }, [
             ze(v(su), {
               class: "dp__input_icons",
@@ -12774,7 +12769,7 @@ const xh = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, l = kt(), o = B(!1), s = Ln(r, "modelValue"), i = Ln(r, "timezone"), u = B(null), c = B(null), d = B(null), m = B(!1), p = B(null), f = B(!1), h = B(!1), x = B(!1), w = B(!1), { setMenuFocused: k, setShiftKey: L } = wu(), { clearArrowNav: A } = xa(), { validateDate: G, isValidTime: N } = $a(r), {
+    const n = a, r = e, l = xt(), o = B(!1), s = Ln(r, "modelValue"), i = Ln(r, "timezone"), u = B(null), c = B(null), d = B(null), m = B(!1), p = B(null), f = B(!1), h = B(!1), x = B(!1), w = B(!1), { setMenuFocused: k, setShiftKey: L } = wu(), { clearArrowNav: A } = xa(), { validateDate: G, isValidTime: N } = $a(r), {
       defaultedTransitions: E,
       defaultedTextInput: U,
       defaultedInline: R,
@@ -12782,7 +12777,7 @@ const xh = ({
       defaultedRange: le,
       defaultedMultiDates: de
     } = Qe(r), { menuTransition: ve, showTransition: _ } = Bn(E), { isMobile: D } = Tu(Y);
-    at(() => {
+    nt(() => {
       K(r.modelValue), it().then(() => {
         if (!R.value.enabled) {
           const W = Q(p.value);
@@ -12796,7 +12791,7 @@ const xh = ({
       }
       window == null || window.removeEventListener("keyup", oe), window == null || window.removeEventListener("keydown", Pe);
     });
-    const C = bt(l, "all", r.presetDates), V = bt(l, "input");
+    const C = wt(l, "all", r.presetDates), V = wt(l, "input");
     He(
       [s, i],
       () => {
@@ -12820,7 +12815,7 @@ const xh = ({
       emitModelValue: M,
       formatInputValue: ie,
       checkBeforeEmit: ge
-    } = b1(n, r, m), nt = j(
+    } = b1(n, r, m), at = S(
       () => ({
         dp__main: !0,
         dp__theme_dark: r.dark,
@@ -12829,10 +12824,10 @@ const xh = ({
         "dp--flex-display-collapsed": x.value,
         dp__flex_display_with_input: R.value.input
       })
-    ), z = j(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), Z = j(() => r.teleport ? {
+    ), z = S(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), Z = S(() => r.teleport ? {
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
       disabled: !r.teleport || R.value.enabled
-    } : {}), X = j(() => ({ class: "dp__outer_menu_wrap" })), ce = j(() => R.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), b = () => {
+    } : {}), X = S(() => ({ class: "dp__outer_menu_wrap" })), ce = S(() => R.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), b = () => {
       var W, ue;
       return ((ue = (W = d.value) == null ? void 0 : W.$el) == null ? void 0 : ue.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, q = () => {
@@ -12848,7 +12843,7 @@ const xh = ({
       h.value = W.shiftKey;
     }, Ce = () => {
       !r.disabled && !r.readonly && (I(Ms, r), re(!1), o.value = !0, o.value && n("open"), o.value || Bt(), K(r.modelValue));
-    }, S = () => {
+    }, j = () => {
       var W;
       y.value = "", Bt(), (W = d.value) == null || W.setParsedDate(null), n("update:model-value", null), n("update:model-timezone-value", null), n("cleared"), Y.value.closeOnClearValue && Ke();
     }, ae = () => {
@@ -12904,7 +12899,7 @@ const xh = ({
     return Eh(u, d, () => ne(ae)), t({
       closeMenu: Ke,
       selectDate: he,
-      clearValue: S,
+      clearValue: j,
       openMenu: Ce,
       onScroll: q,
       formatInputValue: ie,
@@ -12920,7 +12915,7 @@ const xh = ({
     }), (W, ue) => (g(), T("div", {
       ref_key: "pickerWrapperRef",
       ref: p,
-      class: we(nt.value),
+      class: we(at.value),
       "data-datepicker-instance": "",
       "data-dp-mobile": v(D)
     }, [
@@ -12931,7 +12926,7 @@ const xh = ({
         "onUpdate:inputValue": ue[0] || (ue[0] = (pe) => $n(y) ? y.value = pe : null),
         "is-menu-open": o.value
       }, W.$props, {
-        onClear: S,
+        onClear: j,
         onOpen: Ce,
         onSetInputDate: Cr,
         onSetEmptyDate: v(M),
@@ -13714,14 +13709,14 @@ const Bu = /* @__PURE__ */ Fh(v_), p_ = ["id", "for"], h_ = ["id", "for"], y_ =
     ui: {}
   },
   setup(e) {
-    const { setValues: t, values: a, v$: n } = Dt(oa), { label: r, name: l, id: o } = e, s = B(), i = j(() => {
+    const { setValues: t, values: a, v$: n } = Dt(oa), { label: r, name: l, id: o } = e, s = B(), i = S(() => {
       var m, p, f;
       return (f = (p = (m = n.value[l]) == null ? void 0 : m.$errors) == null ? void 0 : p[0]) == null ? void 0 : f.$message;
     }), u = B(window.matchMedia("(prefers-color-scheme: dark)")), c = B(u.value.matches);
     function d(m) {
       c.value = m.matches;
     }
-    return at(() => {
+    return nt(() => {
       u.value.addEventListener("change", d);
     }), nn(() => {
       u.value.removeEventListener("change", d);
@@ -13780,11 +13775,11 @@ const b_ = ["for"], w_ = ["for"], __ = {
   },
   setup(e) {
     const { label: t, name: a } = e;
-    if (!kt().label && !t)
+    if (!xt().label && !t)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
-    const { values: r, setValues: l, v$: o } = Dt(oa), s = j(() => {
+    const { values: r, setValues: l, v$: o } = Dt(oa), s = S(() => {
       var d, m, p, f;
       return (d = o.value[a]) != null && d.$error ? (f = (p = (m = o.value[a]) == null ? void 0 : m.$errors) == null ? void 0 : p[0]) == null ? void 0 : f.$message : "";
     }), i = B(!0);
@@ -13848,7 +13843,7 @@ const L_ = { class: "pdap-input pdap-input-radio" }, T_ = ["id", "name", "defaul
   },
   setup(e) {
     const { label: t, name: a } = e;
-    if (!kt().label && !t)
+    if (!xt().label && !t)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
@@ -13889,7 +13884,7 @@ const L_ = { class: "pdap-input pdap-input-radio" }, T_ = ["id", "name", "defaul
     name: {}
   },
   setup(e) {
-    const { name: t } = e, { v$: a } = Dt(oa), n = j(() => {
+    const { name: t } = e, { v$: a } = Dt(oa), n = S(() => {
       var r, l, o;
       return (o = (l = (r = a.value[t]) == null ? void 0 : r.$errors) == null ? void 0 : l[0]) == null ? void 0 : o.$message;
     });
@@ -13934,13 +13929,13 @@ const L_ = { class: "pdap-input pdap-input-radio" }, T_ = ["id", "name", "defaul
   emits: ["change"],
   setup(e, { emit: t }) {
     const { name: a, options: n, id: r, label: l, combobox: o, filter: s } = e, i = t;
-    if (!kt().label && !l)
+    if (!xt().label && !l)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
-    const { setValues: c, values: d, v$: m } = Dt(oa), p = B(!1), f = B(null), h = B(-1), x = B(/* @__PURE__ */ new Map()), w = B(), k = B(), L = B(""), A = j(() => o ? s(L.value, n) : n), G = j(() => new Map(
+    const { setValues: c, values: d, v$: m } = Dt(oa), p = B(!1), f = B(null), h = B(-1), x = B(/* @__PURE__ */ new Map()), w = B(), k = B(), L = B(""), A = S(() => o ? s(L.value, n) : n), G = S(() => new Map(
       n.map(({ value: _ }, D) => [D, `${a}-option-${_}`])
-    )), N = j(() => {
+    )), N = S(() => {
       var _, D, C, V;
       return (_ = m.value[a]) != null && _.$error ? (V = (C = (D = m.value[a]) == null ? void 0 : D.$errors) == null ? void 0 : C[0]) == null ? void 0 : V.$message : "";
     });
@@ -14107,8 +14102,8 @@ const L_ = { class: "pdap-input pdap-input-radio" }, T_ = ["id", "name", "defaul
                 role: "option",
                 "aria-selected": V.value === ((H = f.value) == null ? void 0 : H.value),
                 tabindex: "0",
-                onClick: wt(($) => R(V), ["stop"]),
-                onKeydown: Tn(wt(($) => R(V), ["stop"]), ["enter"]),
+                onClick: _t(($) => R(V), ["stop"]),
+                onKeydown: Tn(_t(($) => R(V), ["stop"]), ["enter"]),
                 onFocus: ($) => h.value = ee,
                 onMouseenter: ($) => h.value = ee,
                 onMouseleave: void 0,
@@ -14141,11 +14136,11 @@ const z_ = ["for"], F_ = ["for"], B_ = {
   },
   setup(e) {
     const { label: t, name: a } = e;
-    if (!kt().label && !t)
+    if (!xt().label && !t)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
-    const { values: r, setValues: l, v$: o } = Dt(oa), s = j(() => {
+    const { values: r, setValues: l, v$: o } = Dt(oa), s = S(() => {
       var u, c, d, m;
       return (u = o.value[a]) != null && u.$error ? (m = (d = (c = o.value[a]) == null ? void 0 : c.$errors) == null ? void 0 : d[0]) == null ? void 0 : m.$message : "";
     });
@@ -14197,14 +14192,14 @@ const z_ = ["for"], F_ = ["for"], B_ = {
   },
   setup(e) {
     const { label: t, name: a } = e;
-    if (!kt().label && !t)
+    if (!xt().label && !t)
       throw new Error(
         "All form inputs must have a label, passed as a slot or a prop"
       );
-    const { values: r, setValues: l, v$: o } = Dt(oa), s = j(() => {
+    const { values: r, setValues: l, v$: o } = Dt(oa), s = S(() => {
       var c, d, m, p;
       return (c = o.value[a]) != null && c.$error ? (p = (m = (d = o.value[a]) == null ? void 0 : d.$errors) == null ? void 0 : m[0]) == null ? void 0 : p.$message : "";
-    }), i = j(() => r.value[a] ?? "");
+    }), i = S(() => r.value[a] ?? "");
     function u(c) {
       l({ [a]: c.target.value });
     }
@@ -14336,7 +14331,7 @@ const t3 = /* @__PURE__ */ En(e3, [["__scopeId", "data-v-266fdd0b"]]), a3 = "dat
   },
   setup(e) {
     const t = e, a = B(null), n = t.logoImageAnchorPath.startsWith("/");
-    at(() => {
+    nt(() => {
       r(), window.addEventListener("resize", r);
     }), Nl(() => {
       window.removeEventListener("resize", r);
@@ -14519,7 +14514,7 @@ const p3 = ["onKeydown"], h3 = ["id", "aria-hidden"], y3 = {
   },
   emits: ["update:open", "press"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = B(null), l = B(null), o = B(a.defaultOpen), s = j(
+    const a = e, n = t, r = B(null), l = B(null), o = B(a.defaultOpen), s = S(
       () => a.triggerOn === Zn.HOVER
     );
     function i(f) {
@@ -14554,7 +14549,7 @@ const p3 = ["onKeydown"], h3 = ["id", "aria-hidden"], y3 = {
       mouseleave: s.value ? d : void 0,
       blur: s.value ? d : void 0
     };
-    return at(() => {
+    return nt(() => {
       m();
     }), (f, h) => It((g(), T("div", Se({
       ref_key: "dropdownRef",
@@ -14575,8 +14570,8 @@ const p3 = ["onKeydown"], h3 = ["id", "aria-hidden"], y3 = {
           "cursor-not-allowed": f.disabled
         }),
         "data-test": "dropdown-trigger",
-        onClick: wt(i, ["prevent", "stop"]),
-        onKeydown: Tn(wt(i, ["prevent", "stop"]), ["enter", "space"])
+        onClick: _t(i, ["prevent", "stop"]),
+        onKeydown: Tn(_t(i, ["prevent", "stop"]), ["enter", "space"])
       }, {
         default: ye(() => [
           te(f.$slots, "trigger")
@@ -14626,7 +14621,7 @@ const b3 = { "aria-label": "Breadcrumb" }, w3 = { key: 1 }, _3 = {
 }, M3 = /* @__PURE__ */ De({
   ..._3,
   setup(e) {
-    const t = oc(), a = j(() => g3(t));
+    const t = oc(), a = S(() => g3(t));
     return (n, r) => {
       const l = qs("router-link");
       return g(), T("nav", b3, [
@@ -14829,6 +14824,7 @@ export {
   Ks as Button,
   z3 as Dropdown,
   L3 as ErrorBoundary,
+  Tt as FOOTER_LINK_ICONS,
   T3 as Footer,
   Mv as Form,
   D3 as FormV2,