prlg-ui 1.8.150 → 1.8.151

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, computed as T, resolveComponent as il, createBlock as U, openBlock as f, resolveDynamicComponent as Pe, normalizeClass as H, withCtx as oe, createCommentVNode as O, createElementBlock as h, renderSlot as ee, Fragment as se, createTextVNode as ve, toDisplayString as q, ref as R, useTemplateRef as Ze, onMounted as me, createElementVNode as k, createVNode as j, renderList as he, unref as $, mergeModels as ae, useModel as ie, watch as J, shallowRef as Oe, getCurrentScope as Ml, onScopeDispose as Al, shallowReadonly as We, toRefs as Ol, useId as at, onUnmounted as xe, Transition as Ie, normalizeStyle as ne, nextTick as fe, withModifiers as ge, withDirectives as be, vModelRadio as Bl, vModelText as ze, provide as $e, toRef as je, useSlots as ul, inject as ye, vModelCheckbox as cl, vModelDynamic as Dl, toValue as Ye, isRef as El, vModelSelect as Ll, createStaticVNode as zl, Teleport as Ee, reactive as Rt, TransitionGroup as Hl, vShow as dl, useCssVars as Fl, createApp as Kl } from "vue";
+import { defineComponent as W, computed as T, resolveComponent as il, createBlock as U, openBlock as f, resolveDynamicComponent as Pe, normalizeClass as F, withCtx as oe, createCommentVNode as O, createElementBlock as h, renderSlot as ee, Fragment as se, createTextVNode as ve, toDisplayString as q, ref as R, useTemplateRef as Ze, onMounted as me, createElementVNode as k, createVNode as j, renderList as he, unref as S, mergeModels as ae, useModel as ie, watch as J, shallowRef as Oe, getCurrentScope as Ml, onScopeDispose as Al, shallowReadonly as We, toRefs as Ol, useId as at, onUnmounted as xe, Transition as Ie, normalizeStyle as ne, nextTick as fe, withModifiers as ge, withDirectives as be, vModelRadio as Bl, vModelText as ze, provide as $e, toRef as je, useSlots as ul, inject as ye, vModelCheckbox as cl, vModelDynamic as Dl, toValue as Ye, isRef as El, vModelSelect as Ll, createStaticVNode as zl, Teleport as Ee, reactive as Rt, TransitionGroup as Hl, vShow as dl, useCssVars as Fl, createApp as Kl } from "vue";
 import { P as fl, h as ql, i as Nl, I as vl, e as nt, C as yt, A as Wl, a as ml, f as Yl, M as jl, S as Ul, g as Zl, b as Ql, c as Xl, E as Gl, B as Jl, d as en, Q as tn, W as qt } from "./QuestionIcon-tK1kUB_h.js";
 import { o as ln, d as re } from "./parseFileSize.util-CxVk4CvB.js";
 import { _ as ue, C as tt, a as nn } from "./FileIcon-maHE2Nhr.js";
@@ -38,7 +38,7 @@ const an = {
     ]);
     return (n, o) => (f(), U(Pe(l.value), {
       to: n.url,
-      class: H(t.value),
+      class: F(t.value),
       disabled: n.disabled
     }, {
       default: oe(() => [
@@ -78,7 +78,7 @@ const an = {
       k("div", {
         ref_key: "menuRef",
         ref: t,
-        class: H(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": l.value }])
+        class: F(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": l.value }])
       }, [
         (f(!0), h(se, null, he(a.items, (u) => (f(), h("div", {
           class: "sleed-deal-menu__item",
@@ -92,13 +92,13 @@ const an = {
           k("span", un, q(u.label), 1)
         ], 8, rn))), 128))
       ], 2),
-      j($(Ce), {
+      j(S(Ce), {
         ref_key: "targetRef",
         ref: n,
         variant: a.variant,
         contrast: "",
         "icon-only": "",
-        icon: a.icon ? a.icon : $(fl),
+        icon: a.icon ? a.icon : S(fl),
         rounded: "",
         size: a.size,
         onClick: o
@@ -188,7 +188,7 @@ const an = {
       }
     ), (v, p) => (f(), h("label", {
       for: i.value,
-      class: H(r.value)
+      class: F(r.value)
     }, [
       k("input", {
         id: v.customId ?? i.value,
@@ -241,11 +241,11 @@ const an = {
       class: "sort-button",
       onClick: o
     }, [
-      j($(ql), {
-        class: H(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
+      j(S(ql), {
+        class: F(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
       }, null, 8, ["class"]),
-      j($(Nl), {
-        class: H(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
+      j(S(Nl), {
+        class: F(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
   }
@@ -533,17 +533,17 @@ const Mn = (e) => ({
     }, y = At(o), g = Mt(y), V = await a.getDimensions(r), C = y === "y", L = C ? "top" : "left", x = C ? "bottom" : "right", A = C ? "clientHeight" : "clientWidth", M = i.reference[g] + i.reference[y] - p[y] - i.floating[g], I = p[y] - i.reference[y], b = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(r));
     let d = b ? b[A] : 0;
     (!d || !await (a.isElement == null ? void 0 : a.isElement(b))) && (d = s.floating[A] || i.floating[g]);
-    const m = M / 2 - I / 2, w = d / 2 - V[g] / 2 - 1, P = Je(v[L], w), B = Je(v[x], w), K = P, N = d - V[g] - B, z = d / 2 - V[g] / 2 + m, Q = xt(K, z, N), S = !u.arrow && it(o) != null && z !== Q && i.reference[g] / 2 - (z < K ? P : B) - V[g] / 2 < 0, F = S ? z < K ? z - K : z - N : 0;
+    const m = M / 2 - I / 2, w = d / 2 - V[g] / 2 - 1, P = Je(v[L], w), B = Je(v[x], w), K = P, N = d - V[g] - B, z = d / 2 - V[g] / 2 + m, Q = xt(K, z, N), $ = !u.arrow && it(o) != null && z !== Q && i.reference[g] / 2 - (z < K ? P : B) - V[g] / 2 < 0, H = $ ? z < K ? z - K : z - N : 0;
     return {
-      [y]: p[y] + F,
+      [y]: p[y] + H,
       data: {
         [y]: Q,
-        centerOffset: z - Q - F,
-        ...S && {
-          alignmentOffset: F
+        centerOffset: z - Q - H,
+        ...$ && {
+          alignmentOffset: H
         }
       },
-      reset: S
+      reset: $
     };
   }
 }), An = function(e) {
@@ -596,12 +596,12 @@ const Mn = (e) => ({
               placement: Q
             }
           };
-        let S = (K = P.filter((F) => F.overflows[0] <= 0).sort((F, E) => F.overflows[1] - E.overflows[1])[0]) == null ? void 0 : K.placement;
-        if (!S)
+        let $ = (K = P.filter((H) => H.overflows[0] <= 0).sort((H, E) => H.overflows[1] - E.overflows[1])[0]) == null ? void 0 : K.placement;
+        if (!$)
           switch (y) {
             case "bestFit": {
               var N;
-              const F = (N = P.filter((E) => {
+              const H = (N = P.filter((E) => {
                 if (b) {
                   const X = Be(E.placement);
                   return X === x || // Create a bias to the `y` side axis due to horizontal
@@ -610,17 +610,17 @@ const Mn = (e) => ({
                 }
                 return !0;
               }).map((E) => [E.placement, E.overflows.filter((X) => X > 0).reduce((X, _) => X + _, 0)]).sort((E, X) => E[1] - X[1])[0]) == null ? void 0 : N[0];
-              F && (S = F);
+              H && ($ = H);
               break;
             }
             case "initialPlacement":
-              S = s;
+              $ = s;
               break;
           }
-        if (o !== S)
+        if (o !== $)
           return {
             reset: {
-              placement: S
+              placement: $
             }
           };
       }
@@ -1298,7 +1298,7 @@ function Pt(e) {
   return e;
 }
 function Ue(e) {
-  return typeof e == "function" ? e() : $(e);
+  return typeof e == "function" ? e() : S(e);
 }
 function vo(e) {
   return {
@@ -1462,12 +1462,12 @@ const mo = {
     }), I = R("left-start"), { floatingStyles: b, update: d } = tl(v, y, {
       placement: I,
       middleware: [Jt(), gt(8)]
-    }), m = at(), w = R(!1), P = R(!1), B = R(!1), { lockScroll: K, unlockScroll: N } = st(), z = R(null), Q = R(null), S = () => {
+    }), m = at(), w = R(!1), P = R(!1), B = R(!1), { lockScroll: K, unlockScroll: N } = st(), z = R(null), Q = R(null), $ = () => {
       A(), P.value && d();
-    }, F = T(() => u && u.value !== void 0), E = T({
-      get: () => F.value ? u?.value : w.value,
+    }, H = T(() => u && u.value !== void 0), E = T({
+      get: () => H.value ? u?.value : w.value,
       set: (le) => {
-        F.value ? r("update:modelValue", le) : w.value = le;
+        H.value ? r("update:modelValue", le) : w.value = le;
       }
     }), X = () => {
       E.value = !0;
@@ -1476,7 +1476,7 @@ const mo = {
     }, D = () => {
       E.value = !E.value;
     }, Y = () => {
-      F.value ? E.value ? _() : X() : D();
+      H.value ? E.value ? _() : X() : D();
     }, G = async (le) => {
       le && le.stopPropagation(), v.value && (P.value = !0);
     }, Z = () => {
@@ -1511,16 +1511,16 @@ const mo = {
       }
     });
     return J(x, (le) => {
-      F.value || (E.value = le.hide?.referenceHidden === !1);
+      H.value || (E.value = le.hide?.referenceHidden === !1);
     }), J(
       E,
       async (le) => {
         le || (Z(), B.value = !1), le && s.value === "button-only" ? (K(), setTimeout(() => {
-          S(), B.value = !0;
+          $(), B.value = !0;
         }, 0)) : !le && s.value === "button-only" ? (N(), setTimeout(() => {
-          S();
+          $();
         }, 0)) : le && setTimeout(() => {
-          S(), B.value = !0;
+          $(), B.value = !0;
         }, 0);
       },
       { immediate: !0 }
@@ -1534,15 +1534,15 @@ const mo = {
       document.addEventListener("click", te);
       let le = null, pe = null;
       const ct = () => {
-        le && clearTimeout(le), le = setTimeout(S, 16);
+        le && clearTimeout(le), le = setTimeout($, 16);
       }, Rl = () => {
-        pe && clearTimeout(pe), pe = setTimeout(S, 100);
+        pe && clearTimeout(pe), pe = setTimeout($, 100);
       };
-      if (window.addEventListener("scroll", ct, { passive: !0 }), window.addEventListener("resize", Rl), window.addEventListener("orientationchange", S), c.value) {
+      if (window.addEventListener("scroll", ct, { passive: !0 }), window.addEventListener("resize", Rl), window.addEventListener("orientationchange", $), c.value) {
         let Ne = null;
         z.value = new ResizeObserver(() => {
           E.value && (Ne && clearTimeout(Ne), Ne = setTimeout(() => {
-            S(), Ne = null;
+            $(), Ne = null;
           }, 100));
         }), z.value.observe(c.value);
       }
@@ -1550,7 +1550,7 @@ const mo = {
         let Kt = !1;
         Ne.forEach((Ct) => {
           (Ct.type === "childList" || Ct.type === "attributes" && ["style", "class"].includes(Ct.attributeName || "")) && (Kt = !0);
-        }), Kt && setTimeout(S, 10);
+        }), Kt && setTimeout($, 10);
       }), Q.value.observe(document.body, {
         childList: !0,
         subtree: !0,
@@ -1558,22 +1558,22 @@ const mo = {
         attributeFilter: ["style", "class"]
       });
     }), xe(() => {
-      document.removeEventListener("click", te), window.removeEventListener("resize", S), window.removeEventListener("scroll", S), window.removeEventListener("orientationchange", S), z.value && z.value.disconnect(), Q.value && Q.value.disconnect(), s.value === "button-only" && E.value && N();
+      document.removeEventListener("click", te), window.removeEventListener("resize", $), window.removeEventListener("scroll", $), window.removeEventListener("orientationchange", $), z.value && z.value.disconnect(), Q.value && Q.value.disconnect(), s.value === "button-only" && E.value && N();
     }), l({
       open: X,
       close: _,
       openSecondScreen: G,
       closeSecondScreen: Z,
       forceUpdatePosition: () => {
-        S();
+        $();
       },
       isOpen: E,
       isSecondScreenOpen: P
     }), (le, pe) => (f(), h("div", {
-      class: H(["popover", { "popover--with-arrow": $(a) }])
+      class: F(["popover", { "popover--with-arrow": S(a) }])
     }, [
       k("div", {
-        class: H(["popover__trigger", `popover__trigger--${$(m)}`]),
+        class: F(["popover__trigger", `popover__trigger--${S(m)}`]),
         ref: "reference",
         onClick: Y
       }, [
@@ -1582,7 +1582,7 @@ const mo = {
       k("div", null, [
         j(Ie, { name: "fade" }, {
           default: oe(() => [
-            E.value && $(s) === "button-only" ? (f(), h("div", mo)) : O("", !0)
+            E.value && S(s) === "button-only" ? (f(), h("div", mo)) : O("", !0)
           ]),
           _: 1
         }),
@@ -1590,16 +1590,16 @@ const mo = {
           default: oe(() => [
             E.value ? (f(), h("div", {
               key: 0,
-              class: H(["popover__wrapper", [
-                `popover__wrapper--${$(m)}`,
+              class: F(["popover__wrapper", [
+                `popover__wrapper--${S(m)}`,
                 { "popover__wrapper--no-style": e.withoutStyle },
                 { "popover__wrapper--positioning": !B.value }
               ]]),
-              style: ne({ ...$(L) }),
+              style: ne({ ...S(L) }),
               ref: "floating"
             }, [
               k("div", po, [
-                $(a) ? (f(), h("div", go, [
+                S(a) ? (f(), h("div", go, [
                   ee(le.$slots, "default", {
                     openSecondScreen: G,
                     closeSecondScreen: Z,
@@ -1612,7 +1612,7 @@ const mo = {
                   close: _
                 }, void 0, !0)
               ]),
-              $(a) ? (f(), h("div", {
+              S(a) ? (f(), h("div", {
                 key: 0,
                 class: "popover__arrow",
                 ref: "arrow-block",
@@ -1628,7 +1628,7 @@ const mo = {
               key: 0,
               class: "popover__second-screen",
               ref: "second-screen",
-              style: ne({ ...$(b) })
+              style: ne({ ...S(b) })
             }, [
               ee(le.$slots, "second-screen", { closeSecondScreen: Z }, void 0, !0)
             ], 4)) : O("", !0)
@@ -1644,7 +1644,7 @@ const mo = {
     description: {}
   },
   setup(e) {
-    return (l, t) => (f(), U($(yo), {
+    return (l, t) => (f(), U(S(yo), {
       size: "small",
       trigger: "hover",
       placement: "top-start",
@@ -1652,7 +1652,7 @@ const mo = {
     }, {
       trigger: oe(() => [
         k("div", bo, [
-          j($(vl))
+          j(S(vl))
         ])
       ]),
       default: oe(() => [
@@ -1690,18 +1690,18 @@ const mo = {
       width: a.selectionMode ? "40px" : a.style?.width ? a.style?.width : "100%"
     });
     return (a, s) => (f(), h("thead", {
-      class: H(n.value)
+      class: F(n.value)
     }, [
       k("tr", So, [
         (f(!0), h(se, null, he(a.columns, (u, r) => (f(), h("th", {
-          class: H(o(u)),
+          class: F(o(u)),
           key: r,
           style: ne(i(u))
         }, [
           k("div", {
-            class: H(["table-header__cell-body", { "table-header__cell-body--center": u.selectionMode }])
+            class: F(["table-header__cell-body", { "table-header__cell-body--center": u.selectionMode }])
           }, [
-            u.selectionMode && u.selectionMode === "multiple" ? (f(), U($(rt), {
+            u.selectionMode && u.selectionMode === "multiple" ? (f(), U(S(rt), {
               key: 0,
               size: "small",
               checked: a.isSelectedAll,
@@ -1745,14 +1745,14 @@ const mo = {
       `table-cell--${e.size}`
     ]), a = () => e.column.field ? e.item[e.column.field] : "";
     return (s, u) => (f(), h("td", {
-      class: H(i.value)
+      class: F(i.value)
     }, [
-      s.column.selectionMode && s.column.selectionMode === "multiple" ? (f(), U($(rt), {
+      s.column.selectionMode && s.column.selectionMode === "multiple" ? (f(), U(S(rt), {
         key: 0,
         size: "small",
         checked: o.value,
         onChange: u[0] || (u[0] = (r) => t("toggleRow", s.item))
-      }, null, 8, ["checked"])) : s.column.selectionMode && s.column.selectionMode === "single" ? (f(), U($(Ht), {
+      }, null, 8, ["checked"])) : s.column.selectionMode && s.column.selectionMode === "single" ? (f(), U(S(Ht), {
         key: 1,
         size: "small",
         onChange: u[1] || (u[1] = (r) => t("toggleRow", s.item))
@@ -1783,7 +1783,7 @@ const mo = {
   setup(e, { emit: l }) {
     const t = l, n = T(() => e.rowStyle ? e.rowStyle(e.item) : {});
     return (o, i) => (f(), h("tr", {
-      class: H(["table-row", { "table-row--hovered-color": o.colorHovered }]),
+      class: F(["table-row", { "table-row--hovered-color": o.colorHovered }]),
       style: ne(n.value),
       onClick: i[1] || (i[1] = (a) => t("rowClickHandler", { data: o.item, index: o.rowIndex }))
     }, [
@@ -1834,7 +1834,7 @@ const mo = {
       key: 0,
       ref_key: "virtualScrollBody",
       ref: o,
-      class: H(["table-body", "table-body--virtual-scroll"])
+      class: F(["table-body", "table-body--virtual-scroll"])
     }, [
       s.value > 0 ? (f(), h("tr", {
         key: 0,
@@ -1867,7 +1867,7 @@ const mo = {
       ], 4)) : O("", !0)
     ], 512)) : (f(), h("tbody", {
       key: 1,
-      class: H(["table-body", { "table-body--scroller": p.scroller && p.scroller.enable }]),
+      class: F(["table-body", { "table-body--scroller": p.scroller && p.scroller.enable }]),
       style: ne({ maxHeight: `${p.scroller && p.scroller.height}px` })
     }, [
       (f(!0), h(se, null, he(p.data, (g, V) => (f(), U(nl, {
@@ -1912,7 +1912,7 @@ const mo = {
       }
     ]);
     return (o, i) => (f(), h("div", {
-      class: H(n.value)
+      class: F(n.value)
     }, [
       k("div", Oo, [
         o.icon ? (f(), h("div", Bo, [
@@ -1927,7 +1927,7 @@ const mo = {
         class: "tag__remove",
         onClick: i[0] || (i[0] = ge((a) => t("remove"), ["stop"]))
       }, [
-        j($(nt))
+        j(S(nt))
       ])) : O("", !0)
     ], 2));
   }
@@ -1949,13 +1949,13 @@ const mo = {
   setup(e, { emit: l }) {
     const t = ie(e, "modelValue"), n = at(), o = l, i = T(() => ["radio", `radio--${e.size}`]);
     return (a, s) => (f(), h("div", {
-      class: H(i.value)
+      class: F(i.value)
     }, [
       be(k("input", {
         "onUpdate:modelValue": s[0] || (s[0] = (u) => t.value = u),
         type: "radio",
         name: a.name,
-        id: a.customId ?? $(n),
+        id: a.customId ?? S(n),
         class: "radio__input",
         value: a.value,
         checked: a.checked || t.value === a.value,
@@ -1969,7 +1969,7 @@ const mo = {
       ], -1)),
       a.label || a.$slots.default ? (f(), h("label", {
         key: 0,
-        for: $(n),
+        for: S(n),
         class: "radio__label"
       }, [
         a.label ? (f(), h(se, { key: 0 }, [
@@ -2024,109 +2024,113 @@ const mo = {
   emits: ["update:modelValue", "search", "change", "clear", "remove-tag"],
   setup(e, { emit: l }) {
     const t = e, n = l, o = R(!1), i = R(""), a = R(), s = R(), u = R(), r = R({});
-    function c(S) {
-      let F = 1e3, E = S;
+    function c($) {
+      let H = 1e3, E = $;
       for (; E && E !== document.body; ) {
         const X = window.getComputedStyle(E), _ = parseInt(X.zIndex);
-        !isNaN(_) && _ > F && (F = _), E = E.parentElement;
+        !isNaN(_) && _ > H && (H = _), E = E.parentElement;
       }
-      return F;
+      return H;
     }
     const v = R(9999), p = T(() => {
       if (!t.modelValue) return [];
       if (t.multiple)
-        return (Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]).map((F) => {
-          if (typeof F == "object" && F !== null)
-            return F;
+        return (Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]).map((H) => {
+          if (typeof H == "object" && H !== null)
+            return H;
           const E = t.options?.find(
-            (_) => M(_) === F
+            (_) => M(_) === H
           );
           return E || {
-            value: F,
-            label: String(F)
+            value: H,
+            label: String(H)
           };
-        }).filter((F) => F !== void 0);
+        }).filter((H) => H !== void 0);
       {
         if (typeof t.modelValue == "object" && t.modelValue !== null)
           return [t.modelValue];
-        const S = t.options?.find(
-          (F) => M(F) === t.modelValue
+        const $ = t.options?.find(
+          (H) => M(H) === t.modelValue
         );
-        return S ? [S] : [];
+        return $ ? [$] : [];
       }
     }), y = T(() => t.multiple || !p.value.length ? "" : b(p.value[0])), g = T(() => t.multiple ? p.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null), V = T(() => p.value.slice(0, t.maxTags)), C = T(() => Math.max(0, p.value.length - t.maxTags)), L = T(() => i.value ? (t.options || []).filter(
-      (S) => b(S).toLowerCase().includes(i.value.toLowerCase())
-    ) : t.options || []), x = T(() => t.multiple ? p.value.map((S) => M(S)) : []), A = T(() => t.multiple || !p.value.length ? null : M(p.value[0]));
-    function M(S) {
-      const F = t.valueKey || "value", E = S[F];
-      return E === null ? null : E === void 0 ? "" : E;
+      ($) => b($).toLowerCase().includes(i.value.toLowerCase())
+    ) : t.options || []), x = T(() => t.multiple ? p.value.map(($) => M($)) : []), A = T(() => t.multiple || !p.value.length ? null : M(p.value[0]));
+    function M($) {
+      if (t.valueKey && t.valueKey in $) {
+        const E = $[t.valueKey];
+        return E === null ? null : E === void 0 ? "" : E;
+      }
+      const H = $.value;
+      return H === null ? null : H ?? "";
     }
-    function I(S) {
-      const F = M(S);
-      return F === null ? "null" : F;
+    function I($) {
+      const H = M($);
+      return H === null ? "null" : H;
     }
-    function b(S) {
-      return t.labelKey && t.labelKey in S ? String(S[t.labelKey]) : String(S.label);
+    function b($) {
+      return t.labelKey && t.labelKey in $ ? String($[t.labelKey]) : String($.label);
     }
     function d() {
       t.disabled || (o.value = !o.value);
     }
-    function m(S) {
-      if (!S.disabled)
+    function m($) {
+      if (!$.disabled)
         if (t.multiple) {
-          const F = M(S), E = Array.isArray(t.modelValue) ? [...t.modelValue] : [], X = E.some((D) => typeof D == "object" && D !== null ? M(D) === F : D === F);
+          const H = M($), E = Array.isArray(t.modelValue) ? [...t.modelValue] : [], X = E.some((D) => typeof D == "object" && D !== null ? M(D) === H : D === H);
           let _;
-          X ? _ = E.filter((D) => typeof D == "object" && D !== null ? M(D) !== F : D !== F) : _ = [
+          X ? _ = E.filter((D) => typeof D == "object" && D !== null ? M(D) !== H : D !== H) : _ = [
             ...E,
-            t.valueKey && t.valueKey !== "" ? M(S) : S
+            t.valueKey && t.valueKey !== "" ? M($) : $
           ], n("update:modelValue", _), n("change", _);
         } else {
-          const F = t.valueKey && t.valueKey !== "" ? M(S) : S;
-          n("update:modelValue", F), n("change", F), o.value = !1;
+          const H = t.valueKey && t.valueKey !== "" ? M($) : $;
+          n("update:modelValue", H), n("change", H), o.value = !1;
         }
     }
-    function w(S) {
+    function w($) {
       if (!t.multiple) return;
-      const F = M(S), X = (Array.isArray(t.modelValue) ? [...t.modelValue] : []).filter((_) => typeof _ == "object" && _ !== null ? M(_) !== F : _ !== F);
+      const H = M($), X = (Array.isArray(t.modelValue) ? [...t.modelValue] : []).filter((_) => typeof _ == "object" && _ !== null ? M(_) !== H : _ !== H);
       n("update:modelValue", X), n("change", X), n(
         "remove-tag",
-        t.valueKey && t.valueKey !== "" ? M(S) : S
+        t.valueKey && t.valueKey !== "" ? M($) : $
       );
     }
     function P() {
-      const S = t.multiple ? [] : void 0;
-      n("update:modelValue", S), n("change", S), n("clear");
+      const $ = t.multiple ? [] : void 0;
+      n("update:modelValue", $), n("change", $), n("clear");
     }
-    function B(S) {
-      S.disabled || !t.multiple || m(S);
+    function B($) {
+      $.disabled || !t.multiple || m($);
     }
-    function K(S) {
-      S.disabled || t.multiple || m(S);
+    function K($) {
+      $.disabled || t.multiple || m($);
     }
     function N() {
       n("search", i.value);
     }
     function z() {
       !a.value || !o.value || fe(() => {
-        const S = c(a.value);
-        v.value = S + 10;
-        const F = a.value.getBoundingClientRect(), E = window.innerHeight, X = window.innerWidth, _ = E - F.bottom, D = F.top, G = _ < 300 && D > _, Z = Math.max(300, F.width);
-        let te = F.left;
+        const $ = c(a.value);
+        v.value = $ + 10;
+        const H = a.value.getBoundingClientRect(), E = window.innerHeight, X = window.innerWidth, _ = E - H.bottom, D = H.top, G = _ < 300 && D > _, Z = Math.max(300, H.width);
+        let te = H.left;
         te + Z > X && (te = Math.max(0, X - Z - 10)), r.value = {
           position: "fixed",
           left: `${te}px`,
           width: `${Z}px`,
           maxHeight: "300px"
-        }, G ? r.value.bottom = `${E - F.top + 4}px` : r.value.top = `${F.bottom + 4}px`;
+        }, G ? r.value.bottom = `${E - H.top + 4}px` : r.value.top = `${H.bottom + 4}px`;
       });
     }
-    function Q(S) {
+    function Q($) {
       if (!a.value || !o.value) return;
-      const F = S.target, E = s.value, X = a.value.contains(F), _ = E && E.contains(F);
+      const H = $.target, E = s.value, X = a.value.contains(H), _ = E && E.contains(H);
       !X && !_ && (o.value = !1);
     }
-    return J(o, (S) => {
-      S ? (z(), t.searchable && fe(() => {
+    return J(o, ($) => {
+      $ ? (z(), t.searchable && fe(() => {
         u.value?.focus();
       })) : i.value = "";
     }), J(
@@ -2138,26 +2142,26 @@ const mo = {
       document.addEventListener("click", Q), window.addEventListener("resize", z), window.addEventListener("scroll", z);
     }), xe(() => {
       document.removeEventListener("click", Q), window.removeEventListener("resize", z), window.removeEventListener("scroll", z);
-    }), (S, F) => (f(), h("div", {
-      class: H(["dropdown", { "dropdown--disabled": S.disabled, "dropdown--error": S.error }])
+    }), ($, H) => (f(), h("div", {
+      class: F(["dropdown", { "dropdown--disabled": $.disabled, "dropdown--error": $.error }])
     }, [
-      S.label ? (f(), h("label", zo, [
-        S.required ? (f(), h("sup", Ho, "*")) : O("", !0),
-        ve(" " + q(S.label), 1)
+      $.label ? (f(), h("label", zo, [
+        $.required ? (f(), h("sup", Ho, "*")) : O("", !0),
+        ve(" " + q($.label), 1)
       ])) : O("", !0),
       k("div", {
         ref_key: "dropdownTrigger",
         ref: a,
-        class: H(["dropdown__trigger", {
+        class: F(["dropdown__trigger", {
           "dropdown__trigger--active": o.value,
-          "dropdown__trigger--multiple": S.multiple,
-          "dropdown__trigger--error": S.error
+          "dropdown__trigger--multiple": $.multiple,
+          "dropdown__trigger--error": $.error
         }]),
         onClick: d
       }, [
         k("div", Fo, [
-          S.multiple && p.value.length ? (f(), h("div", Ko, [
-            (f(!0), h(se, null, he(V.value, (E) => (f(), U($(ht), {
+          $.multiple && p.value.length ? (f(), h("div", Ko, [
+            (f(!0), h(se, null, he(V.value, (E) => (f(), U(S(ht), {
               key: I(E),
               removable: "",
               variant: "secondary",
@@ -2168,7 +2172,7 @@ const mo = {
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128)),
-            C.value > 0 ? (f(), U($(ht), {
+            C.value > 0 ? (f(), U(S(ht), {
               key: 0,
               variant: "info"
             }, {
@@ -2178,29 +2182,29 @@ const mo = {
               _: 1
             })) : O("", !0)
           ])) : (f(), h(se, { key: 1 }, [
-            y.value ? ee(S.$slots, "input", {
+            y.value ? ee($.$slots, "input", {
               key: 0,
               value: y.value,
               selectedOption: p.value[0]
             }, () => [
               k("span", qo, q(y.value), 1)
-            ], !0) : (f(), h("span", No, q(S.placeholder), 1))
+            ], !0) : (f(), h("span", No, q($.placeholder), 1))
           ], 64))
         ]),
         k("div", {
-          class: H(["dropdown__arrow", { "dropdown__arrow--rotated": o.value }])
+          class: F(["dropdown__arrow", { "dropdown__arrow--rotated": o.value }])
         }, [
-          j($(yt))
+          j(S(yt))
         ], 2),
-        S.clearable && g.value ? (f(), h("button", {
+        $.clearable && g.value ? (f(), h("button", {
           key: 0,
           class: "dropdown__clear",
           onClick: ge(P, ["stop"])
         }, [
-          j($(tt))
+          j(S(tt))
         ])) : O("", !0)
       ], 2),
-      j($(bt), {
+      j(S(bt), {
         show: o.value,
         "z-index": v.value
       }, {
@@ -2210,14 +2214,14 @@ const mo = {
             ref: s,
             class: "dropdown__overlay",
             style: ne(r.value),
-            onClick: F[1] || (F[1] = ge(() => {
+            onClick: H[1] || (H[1] = ge(() => {
             }, ["stop"]))
           }, [
-            S.searchable ? (f(), h("div", Wo, [
+            $.searchable ? (f(), h("div", Wo, [
               be(k("input", {
                 ref_key: "searchInput",
                 ref: u,
-                "onUpdate:modelValue": F[0] || (F[0] = (E) => i.value = E),
+                "onUpdate:modelValue": H[0] || (H[0] = (E) => i.value = E),
                 class: "dropdown__search-input",
                 placeholder: "Поиск...",
                 onInput: N
@@ -2226,15 +2230,15 @@ const mo = {
               ])
             ])) : O("", !0),
             k("div", Yo, [
-              S.loading ? (f(), h("div", jo, "Загрузка...")) : (f(), h(se, { key: 1 }, [
+              $.loading ? (f(), h("div", jo, "Загрузка...")) : (f(), h(se, { key: 1 }, [
                 (f(!0), h(se, null, he(L.value, (E) => (f(), h("div", {
                   key: I(E),
-                  class: H(["dropdown__option", {
+                  class: F(["dropdown__option", {
                     "dropdown__option--disabled": E.disabled
                   }])
                 }, [
                   k("div", Uo, [
-                    S.multiple ? (f(), U(rt, {
+                    $.multiple ? (f(), U(rt, {
                       key: 0,
                       customId: `dropdown-checkbox-${I(E)}`,
                       "model-value": x.value,
@@ -2251,21 +2255,21 @@ const mo = {
                     }, null, 8, ["customId", "model-value", "value", "disabled", "onChange"])),
                     k("label", {
                       class: "dropdown__option-label",
-                      for: S.multiple ? `dropdown-checkbox-${I(E)}` : `dropdown-radio-${I(E)}`
+                      for: $.multiple ? `dropdown-checkbox-${I(E)}` : `dropdown-radio-${I(E)}`
                     }, [
-                      S.$slots.option ? O("", !0) : (f(), h("span", Qo, q(b(E)), 1)),
-                      ee(S.$slots, "option", {
+                      $.$slots.option ? O("", !0) : (f(), h("span", Qo, q(b(E)), 1)),
+                      ee($.$slots, "option", {
                         option: E,
-                        selected: S.multiple ? x.value.includes(M(E)) : A.value === M(E),
-                        multiple: S.multiple,
-                        handleSelect: S.multiple ? () => B(E) : () => K(E)
+                        selected: $.multiple ? x.value.includes(M(E)) : A.value === M(E),
+                        multiple: $.multiple,
+                        handleSelect: $.multiple ? () => B(E) : () => K(E)
                       }, void 0, !0)
                     ], 8, Zo)
                   ])
                 ], 2))), 128)),
                 L.value.length ? O("", !0) : (f(), h("div", Xo, " Ничего не найдено ")),
-                S.$slots.footer ? (f(), h("div", Go, [
-                  ee(S.$slots, "footer", {}, void 0, !0)
+                $.$slots.footer ? (f(), h("div", Go, [
+                  ee($.$slots, "footer", {}, void 0, !0)
                 ])) : O("", !0)
               ], 64))
             ])
@@ -2273,10 +2277,10 @@ const mo = {
         ]),
         _: 3
       }, 8, ["show", "z-index"]),
-      S.error && S.errorText ? (f(), h("small", Jo, q(S.errorText), 1)) : O("", !0)
+      $.error && $.errorText ? (f(), h("small", Jo, q($.errorText), 1)) : O("", !0)
     ], 2));
   }
-}), ta = /* @__PURE__ */ ue(ea, [["__scopeId", "data-v-ca78537d"]]), la = {
+}), ta = /* @__PURE__ */ ue(ea, [["__scopeId", "data-v-09690791"]]), la = {
   key: 0,
   class: "paginator"
 }, na = ["disabled"], oa = { class: "paginator__pages" }, aa = ["onClick"], sa = ["disabled"], ra = {
@@ -2312,11 +2316,11 @@ const mo = {
         disabled: l.value === 1,
         onClick: s[0] || (s[0] = (u) => l.value--)
       }, [
-        j($(Wl))
+        j(S(Wl))
       ], 8, na),
       k("div", oa, [
         (f(!0), h(se, null, he(i.value, (u) => (f(), h("button", {
-          class: H(["paginator-button paginator__page", { "paginator-button--active": l.value === u }]),
+          class: F(["paginator-button paginator__page", { "paginator-button--active": l.value === u }]),
           key: u,
           onClick: (r) => l.value = Number(u)
         }, q(u), 11, aa))), 128))
@@ -2326,11 +2330,11 @@ const mo = {
         disabled: l.value === n.value,
         onClick: s[1] || (s[1] = (u) => l.value++)
       }, [
-        j($(ml))
+        j(S(ml))
       ], 8, sa),
       a.viewPerPage && t.value ? (f(), h("div", ra, [
         s[3] || (s[3] = k("span", null, "Показывать по", -1)),
-        j($(ta), {
+        j(S(ta), {
           modelValue: t.value,
           "onUpdate:modelValue": s[2] || (s[2] = (u) => t.value = u),
           options: o.value,
@@ -2365,7 +2369,7 @@ const mo = {
     return (o, i) => n.value ? (f(), h("tfoot", ca, [
       k("tr", null, [
         k("td", da, [
-          o.paginator && l.value ? (f(), U($(ua), {
+          o.paginator && l.value ? (f(), U(S(ua), {
             key: 0,
             "current-page": l.value,
             "onUpdate:currentPage": i[0] || (i[0] = (a) => l.value = a),
@@ -2395,7 +2399,7 @@ const mo = {
       `spinner--${e.size}`
     ]);
     return (o, i) => (f(), h("div", {
-      class: H(n.value),
+      class: F(n.value),
       "aria-label": "Loading",
       style: ne(t.value)
     }, [...i[0] || (i[0] = [
@@ -2547,19 +2551,19 @@ const mo = {
       });
     }), (m, w) => g.value ? (f(), h("div", {
       key: 0,
-      class: H(C.value),
+      class: F(C.value),
       style: ne(L.value),
       onScroll: v
     }, [
       k("table", {
         ref_key: "tableRef",
         ref: u,
-        class: H(V.value)
+        class: F(V.value)
       }, [
         ee(m.$slots, "default", {}, void 0, !0),
         j(ll, {
           size: m.size,
-          columns: $(n),
+          columns: S(n),
           isSelectedAll: M.value,
           isIndeterminate: I.value,
           sortMode: m.sortMode,
@@ -2574,7 +2578,7 @@ const mo = {
           size: m.size,
           selectedRows: x.value,
           dataKey: m.dataKey,
-          columns: $(n),
+          columns: S(n),
           data: y.value,
           colorHovered: m.rowColorHovered,
           scroller: m.scroller || void 0,
@@ -2585,7 +2589,7 @@ const mo = {
         }, null, 8, ["size", "selectedRows", "dataKey", "columns", "data", "colorHovered", "scroller", "virtualScroll", "rowStyle"])) : m.loading ? (f(), h("tbody", ma, [
           k("tr", null, [
             k("td", {
-              colspan: $(n).length,
+              colspan: S(n).length,
               class: "table-loading__cell"
             }, [
               k("div", ga, [
@@ -2597,7 +2601,7 @@ const mo = {
         ])) : (f(), h("tbody", ha, [
           k("tr", null, [
             k("td", {
-              colspan: $(n).length,
+              colspan: S(n).length,
               class: "table-empty__cell"
             }, [
               ee(m.$slots, "empty", {}, void 0, !0)
@@ -2620,12 +2624,12 @@ const mo = {
       key: 1,
       ref_key: "tableRef",
       ref: u,
-      class: H(V.value)
+      class: F(V.value)
     }, [
       ee(m.$slots, "default", {}, void 0, !0),
       j(ll, {
         size: m.size,
-        columns: $(n),
+        columns: S(n),
         isSelectedAll: M.value,
         isIndeterminate: I.value,
         sortMode: m.sortMode,
@@ -2640,7 +2644,7 @@ const mo = {
         size: m.size,
         selectedRows: x.value,
         dataKey: m.dataKey,
-        columns: $(n),
+        columns: S(n),
         data: y.value,
         colorHovered: m.rowColorHovered,
         scroller: m.scroller || void 0,
@@ -2651,7 +2655,7 @@ const mo = {
       }, null, 8, ["size", "selectedRows", "dataKey", "columns", "data", "colorHovered", "scroller", "virtualScroll", "rowStyle"])) : m.loading ? (f(), h("tbody", ba, [
         k("tr", null, [
           k("td", {
-            colspan: $(n).length,
+            colspan: S(n).length,
             class: "table-loading__cell"
           }, [
             k("div", ka, [
@@ -2663,7 +2667,7 @@ const mo = {
       ])) : (f(), h("tbody", $a, [
         k("tr", null, [
           k("td", {
-            colspan: $(n).length,
+            colspan: S(n).length,
             class: "table-empty__cell"
           }, [
             ee(m.$slots, "empty", {}, void 0, !0)
@@ -2736,8 +2740,8 @@ const mo = {
       be(k("input", {
         "onUpdate:modelValue": o[0] || (o[0] = (i) => l.value = i),
         type: "checkbox",
-        name: $(t),
-        id: $(t),
+        name: S(t),
+        id: S(t),
         value: n.value
       }, null, 8, Va), [
         [cl, l.value]
@@ -2871,10 +2875,10 @@ const mo = {
       const _ = t.multiple ? [] : void 0;
       a.value = "", n("update:modelValue", _), n("change", _), n("clear");
     }
-    function S(_) {
+    function $(_) {
       _.disabled || !t.multiple || K(_);
     }
-    function F(_) {
+    function H(_) {
       _.disabled || t.multiple || K(_);
     }
     function E() {
@@ -2916,7 +2920,7 @@ const mo = {
     }), xe(() => {
       document.removeEventListener("click", X), window.removeEventListener("resize", E), window.removeEventListener("scroll", E);
     }), (_, D) => (f(), h("div", {
-      class: H(["autocomplete", { "autocomplete--disabled": _.disabled }])
+      class: F(["autocomplete", { "autocomplete--disabled": _.disabled }])
     }, [
       _.label ? (f(), h("label", Ia, [
         _.required ? (f(), h("sup", Ta)) : O("", !0),
@@ -2925,7 +2929,7 @@ const mo = {
       k("div", {
         ref_key: "autocompleteTrigger",
         ref: u,
-        class: H(["autocomplete__trigger", {
+        class: F(["autocomplete__trigger", {
           "autocomplete__trigger--active": o.value,
           "autocomplete__trigger--multiple": _.multiple,
           "autocomplete__trigger--focused": i.value,
@@ -2934,7 +2938,7 @@ const mo = {
       }, [
         k("div", Pa, [
           _.multiple && g.value.length ? (f(), h("div", Ra, [
-            (f(!0), h(se, null, he(L.value, (Y) => (f(), U($(ht), {
+            (f(!0), h(se, null, he(L.value, (Y) => (f(), U(S(ht), {
               key: b(Y),
               removable: "",
               variant: "secondary",
@@ -2945,7 +2949,7 @@ const mo = {
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128)),
-            x.value > 0 ? (f(), U($(ht), {
+            x.value > 0 ? (f(), U(S(ht), {
               key: 0,
               variant: "info"
             }, {
@@ -2971,19 +2975,19 @@ const mo = {
           ])
         ]),
         k("div", {
-          class: H(["autocomplete__arrow", { "autocomplete__arrow--rotated": o.value }])
+          class: F(["autocomplete__arrow", { "autocomplete__arrow--rotated": o.value }])
         }, [
-          j($(yt))
+          j(S(yt))
         ], 2),
         _.clearable && (V.value || a.value) ? (f(), h("button", {
           key: 0,
           class: "autocomplete__clear",
           onClick: ge(Q, ["stop"])
         }, [
-          j($(tt))
+          j(S(tt))
         ])) : O("", !0)
       ], 2),
-      j($(bt), {
+      j(S(bt), {
         show: o.value,
         "z-index": y.value
       }, {
@@ -3000,7 +3004,7 @@ const mo = {
               _.loading ? (f(), h("div", Oa, " Загрузка... ")) : (f(), h(se, { key: 1 }, [
                 (f(!0), h(se, null, he(A.value, (Y, G) => (f(), h("div", {
                   key: b(Y),
-                  class: H(["autocomplete__option", {
+                  class: F(["autocomplete__option", {
                     "autocomplete__option--disabled": Y.disabled,
                     "autocomplete__option--highlighted": G === s.value
                   }]),
@@ -3011,14 +3015,14 @@ const mo = {
                     key: 0,
                     onMousedown: D[1] || (D[1] = ge(() => {
                     }, ["prevent"])),
-                    onClick: ge((Z) => S(Y), ["stop"])
+                    onClick: ge((Z) => $(Y), ["stop"])
                   }, [
                     j(rt, {
                       "model-value": M.value,
                       value: b(Y),
                       label: d(Y),
                       disabled: Y.disabled,
-                      onChange: (Z) => S(Y)
+                      onChange: (Z) => $(Y)
                     }, null, 8, ["model-value", "value", "label", "disabled", "onChange"])
                   ], 40, Da)) : (f(), U(Ht, {
                     key: 1,
@@ -3026,7 +3030,7 @@ const mo = {
                     value: b(Y),
                     label: d(Y),
                     disabled: Y.disabled,
-                    onChange: (Z) => F(Y)
+                    onChange: (Z) => H(Y)
                   }, null, 8, ["model-value", "value", "label", "disabled", "onChange"]))
                 ], 42, Ba))), 128)),
                 !A.value.length && a.value.length >= _.minQueryLength ? (f(), h("div", Ea, " Ничего не найдено ")) : O("", !0)
@@ -3089,7 +3093,7 @@ const mo = {
         console.log(e.required);
       }
     ), (r, c) => (f(), h("div", {
-      class: H(a.value)
+      class: F(a.value)
     }, [
       r.label ? (f(), h("label", {
         key: 0,
@@ -3125,7 +3129,7 @@ const mo = {
             class: "input__clear",
             onClick: u
           }, [
-            j($(nt))
+            j(S(nt))
           ])) : O("", !0),
           r.type === "password" ? (f(), h("button", {
             key: 1,
@@ -3133,7 +3137,7 @@ const mo = {
             class: "input__eye",
             onClick: c[5] || (c[5] = ge((v) => i.value = !i.value, ["prevent"]))
           }, [
-            i.value ? (f(), U($(nn), { key: 0 })) : (f(), U($(Yl), { key: 1 }))
+            i.value ? (f(), U(S(nn), { key: 0 })) : (f(), U(S(Yl), { key: 1 }))
           ])) : O("", !0)
         ])
       ]),
@@ -3210,10 +3214,10 @@ function ja(e, l) {
         continue;
       }
       let z = !1, Q = 0;
-      for (let S = 0; S < w.length; S++)
-        if (c(w[S])) {
+      for (let $ = 0; $ < w.length; $++)
+        if (c(w[$])) {
           if (Q === P.length) {
-            v(N, w[S]) && (P += N, z = !0);
+            v(N, w[$]) && (P += N, z = !0);
             break;
           }
           Q++;
@@ -3245,19 +3249,19 @@ function ja(e, l) {
     a.value = P, e.value = w, fe(() => {
       const { required: B, optional: K } = r(t), N = B + K;
       let z = 0, Q = 0;
-      for (let S = 0; S < N.length; S++)
-        if (c(N[S]))
+      for (let $ = 0; $ < N.length; $++)
+        if (c(N[$]))
           if (Q < w.length)
             Q++;
           else {
-            z = S;
+            z = $;
             break;
           }
       if (Q === w.length && w.length > 0) {
         Q = 0;
-        for (let S = 0; S < N.length; S++)
-          if (c(N[S]) && (Q++, Q === w.length)) {
-            z = S + 1;
+        for (let $ = 0; $ < N.length; $++)
+          if (c(N[$]) && (Q++, Q === w.length)) {
+            z = $ + 1;
             break;
           }
       }
@@ -3271,19 +3275,19 @@ function ja(e, l) {
       a.value = P, e.value = w;
       const { required: B, optional: K } = r(t), N = B + K;
       let z = 0, Q = 0;
-      for (let S = 0; S < N.length; S++)
-        if (c(N[S]))
+      for (let $ = 0; $ < N.length; $++)
+        if (c(N[$]))
           if (Q < w.length)
             Q++;
           else {
-            z = S;
+            z = $;
             break;
           }
       if (Q === w.length && w.length > 0) {
         Q = 0;
-        for (let S = 0; S < N.length; S++)
-          if (c(N[S]) && (Q++, Q === w.length)) {
-            z = S + 1;
+        for (let $ = 0; $ < N.length; $++)
+          if (c(N[$]) && (Q++, Q === w.length)) {
+            z = $ + 1;
             break;
           }
       }
@@ -3296,8 +3300,8 @@ function ja(e, l) {
       if (b.metaKey || b.ctrlKey)
         return;
       b.preventDefault();
-      const S = d.selectionStart || 0, F = d.selectionEnd || 0;
-      if (S !== F) {
+      const $ = d.selectionStart || 0, H = d.selectionEnd || 0;
+      if ($ !== H) {
         a.value = p(""), e.value = "", fe(() => {
           const { required: X, optional: _ } = r(t), D = X + _;
           let Y = 0;
@@ -3339,8 +3343,8 @@ function ja(e, l) {
       if (b.metaKey || b.ctrlKey)
         return;
       b.preventDefault();
-      const S = d.selectionStart || 0, F = d.selectionEnd || 0;
-      if (S !== F) {
+      const $ = d.selectionStart || 0, H = d.selectionEnd || 0;
+      if ($ !== H) {
         a.value = p(""), e.value = "", fe(() => {
           const { required: X, optional: _ } = r(t), D = X + _;
           let Y = 0;
@@ -3383,16 +3387,16 @@ function ja(e, l) {
     }
     if (b.metaKey || b.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(b.key))
       return;
-    const { required: w, optional: P } = r(t), B = w + P, K = g(a.value), N = B.split("").filter((S) => c(S)).length;
+    const { required: w, optional: P } = r(t), B = w + P, K = g(a.value), N = B.split("").filter(($) => c($)).length;
     if (K.length >= N) {
       b.preventDefault();
       return;
     }
     let z = -1, Q = 0;
-    for (let S = 0; S < B.length; S++)
-      if (c(B[S])) {
+    for (let $ = 0; $ < B.length; $++)
+      if (c(B[$])) {
         if (Q === K.length) {
-          z = S;
+          z = $;
           break;
         }
         Q++;
@@ -3470,18 +3474,18 @@ const mi = /* @__PURE__ */ W({
       autoClear: l.autoClear,
       definitions: l.definitions
     });
-    return (c, v) => (f(), U($(Ft), {
-      modelValue: $(n),
+    return (c, v) => (f(), U(S(Ft), {
+      modelValue: S(n),
       "onUpdate:modelValue": v[0] || (v[0] = (p) => El(n) ? n.value = p : null),
       label: c.label,
-      placeholder: $(r),
+      placeholder: S(r),
       error: c.error,
       "error-text": c.errorText,
-      onInput: $(o),
-      onPaste: $(i),
-      onKeydown: $(a),
-      onFocus: $(s),
-      onBlur: $(u)
+      onInput: S(o),
+      onPaste: S(i),
+      onKeydown: S(a),
+      onFocus: S(s),
+      onBlur: S(u)
     }, null, 8, ["modelValue", "label", "placeholder", "error", "error-text", "onInput", "onPaste", "onKeydown", "onFocus", "onBlur"]));
   }
 }), Ua = { class: "icon-field__content" }, pi = /* @__PURE__ */ W({
@@ -3500,7 +3504,7 @@ const mi = /* @__PURE__ */ W({
       }
     ]);
     return (t, n) => (f(), h("div", {
-      class: H(l.value)
+      class: F(l.value)
     }, [
       (f(), U(Pe(t.icon), { class: "icon-field__icon" })),
       k("div", Ua, [
@@ -3562,12 +3566,12 @@ const mi = /* @__PURE__ */ W({
       const c = e.countInPackage || e.min;
       r < c && (r = c), e.max && r > e.max && (r = e.max), e.countInPackage && r % e.countInPackage !== 0 && (r = Math.floor(r / e.countInPackage) * e.countInPackage + e.countInPackage), r !== t.value && (t.value = r, n("change", r)), o.value = e.formatter ? e.formatter(t.value) : t.value;
     }), (r, c) => (f(), h("div", {
-      class: H(u.value)
+      class: F(u.value)
     }, [
-      r.viewButtons ? (f(), U($(Ce), {
+      r.viewButtons ? (f(), U(S(Ce), {
         key: 0,
         "button-style": "contrast",
-        icon: $(jl),
+        icon: S(jl),
         class: "input-number__button input-number__button--decrement",
         "icon-only": "",
         size: "small",
@@ -3590,10 +3594,10 @@ const mi = /* @__PURE__ */ W({
           [ze, o.value]
         ])
       ]),
-      r.viewButtons ? (f(), U($(Ce), {
+      r.viewButtons ? (f(), U(S(Ce), {
         key: 1,
         "button-style": "contrast",
-        icon: $(fl),
+        icon: S(fl),
         class: "input-number__button input-number__button--increment",
         "icon-only": "",
         size: "small",
@@ -3636,7 +3640,7 @@ const mi = /* @__PURE__ */ W({
         t.value = o(u), s.target.value = t.value;
       });
     }
-    return (s, u) => (f(), U($(Ft), {
+    return (s, u) => (f(), U(S(Ft), {
       modelValue: t.value,
       "onUpdate:modelValue": u[0] || (u[0] = (r) => t.value = r),
       placeholder: "7 (999) 999-99-99",
@@ -3667,11 +3671,11 @@ const mi = /* @__PURE__ */ W({
     return me(() => {
       console.log(l.value), e.variant === "tabs" && e.options.length > 0 && !l.value && (l.value = typeof e.options[0] == "object" ? e.optionValue ? e.options[0][e.optionValue] : e.options[0].value : e.options[0]);
     }), (i, a) => (f(), h("div", {
-      class: H(t.value)
+      class: F(t.value)
     }, [
       k("div", Xa, [
         (f(!0), h(se, null, he(i.options, (s) => (f(), h("button", {
-          class: H([
+          class: F([
             "select-buttons__item",
             {
               "select-buttons__item--selected": n(s)
@@ -3697,7 +3701,7 @@ const mi = /* @__PURE__ */ W({
     const t = ie(e, "modelValue"), n = l, o = at();
     return (i, a) => (f(), h("div", es, [
       k("div", {
-        class: H([
+        class: F([
           "switch",
           {
             "switch--disabled": i.disabled
@@ -3708,7 +3712,7 @@ const mi = /* @__PURE__ */ W({
           "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value = s),
           type: "checkbox",
           name: "switch",
-          id: $(o),
+          id: S(o),
           class: "switch__input",
           disabled: i.disabled,
           onChange: a[1] || (a[1] = (s) => n("change"))
@@ -3722,7 +3726,7 @@ const mi = /* @__PURE__ */ W({
       i.label ? (f(), h("label", {
         key: 0,
         class: "switch__label",
-        for: $(o)
+        for: S(o)
       }, q(i.label), 9, ls)) : O("", !0)
     ]));
   }
@@ -3777,7 +3781,7 @@ const mi = /* @__PURE__ */ W({
       (f(!0), h(se, null, he(r.maxStars, (v) => (f(), h("button", {
         key: v,
         type: "button",
-        class: H(["star-button", { "star-button--active": v <= t.value }]),
+        class: F(["star-button", { "star-button--active": v <= t.value }]),
         onClick: (p) => a(v),
         onMouseenter: (p) => s(v),
         onMouseleave: u,
@@ -3849,11 +3853,11 @@ const mi = /* @__PURE__ */ W({
       }
     ]);
     return (u, r) => (f(), h("div", {
-      class: H(s.value)
+      class: F(s.value)
     }, [
       u.label ? (f(), h("label", {
         key: 0,
-        for: u.inputId ?? $(i),
+        for: u.inputId ?? S(i),
         class: "textarea__label"
       }, [
         u.required ? (f(), h("sup", rs, "*")) : O("", !0),
@@ -3866,7 +3870,7 @@ const mi = /* @__PURE__ */ W({
           ref: o,
           class: "textarea__field",
           maxlength: u.maxlength,
-          id: u.inputId ?? $(i),
+          id: u.inputId ?? S(i),
           placeholder: u.placeholder,
           name: u.name,
           disabled: u.disabled,
@@ -3886,13 +3890,13 @@ const mi = /* @__PURE__ */ W({
           class: "textarea__wrapper-clear",
           onClick: r[4] || (r[4] = (c) => n.value = "")
         }, [
-          j($(nt))
+          j(S(nt))
         ])) : O("", !0)
       ]),
       k("div", cs, [
         u.smallText || u.error && u.errorText ? (f(), h("div", {
           key: 0,
-          class: H(["textarea__small", { "textarea__small--error": u.error }])
+          class: F(["textarea__small", { "textarea__small--error": u.error }])
         }, q(u.error ? u.errorText : u.smallText), 3)) : O("", !0),
         u.maxlength ? (f(), h("div", ds, q(n.value ? n.value.length : 0) + " / " + q(u.maxlength), 1)) : O("", !0)
       ])
@@ -4276,50 +4280,50 @@ const $s = {
         s.value = { from: d.value, to: "" }, u.value = !0;
     };
     return (d, m) => (f(), h("div", {
-      class: H(M.value)
+      class: F(M.value)
     }, [
       p.value ? (f(), h("div", $s, [
         k("div", Ss, [
-          j($(Ce), {
+          j(S(Ce), {
             size: "small",
             "icon-only": "",
-            icon: $(Ql),
+            icon: S(Ql),
             variant: "secondary",
             "button-style": "outlined",
             disabled: A.value === "month",
-            onClick: $(C)
+            onClick: S(C)
           }, null, 8, ["icon", "disabled", "onClick"]),
           k("div", Cs, [
-            A.value === "day" ? (f(), U($(Ce), {
+            A.value === "day" ? (f(), U(S(Ce), {
               key: 0,
               variant: "link",
               onClick: m[0] || (m[0] = (w) => A.value = "month")
             }, {
               default: oe(() => [
-                ve(q($(V).month), 1)
+                ve(q(S(V).month), 1)
               ]),
               _: 1
             })) : O("", !0),
-            A.value !== "year" ? (f(), U($(Ce), {
+            A.value !== "year" ? (f(), U(S(Ce), {
               key: 1,
               variant: "link",
               onClick: m[1] || (m[1] = (w) => A.value = "year")
             }, {
               default: oe(() => [
-                ve(q($(V).year), 1)
+                ve(q(S(V).year), 1)
               ]),
               _: 1
             })) : O("", !0),
-            A.value === "year" ? (f(), h("span", _s, q($(V).year_range), 1)) : O("", !0)
+            A.value === "year" ? (f(), h("span", _s, q(S(V).year_range), 1)) : O("", !0)
           ]),
-          j($(Ce), {
+          j(S(Ce), {
             size: "small",
             "icon-only": "",
-            icon: $(Xl),
+            icon: S(Xl),
             variant: "secondary",
             "button-style": "outlined",
             disabled: A.value === "month",
-            onClick: $(L)
+            onClick: S(L)
           }, null, 8, ["icon", "disabled", "onClick"])
         ]),
         k("div", Vs, [
@@ -4327,9 +4331,9 @@ const $s = {
             zl('<div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Пн</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Вт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Ср</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Чт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Пт</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Сб</span></div><div class="calendar__body-header__item" data-v-42b07d33><span data-v-42b07d33>Вс</span></div>', 7)
           ])])) : O("", !0),
           k("div", Is, [
-            (f(!0), h(se, null, he($(g), (w) => (f(), h("button", {
+            (f(!0), h(se, null, he(S(g), (w) => (f(), h("button", {
               key: w.value,
-              class: H(I(w)),
+              class: F(I(w)),
               disabled: w.disabled,
               onClick: (P) => b(w)
             }, [
@@ -4509,8 +4513,8 @@ const Os = /* @__PURE__ */ W({
       ], K = [];
       let N = 0;
       return w = w.replace(/'([^']*)'/g, (z, Q) => {
-        const S = `__LITERAL_${N}__`;
-        return K[N] = Q, N++, S;
+        const $ = `__LITERAL_${N}__`;
+        return K[N] = Q, N++, $;
       }), w = w.replace(/''/g, "'"), B.forEach(([z, Q]) => {
         w = w.replace(z, Q);
       }), K.forEach((z, Q) => {
@@ -4617,7 +4621,7 @@ const Os = /* @__PURE__ */ W({
         ref: r,
         class: "date-picker__input"
       }, [
-        j($(Ft), {
+        j(S(Ft), {
           full: "",
           label: d.label,
           placeholder: d.placeholder,
@@ -4640,13 +4644,13 @@ const Os = /* @__PURE__ */ W({
           ref_key: "popoverRef",
           ref: c,
           class: "date-picker__popover",
-          style: ne({ ...p.value, zIndex: Math.max($(V)?.zIndex || 1100, 9999) })
+          style: ne({ ...p.value, zIndex: Math.max(S(V)?.zIndex || 1100, 9999) })
         }, [
           k("div", {
             onMousedown: m[1] || (m[1] = ge(() => {
             }, ["stop"]))
           }, [
-            j($(Ms), {
+            j(S(Ms), {
               modelValue: g.value,
               "onUpdate:modelValue": [
                 m[0] || (m[0] = (w) => g.value = w),
@@ -4741,7 +4745,7 @@ const Os = /* @__PURE__ */ W({
       n("blur", g);
     };
     return (g, V) => (f(), h("div", {
-      class: H(u.value)
+      class: F(u.value)
     }, [
       g.label ? (f(), h("label", Bs, [
         g.required ? (f(), h("sup", Ds, "*")) : O("", !0),
@@ -4788,12 +4792,12 @@ const Os = /* @__PURE__ */ W({
       (f(!0), h(se, null, he(t.items, (o, i) => (f(), h(se, null, [
         o.command ? (f(), h("button", {
           key: 0,
-          class: H(["breadcrumb__item", { "breadcrumb__item--disabled": !o.command || o.disabled }]),
+          class: F(["breadcrumb__item", { "breadcrumb__item--disabled": !o.command || o.disabled }]),
           onClick: (a) => o.command()
         }, q(o.label), 11, Fs)) : (f(), U(Pe(l(o)), {
           key: 1,
           to: o.url,
-          class: H(["breadcrumb__item", { "breadcrumb__item--disabled": o.disabled || !o.url }])
+          class: F(["breadcrumb__item", { "breadcrumb__item--disabled": o.disabled || !o.url }])
         }, {
           default: oe(() => [
             ve(q(o.label), 1)
@@ -4830,7 +4834,7 @@ const Os = /* @__PURE__ */ W({
     return me(() => {
       e.msg.life && (s.value = e.msg.life, u());
     }), (p, y) => (f(), h("div", {
-      class: H(i.value)
+      class: F(i.value)
     }, [
       k("div", qs, [
         (f(), U(Pe(o.value)))
@@ -4847,7 +4851,7 @@ const Os = /* @__PURE__ */ W({
         class: "toast-message__close",
         onClick: c
       }, [
-        j($(tt))
+        j(S(tt))
       ])
     ], 2));
   }
@@ -4943,7 +4947,7 @@ const xi = {
       info: Oe(tn)
     });
     return (o, i) => (f(), h("div", {
-      class: H(t.value)
+      class: F(t.value)
     }, [
       k("div", Zs, [
         (f(), U(Pe(n[l.type])))
@@ -4975,7 +4979,7 @@ const xi = {
       }
     ]);
     return (t, n) => (f(), h("div", {
-      class: H(l.value)
+      class: F(l.value)
     }, [
       t.value ? (f(), h("div", Gs, q(t.value), 1)) : O("", !0)
     ], 2));
@@ -4998,9 +5002,9 @@ const xi = {
       top: `${e.offset.y}px`
     });
     return (t, n) => (f(), h("div", {
-      class: H(["overlay-badge", { [`overlay-badge--${t.position}`]: t.position }])
+      class: F(["overlay-badge", { [`overlay-badge--${t.position}`]: t.position }])
     }, [
-      t.viewBadge ? (f(), U($(Js), {
+      t.viewBadge ? (f(), U(S(Js), {
         key: 0,
         value: t.value,
         variant: t.variant,
@@ -5033,7 +5037,7 @@ const xi = {
       borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
     }));
     return (n, o) => (f(), h("div", {
-      class: H(l.value),
+      class: F(l.value),
       style: ne(t.value)
     }, null, 6));
   }
@@ -5106,41 +5110,41 @@ const xi = {
     }), (u, r) => (f(), U(Ee, { to: "body" }, [
       j(Ie, { name: "confirm-dialog" }, {
         default: oe(() => [
-          $(ce) ? (f(), h("div", {
+          S(ce) ? (f(), h("div", {
             key: 0,
-            class: H(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
+            class: F(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
             onClick: a,
-            style: ne({ zIndex: $(n)?.zIndex })
+            style: ne({ zIndex: S(n)?.zIndex })
           }, [
             k("div", {
               ref: "popupRef",
-              class: H(["confirm-dialog", [`confirm-dialog--${$(ce).position}`, $(ce).class]]),
+              class: F(["confirm-dialog", [`confirm-dialog--${S(ce).position}`, S(ce).class]]),
               onClick: r[2] || (r[2] = ge(() => {
               }, ["stop"])),
-              style: ne($(ce).style)
+              style: ne(S(ce).style)
             }, [
-              $(ce).header ? (f(), h("div", lr, [
-                k("h4", nr, q($(ce).header), 1)
+              S(ce).header ? (f(), h("div", lr, [
+                k("h4", nr, q(S(ce).header), 1)
               ])) : O("", !0),
-              $(ce).message ? (f(), h("p", or, q($(ce).message), 1)) : O("", !0),
+              S(ce).message ? (f(), h("p", or, q(S(ce).message), 1)) : O("", !0),
               k("div", ar, [
-                j($(Ce), {
+                j(S(Ce), {
                   size: "small",
                   variant: "danger",
                   buttonStyle: "contrast",
                   onClick: r[0] || (r[0] = () => i())
                 }, {
                   default: oe(() => [
-                    ve(q($(ce).rejectProps ? $(ce).rejectProps.label : "Нет"), 1)
+                    ve(q(S(ce).rejectProps ? S(ce).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
-                j($(Ce), {
+                j(S(Ce), {
                   size: "small",
                   onClick: r[1] || (r[1] = () => o())
                 }, {
                   default: oe(() => [
-                    ve(q($(ce).acceptProps ? $(ce).acceptProps.label : "Да"), 1)
+                    ve(q(S(ce).acceptProps ? S(ce).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -5257,45 +5261,45 @@ const xi = {
     }), (y, g) => (f(), U(Ee, { to: "body" }, [
       j(Ie, { name: "confirm" }, {
         default: oe(() => [
-          $(de) ? (f(), h("div", {
+          S(de) ? (f(), h("div", {
             key: 0,
             class: "confirm-overlay",
             onClick: r,
-            style: ne({ zIndex: $(o)?.zIndex })
+            style: ne({ zIndex: S(o)?.zIndex })
           }, [
             k("div", {
               ref_key: "popupRef",
               ref: l,
-              class: H(["confirm-popup", i.value]),
+              class: F(["confirm-popup", i.value]),
               onClick: g[0] || (g[0] = ge(() => {
               }, ["stop"])),
               style: ne(t.value)
             }, [
               k("div", {
-                class: H(["confirm-popup__arrow", a.value])
+                class: F(["confirm-popup__arrow", a.value])
               }, null, 2),
-              $(de).header ? (f(), h("div", rr, [
-                k("h4", ir, q($(de).header), 1)
+              S(de).header ? (f(), h("div", rr, [
+                k("h4", ir, q(S(de).header), 1)
               ])) : O("", !0),
-              $(de).message ? (f(), h("p", ur, q($(de).message), 1)) : O("", !0),
+              S(de).message ? (f(), h("p", ur, q(S(de).message), 1)) : O("", !0),
               k("div", cr, [
-                j($(Ce), {
+                j(S(Ce), {
                   size: "small",
                   variant: "danger",
                   buttonStyle: "contrast",
                   onClick: r
                 }, {
                   default: oe(() => [
-                    ve(q($(de).rejectProps ? $(de).rejectProps.label : "Нет"), 1)
+                    ve(q(S(de).rejectProps ? S(de).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
-                j($(Ce), {
+                j(S(Ce), {
                   size: "small",
                   onClick: u
                 }, {
                   default: oe(() => [
-                    ve(q($(de).acceptProps ? $(de).acceptProps.label : "Да"), 1)
+                    ve(q(S(de).acceptProps ? S(de).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -5348,15 +5352,15 @@ const xi = {
         default: oe(() => [
           i.value ? (f(), h("div", {
             key: 0,
-            class: H(["drawer", { [`drawer--${p.position}`]: p.position }]),
-            style: ne({ zIndex: $(a)?.zIndex })
+            class: F(["drawer", { [`drawer--${p.position}`]: p.position }]),
+            style: ne({ zIndex: S(a)?.zIndex })
           }, [
             k("div", {
               class: "drawer-overlay",
               onClick: y[0] || (y[0] = (g) => c())
             }),
             k("div", {
-              class: H(["drawer-wrapper", { "drawer-wrapper--no-style": p.wrapperNoStyle }]),
+              class: F(["drawer-wrapper", { "drawer-wrapper--no-style": p.wrapperNoStyle }]),
               style: ne(s.value)
             }, [
               k("div", {
@@ -5364,7 +5368,7 @@ const xi = {
                 onClick: y[1] || (y[1] = (g) => c())
               }, [
                 k("button", null, [
-                  j($(nt))
+                  j(S(nt))
                 ])
               ]),
               k("div", fr, [
@@ -5375,7 +5379,7 @@ const xi = {
                   k("button", {
                     onClick: y[2] || (y[2] = (g) => c())
                   }, [
-                    j($(nt))
+                    j(S(nt))
                   ])
                 ])
               ]),
@@ -5409,15 +5413,14 @@ const xi = {
       n,
       () => {
         n.value ? a() : i();
-      },
-      { immediate: !0 }
+      }
     ), (r, c) => (f(), U(Ee, { to: "body" }, [
       j(Ie, { name: "modal-content-fade" }, {
         default: oe(() => [
           n.value ? (f(), h("div", {
             key: 0,
-            class: H(s.value),
-            style: ne({ zIndex: $(l)?.zIndex })
+            class: F(s.value),
+            style: ne({ zIndex: S(l)?.zIndex })
           }, [
             k("div", {
               class: "modal__overlay",
@@ -5435,7 +5438,7 @@ const xi = {
                   class: "modal__header-close",
                   onClick: c[1] || (c[1] = (v) => n.value = !1)
                 }, [
-                  j($(tt))
+                  j(S(tt))
                 ])
               ]),
               k("div", hr, [
@@ -5512,7 +5515,7 @@ const xi = {
           l.value ? (f(), h("div", {
             key: 0,
             class: "bottom-sheet",
-            style: ne({ zIndex: $(t)?.zIndex })
+            style: ne({ zIndex: S(t)?.zIndex })
           }, [
             k("div", {
               class: "bottom-sheet__overlay",
@@ -5588,7 +5591,7 @@ const xi = {
       }).observe(t.value);
     }), (i, a) => (f(), h("div", {
       class: "accordion-content-wrapper",
-      style: ne({ height: $(l) ? n.value : "0px" })
+      style: ne({ height: S(l) ? n.value : "0px" })
     }, [
       be(k("div", {
         ref_key: "contentRef",
@@ -5606,15 +5609,15 @@ const xi = {
   setup(e) {
     const l = ye("panelIsOpen"), t = ye("panelToggle"), n = ye("accordionStyle");
     return (o, i) => (f(), h("button", {
-      class: H(["accordion-header", { "accordion-header--active": $(l) }, `accordion-header--${$(n)}`]),
+      class: F(["accordion-header", { "accordion-header--active": S(l) }, `accordion-header--${S(n)}`]),
       onClick: i[0] || (i[0] = //@ts-ignore
-      (...a) => $(t) && $(t)(...a))
+      (...a) => S(t) && S(t)(...a))
     }, [
       k("span", br, [
         ee(o.$slots, "default")
       ]),
       k("span", wr, [
-        j($(ml))
+        j(S(ml))
       ])
     ], 2));
   }
@@ -5626,7 +5629,7 @@ const xi = {
   setup(e) {
     const l = e, t = ye("accordionOpenValues"), n = ye("accordionToggle"), o = ye("accordionStyle"), i = T(() => t?.value.includes(l.value));
     return $e("panelValue", l.value), $e("panelIsOpen", i), $e("panelToggle", () => n?.(l.value)), (a, s) => (f(), h("div", {
-      class: H(["accordion-panel", `accordion-panel--${$(o)}`])
+      class: F(["accordion-panel", `accordion-panel--${S(o)}`])
     }, [
       ee(a.$slots, "default")
     ], 2));
@@ -5648,7 +5651,7 @@ const xi = {
     }));
     const l = T(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]), t = T(() => `${e.size}px`);
     return (n, o) => (f(), h("div", {
-      class: H(l.value)
+      class: F(l.value)
     }, [
       n.$slots.default ? (f(), h("div", kr, [
         ee(n.$slots, "default")
@@ -5668,7 +5671,7 @@ const xi = {
       l?.updateValue(e.value ?? e.index);
     };
     return (o, i) => (f(), h("div", {
-      class: H(["step", { "step--active": $(l)?.isStepActive(o.value ?? o.index), "step--passed": $(l)?.isStepPassed(o.index) }])
+      class: F(["step", { "step--active": S(l)?.isStepActive(o.value ?? o.index), "step--passed": S(l)?.isStepPassed(o.index) }])
     }, [
       k("button", {
         class: "step__button",
@@ -5678,9 +5681,9 @@ const xi = {
         k("div", Sr, q(o.index + 1), 1),
         k("div", Cr, q(o.label), 1)
       ], 8, $r),
-      $(l)?.isLastItem(o.index) ? O("", !0) : (f(), h("div", {
+      S(l)?.isLastItem(o.index) ? O("", !0) : (f(), h("div", {
         key: 0,
-        class: H(["step__separator", { "step__separator--active": $(l)?.isStepPassed(o.index) }])
+        class: F(["step__separator", { "step__separator--active": S(l)?.isStepPassed(o.index) }])
       }, null, 2))
     ], 2));
   }
@@ -5727,8 +5730,8 @@ const xi = {
   setup(e) {
     const l = e, t = ye("tabsValue"), n = ye("setTabsValue"), o = T(() => t?.value === l.value);
     return (i, a) => (f(), h("button", {
-      class: H(["tab", { "tab--active": o.value }]),
-      onClick: a[0] || (a[0] = () => $(n)?.(i.value)),
+      class: F(["tab", { "tab--active": o.value }]),
+      onClick: a[0] || (a[0] = () => S(n)?.(i.value)),
       role: "tab",
       "aria-selected": o.value
     }, [
@@ -5856,8 +5859,8 @@ const xi = {
             key: 0,
             ref_key: "tooltipRef",
             ref: n,
-            class: H(["tooltip", [`tooltip--${i.value}`, V.tooltipClass]]),
-            style: ne({ ...a.value, zIndex: $(u)?.zIndex }),
+            class: F(["tooltip", [`tooltip--${i.value}`, V.tooltipClass]]),
+            style: ne({ ...a.value, zIndex: S(u)?.zIndex }),
             role: "tooltip"
           }, [
             k("div", {
@@ -5978,12 +5981,12 @@ const xi = {
     }), xe(() => {
       document.removeEventListener("click", A, !0), window.removeEventListener("resize", x), window.removeEventListener("scroll", x);
     }), (M, I) => (f(), h("div", {
-      class: H(["time-picker", { "time-picker--disabled": M.disabled }])
+      class: F(["time-picker", { "time-picker--disabled": M.disabled }])
     }, [
       k("div", {
         ref_key: "timePickerTrigger",
         ref: i,
-        class: H(["time-picker__trigger", { "time-picker__trigger--active": o.value }]),
+        class: F(["time-picker__trigger", { "time-picker__trigger--active": o.value }]),
         onClick: y
       }, [
         k("div", Lr, [
@@ -5995,19 +5998,19 @@ const xi = {
           ], !0) : (f(), h("span", Hr, q(M.placeholder), 1))
         ]),
         k("div", {
-          class: H(["time-picker__arrow", { "time-picker__arrow--rotated": o.value }])
+          class: F(["time-picker__arrow", { "time-picker__arrow--rotated": o.value }])
         }, [
-          j($(yt))
+          j(S(yt))
         ], 2),
         M.clearable && p.value ? (f(), h("button", {
           key: 0,
           class: "time-picker__clear",
           onClick: ge(L, ["stop"])
         }, [
-          j($(tt))
+          j(S(tt))
         ])) : O("", !0)
       ], 2),
-      j($(bt), {
+      j(S(bt), {
         show: o.value,
         "z-index": c.value
       }, {
@@ -6155,13 +6158,13 @@ const xi = {
     }), xe(() => {
       document.removeEventListener("click", M), window.removeEventListener("resize", A), window.removeEventListener("scroll", A);
     }), (I, b) => (f(), h("div", {
-      class: H(["schedule", { "schedule--disabled": I.disabled }])
+      class: F(["schedule", { "schedule--disabled": I.disabled }])
     }, [
       I.label ? (f(), h("label", jr, q(I.label), 1)) : O("", !0),
       k("div", {
         ref_key: "scheduleTrigger",
         ref: i,
-        class: H(["schedule__trigger", {
+        class: F(["schedule__trigger", {
           "schedule__trigger--active": o.value,
           "schedule__trigger--error": I.error
         }]),
@@ -6176,19 +6179,19 @@ const xi = {
           ], !0) : (f(), h("span", Qr, q(I.placeholder), 1))
         ]),
         k("div", {
-          class: H(["schedule__arrow", { "schedule__arrow--rotated": o.value }])
+          class: F(["schedule__arrow", { "schedule__arrow--rotated": o.value }])
         }, [
-          j($(yt))
+          j(S(yt))
         ], 2),
         I.clearable && y.value ? (f(), h("button", {
           key: 0,
           class: "schedule__clear",
           onClick: ge(x, ["stop"])
         }, [
-          j($(tt))
+          j(S(tt))
         ])) : O("", !0)
       ], 2),
-      j($(bt), {
+      j(S(bt), {
         show: o.value,
         "z-index": v.value
       }, {