mhz-ui 1.2.29 → 1.2.30

package/dist/UiChip/UiChip.css

@@ -1 +1 @@
-._chip_yhjo1_1{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:4px 8px 3px;font-size:.875rem;background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px}._chip_yhjo1_1[data-type=success]{color:var(--color-success-dark)}._chip_yhjo1_1[data-type=error]{color:var(--color-error-dark)}
+._chip_19glz_1{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:4px 8px 3px;font-size:.875rem;color:var(--color-black);background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px}._chip_19glz_1[data-type=success]{color:var(--color-success-dark)}._chip_19glz_1[data-type=error]{color:var(--color-error-dark)}

package/dist/UiChip/UiChip.js

@@ -1,6 +1,6 @@
 import "./UiChip.css";
-import { defineComponent as o, createElementBlock as c, openBlock as p, normalizeClass as n, renderSlot as a } from "vue";
-import { _ as l } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as o, createElementBlock as c, openBlock as p, normalizeClass as n, renderSlot as l } from "vue";
+import { _ as a } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const r = "default", i = ["data-type"], _ = /* @__PURE__ */ o({
   __name: "UiChip",
   props: {
@@ -8,18 +8,18 @@ const r = "default", i = ["data-type"], _ = /* @__PURE__ */ o({
   },
   setup(e) {
     const s = e;
-    return (t, m) => (p(), c("div", {
+    return (t, u) => (p(), c("div", {
       class: n(t.$style.chip),
       "data-type": s.type
     }, [
-      a(t.$slots, "default")
+      l(t.$slots, "default")
     ], 10, i));
   }
-}), d = "_chip_yhjo1_1", f = {
+}), d = "_chip_19glz_1", f = {
   chip: d
-}, h = {
+}, m = {
   $style: f
-}, C = /* @__PURE__ */ l(_, [["__cssModules", h]]);
+}, C = /* @__PURE__ */ a(_, [["__cssModules", m]]);
 export {
   C as default
 };

package/dist/UiFlex/UiFlex.css

@@ -1 +1 @@
-._flex_1rw48_1{display:flex;flex-grow:var(--1effbfbd);flex-shrink:var(--01038f1a);flex-direction:var(--6e1595d6);flex-wrap:var(--3036dcf4);gap:var(--de6b7634);align-items:var(--6e09b5a5);justify-content:var(--750a0533);width:var(--18d24716)}
+._flex_si9vt_1{display:flex;flex-grow:var(--61824a30);flex-shrink:var(--c7399644);flex-direction:var(--5bfadb0b);flex-wrap:var(--3f140fc2);gap:var(--f414cf4a);align-items:var(--4416f6e0);justify-content:var(--43cd669e);width:var(--7076914b)}.dark ._flex_si9vt_1{color:var(--color-white)}

package/dist/UiFlex/UiFlex.js

@@ -1,10 +1,10 @@
 import "./UiFlex.css";
 import { defineComponent as i, useCssVars as f, computed as t, createBlock as m, openBlock as g, resolveDynamicComponent as w, normalizeClass as _, withCtx as y, renderSlot as C } from "vue";
-import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const v = "div", h = "normal", k = "normal", A = "8", F = /* @__PURE__ */ i({
+import { _ as v } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = "div", h = "normal", k = "normal", A = "8", F = /* @__PURE__ */ i({
   __name: "UiFlex",
   props: {
-    tag: { default: v },
+    tag: { default: x },
     column: { type: Boolean },
     align: { default: h },
     justify: { default: k },
@@ -15,16 +15,16 @@ const v = "div", h = "normal", k = "normal", A = "8", F = /* @__PURE__ */ i({
   },
   setup(e) {
     f((o) => ({
-      "1effbfbd": p.value,
-      "01038f1a": d.value,
-      "6e1595d6": s.value,
-      "3036dcf4": r.value,
-      de6b7634: u.value,
-      "6e09b5a5": n.value,
-      "750a0533": l.value,
-      "18d24716": c.value
+      "61824a30": p.value,
+      c7399644: c.value,
+      "5bfadb0b": s.value,
+      "3f140fc2": r.value,
+      f414cf4a: u.value,
+      "4416f6e0": n.value,
+      "43cd669e": l.value,
+      "7076914b": d.value
     }));
-    const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify), r = t(() => a.wrap ? "wrap" : "nowrap"), u = t(() => a.gap ? `${a.gap}px` : "0"), d = t(() => a.shrink ? "1" : "0"), p = t(() => a.grow ? "1" : "0"), c = t(() => a.grow ? "100%" : "auto");
+    const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify), r = t(() => a.wrap ? "wrap" : "nowrap"), u = t(() => a.gap ? `${a.gap}px` : "0"), c = t(() => a.shrink ? "1" : "0"), p = t(() => a.grow ? "1" : "0"), d = t(() => a.grow ? "100%" : "auto");
     return (o, D) => (g(), m(w(a.tag), {
       class: _(o.$style.flex),
       "data-column": a.column,
@@ -41,11 +41,11 @@ const v = "div", h = "normal", k = "normal", A = "8", F = /* @__PURE__ */ i({
       _: 3
     }, 8, ["class", "data-column", "data-align", "data-justify", "data-wrap", "data-gap", "data-shrink", "data-grow"]));
   }
-}), U = "_flex_1rw48_1", j = {
+}), U = "_flex_si9vt_1", j = {
   flex: U
 }, B = {
   $style: j
-}, b = /* @__PURE__ */ x(F, [["__cssModules", B]]);
+}, b = /* @__PURE__ */ v(F, [["__cssModules", B]]);
 export {
   b as default
 };

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._container_1g1og_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background-color:var(--color-gray-transparent)}._modal_1g1og_13{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--069e4a9a);max-width:100%;height:auto;padding:24px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_1g1og_13[data-scrollable=true]{max-height:64dvh;overflow-y:auto}._header_1g1og_32{display:flex;justify-content:flex-end}._buttons_1g1og_37{display:flex;gap:16px}.dark ._modal_1g1og_13{background-color:var(--color-black)}.dark ._slot_1g1og_45{color:var(--color-white)}
+._container_130xv_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;background-color:var(--color-gray-transparent)}._modal_130xv_13{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--3713408b);max-width:100%;height:auto;padding:24px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_130xv_13[data-scrollable=true]{max-height:64dvh;overflow-y:auto}._header_130xv_32{display:flex;justify-content:flex-end}._buttons_130xv_37{display:flex;gap:16px}.dark ._modal_130xv_13{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_130xv_46{color:var(--color-white)}

package/dist/UiModal/UiModal.js

@@ -1,10 +1,10 @@
 import "./UiModal.css";
-import { defineComponent as w, useCssVars as M, computed as S, ref as $, watch as k, createElementBlock as c, createCommentVNode as u, openBlock as m, normalizeClass as t, createElementVNode as n, withModifiers as B, createVNode as d, renderSlot as E, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y } from "vue";
-import g from "../UiButton/UiButton.js";
-import N from "../UiClose/UiClose.js";
-import { M as C } from "../index-DajWja1y.js";
-import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const T = ["data-scrollable"], q = /* @__PURE__ */ w({
+import { defineComponent as M, useCssVars as S, computed as $, ref as k, watch as x, createElementBlock as c, createCommentVNode as u, openBlock as m, normalizeClass as t, createElementVNode as n, withModifiers as B, createVNode as d, renderSlot as g, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y } from "vue";
+import v from "../UiButton/UiButton.js";
+import E from "../UiClose/UiClose.js";
+import { M as b } from "../index-DajWja1y.js";
+import { _ as N } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const U = ["data-scrollable"], T = /* @__PURE__ */ M({
   __name: "UiModal",
   props: {
     modelValue: { type: Boolean },
@@ -14,12 +14,12 @@ const T = ["data-scrollable"], q = /* @__PURE__ */ w({
     lang: { default: "ru" }
   },
   emits: ["update:modelValue", "confirm"],
-  setup(V, { emit: b }) {
-    M((o) => ({
-      "069e4a9a": h.value
+  setup(C, { emit: V }) {
+    S((o) => ({
+      "3713408b": h.value
     }));
-    const e = V, s = b, h = S(() => `${e.width}px`), r = document.querySelector("body"), l = $(!1);
-    k(
+    const e = C, s = V, h = $(() => `${e.width}px`), r = document.querySelector("body"), l = k(!1);
+    x(
       () => e.modelValue,
       () => {
         const o = e.modelValue ? "hidden" : "auto";
@@ -28,7 +28,7 @@ const T = ["data-scrollable"], q = /* @__PURE__ */ w({
         }, 100));
       }
     );
-    function v() {
+    function w() {
       s("confirm"), s("update:modelValue", !1);
     }
     function a() {
@@ -48,45 +48,45 @@ const T = ["data-scrollable"], q = /* @__PURE__ */ w({
         n("div", {
           class: t(o.$style.header)
         }, [
-          d(N, { onClick: a })
+          d(E, { onClick: a })
         ], 2),
         n("div", {
           class: t(o.$style.slot)
         }, [
-          E(o.$slots, "default")
+          g(o.$slots, "default")
         ], 2),
         e.isConfirm ? (m(), c("div", {
           key: 0,
           class: t(o.$style.buttons)
         }, [
-          d(g, { onClick: v }, {
+          d(v, { onClick: w }, {
             default: f(() => [
-              p(_(y(C)[e.lang].confirm), 1)
+              p(_(y(b)[e.lang].confirm), 1)
             ]),
             _: 1
           }),
-          d(g, {
+          d(v, {
             layout: "secondary",
             onClick: a
           }, {
             default: f(() => [
-              p(_(y(C)[e.lang].cancel), 1)
+              p(_(y(b)[e.lang].cancel), 1)
             ]),
             _: 1
           })
         ], 2)) : u("", !0)
-      ], 42, T)
+      ], 42, U)
     ], 34)) : u("", !0);
   }
-}), x = "_container_1g1og_1", z = "_modal_1g1og_13", A = "_header_1g1og_32", D = "_buttons_1g1og_37", G = "_slot_1g1og_45", H = {
-  container: x,
+}), q = "_container_130xv_1", z = "_modal_130xv_13", A = "_header_130xv_32", D = "_buttons_130xv_37", G = "_slot_130xv_46", H = {
+  container: q,
   modal: z,
   header: A,
   buttons: D,
   slot: G
 }, j = {
   $style: H
-}, O = /* @__PURE__ */ U(q, [["__cssModules", j]]);
+}, O = /* @__PURE__ */ N(T, [["__cssModules", j]]);
 export {
   O as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "Mhz ui kit",
-  "version": "1.2.29",
+  "version": "1.2.30",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",