mhz-ui 1.0.124 → 1.0.126

package/dist/UiButton/UiButton.d.ts

@@ -18,8 +18,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
-    layout: "primary" | "secondary" | "plain" | "accent" | "gradient";
     type: "submit" | "button";
+    layout: "primary" | "secondary" | "plain" | "accent" | "gradient";
     icon: FunctionalComponent;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/UiCalendar/UiCalendar.d.ts

@@ -4,12 +4,12 @@ interface IProps {
     events?: ICalendarEvent<unknown>[];
 }
 declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    update: (value: ICalendarUpdate) => any;
     ready: (value: ICalendarUpdate) => any;
+    update: (value: ICalendarUpdate) => any;
     eventClick: (value: ICalendarEvent<unknown>) => any;
 }, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
-    onUpdate?: ((value: ICalendarUpdate) => any) | undefined;
     onReady?: ((value: ICalendarUpdate) => any) | undefined;
+    onUpdate?: ((value: ICalendarUpdate) => any) | undefined;
     onEventClick?: ((value: ICalendarEvent<unknown>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/UiCheckbox/UiCheckbox.d.ts

@@ -17,8 +17,8 @@ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, im
 }>, {
     error: string | boolean;
     label: string;
-    modelValue: TInitialValue;
     initialValue: TInitialValue;
+    modelValue: TInitialValue;
     labelSub: string;
     labelSwitcher: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/UiClose/UiClose.css

@@ -0,0 +1 @@
+._close_14fsr_1{position:relative;width:36px;height:36px;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%}._close_14fsr_1[data-delete=true]{background-color:var(--color-error)}._close_14fsr_1[data-delete=true]:hover{background-color:var(--color-error-dark)}._close_14fsr_1[data-small=true]{width:22px;height:22px}._close_14fsr_1[data-small=true] ._line_14fsr_21{left:6px;width:10px;height:1px;border-radius:2px}._close_14fsr_1 ._line_14fsr_21{position:absolute;left:9px;width:18px;height:2px;background-color:var(--color-white);border-radius:4px;rotate:45deg}._close_14fsr_1 ._line_14fsr_21:last-child{rotate:135deg}._close_14fsr_1:hover{background-color:var(--color-gray-dark-extra)}

package/dist/UiClose/UiClose.d.ts

@@ -0,0 +1,6 @@
+interface IProps {
+    isSmall?: boolean;
+    isDelete?: boolean;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/UiClose/UiClose.js

@@ -0,0 +1,34 @@
+import "./UiClose.css";
+import { defineComponent as n, openBlock as a, createElementBlock as c, normalizeClass as s, createElementVNode as t } from "vue";
+import { _ as i } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = ["data-small", "data-delete"], _ = /* @__PURE__ */ n({
+  __name: "UiClose",
+  props: {
+    isSmall: { type: Boolean },
+    isDelete: { type: Boolean }
+  },
+  setup(o) {
+    const l = o;
+    return (e, f) => (a(), c("button", {
+      class: s(e.$style.close),
+      type: "button",
+      "data-small": l.isSmall,
+      "data-delete": l.isDelete
+    }, [
+      t("div", {
+        class: s(e.$style.line)
+      }, null, 2),
+      t("div", {
+        class: s(e.$style.line)
+      }, null, 2)
+    ], 10, r));
+  }
+}), d = "_close_14fsr_1", m = "_line_14fsr_21", p = {
+  close: d,
+  line: m
+}, u = {
+  $style: p
+}, C = /* @__PURE__ */ i(_, [["__cssModules", u]]);
+export {
+  C as default
+};

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._container_6a3s2_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--color-gray-transparent)}._modal_6a3s2_13{position:relative;display:flex;flex-direction:column;gap:16px;width:var(--d331a1a6);min-width:var(--1dc86347);max-width:calc(100% - 32px);height:auto;padding:32px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._header_6a3s2_29{display:flex;justify-content:flex-end}._close_6a3s2_34{display:flex;flex-grow:0;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.25rem;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%}._close_6a3s2_34:hover{background-color:var(--color-gray-dark-extra)}._buttons_6a3s2_52{display:flex;gap:16px}
+._container_lzvb1_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_lzvb1_13{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--411d3236);min-width:var(--1e98d0c4);max-width:calc(100% - 32px);height:auto;padding:24px;outline:none;background-color:var(--color-white);border-radius:16px;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._header_lzvb1_29{display:flex;justify-content:flex-end}._buttons_lzvb1_34{display:flex;gap:16px}

package/dist/UiModal/UiModal.js

@@ -1,8 +1,9 @@
 import "./UiModal.css";
-import { defineComponent as M, useCssVars as B, computed as l, ref as g, watch as x, openBlock as i, createElementBlock as r, normalizeClass as t, createElementVNode as n, withModifiers as N, renderSlot as T, createVNode as m, withCtx as f, createTextVNode as p, toDisplayString as _, createCommentVNode as y } from "vue";
-import h from "../UiButton/UiButton.js";
-import { _ as S } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const U = /* @__PURE__ */ M({
+import { defineComponent as M, useCssVars as x, computed as l, ref as z, watch as B, openBlock as c, createElementBlock as m, normalizeClass as n, createElementVNode as d, withModifiers as g, createVNode as i, renderSlot as N, withCtx as f, createTextVNode as p, toDisplayString as v, createCommentVNode as _ } from "vue";
+import y from "../UiButton/UiButton.js";
+import T from "../UiClose/UiClose.js";
+import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = /* @__PURE__ */ M({
   __name: "UiModal",
   props: {
     modelValue: { type: Boolean },
@@ -11,81 +12,76 @@ const U = /* @__PURE__ */ M({
     lang: {}
   },
   emits: ["update:modelValue", "confirm"],
-  setup(v, { emit: C }) {
-    B((o) => ({
-      d331a1a6: b.value,
-      "1dc86347": $.value
+  setup(h, { emit: C }) {
+    x((o) => ({
+      "411d3236": b.value,
+      "1e98d0c4": $.value
     }));
-    const e = v, a = C, w = l(() => e.lang === "ru" ? "Отмена" : "Cancel"), V = l(() => e.lang === "ru" ? "Подтвердить" : "onfirm"), b = l(() => e.width ? `${e.width}px` : "auto"), $ = l(() => e.width ? `${e.width}px` : "50%"), u = document.querySelector("body"), s = g(!1);
-    x(
+    const e = h, s = C, w = l(() => e.lang === "ru" ? "Отмена" : "Cancel"), V = l(() => e.lang === "ru" ? "Подтвердить" : "onfirm"), b = l(() => e.width ? `${e.width}px` : "auto"), $ = l(() => e.width ? `${e.width}px` : "50%"), u = document.querySelector("body"), t = z(!1);
+    B(
       () => e.modelValue,
       () => {
         const o = e.modelValue ? "hidden" : "auto";
-        u && (u.style.overflow = o), e.modelValue && (s.value = !0, setTimeout(() => {
-          s.value = !1;
+        u && (u.style.overflow = o), e.modelValue && (t.value = !0, setTimeout(() => {
+          t.value = !1;
         }, 100));
       }
     );
     function k() {
-      a("confirm"), a("update:modelValue", !1);
+      s("confirm"), s("update:modelValue", !1);
     }
-    function d() {
-      s.value || a("update:modelValue", !1), s.value = !1;
+    function a() {
+      t.value || s("update:modelValue", !1), t.value = !1;
     }
-    return (o, c) => e.modelValue ? (i(), r("div", {
+    return (o, r) => e.modelValue ? (c(), m("div", {
       key: 0,
-      onMousedown: d,
-      class: t(o.$style.container)
+      onMousedown: a,
+      class: n(o.$style.container)
     }, [
-      n("div", {
-        onMousedown: c[0] || (c[0] = N(() => {
+      d("div", {
+        onMousedown: r[0] || (r[0] = g(() => {
         }, ["stop"])),
-        class: t(o.$style.modal)
+        class: n(o.$style.modal)
       }, [
-        n("div", {
-          class: t(o.$style.header)
+        d("div", {
+          class: n(o.$style.header)
         }, [
-          n("button", {
-            onClick: d,
-            class: t(o.$style.close),
-            type: "button"
-          }, "×", 2)
+          i(T, { onClick: a })
         ], 2),
-        n("div", null, [
-          T(o.$slots, "default")
+        d("div", null, [
+          N(o.$slots, "default")
         ]),
-        e.isConfirm ? (i(), r("div", {
+        e.isConfirm ? (c(), m("div", {
           key: 0,
-          class: t(o.$style.buttons)
+          class: n(o.$style.buttons)
         }, [
-          m(h, { onClick: k }, {
+          i(y, { onClick: k }, {
             default: f(() => [
-              p(_(V.value), 1)
+              p(v(V.value), 1)
             ]),
             _: 1
           }),
-          m(h, {
+          i(y, {
             layout: "secondary",
-            onClick: d
+            onClick: a
           }, {
             default: f(() => [
-              p(_(w.value), 1)
+              p(v(w.value), 1)
             ]),
             _: 1
           })
-        ], 2)) : y("", !0)
+        ], 2)) : _("", !0)
       ], 34)
-    ], 34)) : y("", !0);
+    ], 34)) : _("", !0);
   }
-}), E = "_container_6a3s2_1", q = "_modal_6a3s2_13", z = "_header_6a3s2_29", D = "_close_6a3s2_34", H = "_buttons_6a3s2_52", W = {
+}), E = "_container_lzvb1_1", q = "_modal_lzvb1_13", D = "_header_lzvb1_29", H = "_buttons_lzvb1_34", W = {
   container: E,
   modal: q,
-  header: z,
-  close: D,
+  header: D,
   buttons: H
 }, j = {
   $style: W
-}, I = /* @__PURE__ */ S(U, [["__cssModules", j]]);
+}, J = /* @__PURE__ */ U(S, [["__cssModules", j]]);
 export {
-  I as default
+  J as default
 };

package/dist/UiUpload/UiUpload.d.ts

@@ -20,8 +20,8 @@ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, im
     error: string | boolean;
     label: string;
     file: File;
-    files: File[] | never[];
     extensions: string[];
+    files: File[] | never[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     input: HTMLInputElement;
 }, HTMLDivElement>;

package/dist/index.d.ts

@@ -1,21 +1,22 @@
+export { default as UiBreadcrumbs } from './UiBreadcrumbs/UiBreadcrumbs';
 export { default as UiButton } from './UiButton/UiButton';
+export { default as UiCalendar } from './UiCalendar/UiCalendar';
+export { default as UiChart } from './UiChart/UiChart';
+export { default as UiCheckbox } from './UiCheckbox/UiCheckbox';
+export { default as UiChip } from './UiChip/UiChip';
+export { default as UiClose } from './UiClose/UiClose';
+export { default as UiEditor } from './UiEditor/UiEditor';
 export { default as UiField } from './UiField/UiField';
+export { default as UiFlex } from './UiFlex/UiFlex';
 export { default as UiInput } from './UiInput/UiInput';
-export { default as UiTable } from './UiTable/UiTable';
-export { default as UiUpload } from './UiUpload/UiUpload';
-export { default as UiSelect } from './UiSelect/UiSelect';
-export { default as UiEditor } from './UiEditor/UiEditor';
-export { default as UiPagination } from './UiPagination/UiPagination';
-export { default as UiCheckbox } from './UiCheckbox/UiCheckbox';
 export { default as UiModal } from './UiModal/UiModal';
-export { default as UiBreadcrumbs } from './UiBreadcrumbs/UiBreadcrumbs';
-export { default as UiSearch } from './UiSearch/UiSearch';
+export { default as UiPagination } from './UiPagination/UiPagination';
 export { default as UiRange } from './UiRange/UiRange';
-export { default as UiSlider } from './UiSlider/UiSlider';
+export { default as UiSearch } from './UiSearch/UiSearch';
+export { default as UiSelect } from './UiSelect/UiSelect';
 export { default as UiSpoiler } from './UiSpoiler/UiSpoiler';
-export { default as UiChart } from './UiChart/UiChart';
-export { default as UiChip } from './UiChip/UiChip';
-export { default as UiFlex } from './UiFlex/UiFlex';
-export { default as UiCalendar } from './UiCalendar/UiCalendar';
+export { default as UiSlider } from './UiSlider/UiSlider';
+export { default as UiTable } from './UiTable/UiTable';
+export { default as UiUpload } from './UiUpload/UiUpload';
 export { default as toast } from './toast/toast';
 export { uiStubs } from './stubs/stubs';

package/dist/index.js

@@ -1,21 +1,22 @@
+export { default as UiBreadcrumbs } from './UiBreadcrumbs/UiBreadcrumbs.js';
 export { default as UiButton } from './UiButton/UiButton.js';
+export { default as UiCalendar } from './UiCalendar/UiCalendar.js';
+export { default as UiChart } from './UiChart/UiChart.js';
+export { default as UiCheckbox } from './UiCheckbox/UiCheckbox.js';
+export { default as UiChip } from './UiChip/UiChip.js';
+export { default as UiClose } from './UiClose/UiClose.js';
+export { default as UiEditor } from './UiEditor/UiEditor.js';
 export { default as UiField } from './UiField/UiField.js';
+export { default as UiFlex } from './UiFlex/UiFlex.js';
 export { default as UiInput } from './UiInput/UiInput.js';
-export { default as UiTable } from './UiTable/UiTable.js';
-export { default as UiUpload } from './UiUpload/UiUpload.js';
-export { default as UiSelect } from './UiSelect/UiSelect.js';
-export { default as UiEditor } from './UiEditor/UiEditor.js';
-export { default as UiPagination } from './UiPagination/UiPagination.js';
-export { default as UiCheckbox } from './UiCheckbox/UiCheckbox.js';
 export { default as UiModal } from './UiModal/UiModal.js';
-export { default as UiBreadcrumbs } from './UiBreadcrumbs/UiBreadcrumbs.js';
-export { default as UiSearch } from './UiSearch/UiSearch.js';
+export { default as UiPagination } from './UiPagination/UiPagination.js';
 export { default as UiRange } from './UiRange/UiRange.js';
-export { default as UiSlider } from './UiSlider/UiSlider.js';
+export { default as UiSearch } from './UiSearch/UiSearch.js';
+export { default as UiSelect } from './UiSelect/UiSelect.js';
 export { default as UiSpoiler } from './UiSpoiler/UiSpoiler.js';
-export { default as UiChart } from './UiChart/UiChart.js';
-export { default as UiChip } from './UiChip/UiChip.js';
-export { default as UiFlex } from './UiFlex/UiFlex.js';
-export { default as UiCalendar } from './UiCalendar/UiCalendar.js';
+export { default as UiSlider } from './UiSlider/UiSlider.js';
+export { default as UiTable } from './UiTable/UiTable.js';
+export { default as UiUpload } from './UiUpload/UiUpload.js';
 export { default as toast } from './toast/toast.js';
 export { uiStubs } from './stubs/stubs.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "9000 Mhz ui kit",
-  "version": "1.0.124",
+  "version": "1.0.126",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",
@@ -39,7 +39,7 @@
     "vue-router": "4.5.0"
   },
   "devDependencies": {
-    "@eslint/js": "9.18.0",
+    "@eslint/js": "9.19.0",
     "@storybook/addon-essentials": "8.5.1",
     "@storybook/addon-interactions": "8.5.1",
     "@storybook/addon-links": "8.5.1",
@@ -52,7 +52,7 @@
     "@vitejs/plugin-vue": "5.2.1",
     "@vitest/coverage-v8": "3.0.4",
     "@vue/test-utils": "2.4.6",
-    "eslint": "9.18.0",
+    "eslint": "9.19.0",
     "eslint-config-prettier": "10.0.1",
     "eslint-import-resolver-typescript": "3.7.0",
     "eslint-plugin-import-x": "4.6.1",