@namba_one/ui-kit-2 1.0.217 → 1.0.218

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Dv = Object.defineProperty;
 var Iv = (n, e, t) => e in n ? Dv(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Te = (n, e, t) => Iv(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as ce, useCssModule as sn, computed as L, createBlock as te, openBlock as v, resolveDynamicComponent as wr, mergeProps as tt, withCtx as A, renderSlot as se, createElementBlock as M, normalizeClass as y, normalizeStyle as He, createElementVNode as U, createCommentVNode as z, createVNode as j, unref as p, useTemplateRef as co, watch as Ze, ref as W, withDirectives as cn, vShow as Lr, h as Fo, Transition as fn, useSlots as Yr, toHandlers as Hi, onMounted as ft, useModel as at, mergeModels as lt, createTextVNode as ye, toDisplayString as me, withModifiers as Fn, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Pe, provide as Zo, useId as uu, onBeforeUnmount as oa, Teleport as cu, inject as ji, isRef as mr, onUnmounted as kr, readonly as Pv, toRef as cr, nextTick as bt, getCurrentScope as Wh, onScopeDispose as qh, getCurrentInstance as Gh, vModelText as ia, reactive as Vi, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as un, render as Dd, useAttrs as Lv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, resolveDirective as zv, vModelDynamic as Hv } from "vue";
+import { defineComponent as ce, useCssModule as sn, computed as L, createBlock as te, openBlock as v, resolveDynamicComponent as wr, mergeProps as tt, withCtx as A, renderSlot as se, createElementBlock as M, normalizeClass as y, normalizeStyle as He, createElementVNode as W, createCommentVNode as z, createVNode as j, unref as p, useTemplateRef as co, watch as Ze, ref as U, withDirectives as cn, vShow as Lr, h as Fo, Transition as fn, useSlots as Yr, toHandlers as Hi, onMounted as ft, useModel as at, mergeModels as lt, createTextVNode as ye, toDisplayString as me, withModifiers as Fn, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Pe, provide as Zo, useId as uu, onBeforeUnmount as oa, Teleport as cu, inject as ji, isRef as mr, onUnmounted as kr, readonly as Pv, toRef as cr, nextTick as bt, getCurrentScope as Wh, onScopeDispose as qh, getCurrentInstance as Gh, vModelText as ia, reactive as Vi, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as un, render as Dd, useAttrs as Lv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, resolveDirective as zv, vModelDynamic as Hv } from "vue";
 const jv = /* @__PURE__ */ ce({
   __name: "TheText",
   props: {
@@ -93,7 +93,7 @@ const jv = /* @__PURE__ */ ce({
         class: y(o.value),
         style: He(i.value)
       }, [
-        U("use", {
+        W("use", {
           "xlink:href": `#${s.name}`
         }, null, 8, lg)
       ], 6))
@@ -338,7 +338,7 @@ const jv = /* @__PURE__ */ ce({
         t.value = "error";
       }));
     });
-    const t = W("idle"), r = L(() => ({
+    const t = U("idle"), r = L(() => ({
       ...n.hasPriority && {
         fetchpriority: "high"
       }
@@ -370,13 +370,13 @@ const jv = /* @__PURE__ */ ce({
         class: y(a.$style.fallback)
       }, [
         se(a.$slots, "fallback", {}, () => [
-          U("img", {
+          W("img", {
             src: p(Sg),
             alt: "image placeholder"
           }, null, 8, Mg)
         ])
       ], 2)) : z("", !0),
-      cn(U("img", tt({ key: "image" }, r.value, {
+      cn(W("img", tt({ key: "image" }, r.value, {
         class: [a.$style.image, a.$style[`objectFit_${a.objectFit}`]],
         style: o.value,
         width: a.width,
@@ -457,14 +457,14 @@ const Kg = /* @__PURE__ */ ce({
       class: y(t.value),
       style: He(r.value)
     }, i[0] || (i[0] = [
-      U("svg", {
+      W("svg", {
         width: "48",
         height: "48",
         viewBox: "0 0 48 48",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       }, [
-        U("path", { d: "M47.7766 27.2672C47.1217 32.0334 45.0494 36.4927 41.8287 40.0666C38.6081 43.6405 34.3876 46.164 29.715 47.3096C25.0424 48.4552 20.1334 48.1701 15.6248 46.4913C11.1163 44.8124 7.21636 41.8173 4.4311 37.8945C1.64583 33.9718 0.103788 29.3025 0.00505465 24.4925C-0.0936792 19.6826 1.25545 14.9539 3.8774 10.9202C6.49934 6.88648 10.2731 3.73385 14.7089 1.87138C19.1448 0.00891139 24.038 -0.477421 28.7537 0.475486L28.0406 4.00416C24.0323 3.19419 19.8731 3.60757 16.1026 5.19067C12.3321 6.77377 9.12444 9.45351 6.89579 12.8822C4.66713 16.3109 3.52037 20.3302 3.6043 24.4187C3.68822 28.5071 4.99895 32.476 7.36643 35.8104C9.73391 39.1447 13.0488 41.6905 16.8811 43.1176C20.7134 44.5446 24.8861 44.787 28.8578 43.8132C32.8295 42.8394 36.4168 40.6945 39.1544 37.6566C41.892 34.6188 43.6534 30.8284 44.2101 26.7771L47.7766 27.2672Z" })
+        W("path", { d: "M47.7766 27.2672C47.1217 32.0334 45.0494 36.4927 41.8287 40.0666C38.6081 43.6405 34.3876 46.164 29.715 47.3096C25.0424 48.4552 20.1334 48.1701 15.6248 46.4913C11.1163 44.8124 7.21636 41.8173 4.4311 37.8945C1.64583 33.9718 0.103788 29.3025 0.00505465 24.4925C-0.0936792 19.6826 1.25545 14.9539 3.8774 10.9202C6.49934 6.88648 10.2731 3.73385 14.7089 1.87138C19.1448 0.00891139 24.038 -0.477421 28.7537 0.475486L28.0406 4.00416C24.0323 3.19419 19.8731 3.60757 16.1026 5.19067C12.3321 6.77377 9.12444 9.45351 6.89579 12.8822C4.66713 16.3109 3.52037 20.3302 3.6043 24.4187C3.68822 28.5071 4.99895 32.476 7.36643 35.8104C9.73391 39.1447 13.0488 41.6905 16.8811 43.1176C20.7134 44.5446 24.8861 44.787 28.8578 43.8132C32.8295 42.8394 36.4168 40.6945 39.1544 37.6566C41.892 34.6188 43.6534 30.8284 44.2101 26.7771L47.7766 27.2672Z" })
       ], -1)
     ]), 6));
   }
@@ -691,7 +691,7 @@ const rb = /* @__PURE__ */ ce({
         j(p(dn), null, {
           default: A(() => [
             (v(), M("div", { key: c.value }, [
-              U("div", {
+              W("div", {
                 class: y(g.$style.content)
               }, [
                 g.iconLeft ? (v(), te(p(We), {
@@ -1200,7 +1200,7 @@ const jo = /* @__PURE__ */ ce({
     delay: { default: 0 }
   },
   setup(n) {
-    const e = W(null);
+    const e = U(null);
     return ft(
       () => zb(e.value, (t, r, o, i) => {
         let s;
@@ -1273,7 +1273,7 @@ const jo = /* @__PURE__ */ ce({
     ]), a = L(() => _b(n.view)), l = L(() => Cb(n.size)), u = L(() => xb(n.size)), d = L(() => Eb({ isDisabled: n.isDisabled, view: n.view }));
     return (c, h) => (v(), te(wr(c.tag), tt({ class: s.value }, o.value, Hi(i.value)), {
       default: A(() => [
-        U("div", {
+        W("div", {
           class: y(c.$style.content)
         }, [
           j(p(jo), null, {
@@ -1394,7 +1394,7 @@ const jo = /* @__PURE__ */ ce({
     return (o, i) => (v(), M("article", {
       class: y([o.$style.root, { [o.$style["is-chosen"]]: o.isChosen }])
     }, [
-      U("div", {
+      W("div", {
         class: y(o.$style.card)
       }, [
         o.isSortable ? z("", !0) : (v(), te(p(sp), {
@@ -1403,7 +1403,7 @@ const jo = /* @__PURE__ */ ce({
           "onUpdate:value": i[0] || (i[0] = (s) => t.value = s),
           class: y({ [o.$style.disabled]: o.isLoading })
         }, null, 8, ["value", "class"])),
-        U("div", {
+        W("div", {
           class: y(o.$style.content)
         }, [
           o.image ? (v(), te(p(Yi), {
@@ -1416,7 +1416,7 @@ const jo = /* @__PURE__ */ ce({
             height: "44",
             objectFit: "cover"
           }, null, 8, ["class", "src"])) : z("", !0),
-          U("div", {
+          W("div", {
             class: y(o.$style.text)
           }, [
             j(p(Be), {
@@ -1491,7 +1491,7 @@ const jo = /* @__PURE__ */ ce({
     color: {}
   },
   setup(n) {
-    const e = sn(), t = W(), r = W(""), o = L(() => [e.root, e[`size_${n.size}`], e.view, n.color]);
+    const e = sn(), t = U(), r = U(""), o = L(() => [e.root, e[`size_${n.size}`], e.view, n.color]);
     function i() {
       if (n.widthRange && n.widthRange[0] && n.widthRange[1] && t.value) {
         const s = ep(t.value, "max-width");
@@ -1510,7 +1510,7 @@ const jo = /* @__PURE__ */ ce({
       class: y(o.value),
       style: He({ width: r.value })
     }, a[0] || (a[0] = [
-      U("span", null, null, -1)
+      W("span", null, null, -1)
     ]), 6));
   }
 }), wy = "TheTextSkeleton__root_a9bc7", ky = "TheTextSkeleton__size_title1_44c2b", _y = "TheTextSkeleton__size_title2_18c6c", Cy = "TheTextSkeleton__size_title3_227a9", xy = "TheTextSkeleton__size_headline_02137", Ey = "TheTextSkeleton__size_body_863b5", Ty = "TheTextSkeleton__size_subhead_31ae4", Sy = "TheTextSkeleton__size_caption_50e03", My = {
@@ -1533,18 +1533,18 @@ const jo = /* @__PURE__ */ ce({
     return (e, t) => (v(), M("article", {
       class: y(e.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(e.$style.card)
       }, [
         j(p(sp), { value: !1 }),
-        U("div", {
+        W("div", {
           class: y([e.$style.content, e.$style["content-skeleton"]])
         }, [
           e.isShowImage ? (v(), M("div", {
             key: 0,
             class: y([e.$style.image, e.$style["image-skeleton"]])
           }, null, 2)) : z("", !0),
-          U("div", {
+          W("div", {
             class: y([e.$style.text, e.$style["text-skeleton"]])
           }, [
             j(p(Vo), {
@@ -3116,7 +3116,7 @@ const g0 = {
   }),
   emits: ["update:list"],
   setup(n) {
-    const e = at(n, "list"), t = W(), r = W(!0);
+    const e = at(n, "list"), t = U(), r = U(!0);
     function o(u, d) {
       const c = [...e.value], h = {
         ...c[u]
@@ -3195,7 +3195,7 @@ const g0 = {
     return (e, t) => (v(), M("div", {
       class: y(e.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(e.$style.list)
       }, [
         (v(), M($e, null, Pe(4, (r) => j(p(Ay), { key: r })), 64))
@@ -3260,7 +3260,7 @@ const g0 = {
       ]),
       onClick: o[1] || (o[1] = (i) => t("click", i))
     }, [
-      U("input", {
+      W("input", {
         class: y(r.$style.input),
         hidden: "",
         type: "checkbox",
@@ -3316,7 +3316,7 @@ const g0 = {
         "onUpdate:value": o[0] || (o[0] = (i) => t("update:value", i))
       }, null, 8, ["size", "is-indeterminate", "value"]),
       se(r.$slots, "leftItem"),
-      U("div", {
+      W("div", {
         class: y(r.$style.content)
       }, [
         j(p(Be), {
@@ -3471,7 +3471,7 @@ const g0 = {
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const t = e, r = sn(), o = Q0(), i = W(n.isActive ?? !1), s = L(() => [i.value && r["is-open"]]);
+    const t = e, r = sn(), o = Q0(), i = U(n.isActive ?? !1), s = L(() => [i.value && r["is-open"]]);
     function a() {
       i.value = !i.value, t("click", i.value);
     }
@@ -3483,7 +3483,7 @@ const g0 = {
     ), (l, u) => (v(), M("div", {
       class: y(s.value)
     }, [
-      U("div", {
+      W("div", {
         class: y(p(r).header),
         "data-test": "DropdownTextHeader",
         onClick: a
@@ -3623,7 +3623,7 @@ function a1({
   return "";
 }
 function Cp(n) {
-  const e = W(n);
+  const e = U(n);
   function t(r) {
     e.value = r;
   }
@@ -3680,7 +3680,7 @@ const c1 = ["accept", "disabled"], d1 = /* @__PURE__ */ ce({
   }),
   emits: /* @__PURE__ */ lt(["update:value"], ["update:value", "update:isError"]),
   setup(n, { emit: e }) {
-    const t = e, r = at(n, "value"), o = at(n, "isError"), i = sn(), s = W(), a = W(""), l = W(""), u = W({
+    const t = e, r = at(n, "value"), o = at(n, "isError"), i = sn(), s = U(), a = U(""), l = U(""), u = U({
       format: !1,
       size: !1
     }), d = L(() => a.value ? "file" : "empty"), {
@@ -3777,7 +3777,7 @@ const c1 = ["accept", "disabled"], d1 = /* @__PURE__ */ ce({
         ]),
         _: 1
       }, 8, ["color"]),
-      U("div", {
+      W("div", {
         class: y(ie.value)
       }, [
         j(p(dn), null, {
@@ -3869,7 +3869,7 @@ const c1 = ["accept", "disabled"], d1 = /* @__PURE__ */ ce({
                 ]),
                 _: 1
               }, 8, ["class", "color"]),
-              U("button", {
+              W("button", {
                 class: y(p(i)["button-clear"]),
                 onClick: N
               }, [
@@ -3898,7 +3898,7 @@ const c1 = ["accept", "disabled"], d1 = /* @__PURE__ */ ce({
         ]),
         _: 1
       }),
-      U("input", {
+      W("input", {
         ref_key: "refInput",
         ref: s,
         title: "Добавить файл",
@@ -4454,7 +4454,7 @@ const _1 = ["id"], C1 = /* @__PURE__ */ ce({
   emits: ["close"],
   setup(n, { expose: e, emit: t }) {
     Zo(xp, d);
-    const r = t, o = uu(), i = W(!1);
+    const r = t, o = uu(), i = U(!1);
     Ze(i, () => {
       i.value ? l() : u();
     });
@@ -4488,19 +4488,15 @@ const _1 = ["id"], C1 = /* @__PURE__ */ ce({
       i.value ? (v(), M("div", {
         key: 0,
         class: y([m.$style.root, m.$attrs.class]),
-        id: p(o)
+        id: p(o),
+        onClick: d
       }, [
         j(p(dn), { appear: "" }, {
           default: A(() => [
-            U("div", {
-              class: y([
-                m.$style.overlay,
-                {
-                  [m.$style["is-show-overlay"]]: m.isShowOverlay
-                }
-              ]),
-              onClick: d
-            }, null, 2)
+            m.isShowOverlay ? (v(), M("div", {
+              key: 0,
+              class: y(m.$style.overlay)
+            }, null, 2)) : z("", !0)
           ]),
           _: 1
         }),
@@ -4510,8 +4506,7 @@ const _1 = ["id"], C1 = /* @__PURE__ */ ce({
   }
 }), x1 = "DynamicVisibleArea__root_4ca5d", E1 = "DynamicVisibleArea__overlay_01f51", T1 = {
   root: x1,
-  overlay: E1,
-  "is-show-overlay": "DynamicVisibleArea__is-show-overlay_c353d"
+  overlay: E1
 }, S1 = {
   $style: T1
 }, M1 = /* @__PURE__ */ ge(C1, [["__cssModules", S1]]);
@@ -4647,7 +4642,7 @@ const jL = () => ji(
         key: i + o,
         class: y(t.$style.item)
       }, [
-        U("div", {
+        W("div", {
           class: y(t.$style.border)
         }, null, 2),
         j(p(Yi), {
@@ -4692,11 +4687,11 @@ const jL = () => ji(
     return (e, t) => (v(), M("div", {
       class: y(e.$style.root)
     }, [
-      (v(), M($e, null, Pe(5, (r) => U("div", {
+      (v(), M($e, null, Pe(5, (r) => W("div", {
         key: r,
         class: y(e.$style.item)
       }, [
-        U("div", {
+        W("div", {
           class: y(e.$style.border)
         }, null, 2)
       ], 2)), 64))
@@ -7135,7 +7130,7 @@ function yw(n, e) {
     defaultUnmaskedValue: s,
     defaultTypedValue: a
   } = e === void 0 ? {} : e;
-  const l = mr(n) ? n : W(n), u = W(), d = W(), c = W(""), h = W(""), m = W();
+  const l = mr(n) ? n : U(n), u = U(), d = U(), c = U(""), h = U(""), m = U();
   let f, g = c.value, $ = h.value, T = m.value;
   function E() {
     T = m.value = d.value.typedValue, $ = h.value = d.value.unmaskedValue, g = c.value = d.value.value;
@@ -7357,7 +7352,7 @@ const Cw = {
             "leave-to-class": a.$style.fadeLeaveTo
           }, {
             default: A(() => [
-              cn(U("div", null, [
+              cn(W("div", null, [
                 se(a.$slots, "default")
               ], 512), [
                 [Lr, a.isShow]
@@ -7412,7 +7407,7 @@ const Cw = {
   }),
   emits: /* @__PURE__ */ lt(["update:error", "blur", "click-icon-left", "click-icon-right"], ["update:value"]),
   setup(n, { emit: e }) {
-    const t = at(n, "value"), r = W(!1), o = W(), i = e, s = Ii(
+    const t = at(n, "value"), r = U(!1), o = U(), i = e, s = Ii(
       {
         34: "caption",
         44: "subhead"
@@ -7457,7 +7452,7 @@ const Cw = {
           ]),
           _: 1
         }, 8, ["class", "size"])) : z("", !0),
-        U("div", {
+        W("div", {
           class: y(h.$style.wrapper),
           onClick: c
         }, [
@@ -7573,7 +7568,7 @@ const Cw = {
         size: "subhead",
         color: "foreground-layout-layout-1-primary"
       }, null, 8, ["class"])) : z("", !0),
-      U("div", {
+      W("div", {
         class: y(e.$style.wrapper)
       }, null, 2)
     ], 2));
@@ -7658,7 +7653,7 @@ const Cw = {
   }),
   emits: ["update:isSortable"],
   setup(n) {
-    const e = at(n, "isSortable"), t = W(!1);
+    const e = at(n, "isSortable"), t = U(!1);
     function r() {
       e.value && n.cancel(), e.value = !e.value;
     }
@@ -7685,7 +7680,7 @@ const Cw = {
         title: a.title,
         description: a.description
       }, null, 8, ["class", "title", "description"]),
-      U("div", {
+      W("div", {
         class: y(a.$style.buttons)
       }, [
         j(p(Do), {
@@ -7731,7 +7726,7 @@ const Cw = {
       open: i
     }), (l, u) => (v(), te(p(M1), { ref: "ModalConfirmation" }, {
       default: A(() => [
-        U("div", {
+        W("div", {
           class: y(l.$style.root)
         }, [
           j(p(Be), {
@@ -7755,7 +7750,7 @@ const Cw = {
             ]),
             _: 1
           }, 8, ["class"]),
-          U("div", {
+          W("div", {
             class: y(l.$style.buttons)
           }, [
             j(p(Zn), {
@@ -8109,7 +8104,7 @@ function t_(n, e, t = {}) {
   return () => d.forEach((h) => h());
 }
 function po() {
-  const [n, e] = Cp(!1), t = W(null), r = W(null), o = L(() => {
+  const [n, e] = Cp(!1), t = U(null), r = U(null), o = L(() => {
     var a;
     return (a = r.value) != null && a.$el ? r.value.$el : r.value;
   }), i = L(() => {
@@ -8393,14 +8388,14 @@ const d_ = /* @__PURE__ */ ce({
     parentElement: {}
   },
   setup(n) {
-    const e = W(null), t = n_(), r = W({
+    const e = U(null), t = n_(), r = U({
       minWidth: n.minWidth ? `${Cu(Number(n.minWidth))}rem` : void 0,
       width: void 0
-    }), o = W({
+    }), o = U({
       top: void 0,
       left: void 0,
       right: void 0
-    }), i = W({
+    }), i = U({
       horizontal: void 0,
       vertical: void 0
     });
@@ -8468,7 +8463,7 @@ const d_ = /* @__PURE__ */ ce({
   }),
   emits: /* @__PURE__ */ lt(["close"], ["update:isShowDropdown"]),
   setup(n, { emit: e }) {
-    const t = Gh(), r = W();
+    const t = Gh(), r = U();
     function o(f) {
       const g = i(f);
       return g || s(f);
@@ -8535,7 +8530,7 @@ const d_ = /* @__PURE__ */ ce({
   }),
   emits: /* @__PURE__ */ lt(["clickField", "clickOutside", "clickOutsideDropdown", "close"], ["update:isOpen"]),
   setup(n, { emit: e }) {
-    const t = at(n, "isOpen"), r = e, o = W(null), i = W(null), s = W({
+    const t = at(n, "isOpen"), r = e, o = U(null), i = U(null), s = U({
       ...n.dropdownMaxHeight && {
         height: `${n.dropdownMaxHeight}px`
       }
@@ -8583,7 +8578,7 @@ const d_ = /* @__PURE__ */ ce({
         ]),
         _: 1
       })) : z("", !0),
-      U("div", {
+      W("div", {
         ref_key: "wrapperRef",
         ref: o,
         class: y(c.$style.wrapper),
@@ -8599,7 +8594,7 @@ const d_ = /* @__PURE__ */ ce({
         "horizontal-align": "left"
       }, {
         default: A(() => [
-          U("div", {
+          W("div", {
             class: y(c.$style.dropdown),
             style: He(s.value),
             ref_key: "triggerElementRef",
@@ -8663,7 +8658,7 @@ const d_ = /* @__PURE__ */ ce({
   }),
   emits: ["update:value"],
   setup(n) {
-    const e = at(n, "value"), t = W(!1), r = L(() => {
+    const e = at(n, "value"), t = U(!1), r = L(() => {
       const i = n.data.find((s) => s.id === e.value);
       return i ? i.text : null;
     });
@@ -8683,7 +8678,7 @@ const d_ = /* @__PURE__ */ ce({
       onClickOutside: s[2] || (s[2] = () => t.value = !1)
     }, {
       field: A(() => [
-        U("div", {
+        W("div", {
           class: y(i.$style.field)
         }, [
           i.iconLeft ? (v(), te(p(We), {
@@ -8733,7 +8728,7 @@ const d_ = /* @__PURE__ */ ce({
         ], 2)
       ]),
       dropdown: A(() => [
-        U("div", {
+        W("div", {
           class: y(i.$style.list)
         }, [
           (v(!0), M($e, null, Pe(i.data, (a) => (v(), M("div", {
@@ -9449,7 +9444,7 @@ var G_ = {
 const K_ = { class: "vc-editable-input" }, X_ = ["aria-labelledby"], Q_ = ["id", "for"], Z_ = { class: "vc-input__desc" };
 function J_(n, e, t, r, o, i) {
   return v(), M("div", K_, [
-    cn(U("input", {
+    cn(W("input", {
       ref: "input",
       "onUpdate:modelValue": e[0] || (e[0] = (s) => i.val = s),
       "aria-labelledby": i.labelId,
@@ -9459,12 +9454,12 @@ function J_(n, e, t, r, o, i) {
     }, null, 40, X_), [
       [ia, i.val]
     ]),
-    U("span", {
+    W("span", {
       id: i.labelId,
       for: t.label,
       class: "vc-input__label"
     }, me(i.labelSpanText), 9, Q_),
-    U(
+    W(
       "span",
       Z_,
       me(t.desc),
@@ -9529,19 +9524,19 @@ var va = {
     }
   }
 };
-const t2 = /* @__PURE__ */ U(
+const t2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-saturation--white" },
   null,
   -1
   /* HOISTED */
-), n2 = /* @__PURE__ */ U(
+), n2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-saturation--black" },
   null,
   -1
   /* HOISTED */
-), r2 = /* @__PURE__ */ U(
+), r2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-saturation-circle" },
   null,
@@ -9564,7 +9559,7 @@ function i2(n, e, t, r, o, i) {
     [
       t2,
       n2,
-      U(
+      W(
         "div",
         {
           class: "vc-saturation-pointer",
@@ -9660,7 +9655,7 @@ var ga = {
     }
   }
 };
-const a2 = ["aria-valuenow"], l2 = /* @__PURE__ */ U(
+const a2 = ["aria-valuenow"], l2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-hue-picker" },
   null,
@@ -9676,7 +9671,7 @@ function c2(n, e, t, r, o, i) {
       class: y(["vc-hue", [i.directionClass]])
     },
     [
-      U("div", {
+      W("div", {
         ref: "container",
         class: "vc-hue-container",
         role: "slider",
@@ -9687,7 +9682,7 @@ function c2(n, e, t, r, o, i) {
         onTouchmove: e[1] || (e[1] = (...s) => i.handleChange && i.handleChange(...s)),
         onTouchstart: e[2] || (e[2] = (...s) => i.handleChange && i.handleChange(...s))
       }, [
-        U(
+        W(
           "div",
           {
             class: "vc-hue-pointer",
@@ -9814,25 +9809,25 @@ var ba = {
 const h2 = {
   role: "heading",
   class: "vc-ps-head"
-}, p2 = { class: "vc-ps-body" }, f2 = { class: "vc-ps-saturation-wrap" }, m2 = { class: "vc-ps-hue-wrap" }, v2 = /* @__PURE__ */ U(
+}, p2 = { class: "vc-ps-body" }, f2 = { class: "vc-ps-saturation-wrap" }, m2 = { class: "vc-ps-hue-wrap" }, v2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-ps-hue-pointer" },
   [
-    /* @__PURE__ */ U("i", { class: "vc-ps-hue-pointer--left" }),
-    /* @__PURE__ */ U("i", { class: "vc-ps-hue-pointer--right" })
+    /* @__PURE__ */ W("i", { class: "vc-ps-hue-pointer--left" }),
+    /* @__PURE__ */ W("i", { class: "vc-ps-hue-pointer--right" })
   ],
   -1
   /* HOISTED */
 ), g2 = { class: "vc-ps-previews" }, b2 = { class: "vc-ps-previews__label" }, y2 = { class: "vc-ps-previews__swatches" }, w2 = ["aria-label"], k2 = ["aria-label"], _2 = { class: "vc-ps-previews__label" }, C2 = {
   key: 0,
   class: "vc-ps-actions"
-}, x2 = ["aria-label"], E2 = ["aria-label"], T2 = { class: "vc-ps-fields" }, S2 = /* @__PURE__ */ U(
+}, x2 = ["aria-label"], E2 = ["aria-label"], T2 = { class: "vc-ps-fields" }, S2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-ps-fields__divider" },
   null,
   -1
   /* HOISTED */
-), M2 = /* @__PURE__ */ U(
+), M2 = /* @__PURE__ */ W(
   "div",
   { class: "vc-ps-fields__divider" },
   null,
@@ -9849,21 +9844,21 @@ function $2(n, e, t, r, o, i) {
       class: y(["vc-photoshop", [t.disableFields ? "vc-photoshop__disable-fields" : ""]])
     },
     [
-      U(
+      W(
         "div",
         h2,
         me(t.head),
         1
         /* TEXT */
       ),
-      U("div", p2, [
-        U("div", f2, [
+      W("div", p2, [
+        W("div", f2, [
           j(s, {
             value: n.colors,
             onChange: i.childChange
           }, null, 8, ["value", "onChange"])
         ]),
-        U("div", m2, [
+        W("div", m2, [
           j(a, {
             value: n.colors,
             direction: "vertical",
@@ -9876,34 +9871,34 @@ function $2(n, e, t, r, o, i) {
             /* STABLE */
           }, 8, ["value", "onChange"])
         ]),
-        U(
+        W(
           "div",
           {
             class: y(["vc-ps-controls", [t.disableFields ? "vc-ps-controls__disable-fields" : ""]])
           },
           [
-            U("div", g2, [
-              U(
+            W("div", g2, [
+              W(
                 "div",
                 b2,
                 me(t.newLabel),
                 1
                 /* TEXT */
               ),
-              U("div", y2, [
-                U("div", {
+              W("div", y2, [
+                W("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `New color is ${n.colors.hex}`,
                   style: He({ background: n.colors.hex })
                 }, null, 12, w2),
-                U("div", {
+                W("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `Current color is ${o.currentColor}`,
                   style: He({ background: o.currentColor }),
                   onClick: e[0] || (e[0] = (...u) => i.clickCurrentColor && i.clickCurrentColor(...u))
                 }, null, 12, k2)
               ]),
-              U(
+              W(
                 "div",
                 _2,
                 me(t.currentLabel),
@@ -9912,19 +9907,19 @@ function $2(n, e, t, r, o, i) {
               )
             ]),
             t.disableFields ? z("v-if", !0) : (v(), M("div", C2, [
-              U("div", {
+              W("div", {
                 class: "vc-ps-ac-btn",
                 role: "button",
                 "aria-label": t.acceptLabel,
                 onClick: e[1] || (e[1] = (...u) => i.handleAccept && i.handleAccept(...u))
               }, me(t.acceptLabel), 9, x2),
-              U("div", {
+              W("div", {
                 class: "vc-ps-ac-btn",
                 role: "button",
                 "aria-label": t.cancelLabel,
                 onClick: e[2] || (e[2] = (...u) => i.handleCancel && i.handleCancel(...u))
               }, me(t.cancelLabel), 9, E2),
-              U("div", T2, [
+              W("div", T2, [
                 z(" hsla "),
                 j(l, {
                   label: "h",
@@ -10014,7 +10009,7 @@ const O2 = /* @__PURE__ */ ce({
   }),
   emits: ["update:value"],
   setup(n) {
-    const e = n, t = at(n, "value"), r = W(!1), o = W();
+    const e = n, t = at(n, "value"), r = U(!1), o = U();
     function i(d) {
       const c = (d || "").replace("#", "").toLowerCase();
       return /^[0-9a-f]{3}$/.test(c) ? `#${c[0]}${c[0]}${c[1]}${c[1]}${c[2]}${c[2]}` : /^[0-9a-f]{6}$/.test(c) ? `#${c}` : "#000000";
@@ -10046,7 +10041,7 @@ const O2 = /* @__PURE__ */ ce({
       onClickOutsideDropdown: a
     }), {
       field: A(() => [
-        U("div", {
+        W("div", {
           class: y(d.$style.wrapper)
         }, [
           j(p(_u), tt({
@@ -10059,7 +10054,7 @@ const O2 = /* @__PURE__ */ ce({
             inputmode: "decimal",
             "onUpdate:masked": u
           }), null, 16, ["value", "class"]),
-          U("div", {
+          W("div", {
             class: y(d.$style["color-box-wrapper"])
           }, [
             j(p(Ai), {
@@ -10074,7 +10069,7 @@ const O2 = /* @__PURE__ */ ce({
               ]),
               _: 1
             }, 8, ["class"]),
-            U("div", {
+            W("div", {
               class: y(d.$style["color-placeholder"])
             }, null, 2)
           ], 2)
@@ -10128,7 +10123,7 @@ const O2 = /* @__PURE__ */ ce({
 }, j2 = /* @__PURE__ */ ge(R2, [["__cssModules", H2]]), oi = 300, e6 = /* @__PURE__ */ ce({
   __name: "TransitionHeight",
   setup(n) {
-    const e = W(""), t = W("1"), r = W("blur(0px)");
+    const e = U(""), t = U("1"), r = U("blur(0px)");
     let o;
     function i() {
       t.value = "0", r.value = "blur(5px)";
@@ -10376,7 +10371,7 @@ const lC = {
   showError: () => {
   }
 }), jl = 5e3, yC = () => {
-  const n = W([]), e = W({});
+  const n = U([]), e = U({});
   function t(d, c = jl) {
     e.value[d] = setTimeout(() => {
       i(d), clearTimeout(e.value[d]);
@@ -10437,7 +10432,7 @@ const lC = {
   __name: "ToasterProvider",
   setup(n) {
     let e;
-    const t = yC(), r = W(), o = W([]), i = W(!1), s = W(N()), a = W(N()), l = W(N()), u = W(N());
+    const t = yC(), r = U(), o = U([]), i = U(!1), s = U(N()), a = U(N()), l = U(N()), u = U(N());
     function d(w) {
       const P = document.getElementById(`${w}`);
       if (!P) return;
@@ -10631,7 +10626,7 @@ const lC = {
       };
     }
     return (w, P) => (v(), M($e, null, [
-      U("div", {
+      W("div", {
         ref_key: "rootRef",
         ref: r,
         class: y([w.$style.root, i.value && w.$style["is-expand"]]),
@@ -10662,11 +10657,11 @@ const lC = {
                 ]),
                 style: He(g(C).toaster)
               }, [
-                U("div", {
+                W("div", {
                   class: y(w.$style.left),
                   style: He(g(C).left)
                 }, null, 6),
-                U("div", {
+                W("div", {
                   class: y(w.$style.body),
                   style: He(g(C).body)
                 }, [
@@ -10675,19 +10670,19 @@ const lC = {
                     onClick: () => O(ie.id)
                   }, null, 8, ["toast", "onClick"])
                 ], 6),
-                U("div", {
+                W("div", {
                   class: y(w.$style.right),
                   style: He(g(C).right)
                 }, null, 6),
-                U("div", {
+                W("div", {
                   class: y([w.$style.left, w.$style.shadow]),
                   style: He(g(C).left)
                 }, null, 6),
-                U("div", {
+                W("div", {
                   class: y([w.$style.body, w.$style.shadow]),
                   style: He(g(C).body)
                 }, null, 6),
-                U("div", {
+                W("div", {
                   class: y([w.$style.right, w.$style.shadow]),
                   style: He(g(C).right)
                 }, null, 6)
@@ -13801,16 +13796,16 @@ function ei() {
       ...n
     },
     [
-      U("path", {
+      W("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"
       }),
-      U("path", {
+      W("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"
       }),
-      U("path", {
+      W("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"
       }),
-      U("path", {
+      W("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"
       })
     ]
@@ -13831,10 +13826,10 @@ function ff() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       }),
-      U("path", {
+      W("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"
       })
     ]
@@ -13855,7 +13850,7 @@ function Au() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       })
     ]
@@ -13876,7 +13871,7 @@ function Du() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       })
     ]
@@ -13897,10 +13892,10 @@ function Iu() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       }),
-      U("path", {
+      W("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"
       })
     ]
@@ -13921,7 +13916,7 @@ function Pu() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       })
     ]
@@ -13942,7 +13937,7 @@ function Lu() {
       role: "img"
     },
     [
-      U("path", {
+      W("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"
       })
     ]
@@ -14241,7 +14236,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     1: []
   },
   monthPicker: []
-}), pl = W(null), ds = W(!1), fl = W(!1), ml = W(!1), vl = W(!1), Gt = W(0), Ot = W(0), Ur = () => {
+}), pl = U(null), ds = U(!1), fl = U(!1), ml = U(!1), vl = U(!1), Gt = U(0), Ot = U(0), Ur = () => {
   const n = L(() => ds.value ? [...vt.selectionGrid, vt.actionRow].filter((c) => c.length) : fl.value ? [
     ...vt.timePicker[0],
     ...vt.timePicker[1],
@@ -14495,7 +14490,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     }
   };
 }, _T = (n, e, t) => {
-  const r = W(), { defaultedTextInput: o, defaultedRange: i, defaultedTz: s, defaultedMultiDates: a, getDefaultPattern: l } = kt(e), u = W(""), d = cr(e, "format"), c = cr(e, "formatLocale");
+  const r = U(), { defaultedTextInput: o, defaultedRange: i, defaultedTz: s, defaultedMultiDates: a, getDefaultPattern: l } = kt(e), u = U(""), d = cr(e, "format"), c = cr(e, "formatLocale");
   Ze(
     r,
     () => {
@@ -14801,7 +14796,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       defaultedInline: l,
       defaultedRange: u,
       defaultedMultiDates: d
-    } = kt(r), { isTimeValid: c, isMonthValid: h } = Wr(r), { buildMatrix: m } = Ur(), f = W(null), g = W(null), $ = W(!1), T = W({}), E = W(null), O = W(null);
+    } = kt(r), { isTimeValid: c, isMonthValid: h } = Wr(r), { buildMatrix: m } = Ur(), f = U(null), g = U(null), $ = U(!1), T = U({}), E = U(null), O = U(null);
     ft(() => {
       r.arrowNavigation && m([Rt(f), Rt(g)], "actionRow"), G(), window.addEventListener("resize", G);
     }), kr(() => {
@@ -14858,7 +14853,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
             ye(me(J.value), 1)
           ], 64)) : z("", !0)
         ], 12, xT)) : z("", !0),
-        U("div", {
+        W("div", {
           ref_key: "actionBtnContainer",
           ref: E,
           class: "dp__action_buttons",
@@ -14926,7 +14921,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   setup(n, { expose: e, emit: t }) {
     const { setSelectionGrid: r, buildMultiLevelMatrix: o, setMonthPicker: i } = Ur(), s = t, a = n, { defaultedAriaLabels: l, defaultedTextInput: u, defaultedConfig: d, handleEventPropagation: c } = kt(
       a
-    ), { hideNavigationButtons: h } = _a(), m = W(!1), f = W(null), g = W(null), $ = W([]), T = W(), E = W(null), O = W(0), G = W(null);
+    ), { hideNavigationButtons: h } = _a(), m = U(!1), f = U(null), g = U(null), $ = U([]), T = U(), E = U(null), O = U(0), G = U(null);
     Fv(() => {
       f.value = null;
     }), ft(() => {
@@ -15032,14 +15027,14 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         onClick: K[0] || (K[0] = Fn(() => {
         }, ["prevent"]))
       }, [
-        U("div", {
+        W("div", {
           ref_key: "containerRef",
           ref: G,
           class: y(P.value),
           style: He({ "--dp-overlay-height": `${O.value}px` }),
           role: "grid"
         }, [
-          U("div", MT, [
+          W("div", MT, [
             se(D.$slots, "header")
           ]),
           D.$slots.overlay ? se(D.$slots, "overlay", { key: 0 }) : (v(!0), M($e, { key: 1 }, Pe(D.items, (ue, b) => (v(), M("div", {
@@ -15061,7 +15056,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               onKeydown: (Re) => p(rn)(Re, () => ie(Z), !0),
               onMouseover: (Re) => Y(Z.value)
             }, [
-              U("div", {
+              W("div", {
                 class: y(Z.className)
               }, [
                 D.$slots.item ? se(D.$slots, "item", {
@@ -15139,7 +15134,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   },
   emits: ["activate", "set-ref"],
   setup(n, { emit: e }) {
-    const t = e, r = W(null);
+    const t = e, r = U(null);
     return ft(() => t("set-ref", r)), (o, i) => (v(), M("button", {
       ref_key: "elRef",
       ref: r,
@@ -15152,7 +15147,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       onClick: i[0] || (i[0] = (s) => o.$emit("activate")),
       onKeydown: i[1] || (i[1] = (s) => p(rn)(s, () => o.$emit("activate"), !0))
     }, [
-      U("span", {
+      W("span", {
         class: y(["dp__inner_nav", { dp__inner_nav_disabled: o.disabled }])
       }, [
         se(o.$slots, "default")
@@ -15171,7 +15166,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(n, { emit: e }) {
-    const t = e, r = n, { showRightIcon: o, showLeftIcon: i } = _a(), { defaultedConfig: s, defaultedMultiCalendars: a, defaultedAriaLabels: l, defaultedTransitions: u, defaultedUI: d } = kt(r), { showTransition: c, transitionName: h } = Ki(u), m = W(!1), f = (T = !1, E) => {
+    const t = e, r = n, { showRightIcon: o, showLeftIcon: i } = _a(), { defaultedConfig: s, defaultedMultiCalendars: a, defaultedAriaLabels: l, defaultedTransitions: u, defaultedUI: d } = kt(r), { showTransition: c, transitionName: h } = Ki(u), m = U(!1), f = (T = !1, E) => {
       m.value = !m.value, t("toggle-year-picker", { flow: T, show: E });
     }, g = (T) => {
       m.value = !1, t("year-select", T);
@@ -15181,7 +15176,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     return (T, E) => {
       var O, G, N, R, V;
       return v(), M($e, null, [
-        U("div", {
+        W("div", {
           class: y(["dp--year-mode-picker", { "dp--hidden-el": m.value }])
         }, [
           p(i)(p(a), n.instance) ? (v(), te(Ei, {
@@ -15198,7 +15193,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : z("", !0),
-          U("button", {
+          W("button", {
             ref: "mpYearButtonRef",
             class: "dp__btn dp--year-select",
             type: "button",
@@ -15303,7 +15298,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   month: u,
   emit: d
 }) => {
-  const c = L(() => Fu(s.yearRange, s.locale, s.reverseYears)), h = W([!1]), m = L(() => (w, P) => {
+  const c = L(() => Fu(s.yearRange, s.locale, s.reverseYears)), h = U([!1]), m = L(() => (w, P) => {
     const J = pt(Pn(/* @__PURE__ */ new Date()), {
       month: u.value(w),
       year: l.value(w)
@@ -15391,7 +15386,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     defaultedMultiDates: c
   } = kt(n), h = () => {
     n.isTextInputDate && G(Ve(pe(n.startDate)), 0);
-  }, { modelValue: m, year: f, month: g, calendars: $ } = Xi(n, e, h), T = L(() => mf(n.formatLocale, n.locale, n.monthNameFormat)), E = W(null), { checkMinMaxRange: O } = Wr(n), {
+  }, { modelValue: m, year: f, month: g, calendars: $ } = Xi(n, e, h), T = L(() => mf(n.formatLocale, n.locale, n.monthNameFormat)), E = U(null), { checkMinMaxRange: O } = Wr(n), {
     selectYear: G,
     groupedYears: N,
     showYearPicker: R,
@@ -15611,7 +15606,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
 }), LT = (n, e) => {
   const t = () => {
     n.isTextInputDate && (d.value = Ve(pe(n.startDate)));
-  }, { modelValue: r } = Xi(n, e, t), o = W(null), { defaultedHighlight: i, defaultedMultiDates: s, defaultedFilters: a, defaultedRange: l, propDates: u } = kt(n), d = W();
+  }, { modelValue: r } = Xi(n, e, t), o = U(null), { defaultedHighlight: i, defaultedMultiDates: s, defaultedFilters: a, defaultedRange: l, propDates: u } = kt(n), d = U();
   ft(() => {
     n.startDate && (r.value && n.focusStartDate || !r.value) && (d.value = Ve(pe(n.startDate)));
   });
@@ -15736,7 +15731,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), $ = W("AM"), T = W(null), E = W([]), O = W(), G = W(!1);
+    }), $ = U("AM"), T = U(null), E = U([]), O = U(), G = U(!1);
     ft(() => {
       r("mounted");
     });
@@ -15839,7 +15834,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                 ye(":")
               ], 64))
             ], 64)) : (v(), M($e, { key: 1 }, [
-              U("button", {
+              W("button", {
                 ref_for: !0,
                 ref: (X) => he(X, Xe, 0),
                 type: "button",
@@ -15861,15 +15856,15 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               }, [
                 o.timePickerInline ? (v(), M($e, { key: 1 }, [
                   S.$slots["tp-inline-arrow-up"] ? se(S.$slots, "tp-inline-arrow-up", { key: 0 }) : (v(), M($e, { key: 1 }, [
-                    we[2] || (we[2] = U("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                    we[3] || (we[3] = U("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+                    we[2] || (we[2] = W("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                    we[3] || (we[3] = W("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
                 ], 64)) : (v(), M($e, { key: 0 }, [
                   S.$slots["arrow-up"] ? se(S.$slots, "arrow-up", { key: 0 }) : z("", !0),
                   S.$slots["arrow-up"] ? z("", !0) : (v(), te(p(Pu), { key: 1 }))
                 ], 64))
               ], 42, zT),
-              U("button", {
+              W("button", {
                 ref_for: !0,
                 ref: (X) => he(X, Xe, 1),
                 type: "button",
@@ -15897,7 +15892,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                   ye(me(H.value(Ce.type).text), 1)
                 ], 64))
               ], 42, HT),
-              U("button", {
+              W("button", {
                 ref_for: !0,
                 ref: (X) => he(X, Xe, 2),
                 type: "button",
@@ -15919,8 +15914,8 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               }, [
                 o.timePickerInline ? (v(), M($e, { key: 1 }, [
                   S.$slots["tp-inline-arrow-down"] ? se(S.$slots, "tp-inline-arrow-down", { key: 0 }) : (v(), M($e, { key: 1 }, [
-                    we[4] || (we[4] = U("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
-                    we[5] || (we[5] = U("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
+                    we[4] || (we[4] = W("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1)),
+                    we[5] || (we[5] = W("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1))
                   ], 64))
                 ], 64)) : (v(), M($e, { key: 0 }, [
                   S.$slots["arrow-down"] ? se(S.$slots, "arrow-down", { key: 0 }) : z("", !0),
@@ -16033,11 +16028,11 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     "am-pm-change"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, o = n, { buildMatrix: i, setTimePicker: s } = Ur(), a = Yr(), { defaultedTransitions: l, defaultedAriaLabels: u, defaultedTextInput: d, defaultedConfig: c, defaultedRange: h } = kt(o), { transitionName: m, showTransition: f } = Ki(l), { hideNavigationButtons: g } = _a(), $ = W(null), T = W(null), E = W([]), O = W(null), G = W(!1);
+    const r = t, o = n, { buildMatrix: i, setTimePicker: s } = Ur(), a = Yr(), { defaultedTransitions: l, defaultedAriaLabels: u, defaultedTextInput: d, defaultedConfig: c, defaultedRange: h } = kt(o), { transitionName: m, showTransition: f } = Ki(l), { hideNavigationButtons: g } = _a(), $ = U(null), T = U(null), E = U([]), O = U(null), G = U(!1);
     ft(() => {
       r("mount"), !o.timePicker && o.arrowNavigation ? i([Rt($.value)], "time") : s(!0, o.timePicker);
     });
-    const N = L(() => h.value.enabled && o.modelAuto ? vf(o.internalModelValue) : !0), R = W(!1), V = (Y) => ({
+    const N = L(() => h.value.enabled && o.modelAuto ? vf(o.internalModelValue) : !0), R = U(!1), V = (Y) => ({
       hours: Array.isArray(o.hours) ? o.hours[Y] : o.hours,
       minutes: Array.isArray(o.minutes) ? o.minutes[Y] : o.minutes,
       seconds: Array.isArray(o.seconds) ? o.seconds[Y] : o.seconds
@@ -16117,7 +16112,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                 "aria-label": (fe = p(u)) == null ? void 0 : fe.timePicker,
                 tabindex: Y.timePickerInline ? void 0 : 0
               }, [
-                U("div", {
+                W("div", {
                   class: y(
                     Y.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
@@ -16331,7 +16326,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     "overlay-toggle"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, o = n, i = Yr(), s = _n(i, "timePicker"), a = W(null), { time: l, modelValue: u, disabledTimesConfig: d, updateTime: c, validateTime: h } = XT(o, r);
+    const r = t, o = n, i = Yr(), s = _n(i, "timePicker"), a = U(null), { time: l, modelValue: u, disabledTimesConfig: d, updateTime: c, validateTime: h } = XT(o, r);
     return ft(() => {
       o.shadow || r("mount", null);
     }), e({ getSidebarProps: () => ({
@@ -16403,7 +16398,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       defaultedHighlight: d,
       propDates: c,
       defaultedUI: h
-    } = kt(o), { transitionName: m, showTransition: f } = Ki(i), { buildMatrix: g } = Ur(), { handleMonthYearChange: $, isDisabled: T, updateMonthYear: E } = CT(o, r), { showLeftIcon: O, showRightIcon: G } = _a(), N = W(!1), R = W(!1), V = W(!1), I = W([null, null, null, null]);
+    } = kt(o), { transitionName: m, showTransition: f } = Ki(i), { buildMatrix: g } = Ur(), { handleMonthYearChange: $, isDisabled: T, updateMonthYear: E } = CT(o, r), { showLeftIcon: O, showRightIcon: G } = _a(), N = U(!1), R = U(!1), V = U(!1), I = U([null, null, null, null]);
     ft(() => {
       r("mount");
     });
@@ -16495,7 +16490,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
           D.$slots["top-extra"] ? (v(), M("div", eS, [
             se(D.$slots, "top-extra", { value: D.internalModelValue })
           ])) : z("", !0),
-          U("div", tS, [
+          W("div", tS, [
             p(O)(p(a), n.instance) && !D.vertical ? (v(), te(Ei, {
               key: 0,
               "aria-label": (ne = p(s)) == null ? void 0 : ne.prevMonth,
@@ -16511,7 +16506,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : z("", !0),
-            U("div", {
+            W("div", {
               class: y(["dp__month_year_wrap", {
                 dp__year_disable_select: D.disableYearSelect
               }])
@@ -16519,7 +16514,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               (v(!0), M($e, null, Pe(fe.value, (ee, je) => (v(), M($e, {
                 key: ee.type
               }, [
-                U("button", {
+                W("button", {
                   ref_for: !0,
                   ref: (he) => re(he, je + 1),
                   type: "button",
@@ -16677,11 +16672,11 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       defaultedWeekNumbers: d,
       defaultedMultiDates: c,
       defaultedUI: h
-    } = kt(o), m = W(null), f = W({
+    } = kt(o), m = U(null), f = U({
       bottom: "",
       left: "",
       transform: ""
-    }), g = W([]), $ = W(null), T = W(!0), E = W(""), O = W({ startX: 0, endX: 0, startY: 0, endY: 0 }), G = W([]), N = W({ left: "50%" }), R = W(!1), V = L(() => o.calendar ? o.calendar(o.mappedDates) : o.mappedDates), I = L(() => o.dayNames ? Array.isArray(o.dayNames) ? o.dayNames : o.dayNames(o.locale, +o.weekStart) : VE(o.formatLocale, o.locale, +o.weekStart));
+    }), g = U([]), $ = U(null), T = U(!0), E = U(""), O = U({ startX: 0, endX: 0, startY: 0, endY: 0 }), G = U([]), N = U({ left: "50%" }), R = U(!1), V = L(() => o.calendar ? o.calendar(o.mappedDates) : o.mappedDates), I = L(() => o.dayNames ? Array.isArray(o.dayNames) ? o.dayNames : o.dayNames(o.locale, +o.weekStart) : VE(o.formatLocale, o.locale, +o.weekStart));
     ft(() => {
       r("mount", { cmp: "calendar", refs: g }), a.value.noSwipe || $.value && ($.value.addEventListener("touchstart", re, { passive: !1 }), $.value.addEventListener("touchend", q, { passive: !1 }), $.value.addEventListener("touchmove", fe, { passive: !1 })), o.monthChangeOnScroll && $.value && $.value.addEventListener("wheel", ne, { passive: !1 });
     }), kr(() => {
@@ -16760,13 +16755,13 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     return e({ triggerTransition: w }), (ee, je) => (v(), M("div", {
       class: y(C.value)
     }, [
-      U("div", {
+      W("div", {
         ref_key: "calendarWrapRef",
         ref: $,
         class: y(P.value),
         role: "grid"
       }, [
-        U("div", oS, [
+        W("div", oS, [
           ee.weekNumbers ? (v(), M("div", iS, me(ee.weekNumName), 1)) : z("", !0),
           (v(!0), M($e, null, Pe(I.value, (he, ke) => {
             var S, we;
@@ -16788,7 +16783,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
             ], 8, sS);
           }), 128))
         ]),
-        je[2] || (je[2] = U("div", { class: "dp__calendar_header_separator" }, null, -1)),
+        je[2] || (je[2] = W("div", { class: "dp__calendar_header_separator" }, null, -1)),
         j(fn, {
           name: E.value,
           css: !!ee.transitions
@@ -16806,7 +16801,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                 role: "row"
               }, [
                 ee.weekNumbers ? (v(), M("div", aS, [
-                  U("div", lS, me(b(he.days)), 1)
+                  W("div", lS, me(b(he.days)), 1)
                 ])) : z("", !0),
                 (v(!0), M($e, null, Pe(he.days, (S, we) => {
                   var _e, Ce, Xe;
@@ -16830,7 +16825,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                     onMousedown: (Ge) => Re(S),
                     onMouseup: je[0] || (je[0] = (Ge) => R.value = !1)
                   }, [
-                    U("div", {
+                    W("div", {
                       class: y(["dp__cell_inner", S.classData])
                     }, [
                       ee.$slots.day && k.value(S) ? se(ee.$slots, "day", {
@@ -16876,14 +16871,14 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                               day: S.value
                             }) : z("", !0),
                             ee.$slots["marker-tooltip"] ? z("", !0) : (v(), M($e, { key: 1 }, [
-                              U("div", {
+                              W("div", {
                                 class: "dp__tooltip_mark",
                                 style: He(Ge.color ? { backgroundColor: Ge.color } : {})
                               }, null, 4),
-                              U("div", null, me(Ge.text), 1)
+                              W("div", null, me(Ge.text), 1)
                             ], 64))
                           ]))), 128)),
-                          U("div", {
+                          W("div", {
                             class: "dp__arrow_bottom_tp",
                             style: He(N.value)
                           }, null, 4)
@@ -16901,7 +16896,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     ], 2));
   }
 }), _h = (n) => Array.isArray(n), dS = (n, e, t, r) => {
-  const o = W([]), i = W(/* @__PURE__ */ new Date()), s = W(), a = () => q(n.isTextInputDate), { modelValue: l, calendars: u, time: d, today: c } = Xi(n, e, a), {
+  const o = U([]), i = U(/* @__PURE__ */ new Date()), s = U(), a = () => q(n.isTextInputDate), { modelValue: l, calendars: u, time: d, today: c } = Xi(n, e, a), {
     defaultedMultiCalendars: h,
     defaultedStartTime: m,
     defaultedRange: f,
@@ -17196,7 +17191,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       updateTime: R,
       assignMonthAndYear: V,
       setStartTime: I
-    } = dS(o, r, fe, D), _ = Yr(), { setHoverDate: w, getDayClassData: P, clearHoverDate: J } = BS(l, o), { defaultedMultiCalendars: ie } = kt(o), C = W([]), k = W([]), x = W(null), F = _n(_, "calendar"), H = _n(_, "monthYear"), Y = _n(_, "timePicker"), re = (he) => {
+    } = dS(o, r, fe, D), _ = Yr(), { setHoverDate: w, getDayClassData: P, clearHoverDate: J } = BS(l, o), { defaultedMultiCalendars: ie } = kt(o), C = U([]), k = U([]), x = U(null), F = _n(_, "calendar"), H = _n(_, "monthYear"), Y = _n(_, "timePicker"), re = (he) => {
       o.shadow || r("mount", he);
     };
     Ze(
@@ -17372,7 +17367,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     ], 64));
   }
 }), fS = (n, e) => {
-  const t = W(), {
+  const t = U(), {
     defaultedMultiCalendars: r,
     defaultedConfig: o,
     defaultedHighlight: i,
@@ -17492,7 +17487,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       "is-mobile": G.isMobile
     }, {
       default: A(({ instance: R }) => [
-        U("div", {
+        W("div", {
           class: "dp-quarter-picker-wrap",
           style: He({ minHeight: `${p(l).modeHeight}px` })
         }, [
@@ -17500,7 +17495,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
             key: 0,
             value: G.internalModelValue
           }) : z("", !0),
-          U("div", null, [
+          W("div", null, [
             j($f, tt(G.$props, {
               items: p(u)(R),
               instance: R,
@@ -17519,9 +17514,9 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
-          U("div", mS, [
+          W("div", mS, [
             (v(!0), M($e, null, Pe(p(h)(R), (V, I) => (v(), M("div", { key: I }, [
-              U("button", {
+              W("button", {
                 type: "button",
                 class: y(["dp--qr-btn", {
                   "dp--qr-btn-active": V.active,
@@ -17550,7 +17545,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     }, 8, ["multi-calendars", "collapse", "is-mobile"]));
   }
 }), Pf = (n, e) => {
-  const t = W(0);
+  const t = U(0);
   ft(() => {
     r(), window.addEventListener("resize", r, { passive: !0 });
   }), kr(() => {
@@ -17619,7 +17614,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     "menu-blur"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, o = n, i = W(null), s = L(() => {
+    const r = t, o = n, i = U(null), s = L(() => {
       const { openOnTop: X, ...xe } = o;
       return {
         ...xe,
@@ -17627,7 +17622,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         flowStep: ie.value,
         menuWrapRef: i.value
       };
-    }), { setMenuFocused: a, setShiftKey: l, control: u } = Mf(), d = Yr(), { defaultedTextInput: c, defaultedInline: h, defaultedConfig: m, defaultedUI: f, handleEventPropagation: g } = kt(o), { isMobile: $ } = Pf(m, o.shadow), T = W(null), E = W(0), O = W(null), G = W(!1), N = W(null), R = W(!1), V = (X) => {
+    }), { setMenuFocused: a, setShiftKey: l, control: u } = Mf(), d = Yr(), { defaultedTextInput: c, defaultedInline: h, defaultedConfig: m, defaultedUI: f, handleEventPropagation: g } = kt(o), { isMobile: $ } = Pf(m, o.shadow), T = U(null), E = U(0), O = U(null), G = U(!1), N = U(null), R = U(!1), V = (X) => {
       R.value = !0, m.value.allowPreventDefault && X.preventDefault(), Fr(X, m.value, !0);
     };
     ft(() => {
@@ -17757,7 +17752,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
           class: y(ue.value)
         }, [
           X.loading ? (v(), M("div", yS, xe[19] || (xe[19] = [
-            U("span", { class: "dp--menu-loader" }, null, -1)
+            W("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : z("", !0)
         ], 2)) : z("", !0),
         X.$slots["menu-header"] ? (v(), M("div", wS, [
@@ -17767,7 +17762,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
           key: 2,
           class: y(ne.value)
         }, null, 2)) : z("", !0),
-        U("div", {
+        W("div", {
           ref_key: "innerMenuRef",
           ref: O,
           class: y({
@@ -17803,7 +17798,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               }, me(oe.label), 47, xS))
             ], 64))), 128))
           ], 10, CS)) : z("", !0),
-          U("div", {
+          W("div", {
             ref_key: "calendarWrapperRef",
             ref: T,
             class: "dp__instance_calendar",
@@ -17887,10 +17882,10 @@ const SS = ({
   props: s,
   slots: a
 }) => {
-  const { defaultedConfig: l } = kt(s), u = W({}), d = W(!1), c = W({
+  const { defaultedConfig: l } = kt(s), u = U({}), d = U(!1), c = U({
     top: "0",
     left: "0"
-  }), h = W(!1), m = cr(s, "teleportCenter");
+  }), h = U(!1), m = cr(s, "teleportCenter");
   Ze(m, () => {
     c.value = JSON.parse(JSON.stringify({})), N();
   });
@@ -18073,7 +18068,7 @@ const SS = ({
   const e = L(() => (r) => n.value ? r ? n.value.open : n.value.close : ""), t = L(() => (r) => n.value ? r ? n.value.menuAppearTop : n.value.menuAppearBottom : "");
   return { transitionName: e, showTransition: !!n.value, menuTransition: t };
 }, Xi = (n, e, t) => {
-  const { defaultedRange: r, defaultedTz: o } = kt(n), i = pe(pn(pe(), o.value.timezone)), s = W([{ month: Je(i), year: Ve(i) }]), a = (h) => {
+  const { defaultedRange: r, defaultedTz: o } = kt(n), i = pe(pn(pe(), o.value.timezone)), s = U([{ month: Je(i), year: Ve(i) }]), a = (h) => {
     const m = {
       hours: br(i),
       minutes: Hr(i),
@@ -18125,7 +18120,7 @@ const SS = ({
     defaultedTz: s,
     propDates: a,
     defaultedRange: l
-  } = kt(e), { isDisabled: u } = Wr(e), d = W(null), c = W(pn(/* @__PURE__ */ new Date(), s.value.timezone)), h = (b) => {
+  } = kt(e), { isDisabled: u } = Wr(e), d = U(null), c = U(pn(/* @__PURE__ */ new Date(), s.value.timezone)), h = (b) => {
     !b.current && e.hideOffsetDates || (d.value = b.value);
   }, m = () => {
     d.value = null;
@@ -18350,7 +18345,7 @@ const SS = ({
   const n = L(() => (r, o) => r == null ? void 0 : r.includes(o)), e = L(() => (r, o) => r.count ? r.solo ? !0 : o === 0 : !0), t = L(() => (r, o) => r.count ? r.solo ? !0 : o === r.count - 1 : !0);
   return { hideNavigationButtons: n, showLeftIcon: e, showRightIcon: t };
 }, OS = (n, e, t) => {
-  const r = W(0), o = Vi({
+  const r = U(0), o = Vi({
     [oo.timePicker]: !n.enableTimePicker || n.timePicker || n.monthPicker,
     [oo.calendar]: !1,
     [oo.header]: !1
@@ -18416,7 +18411,7 @@ const SS = ({
       defaultedUI: c,
       getDefaultPattern: h,
       getDefaultStartTime: m
-    } = kt(o), { checkMinMaxRange: f } = Wr(o), g = W(), $ = W(null), T = W(!1), E = W(!1), O = L(
+    } = kt(o), { checkMinMaxRange: f } = Wr(o), g = U(), $ = U(null), T = U(!1), E = U(!1), O = L(
       () => ({
         dp__pointer: !o.disabled && !o.readonly && !i.value.enabled,
         dp__disabled: o.disabled,
@@ -18545,7 +18540,7 @@ const SS = ({
             onKeydown: fe[0] || (fe[0] = (ue) => F(ue)),
             onPaste: V
           }, null, 42, DS)),
-          U("div", {
+          W("div", {
             onClick: fe[3] || (fe[3] = (ue) => r("toggle"))
           }, [
             q.$slots["input-icon"] && !q.hideInputIcon ? (v(), M("span", {
@@ -18640,7 +18635,7 @@ const SS = ({
     "text-input"
   ],
   setup(n, { expose: e, emit: t }) {
-    const r = t, o = n, i = Yr(), s = W(!1), a = cr(o, "modelValue"), l = cr(o, "timezone"), u = W(null), d = W(null), c = W(null), h = W(!1), m = W(null), f = W(!1), g = W(!1), $ = W(!1), T = W(!1), { setMenuFocused: E, setShiftKey: O } = Mf(), { clearArrowNav: G } = Ur(), { validateDate: N, isValidTime: R } = Wr(o), {
+    const r = t, o = n, i = Yr(), s = U(!1), a = cr(o, "modelValue"), l = cr(o, "timezone"), u = U(null), d = U(null), c = U(null), h = U(!1), m = U(null), f = U(!1), g = U(!1), $ = U(!1), T = U(!1), { setMenuFocused: E, setShiftKey: O } = Mf(), { clearArrowNav: G } = Ur(), { validateDate: N, isValidTime: R } = Wr(o), {
       defaultedTransitions: V,
       defaultedTextInput: I,
       defaultedInline: _,
@@ -19240,7 +19235,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
   },
   emits: ["update:value", "close", "clear"],
   setup(n, { emit: e }) {
-    const t = W(), r = W(), o = W(
+    const t = U(), r = U(), o = U(
       n.value.map((f) => Lo(f).format("DD.MM.YYYY"))
     ), i = e;
     function s(f, g) {
@@ -19292,7 +19287,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
         _: 1,
         __: [2]
       }),
-      U("div", {
+      W("div", {
         class: y(f.$style.inputs)
       }, [
         j(p(Zd), {
@@ -19306,7 +19301,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
           mask: "date",
           "onUpdate:value": g[0] || (g[0] = ($) => s("start", $))
         }, null, 8, ["value", "class"]),
-        U("span", {
+        W("span", {
           class: y(f.$style.separator)
         }, null, 2),
         j(p(Zd), {
@@ -19325,7 +19320,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
         disabledDates: f.disabledDates,
         "onUpdate:value": a
       }, null, 8, ["value", "disabledDates"]),
-      U("div", {
+      W("div", {
         class: y(f.$style.buttons)
       }, [
         j(p(Zn), {
@@ -19372,7 +19367,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
   },
   emits: ["apply"],
   setup(n, { emit: e }) {
-    const t = W(!1), r = W(n.initialValue), o = e, i = L(() => {
+    const t = U(!1), r = U(n.initialValue), o = e, i = L(() => {
       var c;
       return ((c = r.value) == null ? void 0 : c.length) || 0;
     }), s = (c) => r.value.includes(c) ?? !1, a = (c, h) => {
@@ -19389,7 +19384,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
     }), (c, h) => (v(), M("div", {
       class: y(c.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(c.$style.header)
       }, [
         j(p(Be), {
@@ -19425,7 +19420,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
         size: "s",
         class: y(c.$style.divider)
       }, null, 8, ["class"]),
-      U("div", {
+      W("div", {
         class: y([c.$style.content, t.value && c.$style.spacing])
       }, [
         c.selectAllButtonText ? (v(), te(p(Zn), {
@@ -19529,7 +19524,7 @@ const Lo = /* @__PURE__ */ y1(KS), XS = /* @__PURE__ */ ce({
         "horizontal-align": "left"
       }, {
         default: A(() => [
-          U("div", {
+          W("div", {
             ref_key: "triggerElementRef",
             ref: o,
             class: y(l.$style.dropdown)
@@ -19722,7 +19717,7 @@ const MM = /* @__PURE__ */ ce({
       toggleIsShowDropdown: s,
       setIsShowDropdown: a,
       parentElementRef: l
-    } = po(), u = W(n.list[0].key);
+    } = po(), u = U(n.list[0].key);
     Ze(
       i,
       (f) => {
@@ -19755,7 +19750,7 @@ const MM = /* @__PURE__ */ ce({
       class: y(f.$style.root)
     }, [
       se(f.$slots, "before"),
-      U("div", null, [
+      W("div", null, [
         j(p(Zn), {
           ref_key: "parentElementRef",
           ref: l,
@@ -19778,12 +19773,12 @@ const MM = /* @__PURE__ */ ce({
           horizontalAlign: "left"
         }, {
           default: A(() => [
-            U("div", {
+            W("div", {
               ref_key: "triggerElementRef",
               ref: o,
               class: y(f.$style.panel)
             }, [
-              U("div", {
+              W("div", {
                 class: y(f.$style.left)
               }, [
                 (v(!0), M($e, null, Pe(f.list, ($) => (v(), M("div", {
@@ -19797,7 +19792,7 @@ const MM = /* @__PURE__ */ ce({
                   ]),
                   onClick: (T) => h($)
                 }, [
-                  U("div", {
+                  W("div", {
                     class: y(f.$style["filter-inner"])
                   }, [
                     $.icon ? (v(), te(p(We), {
@@ -19976,8 +19971,8 @@ const MM = /* @__PURE__ */ ce({
 }, JM = /* @__PURE__ */ ge(UM, [["__cssModules", ZM]]);
 class e$ {
   constructor() {
-    Te(this, "list", W([]));
-    Te(this, "timeouts", W({}));
+    Te(this, "list", U([]));
+    Te(this, "timeouts", U({}));
   }
   restartTimeouts() {
     Object.keys(this.timeouts.value).forEach((e, t) => {
@@ -20026,7 +20021,7 @@ const zf = Symbol("ToastService"), l6 = new e$(), t$ = ["id"], n$ = /* @__PURE__
   __name: "Toaster",
   setup(n) {
     let e;
-    const t = ji(zf), r = W(), o = W([]), i = W(!1), s = W($()), a = W($()), l = W($()), u = W($());
+    const t = ji(zf), r = U(), o = U([]), i = U(!1), s = U($()), a = U($()), l = U($()), u = U($());
     function d(N) {
       const R = T(N);
       return {
@@ -20200,11 +20195,11 @@ const zf = Symbol("ToastService"), l6 = new e$(), t$ = ["id"], n$ = /* @__PURE__
               ]),
               style: He(d(_).toaster)
             }, [
-              U("div", {
+              W("div", {
                 class: y(N.$style.left),
                 style: He(d(_).left)
               }, null, 6),
-              U("div", {
+              W("div", {
                 class: y(N.$style.body),
                 style: He(d(_).body)
               }, [
@@ -20212,19 +20207,19 @@ const zf = Symbol("ToastService"), l6 = new e$(), t$ = ["id"], n$ = /* @__PURE__
                   onClick: () => f(I.id)
                 }), null, 16, ["onClick"])
               ], 6),
-              U("div", {
+              W("div", {
                 class: y(N.$style.right),
                 style: He(d(_).right)
               }, null, 6),
-              U("div", {
+              W("div", {
                 class: y([N.$style.left, N.$style.shadow]),
                 style: He(d(_).left)
               }, null, 6),
-              U("div", {
+              W("div", {
                 class: y([N.$style.body, N.$style.shadow]),
                 style: He(d(_).body)
               }, null, 6),
-              U("div", {
+              W("div", {
                 class: y([N.$style.right, N.$style.shadow]),
                 style: He(d(_).right)
               }, null, 6)
@@ -20328,7 +20323,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
         ]),
         onClick: Fn(m, ["stop"])
       }, [
-        U("div", {
+        W("div", {
           ref_key: "parentElementRef",
           ref: i,
           class: y(f.$style.wrapper)
@@ -20357,7 +20352,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
             }),
             _: 1
           }),
-          U("div", {
+          W("div", {
             class: y(f.$style["icon-wrapper"])
           }, [
             f.isDisabled ? z("", !0) : (v(), te(p(We), {
@@ -20386,7 +20381,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
           verticalOffset: "4"
         }, {
           default: A(() => [
-            U("div", {
+            W("div", {
               class: y(f.$style.scroller)
             }, [
               (v(!0), M($e, null, Pe(f.list, (T) => (v(), M("div", {
@@ -20454,7 +20449,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
     widthRange: {}
   },
   setup(n) {
-    const e = W(), t = W("");
+    const e = U(), t = U("");
     function r() {
       if (n.widthRange && n.widthRange[0] && n.widthRange[1] && e.value) {
         const o = ep(e.value, "max-width");
@@ -20473,7 +20468,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
       style: He({ width: t.value }),
       class: y([o.$style.root, o.$style.view_secondary])
     }, [
-      U("div", {
+      W("div", {
         class: y([o.$style.wrapper, o.$style["wrapper-skeleton"]])
       }, null, 2)
     ], 6));
@@ -20513,7 +20508,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
         ]),
         onClick: (i) => e.value = o.id
       }, [
-        U("div", {
+        W("div", {
           class: y(t.$style.theme)
         }, null, 2)
       ], 10, D$))), 128))
@@ -20533,11 +20528,11 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
     return (e, t) => (v(), M("article", {
       class: y(e.$style.root)
     }, [
-      (v(), M($e, null, Pe(9, (r) => U("button", {
+      (v(), M($e, null, Pe(9, (r) => W("button", {
         key: r,
         class: y([e.$style.item, e.$style["item-skeleton"]])
       }, [
-        U("div", {
+        W("div", {
           class: y(e.$style.theme)
         }, null, 2)
       ], 2)), 64))
@@ -20616,7 +20611,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
         isRounded: "",
         size: 40
       }, null, 8, ["icon"]),
-      U("div", {
+      W("div", {
         class: y(e.$style.content)
       }, [
         j(Be, {
@@ -20643,7 +20638,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
           _: 1
         }, 8, ["class"])) : z("", !0)
       ], 2),
-      U("div", {
+      W("div", {
         class: y(e.$style.actions)
       }, [
         se(e.$slots, "default")
@@ -20665,7 +20660,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
     mode: { default: "default" }
   },
   setup(n) {
-    W("idle");
+    U("idle");
     const e = Ii({
       28: "body",
       36: "title3",
@@ -20835,7 +20830,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
           size: "s",
           class: y(e.$style.divider)
         }, null, 8, ["class"])) : z("", !0),
-        U("div", {
+        W("div", {
           class: y(e.$style.group)
         }, [
           (v(!0), M($e, null, Pe(r, (i) => (v(), te(p(Uu), tt({
@@ -20863,7 +20858,7 @@ const c6 = new f$(), m$ = ["disabled"], v$ = ["onClick"], g$ = /* @__PURE__ */ c
     return (e, t) => (v(), M("div", {
       class: y(e.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(e.$style.count)
       }, [
         j(p(Be), {
@@ -20978,15 +20973,15 @@ const zB = /* @__PURE__ */ ce({
         "vertical-align": d.verticalAlign
       }, {
         default: A(({ align: h }) => [
-          U("div", null, [
-            U("div", {
+          W("div", null, [
+            W("div", {
               class: y([
                 d.$style.wrapper,
                 d.$style[`position_${h.vertical}`]
               ]),
               style: He(i.value)
             }, [
-              U("div", {
+              W("div", {
                 class: y(d.$style.balloon)
               }, [
                 j(p(Be), {
@@ -21009,7 +21004,7 @@ const zB = /* @__PURE__ */ ce({
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg"
               }, c[1] || (c[1] = [
-                U("path", {
+                W("path", {
                   d: "M4.58579 2.58579C5.36684 3.36684 6.63317 3.36683 7.41421 2.58579L8.82843 1.17157C9.57857 0.421426 10.596 0 11.6569 0H12H0H0.343146C1.40401 0 2.42143 0.421427 3.17157 1.17157L4.58579 2.58579Z",
                   "fill-opacity": "0.9"
                 }, null, -1)
@@ -21049,7 +21044,7 @@ const zB = /* @__PURE__ */ ce({
         "vertical-offset": "12"
       }, {
         default: A(() => [
-          U("div", {
+          W("div", {
             class: y(t.$style.text)
           }, [
             j(p(Be), {
@@ -21109,7 +21104,7 @@ const zB = /* @__PURE__ */ ce({
         "--gap": p(Cu)(+t.gap)
       })
     }, [
-      U("div", {
+      W("div", {
         class: y(t.$style.header)
       }, [
         (v(!0), M($e, null, Pe(t.headers, (o) => (v(), M("div", { key: o }, [
@@ -35405,7 +35400,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: /* @__PURE__ */ lt(["update:isError"], ["update:value"]),
   setup(n, { emit: e }) {
-    const t = at(n, "value"), r = e, o = uu(), i = L(() => `editor-content-${o}`), s = W(), a = W(!1), l = W(0);
+    const t = at(n, "value"), r = e, o = uu(), i = L(() => `editor-content-${o}`), s = U(), a = U(!1), l = U(0);
     let u = null, d, c;
     const h = L(() => n.maxLength === 1 / 0 ? null : n.maxLength - l.value);
     function m() {
@@ -35530,10 +35525,10 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
         ]),
         _: 1
       }, 8, ["class"])) : z("", !0),
-      U("div", {
+      W("div", {
         class: y(E.$style.wrapper)
       }, [
-        U("div", {
+        W("div", {
           id: i.value,
           class: y(E.$style.editor)
         }, null, 10, k4),
@@ -35576,7 +35571,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
     return (t, r) => (v(), M("div", {
       class: y(t.$style.root)
     }, [
-      U("div", {
+      W("div", {
         innerHTML: e.value,
         class: y(t.$style.text)
       }, null, 10, B4)
@@ -35596,10 +35591,10 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
     return (e, t) => (v(), M("div", {
       class: y(e.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(e.$style.content)
       }, [
-        U("div", {
+        W("div", {
           class: y(e.$style.section)
         }, [
           j(p(Vo), {
@@ -35608,7 +35603,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
             color: e.labelColor
           }, null, 8, ["color"])
         ], 2),
-        U("div", {
+        W("div", {
           class: y(e.$style.section)
         }, [
           j(p(Vo), {
@@ -35641,7 +35636,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
     return (e, t) => (v(), M("div", {
       class: y(e.$style.root)
     }, [
-      U("div", {
+      W("div", {
         class: y(e.$style.content)
       }, [
         e.label ? (v(), M("div", {
@@ -35781,7 +35776,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
         color: "icon-input-base-primary"
       }, null, 8, ["name"])) : z("", !0),
       se(o.$slots, "before"),
-      U("div", {
+      W("div", {
         class: y(o.$style.content)
       }, [
         se(o.$slots, "default")
@@ -35943,7 +35938,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
             se(o.$slots, "after")
           ]),
           default: A(() => [
-            cn(U("input", {
+            cn(W("input", {
               type: o.type,
               inputmode: o.inputmode,
               autocomplete: o.autocomplete,
@@ -36123,7 +36118,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
     maxLength: {}
   },
   setup(n) {
-    const e = W(!0);
+    const e = U(!0);
     function t() {
       e.value = !e.value;
     }
@@ -36171,7 +36166,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:isError", "update:value"],
   setup(n) {
-    const e = W(!1), t = W(""), r = uu(), o = at(n, "isError"), i = at(n, "value"), s = co("input"), {
+    const e = U(!1), t = U(""), r = uu(), o = at(n, "isError"), i = at(n, "value"), s = co("input"), {
       isShowDropdown: a,
       triggerElementRef: l,
       parentElementRef: u,
@@ -36251,7 +36246,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
               }, null, 8, ["class"])
             ]),
             default: A(() => [
-              cn(U("input", {
+              cn(W("input", {
                 id: p(r),
                 ref: "input",
                 class: y(T.$style.field),
@@ -36340,7 +36335,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:isError", "update:value"],
   setup(n) {
-    const e = W(!1), t = W(""), r = at(n, "isError"), o = at(n, "value"), { isShowDropdown: i, triggerElementRef: s, parentElementRef: a } = po(), l = L(() => !n.hasSearch || !t.value || !e.value ? n.list : n.list.filter((u) => u.text.includes(t.value ?? "")));
+    const e = U(!1), t = U(""), r = at(n, "isError"), o = at(n, "value"), { isShowDropdown: i, triggerElementRef: s, parentElementRef: a } = po(), l = L(() => !n.hasSearch || !t.value || !e.value ? n.list : n.list.filter((u) => u.text.includes(t.value ?? "")));
     return Ze(
       o,
       (u) => {
@@ -36384,7 +36379,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
               }, null, 8, ["class"])
             ]),
             default: A(() => [
-              cn(U("input", {
+              cn(W("input", {
                 class: y(u.$style.field),
                 readonly: !u.hasSearch,
                 "onUpdate:modelValue": d[0] || (d[0] = (c) => t.value = c),
@@ -36469,7 +36464,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:isError", "update:value"],
   setup(n) {
-    const e = W(""), t = at(n, "isError"), r = at(n, "value");
+    const e = U(""), t = at(n, "isError"), r = at(n, "value");
     function o(l) {
       e.value && s.value && l.key === "Enter" && (r.value.add(e.value), e.value = "");
     }
@@ -36512,7 +36507,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
             ], 2))), 128))
           ]),
           default: A(() => [
-            cn(U("input", {
+            cn(W("input", {
               class: y(l.$style.field),
               placeholder: l.placeholder,
               "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
@@ -36549,11 +36544,11 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:value"],
   setup(n) {
-    const e = at(n, "value"), t = sn(), r = W([]), o = W({
+    const e = at(n, "value"), t = sn(), r = U([]), o = U({
       transform: "translateX(0)",
       width: "0",
       height: "0"
-    }), i = W(!1);
+    }), i = U(!1);
     function s(g, $) {
       g && (r.value[$] = g);
     }
@@ -36651,7 +36646,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
         ]),
         _: 1
       })) : z("", !0),
-      U("div", {
+      W("div", {
         class: y(p(t).wrapper)
       }, [
         (v(!0), M($e, null, Pe(g.data, (T, E) => (v(), M("div", {
@@ -36702,7 +36697,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
             size: m.value
           }, null, 8, ["name", "size"])) : z("", !0)
         ], 10, XP))), 128)),
-        U("div", {
+        W("div", {
           class: y(p(t).caret),
           style: He(o.value)
         }, null, 6)
@@ -36738,7 +36733,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:active"],
   setup(n) {
-    const e = co("items"), t = at(n, "active"), r = W({ width: 0, height: 0, top: 0, left: 0 }), o = L(() => {
+    const e = co("items"), t = at(n, "active"), r = U({ width: 0, height: 0, top: 0, left: 0 }), o = L(() => {
       if (!e.value)
         return {
           width: "0",
@@ -36772,11 +36767,11 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
         ]),
         _: 1
       }, 8, ["class"])) : z("", !0),
-      U("div", {
+      W("div", {
         ref: "items",
         class: y(i.$style.items)
       }, [
-        cn(U("div", {
+        cn(W("div", {
           class: y(i.$style.selector),
           style: He(o.value)
         }, null, 6), [
@@ -36810,7 +36805,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
   }),
   emits: ["update:active"],
   setup(n) {
-    const e = co("items"), t = at(n, "active"), r = W({ width: 0, left: 0 }), o = L(() => {
+    const e = co("items"), t = at(n, "active"), r = U({ width: 0, left: 0 }), o = L(() => {
       if (!e.value)
         return {
           width: "0",
@@ -36840,11 +36835,11 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
         ]),
         _: 1
       }, 8, ["class"]),
-      U("div", {
+      W("div", {
         ref: "items",
         class: y(a.$style.items)
       }, [
-        cn(U("div", {
+        cn(W("div", {
           class: y(a.$style.selector),
           style: He(o.value)
         }, null, 6), [