tokenizer-ui-kit 0.2.19 → 0.2.21

package/dist/tokenizer-ui-kit.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as _, openBlock as h, createElementVNode as J, createStaticVNode as il, defineComponent as Ae, createBlock as ke, resolveDynamicComponent as ha, normalizeClass as se, toDisplayString as $e, computed as B, useAttrs as Ft, mergeProps as Ie, unref as i, createCommentVNode as E, renderSlot as K, mergeModels as da, useModel as Wa, ref as q, onMounted as rt, nextTick as ze, watch as Je, Fragment as _e, renderList as Se, normalizeStyle as Ke, createTextVNode as pt, createVNode as He, reactive as Pa, useSlots as mt, toRef as Ta, getCurrentInstance as ul, onUnmounted as ya, isRef as zn, createSlots as lt, withCtx as be, normalizeProps as at, guardReactiveProps as vt, Teleport as dl, Transition as ga, h as cl, render as qn, withModifiers as St, toValue as vl, getCurrentScope as fl, onScopeDispose as pl, onBeforeUpdate as ml, withDirectives as Dt, vShow as Ma, withKeys as hl, vModelCheckbox as yl, vModelDynamic as Mn, vModelText as hr, TransitionGroup as gl, onBeforeUnmount as bl } from "vue";
+import { createElementBlock as w, openBlock as h, createElementVNode as K, createStaticVNode as il, defineComponent as Ae, createBlock as ke, resolveDynamicComponent as ha, normalizeClass as se, toDisplayString as $e, computed as F, useAttrs as Vt, mergeProps as Ie, unref as i, createCommentVNode as E, renderSlot as J, mergeModels as da, useModel as Wa, ref as q, onMounted as rt, nextTick as ze, watch as Je, Fragment as _e, renderList as Se, normalizeStyle as Ke, createTextVNode as pt, createVNode as He, reactive as Pa, useSlots as mt, toRef as Ta, getCurrentInstance as ul, onUnmounted as ya, isRef as zn, createSlots as lt, withCtx as be, normalizeProps as nt, guardReactiveProps as vt, Teleport as dl, Transition as ga, h as cl, render as qn, withModifiers as St, toValue as vl, getCurrentScope as fl, onScopeDispose as pl, onBeforeUpdate as ml, withDirectives as Dt, vShow as Ma, withKeys as hl, vModelCheckbox as yl, vModelDynamic as Mn, vModelText as hr, TransitionGroup as gl, onBeforeUnmount as bl } from "vue";
 import { useResizeObserver as wl, onClickOutside as _l, useTimeoutFn as kl } from "@vueuse/core";
 const Le = (e, t) => {
   const n = e.__vccOpts || e;
@@ -13,8 +13,8 @@ const Le = (e, t) => {
   fill: "none"
 };
 function Dl(e, t) {
-  return h(), _("svg", xl, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", xl, [...t[0] || (t[0] = [
+    K("path", {
       d: "M14.625 6.1875L9 11.8125L3.375 6.1875",
       stroke: "#8C9AAC",
       "stroke-width": "1.5",
@@ -31,8 +31,8 @@ const Tl = /* @__PURE__ */ Le(Ml, [["render", Dl]]), Cl = {}, $l = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Pl(e, t) {
-  return h(), _("svg", $l, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", $l, [...t[0] || (t[0] = [
+    K("path", {
       d: "M5.0625 2.25V3.9375M12.9375 2.25V3.9375M2.25 14.0625V5.625C2.25 4.69302 3.00552 3.9375 3.9375 3.9375H14.0625C14.9945 3.9375 15.75 4.69302 15.75 5.625V14.0625M2.25 14.0625C2.25 14.9945 3.00552 15.75 3.9375 15.75H14.0625C14.9945 15.75 15.75 14.9945 15.75 14.0625M2.25 14.0625V8.4375C2.25 7.50552 3.00552 6.75 3.9375 6.75H14.0625C14.9945 6.75 15.75 7.50552 15.75 8.4375V14.0625M9 9.5625H9.00563V9.56813H9V9.5625ZM9 11.25H9.00563V11.2556H9V11.25ZM9 12.9375H9.00563V12.9431H9V12.9375ZM7.3125 11.25H7.31813V11.2556H7.3125V11.25ZM7.3125 12.9375H7.31813V12.9431H7.3125V12.9375ZM5.625 11.25H5.63063V11.2556H5.625V11.25ZM5.625 12.9375H5.63063V12.9431H5.625V12.9375ZM10.6875 9.5625H10.6931V9.56813H10.6875V9.5625ZM10.6875 11.25H10.6931V11.2556H10.6875V11.25ZM10.6875 12.9375H10.6931V12.9431H10.6875V12.9375ZM12.375 9.5625H12.3806V9.56813H12.375V9.5625ZM12.375 11.25H12.3806V11.2556H12.375V11.25Z",
       stroke: "#8C9AAC",
       "stroke-linecap": "round",
@@ -48,7 +48,7 @@ const Al = /* @__PURE__ */ Le(Cl, [["render", Pl]]), Ol = {}, Sl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Rl(e, t) {
-  return h(), _("svg", Sl, [...t[0] || (t[0] = [
+  return h(), w("svg", Sl, [...t[0] || (t[0] = [
     il('<path d="M4.7248 10.8C4.7248 10.4273 5.02701 10.125 5.3998 10.125H5.40881C5.7816 10.125 6.08381 10.4273 6.08381 10.8V10.809C6.08381 11.1818 5.7816 11.484 5.40881 11.484H5.3998C5.02701 11.484 4.7248 11.1818 4.7248 10.809V10.8Z" fill="white"></path><path d="M5.3998 11.925C5.02701 11.925 4.7248 12.2273 4.7248 12.6V12.609C4.7248 12.9818 5.02701 13.284 5.3998 13.284H5.40881C5.7816 13.284 6.08381 12.9818 6.08381 12.609V12.6C6.08381 12.2273 5.7816 11.925 5.40881 11.925H5.3998Z" fill="white"></path><path d="M6.52481 10.8C6.52481 10.4273 6.82701 10.125 7.1998 10.125H7.20881C7.5816 10.125 7.88381 10.4273 7.88381 10.8V10.809C7.88381 11.1818 7.5816 11.484 7.20881 11.484H7.1998C6.82701 11.484 6.52481 11.1818 6.52481 10.809V10.8Z" fill="white"></path><path d="M7.1998 11.925C6.82701 11.925 6.52481 12.2273 6.52481 12.6V12.609C6.52481 12.9818 6.82701 13.284 7.1998 13.284H7.20881C7.5816 13.284 7.88381 12.9818 7.88381 12.609V12.6C7.88381 12.2273 7.5816 11.925 7.20881 11.925H7.1998Z" fill="white"></path><path d="M8.3248 9.00005C8.3248 8.62726 8.62701 8.32505 8.9998 8.32505H9.00881C9.3816 8.32505 9.6838 8.62726 9.6838 9.00005V9.00905C9.6838 9.38184 9.3816 9.68405 9.00881 9.68405H8.9998C8.62701 9.68405 8.3248 9.38184 8.3248 9.00905V9.00005Z" fill="white"></path><path d="M8.9998 10.125C8.62701 10.125 8.3248 10.4273 8.3248 10.8V10.809C8.3248 11.1818 8.62701 11.484 8.9998 11.484H9.00881C9.3816 11.484 9.6838 11.1818 9.6838 10.809V10.8C9.6838 10.4273 9.3816 10.125 9.00881 10.125H8.9998Z" fill="white"></path><path d="M8.3248 12.6C8.3248 12.2273 8.62701 11.925 8.9998 11.925H9.00881C9.3816 11.925 9.6838 12.2273 9.6838 12.6V12.609C9.6838 12.9818 9.3816 13.284 9.00881 13.284H8.9998C8.62701 13.284 8.3248 12.9818 8.3248 12.609V12.6Z" fill="white"></path><path d="M10.7998 8.32505C10.427 8.32505 10.1248 8.62726 10.1248 9.00005V9.00905C10.1248 9.38184 10.427 9.68405 10.7998 9.68405H10.8088C11.1816 9.68405 11.4838 9.38184 11.4838 9.00905V9.00005C11.4838 8.62726 11.1816 8.32505 10.8088 8.32505H10.7998Z" fill="white"></path><path d="M10.1248 10.8C10.1248 10.4273 10.427 10.125 10.7998 10.125H10.8088C11.1816 10.125 11.4838 10.4273 11.4838 10.8V10.809C11.4838 11.1818 11.1816 11.484 10.8088 11.484H10.7998C10.427 11.484 10.1248 11.1818 10.1248 10.809V10.8Z" fill="white"></path><path d="M10.7998 11.925C10.427 11.925 10.1248 12.2273 10.1248 12.6V12.609C10.1248 12.9818 10.427 13.284 10.7998 13.284H10.8088C11.1816 13.284 11.4838 12.9818 11.4838 12.609V12.6C11.4838 12.2273 11.1816 11.925 10.8088 11.925H10.7998Z" fill="white"></path><path d="M11.9248 9.00005C11.9248 8.62726 12.227 8.32505 12.5998 8.32505H12.6088C12.9816 8.32505 13.2838 8.62726 13.2838 9.00005V9.00905C13.2838 9.38184 12.9816 9.68405 12.6088 9.68405H12.5998C12.227 9.68405 11.9248 9.38184 11.9248 9.00905V9.00005Z" fill="white"></path><path d="M12.5998 10.125C12.227 10.125 11.9248 10.4273 11.9248 10.8V10.809C11.9248 11.1818 12.227 11.484 12.5998 11.484H12.6088C12.9816 11.484 13.2838 11.1818 13.2838 10.809V10.8C13.2838 10.4273 12.9816 10.125 12.6088 10.125H12.5998Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.1748 1.80005C5.5476 1.80005 5.8498 2.10226 5.8498 2.47505V3.60005H12.1498V2.47505C12.1498 2.10226 12.452 1.80005 12.8248 1.80005C13.1976 1.80005 13.4998 2.10226 13.4998 2.47505V3.60005H13.7248C15.0917 3.60005 16.1998 4.70814 16.1998 6.07505V13.725C16.1998 15.092 15.0917 16.2 13.7248 16.2H4.27481C2.9079 16.2 1.7998 15.092 1.7998 13.725V6.07505C1.7998 4.70814 2.9079 3.60005 4.2748 3.60005H4.4998V2.47505C4.4998 2.10226 4.80201 1.80005 5.1748 1.80005ZM4.2748 6.75005C3.65348 6.75005 3.1498 7.25373 3.1498 7.87505V13.725C3.1498 14.3464 3.65348 14.85 4.27481 14.85H13.7248C14.3461 14.85 14.8498 14.3464 14.8498 13.725V7.87505C14.8498 7.25373 14.3461 6.75005 13.7248 6.75005H4.2748Z" fill="white"></path>', 13)
   ])]);
 }
@@ -60,8 +60,8 @@ const Vl = /* @__PURE__ */ Le(Ol, [["render", Rl]]), Yl = {}, Il = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Hl(e, t) {
-  return h(), _("svg", Il, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", Il, [...t[0] || (t[0] = [
+    K("path", {
       d: "M0.75 7L5.75 12L13.25 0.75",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -70,7 +70,7 @@ function Hl(e, t) {
     }, null, -1)
   ])]);
 }
-const yr = /* @__PURE__ */ Le(Yl, [["render", Hl]]), Fl = {}, Bl = {
+const yr = /* @__PURE__ */ Le(Yl, [["render", Hl]]), Bl = {}, Fl = {
   width: "18",
   height: "18",
   viewBox: "0 0 18 18",
@@ -78,8 +78,8 @@ const yr = /* @__PURE__ */ Le(Yl, [["render", Hl]]), Fl = {}, Bl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ll(e, t) {
-  return h(), _("svg", Bl, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", Fl, [...t[0] || (t[0] = [
+    K("path", {
       d: "M9 4.5V9H12.375M15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.27208 15.75 2.25 12.7279 2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9Z",
       stroke: "white",
       "stroke-width": "1.5",
@@ -88,7 +88,7 @@ function Ll(e, t) {
     }, null, -1)
   ])]);
 }
-const El = /* @__PURE__ */ Le(Fl, [["render", Ll]]), Nl = {}, Wl = {
+const El = /* @__PURE__ */ Le(Bl, [["render", Ll]]), Nl = {}, Wl = {
   width: "18",
   height: "4",
   viewBox: "0 0 18 4",
@@ -96,16 +96,16 @@ const El = /* @__PURE__ */ Le(Fl, [["render", Ll]]), Nl = {}, Wl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function zl(e, t) {
-  return h(), _("svg", Wl, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", Wl, [...t[0] || (t[0] = [
+    K("path", {
       d: "M0.599976 2.0002C0.599976 1.00608 1.40586 0.200195 2.39998 0.200195C3.39409 0.200195 4.19998 1.00608 4.19998 2.0002C4.19998 2.99431 3.39409 3.8002 2.39998 3.8002C1.40586 3.8002 0.599976 2.99431 0.599976 2.0002Z",
       fill: "currentColor"
     }, null, -1),
-    J("path", {
+    K("path", {
       d: "M7.19998 2.0002C7.19998 1.00608 8.00586 0.200195 8.99998 0.200195C9.99409 0.200195 10.8 1.00608 10.8 2.0002C10.8 2.99431 9.99409 3.8002 8.99998 3.8002C8.00586 3.8002 7.19998 2.99431 7.19998 2.0002Z",
       fill: "currentColor"
     }, null, -1),
-    J("path", {
+    K("path", {
       d: "M15.6 0.200195C14.6059 0.200195 13.8 1.00608 13.8 2.0002C13.8 2.99431 14.6059 3.8002 15.6 3.8002C16.5941 3.8002 17.4 2.99431 17.4 2.0002C17.4 1.00608 16.5941 0.200195 15.6 0.200195Z",
       fill: "currentColor"
     }, null, -1)
@@ -119,8 +119,8 @@ const ql = /* @__PURE__ */ Le(Nl, [["render", zl]]), Ul = {}, jl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Xl(e, t) {
-  return h(), _("svg", jl, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", jl, [...t[0] || (t[0] = [
+    K("path", {
       d: "M2.98486 6.16693C2.29254 6.98537 1.76423 7.94701 1.45068 9.00111C2.41916 12.2535 5.43225 14.625 8.99924 14.625C9.74367 14.625 10.464 14.5217 11.1466 14.3287M4.67064 4.67072C5.91283 3.85169 7.4007 3.375 8.9999 3.375C12.5669 3.375 15.58 5.74654 16.5485 8.99889C16.0145 10.7939 14.8578 12.3208 13.3289 13.329M4.67064 4.67072L2.24992 2.25M4.67064 4.67072L7.40893 7.40901M13.3289 13.329L15.7499 15.75M13.3289 13.329L10.5909 10.591M10.5909 10.591C10.9981 10.1838 11.2499 9.62132 11.2499 9C11.2499 7.75736 10.2426 6.75 8.99992 6.75C8.3786 6.75 7.8161 7.00184 7.40893 7.40901M10.5909 10.591L7.40893 7.40901",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -137,15 +137,15 @@ const Ql = /* @__PURE__ */ Le(Ul, [["render", Xl]]), Zl = {}, Gl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Jl(e, t) {
-  return h(), _("svg", Gl, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", Gl, [...t[0] || (t[0] = [
+    K("path", {
       d: "M1.52669 9.2418C1.47488 9.08635 1.47483 8.91805 1.52655 8.76257C2.56782 5.63229 5.52062 3.375 9.00063 3.375C12.479 3.375 15.4307 5.63019 16.4733 8.7582C16.5251 8.91365 16.5251 9.08195 16.4734 9.23743C15.4321 12.3677 12.4793 14.625 8.99932 14.625C5.52092 14.625 2.56925 12.3698 1.52669 9.2418Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
       "stroke-linecap": "round",
       "stroke-linejoin": "round"
     }, null, -1),
-    J("path", {
+    K("path", {
       d: "M11.25 9C11.25 10.2426 10.2427 11.25 9.00002 11.25C7.75738 11.25 6.75002 10.2426 6.75002 9C6.75002 7.75736 7.75738 6.75 9.00002 6.75C10.2427 6.75 11.25 7.75736 11.25 9Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -162,8 +162,8 @@ const Kl = /* @__PURE__ */ Le(Zl, [["render", Jl]]), eo = {}, to = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function ao(e, t) {
-  return h(), _("svg", to, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", to, [...t[0] || (t[0] = [
+    K("path", {
       d: "M14.25 14.25L10.3525 10.3525M10.3525 10.3525C11.3704 9.33455 12 7.9283 12 6.375C12 3.2684 9.4816 0.75 6.375 0.75C3.2684 0.75 0.75 3.2684 0.75 6.375C0.75 9.4816 3.2684 12 6.375 12C7.9283 12 9.33455 11.3704 10.3525 10.3525Z",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -180,8 +180,8 @@ const no = /* @__PURE__ */ Le(eo, [["render", ao]]), ro = {}, lo = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function oo(e, t) {
-  return h(), _("svg", lo, [...t[0] || (t[0] = [
-    J("path", {
+  return h(), w("svg", lo, [...t[0] || (t[0] = [
+    K("path", {
       d: "M4.5 13.5L13.5 4.5M4.5 4.5L13.5 13.5",
       stroke: "currentColor",
       "stroke-width": "1.5",
@@ -219,11 +219,11 @@ const so = /* @__PURE__ */ Le(ro, [["render", oo]]), io = {
     return (r, l) => a(e.name) ? (h(), ke(ha(a(e.name)), {
       key: 0,
       class: se(t.class)
-    }, null, 8, ["class"])) : (h(), _("span", io, "[icon not found: " + $e(e.name) + "]", 1));
+    }, null, 8, ["class"])) : (h(), w("span", io, "[icon not found: " + $e(e.name) + "]", 1));
   }
 });
-function nt(e) {
-  return B(() => {
+function et(e) {
+  return F(() => {
     const t = [e.base];
     if (e.modifiers)
       for (const [n, a] of Object.entries(e.modifiers)) {
@@ -253,18 +253,18 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = Ft(), a = nt({
-      base: "ui-kit-icon-button",
+    const t = e, n = Vt(), a = et({
+      base: "ui-kit ui-kit-icon-button",
       modifiers: {
         [t.variant]: !0,
         disabled: () => t.disabled
       },
       attrs: n
-    }), r = B(() => {
+    }), r = F(() => {
       const { class: l, ...o } = n;
       return o;
     });
-    return (l, o) => (h(), _("button", Ie({
+    return (l, o) => (h(), w("button", Ie({
       class: i(a),
       disabled: t.disabled
     }, r.value), [
@@ -273,10 +273,10 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
         name: e.icon,
         class: "ui-kit-icon-button__icon"
       }, null, 8, ["name"])) : E("", !0),
-      K(l.$slots, "default", {}, void 0, !0)
+      J(l.$slots, "default", {}, void 0, !0)
     ], 16, uo));
   }
-}), vo = /* @__PURE__ */ Le(co, [["__scopeId", "data-v-91a3ba29"]]), fo = { class: "ui-kit-adaptive-tabs__tabs-container" }, po = ["onClick"], mo = {
+}), vo = /* @__PURE__ */ Le(co, [["__scopeId", "data-v-b471a34b"]]), fo = { class: "ui-kit-adaptive-tabs__tabs-container" }, po = ["onClick"], mo = {
   key: 0,
   class: "ui-kit-adaptive-tabs__dropdown"
 }, ho = ["onClick"], yo = /* @__PURE__ */ Ae({
@@ -291,7 +291,7 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = Wa(e, "modelValue"), a = B(() => t.tabs.filter((S) => !S.exclude)), r = q([]), l = q([]), o = q(a.value.length), d = q([]), s = q(!1), w = B(() => Math.max(0, o.value - 1)), c = q(), f = q([]), g = q(), T = q(0);
+    const t = e, n = Wa(e, "modelValue"), a = F(() => t.tabs.filter((S) => !S.exclude)), r = q([]), l = q([]), o = q(a.value.length), d = q([]), s = q(!1), _ = F(() => Math.max(0, o.value - 1)), c = q(), f = q([]), g = q(), T = q(0);
     wl(c, (S) => {
       const U = S[0];
       if (U) {
@@ -365,13 +365,13 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
           V();
         });
       }
-    ), (S, U) => (h(), _("div", {
+    ), (S, U) => (h(), w("div", {
       ref_key: "containerRef",
       ref: c,
-      class: se(["ui-kit-adaptive-tabs", { "ui-kit-adaptive-tabs_full-width": e.fullWidth }])
+      class: se(["ui-kit ui-kit-adaptive-tabs", { "ui-kit-adaptive-tabs_full-width": e.fullWidth }])
     }, [
-      J("div", fo, [
-        (h(!0), _(_e, null, Se(r.value, (P, I) => (h(), _("div", {
+      K("div", fo, [
+        (h(!0), w(_e, null, Se(r.value, (P, I) => (h(), w("div", {
           key: P.value,
           ref_for: !0,
           ref: (re) => {
@@ -379,16 +379,16 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
           },
           class: se(["ui-kit-typo-subtitle-secondary", "ui-kit-adaptive-tabs__tab", D(P, I)]),
           style: Ke(
-            e.fullWidth ? { flex: "1 1 0", minWidth: "0" } : I === w.value && d.value.length > 0 ? { flex: "1 1 0", minWidth: "0" } : { minWidth: `${e.minTabWidth}px` }
+            e.fullWidth ? { flex: "1 1 0", minWidth: "0" } : I === _.value && d.value.length > 0 ? { flex: "1 1 0", minWidth: "0" } : { minWidth: `${e.minTabWidth}px` }
           ),
           onClick: (re) => $(P)
         }, [
-          K(S.$slots, "default", Ie({ ref_for: !0 }, P), () => [
+          J(S.$slots, "default", Ie({ ref_for: !0 }, P), () => [
             pt($e(P.label), 1)
           ], !0)
         ], 14, po))), 128))
       ]),
-      d.value.length > 0 ? (h(), _("div", {
+      d.value.length > 0 ? (h(), w("div", {
         key: 0,
         ref_key: "dropdownRef",
         ref: g,
@@ -400,13 +400,13 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
           class: "ui-kit-adaptive-tabs__dropdown-button",
           onClick: U[0] || (U[0] = (P) => s.value = !s.value)
         }, null, 8, ["variant"]),
-        s.value ? (h(), _("div", mo, [
-          (h(!0), _(_e, null, Se(d.value, (P) => (h(), _("div", {
+        s.value ? (h(), w("div", mo, [
+          (h(!0), w(_e, null, Se(d.value, (P) => (h(), w("div", {
             key: P.value,
             class: se(["ui-kit-typo-subtitle-secondary", "ui-kit-adaptive-tabs__dropdown-item", O(P)]),
             onClick: (I) => $(P)
           }, [
-            K(S.$slots, "default", Ie({ ref_for: !0 }, P), () => [
+            J(S.$slots, "default", Ie({ ref_for: !0 }, P), () => [
               pt($e(P.label), 1)
             ], !0)
           ], 10, ho))), 128))
@@ -414,7 +414,7 @@ const uo = ["disabled"], co = /* @__PURE__ */ Ae({
       ], 512)) : E("", !0)
     ], 2));
   }
-}), Zc = /* @__PURE__ */ Le(yo, [["__scopeId", "data-v-a7dd9088"]]), gr = 6048e5, go = 864e5, bo = 6e4, br = 36e5, wo = 1e3, jn = Symbol.for("constructDateFrom");
+}), Jc = /* @__PURE__ */ Le(yo, [["__scopeId", "data-v-98a94a19"]]), gr = 6048e5, go = 864e5, bo = 6e4, br = 36e5, wo = 1e3, jn = Symbol.for("constructDateFrom");
 function Ve(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && jn in e ? e[jn](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
@@ -447,8 +447,8 @@ function wr(e, t, n) {
     days: o = 0,
     hours: d = 0,
     minutes: s = 0,
-    seconds: w = 0
-  } = t, c = he(e, n?.in), f = r || a ? Tt(c, r + a * 12) : c, g = o || l ? gt(f, o + l * 7) : f, T = s + d * 60, Y = (w + T * 60) * 1e3;
+    seconds: _ = 0
+  } = t, c = he(e, n?.in), f = r || a ? Tt(c, r + a * 12) : c, g = o || l ? gt(f, o + l * 7) : f, T = s + d * 60, Y = (_ + T * 60) * 1e3;
   return Ve(e, +g + Y);
 }
 function _o(e, t, n) {
@@ -476,7 +476,7 @@ function _r(e, t) {
   const d = ca(o);
   return n.getTime() >= l.getTime() ? a + 1 : n.getTime() >= d.getTime() ? a : a - 1;
 }
-function Fa(e) {
+function Ba(e) {
   const t = he(e), n = new Date(
     Date.UTC(
       t.getFullYear(),
@@ -506,7 +506,7 @@ function kr(e, t, n) {
     n?.in,
     e,
     t
-  ), l = Xn(a), o = Xn(r), d = +l - Fa(l), s = +o - Fa(o);
+  ), l = Xn(a), o = Xn(r), d = +l - Ba(l), s = +o - Ba(o);
   return Math.round((d - s) / go);
 }
 function xo(e, t) {
@@ -588,7 +588,7 @@ function mn(e, t) {
   const n = he(e, t?.in);
   return n.setDate(1), n.setHours(0, 0, 0, 0), n;
 }
-function Ba(e, t) {
+function Fa(e, t) {
   const n = he(e, t?.in), a = n.getFullYear();
   return n.setFullYear(a + 1, 0, 0), n.setHours(23, 59, 59, 999), n;
 }
@@ -732,11 +732,11 @@ const Ho = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, Fo = {
+}, Bo = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, Bo = {
+}, Fo = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -860,12 +860,12 @@ const Ho = {
     defaultWidth: "wide"
   }),
   quarter: wa({
-    values: Fo,
+    values: Bo,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
   month: wa({
-    values: Bo,
+    values: Fo,
     defaultWidth: "wide"
   }),
   day: wa({
@@ -888,13 +888,13 @@ function _a(e) {
       // [TODO] -- I challenge you to fix the type
       qo(d, (f) => f.test(o))
     );
-    let w;
-    w = e.valueCallback ? e.valueCallback(s) : s, w = n.valueCallback ? (
+    let _;
+    _ = e.valueCallback ? e.valueCallback(s) : s, _ = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(w)
-    ) : w;
+      n.valueCallback(_)
+    ) : _;
     const c = t.slice(o.length);
-    return { value: w, rest: c };
+    return { value: _, rest: c };
   };
 }
 function qo(e, t) {
@@ -1048,8 +1048,8 @@ function Tn(e, t) {
   o.setFullYear(a + 1, 0, l), o.setHours(0, 0, 0, 0);
   const d = Ct(o, t), s = Ve(t?.in || e, 0);
   s.setFullYear(a, 0, l), s.setHours(0, 0, 0, 0);
-  const w = Ct(s, t);
-  return +n >= +d ? a + 1 : +n >= +w ? a : a - 1;
+  const _ = Ct(s, t);
+  return +n >= +d ? a + 1 : +n >= +_ ? a : a - 1;
 }
 function is(e, t) {
   const n = na(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, r = Tn(e, t), l = Ve(t?.in || e, 0);
@@ -1780,7 +1780,7 @@ function Rt(e, t, n) {
     return { isToken: !1, value: c };
   });
   r.localize.preprocessor && (s = r.localize.preprocessor(d, s));
-  const w = {
+  const _ = {
     firstWeekContainsDate: l,
     weekStartsOn: o,
     locale: r
@@ -1790,7 +1790,7 @@ function Rt(e, t, n) {
     const f = c.value;
     (!n?.useAdditionalWeekYearTokens && Ar(f) || !n?.useAdditionalDayOfYearTokens && Pr(f)) && yn(f, t, String(e));
     const g = Kn[f[0]];
-    return g(d, f, r.localize, w);
+    return g(d, f, r.localize, _);
   }).join("");
 }
 function bs(e) {
@@ -1807,7 +1807,7 @@ function _s(e, t) {
 function ks() {
   return Object.assign({}, na());
 }
-function Ht(e, t) {
+function Bt(e, t) {
   return he(e, t?.in).getHours();
 }
 function Ms(e, t) {
@@ -2440,11 +2440,11 @@ class Hs extends Oe {
     "T"
   ];
 }
-function Fs(e, t, n) {
+function Bs(e, t, n) {
   const a = he(e, n?.in), r = Cn(a, n) - t;
   return a.setDate(a.getDate() - r * 7), he(a, n?.in);
 }
-class Bs extends Oe {
+class Fs extends Oe {
   priority = 100;
   parse(t, n, a) {
     switch (n) {
@@ -2460,7 +2460,7 @@ class Bs extends Oe {
     return n >= 1 && n <= 53;
   }
   set(t, n, a, r) {
-    return Ct(Fs(t, a, r), r);
+    return Ct(Bs(t, a, r), r);
   }
   incompatibleTokens = [
     "y",
@@ -2606,7 +2606,7 @@ class qs extends Oe {
   ];
 }
 function Pn(e, t, n) {
-  const a = na(), r = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, l = he(e, n?.in), o = l.getDay(), s = (t % 7 + 7) % 7, w = 7 - r, c = t < 0 || t > 6 ? t - (o + w) % 7 : (s + w) % 7 - (o + w) % 7;
+  const a = na(), r = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, l = he(e, n?.in), o = l.getDay(), s = (t % 7 + 7) % 7, _ = 7 - r, c = t < 0 || t > 6 ? t - (o + _) % 7 : (s + _) % 7 - (o + _) % 7;
   return gt(l, c, n);
 }
 class Us extends Oe {
@@ -3156,7 +3156,7 @@ class si extends Oe {
   set(t, n, a) {
     return n.timestampIsSet ? t : Ve(
       t,
-      t.getTime() - Fa(t) - a
+      t.getTime() - Ba(t) - a
     );
   }
   incompatibleTokens = ["t", "T", "x"];
@@ -3190,7 +3190,7 @@ class ii extends Oe {
   set(t, n, a) {
     return n.timestampIsSet ? t : Ve(
       t,
-      t.getTime() - Fa(t) - a
+      t.getTime() - Ba(t) - a
     );
   }
   incompatibleTokens = ["t", "T", "X"];
@@ -3225,7 +3225,7 @@ const ci = {
   q: new Ys(),
   M: new Is(),
   L: new Hs(),
-  w: new Bs(),
+  w: new Fs(),
   I: new Es(),
   d: new zs(),
   D: new qs(),
@@ -3252,7 +3252,7 @@ function gn(e, t, n, a) {
   const r = () => Ve(a?.in || n, NaN), l = ks(), o = a?.locale ?? l.locale ?? Cr, d = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? l.firstWeekContainsDate ?? l.locale?.options?.firstWeekContainsDate ?? 1, s = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? l.weekStartsOn ?? l.locale?.options?.weekStartsOn ?? 0;
   if (!t)
     return e ? r() : he(n, a?.in);
-  const w = {
+  const _ = {
     firstWeekContainsDate: d,
     weekStartsOn: s,
     locale: o
@@ -3286,7 +3286,7 @@ function gn(e, t, n, a) {
         e,
         $,
         o.match,
-        w
+        _
       );
       if (!S)
         return r();
@@ -3311,9 +3311,9 @@ function gn(e, t, n, a) {
   if (isNaN(+V)) return r();
   const Y = {};
   for (const $ of T) {
-    if (!$.validate(V, w))
+    if (!$.validate(V, _))
       return r();
-    const x = $.set(V, Y, w);
+    const x = $.set(V, Y, _);
     Array.isArray(x) ? (V = x[0], Object.assign(Y, x[1])) : V = x;
   }
   return V;
@@ -3373,16 +3373,16 @@ function _i(e, t, n) {
     days: o = 0,
     hours: d = 0,
     minutes: s = 0,
-    seconds: w = 0
-  } = t, c = aa(e, r + a * 12, n), f = Ea(c, o + l * 7, n), g = s + d * 60, V = (w + g * 60) * 1e3;
+    seconds: _ = 0
+  } = t, c = aa(e, r + a * 12, n), f = Ea(c, o + l * 7, n), g = s + d * 60, V = (_ + g * 60) * 1e3;
   return Ve(e, +f - V);
 }
-function Fr(e, t, n) {
+function Br(e, t, n) {
   return xn(e, -t, n);
 }
 function ba() {
-  const e = Ft();
-  return h(), _(
+  const e = Vt();
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3394,16 +3394,16 @@ function ba() {
       ...e
     },
     [
-      J("path", {
+      K("path", {
         d: "M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z"
       }),
-      J("path", {
+      K("path", {
         d: "M20 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       }),
-      J("path", {
+      K("path", {
         d: "M9.333 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       }),
-      J("path", {
+      K("path", {
         d: "M4 14.667h24c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-24c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"
       })
     ]
@@ -3412,8 +3412,8 @@ function ba() {
 ba.compatConfig = {
   MODE: 3
 };
-function Br() {
-  return h(), _(
+function Fr() {
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3424,20 +3424,20 @@ function Br() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"
       }),
-      J("path", {
+      K("path", {
         d: "M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
       })
     ]
   );
 }
-Br.compatConfig = {
+Fr.compatConfig = {
   MODE: 3
 };
 function An() {
-  return h(), _(
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3448,7 +3448,7 @@ function An() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"
       })
     ]
@@ -3458,7 +3458,7 @@ An.compatConfig = {
   MODE: 3
 };
 function On() {
-  return h(), _(
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3469,7 +3469,7 @@ function On() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"
       })
     ]
@@ -3479,7 +3479,7 @@ On.compatConfig = {
   MODE: 3
 };
 function Sn() {
-  return h(), _(
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3490,10 +3490,10 @@ function Sn() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z"
       }),
-      J("path", {
+      K("path", {
         d: "M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"
       })
     ]
@@ -3503,7 +3503,7 @@ Sn.compatConfig = {
   MODE: 3
 };
 function Rn() {
-  return h(), _(
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3514,7 +3514,7 @@ function Rn() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"
       })
     ]
@@ -3524,7 +3524,7 @@ Rn.compatConfig = {
   MODE: 3
 };
 function Vn() {
-  return h(), _(
+  return h(), w(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3535,7 +3535,7 @@ function Vn() {
       role: "img"
     },
     [
-      J("path", {
+      K("path", {
         d: "M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"
       })
     ]
@@ -3546,10 +3546,10 @@ Vn.compatConfig = {
 };
 const ft = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) : new Date(e), Yn = (e, t, n) => bn(e, t, n) || Z(), ki = (e, t, n) => {
   const a = t.dateInTz ? ft(new Date(e), t.dateInTz) : Z(e);
-  return n ? et(a, !0) : a;
+  return n ? tt(a, !0) : a;
 }, bn = (e, t, n) => {
   if (!e) return null;
-  const a = n ? et(Z(e), !0) : Z(e);
+  const a = n ? tt(Z(e), !0) : Z(e);
   return t ? t.exactMatch ? ki(e, t, n) : ft(a, t.timezone) : a;
 }, Mi = (e) => {
   const t = new Date(e.getFullYear(), 0, 1).getTimezoneOffset();
@@ -3561,7 +3561,7 @@ const ft = (e, t) => t ? new Date(e.toLocaleString("en-US", { timeZone: t })) :
 };
 var _t = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(_t || {}), kt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(kt || {}), Kt = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Kt || {}), it = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))(it || {});
 const Di = ["timestamp", "date", "iso"];
-var ut = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(ut || {}), Be = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(Be || {}), ua = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(ua || {});
+var ut = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(ut || {}), Fe = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(Fe || {}), ua = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(ua || {});
 function rr(e) {
   return (t) => {
     const n = new Intl.DateTimeFormat(e, {
@@ -3590,7 +3590,7 @@ const Ci = (e, t, n) => {
 }, In = (e, t, n) => {
   const a = [];
   for (let r = +e[0]; r <= +e[1]; r++)
-    a.push({ value: +r, text: Fn(r, t) });
+    a.push({ value: +r, text: Bn(r, t) });
   return n ? a.reverse() : a;
 }, Lr = (e, t, n) => {
   const a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((l) => {
@@ -3623,7 +3623,7 @@ const Ci = (e, t, n) => {
 }, Pi = (e) => ({ type: "dot", ...e ?? {} }), Er = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, Hn = {
   prop: (e) => `"${e}" prop must be enabled!`,
   dateArr: (e) => `You need to use array as "model-value" binding in order to support "${e}"`
-}, tt = (e) => e, lr = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, or = (e) => e === null, Nr = (e) => {
+}, at = (e) => e, lr = (e) => e === 0 ? e : !e || isNaN(+e) ? null : +e, or = (e) => e === null, Nr = (e) => {
   if (e)
     return [...e.querySelectorAll("input, button, select, textarea, a[href]")][0];
 }, Ai = (e) => {
@@ -3673,8 +3673,8 @@ function Si(e, t) {
   if (a >= 0 && (t ? a - 1 >= 0 : a + 1 <= n.length))
     return n[a + (t ? -1 : 1)];
 }
-const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Bn = (e, t) => Rt(e, t ?? ua.DATE), nn = (e) => Array.isArray(e), Na = (e, t, n) => t.get(Bn(e, n)), Ri = (e, t) => e ? t ? t instanceof Map ? !!Na(e, t) : t(Z(e)) : !1 : !0, dt = (e, t, n = !1, a) => {
-  if (e.key === Be.enter || e.key === Be.space)
+const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Bn = (e, t) => new Intl.NumberFormat(t, { useGrouping: !1, style: "decimal" }).format(e), Fn = (e, t) => Rt(e, t ?? ua.DATE), nn = (e) => Array.isArray(e), Na = (e, t, n) => t.get(Fn(e, n)), Ri = (e, t) => e ? t ? t instanceof Map ? !!Na(e, t) : t(Z(e)) : !1 : !0, dt = (e, t, n = !1, a) => {
+  if (e.key === Fe.enter || e.key === Fe.space)
     return n && e.preventDefault(), t();
   if (a) return a(e);
 }, Vi = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, Wr = (e, t) => e ? ua.MONTH_AND_YEAR : t ? ua.YEAR : ua.DATE, zr = (e) => e < 10 ? `0${e}` : e, sr = (e, t, n, a, r, l) => {
@@ -3711,15 +3711,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     e.getUTCSeconds()
   );
   return new Date(a).toISOString();
-}, et = (e, t) => {
+}, tt = (e, t) => {
   const n = Z(JSON.parse(JSON.stringify(e))), a = Ye(n, { hours: 0, minutes: 0, seconds: 0, milliseconds: 0 });
   return t ? mn(a) : a;
 }, Ut = (e, t, n, a) => {
   let r = e ? Z(e) : Z();
   return (t || t === 0) && (r = bi(r, +t)), (n || n === 0) && (r = wi(r, +n)), (a || a === 0) && (r = Hr(r, +a)), Ir(r, 0);
-}, We = (e, t) => !e || !t ? !1 : fa(et(e), et(t)), Ce = (e, t) => !e || !t ? !1 : ia(et(e), et(t)), Xe = (e, t) => !e || !t ? !1 : ta(et(e), et(t)), $a = (e, t, n) => e?.[0] && e?.[1] ? Xe(n, e[0]) && We(n, e[1]) : e?.[0] && t ? Xe(n, e[0]) && We(n, t) || We(n, e[0]) && Xe(n, t) : !1, xt = (e) => {
+}, We = (e, t) => !e || !t ? !1 : fa(tt(e), tt(t)), Ce = (e, t) => !e || !t ? !1 : ia(tt(e), tt(t)), Xe = (e, t) => !e || !t ? !1 : ta(tt(e), tt(t)), $a = (e, t, n) => e?.[0] && e?.[1] ? Xe(n, e[0]) && We(n, e[1]) : e?.[0] && t ? Xe(n, e[0]) && We(n, t) || We(n, e[0]) && Xe(n, t) : !1, xt = (e) => {
   const t = Ye(new Date(e), { date: 1 });
-  return et(t);
+  return tt(t);
 }, rn = (e, t, n) => t && (n || n === 0) ? Object.fromEntries(
   ["hours", "minutes", "seconds"].map((a) => a === t ? [a, n] : [a, isNaN(+e[a]) ? void 0 : +e[a]])
 ) : {
@@ -3727,7 +3727,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   minutes: isNaN(+e.minutes) ? void 0 : +e.minutes,
   seconds: isNaN(+e.seconds) ? void 0 : +e.seconds
 }, ea = (e) => ({
-  hours: Ht(e),
+  hours: Bt(e),
   minutes: jt(e),
   seconds: va(e)
 }), qr = (e, t) => {
@@ -3749,24 +3749,24 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 }, Hi = (e) => {
   const t = Tt(e, 1);
   return { month: Te(t), year: we(t) };
-}, Yt = (e, t) => {
+}, It = (e, t) => {
   const n = Ct(e, { weekStartsOn: +t }), a = Tr(e, { weekStartsOn: +t });
   return [n, a];
 }, Xr = (e, t) => {
   const n = {
-    hours: Ht(Z()),
+    hours: Bt(Z()),
     minutes: jt(Z()),
     seconds: t ? va(Z()) : 0
   };
   return Object.assign(n, e);
-}, Wt = (e, t, n) => [Ye(Z(e), { date: 1 }), Ye(Z(), { month: t, year: n, date: 1 })], It = (e, t, n) => {
+}, Wt = (e, t, n) => [Ye(Z(e), { date: 1 }), Ye(Z(), { month: t, year: n, date: 1 })], Ht = (e, t, n) => {
   let a = e ? Z(e) : Z();
   return (t || t === 0) && (a = Yr(a, t)), n && (a = Mt(a, n)), a;
 }, Qr = (e, t, n, a, r) => {
   if (!a || r && !t || !r && !n) return !1;
   const l = r ? Tt(e, 1) : aa(e, 1), o = [Te(l), we(l)];
-  return r ? !Bi(...o, t) : !Fi(...o, n);
-}, Fi = (e, t, n) => We(...Wt(n, e, t)) || Ce(...Wt(n, e, t)), Bi = (e, t, n) => Xe(...Wt(n, e, t)) || Ce(...Wt(n, e, t)), Zr = (e, t, n, a, r, l, o) => {
+  return r ? !Fi(...o, t) : !Bi(...o, n);
+}, Bi = (e, t, n) => We(...Wt(n, e, t)) || Ce(...Wt(n, e, t)), Fi = (e, t, n) => Xe(...Wt(n, e, t)) || Ce(...Wt(n, e, t)), Zr = (e, t, n, a, r, l, o) => {
   if (typeof t == "function" && !o) return t(e);
   const d = n ? { locale: n } : void 0;
   return Array.isArray(e) ? `${Rt(e[0], l, d)}${r && !e[1] ? "" : a}${e[1] ? Rt(e[1], l, d) : ""}` : Rt(e, l, d);
@@ -3799,7 +3799,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     const a = `${zr(n + 1)}-${t}`;
     return e.size ? e.has(a) : !1;
   }
-  return typeof e == "function" ? e(et(Ye(Z(), { month: n, year: t }), !0)) : !1;
+  return typeof e == "function" ? e(tt(Ye(Z(), { month: n, year: t }), !0)) : !1;
 }, Ni = (e, t, n) => {
   if (e instanceof Map) {
     const a = `${zr(n + 1)}-${t}`;
@@ -3807,7 +3807,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   }
   return !0;
 }, Gr = (e, t, n) => typeof e == "function" ? e({ month: t, year: n }) : !!e.months.find((a) => a.month === t && a.year === n), Ln = (e, t) => typeof e == "function" ? e(t) : e.years.includes(t), kn = (e) => `dp-${Rt(e, "yyyy-MM-dd")}`, ur = (e, t) => {
-  const n = Ea(et(t), e), a = gt(et(t), e);
+  const n = Ea(tt(t), e), a = gt(tt(t), e);
   return { before: n, after: a };
 }, Jr = (e, t) => t < +e[0] || t > +e[1], ka = Pa({
   menuFocused: !1,
@@ -3819,11 +3819,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     ka.shiftKeyInMenu !== n && (ka.shiftKeyInMenu = n);
   };
   return {
-    control: B(() => ({ shiftKeyInMenu: ka.shiftKeyInMenu, menuFocused: ka.menuFocused })),
+    control: F(() => ({ shiftKeyInMenu: ka.shiftKeyInMenu, menuFocused: ka.menuFocused })),
     setMenuFocused: e,
     setShiftKey: t
   };
-}, Fe = Pa({
+}, Be = Pa({
   monthYear: [],
   calendar: [],
   time: [],
@@ -3835,12 +3835,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   },
   monthPicker: []
 }), un = q(null), Ia = q(!1), dn = q(!1), cn = q(!1), vn = q(!1), st = q(0), je = q(0), Xt = () => {
-  const e = B(() => Ia.value ? [...Fe.selectionGrid, Fe.actionRow].filter((f) => f.length) : dn.value ? [
-    ...Fe.timePicker[0],
-    ...Fe.timePicker[1],
+  const e = F(() => Ia.value ? [...Be.selectionGrid, Be.actionRow].filter((f) => f.length) : dn.value ? [
+    ...Be.timePicker[0],
+    ...Be.timePicker[1],
     vn.value ? [] : [un.value],
-    Fe.actionRow
-  ].filter((f) => f.length) : cn.value ? [...Fe.monthPicker, Fe.actionRow] : [Fe.monthYear, ...Fe.calendar, Fe.time, Fe.actionRow].filter((f) => f.length)), t = (f) => {
+    Be.actionRow
+  ].filter((f) => f.length) : cn.value ? [...Be.monthPicker, Be.actionRow] : [Be.monthYear, ...Be.calendar, Be.time, Be.actionRow].filter((f) => f.length)), t = (f) => {
     st.value = f ? st.value + 1 : st.value - 1;
     let g = null;
     e.value[je.value] && (g = e.value[je.value][st.value]), !g && e.value[je.value + (f ? 1 : -1)] ? (je.value = je.value + (f ? 1 : -1), st.value = f ? 0 : e.value[je.value].length - 1) : g || (st.value = f ? st.value - 1 : st.value + 1);
@@ -3858,38 +3858,38 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   }, d = () => {
     n(!0), a(!0);
   }, s = (f, g) => {
-    Fe[g] = f;
-  }, w = (f, g) => {
-    Fe[g] = f;
+    Be[g] = f;
+  }, _ = (f, g) => {
+    Be[g] = f;
   }, c = () => {
     st.value = 0, je.value = 0;
   };
   return {
     buildMatrix: s,
-    buildMultiLevelMatrix: w,
+    buildMultiLevelMatrix: _,
     setTimePickerBackRef: (f) => {
       un.value = f;
     },
     setSelectionGrid: (f) => {
-      Ia.value = f, c(), f || (Fe.selectionGrid = []);
+      Ia.value = f, c(), f || (Be.selectionGrid = []);
     },
     setTimePicker: (f, g = !1) => {
-      dn.value = f, vn.value = g, c(), f || (Fe.timePicker[0] = [], Fe.timePicker[1] = []);
+      dn.value = f, vn.value = g, c(), f || (Be.timePicker[0] = [], Be.timePicker[1] = []);
     },
     setTimePickerElements: (f, g = 0) => {
-      Fe.timePicker[g] = f;
+      Be.timePicker[g] = f;
     },
     arrowRight: r,
     arrowLeft: l,
     arrowUp: o,
     arrowDown: d,
     clearArrowNav: () => {
-      Fe.monthYear = [], Fe.calendar = [], Fe.time = [], Fe.actionRow = [], Fe.selectionGrid = [], Fe.timePicker[0] = [], Fe.timePicker[1] = [], Ia.value = !1, dn.value = !1, vn.value = !1, cn.value = !1, c(), un.value = null;
+      Be.monthYear = [], Be.calendar = [], Be.time = [], Be.actionRow = [], Be.selectionGrid = [], Be.timePicker[0] = [], Be.timePicker[1] = [], Ia.value = !1, dn.value = !1, vn.value = !1, cn.value = !1, c(), un.value = null;
     },
     setMonthPicker: (f) => {
       cn.value = f, c();
     },
-    refSets: Fe
+    refSets: Be
     // exposed for testing
   };
 }, dr = (e) => ({
@@ -4011,12 +4011,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 } : { timezone: void 0, exactMatch: !1, emitTimezone: void 0 }, fn = (e, t, n, a) => new Map(
   e.map((r) => {
     const l = Yn(r, t, a);
-    return [Bn(l, n), l];
+    return [Fn(l, n), l];
   })
 ), au = (e, t) => e.length ? new Map(
   e.map((n) => {
     const a = Yn(n.date, t);
-    return [Bn(a, ua.DATE), n];
+    return [Fn(a, ua.DATE), n];
   })
 ) : null, nu = (e) => {
   const t = Wr(e.isMonthPicker, e.isYearPicker);
@@ -4043,9 +4043,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   const t = () => {
     const P = e.enableSeconds ? ":ss" : "", I = e.enableMinutes ? ":mm" : "";
     return e.is24 ? `HH${I}${P}` : `hh${I}${P} aa`;
-  }, n = () => e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${$.value?.type === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy", a = (P) => Xr(P, e.enableSeconds), r = () => S.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = B(() => zi(e.multiCalendars)), o = B(() => r()), d = B(() => Wi(e.ariaLabels)), s = B(() => Xi(e.filters)), w = B(() => Ui(e.transitions)), c = B(() => Qi(e.actionRow)), f = B(
+  }, n = () => e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${$.value?.type === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy", a = (P) => Xr(P, e.enableSeconds), r = () => S.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = F(() => zi(e.multiCalendars)), o = F(() => r()), d = F(() => Wi(e.ariaLabels)), s = F(() => Xi(e.filters)), _ = F(() => Ui(e.transitions)), c = F(() => Qi(e.actionRow)), f = F(
     () => qi(e.previewFormat, e.format, n())
-  ), g = B(() => ji(e.textInput)), T = B(() => Zi(e.inline)), V = B(() => Gi(e.config)), Y = B(() => Ji(e.highlight)), $ = B(() => Ki(e.weekNumbers)), x = B(() => tu(e.timezone)), O = B(() => ru(e.multiDates)), D = B(
+  ), g = F(() => ji(e.textInput)), T = F(() => Zi(e.inline)), V = F(() => Gi(e.config)), Y = F(() => Ji(e.highlight)), $ = F(() => Ki(e.weekNumbers)), x = F(() => tu(e.timezone)), O = F(() => ru(e.multiDates)), D = F(
     () => nu({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -4058,9 +4058,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       isMonthPicker: e.monthPicker,
       isYearPicker: e.yearPicker
     })
-  ), S = B(() => eu(e.range)), U = B(() => lu(e.ui));
+  ), S = F(() => eu(e.range)), U = F(() => lu(e.ui));
   return {
-    defaultedTransitions: w,
+    defaultedTransitions: _,
     defaultedMultiCalendars: l,
     defaultedStartTime: o,
     defaultedAriaLabels: d,
@@ -4084,7 +4084,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     }
   };
 }, ou = (e, t, { isInputFocused: n, isTextInputDate: a }) => {
-  const r = q(), { defaultedTextInput: l, defaultedRange: o, defaultedTz: d, defaultedMultiDates: s, getDefaultPattern: w } = Ee(t), c = q(""), f = Ta(t, "format"), g = Ta(t, "formatLocale");
+  const r = q(), { defaultedTextInput: l, defaultedRange: o, defaultedTz: d, defaultedMultiDates: s, getDefaultPattern: _ } = Ee(t), c = q(""), f = Ta(t, "format"), g = Ta(t, "formatLocale");
   Je(
     r,
     () => {
@@ -4108,10 +4108,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     t.formatLocale,
     l.value.rangeSeparator,
     t.modelAuto,
-    G ?? w(),
+    G ?? _(),
     Pe
   ), $ = (v) => v ? t.modelType ? M(v) : {
-    hours: Ht(v),
+    hours: Bt(v),
     minutes: jt(v),
     seconds: t.enableSeconds ? va(v) : 0
   } : null, x = (v) => t.modelType ? M(v) : { month: Te(v), year: we(v) }, O = (v) => Array.isArray(v) ? s.value.enabled ? v.map((G) => D(G, Mt(Z(), G))) : Ya(
@@ -4131,16 +4131,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     )
   ] : D(v, Ut(null, v.hours, v.minutes, v.seconds)), U = (v) => {
     const G = Ye(Z(), { date: 1 });
-    return Array.isArray(v) ? s.value.enabled ? v.map((Pe) => D(Pe, It(G, +Pe.month, +Pe.year))) : Ya(
+    return Array.isArray(v) ? s.value.enabled ? v.map((Pe) => D(Pe, Ht(G, +Pe.month, +Pe.year))) : Ya(
       () => [
-        D(v[0], It(G, +v[0].month, +v[0].year)),
+        D(v[0], Ht(G, +v[0].month, +v[0].year)),
         D(
           v[1],
-          v[1] ? It(G, +v[1].month, +v[1].year) : oa(o.value.partialRange)
+          v[1] ? Ht(G, +v[1].month, +v[1].year) : oa(o.value.partialRange)
         )
       ],
       o.value.enabled
-    ) : D(v, It(G, +v.month, +v.year));
+    ) : D(v, Ht(G, +v.month, +v.year));
   }, P = (v) => {
     if (Array.isArray(v))
       return v.map((G) => z(G));
@@ -4168,10 +4168,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       M(v[0]),
       v[1] ? M(v[1]) : oa(o.value.partialRange)
     ];
-  }, le = () => Array.isArray(r.value) ? r.value[1] ? H() : M(tt(r.value[0])) : [], C = () => (r.value || []).map((v) => M(v)), W = (v = !1) => (v || Q(), t.modelAuto ? le() : s.value.enabled ? C() : Array.isArray(r.value) ? Ya(() => H(), o.value.enabled) : M(tt(r.value))), m = (v) => !v || Array.isArray(v) && !v.length ? null : t.timePicker ? S(tt(v)) : t.monthPicker ? U(tt(v)) : t.yearPicker ? O(tt(v)) : s.value.enabled ? P(tt(v)) : t.weekPicker ? I(tt(v)) : re(tt(v)), b = (v) => {
+  }, le = () => Array.isArray(r.value) ? r.value[1] ? H() : M(at(r.value[0])) : [], C = () => (r.value || []).map((v) => M(v)), W = (v = !1) => (v || Q(), t.modelAuto ? le() : s.value.enabled ? C() : Array.isArray(r.value) ? Ya(() => H(), o.value.enabled) : M(at(r.value))), m = (v) => !v || Array.isArray(v) && !v.length ? null : t.timePicker ? S(at(v)) : t.monthPicker ? U(at(v)) : t.yearPicker ? O(at(v)) : s.value.enabled ? P(at(v)) : t.weekPicker ? I(at(v)) : re(at(v)), b = (v) => {
     if (a.value) return;
     const G = m(v);
-    _n(tt(G)) ? (r.value = tt(G), X()) : (r.value = null, c.value = "");
+    _n(at(G)) ? (r.value = at(G), X()) : (r.value = null, c.value = "");
   }, k = () => {
     const v = (G) => Rt(G, l.value.format);
     return `${v(r.value[0])} ${l.value.rangeSeparator} ${r.value[1] ? v(r.value[1]) : ""}`;
@@ -4183,26 +4183,26 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       return t.utc === "preserve" ? new Date(G.getTime() + G.getTimezoneOffset() * 6e4) : G;
     }
     return t.modelType ? Di.includes(t.modelType) ? T(new Date(v)) : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? T(
-      gn(v, w(), /* @__PURE__ */ new Date(), { locale: g.value })
+      gn(v, _(), /* @__PURE__ */ new Date(), { locale: g.value })
     ) : T(
       gn(v, t.modelType, /* @__PURE__ */ new Date(), { locale: g.value })
     ) : T(new Date(v));
   }, M = (v) => v ? t.utc ? Ii(v, t.utc === "preserve", t.enableSeconds) : t.modelType ? t.modelType === "timestamp" ? +V(v) : t.modelType === "iso" ? V(v).toISOString() : t.modelType === "format" && (typeof t.format == "string" || !t.format) ? Y(V(v)) : Y(V(v), t.modelType, !0) : V(v) : "", ne = (v, G = !1, Pe = !1) => {
     if (Pe) return v;
     if (e("update:model-value", v), d.value.emitTimezone && G) {
-      const ee = Array.isArray(v) ? v.map((Me) => ft(tt(Me), d.value.emitTimezone)) : ft(tt(v), d.value.emitTimezone);
+      const ee = Array.isArray(v) ? v.map((Me) => ft(at(Me), d.value.emitTimezone)) : ft(at(v), d.value.emitTimezone);
       e("update:model-timezone-value", ee);
     }
   }, y = (v) => Array.isArray(r.value) ? s.value.enabled ? r.value.map((G) => v(G)) : [
     v(r.value[0]),
     r.value[1] ? v(r.value[1]) : oa(o.value.partialRange)
-  ] : v(tt(r.value)), N = () => {
+  ] : v(at(r.value)), N = () => {
     if (Array.isArray(r.value)) {
-      const v = Yt(r.value[0], t.weekStart), G = r.value[1] ? Yt(r.value[1], t.weekStart) : [];
+      const v = It(r.value[0], t.weekStart), G = r.value[1] ? It(r.value[1], t.weekStart) : [];
       return [v.map((Pe) => Z(Pe)), G.map((Pe) => Z(Pe))];
     }
-    return Yt(r.value, t.weekStart).map((v) => Z(v));
-  }, R = (v, G) => ne(tt(y(v)), !1, G), de = (v) => {
+    return It(r.value, t.weekStart).map((v) => Z(v));
+  }, R = (v, G) => ne(at(y(v)), !1, G), de = (v) => {
     const G = N();
     return v ? G : e("update:model-value", N());
   }, p = (v = !1) => (v || X(), t.monthPicker ? R(x, v) : t.timePicker ? R($, v) : t.yearPicker ? R(we, v) : t.weekPicker ? de(v) : ne(W(v), !0, v));
@@ -4220,7 +4220,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     return n.value.months.includes(Te(g)) ? (g = f ? Tt(c, 1) : aa(c, 1), l(g, f)) : g;
   }, o = (c, f) => {
     let g = c;
-    return n.value.years.includes(we(g)) ? (g = f ? xn(c, 1) : Fr(c, 1), o(g, f)) : g;
+    return n.value.years.includes(we(g)) ? (g = f ? xn(c, 1) : Br(c, 1), o(g, f)) : g;
   }, d = (c, f = !1) => {
     const g = Ye(Z(), { month: e.month, year: e.year });
     let T = c ? Tt(g, 1) : aa(g, 1);
@@ -4229,14 +4229,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     n.value.months.includes(V) && (T = l(T, c), V = Te(T), Y = we(T)), n.value.years.includes(Y) && (T = o(T, c), Y = we(T)), r(V, Y, c, e.preventMinMaxNavigation) && s(V, Y, f);
   }, s = (c, f, g) => {
     t("update-month-year", { month: c, year: f, fromNav: g });
-  }, w = B(() => (c) => Qr(
+  }, _ = F(() => (c) => Qr(
     Ye(Z(), { month: e.month, year: e.year }),
     a.value.maxDate,
     a.value.minDate,
     e.preventMinMaxNavigation,
     c
   ));
-  return { handleMonthYearChange: d, isDisabled: w, updateMonthYear: s };
+  return { handleMonthYearChange: d, isDisabled: _, updateMonthYear: s };
 }, za = {
   multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
   modelValue: { type: [String, Date, Array, Object, Number], default: null },
@@ -4389,7 +4389,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       defaultedMultiCalendars: o,
       defaultedTextInput: d,
       defaultedInline: s,
-      defaultedRange: w,
+      defaultedRange: _,
       defaultedMultiDates: c
     } = Ee(a), { isTimeValid: f, isMonthValid: g } = Qt(a), { buildMatrix: T } = Xt(), V = q(null), Y = q(null), $ = q(!1), x = q({}), O = q(null), D = q(null);
     rt(() => {
@@ -4402,11 +4402,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         const m = O.value?.getBoundingClientRect(), b = D.value?.getBoundingClientRect();
         m && b && (x.value.maxWidth = `${b.width - m.width - 20}px`), $.value = !0;
       }, 0);
-    }, U = B(() => w.value.enabled && !w.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), P = B(
+    }, U = F(() => _.value.enabled && !_.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), P = F(
       () => !f.value(a.internalModelValue) || !g.value(a.internalModelValue) || !U.value
     ), I = () => {
       const m = l.value;
-      return a.timePicker || a.monthPicker, m(tt(a.internalModelValue));
+      return a.timePicker || a.monthPicker, m(at(a.internalModelValue));
     }, re = () => {
       const m = a.internalModelValue;
       return o.value.count > 0 ? `${Q(m[0])} - ${Q(m[1])}` : [Q(m[0]), Q(m[1])];
@@ -4417,48 +4417,48 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       d.value.rangeSeparator,
       a.modelAuto,
       l.value
-    ), H = B(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? re() : c.value.enabled ? a.internalModelValue.map((m) => `${Q(m)}`) : a.modelAuto ? `${Q(a.internalModelValue[0])}` : `${Q(a.internalModelValue[0])} -` : Q(a.internalModelValue) : I()), le = () => c.value.enabled ? "; " : " - ", C = B(
+    ), H = F(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? re() : c.value.enabled ? a.internalModelValue.map((m) => `${Q(m)}`) : a.modelAuto ? `${Q(a.internalModelValue[0])}` : `${Q(a.internalModelValue[0])} -` : Q(a.internalModelValue) : I()), le = () => c.value.enabled ? "; " : " - ", C = F(
       () => Array.isArray(H.value) ? H.value.join(le()) : H.value
     ), W = () => {
       f.value(a.internalModelValue) && g.value(a.internalModelValue) && U.value ? n("select-date") : n("invalid-select");
     };
-    return (m, b) => (h(), _("div", {
+    return (m, b) => (h(), w("div", {
       ref_key: "actionRowRef",
       ref: D,
       class: "dp__action_row"
     }, [
-      m.$slots["action-row"] ? K(m.$slots, "action-row", at(Ie({ key: 0 }, {
+      m.$slots["action-row"] ? J(m.$slots, "action-row", nt(Ie({ key: 0 }, {
         internalModelValue: m.internalModelValue,
         disabled: P.value,
         selectDate: () => m.$emit("select-date"),
         closePicker: () => m.$emit("close-picker")
-      }))) : (h(), _(_e, { key: 1 }, [
-        i(r).showPreview ? (h(), _("div", {
+      }))) : (h(), w(_e, { key: 1 }, [
+        i(r).showPreview ? (h(), w("div", {
           key: 0,
           class: "dp__selection_preview",
           title: C.value,
           style: Ke(x.value)
         }, [
-          m.$slots["action-preview"] && $.value ? K(m.$slots, "action-preview", {
+          m.$slots["action-preview"] && $.value ? J(m.$slots, "action-preview", {
             key: 0,
             value: m.internalModelValue
           }) : E("", !0),
-          !m.$slots["action-preview"] && $.value ? (h(), _(_e, { key: 1 }, [
+          !m.$slots["action-preview"] && $.value ? (h(), w(_e, { key: 1 }, [
             pt($e(C.value), 1)
           ], 64)) : E("", !0)
         ], 12, iu)) : E("", !0),
-        J("div", {
+        K("div", {
           ref_key: "actionBtnContainer",
           ref: O,
           class: "dp__action_buttons",
           "data-dp-element": "action-row"
         }, [
-          m.$slots["action-buttons"] ? K(m.$slots, "action-buttons", {
+          m.$slots["action-buttons"] ? J(m.$slots, "action-buttons", {
             key: 0,
             value: m.internalModelValue
           }) : E("", !0),
-          m.$slots["action-buttons"] ? E("", !0) : (h(), _(_e, { key: 1 }, [
-            !i(s).enabled && i(r).showCancel ? (h(), _("button", {
+          m.$slots["action-buttons"] ? E("", !0) : (h(), w(_e, { key: 1 }, [
+            !i(s).enabled && i(r).showCancel ? (h(), w("button", {
               key: 0,
               ref_key: "cancelButtonRef",
               ref: V,
@@ -4467,14 +4467,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
               onClick: b[0] || (b[0] = (k) => m.$emit("close-picker")),
               onKeydown: b[1] || (b[1] = (k) => i(dt)(k, () => m.$emit("close-picker")))
             }, $e(m.cancelText), 545)) : E("", !0),
-            i(r).showNow ? (h(), _("button", {
+            i(r).showNow ? (h(), w("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: b[2] || (b[2] = (k) => m.$emit("select-now")),
               onKeydown: b[3] || (b[3] = (k) => i(dt)(k, () => m.$emit("select-now")))
             }, $e(m.nowButtonLabel), 33)) : E("", !0),
-            i(r).showSelect ? (h(), _("button", {
+            i(r).showSelect ? (h(), w("button", {
               key: 2,
               ref_key: "selectButtonRef",
               ref: Y,
@@ -4513,7 +4513,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   },
   emits: ["selected", "toggle", "reset-flow", "hover-value"],
   setup(e, { expose: t, emit: n }) {
-    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Xt(), o = n, d = e, { defaultedAriaLabels: s, defaultedTextInput: w, defaultedConfig: c, handleEventPropagation: f } = Ee(
+    const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = Xt(), o = n, d = e, { defaultedAriaLabels: s, defaultedTextInput: _, defaultedConfig: c, handleEventPropagation: f } = Ee(
       d
     ), { hideNavigationButtons: g } = ja(), T = q(!1), V = q(null), Y = q(null), $ = q([]), x = q(), O = q(null), D = q(0), S = q(null);
     ml(() => {
@@ -4525,18 +4525,18 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       d.arrowNavigation && (d.headerRefs?.length ? l(y) : a(y));
     }, P = () => {
       const y = Ge(Y);
-      y && (w.value.enabled || (V.value ? V.value?.focus({ preventScroll: !0 }) : y.focus({ preventScroll: !0 })), T.value = y.clientHeight < y.scrollHeight);
-    }, I = B(
+      y && (_.value.enabled || (V.value ? V.value?.focus({ preventScroll: !0 }) : y.focus({ preventScroll: !0 })), T.value = y.clientHeight < y.scrollHeight);
+    }, I = F(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !d.useRelative,
         "dp--overlay-relative": d.useRelative
       })
-    ), re = B(
+    ), re = F(
       () => d.useRelative ? { height: `${d.height}px`, width: "var(--dp-menu-min-width)" } : void 0
-    ), Q = B(() => ({
+    ), Q = F(() => ({
       dp__overlay_col: !0
-    })), H = B(
+    })), H = F(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -4544,7 +4544,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         dp__over_action_scroll: T.value,
         dp__button_bottom: d.isLast
       })
-    ), le = B(() => ({
+    ), le = F(() => ({
       dp__overlay_container: !0,
       dp__container_flex: d.items?.length <= 6,
       dp__container_block: d.items?.length > 6
@@ -4569,7 +4569,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       y && ((N.active || N.value === d.focusValue) && (V.value = y), d.arrowNavigation && (Array.isArray($.value[R]) ? $.value[R][de] = y : $.value[R] = [y], j()));
     }, j = () => {
       const y = d.headerRefs?.length ? [d.headerRefs].concat($.value) : $.value.concat([d.skipButtonRef ? [] : [O.value]]);
-      r(tt(y), d.headerRefs?.length ? "monthPicker" : "selectionGrid");
+      r(at(y), d.headerRefs?.length ? "monthPicker" : "selectionGrid");
     }, ie = (y) => {
       d.arrowNavigation || qt(y, c.value, !0);
     }, X = (y) => {
@@ -4581,24 +4581,24 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       }
     }, M = (y) => {
       switch (y.key) {
-        case Be.esc:
+        case Fe.esc:
           return b(y);
-        case Be.arrowLeft:
+        case Fe.arrowLeft:
           return ie(y);
-        case Be.arrowRight:
+        case Fe.arrowRight:
           return ie(y);
-        case Be.arrowUp:
+        case Fe.arrowUp:
           return ie(y);
-        case Be.arrowDown:
+        case Fe.arrowDown:
           return ie(y);
         default:
           return;
       }
     }, ne = (y) => {
-      if (y.key === Be.enter) return m();
-      if (y.key === Be.tab) return z();
+      if (y.key === Fe.enter) return m();
+      if (y.key === Fe.tab) return z();
     };
-    return t({ focusGrid: P }), (y, N) => (h(), _("div", {
+    return t({ focusGrid: P }), (y, N) => (h(), w("div", {
       ref_key: "gridWrapRef",
       ref: Y,
       class: se(I.value),
@@ -4610,22 +4610,22 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       onClick: N[0] || (N[0] = St(() => {
       }, ["prevent"]))
     }, [
-      J("div", {
+      K("div", {
         ref_key: "containerRef",
         ref: S,
         class: se(le.value),
         style: Ke({ "--dp-overlay-height": `${D.value}px` }),
         role: "grid"
       }, [
-        J("div", vu, [
-          K(y.$slots, "header")
+        K("div", vu, [
+          J(y.$slots, "header")
         ]),
-        y.$slots.overlay ? K(y.$slots, "overlay", { key: 0 }) : (h(!0), _(_e, { key: 1 }, Se(e.items, (R, de) => (h(), _("div", {
+        y.$slots.overlay ? J(y.$slots, "overlay", { key: 0 }) : (h(!0), w(_e, { key: 1 }, Se(e.items, (R, de) => (h(), w("div", {
           key: de,
           class: se(["dp__overlay_row", { dp__flex_row: e.items.length >= 3 }]),
           role: "row"
         }, [
-          (h(!0), _(_e, null, Se(R, (p, v) => (h(), _("div", {
+          (h(!0), w(_e, null, Se(R, (p, v) => (h(), w("div", {
             key: p.value,
             ref_for: !0,
             ref: (G) => k(G, p, de, v),
@@ -4639,21 +4639,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onKeydown: (G) => i(dt)(G, () => W(p), !0),
             onMouseover: (G) => X(p.value)
           }, [
-            J("div", {
+            K("div", {
               class: se(p.className)
             }, [
-              y.$slots.item ? K(y.$slots, "item", {
+              y.$slots.item ? J(y.$slots, "item", {
                 key: 0,
                 item: p
               }) : E("", !0),
-              y.$slots.item ? E("", !0) : (h(), _(_e, { key: 1 }, [
+              y.$slots.item ? E("", !0) : (h(), w(_e, { key: 1 }, [
                 pt($e(p.text), 1)
               ], 64))
             ], 2)
           ], 42, fu))), 128))
         ], 2))), 128))
       ], 6),
-      y.$slots["button-icon"] ? Dt((h(), _("button", {
+      y.$slots["button-icon"] ? Dt((h(), w("button", {
         key: 0,
         ref_key: "toggleButton",
         ref: O,
@@ -4664,7 +4664,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         onClick: m,
         onKeydown: ne
       }, [
-        K(y.$slots, "button-icon")
+        J(y.$slots, "button-icon")
       ], 42, pu)), [
         [Ma, !i(g)(e.hideNavigation, e.type)]
       ]) : E("", !0)
@@ -4679,12 +4679,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     isMobile: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = B(
+    const t = e, n = F(
       () => t.multiCalendars > 0 ? [...Array(t.multiCalendars).keys()] : [0]
-    ), a = B(() => ({
+    ), a = F(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
-    return (r, l) => (h(), _("div", {
+    return (r, l) => (h(), w("div", {
       class: se({
         dp__menu_inner: !e.stretch,
         "dp--menu--inner-stretched": e.stretch,
@@ -4693,11 +4693,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       }),
       "data-dp-mobile": e.isMobile
     }, [
-      (h(!0), _(_e, null, Se(n.value, (o, d) => (h(), _("div", {
+      (h(!0), w(_e, null, Se(n.value, (o, d) => (h(), w("div", {
         key: o,
         class: se(a.value)
       }, [
-        K(r.$slots, "default", {
+        J(r.$slots, "default", {
           instance: o,
           index: d
         })
@@ -4717,7 +4717,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
     const n = t, a = q(null);
-    return rt(() => n("set-ref", a)), (r, l) => (h(), _("button", {
+    return rt(() => n("set-ref", a)), (r, l) => (h(), w("button", {
       ref_key: "elRef",
       ref: a,
       type: "button",
@@ -4729,10 +4729,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       onClick: l[0] || (l[0] = (o) => n("activate")),
       onKeydown: l[1] || (l[1] = (o) => i(dt)(o, () => n("activate"), !0))
     }, [
-      J("span", {
+      K("span", {
         class: se(["dp__inner_nav", { dp__inner_nav_disabled: e.disabled }])
       }, [
-        K(r.$slots, "default")
+        J(r.$slots, "default")
       ], 2)
     ], 40, hu));
   }
@@ -4748,15 +4748,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: t }) {
-    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = ja(), { defaultedConfig: o, defaultedMultiCalendars: d, defaultedAriaLabels: s, defaultedTransitions: w, defaultedUI: c } = Ee(a), { showTransition: f, transitionName: g } = Sa(w), T = q(!1), V = B(() => Fn(a.year, a.locale)), Y = (O = !1, D) => {
+    const n = t, a = e, { showRightIcon: r, showLeftIcon: l } = ja(), { defaultedConfig: o, defaultedMultiCalendars: d, defaultedAriaLabels: s, defaultedTransitions: _, defaultedUI: c } = Ee(a), { showTransition: f, transitionName: g } = Sa(_), T = q(!1), V = F(() => Bn(a.year, a.locale)), Y = (O = !1, D) => {
       T.value = !T.value, n("toggle-year-picker", { flow: O, show: D });
     }, $ = (O) => {
       T.value = !1, n("year-select", O);
     }, x = (O = !1) => {
       n("handle-year", O);
     };
-    return (O, D) => (h(), _(_e, null, [
-      J("div", {
+    return (O, D) => (h(), w(_e, null, [
+      K("div", {
         class: se(["dp--year-mode-picker", { "dp--hidden-el": T.value }])
       }, [
         i(l)(i(d), e.instance) ? (h(), ke(Da, {
@@ -4768,12 +4768,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           onActivate: D[0] || (D[0] = (S) => x(!1))
         }, {
           default: be(() => [
-            O.$slots["arrow-left"] ? K(O.$slots, "arrow-left", { key: 0 }) : E("", !0),
+            O.$slots["arrow-left"] ? J(O.$slots, "arrow-left", { key: 0 }) : E("", !0),
             O.$slots["arrow-left"] ? E("", !0) : (h(), ke(i(An), { key: 1 }))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled", "class"])) : E("", !0),
-        J("button", {
+        K("button", {
           ref: "mpYearButtonRef",
           class: "dp__btn dp--year-select",
           type: "button",
@@ -4782,13 +4782,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           onClick: D[1] || (D[1] = () => Y(!1)),
           onKeydown: D[2] || (D[2] = hl(() => Y(!1), ["enter"]))
         }, [
-          O.$slots.year ? K(O.$slots, "year", {
+          O.$slots.year ? J(O.$slots, "year", {
             key: 0,
             year: e.year,
             text: V.value,
             value: e.year
           }) : E("", !0),
-          O.$slots.year ? E("", !0) : (h(), _(_e, { key: 1 }, [
+          O.$slots.year ? E("", !0) : (h(), w(_e, { key: 1 }, [
             pt($e(V.value), 1)
           ], 64))
         ], 40, yu),
@@ -4801,7 +4801,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           onActivate: D[3] || (D[3] = (S) => x(!0))
         }, {
           default: be(() => [
-            O.$slots["arrow-right"] ? K(O.$slots, "arrow-right", { key: 0 }) : E("", !0),
+            O.$slots["arrow-right"] ? J(O.$slots, "arrow-right", { key: 0 }) : E("", !0),
             O.$slots["arrow-right"] ? E("", !0) : (h(), ke(i(On), { key: 1 }))
           ]),
           _: 3
@@ -4827,7 +4827,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onSelected: D[4] || (D[4] = (S) => $(S))
           }, lt({
             "button-icon": be(() => [
-              O.$slots["calendar-icon"] ? K(O.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+              O.$slots["calendar-icon"] ? J(O.$slots, "calendar-icon", { key: 0 }) : E("", !0),
               O.$slots["calendar-icon"] ? E("", !0) : (h(), ke(i(ba), { key: 1 }))
             ]),
             _: 2
@@ -4835,7 +4835,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             O.$slots["year-overlay-value"] ? {
               name: "item",
               fn: be(({ item: S }) => [
-                K(O.$slots, "year-overlay-value", {
+                J(O.$slots, "year-overlay-value", {
                   text: S.text,
                   value: S.value
                 })
@@ -4873,14 +4873,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   props: o,
   filters: d,
   year: s,
-  month: w,
+  month: _,
   emit: c
 }) => {
-  const f = B(() => In(o.yearRange, o.locale, o.reverseYears)), g = q([!1]), T = B(() => (H, le) => {
+  const f = F(() => In(o.yearRange, o.locale, o.reverseYears)), g = q([!1]), T = F(() => (H, le) => {
     const C = Ye(xt(/* @__PURE__ */ new Date()), {
-      month: w.value(H),
+      month: _.value(H),
       year: s.value(H)
-    }), W = le ? Ba(C) : zt(C);
+    }), W = le ? Fa(C) : zt(C);
     return Qr(
       W,
       a.value.maxDate,
@@ -4904,7 +4904,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   }, $ = (H) => {
     if (!H) return Y();
     const le = Ye(Z(), r.value[H]);
-    return r.value[0].year = we(Fr(le, e.value.count - 1)), Y();
+    return r.value[0].year = we(Br(le, e.value.count - 1)), Y();
   }, x = (H, le) => {
     const C = Co(le, H);
     return t.value.showLastInRange && C > 1 ? le : H;
@@ -4923,7 +4923,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   });
   const U = (H, le) => {
     r.value[le].year = H, c("update-month-year", { instance: le, year: H, month: r.value[le].month }), e.value.count && !e.value.solo && $(le);
-  }, P = B(() => (H) => pa(f.value, (le) => {
+  }, P = F(() => (H) => pa(f.value, (le) => {
     const C = s.value(H) === le.value, W = Ca(
       le.value,
       ma(a.value.minDate),
@@ -4958,12 +4958,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     defaultedRange: o,
     defaultedHighlight: d,
     propDates: s,
-    defaultedTz: w,
+    defaultedTz: _,
     defaultedFilters: c,
     defaultedMultiDates: f
   } = Ee(e), g = () => {
     e.isTextInputDate && S(we(Z(e.startDate)), 0);
-  }, { modelValue: T, year: V, month: Y, calendars: $ } = Ra(e, t, g), x = B(() => Lr(e.formatLocale, e.locale, e.monthNameFormat)), O = q(null), { checkMinMaxRange: D } = Qt(e), {
+  }, { modelValue: T, year: V, month: Y, calendars: $ } = Ra(e, t, g), x = F(() => Lr(e.formatLocale, e.locale, e.monthNameFormat)), O = q(null), { checkMinMaxRange: D } = Qt(e), {
     selectYear: S,
     groupedYears: U,
     showYearPicker: P,
@@ -4997,22 +4997,22 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     if (o.value.enabled) {
       const de = C();
       if (Array.isArray(T.value) && Array.isArray(de)) {
-        const p = m(N, R, 0) || m(N, R, 1), v = It(xt(Z()), N, V.value(R));
+        const p = m(N, R, 0) || m(N, R, 1), v = Ht(xt(Z()), N, V.value(R));
         return $a(T.value, O.value, v) && !p;
       }
       return !1;
     }
     return !1;
-  }, k = B(() => (N) => pa(x.value, (R) => {
+  }, k = F(() => (N) => pa(x.value, (R) => {
     const de = W(N, R.value), p = Ca(
       R.value,
       qr(V.value(N), s.value.minDate),
       Ur(V.value(N), s.value.maxDate)
     ) || Ei(s.value.disabledDates, V.value(N), R.value) || c.value.months?.includes(R.value) || !Ni(s.value.allowedDates, V.value(N), R.value) || Jr(e.yearRange, V.value(N)), v = b(R.value, N), G = Gr(d.value, R.value, V.value(N));
     return { active: de, disabled: p, isBetween: v, highlighted: G };
-  })), j = (N, R) => It(xt(Z()), N, V.value(R)), ie = (N, R) => {
+  })), j = (N, R) => Ht(xt(Z()), N, V.value(R)), ie = (N, R) => {
     const de = T.value ? T.value : xt(/* @__PURE__ */ new Date());
-    T.value = It(de, N, V.value(R)), t("auto-apply"), t("update-flow-step");
+    T.value = Ht(de, N, V.value(R)), t("auto-apply"), t("update-flow-step");
   }, X = (N, R) => {
     const de = j(N, R);
     o.value.fixedEnd || o.value.fixedStart ? T.value = al(de, T, t, o) : T.value ? D(de, T.value) && (T.value = Nn(T, j(N, R), t)) : T.value = [j(N, R)], ze().then(() => {
@@ -5046,7 +5046,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         value: N,
         modelValue: T,
         range: o.value.enabled,
-        timezone: R ? void 0 : w.value.timezone
+        timezone: R ? void 0 : _.value.timezone
       }), t("auto-apply");
     },
     setHoverDate: (N, R) => {
@@ -5088,7 +5088,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     const {
       groupedMonths: d,
       groupedYears: s,
-      year: w,
+      year: _,
       isDisabled: c,
       defaultedMultiCalendars: f,
       defaultedConfig: g,
@@ -5105,7 +5105,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     } = gu(o, a);
     return t({ getSidebarProps: () => ({
       modelValue: V,
-      year: w,
+      year: _,
       getModelMonthYear: P,
       selectMonth: x,
       selectYear: O,
@@ -5117,12 +5117,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       "is-mobile": I.isMobile
     }, {
       default: be(({ instance: Q }) => [
-        I.$slots["top-extra"] ? K(I.$slots, "top-extra", {
+        I.$slots["top-extra"] ? J(I.$slots, "top-extra", {
           key: 0,
           value: I.internalModelValue
         }) : E("", !0),
-        I.$slots["month-year"] ? K(I.$slots, "month-year", at(Ie({ key: 1 }, {
-          year: i(w),
+        I.$slots["month-year"] ? J(I.$slots, "month-year", nt(Ie({ key: 1 }, {
+          year: i(_),
           months: i(d)(Q),
           years: i(s)(Q),
           selectMonth: i(x),
@@ -5147,7 +5147,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
               items: i(s)(Q),
               instance: Q,
               "show-year-picker": i(T)[Q],
-              year: i(w)(Q),
+              year: i(_)(Q),
               "is-disabled": (H) => i(c)(Q, H),
               onHandleYear: (H) => i(U)(Q, H),
               onYearSelect: (H) => i(S)(H, Q),
@@ -5156,7 +5156,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
               Se(i(l), (H, le) => ({
                 name: H,
                 fn: be((C) => [
-                  K(I.$slots, H, at(vt(C)))
+                  J(I.$slots, H, nt(vt(C)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -5166,7 +5166,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           I.$slots["month-overlay-value"] ? {
             name: "item",
             fn: be(({ item: H }) => [
-              K(I.$slots, "month-overlay-value", {
+              J(I.$slots, "month-overlay-value", {
                 text: H.text,
                 value: H.value
               })
@@ -5181,15 +5181,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 }), wu = (e, t) => {
   const n = () => {
     e.isTextInputDate && (c.value = we(Z(e.startDate)));
-  }, { modelValue: a } = Ra(e, t, n), r = q(null), { defaultedHighlight: l, defaultedMultiDates: o, defaultedFilters: d, defaultedRange: s, propDates: w } = Ee(e), c = q();
+  }, { modelValue: a } = Ra(e, t, n), r = q(null), { defaultedHighlight: l, defaultedMultiDates: o, defaultedFilters: d, defaultedRange: s, propDates: _ } = Ee(e), c = q();
   rt(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (c.value = we(Z(e.startDate)));
   });
-  const f = (x) => Array.isArray(a.value) ? a.value.some((O) => we(O) === x) : a.value ? we(a.value) === x : !1, g = (x) => s.value.enabled && Array.isArray(a.value) ? $a(a.value, r.value, $(x)) : !1, T = (x) => w.value.allowedDates instanceof Map ? w.value.allowedDates.size ? w.value.allowedDates.has(`${x}`) : !1 : !0, V = (x) => w.value.disabledDates instanceof Map ? w.value.disabledDates.size ? w.value.disabledDates.has(`${x}`) : !1 : typeof w.value.disabledDates == "function" ? w.value.disabledDates(Mt(et(zt(Z())), x)) : !0, Y = B(() => pa(In(e.yearRange, e.locale, e.reverseYears), (x) => {
+  const f = (x) => Array.isArray(a.value) ? a.value.some((O) => we(O) === x) : a.value ? we(a.value) === x : !1, g = (x) => s.value.enabled && Array.isArray(a.value) ? $a(a.value, r.value, $(x)) : !1, T = (x) => _.value.allowedDates instanceof Map ? _.value.allowedDates.size ? _.value.allowedDates.has(`${x}`) : !1 : !0, V = (x) => _.value.disabledDates instanceof Map ? _.value.disabledDates.size ? _.value.disabledDates.has(`${x}`) : !1 : typeof _.value.disabledDates == "function" ? _.value.disabledDates(Mt(tt(zt(Z())), x)) : !0, Y = F(() => pa(In(e.yearRange, e.locale, e.reverseYears), (x) => {
     const O = f(x.value), D = Ca(
       x.value,
-      ma(w.value.minDate),
-      ma(w.value.maxDate)
+      ma(_.value.minDate),
+      ma(_.value.maxDate)
     ) || d.value.years.includes(x.value) || !T(x.value) || V(x.value), S = g(x.value) && !O, U = Ln(l.value, x.value);
     return { active: O, disabled: D, isBetween: S, highlighted: U };
   })), $ = (x) => Mt(xt(zt(/* @__PURE__ */ new Date())), x);
@@ -5202,7 +5202,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     },
     selectYear: (x) => {
       if (t("update-month-year", { instance: 0, year: x }), o.value.enabled)
-        return a.value ? Array.isArray(a.value) && ((a.value?.map((O) => we(O))).includes(x) ? a.value = a.value.filter((O) => we(O) !== x) : a.value.push(Mt(et(Z()), x))) : a.value = [Mt(et(zt(Z())), x)], t("auto-apply", !0);
+        return a.value ? Array.isArray(a.value) && ((a.value?.map((O) => we(O))).includes(x) ? a.value = a.value.filter((O) => we(O) !== x) : a.value.push(Mt(tt(Z()), x))) : a.value = [Mt(tt(zt(Z())), x)], t("auto-apply", !0);
       s.value.enabled ? (a.value = Nn(a, $(x), t), ze().then(() => {
         Ua(a.value, t, e.autoApply, e.modelAuto);
       })) : (a.value = $(x), t("auto-apply"));
@@ -5225,16 +5225,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     "update-month-year"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { groupedYears: l, modelValue: o, focusYear: d, selectYear: s, setHoverValue: w } = wu(r, a), { defaultedConfig: c } = Ee(r);
+    const a = n, r = e, { groupedYears: l, modelValue: o, focusYear: d, selectYear: s, setHoverValue: _ } = wu(r, a), { defaultedConfig: c } = Ee(r);
     return t({ getSidebarProps: () => ({
       modelValue: o,
       selectYear: s
-    }) }), (f, g) => (h(), _("div", null, [
-      f.$slots["top-extra"] ? K(f.$slots, "top-extra", {
+    }) }), (f, g) => (h(), w("div", null, [
+      f.$slots["top-extra"] ? J(f.$slots, "top-extra", {
         key: 0,
         value: f.internalModelValue
       }) : E("", !0),
-      f.$slots["month-year"] ? K(f.$slots, "month-year", at(Ie({ key: 1 }, {
+      f.$slots["month-year"] ? J(f.$slots, "month-year", nt(Ie({ key: 1 }, {
         years: i(l),
         selectYear: i(s)
       }))) : (h(), ke(Oa, {
@@ -5248,12 +5248,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         type: "year",
         "use-relative": "",
         onSelected: i(s),
-        onHoverValue: i(w)
+        onHoverValue: i(_)
       }, lt({ _: 2 }, [
         f.$slots["year-overlay-value"] ? {
           name: "item",
           fn: be(({ item: T }) => [
-            K(f.$slots, "year-overlay-value", {
+            J(f.$slots, "year-overlay-value", {
               text: T.text,
               value: T.value
             })
@@ -5297,7 +5297,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     const a = n, r = e, { setTimePickerElements: l, setTimePickerBackRef: o } = Xt(), {
       defaultedAriaLabels: d,
       defaultedTransitions: s,
-      defaultedFilters: w,
+      defaultedFilters: _,
       defaultedConfig: c,
       defaultedRange: f,
       defaultedMultiCalendars: g
@@ -5314,15 +5314,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       minutes: u.minutes,
       seconds: r.enableSeconds ? u.seconds : 0,
       milliseconds: 0
-    }), P = B(
+    }), P = F(
       () => (u) => X(u, r[u]) || re(u, r[u])
-    ), I = B(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), re = (u, ce) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(u, ce) : !1, Q = (u, ce) => {
+    ), I = F(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), re = (u, ce) => f.value.enabled && !f.value.disableTimeRangeValidation ? !r.validateTime(u, ce) : !1, Q = (u, ce) => {
       if (f.value.enabled && !f.value.disableTimeRangeValidation) {
         const L = ce ? +r[`${u}Increment`] : -+r[`${u}Increment`], xe = r[u] + L;
         return !r.validateTime(u, xe);
       }
       return !1;
-    }, H = B(() => (u) => !N(+r[u] + +r[`${u}Increment`], u) || Q(u, !0)), le = B(() => (u) => !N(+r[u] - +r[`${u}Increment`], u) || Q(u, !1)), C = (u, ce) => wr(Ye(Z(), u), ce), W = (u, ce) => _i(Ye(Z(), u), ce), m = B(
+    }, H = F(() => (u) => !N(+r[u] + +r[`${u}Increment`], u) || Q(u, !0)), le = F(() => (u) => !N(+r[u] - +r[`${u}Increment`], u) || Q(u, !1)), C = (u, ce) => wr(Ye(Z(), u), ce), W = (u, ce) => _i(Ye(Z(), u), ce), m = F(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -5332,16 +5332,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         dp__time_col_sec: r.enableSeconds && r.is24,
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
-    ), b = B(
+    ), b = F(
       () => r.timePickerInline && f.value.enabled && !g.value.count
-    ), k = B(() => {
+    ), k = F(() => {
       const u = [{ type: "hours" }];
       return r.enableMinutes && u.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), r.enableSeconds && u.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), u;
-    }), j = B(() => k.value.filter((u) => !u.separator)), ie = B(() => (u) => {
+    }), j = F(() => k.value.filter((u) => !u.separator)), ie = F(() => (u) => {
       if (u === "hours") {
         const ce = Pe(+r.hours);
         return { text: ce < 10 ? `0${ce}` : `${ce}`, value: ce };
@@ -5355,7 +5355,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       const ce = r.is24 ? 24 : 12, L = u === "hours" ? ce : 60, xe = +r[`${u}GridIncrement`], ye = u === "hours" && !r.is24 ? xe : 0, ot = [];
       for (let Ue = ye; Ue < L; Ue += xe)
         ot.push({ value: r.is24 ? Ue : z(Ue, u), text: Ue < 10 ? `0${Ue}` : `${Ue}` });
-      return u === "hours" && !r.is24 && ot.unshift({ value: $.value === "PM" ? 12 : 0, text: "12" }), pa(ot, (Ue) => ({ active: !1, disabled: w.value.times[u].includes(Ue.value) || !N(Ue.value, u) || X(u, Ue.value) || re(u, Ue.value) }));
+      return u === "hours" && !r.is24 && ot.unshift({ value: $.value === "PM" ? 12 : 0, text: "12" }), pa(ot, (Ue) => ({ active: !1, disabled: _.value.times[u].includes(Ue.value) || !N(Ue.value, u) || X(u, Ue.value) || re(u, Ue.value) }));
     }, ne = (u) => u >= 0 ? u : 59, y = (u) => u >= 0 ? u : 23, N = (u, ce) => {
       const L = r.minTime ? U(rn(r.minTime)) : null, xe = r.maxTime ? U(rn(r.maxTime)) : null, ye = U(
         rn(
@@ -5367,7 +5367,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       return L && xe ? (fa(ye, xe) || ia(ye, xe)) && (ta(ye, L) || ia(ye, L)) : L ? ta(ye, L) || ia(ye, L) : xe ? fa(ye, xe) || ia(ye, xe) : !0;
     }, R = (u) => r[`no${u[0].toUpperCase() + u.slice(1)}Overlay`], de = (u) => {
       R(u) || (Y[u] = !Y[u], Y[u] ? (S.value = !0, a("overlay-opened", u)) : (S.value = !1, a("overlay-closed", u)));
-    }, p = (u) => u === "hours" ? Ht : u === "minutes" ? jt : va, v = () => {
+    }, p = (u) => u === "hours" ? Bt : u === "minutes" ? jt : va, v = () => {
       D.value && clearTimeout(D.value);
     }, G = (u, ce = !0, L) => {
       const xe = ce ? C : W, ye = ce ? +r[`${u}Increment`] : -+r[`${u}Increment`];
@@ -5391,19 +5391,19 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         o(r.closeTimePickerBtn), x.value && (xe[1] = xe[1].concat(x.value)), l(xe, r.order);
       }
     }, ue = (u, ce) => (de(u), a(`update:${u}`, ce));
-    return t({ openChildCmp: Me }), (u, ce) => u.disabled ? E("", !0) : (h(), _("div", ku, [
-      (h(!0), _(_e, null, Se(k.value, (L, xe) => (h(), _("div", {
+    return t({ openChildCmp: Me }), (u, ce) => u.disabled ? E("", !0) : (h(), w("div", ku, [
+      (h(!0), w(_e, null, Se(k.value, (L, xe) => (h(), w("div", {
         key: xe,
         class: se(m.value),
         "data-compact": b.value && !u.enableSeconds,
         "data-collapsed": b.value && u.enableSeconds
       }, [
-        L.separator ? (h(), _(_e, { key: 0 }, [
-          S.value ? E("", !0) : (h(), _(_e, { key: 0 }, [
+        L.separator ? (h(), w(_e, { key: 0 }, [
+          S.value ? E("", !0) : (h(), w(_e, { key: 0 }, [
             pt(":")
           ], 64))
-        ], 64)) : (h(), _(_e, { key: 1 }, [
-          J("button", {
+        ], 64)) : (h(), w(_e, { key: 1 }, [
+          K("button", {
             ref_for: !0,
             ref: (ye) => ae(ye, xe, 0),
             type: "button",
@@ -5423,17 +5423,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onMousedown: (ye) => i(c).timeArrowHoldThreshold ? G(L.type, !0) : void 0,
             onMouseup: v
           }, [
-            r.timePickerInline ? (h(), _(_e, { key: 1 }, [
-              u.$slots["tp-inline-arrow-up"] ? K(u.$slots, "tp-inline-arrow-up", { key: 0 }) : (h(), _(_e, { key: 1 }, [
-                ce[2] || (ce[2] = J("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                ce[3] || (ce[3] = J("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+            r.timePickerInline ? (h(), w(_e, { key: 1 }, [
+              u.$slots["tp-inline-arrow-up"] ? J(u.$slots, "tp-inline-arrow-up", { key: 0 }) : (h(), w(_e, { key: 1 }, [
+                ce[2] || (ce[2] = K("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                ce[3] || (ce[3] = K("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
               ], 64))
-            ], 64)) : (h(), _(_e, { key: 0 }, [
-              u.$slots["arrow-up"] ? K(u.$slots, "arrow-up", { key: 0 }) : E("", !0),
+            ], 64)) : (h(), w(_e, { key: 0 }, [
+              u.$slots["arrow-up"] ? J(u.$slots, "arrow-up", { key: 0 }) : E("", !0),
               u.$slots["arrow-up"] ? E("", !0) : (h(), ke(i(Rn), { key: 1 }))
             ], 64))
           ], 42, xu),
-          J("button", {
+          K("button", {
             ref_for: !0,
             ref: (ye) => ae(ye, xe, 1),
             type: "button",
@@ -5452,16 +5452,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onKeydown: (ye) => i(dt)(ye, () => de(L.type), !0),
             onClick: (ye) => de(L.type)
           }, [
-            u.$slots[L.type] ? K(u.$slots, L.type, {
+            u.$slots[L.type] ? J(u.$slots, L.type, {
               key: 0,
               text: ie.value(L.type).text,
               value: ie.value(L.type).value
             }) : E("", !0),
-            u.$slots[L.type] ? E("", !0) : (h(), _(_e, { key: 1 }, [
+            u.$slots[L.type] ? E("", !0) : (h(), w(_e, { key: 1 }, [
               pt($e(ie.value(L.type).text), 1)
             ], 64))
           ], 42, Du),
-          J("button", {
+          K("button", {
             ref_for: !0,
             ref: (ye) => ae(ye, xe, 2),
             type: "button",
@@ -5481,25 +5481,25 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onMousedown: (ye) => i(c).timeArrowHoldThreshold ? G(L.type, !1) : void 0,
             onMouseup: v
           }, [
-            r.timePickerInline ? (h(), _(_e, { key: 1 }, [
-              u.$slots["tp-inline-arrow-down"] ? K(u.$slots, "tp-inline-arrow-down", { key: 0 }) : (h(), _(_e, { key: 1 }, [
-                ce[4] || (ce[4] = J("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                ce[5] || (ce[5] = J("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+            r.timePickerInline ? (h(), w(_e, { key: 1 }, [
+              u.$slots["tp-inline-arrow-down"] ? J(u.$slots, "tp-inline-arrow-down", { key: 0 }) : (h(), w(_e, { key: 1 }, [
+                ce[4] || (ce[4] = K("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                ce[5] || (ce[5] = K("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
               ], 64))
-            ], 64)) : (h(), _(_e, { key: 0 }, [
-              u.$slots["arrow-down"] ? K(u.$slots, "arrow-down", { key: 0 }) : E("", !0),
+            ], 64)) : (h(), w(_e, { key: 0 }, [
+              u.$slots["arrow-down"] ? J(u.$slots, "arrow-down", { key: 0 }) : E("", !0),
               u.$slots["arrow-down"] ? E("", !0) : (h(), ke(i(Vn), { key: 1 }))
             ], 64))
           ], 42, Tu)
         ], 64))
       ], 10, Mu))), 128)),
-      u.is24 ? E("", !0) : (h(), _("div", Cu, [
-        u.$slots["am-pm-button"] ? K(u.$slots, "am-pm-button", {
+      u.is24 ? E("", !0) : (h(), w("div", Cu, [
+        u.$slots["am-pm-button"] ? J(u.$slots, "am-pm-button", {
           key: 0,
           toggle: ee,
           value: $.value
         }) : E("", !0),
-        u.$slots["am-pm-button"] ? E("", !0) : (h(), _("button", {
+        u.$slots["am-pm-button"] ? E("", !0) : (h(), w("button", {
           key: 1,
           ref_key: "amPmButton",
           ref: x,
@@ -5513,7 +5513,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           onKeydown: ce[0] || (ce[0] = (L) => i(dt)(L, () => ee(), !0))
         }, $e($.value), 41, $u))
       ])),
-      (h(!0), _(_e, null, Se(j.value, (L, xe) => (h(), ke(ga, {
+      (h(!0), w(_e, null, Se(j.value, (L, xe) => (h(), ke(ga, {
         key: xe,
         name: i(T)(Y[L.type]),
         css: i(V)
@@ -5535,7 +5535,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onResetFlow: ce[1] || (ce[1] = (ye) => u.$emit("reset-flow"))
           }, lt({
             "button-icon": be(() => [
-              u.$slots["clock-icon"] ? K(u.$slots, "clock-icon", { key: 0 }) : E("", !0),
+              u.$slots["clock-icon"] ? J(u.$slots, "clock-icon", { key: 0 }) : E("", !0),
               u.$slots["clock-icon"] ? E("", !0) : (h(), ke(ha(u.timePickerInline ? i(ba) : i(Sn)), { key: 1 }))
             ]),
             _: 2
@@ -5543,7 +5543,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             u.$slots[`${L.type}-overlay-value`] ? {
               name: "item",
               fn: be(({ item: ye }) => [
-                K(u.$slots, `${L.type}-overlay-value`, {
+                J(u.$slots, `${L.type}-overlay-value`, {
                   text: ye.text,
                   value: ye.value
                 })
@@ -5553,7 +5553,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             u.$slots[`${L.type}-overlay-header`] ? {
               name: "header",
               fn: be(() => [
-                K(u.$slots, `${L.type}-overlay-header`, {
+                J(u.$slots, `${L.type}-overlay-header`, {
                   toggle: () => de(L.type)
                 })
               ]),
@@ -5592,15 +5592,15 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, { buildMatrix: l, setTimePicker: o } = Xt(), d = mt(), { defaultedTransitions: s, defaultedAriaLabels: w, defaultedTextInput: c, defaultedConfig: f, defaultedRange: g } = Ee(r), { transitionName: T, showTransition: V } = Sa(s), { hideNavigationButtons: Y } = ja(), $ = q(null), x = q(null), O = q([]), D = q(null), S = q(!1);
+    const a = n, r = e, { buildMatrix: l, setTimePicker: o } = Xt(), d = mt(), { defaultedTransitions: s, defaultedAriaLabels: _, defaultedTextInput: c, defaultedConfig: f, defaultedRange: g } = Ee(r), { transitionName: T, showTransition: V } = Sa(s), { hideNavigationButtons: Y } = ja(), $ = q(null), x = q(null), O = q([]), D = q(null), S = q(!1);
     rt(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? l([Ge($.value)], "time") : o(!0, r.timePicker);
     });
-    const U = B(() => g.value.enabled && r.modelAuto ? Er(r.internalModelValue) : !0), P = q(!1), I = (X) => ({
+    const U = F(() => g.value.enabled && r.modelAuto ? Er(r.internalModelValue) : !0), P = q(!1), I = (X) => ({
       hours: Array.isArray(r.hours) ? r.hours[X] : r.hours,
       minutes: Array.isArray(r.minutes) ? r.minutes[X] : r.minutes,
       seconds: Array.isArray(r.seconds) ? r.seconds[X] : r.seconds
-    }), re = B(() => {
+    }), re = F(() => {
       const X = [];
       if (g.value.enabled)
         for (let z = 0; z < 2; z++)
@@ -5612,7 +5612,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       z || a("reset-flow"), P.value = X, a(X ? "overlay-opened" : "overlay-closed", it.time), r.arrowNavigation && o(X), ze(() => {
         M !== "" && O.value[0] && O.value[0].openChildCmp(M);
       });
-    }, H = B(() => ({
+    }, H = F(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !f.value.keepActionRow
@@ -5632,23 +5632,23 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     }, ie = (X) => {
       S.value = !0, a("overlay-opened", X);
     };
-    return t({ toggleTimePicker: Q }), (X, z) => (h(), _("div", {
+    return t({ toggleTimePicker: Q }), (X, z) => (h(), w("div", {
       class: "dp--tp-wrap",
       "data-dp-mobile": X.isMobile
     }, [
-      !X.timePicker && !X.timePickerInline ? Dt((h(), _("button", {
+      !X.timePicker && !X.timePickerInline ? Dt((h(), w("button", {
         key: 0,
         ref_key: "openTimePickerBtn",
         ref: $,
         type: "button",
         class: se({ ...H.value, "dp--hidden-el": P.value }),
-        "aria-label": i(w)?.openTimePicker,
+        "aria-label": i(_)?.openTimePicker,
         tabindex: X.noOverlayFocus ? void 0 : 0,
         "data-test-id": "open-time-picker-btn",
         onKeydown: z[0] || (z[0] = (M) => i(dt)(M, () => Q(!0))),
         onClick: z[1] || (z[1] = (M) => Q(!0))
       }, [
-        X.$slots["clock-icon"] ? K(X.$slots, "clock-icon", { key: 0 }) : E("", !0),
+        X.$slots["clock-icon"] ? J(X.$slots, "clock-icon", { key: 0 }) : E("", !0),
         X.$slots["clock-icon"] ? E("", !0) : (h(), ke(i(Sn), { key: 1 }))
       ], 42, Ou)), [
         [Ma, !i(Y)(X.hideNavigation, "time")]
@@ -5658,7 +5658,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         css: i(V) && !X.timePickerInline
       }, {
         default: be(() => [
-          P.value || X.timePicker || X.timePickerInline ? (h(), _("div", {
+          P.value || X.timePicker || X.timePickerInline ? (h(), w("div", {
             key: 0,
             ref_key: "overlayRef",
             ref: D,
@@ -5669,16 +5669,16 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
               "dp--overlay-relative": r.timePicker
             }),
             style: Ke(X.timePicker ? { height: `${i(f).modeHeight}px` } : void 0),
-            "aria-label": i(w)?.timePicker,
+            "aria-label": i(_)?.timePicker,
             tabindex: X.timePickerInline ? void 0 : 0
           }, [
-            J("div", {
+            K("div", {
               class: se(
                 X.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
               ),
               style: { display: "flex" }
             }, [
-              X.$slots["time-picker-overlay"] ? K(X.$slots, "time-picker-overlay", {
+              X.$slots["time-picker-overlay"] ? J(X.$slots, "time-picker-overlay", {
                 key: 0,
                 hours: e.hours,
                 minutes: e.minutes,
@@ -5687,11 +5687,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                 setMinutes: m,
                 setSeconds: b
               }) : E("", !0),
-              X.$slots["time-picker-overlay"] ? E("", !0) : (h(), _("div", {
+              X.$slots["time-picker-overlay"] ? E("", !0) : (h(), w("div", {
                 key: 1,
                 class: se(X.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
               }, [
-                (h(!0), _(_e, null, Se(re.value, (M, ne) => Dt((h(), ke(Pu, Ie({ key: ne }, { ref_for: !0 }, {
+                (h(!0), w(_e, null, Se(re.value, (M, ne) => Dt((h(), ke(Pu, Ie({ key: ne }, { ref_for: !0 }, {
                   ...X.$props,
                   order: ne,
                   hours: M.hours,
@@ -5716,25 +5716,25 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                   Se(i(le), (y, N) => ({
                     name: y,
                     fn: be((R) => [
-                      K(X.$slots, y, Ie({ ref_for: !0 }, R))
+                      J(X.$slots, y, Ie({ ref_for: !0 }, R))
                     ])
                   }))
                 ]), 1040, ["validate-time", "onUpdate:hours", "onUpdate:minutes", "onUpdate:seconds"])), [
                   [Ma, ne === 0 ? !0 : U.value]
                 ])), 128))
               ], 2)),
-              !X.timePicker && !X.timePickerInline ? Dt((h(), _("button", {
+              !X.timePicker && !X.timePickerInline ? Dt((h(), w("button", {
                 key: 2,
                 ref_key: "closeTimePickerBtn",
                 ref: x,
                 type: "button",
                 class: se({ ...H.value, "dp--hidden-el": S.value }),
-                "aria-label": i(w)?.closeTimePicker,
+                "aria-label": i(_)?.closeTimePicker,
                 tabindex: "0",
                 onKeydown: z[3] || (z[3] = (M) => i(dt)(M, () => Q(!1))),
                 onClick: z[4] || (z[4] = (M) => Q(!1))
               }, [
-                X.$slots["calendar-icon"] ? K(X.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+                X.$slots["calendar-icon"] ? J(X.$slots, "calendar-icon", { key: 0 }) : E("", !0),
                 X.$slots["calendar-icon"] ? E("", !0) : (h(), ke(i(ba), { key: 1 }))
               ], 42, Ru)), [
                 [Ma, !i(Y)(X.hideNavigation, "time")]
@@ -5749,11 +5749,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 }), ll = (e, t, n, a) => {
   const { defaultedRange: r } = Ee(e), l = (D, S) => Array.isArray(t[D]) ? t[D][S] : t[D], o = (D) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[D] : t.seconds : 0, d = (D, S) => D ? S !== void 0 ? Ut(D, l("hours", S), l("minutes", S), o(S)) : Ut(D, t.hours, t.minutes, o()) : Hr(Z(), o(S)), s = (D, S) => {
     t[D] = S;
-  }, w = B(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), c = (D, S) => {
+  }, _ = F(() => e.modelAuto && r.value.enabled ? Array.isArray(n.value) ? n.value.length > 1 : !1 : r.value.enabled), c = (D, S) => {
     const U = Object.fromEntries(
       Object.keys(t).map((P) => P === D ? [P, S] : [P, t[P]].slice())
     );
-    if (w.value && !r.value.disableTimeRangeValidation) {
+    if (_.value && !r.value.disableTimeRangeValidation) {
       const P = (re) => n.value ? Ut(
         n.value[re],
         U.hours[re],
@@ -5784,7 +5784,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       disabledArr: []
     };
     return (S || S === 0) && (U.hours = S), Array.isArray(e.disabledTimes) && (U.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[D]) ? e.disabledTimes[D] : e.disabledTimes), U;
-  }, O = B(() => (D, S) => {
+  }, O = F(() => (D, S) => {
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: U, hours: P } = x(D, S), I = U.filter((re) => +re.hours === P);
       return I[0]?.minutes === "*" ? { hours: [P], minutes: void 0, seconds: void 0 } : {
@@ -5810,7 +5810,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 }, Vu = (e, t) => {
   const n = () => {
     e.isTextInputDate && S();
-  }, { modelValue: a, time: r } = Ra(e, t, n), { defaultedStartTime: l, defaultedRange: o, defaultedTz: d } = Ee(e), { updateTimeValues: s, getSetDateTime: w, setTime: c, assignStartTime: f, disabledTimesConfig: g, validateTime: T } = ll(e, r, a, V);
+  }, { modelValue: a, time: r } = Ra(e, t, n), { defaultedStartTime: l, defaultedRange: o, defaultedTz: d } = Ee(e), { updateTimeValues: s, getSetDateTime: _, setTime: c, assignStartTime: f, disabledTimesConfig: g, validateTime: T } = ll(e, r, a, V);
   function V() {
     t("update-flow-step");
   }
@@ -5831,11 +5831,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     if (o.value.enabled) {
       const [P, I] = $();
       a.value = [
-        ft(w(P, 0), d.value.timezone),
-        ft(w(I, 1), d.value.timezone)
+        ft(_(P, 0), d.value.timezone),
+        ft(_(I, 1), d.value.timezone)
       ];
     } else
-      a.value = ft(w($()), d.value.timezone);
+      a.value = ft(_($()), d.value.timezone);
   }, O = (P) => Array.isArray(P) ? [ea(Z(P[0])), ea(Z(P[1]))] : [ea(P ?? Z())], D = (P, I, re) => {
     c("hours", P), c("minutes", I), c("seconds", e.enableSeconds ? re : 0);
   }, S = () => {
@@ -5851,7 +5851,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       return f(l.value), a.value ? S() : x();
   });
   const U = () => {
-    Array.isArray(a.value) ? a.value = a.value.map((P, I) => P && w(P, I)) : a.value = w(a.value), t("time-update");
+    Array.isArray(a.value) ? a.value = a.value.map((P, I) => P && _(P, I)) : a.value = _(a.value), t("time-update");
   };
   return {
     modelValue: a,
@@ -5880,11 +5880,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     "overlay-toggle"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = mt(), o = ht(l, "timePicker"), d = q(null), { time: s, modelValue: w, disabledTimesConfig: c, updateTime: f, validateTime: g } = Vu(r, a);
+    const a = n, r = e, l = mt(), o = ht(l, "timePicker"), d = q(null), { time: s, modelValue: _, disabledTimesConfig: c, updateTime: f, validateTime: g } = Vu(r, a);
     return rt(() => {
       r.shadow || a("mount", null);
     }), t({ getSidebarProps: () => ({
-      modelValue: w,
+      modelValue: _,
       time: s,
       updateTime: f
     }), toggleTimePicker: (T, V = !1, Y = "") => {
@@ -5916,7 +5916,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           Se(i(o), (Y, $) => ({
             name: Y,
             fn: be((x) => [
-              K(T.$slots, Y, at(vt(x)))
+              J(T.$slots, Y, nt(vt(x)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"])
@@ -5927,7 +5927,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
 }), Iu = { class: "dp--header-wrap" }, Hu = {
   key: 0,
   class: "dp__month_year_wrap"
-}, Fu = { key: 0 }, Bu = { class: "dp__month_year_wrap" }, Lu = ["data-dp-element", "aria-label", "data-test-id", "onClick", "onKeydown"], Eu = /* @__PURE__ */ Ae({
+}, Bu = { key: 0 }, Fu = { class: "dp__month_year_wrap" }, Lu = ["data-dp-element", "aria-label", "data-test-id", "onClick", "onKeydown"], Eu = /* @__PURE__ */ Ae({
   compatConfig: {
     MODE: 3
   },
@@ -5947,7 +5947,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       defaultedAriaLabels: o,
       defaultedMultiCalendars: d,
       defaultedFilters: s,
-      defaultedConfig: w,
+      defaultedConfig: _,
       defaultedHighlight: c,
       propDates: f,
       defaultedUI: g
@@ -5961,21 +5961,21 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         const R = y === _t.month ? _t.year : _t.month;
         a("update-month-year", { [y]: N, [R]: r[R] }), y === _t.month ? j(!0) : ie(!0);
       }
-    }), H = B(Q(_t.month)), le = B(Q(_t.year)), C = B(() => (y) => ({
+    }), H = F(Q(_t.month)), le = F(Q(_t.year)), C = F(() => (y) => ({
       month: r.month,
       year: r.year,
       items: y === _t.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: O,
       toggle: y === _t.month ? j : ie
-    })), W = B(() => r.months.find((N) => N.value === r.month) || { text: "", value: 0 }), m = B(() => pa(r.months, (y) => {
+    })), W = F(() => r.months.find((N) => N.value === r.month) || { text: "", value: 0 }), m = F(() => pa(r.months, (y) => {
       const N = r.month === y.value, R = Ca(
         y.value,
         qr(r.year, f.value.minDate),
         Ur(r.year, f.value.maxDate)
       ) || s.value.months.includes(y.value), de = Gr(c.value, y.value, r.year);
       return { active: N, disabled: R, highlighted: de };
-    })), b = B(() => pa(r.years, (y) => {
+    })), b = F(() => pa(r.years, (y) => {
       const N = r.year === y.value, R = Ca(
         y.value,
         ma(f.value.minDate),
@@ -5992,7 +5992,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       y || a("reset-flow");
     }, z = (y, N) => {
       r.arrowNavigation && (re.value[N] = Ge(y), Y(re.value, "monthYear"));
-    }, M = B(() => [
+    }, M = F(() => [
       {
         type: _t.month,
         index: 1,
@@ -6011,20 +6011,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         toggle: ie,
         modelValue: le.value,
         updateModelValue: (y) => le.value = y,
-        text: Fn(r.year, r.locale),
+        text: Bn(r.year, r.locale),
         showSelectionGrid: P.value,
         items: b.value,
         ariaLabel: o.value?.openYearsOverlay,
         overlayLabel: o.value.yearPicker?.(!0) ?? void 0
       }
-    ]), ne = B(() => r.disableYearSelect ? [M.value[0]] : r.yearFirst ? [...M.value].reverse() : M.value);
+    ]), ne = F(() => r.disableYearSelect ? [M.value[0]] : r.yearFirst ? [...M.value].reverse() : M.value);
     return t({
       toggleMonthPicker: j,
       toggleYearPicker: ie,
       handleMonthYearChange: $
-    }), (y, N) => (h(), _("div", Iu, [
-      y.$slots["month-year"] ? (h(), _("div", Hu, [
-        K(y.$slots, "month-year", at(vt({
+    }), (y, N) => (h(), w("div", Iu, [
+      y.$slots["month-year"] ? (h(), w("div", Hu, [
+        J(y.$slots, "month-year", nt(vt({
           month: e.month,
           year: e.year,
           months: e.months,
@@ -6034,11 +6034,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           instance: e.instance,
           isDisabled: i(x)
         })))
-      ])) : (h(), _(_e, { key: 1 }, [
-        y.$slots["top-extra"] ? (h(), _("div", Fu, [
-          K(y.$slots, "top-extra", { value: y.internalModelValue })
+      ])) : (h(), w(_e, { key: 1 }, [
+        y.$slots["top-extra"] ? (h(), w("div", Bu, [
+          J(y.$slots, "top-extra", { value: y.internalModelValue })
         ])) : E("", !0),
-        J("div", Bu, [
+        K("div", Fu, [
           i(D)(i(d), e.instance) && !y.vertical ? (h(), ke(Da, {
             key: 0,
             "aria-label": i(o)?.prevMonth,
@@ -6049,20 +6049,20 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onSetRef: N[1] || (N[1] = (R) => z(R, 0))
           }, {
             default: be(() => [
-              y.$slots["arrow-left"] ? K(y.$slots, "arrow-left", { key: 0 }) : E("", !0),
+              y.$slots["arrow-left"] ? J(y.$slots, "arrow-left", { key: 0 }) : E("", !0),
               y.$slots["arrow-left"] ? E("", !0) : (h(), ke(i(An), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : E("", !0),
-          J("div", {
+          K("div", {
             class: se(["dp__month_year_wrap", {
               dp__year_disable_select: y.disableYearSelect
             }])
           }, [
-            (h(!0), _(_e, null, Se(ne.value, (R, de) => (h(), _(_e, {
+            (h(!0), w(_e, null, Se(ne.value, (R, de) => (h(), w(_e, {
               key: R.type
             }, [
-              J("button", {
+              K("button", {
                 ref_for: !0,
                 ref: (p) => z(p, de + 1),
                 type: "button",
@@ -6073,12 +6073,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                 onClick: R.toggle,
                 onKeydown: (p) => i(dt)(p, () => R.toggle(), !0)
               }, [
-                y.$slots[R.type] ? K(y.$slots, R.type, {
+                y.$slots[R.type] ? J(y.$slots, R.type, {
                   key: 0,
                   text: R.text,
                   value: r[R.type]
                 }) : E("", !0),
-                y.$slots[R.type] ? E("", !0) : (h(), _(_e, { key: 1 }, [
+                y.$slots[R.type] ? E("", !0) : (h(), w(_e, { key: 1 }, [
                   pt($e(R.text), 1)
                 ], 64))
               ], 42, Lu),
@@ -6092,7 +6092,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                     items: R.items,
                     "arrow-navigation": y.arrowNavigation,
                     "hide-navigation": y.hideNavigation,
-                    "is-last": y.autoApply && !i(w).keepActionRow,
+                    "is-last": y.autoApply && !i(_).keepActionRow,
                     "skip-button-ref": !1,
                     config: y.config,
                     type: R.type,
@@ -6106,7 +6106,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                     onToggle: R.toggle
                   }, lt({
                     "button-icon": be(() => [
-                      y.$slots["calendar-icon"] ? K(y.$slots, "calendar-icon", { key: 0 }) : E("", !0),
+                      y.$slots["calendar-icon"] ? J(y.$slots, "calendar-icon", { key: 0 }) : E("", !0),
                       y.$slots["calendar-icon"] ? E("", !0) : (h(), ke(i(ba), { key: 1 }))
                     ]),
                     _: 2
@@ -6114,7 +6114,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                     y.$slots[`${R.type}-overlay-value`] ? {
                       name: "item",
                       fn: be(({ item: p }) => [
-                        K(y.$slots, `${R.type}-overlay-value`, {
+                        J(y.$slots, `${R.type}-overlay-value`, {
                           text: p.text,
                           value: p.value
                         })
@@ -6124,14 +6124,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                     y.$slots[`${R.type}-overlay`] ? {
                       name: "overlay",
                       fn: be(() => [
-                        K(y.$slots, `${R.type}-overlay`, Ie({ ref_for: !0 }, C.value(R.type)))
+                        J(y.$slots, `${R.type}-overlay`, Ie({ ref_for: !0 }, C.value(R.type)))
                       ]),
                       key: "1"
                     } : void 0,
                     y.$slots[`${R.type}-overlay-header`] ? {
                       name: "header",
                       fn: be(() => [
-                        K(y.$slots, `${R.type}-overlay-header`, {
+                        J(y.$slots, `${R.type}-overlay-header`, {
                           toggle: R.toggle
                         })
                       ]),
@@ -6152,7 +6152,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onActivate: N[2] || (N[2] = (R) => i($)(!1, !0))
           }, {
             default: be(() => [
-              y.$slots["arrow-up"] ? K(y.$slots, "arrow-up", { key: 0 }) : E("", !0),
+              y.$slots["arrow-up"] ? J(y.$slots, "arrow-up", { key: 0 }) : E("", !0),
               y.$slots["arrow-up"] ? E("", !0) : (h(), ke(i(Rn), { key: 1 }))
             ]),
             _: 3
@@ -6168,7 +6168,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onSetRef: N[4] || (N[4] = (R) => z(R, y.disableYearSelect ? 2 : 3))
           }, {
             default: be(() => [
-              y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? K(y.$slots, y.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : E("", !0),
+              y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? J(y.$slots, y.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : E("", !0),
               y.$slots[y.vertical ? "arrow-down" : "arrow-right"] ? E("", !0) : (h(), ke(ha(y.vertical ? i(Vn) : i(On)), { key: 1 }))
             ]),
             _: 3
@@ -6215,7 +6215,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       defaultedTransitions: o,
       defaultedConfig: d,
       defaultedAriaLabels: s,
-      defaultedMultiCalendars: w,
+      defaultedMultiCalendars: _,
       defaultedWeekNumbers: c,
       defaultedMultiDates: f,
       defaultedUI: g
@@ -6223,7 +6223,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       bottom: "",
       left: "",
       transform: ""
-    }), Y = q([]), $ = q(null), x = q(!0), O = q(""), D = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), S = q([]), U = q({ left: "50%" }), P = q(!1), I = B(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), re = B(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : Ci(r.formatLocale, r.locale, +r.weekStart));
+    }), Y = q([]), $ = q(null), x = q(!0), O = q(""), D = q({ startX: 0, endX: 0, startY: 0, endY: 0 }), S = q([]), U = q({ left: "50%" }), P = q(!1), I = F(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), re = F(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : Ci(r.formatLocale, r.locale, +r.weekStart));
     rt(() => {
       a("mount", { cmp: "calendar", refs: Y }), d.value.noSwipe || $.value && ($.value.addEventListener("touchstart", z, { passive: !1 }), $.value.addEventListener("touchend", M, { passive: !1 }), $.value.addEventListener("touchmove", ne, { passive: !1 })), r.monthChangeOnScroll && $.value && $.value.addEventListener("wheel", R, { passive: !1 });
     }), ya(() => {
@@ -6231,25 +6231,25 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     });
     const Q = (ee) => ee ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", H = (ee, Me) => {
       if (r.transitions) {
-        const ae = et(It(Z(), r.month, r.year));
-        O.value = Xe(et(It(Z(), ee, Me)), ae) ? o.value[Q(!0)] : o.value[Q(!1)], x.value = !1, ze(() => {
+        const ae = tt(Ht(Z(), r.month, r.year));
+        O.value = Xe(tt(Ht(Z(), ee, Me)), ae) ? o.value[Q(!0)] : o.value[Q(!1)], x.value = !1, ze(() => {
           x.value = !0;
         });
       }
-    }, le = B(
+    }, le = F(
       () => ({
         ...g.value.calendar ?? {}
       })
-    ), C = B(() => (ee) => {
+    ), C = F(() => (ee) => {
       const Me = Pi(ee);
       return {
         dp__marker_dot: Me.type === "dot",
         dp__marker_line: Me.type === "line"
       };
-    }), W = B(() => (ee) => Ce(ee, T.value)), m = B(() => ({
+    }), W = F(() => (ee) => Ce(ee, T.value)), m = F(() => ({
       dp__calendar: !0,
-      dp__calendar_next: w.value.count > 0 && r.instance !== 0
-    })), b = B(() => (ee) => r.hideOffsetDates ? ee.current : !0), k = async (ee, Me) => {
+      dp__calendar_next: _.value.count > 0 && r.instance !== 0
+    })), b = F(() => (ee) => r.hideOffsetDates ? ee.current : !0), k = async (ee, Me) => {
       const { width: ae, height: ue } = ee.getBoundingClientRect();
       T.value = Me.value;
       let u = { left: `${ae / 2}px` }, ce = -50;
@@ -6297,55 +6297,55 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     }, Pe = (ee) => {
       f.value.enabled && f.value.dragSelect ? (P.value = !0, a("select-date", ee)) : f.value.enabled && a("select-date", ee);
     };
-    return t({ triggerTransition: H }), (ee, Me) => (h(), _("div", {
+    return t({ triggerTransition: H }), (ee, Me) => (h(), w("div", {
       class: se(m.value)
     }, [
-      J("div", {
+      K("div", {
         ref_key: "calendarWrapRef",
         ref: $,
         class: se(le.value),
         role: "grid"
       }, [
-        J("div", Nu, [
-          ee.weekNumbers ? (h(), _("div", Wu, $e(ee.weekNumName), 1)) : E("", !0),
-          (h(!0), _(_e, null, Se(re.value, (ae, ue) => (h(), _("div", {
+        K("div", Nu, [
+          ee.weekNumbers ? (h(), w("div", Wu, $e(ee.weekNumName), 1)) : E("", !0),
+          (h(!0), w(_e, null, Se(re.value, (ae, ue) => (h(), w("div", {
             key: ue,
             class: "dp__calendar_header_item",
             role: "gridcell",
             "data-test-id": "calendar-header",
             "aria-label": i(s)?.weekDay?.(ue)
           }, [
-            ee.$slots["calendar-header"] ? K(ee.$slots, "calendar-header", {
+            ee.$slots["calendar-header"] ? J(ee.$slots, "calendar-header", {
               key: 0,
               day: ae,
               index: ue
             }) : E("", !0),
-            ee.$slots["calendar-header"] ? E("", !0) : (h(), _(_e, { key: 1 }, [
+            ee.$slots["calendar-header"] ? E("", !0) : (h(), w(_e, { key: 1 }, [
               pt($e(ae), 1)
             ], 64))
           ], 8, zu))), 128))
         ]),
-        Me[2] || (Me[2] = J("div", { class: "dp__calendar_header_separator" }, null, -1)),
+        Me[2] || (Me[2] = K("div", { class: "dp__calendar_header_separator" }, null, -1)),
         He(ga, {
           name: O.value,
           css: !!ee.transitions
         }, {
           default: be(() => [
-            x.value ? (h(), _("div", {
+            x.value ? (h(), w("div", {
               key: 0,
               class: "dp__calendar",
               role: "rowgroup",
               onMouseleave: Me[1] || (Me[1] = (ae) => P.value = !1)
             }, [
-              (h(!0), _(_e, null, Se(I.value, (ae, ue) => (h(), _("div", {
+              (h(!0), w(_e, null, Se(I.value, (ae, ue) => (h(), w("div", {
                 key: ue,
                 class: "dp__calendar_row",
                 role: "row"
               }, [
-                ee.weekNumbers ? (h(), _("div", qu, [
-                  J("div", Uu, $e(p(ae.days)), 1)
+                ee.weekNumbers ? (h(), w("div", qu, [
+                  K("div", Uu, $e(p(ae.days)), 1)
                 ])) : E("", !0),
-                (h(!0), _(_e, null, Se(ae.days, (u, ce) => (h(), _("div", {
+                (h(!0), w(_e, null, Se(ae.days, (u, ce) => (h(), w("div", {
                   id: i(kn)(u.value),
                   ref_for: !0,
                   ref: (L) => N(L, ue, ce),
@@ -6365,30 +6365,30 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                   onMousedown: (L) => Pe(u),
                   onMouseup: Me[0] || (Me[0] = (L) => P.value = !1)
                 }, [
-                  J("div", {
+                  K("div", {
                     class: se(["dp__cell_inner", u.classData])
                   }, [
-                    ee.$slots.day && b.value(u) ? K(ee.$slots, "day", {
+                    ee.$slots.day && b.value(u) ? J(ee.$slots, "day", {
                       key: 0,
                       day: +u.text,
                       date: u.value
                     }) : E("", !0),
-                    ee.$slots.day ? E("", !0) : (h(), _(_e, { key: 1 }, [
+                    ee.$slots.day ? E("", !0) : (h(), w(_e, { key: 1 }, [
                       pt($e(u.text), 1)
                     ], 64)),
-                    u.marker && b.value(u) ? (h(), _(_e, { key: 2 }, [
-                      ee.$slots.marker ? K(ee.$slots, "marker", {
+                    u.marker && b.value(u) ? (h(), w(_e, { key: 2 }, [
+                      ee.$slots.marker ? J(ee.$slots, "marker", {
                         key: 0,
                         marker: u.marker,
                         day: +u.text,
                         date: u.value
-                      }) : (h(), _("div", {
+                      }) : (h(), w("div", {
                         key: 1,
                         class: se(C.value(u.marker)),
                         style: Ke(u.marker.color ? { backgroundColor: u.marker.color } : {})
                       }, null, 6))
                     ], 64)) : E("", !0),
-                    W.value(u.value) ? (h(), _("div", {
+                    W.value(u.value) ? (h(), w("div", {
                       key: 3,
                       ref_for: !0,
                       ref_key: "activeTooltip",
@@ -6396,29 +6396,29 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                       class: "dp__marker_tooltip",
                       style: Ke(V.value)
                     }, [
-                      u.marker?.tooltip ? (h(), _("div", {
+                      u.marker?.tooltip ? (h(), w("div", {
                         key: 0,
                         class: "dp__tooltip_content",
                         onClick: G
                       }, [
-                        (h(!0), _(_e, null, Se(u.marker.tooltip, (L, xe) => (h(), _("div", {
+                        (h(!0), w(_e, null, Se(u.marker.tooltip, (L, xe) => (h(), w("div", {
                           key: xe,
                           class: "dp__tooltip_text"
                         }, [
-                          ee.$slots["marker-tooltip"] ? K(ee.$slots, "marker-tooltip", {
+                          ee.$slots["marker-tooltip"] ? J(ee.$slots, "marker-tooltip", {
                             key: 0,
                             tooltip: L,
                             day: u.value
                           }) : E("", !0),
-                          ee.$slots["marker-tooltip"] ? E("", !0) : (h(), _(_e, { key: 1 }, [
-                            J("div", {
+                          ee.$slots["marker-tooltip"] ? E("", !0) : (h(), w(_e, { key: 1 }, [
+                            K("div", {
                               class: "dp__tooltip_mark",
                               style: Ke(L.color ? { backgroundColor: L.color } : {})
                             }, null, 4),
-                            J("div", null, $e(L.text), 1)
+                            K("div", null, $e(L.text), 1)
                           ], 64))
                         ]))), 128)),
-                        J("div", {
+                        K("div", {
                           class: "dp__arrow_bottom_tp",
                           style: Ke(U.value)
                         }, null, 4)
@@ -6435,7 +6435,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     ], 2));
   }
 }), vr = (e) => Array.isArray(e), Qu = (e, t, n, a) => {
-  const r = q([]), l = q(/* @__PURE__ */ new Date()), o = q(), d = () => M(e.isTextInputDate), { modelValue: s, calendars: w, time: c, today: f } = Ra(e, t, d), {
+  const r = q([]), l = q(/* @__PURE__ */ new Date()), o = q(), d = () => M(e.isTextInputDate), { modelValue: s, calendars: _, time: c, today: f } = Ra(e, t, d), {
     defaultedMultiCalendars: g,
     defaultedStartTime: T,
     defaultedRange: V,
@@ -6443,12 +6443,12 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     defaultedTz: $,
     propDates: x,
     defaultedMultiDates: O
-  } = Ee(e), { validateMonthYearInRange: D, isDisabled: S, isDateRangeAllowed: U, checkMinMaxRange: P } = Qt(e), { updateTimeValues: I, getSetDateTime: re, setTime: Q, assignStartTime: H, validateTime: le, disabledTimesConfig: C } = ll(e, c, s, a), W = B(
-    () => (A) => w.value[A] ? w.value[A].month : 0
-  ), m = B(
-    () => (A) => w.value[A] ? w.value[A].year : 0
+  } = Ee(e), { validateMonthYearInRange: D, isDisabled: S, isDateRangeAllowed: U, checkMinMaxRange: P } = Qt(e), { updateTimeValues: I, getSetDateTime: re, setTime: Q, assignStartTime: H, validateTime: le, disabledTimesConfig: C } = ll(e, c, s, a), W = F(
+    () => (A) => _.value[A] ? _.value[A].month : 0
+  ), m = F(
+    () => (A) => _.value[A] ? _.value[A].year : 0
   ), b = (A) => !Y.value.keepViewOnOffsetClick || A ? !0 : !o.value, k = (A, oe, me, De = !1) => {
-    b(De) && (w.value[A] || (w.value[A] = { month: 0, year: 0 }), w.value[A].month = or(oe) ? w.value[A]?.month : oe, w.value[A].year = or(me) ? w.value[A]?.year : me);
+    b(De) && (_.value[A] || (_.value[A] = { month: 0, year: 0 }), _.value[A].month = or(oe) ? _.value[A]?.month : oe, _.value[A].year = or(me) ? _.value[A]?.year : me);
   }, j = () => {
     e.autoApply && t("select-date");
   }, ie = () => {
@@ -6457,7 +6457,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
   rt(() => {
     e.shadow || (s.value || (Me(), ie()), M(!0), e.focusStartDate && e.startDate && Me());
   });
-  const X = B(() => e.flow?.length && !e.partialFlow ? e.flowStep === e.flow.length : !0), z = () => {
+  const X = F(() => e.flow?.length && !e.partialFlow ? e.flowStep === e.flow.length : !0), z = () => {
     e.autoApply && X.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, M = (A = !1) => {
     if (s.value)
@@ -6468,10 +6468,10 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     if ((!g.value.count || !g.value.static || oe) && k(0, Te(A), we(A)), g.value.count && (!s.value || ne() || !g.value.solo) && (!g.value.solo || oe))
       for (let me = 1; me < g.value.count; me++) {
         const De = Ye(Z(), { month: W.value(me - 1), year: m.value(me - 1) }), te = wr(De, { months: 1 });
-        w.value[me] = { month: Te(te), year: we(te) };
+        _.value[me] = { month: Te(te), year: we(te) };
       }
   }, N = (A, oe) => {
-    y(A), Q("hours", Ht(A)), Q("minutes", jt(A)), Q("seconds", va(A)), g.value.count && oe && ee();
+    y(A), Q("hours", Bt(A)), Q("minutes", jt(A)), Q("seconds", va(A)), g.value.count && oe && ee();
   }, R = (A) => {
     if (g.value.count) {
       if (g.value.solo) return 0;
@@ -6485,7 +6485,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       De(A[0]),
       A[1] ? De(A[1]) : c[te][1]
     ];
-    Q("hours", me(Ht, "hours")), Q("minutes", me(jt, "minutes")), Q("seconds", me(va, "seconds"));
+    Q("hours", me(Bt, "hours")), Q("minutes", me(jt, "minutes")), Q("seconds", me(va, "seconds"));
   }, p = (A, oe) => {
     if ((V.value.enabled || e.weekPicker) && !O.value.enabled)
       return de(A, oe);
@@ -6545,9 +6545,9 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     }
   }, xe = (A, oe, me, De) => {
     if (e.sixWeeks && A.length < 6) {
-      const te = 6 - A.length, pe = (oe.getDay() + 7 - De) % 7, ge = 6 - (me.getDay() + 7 - De) % 7, [Vt, Pt] = L(pe, ge);
+      const te = 6 - A.length, pe = (oe.getDay() + 7 - De) % 7, ge = 6 - (me.getDay() + 7 - De) % 7, [Yt, Pt] = L(pe, ge);
       for (let Zt = 1; Zt <= te; Zt++)
-        if (Pt ? !!(Zt % 2) == Vt : Vt) {
+        if (Pt ? !!(Zt % 2) == Yt : Yt) {
           const Lt = A[0].days[0], tn = ye(gt(Lt.value, -7), Te(oe));
           A.unshift({ days: tn });
         } else {
@@ -6569,22 +6569,22 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     }
     return De;
   }, ot = (A, oe) => {
-    const me = [], De = new Date(oe, A), te = new Date(oe, A + 1, 0), pe = e.weekStart, ge = Ct(De, { weekStartsOn: pe }), Vt = (Pt) => {
+    const me = [], De = new Date(oe, A), te = new Date(oe, A + 1, 0), pe = e.weekStart, ge = Ct(De, { weekStartsOn: pe }), Yt = (Pt) => {
       const Zt = ye(Pt, A);
       if (me.push({ days: Zt }), !me[me.length - 1].days.some(
-        (Lt) => Ce(et(Lt.value), et(te))
+        (Lt) => Ce(tt(Lt.value), tt(te))
       )) {
         const Lt = gt(Pt, 7);
-        Vt(Lt);
+        Yt(Lt);
       }
     };
-    return Vt(ge), xe(me, De, te, pe);
+    return Yt(ge), xe(me, De, te, pe);
   }, Ue = (A) => {
     const oe = Ut(Z(A.value), c.hours, c.minutes, ra());
     t("date-update", oe), O.value.enabled ? En(oe, s, O.value.limit) : s.value = oe, a(), ze().then(() => {
       z();
     });
-  }, bt = (A) => V.value.noDisabledRange ? jr(r.value[0], A).some((oe) => S(oe)) : !1, F = () => {
+  }, bt = (A) => V.value.noDisabledRange ? jr(r.value[0], A).some((oe) => S(oe)) : !1, B = () => {
     r.value = s.value ? s.value.slice() : [], r.value.length === 2 && !(V.value.fixedStart || V.value.fixedEnd) && (r.value = []);
   }, ve = (A, oe) => {
     const me = [
@@ -6601,13 +6601,13 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         );
         k(De, te.month, te.year);
       }
-  }, Bt = (A) => {
+  }, Ft = (A) => {
     if (bt(A.value) || !P(A.value, s.value, V.value.fixedStart ? 0 : 1))
       return t("invalid-date", A.value);
     r.value = al(Z(A.value), s, t, V);
   }, wt = (A, oe) => {
-    if (F(), V.value.autoRange) return ve(A, oe);
-    if (V.value.fixedStart || V.value.fixedEnd) return Bt(A);
+    if (B(), V.value.autoRange) return ve(A, oe);
+    if (V.value.fixedStart || V.value.fixedEnd) return Ft(A);
     r.value[0] ? P(Z(A.value), s.value) && !bt(A.value) ? We(Z(A.value), Z(r.value[0])) ? (r.value.unshift(Z(A.value)), t("range-end", r.value[0])) : (r.value[1] = Z(A.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", A.value), t("invalid-date", A.value)) : (r.value[0] = Z(A.value), t("range-start", r.value[0]));
   }, ra = (A = !0) => e.enableSeconds ? Array.isArray(c.seconds) ? A ? c.seconds[0] : c.seconds[1] : c.seconds : 0, ct = (A) => {
     r.value[A] = Ut(
@@ -6650,7 +6650,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     t("time-update");
   }, en = () => Array.isArray(s.value) && s.value.length ? s.value[s.value.length - 1] : null;
   return {
-    calendars: w,
+    calendars: _,
     modelValue: s,
     month: W,
     year: m,
@@ -6708,7 +6708,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       month: o,
       year: d,
       modelValue: s,
-      time: w,
+      time: _,
       disabledTimesConfig: c,
       today: f,
       validateTime: g,
@@ -6742,7 +6742,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       },
       { deep: !0 }
     );
-    const M = B(() => (ae) => T(o.value(ae), d.value(ae)).map((ue) => ({
+    const M = F(() => (ae) => T(o.value(ae), d.value(ae)).map((ue) => ({
       ...ue,
       days: ue.days.map((u) => (u.marker = V(u), u.classData = le(u), u))
     })));
@@ -6792,7 +6792,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
         modelValue: s,
         month: o,
         year: d,
-        time: w,
+        time: _,
         updateTime: P,
         updateMonthYear: D,
         selectDate: O,
@@ -6802,7 +6802,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       changeYear: Pe,
       selectWeekDate: v,
       setStartTime: re
-    }), (ae, ue) => (h(), _(_e, null, [
+    }), (ae, ue) => (h(), w(_e, null, [
       He(qa, {
         "multi-calendars": i(W).count,
         collapse: ae.collapse,
@@ -6829,7 +6829,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             Se(i(ie), (L, xe) => ({
               name: L,
               fn: be((ye) => [
-                K(ae.$slots, L, at(vt(ye)))
+                J(ae.$slots, L, nt(vt(ye)))
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
@@ -6855,22 +6855,22 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             Se(i(j), (L, xe) => ({
               name: L,
               fn: be((ye) => [
-                K(ae.$slots, L, at(vt({ ...ye })))
+                J(ae.$slots, L, nt(vt({ ...ye })))
               ])
             }))
           ]), 1040, ["mapped-dates", "month", "year", "instance", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
         ]),
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
-      ae.enableTimePicker ? (h(), _("div", Zu, [
-        ae.$slots["time-picker"] ? K(ae.$slots, "time-picker", at(Ie({ key: 0 }, { time: i(w), updateTime: i(P) }))) : (h(), ke(rl, Ie({
+      ae.enableTimePicker ? (h(), w("div", Zu, [
+        ae.$slots["time-picker"] ? J(ae.$slots, "time-picker", nt(Ie({ key: 0 }, { time: i(_), updateTime: i(P) }))) : (h(), ke(rl, Ie({
           key: 1,
           ref_key: "timePickerRef",
           ref: k
         }, ae.$props, {
-          hours: i(w).hours,
-          minutes: i(w).minutes,
-          seconds: i(w).seconds,
+          hours: i(_).hours,
+          minutes: i(_).minutes,
+          seconds: i(_).seconds,
           "internal-model-value": ae.internalModelValue,
           "disabled-times-config": i(c),
           "validate-time": i(g),
@@ -6886,7 +6886,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
           Se(i(X), (u, ce) => ({
             name: u,
             fn: be((L) => [
-              K(ae.$slots, u, at(vt(L)))
+              J(ae.$slots, u, nt(vt(L)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"]))
@@ -6901,7 +6901,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     defaultedRange: o,
     propDates: d,
     defaultedFilters: s,
-    defaultedMultiDates: w
+    defaultedMultiDates: _
   } = Ee(e), { modelValue: c, year: f, month: g, calendars: T } = Ra(e, t), { isDisabled: V } = Qt(e), { selectYear: Y, groupedYears: $, showYearPicker: x, isDisabled: O, toggleYearPicker: D, handleYearSelect: S, handleYear: U } = nl({
     modelValue: c,
     multiCalendars: a,
@@ -6914,7 +6914,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     filters: s,
     props: e,
     emit: t
-  }), P = (b, k) => [b, k].map((j) => Rt(j, "MMMM", { locale: e.formatLocale })).join("-"), I = B(() => (b) => c.value ? Array.isArray(c.value) ? c.value.some((k) => nr(b, k)) : nr(c.value, b) : !1), re = (b) => {
+  }), P = (b, k) => [b, k].map((j) => Rt(j, "MMMM", { locale: e.formatLocale })).join("-"), I = F(() => (b) => c.value ? Array.isArray(c.value) ? c.value.some((k) => nr(b, k)) : nr(c.value, b) : !1), re = (b) => {
     if (o.value.enabled) {
       if (Array.isArray(c.value)) {
         const k = Ce(b, c.value[0]) || Ce(b, c.value[1]);
@@ -6923,11 +6923,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       return !1;
     }
     return !1;
-  }, Q = (b, k) => b.quarter === Zn(k) && b.year === we(k), H = (b) => typeof l.value == "function" ? l.value({ quarter: Zn(b), year: we(b) }) : !!l.value.quarters.find((k) => Q(k, b)), le = B(() => (b) => {
+  }, Q = (b, k) => b.quarter === Zn(k) && b.year === we(k), H = (b) => typeof l.value == "function" ? l.value({ quarter: Zn(b), year: we(b) }) : !!l.value.quarters.find((k) => Q(k, b)), le = F(() => (b) => {
     const k = Ye(/* @__PURE__ */ new Date(), { year: f.value(b) });
     return $o({
       start: zt(k),
-      end: Ba(k)
+      end: Fa(k)
     }).map((j) => {
       const ie = Jt(j), X = Jn(j), z = V(j), M = re(ie), ne = H(ie);
       return {
@@ -6940,7 +6940,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       };
     });
   }), C = (b) => {
-    En(b, c, w.value.limit), t("auto-apply", !0);
+    En(b, c, _.value.limit), t("auto-apply", !0);
   }, W = (b) => {
     c.value = Nn(c, b, t), Ua(c.value, t, e.autoApply, e.modelAuto);
   }, m = (b) => {
@@ -6961,7 +6961,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     selectYear: Y,
     selectQuarter: (b, k, j) => {
       if (!j)
-        return T.value[k].month = Te(Jn(b)), w.value.enabled ? C(b) : o.value.enabled ? W(b) : m(b);
+        return T.value[k].month = Te(Jn(b)), _.value.enabled ? C(b) : o.value.enabled ? W(b) : m(b);
     },
     toggleYearPicker: D,
     handleYearSelect: S,
@@ -6989,7 +6989,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     const a = n, r = e, l = mt(), o = ht(l, "yearMode"), {
       defaultedMultiCalendars: d,
       defaultedConfig: s,
-      groupedYears: w,
+      groupedYears: _,
       year: c,
       isDisabled: f,
       quarters: g,
@@ -7014,17 +7014,17 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       "is-mobile": S.isMobile
     }, {
       default: be(({ instance: P }) => [
-        J("div", {
+        K("div", {
           class: "dp-quarter-picker-wrap",
           style: Ke({ minHeight: `${i(s).modeHeight}px` })
         }, [
-          S.$slots["top-extra"] ? K(S.$slots, "top-extra", {
+          S.$slots["top-extra"] ? J(S.$slots, "top-extra", {
             key: 0,
             value: S.internalModelValue
           }) : E("", !0),
-          J("div", null, [
+          K("div", null, [
             He(el, Ie(S.$props, {
-              items: i(w)(P),
+              items: i(_)(P),
               instance: P,
               "show-year-picker": i(V)[P],
               year: i(c)(P),
@@ -7036,14 +7036,14 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
               Se(i(o), (I, re) => ({
                 name: I,
                 fn: be((Q) => [
-                  K(S.$slots, I, at(vt(Q)))
+                  J(S.$slots, I, nt(vt(Q)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
-          J("div", Ku, [
-            (h(!0), _(_e, null, Se(i(g)(P), (I, re) => (h(), _("div", { key: re }, [
-              J("button", {
+          K("div", Ku, [
+            (h(!0), w(_e, null, Se(i(g)(P), (I, re) => (h(), w("div", { key: re }, [
+              K("button", {
                 type: "button",
                 class: se(["dp--qr-btn", {
                   "dp--qr-btn-active": I.active,
@@ -7056,11 +7056,11 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
                 onClick: (Q) => i($)(I.value, P, I.disabled),
                 onMouseover: (Q) => i(Y)(I.value)
               }, [
-                S.$slots.quarter ? K(S.$slots, "quarter", {
+                S.$slots.quarter ? J(S.$slots, "quarter", {
                   key: 0,
                   value: I.value,
                   text: I.text
-                }) : (h(), _(_e, { key: 1 }, [
+                }) : (h(), w(_e, { key: 1 }, [
                   pt($e(I.text), 1)
                 ], 64))
               ], 42, ed)
@@ -7082,7 +7082,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     n.value = window.document.documentElement.clientWidth;
   };
   return {
-    isMobile: B(
+    isMobile: F(
       () => n.value <= e.value.mobileBreakpoint && !t ? !0 : void 0
     )
   };
@@ -7141,104 +7141,104 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
     "menu-blur"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = q(null), o = B(() => {
-      const { openOnTop: F, ...ve } = r;
+    const a = n, r = e, l = q(null), o = F(() => {
+      const { openOnTop: B, ...ve } = r;
       return {
         ...ve,
         isMobile: $.value,
         flowStep: W.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: d, setShiftKey: s, control: w } = Kr(), c = mt(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: T, defaultedUI: V, handleEventPropagation: Y } = Ee(r), { isMobile: $ } = ol(T, r.shadow), x = q(null), O = q(0), D = q(null), S = q(!1), U = q(null), P = q(!1), I = (F) => {
-      P.value = !0, T.value.allowPreventDefault && F.preventDefault(), qt(F, T.value, !0);
+    }), { setMenuFocused: d, setShiftKey: s, control: _ } = Kr(), c = mt(), { defaultedTextInput: f, defaultedInline: g, defaultedConfig: T, defaultedUI: V, handleEventPropagation: Y } = Ee(r), { isMobile: $ } = ol(T, r.shadow), x = q(null), O = q(0), D = q(null), S = q(!1), U = q(null), P = q(!1), I = (B) => {
+      P.value = !0, T.value.allowPreventDefault && B.preventDefault(), qt(B, T.value, !0);
     };
     rt(() => {
       if (!r.shadow) {
         S.value = !0, re(), window.addEventListener("resize", re);
-        const F = Ge(l);
-        F && !f.value.enabled && !g.value.enabled && (d(!0), z()), F && (F.addEventListener("pointerdown", I), F.addEventListener("mousedown", I));
+        const B = Ge(l);
+        B && !f.value.enabled && !g.value.enabled && (d(!0), z()), B && (B.addEventListener("pointerdown", I), B.addEventListener("mousedown", I));
       }
       document.addEventListener("mousedown", bt);
     }), ya(() => {
       window.removeEventListener("resize", re), document.removeEventListener("mousedown", bt);
-      const F = Ge(l);
-      F && (F.removeEventListener("pointerdown", I), F.removeEventListener("mousedown", I));
+      const B = Ge(l);
+      B && (B.removeEventListener("pointerdown", I), B.removeEventListener("mousedown", I));
     });
     const re = () => {
-      const F = Ge(D);
-      F && (O.value = F.getBoundingClientRect().width);
-    }, { arrowRight: Q, arrowLeft: H, arrowDown: le, arrowUp: C } = Xt(), { flowStep: W, updateFlowStep: m, childMount: b, resetFlow: k, handleFlow: j } = md(r, a, U), ie = B(() => r.monthPicker ? bu : r.yearPicker ? _u : r.timePicker ? Yu : r.quarterPicker ? td : Gu), X = B(() => {
+      const B = Ge(D);
+      B && (O.value = B.getBoundingClientRect().width);
+    }, { arrowRight: Q, arrowLeft: H, arrowDown: le, arrowUp: C } = Xt(), { flowStep: W, updateFlowStep: m, childMount: b, resetFlow: k, handleFlow: j } = md(r, a, U), ie = F(() => r.monthPicker ? bu : r.yearPicker ? _u : r.timePicker ? Yu : r.quarterPicker ? td : Gu), X = F(() => {
       if (T.value.arrowLeft) return T.value.arrowLeft;
-      const F = l.value?.getBoundingClientRect(), ve = r.getInputRect();
-      return ve?.width < O?.value && ve?.left <= (F?.left ?? 0) ? `${ve?.width / 2}px` : ve?.right >= (F?.right ?? 0) && ve?.width < O?.value ? `${O?.value - ve?.width / 2}px` : "50%";
+      const B = l.value?.getBoundingClientRect(), ve = r.getInputRect();
+      return ve?.width < O?.value && ve?.left <= (B?.left ?? 0) ? `${ve?.width / 2}px` : ve?.right >= (B?.right ?? 0) && ve?.width < O?.value ? `${O?.value - ve?.width / 2}px` : "50%";
     }), z = () => {
-      const F = Ge(l);
-      F && F.focus({ preventScroll: !0 });
-    }, M = B(() => U.value?.getSidebarProps() || {}), ne = () => {
+      const B = Ge(l);
+      B && B.focus({ preventScroll: !0 });
+    }, M = F(() => U.value?.getSidebarProps() || {}), ne = () => {
       r.openOnTop && a("recalculate-position");
-    }, y = ht(c, "action"), N = B(() => r.monthPicker || r.yearPicker ? ht(c, "monthYear") : r.timePicker ? ht(c, "timePicker") : ht(c, "shared")), R = B(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), de = B(() => ({
+    }, y = ht(c, "action"), N = F(() => r.monthPicker || r.yearPicker ? ht(c, "monthYear") : r.timePicker ? ht(c, "timePicker") : ht(c, "shared")), R = F(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), de = F(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
-    })), p = B(
+    })), p = F(
       () => ({
         dp__menu: !0,
         dp__menu_index: !g.value.enabled,
         dp__relative: g.value.enabled,
         ...V.value.menu ?? {}
       })
-    ), v = (F) => {
-      qt(F, T.value, !0);
-    }, G = (F) => {
-      r.escClose && (a("close-picker"), Y(F));
-    }, Pe = (F) => {
+    ), v = (B) => {
+      qt(B, T.value, !0);
+    }, G = (B) => {
+      r.escClose && (a("close-picker"), Y(B));
+    }, Pe = (B) => {
       if (r.arrowNavigation) {
-        if (F === ut.up) return C();
-        if (F === ut.down) return le();
-        if (F === ut.left) return H();
-        if (F === ut.right) return Q();
-      } else F === ut.left || F === ut.up ? u("handleArrow", ut.left, 0, F === ut.up) : u("handleArrow", ut.right, 0, F === ut.down);
-    }, ee = (F) => {
-      s(F.shiftKey), !r.disableMonthYearSelect && F.code === Be.tab && F.target.classList.contains("dp__menu") && w.value.shiftKeyInMenu && (F.preventDefault(), qt(F, T.value, !0), a("close-picker"));
+        if (B === ut.up) return C();
+        if (B === ut.down) return le();
+        if (B === ut.left) return H();
+        if (B === ut.right) return Q();
+      } else B === ut.left || B === ut.up ? u("handleArrow", ut.left, 0, B === ut.up) : u("handleArrow", ut.right, 0, B === ut.down);
+    }, ee = (B) => {
+      s(B.shiftKey), !r.disableMonthYearSelect && B.code === Fe.tab && B.target.classList.contains("dp__menu") && _.value.shiftKeyInMenu && (B.preventDefault(), qt(B, T.value, !0), a("close-picker"));
     }, Me = () => {
       z(), a("time-picker-close");
-    }, ae = (F) => {
-      U.value?.toggleTimePicker(!1, !1), U.value?.toggleMonthPicker(!1, !1, F), U.value?.toggleYearPicker(!1, !1, F);
-    }, ue = (F, ve = 0) => F === "month" ? U.value?.toggleMonthPicker(!1, !0, ve) : F === "year" ? U.value?.toggleYearPicker(!1, !0, ve) : F === "time" ? U.value?.toggleTimePicker(!0, !1) : ae(ve), u = (F, ...ve) => {
-      U.value?.[F] && U.value?.[F](...ve);
+    }, ae = (B) => {
+      U.value?.toggleTimePicker(!1, !1), U.value?.toggleMonthPicker(!1, !1, B), U.value?.toggleYearPicker(!1, !1, B);
+    }, ue = (B, ve = 0) => B === "month" ? U.value?.toggleMonthPicker(!1, !0, ve) : B === "year" ? U.value?.toggleYearPicker(!1, !0, ve) : B === "time" ? U.value?.toggleTimePicker(!0, !1) : ae(ve), u = (B, ...ve) => {
+      U.value?.[B] && U.value?.[B](...ve);
     }, ce = () => {
       u("selectCurrentDate");
-    }, L = (F, ve) => {
-      u("presetDate", vl(F), ve);
+    }, L = (B, ve) => {
+      u("presetDate", vl(B), ve);
     }, xe = () => {
       u("clearHoverDate");
-    }, ye = (F, ve) => {
-      u("updateMonthYear", F, ve);
-    }, ot = (F, ve) => {
-      F.preventDefault(), Pe(ve);
-    }, Ue = (F) => {
-      if (ee(F), F.key === Be.home || F.key === Be.end)
+    }, ye = (B, ve) => {
+      u("updateMonthYear", B, ve);
+    }, ot = (B, ve) => {
+      B.preventDefault(), Pe(ve);
+    }, Ue = (B) => {
+      if (ee(B), B.key === Fe.home || B.key === Fe.end)
         return u(
           "selectWeekDate",
-          F.key === Be.home,
-          F.target.getAttribute("id")
+          B.key === Fe.home,
+          B.target.getAttribute("id")
         );
-      switch ((F.key === Be.pageUp || F.key === Be.pageDown) && (F.shiftKey ? (u("changeYear", F.key === Be.pageUp), wn(l.value, "overlay-year")?.focus()) : (u("changeMonth", F.key === Be.pageUp), wn(l.value, F.key === Be.pageUp ? "action-prev" : "action-next")?.focus()), F.target.getAttribute("id") && l.value?.focus({ preventScroll: !0 })), F.key) {
-        case Be.esc:
-          return G(F);
-        case Be.arrowLeft:
-          return ot(F, ut.left);
-        case Be.arrowRight:
-          return ot(F, ut.right);
-        case Be.arrowUp:
-          return ot(F, ut.up);
-        case Be.arrowDown:
-          return ot(F, ut.down);
+      switch ((B.key === Fe.pageUp || B.key === Fe.pageDown) && (B.shiftKey ? (u("changeYear", B.key === Fe.pageUp), wn(l.value, "overlay-year")?.focus()) : (u("changeMonth", B.key === Fe.pageUp), wn(l.value, B.key === Fe.pageUp ? "action-prev" : "action-next")?.focus()), B.target.getAttribute("id") && l.value?.focus({ preventScroll: !0 })), B.key) {
+        case Fe.esc:
+          return G(B);
+        case Fe.arrowLeft:
+          return ot(B, ut.left);
+        case Fe.arrowRight:
+          return ot(B, ut.right);
+        case Fe.arrowUp:
+          return ot(B, ut.up);
+        case Fe.arrowDown:
+          return ot(B, ut.down);
         default:
           return;
       }
-    }, bt = (F) => {
-      g.value.enabled && !g.value.input && !l.value?.contains(F.target) && P.value && (P.value = !1, a("menu-blur"));
+    }, bt = (B) => {
+      g.value.enabled && !g.value.input && !l.value?.contains(B.target) && P.value && (P.value = !1, a("menu-blur"));
     };
     return t({
       updateMonthYear: ye,
@@ -7247,59 +7247,59 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
       onValueCleared: () => {
         U.value?.setStartTime?.();
       }
-    }), (F, ve) => (h(), _("div", {
-      id: F.uid ? `dp-menu-${F.uid}` : void 0,
+    }), (B, ve) => (h(), w("div", {
+      id: B.uid ? `dp-menu-${B.uid}` : void 0,
       ref_key: "dpMenuRef",
       ref: l,
       tabindex: i(g).enabled ? void 0 : "0",
       role: i(g).enabled ? void 0 : "dialog",
-      "aria-label": F.ariaLabels?.menu,
+      "aria-label": B.ariaLabels?.menu,
       class: se(p.value),
       style: Ke({ "--dp-arrow-left": X.value }),
       onMouseleave: xe,
       onClick: v,
       onKeydown: Ue
     }, [
-      (F.disabled || F.readonly) && i(g).enabled || F.loading ? (h(), _("div", {
+      (B.disabled || B.readonly) && i(g).enabled || B.loading ? (h(), w("div", {
         key: 0,
         class: se(de.value)
       }, [
-        F.loading ? (h(), _("div", nd, [...ve[19] || (ve[19] = [
-          J("span", { class: "dp--menu-loader" }, null, -1)
+        B.loading ? (h(), w("div", nd, [...ve[19] || (ve[19] = [
+          K("span", { class: "dp--menu-loader" }, null, -1)
         ])])) : E("", !0)
       ], 2)) : E("", !0),
-      F.$slots["menu-header"] ? (h(), _("div", rd, [
-        K(F.$slots, "menu-header")
+      B.$slots["menu-header"] ? (h(), w("div", rd, [
+        J(B.$slots, "menu-header")
       ])) : E("", !0),
-      !i(g).enabled && !F.teleportCenter ? (h(), _("div", {
+      !i(g).enabled && !B.teleportCenter ? (h(), w("div", {
         key: 2,
         class: se(R.value)
       }, null, 2)) : E("", !0),
-      J("div", {
+      K("div", {
         ref_key: "innerMenuRef",
         ref: D,
         class: se({
-          dp__menu_content_wrapper: F.presetDates?.length || !!F.$slots["left-sidebar"] || !!F.$slots["right-sidebar"],
-          "dp--menu-content-wrapper-collapsed": e.collapse && (F.presetDates?.length || !!F.$slots["left-sidebar"] || !!F.$slots["right-sidebar"])
+          dp__menu_content_wrapper: B.presetDates?.length || !!B.$slots["left-sidebar"] || !!B.$slots["right-sidebar"],
+          "dp--menu-content-wrapper-collapsed": e.collapse && (B.presetDates?.length || !!B.$slots["left-sidebar"] || !!B.$slots["right-sidebar"])
         }),
         "data-dp-mobile": i($),
         style: Ke({ "--dp-menu-width": `${O.value}px` })
       }, [
-        F.$slots["left-sidebar"] ? (h(), _("div", od, [
-          K(F.$slots, "left-sidebar", at(vt(M.value)))
+        B.$slots["left-sidebar"] ? (h(), w("div", od, [
+          J(B.$slots, "left-sidebar", nt(vt(M.value)))
         ])) : E("", !0),
-        F.presetDates.length ? (h(), _("div", {
+        B.presetDates.length ? (h(), w("div", {
           key: 1,
           class: se({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
           "data-dp-mobile": i($)
         }, [
-          (h(!0), _(_e, null, Se(F.presetDates, (fe, Bt) => (h(), _(_e, { key: Bt }, [
-            fe.slot ? K(F.$slots, fe.slot, {
+          (h(!0), w(_e, null, Se(B.presetDates, (fe, Ft) => (h(), w(_e, { key: Ft }, [
+            fe.slot ? J(B.$slots, fe.slot, {
               key: 0,
               presetDate: L,
               label: fe.label,
               value: fe.value
-            }) : (h(), _("button", {
+            }) : (h(), w("button", {
               key: 1,
               type: "button",
               style: Ke(fe.style || {}),
@@ -7311,7 +7311,7 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             }, $e(fe.label), 47, id))
           ], 64))), 128))
         ], 10, sd)) : E("", !0),
-        J("div", {
+        K("div", {
           ref_key: "calendarWrapperRef",
           ref: x,
           class: "dp__instance_calendar",
@@ -7326,57 +7326,57 @@ const wn = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Fn = (e, t) =
             onUpdateFlowStep: i(m),
             onResetFlow: i(k),
             onFocusMenu: z,
-            onSelectDate: ve[0] || (ve[0] = (fe) => F.$emit("select-date")),
-            onDateUpdate: ve[1] || (ve[1] = (fe) => F.$emit("date-update", fe)),
-            onTooltipOpen: ve[2] || (ve[2] = (fe) => F.$emit("tooltip-open", fe)),
-            onTooltipClose: ve[3] || (ve[3] = (fe) => F.$emit("tooltip-close", fe)),
-            onAutoApply: ve[4] || (ve[4] = (fe) => F.$emit("auto-apply", fe)),
-            onRangeStart: ve[5] || (ve[5] = (fe) => F.$emit("range-start", fe)),
-            onRangeEnd: ve[6] || (ve[6] = (fe) => F.$emit("range-end", fe)),
-            onInvalidFixedRange: ve[7] || (ve[7] = (fe) => F.$emit("invalid-fixed-range", fe)),
-            onTimeUpdate: ve[8] || (ve[8] = (fe) => F.$emit("time-update")),
-            onAmPmChange: ve[9] || (ve[9] = (fe) => F.$emit("am-pm-change", fe)),
-            onTimePickerOpen: ve[10] || (ve[10] = (fe) => F.$emit("time-picker-open", fe)),
+            onSelectDate: ve[0] || (ve[0] = (fe) => B.$emit("select-date")),
+            onDateUpdate: ve[1] || (ve[1] = (fe) => B.$emit("date-update", fe)),
+            onTooltipOpen: ve[2] || (ve[2] = (fe) => B.$emit("tooltip-open", fe)),
+            onTooltipClose: ve[3] || (ve[3] = (fe) => B.$emit("tooltip-close", fe)),
+            onAutoApply: ve[4] || (ve[4] = (fe) => B.$emit("auto-apply", fe)),
+            onRangeStart: ve[5] || (ve[5] = (fe) => B.$emit("range-start", fe)),
+            onRangeEnd: ve[6] || (ve[6] = (fe) => B.$emit("range-end", fe)),
+            onInvalidFixedRange: ve[7] || (ve[7] = (fe) => B.$emit("invalid-fixed-range", fe)),
+            onTimeUpdate: ve[8] || (ve[8] = (fe) => B.$emit("time-update")),
+            onAmPmChange: ve[9] || (ve[9] = (fe) => B.$emit("am-pm-change", fe)),
+            onTimePickerOpen: ve[10] || (ve[10] = (fe) => B.$emit("time-picker-open", fe)),
             onTimePickerClose: Me,
             onRecalculatePosition: ne,
-            onUpdateMonthYear: ve[11] || (ve[11] = (fe) => F.$emit("update-month-year", fe)),
-            onAutoApplyInvalid: ve[12] || (ve[12] = (fe) => F.$emit("auto-apply-invalid", fe)),
-            onInvalidDate: ve[13] || (ve[13] = (fe) => F.$emit("invalid-date", fe)),
-            onOverlayToggle: ve[14] || (ve[14] = (fe) => F.$emit("overlay-toggle", fe)),
-            "onUpdate:internalModelValue": ve[15] || (ve[15] = (fe) => F.$emit("update:internal-model-value", fe))
+            onUpdateMonthYear: ve[11] || (ve[11] = (fe) => B.$emit("update-month-year", fe)),
+            onAutoApplyInvalid: ve[12] || (ve[12] = (fe) => B.$emit("auto-apply-invalid", fe)),
+            onInvalidDate: ve[13] || (ve[13] = (fe) => B.$emit("invalid-date", fe)),
+            onOverlayToggle: ve[14] || (ve[14] = (fe) => B.$emit("overlay-toggle", fe)),
+            "onUpdate:internalModelValue": ve[15] || (ve[15] = (fe) => B.$emit("update:internal-model-value", fe))
           }), lt({ _: 2 }, [
-            Se(N.value, (fe, Bt) => ({
+            Se(N.value, (fe, Ft) => ({
               name: fe,
               fn: be((wt) => [
-                K(F.$slots, fe, at(vt({ ...wt })))
+                J(B.$slots, fe, nt(vt({ ...wt })))
               ])
             }))
           ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
         ], 512),
-        F.$slots["right-sidebar"] ? (h(), _("div", ud, [
-          K(F.$slots, "right-sidebar", at(vt(M.value)))
+        B.$slots["right-sidebar"] ? (h(), w("div", ud, [
+          J(B.$slots, "right-sidebar", nt(vt(M.value)))
         ])) : E("", !0),
-        F.$slots["action-extra"] ? (h(), _("div", dd, [
-          F.$slots["action-extra"] ? K(F.$slots, "action-extra", {
+        B.$slots["action-extra"] ? (h(), w("div", dd, [
+          B.$slots["action-extra"] ? J(B.$slots, "action-extra", {
             key: 0,
             selectCurrentDate: ce
           }) : E("", !0)
         ])) : E("", !0)
       ], 14, ld),
-      !F.autoApply || i(T).keepActionRow ? (h(), ke(du, Ie({
+      !B.autoApply || i(T).keepActionRow ? (h(), ke(du, Ie({
         key: 3,
         "menu-mount": S.value
       }, o.value, {
         "calendar-width": O.value,
-        onClosePicker: ve[16] || (ve[16] = (fe) => F.$emit("close-picker")),
-        onSelectDate: ve[17] || (ve[17] = (fe) => F.$emit("select-date")),
-        onInvalidSelect: ve[18] || (ve[18] = (fe) => F.$emit("invalid-select")),
+        onClosePicker: ve[16] || (ve[16] = (fe) => B.$emit("close-picker")),
+        onSelectDate: ve[17] || (ve[17] = (fe) => B.$emit("select-date")),
+        onInvalidSelect: ve[18] || (ve[18] = (fe) => B.$emit("invalid-select")),
         onSelectNow: ce
       }), lt({ _: 2 }, [
-        Se(i(y), (fe, Bt) => ({
+        Se(i(y), (fe, Ft) => ({
           name: fe,
           fn: be((wt) => [
-            K(F.$slots, fe, at(vt({ ...wt })))
+            J(B.$slots, fe, nt(vt({ ...wt })))
           ])
         }))
       ]), 1040, ["menu-mount", "calendar-width"])) : E("", !0)
@@ -7394,7 +7394,7 @@ const cd = ({
   props: o,
   slots: d
 }) => {
-  const { defaultedConfig: s } = Ee(o), w = q({}), c = q(!1), f = q({
+  const { defaultedConfig: s } = Ee(o), _ = q({}), c = q(!1), f = q({
     top: "0",
     left: "0"
   }), g = q(!1), T = Ta(o, "teleportCenter");
@@ -7411,11 +7411,11 @@ const cd = ({
     }
     return { top: 0, left: 0 };
   }, Y = (k, j) => {
-    f.value.left = `${k + j - w.value.width}px`;
+    f.value.left = `${k + j - _.value.width}px`;
   }, $ = (k) => {
     f.value.left = `${k}px`;
   }, x = (k, j) => {
-    o.position === sa.left && $(k), o.position === sa.right && Y(k, j), o.position === sa.center && (f.value.left = `${k + j / 2 - w.value.width / 2}px`);
+    o.position === sa.left && $(k), o.position === sa.right && Y(k, j), o.position === sa.center && (f.value.left = `${k + j / 2 - _.value.width / 2}px`);
   }, O = (k) => {
     const { width: j, height: ie } = k.getBoundingClientRect(), { top: X, left: z } = V(k);
     return { top: +X, left: +z, width: j, height: ie };
@@ -7430,7 +7430,7 @@ const cd = ({
       if (o.altPosition !== null) return S();
       if (k) {
         const j = o.teleport ? t.value?.$el : e.value;
-        j && (w.value = j.getBoundingClientRect()), l("recalculate-position");
+        j && (_.value = j.getBoundingClientRect()), l("recalculate-position");
       }
       return C();
     }
@@ -7438,13 +7438,13 @@ const cd = ({
     window.screen.width > 768 && !c.value && x(j, ie), Q(k);
   }, I = (k) => {
     const { top: j, left: ie, height: X, width: z } = O(k);
-    f.value.top = `${X + j + +o.offset}px`, g.value = !1, c.value || (f.value.left = `${ie + z / 2 - w.value.width / 2}px`), P({ inputEl: k, left: ie, width: z });
+    f.value.top = `${X + j + +o.offset}px`, g.value = !1, c.value || (f.value.left = `${ie + z / 2 - _.value.width / 2}px`), P({ inputEl: k, left: ie, width: z });
   }, re = (k) => {
     const { top: j, left: ie, width: X } = O(k);
-    f.value.top = `${j - +o.offset - w.value.height}px`, g.value = !0, P({ inputEl: k, left: ie, width: X });
+    f.value.top = `${j - +o.offset - _.value.height}px`, g.value = !0, P({ inputEl: k, left: ie, width: X });
   }, Q = (k) => {
     if (o.autoPosition) {
-      const { left: j, width: ie } = O(k), { left: X, right: z } = w.value;
+      const { left: j, width: ie } = O(k), { left: X, right: z } = _.value;
       if (!c.value) {
         if (Math.abs(X) !== Math.abs(z)) {
           if (X <= 0)
@@ -7460,7 +7460,7 @@ const cd = ({
     if (k) {
       if (o.autoPosition === kt.top) return kt.top;
       if (o.autoPosition === kt.bottom) return kt.bottom;
-      const { height: j } = w.value, { top: ie, height: X } = k.getBoundingClientRect(), z = window.innerHeight - ie - X, M = ie;
+      const { height: j } = _.value, { top: ie, height: X } = k.getBoundingClientRect(), z = window.innerHeight - ie - X, M = ie;
       return j <= z ? kt.bottom : j > z && j <= M ? kt.top : z >= M ? kt.bottom : kt.top;
     }
     return kt.bottom;
@@ -7512,7 +7512,7 @@ const cd = ({
         },
         Object.fromEntries(y.map((R) => [R, d[R]]))
       );
-      k != null && (N.appContext = k.appContext), qn(N, X), w.value = N.el?.getBoundingClientRect(), qn(null, X), M.removeChild(X);
+      k != null && (N.appContext = k.appContext), qn(N, X), _.value = N.el?.getBoundingClientRect(), qn(null, X), M.removeChild(X);
     }
   };
 }, Nt = [
@@ -7575,12 +7575,12 @@ const cd = ({
     r.slot && a.push(r.slot);
   }), a;
 }, Sa = (e) => {
-  const t = B(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = B(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const t = F(() => (a) => e.value ? a ? e.value.open : e.value.close : ""), n = F(() => (a) => e.value ? a ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, Ra = (e, t, n) => {
   const { defaultedRange: a, defaultedTz: r } = Ee(e), l = Z(ft(Z(), r.value.timezone)), o = q([{ month: Te(l), year: we(l) }]), d = (g) => {
     const T = {
-      hours: Ht(l),
+      hours: Bt(l),
       minutes: jt(l),
       seconds: 0
     };
@@ -7597,18 +7597,18 @@ const cd = ({
     },
     { deep: !0 }
   );
-  const w = B({
+  const _ = F({
     get: () => e.internalModelValue,
     set: (g) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", g);
     }
-  }), c = B(
+  }), c = F(
     () => (g) => o.value[g] ? o.value[g].month : 0
-  ), f = B(
+  ), f = F(
     () => (g) => o.value[g] ? o.value[g].year : 0
   );
   return Je(
-    w,
+    _,
     (g, T) => {
       n && JSON.stringify(g ?? {}) !== JSON.stringify(T ?? {}) && n();
     },
@@ -7616,7 +7616,7 @@ const cd = ({
   ), {
     calendars: o,
     time: s,
-    modelValue: w,
+    modelValue: _,
     month: c,
     year: f,
     today: l
@@ -7630,7 +7630,7 @@ const cd = ({
     defaultedTz: o,
     propDates: d,
     defaultedRange: s
-  } = Ee(t), { isDisabled: w } = Qt(t), c = q(null), f = q(ft(/* @__PURE__ */ new Date(), o.value.timezone)), g = (p) => {
+  } = Ee(t), { isDisabled: _ } = Qt(t), c = q(null), f = q(ft(/* @__PURE__ */ new Date(), o.value.timezone)), g = (p) => {
     !p.current && t.hideOffsetDates || (c.value = p.value);
   }, T = () => {
     c.value = null;
@@ -7650,7 +7650,7 @@ const cd = ({
     if (s.value.autoRange || t.weekPicker) {
       if (c.value) {
         if (t.hideOffsetDates && !p.current) return !1;
-        const v = gt(c.value, +s.value.autoRange), G = Yt(Z(c.value), t.weekStart);
+        const v = gt(c.value, +s.value.autoRange), G = It(Z(c.value), t.weekStart);
         return t.weekPicker ? Ce(G[1], Z(p.value)) : Ce(v, Z(p.value));
       }
       return !1;
@@ -7661,7 +7661,7 @@ const cd = ({
       if (c.value) {
         const v = gt(c.value, +s.value.autoRange);
         if (t.hideOffsetDates && !p.current) return !1;
-        const G = Yt(Z(c.value), t.weekStart);
+        const G = It(Z(c.value), t.weekStart);
         return t.weekPicker ? Xe(p.value, G[0]) && We(p.value, G[1]) : Xe(p.value, c.value) && We(p.value, v);
       }
       return !1;
@@ -7671,7 +7671,7 @@ const cd = ({
     if (s.value.autoRange || t.weekPicker) {
       if (c.value) {
         if (t.hideOffsetDates && !p.current) return !1;
-        const v = Yt(Z(c.value), t.weekStart);
+        const v = It(Z(c.value), t.weekStart);
         return t.weekPicker ? Ce(v[0], p.value) : Ce(c.value, p.value);
       }
       return !1;
@@ -7680,9 +7680,9 @@ const cd = ({
   }, I = (p) => $a(e.value, c.value, p.value), re = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, Q = () => t.modelAuto ? Er(t.internalModelValue) : !0, H = (p) => {
     if (t.weekPicker) return !1;
     const v = s.value.enabled ? !x(p) && !x(p, !1) : !0;
-    return !w(p.value) && !D(p) && !(!p.current && t.hideOffsetDates) && v;
+    return !_(p.value) && !D(p) && !(!p.current && t.hideOffsetDates) && v;
   }, le = (p) => s.value.enabled ? t.modelAuto ? re() && D(p) : !1 : D(p), C = (p) => l.value ? Ri(p.value, d.value.highlight) : !1, W = (p) => {
-    const v = w(p.value);
+    const v = _(p.value);
     return v && (typeof l.value == "function" ? !l.value(p.value, v) : !l.value.options.highlightDisabled);
   }, m = (p) => typeof l.value == "function" ? l.value(p.value) : l.value.weekdays?.includes(p.value.getDay()), b = (p) => (s.value.enabled || t.weekPicker) && (!(n.value.count > 0) || p.current) && Q() && !(!p.current && t.hideOffsetDates) && !D(p) ? I(p) : !1, k = (p) => {
     if (Array.isArray(e.value) && e.value.length === 1) {
@@ -7700,8 +7700,8 @@ const cd = ({
     const { isRangeStart: v, isRangeEnd: G } = y(p), Pe = s.value.enabled ? v || G : !1;
     return {
       dp__cell_offset: !p.current,
-      dp__pointer: !t.disabled && !(!p.current && t.hideOffsetDates) && !w(p.value) && !ie(p),
-      dp__cell_disabled: w(p.value) || ie(p),
+      dp__pointer: !t.disabled && !(!p.current && t.hideOffsetDates) && !_(p.value) && !ie(p),
+      dp__cell_disabled: _(p.value) || ie(p),
       dp__cell_highlight: !W(p) && (C(p) || m(p)) && !le(p) && !Pe && !P(p) && !(b(p) && t.weekPicker) && !G,
       dp__cell_highlight_active: !W(p) && (C(p) || m(p)) && le(p),
       dp__today: !t.noToday && Ce(p.value, f.value) && p.current,
@@ -7713,7 +7713,7 @@ const cd = ({
     dp__date_hover: H(p)
   }), M = (p) => {
     if (e.value && !Array.isArray(e.value)) {
-      const v = Yt(e.value, t.weekStart);
+      const v = It(e.value, t.weekStart);
       return {
         ...R(p),
         dp__range_start: Ce(v[0], p.value),
@@ -7726,7 +7726,7 @@ const cd = ({
     };
   }, ne = (p) => {
     if (e.value && Array.isArray(e.value)) {
-      const v = Yt(e.value[0], t.weekStart), G = e.value[1] ? Yt(e.value[1], t.weekStart) : [];
+      const v = It(e.value[0], t.weekStart), G = e.value[1] ? It(e.value[1], t.weekStart) : [];
       return {
         ...R(p),
         dp__range_start: Ce(v[0], p.value) || Ce(G[0], p.value),
@@ -7771,12 +7771,12 @@ const cd = ({
   const { defaultedFilters: t, defaultedRange: n, propDates: a, defaultedMultiDates: r } = Ee(e), l = (m) => a.value.disabledDates ? typeof a.value.disabledDates == "function" ? a.value.disabledDates(Z(m)) : !!Na(m, a.value.disabledDates) : !1, o = (m) => a.value.maxDate ? e.yearPicker ? we(m) > we(a.value.maxDate) : Xe(m, a.value.maxDate) : !1, d = (m) => a.value.minDate ? e.yearPicker ? we(m) < we(a.value.minDate) : We(m, a.value.minDate) : !1, s = (m) => {
     const b = o(m), k = d(m), j = l(m), ie = t.value.months.map((y) => +y).includes(Te(m)), X = e.disabledWeekDays.length ? e.disabledWeekDays.some((y) => +y === ws(m)) : !1, z = T(m), M = we(m), ne = Jr(e.yearRange, M);
     return !(b || k || j || ie || ne || X || z);
-  }, w = (m, b) => We(...Wt(a.value.minDate, m, b)) || Ce(...Wt(a.value.minDate, m, b)), c = (m, b) => Xe(...Wt(a.value.maxDate, m, b)) || Ce(...Wt(a.value.maxDate, m, b)), f = (m, b, k) => {
+  }, _ = (m, b) => We(...Wt(a.value.minDate, m, b)) || Ce(...Wt(a.value.minDate, m, b)), c = (m, b) => Xe(...Wt(a.value.maxDate, m, b)) || Ce(...Wt(a.value.maxDate, m, b)), f = (m, b, k) => {
     let j = !1;
-    return a.value.maxDate && k && c(m, b) && (j = !0), a.value.minDate && !k && w(m, b) && (j = !0), j;
+    return a.value.maxDate && k && c(m, b) && (j = !0), a.value.minDate && !k && _(m, b) && (j = !0), j;
   }, g = (m, b, k, j) => {
     let ie = !1;
-    return j && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ie = f(m, b, k) : (a.value.minDate && w(m, b) || a.value.maxDate && c(m, b)) && (ie = !0) : ie = !0, ie;
+    return j && (a.value.minDate || a.value.maxDate) ? a.value.minDate && a.value.maxDate ? ie = f(m, b, k) : (a.value.minDate && _(m, b) || a.value.maxDate && c(m, b)) && (ie = !0) : ie = !0, ie;
   }, T = (m) => Array.isArray(a.value.allowedDates) && !a.value.allowedDates.length ? !0 : a.value.allowedDates ? !Na(m, a.value.allowedDates, Wr(e.monthPicker, e.yearPicker)) : !1, V = (m) => !s(m), Y = (m) => n.value.noDisabledRange ? !Dr({ start: m[0], end: m[1] }).some((b) => V(b)) : !0, $ = (m) => {
     if (m) {
       const b = we(m);
@@ -7793,7 +7793,7 @@ const cd = ({
     }
     return !0;
   }, D = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, S = (m) => Array.isArray(m) ? [m[0] ? sn(m[0]) : null, m[1] ? sn(m[1]) : null] : sn(m), U = (m, b, k) => m.find(
-    (j) => +j.hours === Ht(b) && j.minutes === "*" ? !0 : +j.minutes === jt(b) && +j.hours === Ht(b)
+    (j) => +j.hours === Bt(b) && j.minutes === "*" ? !0 : +j.minutes === jt(b) && +j.hours === Bt(b)
   ) && k, P = (m, b, k) => {
     const [j, ie] = m, [X, z] = b;
     return !U(j, X, k) && !U(ie, z, k) && k;
@@ -7811,13 +7811,13 @@ const cd = ({
       e.maxTime,
       a.value.maxDate,
       "max",
-      tt(k),
+      at(k),
       b
     )), (e.minTime || a.value.minDate) && (b = ir(
       e.minTime,
       a.value.minDate,
       "min",
-      tt(k),
+      at(k),
       b
     )), Q(m, b);
   }, le = (m) => {
@@ -7837,7 +7837,7 @@ const cd = ({
       b = We(k, j) || Ce(k, j);
     }
     return b;
-  }, C = B(() => (m) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : H(m)), W = B(() => (m) => e.monthPicker ? Array.isArray(m) && (n.value.enabled || r.value.enabled) ? !m.filter((b) => !le(b)).length : le(m) : !0);
+  }, C = F(() => (m) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : H(m)), W = F(() => (m) => e.monthPicker ? Array.isArray(m) && (n.value.enabled || r.value.enabled) ? !m.filter((b) => !le(b)).length : le(m) : !0);
   return {
     isDisabled: V,
     validateDate: s,
@@ -7849,14 +7849,14 @@ const cd = ({
     isMonthValid: W
   };
 }, ja = () => {
-  const e = B(() => (a, r) => a?.includes(r)), t = B(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = B(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
+  const e = F(() => (a, r) => a?.includes(r)), t = F(() => (a, r) => a.count ? a.solo ? !0 : r === 0 : !0), n = F(() => (a, r) => a.count ? a.solo ? !0 : r === a.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, md = (e, t, n) => {
   const a = q(0), r = Pa({
     [Kt.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [Kt.calendar]: !1,
     [Kt.header]: !1
-  }), l = B(() => e.monthPicker || e.timePicker), o = (f) => {
+  }), l = F(() => e.monthPicker || e.timePicker), o = (f) => {
     if (e.flow?.length) {
       if (!f && l.value) return c();
       r[f] = !0, Object.keys(r).filter((g) => !r[g]).length || c();
@@ -7865,12 +7865,12 @@ const cd = ({
     e.flow?.length && a.value !== -1 && (a.value += 1, t("flow-step", a.value), c()), e.flow?.length === a.value && ze().then(() => s());
   }, s = () => {
     a.value = -1;
-  }, w = (f, g, ...T) => {
+  }, _ = (f, g, ...T) => {
     e.flow[a.value] === f && n.value && n.value[g]?.(...T);
   }, c = (f = 0) => {
-    f && (a.value += f), w(it.month, "toggleMonthPicker", !0), w(it.year, "toggleYearPicker", !0), w(it.calendar, "toggleTimePicker", !1, !0), w(it.time, "toggleTimePicker", !0, !0);
+    f && (a.value += f), _(it.month, "toggleMonthPicker", !0), _(it.year, "toggleYearPicker", !0), _(it.calendar, "toggleTimePicker", !1, !0), _(it.time, "toggleTimePicker", !0, !0);
     const g = e.flow[a.value];
-    (g === it.hours || g === it.minutes || g === it.seconds) && w(g, "toggleTimePicker", !0, !0, g);
+    (g === it.hours || g === it.minutes || g === it.seconds) && _(g, "toggleTimePicker", !0, !0, g);
   };
   return { childMount: o, updateFlowStep: d, resetFlow: s, handleFlow: c, flowStep: a };
 }, hd = {
@@ -7910,12 +7910,12 @@ const cd = ({
       defaultedAriaLabels: o,
       defaultedInline: d,
       defaultedConfig: s,
-      defaultedRange: w,
+      defaultedRange: _,
       defaultedMultiDates: c,
       defaultedUI: f,
       getDefaultPattern: g,
       getDefaultStartTime: T
-    } = Ee(r), { checkMinMaxRange: V } = Qt(r), Y = q(), $ = q(null), x = q(!1), O = q(!1), D = B(
+    } = Ee(r), { checkMinMaxRange: V } = Qt(r), Y = q(), $ = q(null), x = q(!1), O = q(!1), D = F(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -7952,7 +7952,7 @@ const cd = ({
     }, I = () => {
       O.value = !0;
     }, re = (M) => {
-      if (w.value.enabled)
+      if (_.value.enabled)
         P(M);
       else if (c.value.enabled) {
         const ne = M.split(";");
@@ -7991,15 +7991,15 @@ const cd = ({
     }, X = (M) => {
       Y.value = M;
     }, z = (M) => {
-      M.key === Be.tab && le(M, !0);
+      M.key === Fe.tab && le(M, !0);
     };
     return t({
       focusInput: ie,
       setParsedDate: X
-    }), (M, ne) => (h(), _("div", { onClick: W }, [
-      M.$slots.trigger && !M.$slots["dp-input"] && !i(d).enabled ? K(M.$slots, "trigger", { key: 0 }) : E("", !0),
-      !M.$slots.trigger && (!i(d).enabled || i(d).input) ? (h(), _("div", hd, [
-        M.$slots["dp-input"] && !M.$slots.trigger && (!i(d).enabled || i(d).enabled && i(d).input) ? K(M.$slots, "dp-input", {
+    }), (M, ne) => (h(), w("div", { onClick: W }, [
+      M.$slots.trigger && !M.$slots["dp-input"] && !i(d).enabled ? J(M.$slots, "trigger", { key: 0 }) : E("", !0),
+      !M.$slots.trigger && (!i(d).enabled || i(d).input) ? (h(), w("div", hd, [
+        M.$slots["dp-input"] && !M.$slots.trigger && (!i(d).enabled || i(d).enabled && i(d).input) ? J(M.$slots, "dp-input", {
           key: 0,
           value: e.inputValue,
           isMenuOpen: e.isMenuOpen,
@@ -8015,7 +8015,7 @@ const cd = ({
           closeMenu: () => M.$emit("close"),
           toggleMenu: () => M.$emit("toggle")
         }) : E("", !0),
-        M.$slots["dp-input"] ? E("", !0) : (h(), _("input", {
+        M.$slots["dp-input"] ? E("", !0) : (h(), w("input", {
           key: 1,
           id: M.uid ? `dp-input-${M.uid}` : void 0,
           ref_key: "inputRef",
@@ -8040,15 +8040,15 @@ const cd = ({
           onKeydown: ne[0] || (ne[0] = (y) => j(y)),
           onPaste: I
         }, null, 42, yd)),
-        J("div", {
+        K("div", {
           onClick: ne[3] || (ne[3] = (y) => a("toggle"))
         }, [
-          M.$slots["input-icon"] && !M.hideInputIcon ? (h(), _("span", {
+          M.$slots["input-icon"] && !M.hideInputIcon ? (h(), w("span", {
             key: 0,
             class: "dp__input_icon",
             onClick: ne[1] || (ne[1] = (y) => a("toggle"))
           }, [
-            K(M.$slots, "input-icon")
+            J(M.$slots, "input-icon")
           ])) : E("", !0),
           !M.$slots["input-icon"] && !M.hideInputIcon && !M.$slots["dp-input"] ? (h(), ke(i(ba), {
             key: 1,
@@ -8057,10 +8057,10 @@ const cd = ({
             onClick: ne[2] || (ne[2] = (y) => a("toggle"))
           }, null, 8, ["aria-label"])) : E("", !0)
         ]),
-        M.$slots["clear-icon"] && (M.alwaysClearable || e.inputValue && M.clearable && !M.disabled && !M.readonly) ? (h(), _("span", gd, [
-          K(M.$slots, "clear-icon", { clear: b })
+        M.$slots["clear-icon"] && (M.alwaysClearable || e.inputValue && M.clearable && !M.disabled && !M.readonly) ? (h(), w("span", gd, [
+          J(M.$slots, "clear-icon", { clear: b })
         ])) : E("", !0),
-        !M.$slots["clear-icon"] && (M.alwaysClearable || M.clearable && e.inputValue && !M.disabled && !M.readonly) ? (h(), _("button", {
+        !M.$slots["clear-icon"] && (M.alwaysClearable || M.clearable && e.inputValue && !M.disabled && !M.readonly) ? (h(), w("button", {
           key: 3,
           "aria-label": i(o)?.clearInput,
           class: "dp--clear-btn",
@@ -8068,7 +8068,7 @@ const cd = ({
           onKeydown: ne[4] || (ne[4] = (y) => i(dt)(y, () => b(y), !0, z)),
           onClick: ne[5] || (ne[5] = St((y) => b(y), ["prevent"]))
         }, [
-          He(i(Br), {
+          He(i(Fr), {
             class: "dp__input_icons",
             "data-test-id": "clear-icon"
           })
@@ -8134,7 +8134,7 @@ const cd = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: n }) {
-    const a = n, r = e, l = mt(), o = q(!1), d = Ta(r, "modelValue"), s = Ta(r, "timezone"), w = q(null), c = q(null), f = q(null), g = q(!1), T = q(null), V = q(!1), Y = q(!1), $ = q(!1), x = q(!1), { setMenuFocused: O, setShiftKey: D } = Kr(), { clearArrowNav: S } = Xt(), { validateDate: U, isValidTime: P } = Qt(r), {
+    const a = n, r = e, l = mt(), o = q(!1), d = Ta(r, "modelValue"), s = Ta(r, "timezone"), _ = q(null), c = q(null), f = q(null), g = q(!1), T = q(null), V = q(!1), Y = q(!1), $ = q(!1), x = q(!1), { setMenuFocused: O, setShiftKey: D } = Kr(), { clearArrowNav: S } = Xt(), { validateDate: U, isValidTime: P } = Qt(r), {
       defaultedTransitions: I,
       defaultedTextInput: re,
       defaultedInline: Q,
@@ -8158,7 +8158,7 @@ const cd = ({
       { deep: !0 }
     );
     const { openOnTop: X, menuStyle: z, xCorrect: M, setMenuPosition: ne, getScrollableParent: y, shadowRender: N } = cd({
-      menuRef: w,
+      menuRef: _,
       menuRefInner: c,
       inputRef: f,
       pickerWrapperRef: T,
@@ -8173,7 +8173,7 @@ const cd = ({
       emitModelValue: v,
       formatInputValue: G,
       checkBeforeEmit: Pe
-    } = ou(a, r, { isInputFocused: g, isTextInputDate: x }), ee = B(
+    } = ou(a, r, { isInputFocused: g, isTextInputDate: x }), ee = F(
       () => ({
         dp__main: !0,
         dp__theme_dark: r.dark,
@@ -8182,10 +8182,10 @@ const cd = ({
         "dp--flex-display-collapsed": $.value,
         dp__flex_display_with_input: Q.value.input
       })
-    ), Me = B(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), ae = B(() => r.teleport ? {
+    ), Me = F(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), ae = F(() => r.teleport ? {
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
       disabled: !r.teleport || Q.value.enabled
-    } : {}), ue = B(() => ({ class: "dp__outer_menu_wrap" })), u = B(() => Q.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), ce = () => f.value?.$el?.getBoundingClientRect() ?? { width: 0, left: 0, right: 0 }, L = () => {
+    } : {}), ue = F(() => ({ class: "dp__outer_menu_wrap" })), u = F(() => Q.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), ce = () => f.value?.$el?.getBoundingClientRect() ?? { width: 0, left: 0, right: 0 }, L = () => {
       o.value && (H.value.closeOnScroll ? ct() : ne());
     }, xe = () => {
       o.value && ne();
@@ -8199,17 +8199,17 @@ const cd = ({
       !r.disabled && !r.readonly && (N(k, fr, r), ne(!1), o.value = !0, o.value && a("open"), o.value || ra(), p(r.modelValue));
     }, bt = () => {
       R.value = "", ra(), c.value?.onValueCleared(), f.value?.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), H.value.closeOnClearValue && ct();
-    }, F = () => {
+    }, B = () => {
       const te = de.value;
       return !te || !Array.isArray(te) && U(te) ? !0 : Array.isArray(te) ? C.value.enabled || te.length === 2 && U(te[0]) && U(te[1]) ? !0 : le.value.partialRange && !r.timePicker ? U(te[0]) : !1 : !1;
     }, ve = () => {
-      Pe() && F() ? (v(), ct()) : a("invalid-select", de.value);
+      Pe() && B() ? (v(), ct()) : a("invalid-select", de.value);
     }, fe = (te) => {
-      Bt(), v(), H.value.closeOnAutoApply && !te && ct();
-    }, Bt = () => {
+      Ft(), v(), H.value.closeOnAutoApply && !te && ct();
+    }, Ft = () => {
       f.value && re.value.enabled && f.value.setParsedDate(de.value);
     }, wt = (te = !1) => {
-      r.autoApply && P(de.value) && F() && (le.value.enabled && Array.isArray(de.value) ? (le.value.partialRange || de.value.length === 2) && fe(te) : fe(te));
+      r.autoApply && P(de.value) && B() && (le.value.enabled && Array.isArray(de.value) ? (le.value.partialRange || de.value.length === 2) && fe(te) : fe(te));
     }, ra = () => {
       re.value.enabled || (de.value = null);
     }, ct = (te = !1) => {
@@ -8219,12 +8219,12 @@ const cd = ({
         de.value = null;
         return;
       }
-      const Vt = Array.isArray(te) ? !te.some((Zt) => !U(Zt)) : U(te), Pt = P(te);
-      Vt && Pt ? (x.value = !0, de.value = te, pe ? (V.value = ge, ve(), a("text-submit")) : r.autoApply && wt(!0), ze().then(() => {
+      const Yt = Array.isArray(te) ? !te.some((Zt) => !U(Zt)) : U(te), Pt = P(te);
+      Yt && Pt ? (x.value = !0, de.value = te, pe ? (V.value = ge, ve(), a("text-submit")) : r.autoApply && wt(!0), ze().then(() => {
         x.value = !1;
       })) : a("invalid-date", te);
     }, Qa = () => {
-      r.autoApply && P(de.value) && v(), Bt();
+      r.autoApply && P(de.value) && v(), Ft();
     }, Va = () => o.value ? ct() : Ue(), Za = (te) => {
       de.value = te;
     }, Ga = () => {
@@ -8242,11 +8242,11 @@ const cd = ({
       c.value?.switchView(te, pe);
     }, oe = (te, pe) => H.value.onClickOutside ? H.value.onClickOutside(te, pe) : ct(!0), me = (te = 0) => {
       c.value?.handleFlow(te);
-    }, De = () => w;
+    }, De = () => _;
     return xd(
-      w,
+      _,
       f,
-      (te) => oe(F, te)
+      (te) => oe(B, te)
     ), t({
       closeMenu: ct,
       selectDate: ve,
@@ -8263,7 +8263,7 @@ const cd = ({
       toggleMenu: Va,
       handleFlow: me,
       getDpWrapMenuRef: De
-    }), (te, pe) => (h(), _("div", {
+    }), (te, pe) => (h(), w("div", {
       ref_key: "pickerWrapperRef",
       ref: T,
       class: se(ee.value),
@@ -8289,24 +8289,24 @@ const cd = ({
         onRealBlur: pe[1] || (pe[1] = (ge) => g.value = !1),
         onTextInput: pe[2] || (pe[2] = (ge) => te.$emit("text-input", ge))
       }), lt({ _: 2 }, [
-        Se(i(ie), (ge, Vt) => ({
+        Se(i(ie), (ge, Yt) => ({
           name: ge,
           fn: be((Pt) => [
-            K(te.$slots, ge, at(vt(Pt)))
+            J(te.$slots, ge, nt(vt(Pt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (h(), ke(ha(te.teleport ? dl : "div"), at(vt(ae.value)), {
+      (h(), ke(ha(te.teleport ? dl : "div"), nt(vt(ae.value)), {
         default: be(() => [
           He(ga, {
             name: i(W)(i(X)),
             css: i(m) && !i(Q).enabled
           }, {
             default: be(() => [
-              o.value ? (h(), _("div", Ie({
+              o.value ? (h(), w("div", Ie({
                 key: 0,
                 ref_key: "dpWrapMenuRef",
-                ref: w
+                ref: _
               }, ue.value, {
                 class: { "dp--menu-wrapper": !i(Q).enabled },
                 style: i(Q).enabled ? void 0 : i(z)
@@ -8345,10 +8345,10 @@ const cd = ({
                   onOverlayToggle: pe[18] || (pe[18] = (ge) => te.$emit("overlay-toggle", ge)),
                   onMenuBlur: pe[19] || (pe[19] = (ge) => te.$emit("blur"))
                 }), lt({ _: 2 }, [
-                  Se(i(j), (ge, Vt) => ({
+                  Se(i(j), (ge, Yt) => ({
                     name: ge,
                     fn: be((Pt) => [
-                      K(te.$slots, ge, at(vt({ ...Pt })))
+                      J(te.$slots, ge, nt(vt({ ...Pt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -8384,10 +8384,10 @@ const pr = (e) => {
     if (a.length === 1) {
       const s = a[0];
       if (!s || isNaN(s.getTime())) return "";
-      const w = new Date(s);
-      w.setHours(0, 0, 0, 0);
+      const _ = new Date(s);
+      _.setHours(0, 0, 0, 0);
       const c = new Date(s);
-      c.setHours(23, 59, 0, 0), r = w, l = c;
+      c.setHours(23, 59, 0, 0), r = _, l = c;
     } else a.length === 2 && ([r, l] = a);
     if (!r || !l) return "";
     if (n(r, l))
@@ -8397,14 +8397,14 @@ const pr = (e) => {
   } else if (e instanceof Date)
     return t(e);
   return "";
-}, $d = {}, Pd = { class: "circular-loader" };
+}, $d = {}, Pd = { class: "ui-kit circular-loader" };
 function Ad(e, t) {
-  return h(), _("div", Pd, [...t[0] || (t[0] = [
-    J("svg", {
+  return h(), w("div", Pd, [...t[0] || (t[0] = [
+    K("svg", {
       class: "circular",
       viewBox: "25 25 50 50"
     }, [
-      J("circle", {
+      K("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -8415,7 +8415,7 @@ function Ad(e, t) {
     ], -1)
   ])]);
 }
-const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac931"]]), Sd = ["disabled"], Rd = /* @__PURE__ */ Ae({
+const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-3cecf314"]]), Sd = ["disabled"], Rd = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CButton",
   props: {
@@ -8425,8 +8425,8 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = Ft(), a = nt({
-      base: "ui-kit-button",
+    const t = e, n = Vt(), a = et({
+      base: "ui-kit ui-kit-button",
       modifiers: {
         [t.variant]: !0,
         [t.size]: !0,
@@ -8434,19 +8434,19 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         loading: () => t.loading
       },
       attrs: n
-    }), r = B(() => {
+    }), r = F(() => {
       const { class: l, ...o } = n;
       return o;
     });
-    return (l, o) => (h(), _("button", Ie({
+    return (l, o) => (h(), w("button", Ie({
       class: i(a),
       disabled: t.disabled || t.loading
     }, r.value), [
-      J("span", {
+      K("span", {
         class: se(["ui-kit-typo-subtitle-secondary", "ui-kit-button__content"]),
         style: Ke({ visibility: t.loading ? "hidden" : "visible" })
       }, [
-        K(l.$slots, "default", {}, void 0, !0)
+        J(l.$slots, "default", {}, void 0, !0)
       ], 4),
       t.loading ? (h(), ke(Od, {
         key: 0,
@@ -8454,10 +8454,10 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       })) : E("", !0)
     ], 16, Sd));
   }
-}), mr = /* @__PURE__ */ Le(Rd, [["__scopeId", "data-v-75670d9b"]]), Vd = {
+}), mr = /* @__PURE__ */ Le(Rd, [["__scopeId", "data-v-6daa554f"]]), Vd = {
   key: 0,
   class: "menu-header-container"
-}, Yd = ["onClick"], Id = { class: "action-row" }, Hd = { class: "action-row-left" }, Fd = { class: "date-display" }, Bd = { class: "typo-p-error" }, Ld = { class: "action-row-right" }, Gc = /* @__PURE__ */ Ae({
+}, Yd = ["onClick"], Id = { class: "action-row" }, Hd = { class: "action-row-left" }, Bd = { class: "date-display" }, Fd = { class: "typo-p-error" }, Ld = { class: "action-row-right" }, Kc = /* @__PURE__ */ Ae({
   __name: "DatePicker",
   props: /* @__PURE__ */ da({
     teleport: { type: Boolean, default: !0 },
@@ -8519,7 +8519,7 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       } catch (W) {
         return console.warn("DatePicker: Error in safeDateArray:", W, "value:", C), null;
       }
-    }, w = () => {
+    }, _ = () => {
       try {
         const C = l.value;
         if (a.isRange) {
@@ -8533,7 +8533,7 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         console.warn("DatePicker: Error in getSafeModelValue:", C);
         return;
       }
-    }, c = q(w()), f = q(w()), g = (C, W = !0) => {
+    }, c = q(_()), f = q(_()), g = (C, W = !0) => {
       try {
         c.value = C, f.value = C, l.value = C, W && r("change", C);
       } catch (m) {
@@ -8595,12 +8595,12 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         title: "Last Year",
         getValue: () => {
           const C = new Date((/* @__PURE__ */ new Date()).getFullYear() - 1, 0, 1);
-          return [zt(C), Ba(C)];
+          return [zt(C), Fa(C)];
         }
       },
       {
         title: "This Year",
-        getValue: () => [zt(/* @__PURE__ */ new Date()), Ba(/* @__PURE__ */ new Date())]
+        getValue: () => [zt(/* @__PURE__ */ new Date()), Fa(/* @__PURE__ */ new Date())]
       }
     ], Y = ([C, W]) => {
       if (!C || !W || !(C instanceof Date) || !(W instanceof Date) || isNaN(C.getTime()) || isNaN(W.getTime())) {
@@ -8647,7 +8647,7 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       }
     }, D = () => {
       U.value = !1, o.value && typeof o.value.closeMenu == "function" && o.value.closeMenu();
-    }, S = q("calendar"), U = q(!1), P = B(() => a.size === "large" ? "input-height-large" : "input-height-default"), I = () => {
+    }, S = q("calendar"), U = q(!1), P = F(() => a.size === "large" ? "input-height-large" : "input-height-default"), I = () => {
       o.value && typeof o.value.switchView == "function" && (S.value = S.value === "calendar" ? "time" : "calendar", o.value.switchView(S.value), ze(() => {
         const C = document.querySelector(
           '[aria-label="Close time Picker"]'
@@ -8684,7 +8684,7 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       l,
       (C) => {
         try {
-          const W = w();
+          const W = _();
           c.value = W, f.value = W;
         } catch (W) {
           console.error("DatePicker: Error processing modelValue:", W), c.value = void 0, f.value = void 0;
@@ -8710,7 +8710,7 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       range: a.isRange,
       "multi-calendars": { solo: !0 },
       format: i(pr),
-      class: "date-range",
+      class: "ui-kit date-range",
       placeholder: "Select Dates",
       clearable: a.isClerable,
       teleport: a.teleport,
@@ -8720,8 +8720,8 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       onCleared: le
     }, {
       "menu-header": be(() => [
-        a.isRange ? (h(), _("div", Vd, [
-          (h(), _(_e, null, Se(V, (m, b) => J("button", {
+        a.isRange ? (h(), w("div", Vd, [
+          (h(), w(_e, null, Se(V, (m, b) => K("button", {
             key: b,
             class: "filter-button",
             onClick: (k) => Y(m.getValue())
@@ -8729,9 +8729,9 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         ])) : E("", !0)
       ]),
       "action-row": be(({ internalModelValue: m, selectDate: b }) => [
-        J("div", Id, [
-          J("div", Hd, [
-            J("button", {
+        K("div", Id, [
+          K("div", Hd, [
+            K("button", {
               class: "switch-view-button",
               onClick: I
             }, [
@@ -8740,11 +8740,11 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
                 class: "switch-icon svg-icon"
               }, null, 8, ["name"])
             ]),
-            J("div", Fd, [
-              J("p", Bd, $e($(m)), 1)
+            K("div", Bd, [
+              K("p", Fd, $e($(m)), 1)
             ])
           ]),
-          J("div", Ld, [
+          K("div", Ld, [
             He(mr, {
               size: "medium",
               type: "outline",
@@ -8770,14 +8770,14 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         ])
       ]),
       "dp-input": be(() => [
-        J("div", {
+        K("div", {
           class: se(["date-input-wrapper", [P.value, { active: U.value }]])
         }, [
           He(yt, {
             name: "calendar-default",
             class: "calendar-icon"
           }),
-          J("p", {
+          K("p", {
             class: se(["date-input-text", [
               c.value ? "date-input-text-filled" : "date-input-text-placeholder"
             ]])
@@ -8787,7 +8787,35 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       _: 1
     }, 8, ["modelValue", "range", "format", "clearable", "teleport", "dark"]));
   }
-}), Ed = ["for"], Nd = ["id", "disabled"], Wd = { class: "ui-kit-checkbox__box" }, zd = /* @__PURE__ */ Ae({
+}), Ed = ["disabled"], Nd = /* @__PURE__ */ Ae({
+  inheritAttrs: !1,
+  __name: "CLinkButton",
+  props: {
+    variant: { default: "success" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = Vt(), a = et({
+      base: "ui-kit ui-kit-link-button",
+      modifiers: {
+        [t.variant]: !0,
+        disabled: () => t.disabled
+      },
+      attrs: n
+    }), r = F(() => {
+      const { class: l, ...o } = n;
+      return o;
+    });
+    return (l, o) => (h(), w("button", Ie({
+      class: ["ui-kit-typo-text-link", i(a)],
+      disabled: t.disabled
+    }, r.value), [
+      J(l.$slots, "icon-left", {}, void 0, !0),
+      J(l.$slots, "default", {}, void 0, !0),
+      J(l.$slots, "icon-right", {}, void 0, !0)
+    ], 16, Ed));
+  }
+}), ev = /* @__PURE__ */ Le(Nd, [["__scopeId", "data-v-630f09ae"]]), Wd = ["for"], zd = ["id", "disabled"], qd = { class: "ui-kit-checkbox__box" }, Ud = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CCheckbox",
   props: /* @__PURE__ */ da({
@@ -8799,66 +8827,66 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = Ft();
+    const t = e, n = Vt();
     mt();
     const a = Wa(e, "modelValue"), r = q(`checkbox-${Math.random().toString(36).substring(2, 9)}`), l = (s) => {
       if (t.disabled) {
         s.preventDefault(), s.stopPropagation();
-        const w = s.target;
-        w.checked = a.value;
+        const _ = s.target;
+        _.checked = a.value;
       }
-    }, o = nt({
-      base: "ui-kit-checkbox",
+    }, o = et({
+      base: "ui-kit ui-kit-checkbox",
       modifiers: {
         checked: () => a.value,
         disabled: () => t.disabled,
         [t.size]: !0
       },
       attrs: n
-    }), d = B(() => {
-      const { class: s, checked: w, ...c } = n;
+    }), d = F(() => {
+      const { class: s, checked: _, ...c } = n;
       return c;
     });
-    return (s, w) => (h(), _("label", {
+    return (s, _) => (h(), w("label", {
       class: se(i(o)),
       for: r.value
     }, [
-      Dt(J("input", Ie({
+      Dt(K("input", Ie({
         id: r.value,
         type: "checkbox",
-        "onUpdate:modelValue": w[0] || (w[0] = (c) => a.value = c),
+        "onUpdate:modelValue": _[0] || (_[0] = (c) => a.value = c),
         disabled: t.disabled
       }, d.value, {
         onInput: l,
         class: "ui-kit-checkbox__input"
-      }), null, 16, Nd), [
+      }), null, 16, zd), [
         [yl, a.value]
       ]),
-      J("div", Wd, [
+      K("div", qd, [
         a.value ? (h(), ke(yr, {
           key: 0,
           class: "ui-kit-checkbox__icon"
         })) : E("", !0)
       ]),
-      K(s.$slots, "default", {}, void 0, !0)
-    ], 10, Ed));
+      J(s.$slots, "default", {}, void 0, !0)
+    ], 10, Wd));
   }
-}), Jc = /* @__PURE__ */ Le(zd, [["__scopeId", "data-v-102ff990"]]), qd = {
+}), tv = /* @__PURE__ */ Le(Ud, [["__scopeId", "data-v-f1250d8b"]]), jd = {
   key: 0,
-  class: "ui-kit__header"
-}, Ud = {
+  class: "ui-kit-input__header"
+}, Xd = {
   key: 0,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__label"])
-}, jd = {
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__label"])
+}, Qd = {
   key: 0,
-  class: "ui-kit__icon ui-kit__icon_left"
-}, Xd = ["type", "placeholder", "disabled"], Qd = {
+  class: "ui-kit-input__icon ui-kit-input__icon_left"
+}, Zd = ["type", "placeholder", "disabled"], Gd = {
   key: 1,
-  class: "ui-kit__icon ui-kit__icon_right"
-}, Zd = {
+  class: "ui-kit-input__icon ui-kit-input__icon_right"
+}, Jd = {
   key: 1,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__error"])
-}, Gd = /* @__PURE__ */ Ae({
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__error"])
+}, Kd = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CInput",
   props: {
@@ -8872,28 +8900,28 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ft(), r = mt(), l = t, o = q(!1), d = B({
+    const n = e, a = Vt(), r = mt(), l = t, o = q(!1), d = F({
       get: () => n.modelValue,
       set: (x) => l("update:modelValue", x)
-    }), s = B(() => !!r["icon-left"]), w = B(() => !!r["icon-right"]), c = nt({
-      base: "ui-kit",
+    }), s = F(() => !!r["icon-left"]), _ = F(() => !!r["icon-right"]), c = et({
+      base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
       },
       attrs: a
-    }), f = nt({
-      base: "ui-kit__field-wrapper",
+    }), f = et({
+      base: "ui-kit-input__field-wrapper",
       modifiers: {
         focused: () => o.value,
         disabled: () => n.disabled
       }
-    }), g = nt({
-      base: "ui-kit__field",
+    }), g = et({
+      base: "ui-kit-input__field",
       modifiers: {
         error: !!n.errors
       },
       extra: n.inputClass
-    }), T = B(() => {
+    }), T = F(() => {
       const {
         inputClass: x,
         ...O
@@ -8903,21 +8931,21 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       o.value = !0;
     }, Y = () => {
       o.value = !1;
-    }, $ = B(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return (x, O) => (h(), _("div", {
+    }, $ = F(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    return (x, O) => (h(), w("div", {
       class: se(i(c))
     }, [
-      e.label || i(r)?.["header-slot"] ? (h(), _("div", qd, [
-        e.label ? (h(), _("label", Ud, $e(e.label), 1)) : E("", !0),
-        K(x.$slots, "header-slot", {}, void 0, !0)
+      e.label || i(r)?.["header-slot"] ? (h(), w("div", jd, [
+        e.label ? (h(), w("label", Xd, $e(e.label), 1)) : E("", !0),
+        J(x.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      J("div", {
+      K("div", {
         class: se(i(f))
       }, [
-        s.value ? (h(), _("span", jd, [
-          K(x.$slots, "icon-left", {}, void 0, !0)
+        s.value ? (h(), w("span", Qd, [
+          J(x.$slots, "icon-left", {}, void 0, !0)
         ])) : E("", !0),
-        Dt(J("input", Ie({
+        Dt(K("input", Ie({
           "onUpdate:modelValue": O[0] || (O[0] = (D) => d.value = D),
           type: e.type,
           placeholder: e.placeholder,
@@ -8926,29 +8954,29 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         }, T.value, {
           onFocus: V,
           onBlur: Y
-        }), null, 16, Xd), [
+        }), null, 16, Zd), [
           [Mn, d.value]
         ]),
-        w.value ? (h(), _("span", Qd, [
-          K(x.$slots, "icon-right", {}, void 0, !0)
+        _.value ? (h(), w("span", Gd, [
+          J(x.$slots, "icon-right", {}, void 0, !0)
         ])) : E("", !0)
       ], 2),
-      e.errors ? (h(), _("div", Zd, $e($.value), 1)) : E("", !0)
+      e.errors ? (h(), w("div", Jd, $e($.value), 1)) : E("", !0)
     ], 2));
   }
-}), Kc = /* @__PURE__ */ Le(Gd, [["__scopeId", "data-v-364f0f8d"]]), Jd = {
+}), av = /* @__PURE__ */ Le(Kd, [["__scopeId", "data-v-ee8eaeaa"]]), ec = {
   key: 0,
-  class: "ui-kit__header"
-}, Kd = {
+  class: "ui-kit-input__header"
+}, tc = {
   key: 0,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__label"])
-}, ec = {
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__label"])
+}, ac = {
   key: 0,
-  class: "ui-kit__icon ui-kit__icon_left"
-}, tc = ["type", "placeholder", "disabled"], ac = ["disabled"], nc = {
+  class: "ui-kit-input__icon ui-kit-input__icon_left"
+}, nc = ["type", "placeholder", "disabled"], rc = ["disabled"], lc = {
   key: 1,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__error"])
-}, rc = /* @__PURE__ */ Ae({
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__error"])
+}, oc = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CPasswordInput",
   props: {
@@ -8961,28 +8989,28 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ft(), r = mt(), l = t, o = q(!1), d = q(!1), s = B({
+    const n = e, a = Vt(), r = mt(), l = t, o = q(!1), d = q(!1), s = F({
       get: () => n.modelValue,
       set: (D) => l("update:modelValue", D)
-    }), w = B(() => d.value ? "text" : "password"), c = B(() => !!r["icon-left"]), f = nt({
-      base: "ui-kit",
+    }), _ = F(() => d.value ? "text" : "password"), c = F(() => !!r["icon-left"]), f = et({
+      base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
       },
       attrs: a
-    }), g = nt({
-      base: "ui-kit__field-wrapper",
+    }), g = et({
+      base: "ui-kit-input__field-wrapper",
       modifiers: {
         focused: () => o.value,
         disabled: () => n.disabled
       }
-    }), T = nt({
-      base: "ui-kit__field",
+    }), T = et({
+      base: "ui-kit-input__field",
       modifiers: {
         error: !!n.errors
       },
       extra: n.inputClass
-    }), V = B(() => {
+    }), V = F(() => {
       const {
         inputClass: D,
         ...S
@@ -8994,62 +9022,62 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       o.value = !1;
     }, x = () => {
       n.disabled || (d.value = !d.value);
-    }, O = B(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return (D, S) => (h(), _("div", {
+    }, O = F(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    return (D, S) => (h(), w("div", {
       class: se(i(f))
     }, [
-      e.label || i(r)?.["header-slot"] ? (h(), _("div", Jd, [
-        e.label ? (h(), _("label", Kd, $e(e.label), 1)) : E("", !0),
-        K(D.$slots, "header-slot", {}, void 0, !0)
+      e.label || i(r)?.["header-slot"] ? (h(), w("div", ec, [
+        e.label ? (h(), w("label", tc, $e(e.label), 1)) : E("", !0),
+        J(D.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      J("div", {
+      K("div", {
         class: se(i(g))
       }, [
-        c.value ? (h(), _("span", ec, [
-          K(D.$slots, "icon-left", {}, void 0, !0)
+        c.value ? (h(), w("span", ac, [
+          J(D.$slots, "icon-left", {}, void 0, !0)
         ])) : E("", !0),
-        Dt(J("input", Ie({
+        Dt(K("input", Ie({
           "onUpdate:modelValue": S[0] || (S[0] = (U) => s.value = U),
-          type: w.value,
+          type: _.value,
           placeholder: e.placeholder,
           disabled: n.disabled,
           class: ["ui-kit-typo-subtitle-secondary", i(T)]
         }, V.value, {
           onFocus: Y,
           onBlur: $
-        }), null, 16, tc), [
+        }), null, 16, nc), [
           [Mn, s.value]
         ]),
-        J("button", {
+        K("button", {
           type: "button",
-          class: se(["ui-kit__toggle-password", { "ui-kit__toggle-password_disabled": n.disabled }]),
+          class: se(["ui-kit-input__toggle-password", { "ui-kit-input__toggle-password_disabled": n.disabled }]),
           disabled: n.disabled,
           onClick: x,
           tabindex: "0"
         }, [
-          d.value ? K(D.$slots, "toggle-icon-show", { key: 0 }, () => [
+          d.value ? J(D.$slots, "toggle-icon-show", { key: 0 }, () => [
             He(yt, { name: "eye" })
-          ], !0) : K(D.$slots, "toggle-icon-hide", { key: 1 }, () => [
+          ], !0) : J(D.$slots, "toggle-icon-hide", { key: 1 }, () => [
             He(yt, { name: "eye-slash" })
           ], !0)
-        ], 10, ac)
+        ], 10, rc)
       ], 2),
-      e.errors ? (h(), _("div", nc, $e(O.value), 1)) : E("", !0)
+      e.errors ? (h(), w("div", lc, $e(O.value), 1)) : E("", !0)
     ], 2));
   }
-}), ev = /* @__PURE__ */ Le(rc, [["__scopeId", "data-v-2ed1f875"]]), lc = {
+}), nv = /* @__PURE__ */ Le(oc, [["__scopeId", "data-v-fef5065e"]]), sc = {
   key: 0,
-  class: "ui-kit__header"
-}, oc = {
+  class: "ui-kit-input__header"
+}, ic = {
   key: 0,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__label"])
-}, sc = ["type", "placeholder", "disabled"], ic = ["disabled"], uc = {
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__label"])
+}, uc = ["type", "placeholder", "disabled"], dc = ["disabled"], cc = {
   key: 1,
-  class: "ui-kit__icon ui-kit__icon_right"
-}, dc = {
+  class: "ui-kit-input__icon ui-kit-input__icon_right"
+}, vc = {
   key: 1,
-  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit__error"])
-}, cc = /* @__PURE__ */ Ae({
+  class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-input__error"])
+}, fc = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CSearchInput",
   props: {
@@ -9064,32 +9092,32 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ft(), r = mt(), l = t, o = q(!1), d = B({
+    const n = e, a = Vt(), r = mt(), l = t, o = q(!1), d = F({
       get: () => n.modelValue,
       set: (x) => l("update:modelValue", x)
-    }), s = B(() => {
+    }), s = F(() => {
       const x = n.modelValue;
       return x != null && x !== "";
-    }), w = nt({
-      base: "ui-kit",
+    }), _ = et({
+      base: "ui-kit ui-kit-input",
       modifiers: {
         error: !!n.errors
       },
       attrs: a
-    }), c = nt({
-      base: "ui-kit__field-wrapper",
+    }), c = et({
+      base: "ui-kit-input__field-wrapper",
       modifiers: {
         focused: () => o.value,
         disabled: () => n.disabled,
         table: () => n.variant === "table"
       }
-    }), f = nt({
-      base: "ui-kit__field",
+    }), f = et({
+      base: "ui-kit-input__field",
       modifiers: {
         error: !!n.errors
       },
       extra: n.inputClass
-    }), g = B(() => {
+    }), g = F(() => {
       const {
         inputClass: x,
         ...O
@@ -9101,18 +9129,18 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       o.value = !1;
     }, Y = () => {
       n.disabled || l("update:modelValue", "");
-    }, $ = B(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return (x, O) => (h(), _("div", {
-      class: se(i(w))
+    }, $ = F(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    return (x, O) => (h(), w("div", {
+      class: se(i(_))
     }, [
-      e.label || i(r)?.["header-slot"] ? (h(), _("div", lc, [
-        e.label ? (h(), _("label", oc, $e(e.label), 1)) : E("", !0),
-        K(x.$slots, "header-slot", {}, void 0, !0)
+      e.label || i(r)?.["header-slot"] ? (h(), w("div", sc, [
+        e.label ? (h(), w("label", ic, $e(e.label), 1)) : E("", !0),
+        J(x.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      J("div", {
+      K("div", {
         class: se(i(c))
       }, [
-        Dt(J("input", Ie({
+        Dt(K("input", Ie({
           "onUpdate:modelValue": O[0] || (O[0] = (D) => d.value = D),
           type: e.type,
           placeholder: e.placeholder,
@@ -9124,39 +9152,39 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         }, g.value, {
           onFocus: T,
           onBlur: V
-        }), null, 16, sc), [
+        }), null, 16, uc), [
           [Mn, d.value]
         ]),
-        s.value ? (h(), _("button", {
+        s.value ? (h(), w("button", {
           key: 0,
           type: "button",
-          class: se(["ui-kit__clear-button", { "ui-kit__clear-button_disabled": n.disabled }]),
+          class: se(["ui-kit-input__clear-button", { "ui-kit-input__clear-button_disabled": n.disabled }]),
           disabled: n.disabled,
           onClick: Y,
           tabindex: "0"
         }, [
-          K(x.$slots, "clear-icon", {}, () => [
+          J(x.$slots, "clear-icon", {}, () => [
             He(yt, { name: "x-mark" })
           ], !0)
-        ], 10, ic)) : (h(), _("span", uc, [
-          K(x.$slots, "search-icon", {}, () => [
+        ], 10, dc)) : (h(), w("span", cc, [
+          J(x.$slots, "search-icon", {}, () => [
             He(yt, { name: "search" })
           ], !0)
         ]))
       ], 2),
-      e.errors ? (h(), _("div", dc, $e($.value), 1)) : E("", !0)
+      e.errors ? (h(), w("div", vc, $e($.value), 1)) : E("", !0)
     ], 2));
   }
-}), tv = /* @__PURE__ */ Le(cc, [["__scopeId", "data-v-a84ca91f"]]), vc = {
+}), rv = /* @__PURE__ */ Le(fc, [["__scopeId", "data-v-2d307238"]]), pc = {
   key: 0,
   class: "ui-kit-textarea__header"
-}, fc = {
+}, mc = {
   key: 0,
   class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-textarea__label"])
-}, pc = ["placeholder", "disabled", "rows"], mc = {
+}, hc = ["placeholder", "disabled", "rows"], yc = {
   key: 1,
   class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-secondary", "ui-kit-textarea__error"])
-}, hc = /* @__PURE__ */ Ae({
+}, gc = /* @__PURE__ */ Ae({
   inheritAttrs: !1,
   __name: "CTextarea",
   props: {
@@ -9171,30 +9199,30 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = Ft(), r = mt(), l = t, o = q(!1), d = B({
+    const n = e, a = Vt(), r = mt(), l = t, o = q(!1), d = F({
       get: () => n.modelValue,
       set: ($) => l("update:modelValue", $)
-    }), s = nt({
-      base: "ui-kit-textarea",
+    }), s = et({
+      base: "ui-kit ui-kit-textarea",
       modifiers: {
         error: !!n.errors
       },
       attrs: a
-    }), w = nt({
+    }), _ = et({
       base: "ui-kit-textarea__field-wrapper",
       modifiers: {
         focused: () => o.value,
         disabled: () => n.disabled
       }
-    }), c = nt({
+    }), c = et({
       base: "ui-kit-textarea__field",
       modifiers: {
         error: !!n.errors
       },
       extra: n.inputClass
-    }), f = B(() => ({
+    }), f = F(() => ({
       resize: n.resizable ? "vertical" : "none"
-    })), g = B(() => {
+    })), g = F(() => {
       const {
         inputClass: $,
         ...x
@@ -9204,18 +9232,18 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       o.value = !0;
     }, V = () => {
       o.value = !1;
-    }, Y = B(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
-    return ($, x) => (h(), _("div", {
+    }, Y = F(() => Array.isArray(n.errors) ? n.errors.join(", ") : n.errors);
+    return ($, x) => (h(), w("div", {
       class: se(i(s))
     }, [
-      e.label || i(r)?.["header-slot"] ? (h(), _("div", vc, [
-        e.label ? (h(), _("label", fc, $e(e.label), 1)) : E("", !0),
-        K($.$slots, "header-slot", {}, void 0, !0)
+      e.label || i(r)?.["header-slot"] ? (h(), w("div", pc, [
+        e.label ? (h(), w("label", mc, $e(e.label), 1)) : E("", !0),
+        J($.$slots, "header-slot", {}, void 0, !0)
       ])) : E("", !0),
-      J("div", {
-        class: se(i(w))
+      K("div", {
+        class: se(i(_))
       }, [
-        Dt(J("textarea", Ie({
+        Dt(K("textarea", Ie({
           "onUpdate:modelValue": x[0] || (x[0] = (O) => d.value = O),
           placeholder: e.placeholder,
           disabled: n.disabled,
@@ -9225,17 +9253,17 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         }, g.value, {
           onFocus: T,
           onBlur: V
-        }), null, 16, pc), [
+        }), null, 16, hc), [
           [hr, d.value]
         ])
       ], 2),
-      e.errors ? (h(), _("div", mc, $e(Y.value), 1)) : E("", !0)
+      e.errors ? (h(), w("div", yc, $e(Y.value), 1)) : E("", !0)
     ], 2));
   }
-}), av = /* @__PURE__ */ Le(hc, [["__scopeId", "data-v-01b96ee5"]]), yc = { class: "ui-kit-data-placeholder" }, gc = { class: "ui-kit-data-placeholder__content" }, bc = {
+}), lv = /* @__PURE__ */ Le(gc, [["__scopeId", "data-v-e7868f00"]]), bc = { class: "ui-kit ui-kit-data-placeholder" }, wc = { class: "ui-kit-data-placeholder__content" }, _c = {
   key: 0,
   class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-primary", "ui-kit-data-placeholder__subtitle"])
-}, wc = /* @__PURE__ */ Ae({
+}, kc = /* @__PURE__ */ Ae({
   __name: "CDataPlaceholder",
   props: {
     iconClass: { default: "" },
@@ -9243,61 +9271,61 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
   },
   setup(e) {
     const t = mt();
-    return (n, a) => (h(), _("div", yc, [
-      J("div", {
+    return (n, a) => (h(), w("div", bc, [
+      K("div", {
         class: se(["ui-kit-data-placeholder__icon", e.iconClass])
       }, [
-        K(n.$slots, "icon", {}, void 0, !0)
+        J(n.$slots, "icon", {}, void 0, !0)
       ], 2),
-      J("div", gc, [
-        J("span", {
+      K("div", wc, [
+        K("span", {
           class: se(["ui-kit-typo-subtitle-primary", "ui-kit-data-placeholder__text", e.textClass])
         }, [
-          K(n.$slots, "default", {}, () => [
+          J(n.$slots, "default", {}, () => [
             a[0] || (a[0] = pt("No data", -1))
           ], !0)
         ], 2),
-        i(t).subtitle ? (h(), _("span", bc, [
-          K(n.$slots, "subtitle", {}, void 0, !0)
+        i(t).subtitle ? (h(), w("span", _c, [
+          J(n.$slots, "subtitle", {}, void 0, !0)
         ])) : E("", !0)
       ])
     ]));
   }
-}), nv = /* @__PURE__ */ Le(wc, [["__scopeId", "data-v-9ebeef58"]]), _c = /* @__PURE__ */ Ae({
+}), ov = /* @__PURE__ */ Le(kc, [["__scopeId", "data-v-5520e56b"]]), Mc = /* @__PURE__ */ Ae({
   __name: "CLabel",
   props: {
     variant: { default: "success" }
   },
   setup(e) {
-    const t = e, n = Ft(), a = nt({
-      base: "ui-kit-label",
+    const t = e, n = Vt(), a = et({
+      base: "ui-kit ui-kit-label",
       modifiers: {
         [t.variant]: !0
       },
       attrs: n
     });
-    return (r, l) => (h(), _("div", {
+    return (r, l) => (h(), w("div", {
       class: se(["ui-kit-typo-paragraph-secondary", i(a)])
     }, [
-      K(r.$slots, "default", {}, void 0, !0)
+      J(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), rv = /* @__PURE__ */ Le(_c, [["__scopeId", "data-v-6f57144c"]]), kc = {
+}), sv = /* @__PURE__ */ Le(Mc, [["__scopeId", "data-v-ddb9d2f7"]]), xc = {
   key: 0,
   class: "ui-kit-toast__progress-container"
-}, Mc = {
+}, Dc = {
   key: 3,
   class: "ui-kit-toast__content"
-}, xc = {
+}, Tc = {
   key: 0,
   class: /* @__PURE__ */ se(["ui-kit-typo-subtitle-primary", "ui-kit-toast__title"])
-}, Dc = {
+}, Cc = {
   key: 1,
   class: /* @__PURE__ */ se(["ui-kit-typo-paragraph-primary", "ui-kit-toast__description"])
-}, Tc = {
+}, $c = {
   key: 4,
   class: "ui-kit-toast__default-slot"
-}, Cc = /* @__PURE__ */ Ae({
+}, Pc = /* @__PURE__ */ Ae({
   __name: "Toast",
   props: {
     type: {},
@@ -9314,22 +9342,22 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       n("close");
     };
     a.delay && !a.manual && kl(l, a.delay);
-    const o = nt({
-      base: "ui-kit-toast",
+    const o = et({
+      base: "ui-kit ui-kit-toast",
       modifiers: {
         [a.type || "default"]: !0,
         bordered: !a.noBorder
       }
-    }), d = nt({
-      base: "ui-kit-toast__progress-bar",
+    }), d = et({
+      base: "ui-kit ui-kit-toast__progress-bar",
       modifiers: {
         [a.type || ""]: !!a.type
       }
     });
-    return (s, w) => (h(), _("div", {
+    return (s, _) => (h(), w("div", {
       class: se(i(o))
     }, [
-      J("button", {
+      K("button", {
         class: "ui-kit-toast__close-button",
         onClick: St(l, ["stop"])
       }, [
@@ -9338,8 +9366,8 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
           class: "ui-kit-toast__close-icon"
         })
       ]),
-      e.noProgress ? E("", !0) : (h(), _("div", kc, [
-        J("div", {
+      e.noProgress ? E("", !0) : (h(), w("div", xc, [
+        K("div", {
           class: se(i(d)),
           style: Ke({ animationDuration: e.delay ? `${e.delay}ms` : void 0 })
         }, null, 6)
@@ -9350,25 +9378,25 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
         class: "ui-kit-toast__icon",
         style: Ke({ color: e.icon.color })
       }, null, 8, ["name", "style"])) : E("", !0),
-      e.loader?.show ? (h(), _("span", {
+      e.loader?.show ? (h(), w("span", {
         key: 2,
         class: "ui-kit-toast__loader",
         style: Ke({ borderColor: e.loader.color })
       }, null, 4)) : E("", !0),
-      i(r).title || i(r).description ? (h(), _("div", Mc, [
-        i(r).title ? (h(), _("span", xc, [
-          K(s.$slots, "title", {}, void 0, !0)
+      i(r).title || i(r).description ? (h(), w("div", Dc, [
+        i(r).title ? (h(), w("span", Tc, [
+          J(s.$slots, "title", {}, void 0, !0)
         ])) : E("", !0),
-        i(r).description ? (h(), _("span", Dc, [
-          K(s.$slots, "description", {}, void 0, !0)
+        i(r).description ? (h(), w("span", Cc, [
+          J(s.$slots, "description", {}, void 0, !0)
         ])) : E("", !0)
       ])) : E("", !0),
-      i(r).default ? (h(), _("div", Tc, [
-        K(s.$slots, "default", {}, void 0, !0)
+      i(r).default ? (h(), w("div", $c, [
+        J(s.$slots, "default", {}, void 0, !0)
       ])) : E("", !0)
     ], 2));
   }
-}), $c = /* @__PURE__ */ Le(Cc, [["__scopeId", "data-v-928ddbb0"]]), Pc = 5e3, Ha = q([]), Ac = () => ({
+}), Ac = /* @__PURE__ */ Le(Pc, [["__scopeId", "data-v-a638abf2"]]), Oc = 5e3, Ha = q([]), Sc = () => ({
   toasts: Ha,
   add: (n) => {
     const a = {
@@ -9376,20 +9404,20 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
       type: n.type ?? "success",
       id: Math.random().toString(36).substring(2, 9)
     };
-    return n.delay !== 0 && (a.delay = n.delay ?? Pc), Ha.value.push(a), a;
+    return n.delay !== 0 && (a.delay = n.delay ?? Oc), Ha.value.push(a), a;
   },
   remove: (n) => {
     Ha.value = Ha.value.filter((a) => a.id !== n);
   }
-}), Oc = { class: "ui-kit-toasts-container" }, Sc = { class: "ui-kit-toasts-container__list" }, Rc = ["innerHTML"], Vc = ["innerHTML"], Yc = /* @__PURE__ */ Ae({
+}), Rc = { class: "ui-kit ui-kit-toasts-container" }, Vc = { class: "ui-kit-toasts-container__list" }, Yc = ["innerHTML"], Ic = ["innerHTML"], Hc = /* @__PURE__ */ Ae({
   __name: "ToastsContainer",
   setup(e) {
-    const { toasts: t, remove: n } = Ac();
-    return (a, r) => (h(), _("div", Oc, [
-      J("div", Sc, [
+    const { toasts: t, remove: n } = Sc();
+    return (a, r) => (h(), w("div", Rc, [
+      K("div", Vc, [
         He(gl, { name: "ui-kit-toast-list" }, {
           default: be(() => [
-            (h(!0), _(_e, null, Se(i(t), (l) => (h(), ke(ha(l.customComponent ?? $c), {
+            (h(!0), w(_e, null, Se(i(t), (l) => (h(), ke(ha(l.customComponent ?? Ac), {
               key: l.id,
               delay: l.delay,
               manual: l.manual,
@@ -9403,20 +9431,20 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
               l.title ? {
                 name: "title",
                 fn: be(() => [
-                  J("p", {
+                  K("p", {
                     class: se(["ui-kit-typo-subtitle-primary", "ui-kit-toasts-container__title-text"]),
                     innerHTML: l.title
-                  }, null, 8, Rc)
+                  }, null, 8, Yc)
                 ]),
                 key: "0"
               } : void 0,
               l.description ? {
                 name: "description",
                 fn: be(() => [
-                  J("p", {
+                  K("p", {
                     class: se(["ui-kit-typo-paragraph-primary", "ui-kit-toasts-container__description-text"]),
                     innerHTML: l.description
-                  }, null, 8, Vc)
+                  }, null, 8, Ic)
                 ]),
                 key: "1"
               } : void 0
@@ -9425,14 +9453,14 @@ const Od = /* @__PURE__ */ Le($d, [["render", Ad], ["__scopeId", "data-v-a4cac93
           _: 1
         })
       ]),
-      r[0] || (r[0] = J("div", {
+      r[0] || (r[0] = K("div", {
         id: "toasts-container",
         class: "ui-kit-toasts-container__custom"
       }, null, -1))
     ]));
   }
-}), lv = /* @__PURE__ */ Le(Yc, [["__scopeId", "data-v-1a0265a4"]]);
-function Ic(e, t, n) {
+}), iv = /* @__PURE__ */ Le(Hc, [["__scopeId", "data-v-d3c51fe4"]]);
+function Bc(e, t, n) {
   let a = null;
   function r() {
     a || (a = (o) => {
@@ -9445,16 +9473,16 @@ function Ic(e, t, n) {
   }
   return { bindOutside: r, unbindOutside: l };
 }
-const Hc = {
+const Fc = {
   key: 0,
   class: "ui-kit-select__placeholder ui-kit-typo-subtitle-secondary"
-}, Fc = {
+}, Lc = {
   key: 1,
   class: "ui-kit-select__tags"
-}, Bc = { class: "ui-kit-select__tag-label" }, Lc = ["onClick"], Ec = ["placeholder"], Nc = ["aria-selected", "onMouseenter", "onClick"], Wc = { class: "ui-kit-select__option-label" }, zc = {
+}, Ec = { class: "ui-kit-select__tag-label" }, Nc = ["onClick"], Wc = ["placeholder"], zc = ["aria-selected", "onMouseenter", "onClick"], qc = { class: "ui-kit-select__option-label" }, Uc = {
   key: 0,
   class: "ui-kit-select__no-results ui-kit-typo-subtitle-secondary"
-}, qc = 300, Uc = 120, jc = /* @__PURE__ */ Ae({
+}, jc = 300, Xc = 120, Qc = /* @__PURE__ */ Ae({
   __name: "Select",
   props: /* @__PURE__ */ da({
     options: {},
@@ -9479,17 +9507,17 @@ const Hc = {
     const n = e, a = t, r = Wa(
       e,
       "modelValue"
-    ), l = q(null), o = q(null), d = q(null), s = q(!1), w = q(""), c = q(-1), f = B(() => n.singleSelect ? r.value ? [r.value] : [] : Array.isArray(r.value) ? r.value : []), g = B(
+    ), l = q(null), o = q(null), d = q(null), s = q(!1), _ = q(""), c = q(-1), f = F(() => n.singleSelect ? r.value ? [r.value] : [] : Array.isArray(r.value) ? r.value : []), g = F(
       () => n.options.filter((z) => f.value.includes(z.value))
-    ), T = B(() => {
-      const z = w.value.trim().toLowerCase();
+    ), T = F(() => {
+      const z = _.value.trim().toLowerCase();
       return (n.searchOnServer ? [...n.options] : z ? n.options.filter((ne) => ne.label.toLowerCase().includes(z)) : [...n.options]).sort((ne, y) => {
         const N = n.singleSelect ? r.value === ne.value : f.value.includes(ne.value), R = n.singleSelect ? r.value === y.value : f.value.includes(y.value);
         return N === R ? 0 : N ? -1 : 1;
       });
     });
     Je(s, (z) => {
-      z ? (w.value = "", ze(() => {
+      z ? (_.value = "", ze(() => {
         c.value = Math.max(0, 0), d.value?.focus(), d.value?.select(), requestAnimationFrame(() => {
           b();
         });
@@ -9540,7 +9568,7 @@ const Hc = {
           M && O(M);
         } else if (z.key === "Escape")
           $();
-        else if (z.key === "Backspace" && w.value === "" && g.value.length > 0)
+        else if (z.key === "Backspace" && _.value === "" && g.value.length > 0)
           if (n.singleSelect)
             r.value = null;
           else {
@@ -9549,7 +9577,7 @@ const Hc = {
           }
       }
     }
-    const { bindOutside: U, unbindOutside: P } = Ic(
+    const { bindOutside: U, unbindOutside: P } = Bc(
       () => l.value,
       () => $(),
       () => [o.value]
@@ -9561,28 +9589,28 @@ const Hc = {
     function re(z) {
       const M = z.target || o.value;
       if (!M) return;
-      M.scrollTop + M.clientHeight >= M.scrollHeight - Uc && !I && w.value.trim() === "" && (I = !0, a("load-more"), setTimeout(() => I = !1, 500));
+      M.scrollTop + M.clientHeight >= M.scrollHeight - Xc && !I && _.value.trim() === "" && (I = !0, a("load-more"), setTimeout(() => I = !1, 500));
     }
     Je(s, (z) => {
       z && (I = !1);
     });
     let Q = null;
     Je(
-      () => w.value,
+      () => _.value,
       (z) => {
         s.value && n.searchOnServer && (Q && clearTimeout(Q), Q = setTimeout(
           () => a("search", z.trim()),
-          qc
+          jc
         ), ze(() => {
           b();
         }));
       }
     );
-    const H = B(
+    const H = F(
       () => g.value.slice(0, n.tagLimit)
-    ), le = B(
+    ), le = F(
       () => Math.max(0, g.value.length - H.value.length)
-    ), C = B(
+    ), C = F(
       () => 100 / Math.max(1, H.value.length)
     ), W = q(!1), m = q({});
     function b() {
@@ -9617,12 +9645,12 @@ const Hc = {
         capture: !0
       });
     }
-    return (z, M) => (h(), _("div", {
+    return (z, M) => (h(), w("div", {
       ref_key: "rootEl",
       ref: l,
-      class: "ui-kit-select"
+      class: "ui-kit ui-kit-select"
     }, [
-      J("button", {
+      K("button", {
         type: "button",
         class: se(["ui-kit-select__button", {
           "ui-kit-select__button_disabled": e.disabled,
@@ -9631,21 +9659,21 @@ const Hc = {
         }]),
         onClick: Y
       }, [
-        g.value.length === 0 && !s.value ? (h(), _("span", Hc, $e(e.placeholder), 1)) : s.value ? Dt((h(), _("input", {
+        g.value.length === 0 && !s.value ? (h(), w("span", Fc, $e(e.placeholder), 1)) : s.value ? Dt((h(), w("input", {
           key: 2,
           ref_key: "inputEl",
           ref: d,
-          "onUpdate:modelValue": M[0] || (M[0] = (ne) => w.value = ne),
+          "onUpdate:modelValue": M[0] || (M[0] = (ne) => _.value = ne),
           class: "ui-kit-select__input ui-kit-typo-subtitle-secondary",
           type: "text",
           placeholder: e.searchPlaceholder,
           onKeydown: S,
           onClick: M[1] || (M[1] = St(() => {
           }, ["stop"]))
-        }, null, 40, Ec)), [
-          [hr, w.value]
-        ]) : (h(), _("div", Fc, [
-          (h(!0), _(_e, null, Se(H.value, (ne) => (h(), _("span", {
+        }, null, 40, Wc)), [
+          [hr, _.value]
+        ]) : (h(), w("div", Lc, [
+          (h(!0), w(_e, null, Se(H.value, (ne) => (h(), w("span", {
             key: String(ne.value),
             class: se(["ui-kit-select__tag ui-kit-typo-subtitle-secondary", {
               "ui-kit-select__tag_transparent": e.isTransparent,
@@ -9656,10 +9684,10 @@ const Hc = {
               maxWidth: "max-content"
             })
           }, [
-            K(z.$slots, "tag", { option: ne }, () => [
-              J("span", Bc, $e(ne.label), 1)
+            J(z.$slots, "tag", { option: ne }, () => [
+              K("span", Ec, $e(ne.label), 1)
             ], !0),
-            e.clearable ? (h(), _("button", {
+            e.clearable ? (h(), w("button", {
               key: 0,
               type: "button",
               class: "ui-kit-select__tag-remove",
@@ -9668,9 +9696,9 @@ const Hc = {
               onClick: St((y) => D(ne.value), ["stop"])
             }, [
               He(yt, { name: "x-mark" })
-            ], 8, Lc)) : E("", !0)
+            ], 8, Nc)) : E("", !0)
           ], 6))), 128)),
-          !e.singleSelect && le.value > 0 ? (h(), _("span", {
+          !e.singleSelect && le.value > 0 ? (h(), w("span", {
             key: 0,
             class: se(["ui-kit-select__tag-count ui-kit-typo-subtitle-secondary", { "ui-kit-select__tag-count_transparent": e.isTransparent }])
           }, " +" + $e(le.value), 3)) : E("", !0)
@@ -9680,7 +9708,7 @@ const Hc = {
           class: se(["ui-kit-select__chevron", { open: s.value }])
         }, null, 8, ["class"])
       ], 2),
-      Dt(J("div", {
+      Dt(K("div", {
         class: se(["ui-kit-select__dropdown", {
           "ui-kit-select__dropdown_above": W.value
         }]),
@@ -9688,14 +9716,14 @@ const Hc = {
         onKeydown: M[3] || (M[3] = St(() => {
         }, ["stop"]))
       }, [
-        J("ul", {
+        K("ul", {
           ref_key: "listEl",
           ref: o,
           class: se(["ui-kit-select__list ui-scrollbar ui-kit-typo-subtitle-secondary", [e.dropdownMaxHeightClass]]),
           role: "listbox",
           onScroll: re
         }, [
-          (h(!0), _(_e, null, Se(T.value, (ne, y) => (h(), _("li", {
+          (h(!0), w(_e, null, Se(T.value, (ne, y) => (h(), w("li", {
             key: String(ne.value),
             class: se(["ui-kit-select__option", {
               "ui-kit-select__option_highlighted": y === c.value,
@@ -9708,8 +9736,8 @@ const Hc = {
             onMouseleave: M[2] || (M[2] = (N) => c.value = -1),
             onClick: St((N) => O(ne), ["stop"])
           }, [
-            K(z.$slots, "option", { option: ne }, () => [
-              J("span", Wc, $e(ne.label), 1)
+            J(z.$slots, "option", { option: ne }, () => [
+              K("span", qc, $e(ne.label), 1)
             ], !0),
             x(ne) ? (h(), ke(yt, {
               key: 0,
@@ -9717,32 +9745,33 @@ const Hc = {
               color: "var(--ui-kit-select-check-color)",
               class: "ui-kit-select__option-check"
             })) : E("", !0)
-          ], 42, Nc))), 128)),
-          T.value.length === 0 ? (h(), _("li", zc, $e(e.noResultsText), 1)) : E("", !0)
+          ], 42, zc))), 128)),
+          T.value.length === 0 ? (h(), w("li", Uc, $e(e.noResultsText), 1)) : E("", !0)
         ], 34)
       ], 38), [
         [Ma, s.value]
       ])
     ], 512));
   }
-}), ov = /* @__PURE__ */ Le(jc, [["__scopeId", "data-v-e9971bf4"]]);
+}), uv = /* @__PURE__ */ Le(Qc, [["__scopeId", "data-v-677ae3d9"]]);
 export {
-  Zc as AdaptiveTabs,
+  Jc as AdaptiveTabs,
   mr as CButton,
-  Jc as CCheckbox,
-  nv as CDataPlaceholder,
+  tv as CCheckbox,
+  ov as CDataPlaceholder,
   vo as CIconButton,
-  Kc as CInput,
-  rv as CLabel,
-  ev as CPasswordInput,
-  tv as CSearchInput,
-  av as CTextarea,
+  av as CInput,
+  sv as CLabel,
+  ev as CLinkButton,
+  nv as CPasswordInput,
+  rv as CSearchInput,
+  lv as CTextarea,
   Od as CircularLoader,
-  Gc as DatePicker,
-  ov as Select,
-  $c as Toast,
-  lv as ToastsContainer,
+  Kc as DatePicker,
+  uv as Select,
+  Ac as Toast,
+  iv as ToastsContainer,
   pr as formatSelectedRange,
-  Ic as useOutsideClick,
-  Ac as useToasts
+  Bc as useOutsideClick,
+  Sc as useToasts
 };