mhz-ui 1.3.26 → 1.3.27

package/dist/UiCalendar/UiCalendar.js

@@ -1,5 +1,5 @@
 import "./UiCalendar.css";
-import { defineComponent as U, ref as H, computed as D, onBeforeMount as L, openBlock as c, createElementBlock as u, normalizeClass as a, createElementVNode as l, toDisplayString as d, Fragment as h, renderList as w, withModifiers as P, normalizeStyle as z } from "vue";
+import { defineComponent as U, shallowRef as H, computed as D, onBeforeMount as L, openBlock as c, createElementBlock as u, normalizeClass as a, createElementVNode as l, toDisplayString as d, Fragment as h, renderList as w, withModifiers as P, normalizeStyle as z } from "vue";
 import { _ as A } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const N = ["onClick", "data-choose"], V = ["onClick"], W = /* @__PURE__ */ U({
   __name: "UiCalendar",
@@ -67,10 +67,10 @@ const N = ["onClick", "data-choose"], V = ["onClick"], W = /* @__PURE__ */ U({
     function Y() {
       s.value = new Date(s.value.getFullYear(), s.value.getMonth() + 1, 1), v();
     }
-    function S(e) {
+    function R(e) {
       y("eventClick", e);
     }
-    function R(e) {
+    function S(e) {
       k(e) || y("chooseDate", e);
     }
     return L(() => {
@@ -111,7 +111,7 @@ const N = ["onClick", "data-choose"], V = ["onClick"], W = /* @__PURE__ */ U({
         (c(!0), u(h, null, w(g.value, (n, r) => (c(), u("div", {
           key: r,
           class: a([e.$style.cell, { [e.$style.today]: F(n), [e.$style.outOfRange]: k(n) }]),
-          onClick: (o) => R(n),
+          onClick: (o) => S(n),
           "data-choose": i.isDisablePastDates
         }, [
           l("div", {
@@ -124,7 +124,7 @@ const N = ["onClick", "data-choose"], V = ["onClick"], W = /* @__PURE__ */ U({
               key: o.id,
               class: a(e.$style.event),
               style: z({ background: o.color }),
-              onClick: P((f) => S(o), ["stop"])
+              onClick: P((f) => R(o), ["stop"])
             }, [
               l("div", {
                 class: a(e.$style.title)

package/dist/UiCheckbox/UiCheckbox.js

@@ -1,7 +1,7 @@
 import "./UiCheckbox.css";
-import { defineComponent as h, ref as _, openBlock as t, createElementBlock as a, normalizeClass as s, withModifiers as k, toDisplayString as o, createCommentVNode as i, createElementVNode as d, withKeys as m } from "vue";
+import { defineComponent as y, shallowRef as _, openBlock as a, createElementBlock as t, normalizeClass as s, withModifiers as k, toDisplayString as r, createCommentVNode as i, createElementVNode as d, withKeys as m } from "vue";
 import { _ as v } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "checked", "disabled"], $ = ["data-switcher", "data-disabled", "data-error"], L = /* @__PURE__ */ h({
+const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "checked", "disabled"], $ = ["data-switcher", "data-disabled", "data-error"], L = /* @__PURE__ */ y({
   __name: "UiCheckbox",
   props: {
     initialValue: { type: [Boolean, String, Number], default: c },
@@ -17,39 +17,39 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "che
   emits: ["update:modelValue"],
   setup(b, { emit: f }) {
     const e = b, p = f, n = _();
-    function y() {
+    function h() {
       if (n.value) {
         const l = n.value.checked ? e.initialValue || !0 : !1;
         p("update:modelValue", l);
       }
     }
-    return (l, r) => (t(), a("label", {
-      onClick: r[1] || (r[1] = k(() => {
+    return (l, o) => (a(), t("label", {
+      onClick: o[1] || (o[1] = k(() => {
       }, ["stop"])),
       "data-disabled": e.isDisabled,
       class: s(l.$style.checkbox),
       "data-switcher": e.isSwitcher
     }, [
-      e.error ? (t(), a("span", {
+      e.error ? (a(), t("span", {
         key: 0,
         class: s(l.$style.required)
-      }, o(e.error), 3)) : i("", !0),
-      e.label ? (t(), a("span", {
+      }, r(e.error), 3)) : i("", !0),
+      e.label ? (a(), t("span", {
         key: 1,
         class: s(l.$style.label)
       }, [
-        d("span", null, o(e.label), 1),
-        e.labelSub ? (t(), a("span", {
+        d("span", null, r(e.label), 1),
+        e.labelSub ? (a(), t("span", {
           key: 0,
           class: s(l.$style.labelSub)
-        }, o(e.labelSub), 3)) : i("", !0),
-        e.isRequired ? (t(), a("span", {
+        }, r(e.labelSub), 3)) : i("", !0),
+        e.isRequired ? (a(), t("span", {
           key: 1,
           class: s(l.$style.required)
         }, "*", 2)) : i("", !0)
       ], 2)) : i("", !0),
       d("input", {
-        onChange: y,
+        onChange: h,
         type: "checkbox",
         ref_key: "checkbox",
         ref: n,
@@ -60,28 +60,28 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "che
         tabindex: "-1"
       }, null, 42, w),
       d("div", {
-        onKeydown: r[0] || (r[0] = m((N) => n.value?.click(), ["space"])),
+        onKeydown: o[0] || (o[0] = m((N) => n.value?.click(), ["space"])),
         "data-switcher": e.isSwitcher,
         "data-disabled": e.isDisabled,
         "data-error": !!e.error,
         class: s(l.$style.fake),
         tabindex: "0"
       }, [
-        e.isSwitcher ? i("", !0) : (t(), a("div", {
+        e.isSwitcher ? i("", !0) : (a(), t("div", {
           key: 0,
           class: s([l.$style.line, l.$style.leftLine])
         }, null, 2)),
-        e.isSwitcher ? i("", !0) : (t(), a("div", {
+        e.isSwitcher ? i("", !0) : (a(), t("div", {
           key: 1,
           class: s([l.$style.line, l.$style.rightLine])
         }, null, 2))
       ], 42, $),
-      e.labelSwitcher ? (t(), a("span", {
+      e.labelSwitcher ? (a(), t("span", {
         key: 2,
         class: s(l.$style.label)
       }, [
-        d("span", null, o(e.labelSwitcher), 1),
-        e.isRequired ? (t(), a("span", {
+        d("span", null, r(e.labelSwitcher), 1),
+        e.isRequired ? (a(), t("span", {
           key: 0,
           class: s(l.$style.required)
         }, "*", 2)) : i("", !0)

package/dist/UiInput/UiInput.js

@@ -1,5 +1,5 @@
 import "./UiInput.css";
-import { openBlock as a, createElementBlock as d, createElementVNode as n, defineComponent as h, ref as p, computed as C, onMounted as g, nextTick as _, normalizeClass as m, withKeys as z, mergeProps as k, createBlock as x, resolveDynamicComponent as B, createCommentVNode as M } from "vue";
+import { openBlock as a, createElementBlock as d, createElementVNode as n, defineComponent as h, shallowRef as p, computed as C, onMounted as g, nextTick as _, normalizeClass as m, withKeys as z, mergeProps as k, createBlock as x, resolveDynamicComponent as B, createCommentVNode as M } from "vue";
 import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const I = {
   xmlns: "http://www.w3.org/2000/svg",

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._backdrop_4wslz_1{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-transparent)}._dialog_4wslz_11{z-index:999;padding:0;outline:none;background-color:var(--color-white);border:none;border-radius:16px}._modal_4wslz_20{display:flex;flex-direction:column;gap:12px;width:var(--e1cec160);max-width:100%;height:auto;min-height:200px;padding:24px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_4wslz_20[data-scrollable=true]{height:64dvh;overflow-y:auto}._header_4wslz_37{display:flex;justify-content:flex-end}._buttons_4wslz_42{display:flex;gap:16px}.dark ._modal_4wslz_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_4wslz_51{color:var(--color-white)}
+._backdrop_4wslz_1{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-transparent)}._dialog_4wslz_11{z-index:999;padding:0;outline:none;background-color:var(--color-white);border:none;border-radius:16px}._modal_4wslz_20{display:flex;flex-direction:column;gap:12px;width:var(--v0f9e4505);max-width:100%;height:auto;min-height:200px;padding:24px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_4wslz_20[data-scrollable=true]{height:64dvh;overflow-y:auto}._header_4wslz_37{display:flex;justify-content:flex-end}._buttons_4wslz_42{display:flex;gap:16px}.dark ._modal_4wslz_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_4wslz_51{color:var(--color-white)}

package/dist/UiModal/UiModal.js

@@ -1,8 +1,8 @@
 import "./UiModal.css";
-import { defineComponent as V, useCssVars as $, computed as z, ref as B, onMounted as S, watch as E, openBlock as n, createBlock as N, Teleport as U, createElementBlock as c, normalizeClass as t, createElementVNode as a, mergeProps as T, withModifiers as u, createVNode as d, renderSlot as A, withCtx as m, createTextVNode as f, toDisplayString as p, unref as _, createCommentVNode as y, nextTick as D } from "vue";
-import g from "../UiButton/UiButton.js";
-import R from "../UiClose/UiClose.js";
-import { M as w } from "../index-DajWja1y.js";
+import { defineComponent as V, useCssVars as $, computed as z, shallowRef as B, onMounted as S, watch as E, openBlock as n, createBlock as N, Teleport as U, createElementBlock as c, normalizeClass as t, createElementVNode as a, mergeProps as R, withModifiers as u, createVNode as d, renderSlot as T, withCtx as m, createTextVNode as f, toDisplayString as p, unref as _, createCommentVNode as y, nextTick as A } from "vue";
+import w from "../UiButton/UiButton.js";
+import D from "../UiClose/UiClose.js";
+import { M as g } from "../index-DajWja1y.js";
 import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["data-scrollable"], P = /* @__PURE__ */ V({
   inheritAttrs: !1,
@@ -17,15 +17,15 @@ const G = ["data-scrollable"], P = /* @__PURE__ */ V({
   emits: ["update:modelValue", "confirm"],
   setup(h, { emit: k, attrs: C }) {
     $((e) => ({
-      e1cec160: b.value
+      v0f9e4505: b.value
     }));
     const o = h, r = k, b = z(() => `${o.width}px`), s = B(null);
-    function M() {
-      D(() => {
+    function v() {
+      A(() => {
         s.value?.open ? s.value.close() : s.value?.showModal();
       });
     }
-    function v() {
+    function M() {
       r("confirm"), l();
     }
     function l() {
@@ -35,7 +35,7 @@ const G = ["data-scrollable"], P = /* @__PURE__ */ V({
       E(
         () => o.modelValue,
         () => {
-          M();
+          v();
         },
         { immediate: !0 }
       );
@@ -45,7 +45,7 @@ const G = ["data-scrollable"], P = /* @__PURE__ */ V({
         class: t(e.$style.backdrop),
         onMousedown: l
       }, [
-        a("dialog", T({
+        a("dialog", R({
           ref_key: "dialogRef",
           ref: s,
           class: e.$style.dialog,
@@ -60,29 +60,29 @@ const G = ["data-scrollable"], P = /* @__PURE__ */ V({
             a("div", {
               class: t(e.$style.header)
             }, [
-              d(R, { onClick: l })
+              d(D, { onClick: l })
             ], 2),
             a("div", {
               class: t(e.$style.slot)
             }, [
-              A(e.$slots, "default")
+              T(e.$slots, "default")
             ], 2),
             o.isConfirm ? (n(), c("div", {
               key: 0,
               class: t(e.$style.buttons)
             }, [
-              d(g, { onClick: v }, {
+              d(w, { onClick: M }, {
                 default: m(() => [
-                  f(p(_(w)[o.lang].confirm), 1)
+                  f(p(_(g)[o.lang].confirm), 1)
                 ]),
                 _: 1
               }),
-              d(g, {
+              d(w, {
                 layout: "secondary",
                 onClick: l
               }, {
                 default: m(() => [
-                  f(p(_(w)[o.lang].cancel), 1)
+                  f(p(_(g)[o.lang].cancel), 1)
                 ]),
                 _: 1
               })

package/dist/UiSearch/UiSearch.js

@@ -1,5 +1,5 @@
 import "./UiSearch.css";
-import { openBlock as o, createElementBlock as r, createElementVNode as M, defineComponent as N, ref as I, computed as T, normalizeClass as S, createVNode as $, unref as V, withKeys as z, Fragment as p, createTextVNode as w, toDisplayString as v, createCommentVNode as g, renderList as C, createBlock as B, resolveDynamicComponent as O, withCtx as R } from "vue";
+import { openBlock as o, createElementBlock as r, createElementVNode as M, defineComponent as N, shallowRef as I, computed as T, normalizeClass as S, createVNode as R, unref as w, withKeys as $, Fragment as p, createTextVNode as v, toDisplayString as V, createCommentVNode as g, renderList as C, createBlock as z, resolveDynamicComponent as B, withCtx as O } from "vue";
 import { RouterLink as U } from "vue-router";
 import { o as D } from "../index-Dvnq-rTV.js";
 import F from "../UiInput/UiInput.js";
@@ -89,12 +89,12 @@ const G = { render: j }, Y = 300, q = /* @__PURE__ */ N({
       ref_key: "containerElement",
       ref: _
     }, [
-      $(F, {
+      R(F, {
         modelValue: e.modelValue,
-        "onUpdate:modelValue": i[0] || (i[0] = async (u) => await V(f)(u.toString())),
+        "onUpdate:modelValue": i[0] || (i[0] = async (u) => await w(f)(u.toString())),
         onClick: c,
-        onKeyup: z(l, ["esc"]),
-        appendIcon: V(G),
+        onKeyup: $(l, ["esc"]),
+        appendIcon: w(G),
         placeholder: "Search"
       }, null, 8, ["modelValue", "appendIcon"]),
       n.value && e.modelValue.length > 0 ? (o(), r("div", {
@@ -102,13 +102,13 @@ const G = { render: j }, Y = 300, q = /* @__PURE__ */ N({
         class: S(t.$style.results)
       }, [
         e.modelValue.length < 3 ? (o(), r(p, { key: 0 }, [
-          w(v(V(E)[e.lang].enterMoreSymbols), 1)
+          v(V(w(E)[e.lang].enterMoreSymbols), 1)
         ], 64)) : g("", !0),
         e.modelValue.length > 2 && !e.isSuccess ? (o(), r(p, { key: 1 }, [
-          w(v(V(E)[e.lang].loading), 1)
+          v(V(w(E)[e.lang].loading), 1)
         ], 64)) : g("", !0),
         e.modelValue.length > 2 && !m.value && e.isSuccess ? (o(), r(p, { key: 2 }, [
-          w(v(V(E)[e.lang].noResults), 1)
+          v(V(w(E)[e.lang].noResults), 1)
         ], 64)) : g("", !0),
         e.modelValue.length > 2 && m.value && e.isSuccess ? (o(!0), r(p, { key: 3 }, C(e.searchScheme, (u) => (o(), r("div", {
           key: u.type,
@@ -117,15 +117,15 @@ const G = { render: j }, Y = 300, q = /* @__PURE__ */ N({
           d.results?.[u.type]?.length ? (o(), r(p, { key: 0 }, [
             M("div", {
               class: S(t.$style.type)
-            }, v(u.type) + ":", 3),
-            (o(!0), r(p, null, C(d.results[u.type], (k) => (o(), B(O(s.value), {
+            }, V(u.type) + ":", 3),
+            (o(!0), r(p, null, C(d.results[u.type], (k) => (o(), z(B(s.value), {
               key: k._id,
               to: `${u.url}/${k._id}`,
               onClick: h,
               class: S(t.$style.link)
             }, {
-              default: R(() => [
-                (o(!0), r(p, null, C(u.labels, (b) => (o(), r("span", { key: b }, v(k[b]), 1))), 128))
+              default: O(() => [
+                (o(!0), r(p, null, C(u.labels, (b) => (o(), r("span", { key: b }, V(k[b]), 1))), 128))
               ]),
               _: 2
             }, 1032, ["to", "class"]))), 128))

package/dist/UiSelect/UiSelect.js

@@ -1,17 +1,17 @@
 import "./UiSelect.css";
-import { openBlock as l, createElementBlock as s, createElementVNode as B, defineComponent as W, ref as u, computed as b, normalizeClass as p, createVNode as M, unref as m, createCommentVNode as F, Fragment as X, renderList as Y, withKeys as f, withModifiers as D, toDisplayString as T } from "vue";
-import { o as Z } from "../index-Dvnq-rTV.js";
+import { openBlock as l, createElementBlock as s, createElementVNode as B, defineComponent as W, ref as X, shallowRef as d, computed as b, normalizeClass as p, createVNode as M, unref as m, createCommentVNode as F, Fragment as Y, renderList as Z, withKeys as f, withModifiers as D, toDisplayString as T } from "vue";
+import { o as x } from "../index-Dvnq-rTV.js";
 import N from "../UiInput/UiInput.js";
 import { M as O } from "../index-DajWja1y.js";
-import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const ee = {
+import { _ as ee } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const te = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
 };
-function te(h, i) {
-  return l(), s("svg", ee, [...i[0] || (i[0] = [
+function oe(h, i) {
+  return l(), s("svg", te, [...i[0] || (i[0] = [
     B("path", {
       stroke: "#1F1F1F",
       "stroke-linecap": "round",
@@ -20,14 +20,14 @@ function te(h, i) {
     }, null, -1)
   ])]);
 }
-const oe = { render: te }, ne = {
+const ne = { render: oe }, le = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
 };
-function le(h, i) {
-  return l(), s("svg", ne, [...i[0] || (i[0] = [
+function se(h, i) {
+  return l(), s("svg", le, [...i[0] || (i[0] = [
     B("path", {
       stroke: "#1F1F1F",
       "stroke-linecap": "round",
@@ -36,7 +36,7 @@ function le(h, i) {
     }, null, -1)
   ])]);
 }
-const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMouseenter", "data-current"], j = 240, ae = /* @__PURE__ */ W({
+const ie = { render: se }, re = { key: 0 }, ae = ["onClick", "onKeydown", "onMouseenter", "data-current"], j = 240, ue = /* @__PURE__ */ W({
   __name: "UiSelect",
   props: {
     modelValue: { default: void 0 },
@@ -49,10 +49,10 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
   },
   emits: ["update:modelValue", "reachedBottom"],
   setup(h, { emit: i }) {
-    const t = h, k = i, v = u(""), c = u(!1), V = u(!1), d = u(), r = u(), g = u(), E = u([]), $ = b(() => {
+    const t = h, k = i, v = X(""), u = d(!1), w = d(!1), c = d(), r = d(), g = d(), E = d([]), $ = b(() => {
       const e = t.options?.[0];
       return e != null && typeof e == "object";
-    }), I = (e) => e !== null && (typeof e == "string" || typeof e == "number"), w = b(() => {
+    }), I = (e) => e !== null && (typeof e == "string" || typeof e == "number"), V = b(() => {
       if (!t.options?.length) return [];
       const e = $.value ? [...t.options] : t.options.map((o) => ({ _id: String(o), title: String(o) }));
       return t.isFilter ? e.filter((o) => o.title.toLowerCase().includes(v.value.toLowerCase())) : e;
@@ -62,39 +62,39 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
       const e = t.modelValue;
       return t.isLocaleField ? e.title_en ?? "" : e.title ?? "";
     }), H = (e, o) => `${e._id || e.title}-${o}`, K = (e) => t.isLocaleField ? e.title_en : e.title, P = (e) => I(t.modelValue) ? t.modelValue === (e._id || e.title) : t.modelValue ? t.modelValue._id === e._id : !1, _ = (e) => {
-      e < 0 || e >= w.value.length || t.isFilter || E.value[e]?.focus();
-    }, G = () => k("update:modelValue", void 0), S = () => {
-      c.value ? y() : Q();
+      e < 0 || e >= V.value.length || t.isFilter || E.value[e]?.focus();
+    }, G = () => k("update:modelValue", void 0), R = () => {
+      u.value ? y() : Q();
     }, z = () => {
-      if (!d.value) return !1;
-      const e = d.value.closest("dialog");
+      if (!c.value) return !1;
+      const e = c.value.closest("dialog");
       if (!e) {
-        const R = d.value.getBoundingClientRect(), U = window.innerHeight - R.bottom, J = R.top;
+        const L = c.value.getBoundingClientRect(), U = window.innerHeight - L.bottom, J = L.top;
         return U < j && J > U;
       }
-      const o = e.getBoundingClientRect(), n = d.value.getBoundingClientRect(), a = o.bottom - n.bottom, q = n.top - o.top;
+      const o = e.getBoundingClientRect(), n = c.value.getBoundingClientRect(), a = o.bottom - n.bottom, q = n.top - o.top;
       return a < j && q > a;
     };
     function y() {
-      r.value?.removeEventListener("scroll", L, !0), v.value = "", c.value = !1, V.value = !1;
+      r.value?.removeEventListener("scroll", S, !0), v.value = "", u.value = !1, w.value = !1;
     }
     function Q() {
-      t.isDisabled || (V.value = z(), c.value = !0, t.isFilter || setTimeout(() => {
-        r.value?.scrollTo(0, 0), _(0), r.value?.addEventListener("scroll", L, !0);
+      t.isDisabled || (w.value = z(), u.value = !0, t.isFilter || setTimeout(() => {
+        r.value?.scrollTo(0, 0), _(0), r.value?.addEventListener("scroll", S, !0);
       }, 100));
     }
     function C(e) {
       const o = $.value ? e : e._id || e.title;
       k("update:modelValue", o), y();
     }
-    function L() {
+    function S() {
       if (!r.value || !g.value) return;
       r.value.getBoundingClientRect().y - g.value.getBoundingClientRect().y - g.value.scrollHeight + r.value.getBoundingClientRect().height > -100 && k("reachedBottom");
     }
-    return Z(d, y), (e, o) => (l(), s("div", {
+    return x(c, y), (e, o) => (l(), s("div", {
       class: p(e.$style.container),
       ref_key: "containerElement",
-      ref: d
+      ref: c
     }, [
       B("div", {
         class: p(e.$style.input)
@@ -102,12 +102,12 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
         M(N, {
           modelValue: A.value,
           disabled: t.isDisabled,
-          onToggle: S,
+          onToggle: R,
           mode: "select",
           placeholder: m(O)[t.lang].choose,
-          appendIcon: c.value ? m(se) : m(oe)
+          appendIcon: u.value ? m(ie) : m(ne)
         }, null, 8, ["modelValue", "disabled", "placeholder", "appendIcon"]),
-        t.isFilter && c.value ? (l(), s("div", ie, [
+        t.isFilter && u.value ? (l(), s("div", re, [
           M(N, {
             modelValue: v.value,
             "onUpdate:modelValue": o[0] || (o[0] = (n) => v.value = n),
@@ -123,18 +123,18 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
           class: p(e.$style.clear)
         }, " × ", 2)) : F("", !0)
       ], 2),
-      c.value ? (l(), s("div", {
+      u.value ? (l(), s("div", {
         key: 0,
-        class: p([e.$style.options, { [e.$style.optionsUp]: V.value }]),
+        class: p([e.$style.options, { [e.$style.optionsUp]: w.value }]),
         ref_key: "optionsElement",
         ref: r
       }, [
-        w.value.length > 0 ? (l(), s("div", {
+        V.value.length > 0 ? (l(), s("div", {
           key: 0,
           ref_key: "optionsInnerElement",
           ref: g
         }, [
-          (l(!0), s(X, null, Y(w.value, (n, a) => (l(), s("div", {
+          (l(!0), s(Y, null, Z(V.value, (n, a) => (l(), s("div", {
             key: H(n, a),
             onClick: () => C(n),
             onKeydown: [
@@ -142,7 +142,7 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
               f(() => C(n), ["space"]),
               f(D(() => _(a - 1), ["prevent"]), ["up"]),
               f(D(() => _(a + 1), ["prevent"]), ["down"]),
-              f(S, ["esc"])
+              f(R, ["esc"])
             ],
             onMouseenter: () => _(a),
             class: p(e.$style.option),
@@ -151,7 +151,7 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
             ref_key: "optionElement",
             ref: E,
             "data-current": P(n)
-          }, T(K(n)), 43, re))), 128))
+          }, T(K(n)), 43, ae))), 128))
         ], 512)) : (l(), s("div", {
           key: 1,
           onClick: y,
@@ -161,16 +161,16 @@ const se = { render: le }, ie = { key: 0 }, re = ["onClick", "onKeydown", "onMou
       ], 2)) : F("", !0)
     ], 2));
   }
-}), ue = "_container_1m448_1", ce = "_input_1m448_10", de = "_clear_1m448_16", pe = "_options_1m448_31", me = "_optionsUp_1m448_44", fe = "_option_1m448_31", ve = {
-  container: ue,
-  input: ce,
-  clear: de,
-  options: pe,
-  optionsUp: me,
-  option: fe
-}, ge = {
-  $style: ve
-}, we = /* @__PURE__ */ x(ae, [["__cssModules", ge]]);
+}), ce = "_container_1m448_1", de = "_input_1m448_10", pe = "_clear_1m448_16", me = "_options_1m448_31", fe = "_optionsUp_1m448_44", ve = "_option_1m448_31", ge = {
+  container: ce,
+  input: de,
+  clear: pe,
+  options: me,
+  optionsUp: fe,
+  option: ve
+}, _e = {
+  $style: ge
+}, Ce = /* @__PURE__ */ ee(ue, [["__cssModules", _e]]);
 export {
-  we as default
+  Ce as default
 };

package/dist/UiSlider/UiSlider.js

@@ -1,5 +1,5 @@
 import "./UiSlider.css";
-import { defineComponent as u, ref as d, openBlock as i, createElementBlock as c, normalizeClass as a, createElementVNode as l, Fragment as m, renderList as _ } from "vue";
+import { defineComponent as u, shallowRef as d, openBlock as i, createElementBlock as c, normalizeClass as l, createElementVNode as a, Fragment as m, renderList as _ } from "vue";
 import { _ as h } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const p = ["onClick", "data-active"], v = ["src", "alt"], $ = ["src", "alt", "data-slide"], b = /* @__PURE__ */ u({
   __name: "UiSlider",
@@ -11,19 +11,19 @@ const p = ["onClick", "data-active"], v = ["src", "alt"], $ = ["src", "alt", "da
   setup(r) {
     const s = r, t = d(0);
     return (e, S) => (i(), c("div", {
-      class: a(e.$style.container)
+      class: l(e.$style.container)
     }, [
-      l("div", {
-        class: a(e.$style.thumbs)
+      a("div", {
+        class: l(e.$style.thumbs)
       }, [
         (i(!0), c(m, null, _(s.thumbs, (o, n) => (i(), c("button", {
           key: o,
-          onClick: (B) => t.value = n,
+          onClick: (w) => t.value = n,
           type: "button",
-          class: a(e.$style.thumb),
+          class: l(e.$style.thumb),
           "data-active": t.value === n
         }, [
-          l("img", {
+          a("img", {
             src: s.path ? `${s.path}${o}` : o,
             width: "64",
             height: "64",
@@ -32,10 +32,10 @@ const p = ["onClick", "data-active"], v = ["src", "alt"], $ = ["src", "alt", "da
           }, null, 8, v)
         ], 10, p))), 128))
       ], 2),
-      l("div", {
-        class: a(e.$style.slide)
+      a("div", {
+        class: l(e.$style.slide)
       }, [
-        l("img", {
+        a("img", {
           src: s.path ? `${s.path}${s.slides[t.value]}` : s.slides[t.value],
           alt: `slide-${t.value}`,
           crossorigin: "anonymous",
@@ -51,7 +51,7 @@ const p = ["onClick", "data-active"], v = ["src", "alt"], $ = ["src", "alt", "da
   slide: k
 }, C = {
   $style: z
-}, U = /* @__PURE__ */ h(b, [["__cssModules", C]]);
+}, M = /* @__PURE__ */ h(b, [["__cssModules", C]]);
 export {
-  U as default
+  M as default
 };

package/dist/UiTable/UiTable.js

@@ -1,5 +1,5 @@
 import "./UiTable.css";
-import { defineComponent as y, ref as d, onMounted as w, onBeforeUnmount as k, openBlock as o, createElementBlock as n, normalizeClass as a, toDisplayString as _, unref as V, createCommentVNode as p, createElementVNode as s, Fragment as $, renderList as S, renderSlot as B } from "vue";
+import { defineComponent as y, shallowRef as d, onMounted as w, onBeforeUnmount as k, openBlock as o, createElementBlock as n, normalizeClass as a, toDisplayString as _, unref as V, createCommentVNode as p, createElementVNode as s, Fragment as $, renderList as S, renderSlot as B } from "vue";
 import { M as h } from "../index-DajWja1y.js";
 import { _ as M } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const E = ["data-loading"], C = ["onClick", "data-current"], L = ["data-current", "data-loading"], z = ["data-current", "data-loading"], A = /* @__PURE__ */ y({
@@ -56,7 +56,7 @@ const E = ["data-loading"], C = ["onClick", "data-current"], L = ["data-current"
                 s("span", null, _(t.title), 1),
                 t.value ? (o(), n("button", {
                   key: 0,
-                  onClick: (H) => v(t.value),
+                  onClick: (j) => v(t.value),
                   class: a(e.$style.sort),
                   type: "button",
                   "data-current": l.modelValue?.value === t.value
@@ -90,9 +90,9 @@ const E = ["data-loading"], C = ["onClick", "data-current"], L = ["data-current"
   label: D,
   sort: F,
   arrow: G
-}, j = {
+}, R = {
   $style: I
-}, P = /* @__PURE__ */ M(A, [["__cssModules", j]]);
+}, O = /* @__PURE__ */ M(A, [["__cssModules", R]]);
 export {
-  P as default
+  O as default
 };

package/dist/UiUpload/UiUpload.js

@@ -1,5 +1,5 @@
 import "./UiUpload.css";
-import { openBlock as o, createElementBlock as s, createStaticVNode as M, defineComponent as z, ref as b, computed as I, normalizeClass as n, createElementVNode as r, toDisplayString as a, createCommentVNode as d, createVNode as m, unref as u, withCtx as v, createTextVNode as p, Fragment as B, renderList as D, withDirectives as E, vShow as F } from "vue";
+import { openBlock as o, createElementBlock as s, createStaticVNode as M, defineComponent as z, shallowRef as b, computed as I, normalizeClass as n, createElementVNode as r, toDisplayString as a, createCommentVNode as d, createVNode as m, unref as u, withCtx as v, createTextVNode as p, Fragment as B, renderList as D, withDirectives as E, vShow as F } from "vue";
 import y from "../UiButton/UiButton.js";
 import { M as g } from "../index-DajWja1y.js";
 import { _ as N } from "../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -17,7 +17,7 @@ function A(_, c) {
 const L = { render: A }, h = 10 * 1024 * 1024;
 new File([""], "file1.png");
 new File([""], "file2.png");
-const Q = ["data-error"], U = ["accept", "multiple"], x = ["data-label"], P = /* @__PURE__ */ z({
+const Q = ["data-error"], U = ["accept", "multiple"], R = ["data-label"], x = /* @__PURE__ */ z({
   __name: "UiUpload",
   props: {
     label: { default: void 0 },
@@ -145,13 +145,13 @@ const Q = ["data-error"], U = ["accept", "multiple"], x = ["data-label"], P = /*
           ]),
           _: 1
         })
-      ], 10, x), [
+      ], 10, R), [
         [F, e.isSingle && e.file || e.files.length > 0]
       ])
     ], 2));
   }
-}), R = "_container_10je3_1", G = "_upload_10je3_6", H = "_addButton_10je3_12", K = "_text_10je3_19", Z = "_input_10je3_26", J = "_name_10je3_30", O = "_file_10je3_38", T = "_error_10je3_44", W = "_uploadButton_10je3_48", X = "_label_10je3_52", Y = {
-  container: R,
+}), P = "_container_10je3_1", G = "_upload_10je3_6", H = "_addButton_10je3_12", K = "_text_10je3_19", Z = "_input_10je3_26", J = "_name_10je3_30", O = "_file_10je3_38", T = "_error_10je3_44", W = "_uploadButton_10je3_48", X = "_label_10je3_52", Y = {
+  container: P,
   upload: G,
   addButton: H,
   text: K,
@@ -163,7 +163,7 @@ const Q = ["data-error"], U = ["accept", "multiple"], x = ["data-label"], P = /*
   label: X
 }, ee = {
   $style: Y
-}, se = /* @__PURE__ */ N(P, [["__cssModules", ee]]);
+}, se = /* @__PURE__ */ N(x, [["__cssModules", ee]]);
 export {
   se as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.3.26",
+  "version": "1.3.27",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",
@@ -29,22 +29,22 @@
     "@tiptap/starter-kit": "3.19.0",
     "@tiptap/vue-3": "3.19.0",
     "@vueform/slider": "2.1.10",
-    "@vueuse/core": "14.2.0",
-    "@vueuse/integrations": "14.2.0",
+    "@vueuse/core": "14.2.1",
+    "@vueuse/integrations": "14.2.1",
     "chart.js": "4.5.1",
     "mhz-helpers": "*",
     "perfect-debounce": "2.1.0",
-    "vue": "3.6.0-beta.5",
+    "vue": "3.6.0-beta.6",
     "vue-chartjs": "5.3.3",
     "vue-router": "5.0.2"
   },
   "devDependencies": {
     "@eslint/js": "9.39.2",
-    "@storybook/addon-docs": "10.2.7",
-    "@storybook/addon-themes": "10.2.7",
-    "@storybook/vue3": "10.2.7",
-    "@storybook/vue3-vite": "10.2.7",
-    "@types/node": "25.2.2",
+    "@storybook/addon-docs": "10.2.8",
+    "@storybook/addon-themes": "10.2.8",
+    "@storybook/vue3": "10.2.8",
+    "@storybook/vue3-vite": "10.2.8",
+    "@types/node": "25.2.3",
     "@vitejs/plugin-vue": "6.0.4",
     "@vitest/coverage-v8": "4.1.0-beta.3",
     "@vue/test-utils": "2.4.6",
@@ -53,35 +53,35 @@
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-import-x": "4.16.1",
     "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-sonarjs": "3.0.6",
-    "eslint-plugin-unicorn": "62.0.0",
-    "eslint-plugin-vue": "10.7.0",
+    "eslint-plugin-sonarjs": "3.0.7",
+    "eslint-plugin-unicorn": "63.0.0",
+    "eslint-plugin-vue": "10.8.0",
     "globals": "17.3.0",
-    "happy-dom": "20.5.0",
+    "happy-dom": "20.6.1",
     "postcss-html": "1.8.1",
     "postcss-scss": "4.0.9",
     "prettier": "3.8.1",
     "sass-embedded": "1.97.3",
-    "storybook": "10.2.7",
-    "stylelint": "17.1.1",
+    "storybook": "10.2.8",
+    "stylelint": "17.3.0",
     "stylelint-config-recess-order": "7.6.1",
     "stylelint-config-recommended-scss": "17.0.0",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-order": "7.0.1",
     "stylelint-prettier": "5.0.3",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.54.0",
+    "typescript-eslint": "8.55.0",
     "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "3.2.0",
     "vite-svg-loader": "5.1.0",
     "vitest": "4.1.0-beta.3",
-    "vue-eslint-parser": "10.2.0",
+    "vue-eslint-parser": "10.4.0",
     "vue-linters-config": "0.5.5",
     "vue-tsc": "3.2.4"
   },
   "peerDependencies": {
-    "vue": "3.6.0-beta.5",
+    "vue": "3.6.0-beta.6",
     "vue-router": "5.0.2"
   },
   "engines": {