mhz-ui 1.0.19 → 1.0.21

package/dist/UiTable/UiTable.js

@@ -1,7 +1,7 @@
 import "./UiTable.css";
-import { defineComponent as g, ref as i, onMounted as v, onBeforeUnmount as f, openBlock as o, createElementBlock as n, normalizeClass as t, createCommentVNode as m, createElementVNode as s, Fragment as k, renderList as z, toDisplayString as h, renderSlot as w } from "vue";
-import { _ as B } from "../_plugin-vue_export-helper-dad06003.js";
-const V = ["data-loading"], $ = ["onClick"], S = ["data-current", "data-loading"], C = ["data-current", "data-loading"], L = /* @__PURE__ */ g({
+import { defineComponent as g, ref as i, onMounted as v, onBeforeUnmount as f, openBlock as o, createElementBlock as n, normalizeClass as l, createCommentVNode as m, createElementVNode as a, Fragment as k, renderList as h, toDisplayString as z, renderSlot as V } from "vue";
+import { _ as w } from "../_plugin-vue_export-helper-dad06003.js";
+const B = ["data-loading"], $ = { "data-test": "ui-table-header-title" }, S = ["onClick", "data-current"], C = ["data-current", "data-loading"], L = ["data-current", "data-loading"], M = /* @__PURE__ */ g({
   __name: "UiTable",
   props: {
     headers: {},
@@ -10,86 +10,91 @@ const V = ["data-loading"], $ = ["onClick"], S = ["data-current", "data-loading"
   },
   emits: ["update:modelValue", "reset"],
   setup(y, { emit: u }) {
-    const l = y, r = i(), c = i(), _ = i(!1);
-    function d() {
-      if (r.value && c.value) {
-        const e = Number(getComputedStyle(r.value).width.slice(0, -2)), b = Number(getComputedStyle(c.value).width.slice(0, -2));
-        _.value = b > e;
+    const t = y, r = i(), d = i(), b = i(!1);
+    function c() {
+      if (r.value && d.value) {
+        const e = Number(getComputedStyle(r.value).width.slice(0, -2)), _ = Number(getComputedStyle(d.value).width.slice(0, -2));
+        b.value = _ > e;
       }
     }
     function p(e) {
-      l.modelValue?.value === e ? u("update:modelValue", { value: e, isAsc: !l.modelValue.isAsc }) : u("reset", e);
+      t.modelValue?.value === e ? u("update:modelValue", { value: e, isAsc: !t.modelValue.isAsc }) : u("reset", e);
     }
     return v(() => {
-      d(), window.addEventListener("resize", d, !0);
+      c(), window.addEventListener("resize", c, !0);
     }), f(() => {
-      window.removeEventListener("resize", d, !0);
-    }), (e, b) => (o(), n("div", {
-      class: t(e.$style.tableBlock),
+      window.removeEventListener("resize", c, !0);
+    }), (e, _) => (o(), n("div", {
+      class: l(e.$style.tableBlock),
       ref_key: "tableBlock",
       ref: r
     }, [
-      _.value ? (o(), n("div", {
+      b.value ? (o(), n("div", {
         key: 0,
-        class: t(e.$style.scrollMessage)
+        class: l(e.$style.scrollMessage)
       }, "Table is scrollable →", 2)) : m("", !0),
-      s("table", {
-        class: t(e.$style.table),
+      a("table", {
+        class: l(e.$style.table),
         cellpadding: "8",
         cellspacing: "0",
         border: 0,
         ref_key: "table",
-        ref: c
+        ref: d
       }, [
-        s("thead", null, [
-          s("tr", null, [
-            (o(!0), n(k, null, z(l.headers, (a) => (o(), n("th", {
-              key: a.value,
-              class: t(e.$style.th)
+        a("thead", null, [
+          a("tr", null, [
+            (o(!0), n(k, null, h(t.headers, (s) => (o(), n("th", {
+              key: s.value,
+              class: l(e.$style.th),
+              "data-test": "ui-table-header"
             }, [
-              s("label", {
-                class: t(e.$style.label),
-                "data-loading": l.isLoading
+              a("label", {
+                class: l(e.$style.label),
+                "data-loading": t.isLoading
               }, [
-                s("span", null, h(a.title), 1),
-                a.value ? (o(), n("button", {
+                a("span", $, z(s.title), 1),
+                s.value ? (o(), n("button", {
                   key: 0,
+                  onClick: (G) => p(s.value),
+                  class: l(e.$style.sort),
                   type: "button",
-                  onClick: (q) => p(a.value),
-                  class: t(e.$style.sort)
+                  "data-current": t.modelValue?.value === s.value,
+                  "data-test": "ui-table-header-sort"
                 }, [
-                  s("span", {
-                    "data-current": l.modelValue?.isAsc && l.modelValue?.value === a.value,
-                    class: t(e.$style.arrow),
-                    "data-loading": l.isLoading
-                  }, " ↑ ", 10, S),
-                  s("span", {
-                    "data-current": !l.modelValue?.isAsc && l.modelValue?.value === a.value,
-                    class: t(e.$style.arrow),
-                    "data-loading": l.isLoading
-                  }, " ↓ ", 10, C)
-                ], 10, $)) : m("", !0)
-              ], 10, V)
+                  a("span", {
+                    class: l(e.$style.arrow),
+                    "data-current": t.modelValue?.isAsc && t.modelValue?.value === s.value,
+                    "data-loading": t.isLoading,
+                    "data-test": "ui-table-header-sort-asc"
+                  }, " ↑ ", 10, C),
+                  a("span", {
+                    class: l(e.$style.arrow),
+                    "data-current": !t.modelValue?.isAsc && t.modelValue?.value === s.value,
+                    "data-loading": t.isLoading,
+                    "data-test": "ui-table-header-sort-desc"
+                  }, " ↓ ", 10, L)
+                ], 10, S)) : m("", !0)
+              ], 10, B)
             ], 2))), 128))
           ])
         ]),
-        s("tbody", null, [
-          w(e.$slots, "default")
+        a("tbody", null, [
+          V(e.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}), M = "_tableBlock_szy89_1", A = "_scrollMessage_szy89_6", E = "_table_szy89_1", N = "_th_szy89_27", T = "_label_szy89_39", U = "_sort_szy89_57", D = "_arrow_szy89_69", F = {
-  tableBlock: M,
-  scrollMessage: A,
-  table: E,
-  th: N,
-  label: T,
-  sort: U,
-  arrow: D
-}, j = {
-  $style: F
-}, I = /* @__PURE__ */ B(L, [["__cssModules", j]]);
+}), A = "_tableBlock_szy89_1", E = "_scrollMessage_szy89_6", N = "_table_szy89_1", T = "_th_szy89_27", U = "_label_szy89_39", D = "_sort_szy89_57", F = "_arrow_szy89_69", j = {
+  tableBlock: A,
+  scrollMessage: E,
+  table: N,
+  th: T,
+  label: U,
+  sort: D,
+  arrow: F
+}, q = {
+  $style: j
+}, J = /* @__PURE__ */ w(M, [["__cssModules", q]]);
 export {
-  I as default
+  J as default
 };

package/dist/UiUpload/UiUpload.css

@@ -1 +1 @@
-._container_1r8ww_1{display:flex;gap:16px}._upload_1r8ww_6{display:flex;flex-direction:column;gap:4px}._addButton_1r8ww_12{display:flex;flex-direction:column;gap:8px;min-width:200px}._text_1r8ww_19{font-size:.75rem}._text_1r8ww_19[data-error=true]{color:var(--color-error)}._input_1r8ww_26{display:none}._name_1r8ww_30{flex:1;max-width:136px;overflow:hidden;font-size:.875rem;text-overflow:ellipsis}._files_1r8ww_38{display:flex;gap:8px;align-items:center}._error_1r8ww_44{color:var(--color-error)}._uploadButton_1r8ww_48[data-label=true]{margin-top:28px}
+._container_1acec_1{display:flex;gap:16px}._upload_1acec_6{display:flex;flex-direction:column;gap:4px}._addButton_1acec_12{display:flex;flex-direction:column;gap:8px;min-width:200px}._text_1acec_19{font-size:.75rem}._text_1acec_19[data-error=true]{color:var(--color-error)}._input_1acec_26{display:none}._name_1acec_30{flex:1;max-width:136px;overflow:hidden;font-size:.875rem;text-overflow:ellipsis}._file_1acec_38{display:flex;gap:8px;align-items:center}._error_1acec_44{color:var(--color-error)}._uploadButton_1acec_48[data-label=true]{margin-top:28px}

package/dist/UiUpload/UiUpload.d.ts

@@ -3,10 +3,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
-    layout: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
     isDisabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -37,10 +33,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
-    layout: {
-        type: import("vue").PropType<"primary" | "secondary">;
-        default: string;
-    };
     isDisabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -72,7 +64,6 @@ declare const _default: import("vue").DefineComponent<{
     onUpload?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    layout: "primary" | "secondary";
     error: string | boolean;
     extensions: string[];
     file: File;

package/dist/UiUpload/UiUpload.js

@@ -1,22 +1,24 @@
 import "./UiUpload.css";
-import { openBlock as i, createElementBlock as s, createStaticVNode as S, defineComponent as b, ref as w, computed as z, normalizeClass as o, createElementVNode as a, toDisplayString as c, createCommentVNode as d, createVNode as p, unref as D, withCtx as f, createTextVNode as u, Fragment as g, renderList as M, withDirectives as N, vShow as U } from "vue";
+import { openBlock as n, createElementBlock as o, createStaticVNode as z, defineComponent as I, ref as $, computed as M, normalizeClass as i, createElementVNode as s, toDisplayString as u, createCommentVNode as c, createVNode as p, unref as k, withCtx as f, createTextVNode as r, Fragment as B, renderList as D, withDirectives as F, vShow as N } from "vue";
 import _ from "../UiButton/UiButton.js";
-import { _ as V } from "../_plugin-vue_export-helper-dad06003.js";
-const R = {
+import { _ as U } from "../_plugin-vue_export-helper-dad06003.js";
+const v = 10 * 1024 * 1024;
+new File([""], "file1.png");
+new File([""], "file2.png");
+const V = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   fill: "none"
-}, j = /* @__PURE__ */ S('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M12.219 0h.875C14.719.313 15.688 1.281 16 2.906v.875a3.576 3.576 0 0 1-.766 1.719l-4.546 4.547c-1.024.792-2.149.98-3.376.562a3.552 3.552 0 0 1-1.234-.828c-.247-.498-.117-.857.39-1.078a.979.979 0 0 1 .438.031c.2.169.408.325.625.47.727.375 1.435.344 2.125-.095 1.525-1.494 3.041-2.999 4.547-4.515.619-.881.598-1.746-.062-2.594-.858-.79-1.77-.857-2.735-.203a143.12 143.12 0 0 1-2.531 2.5c-.48.2-.819.06-1.016-.422a.8.8 0 0 1 .094-.563L10.531.735A3.614 3.614 0 0 1 12.22 0Z"></path><path d="M3.781 16h-.875C1.281 15.687.312 14.719 0 13.094v-.875c.101-.64.356-1.213.766-1.719l4.171-4.172c1.105-.844 2.303-1 3.594-.469.307.151.588.339.844.563a.75.75 0 0 1 .266.797c-.182.406-.49.546-.922.422l-.688-.5c-.71-.342-1.398-.3-2.062.125-1.4 1.369-2.791 2.749-4.172 4.14-.627.9-.595 1.774.094 2.625.792.72 1.652.808 2.578.266l2.281-2.219c.586-.212.93-.014 1.031.594a.708.708 0 0 1-.11.39c-.723.725-1.447 1.448-2.171 2.172A3.576 3.576 0 0 1 3.781 16Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs>', 2), x = [
-  j
+}, x = /* @__PURE__ */ z('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M12.219 0h.875C14.719.313 15.688 1.281 16 2.906v.875a3.576 3.576 0 0 1-.766 1.719l-4.546 4.547c-1.024.792-2.149.98-3.376.562a3.552 3.552 0 0 1-1.234-.828c-.247-.498-.117-.857.39-1.078a.979.979 0 0 1 .438.031c.2.169.408.325.625.47.727.375 1.435.344 2.125-.095 1.525-1.494 3.041-2.999 4.547-4.515.619-.881.598-1.746-.062-2.594-.858-.79-1.77-.857-2.735-.203a143.12 143.12 0 0 1-2.531 2.5c-.48.2-.819.06-1.016-.422a.8.8 0 0 1 .094-.563L10.531.735A3.614 3.614 0 0 1 12.22 0Z"></path><path d="M3.781 16h-.875C1.281 15.687.312 14.719 0 13.094v-.875c.101-.64.356-1.213.766-1.719l4.171-4.172c1.105-.844 2.303-1 3.594-.469.307.151.588.339.844.563a.75.75 0 0 1 .266.797c-.182.406-.49.546-.922.422l-.688-.5c-.71-.342-1.398-.3-2.062.125-1.4 1.369-2.791 2.749-4.172 4.14-.627.9-.595 1.774.094 2.625.792.72 1.652.808 2.578.266l2.281-2.219c.586-.212.93-.014 1.031.594a.708.708 0 0 1-.11.39c-.723.725-1.447 1.448-2.171 2.172A3.576 3.576 0 0 1 3.781 16Z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs>', 2), E = [
+  x
 ];
-function A(y, r) {
-  return i(), s("svg", R, x);
+function L(m, d) {
+  return n(), o("svg", V, E);
 }
-const F = { render: A }, I = { key: 0 }, q = ["data-error"], E = ["accept", "multiple"], L = ["data-label"], P = /* @__PURE__ */ b({
+const R = { render: L }, j = { key: 0 }, q = { "data-test": "ui-upload-label" }, A = ["data-error"], Z = ["accept", "multiple"], P = ["data-label"], H = /* @__PURE__ */ I({
   __name: "UiUpload",
   props: {
-    layout: { default: "secondary" },
     label: { default: void 0 },
     file: { default: void 0 },
     files: { default: () => [] },
@@ -27,136 +29,147 @@ const F = { render: A }, I = { key: 0 }, q = ["data-error"], E = ["accept", "mul
     isSingle: { type: Boolean }
   },
   emits: ["add", "remove", "upload"],
-  setup(y, { emit: r }) {
-    const e = y, v = w(), m = w(0), $ = z(() => e.extensions.map((t) => `.${t}`).join());
-    function k() {
-      v?.value?.click?.();
+  setup(m, { emit: d }) {
+    const e = m, y = $(), g = $(0), C = M(() => e.extensions.map((t) => `.${t}`).join());
+    function S() {
+      y?.value?.click?.();
     }
     async function h(t) {
-      r("remove", t), m.value++;
+      d("remove", t), g.value++;
     }
-    function B(t) {
+    function b(t) {
       if (e.isSingle) {
         const l = t.files?.[0];
-        l?.size && l.size < 10 * 1024 * 1024 && r("add", l);
+        l?.size && l.size < v && d("add", l);
       } else {
         const l = t.files;
         if (l === null)
           return;
-        for (let n = 0; n < l.length; n++)
-          l[n].size && l[n].size < 10 * 1024 * 1024 && r("add", l[n]);
+        for (let a = 0; a < l.length; a++)
+          l[a].size && l[a].size < v && d("add", l[a]);
       }
     }
-    return (t, l) => (i(), s("div", {
-      class: o(t.$style.container)
+    return (t, l) => (n(), o("div", {
+      class: i(t.$style.container)
     }, [
-      a("div", {
-        class: o(t.$style.upload)
+      s("div", {
+        class: i(t.$style.upload)
       }, [
-        e.label ? (i(), s("div", I, [
-          a("span", null, c(e.label), 1),
-          e.isRequired ? (i(), s("span", {
+        e.label ? (n(), o("div", j, [
+          s("span", q, u(e.label), 1),
+          e.isRequired ? (n(), o("span", {
             key: 0,
-            class: o(t.$style.error)
-          }, "*", 2)) : d("", !0)
-        ])) : d("", !0),
-        a("div", {
-          class: o(t.$style.addButton)
+            class: i(t.$style.error),
+            "data-test": "ui-upload-required"
+          }, "*", 2)) : c("", !0)
+        ])) : c("", !0),
+        s("div", {
+          class: i(t.$style.addButton)
         }, [
           p(_, {
-            layout: e.layout,
+            onClick: S,
+            layout: "secondary",
             isDisabled: e.isDisabled || e.isSingle && e.files.length >= 1 || e.isSingle && !!e.file,
-            onClick: k,
-            icon: D(F)
+            icon: k(R),
+            "data-test": "ui-upload-add"
           }, {
             default: f(() => [
-              u(" Add file"),
-              e.isSingle ? d("", !0) : (i(), s(g, { key: 0 }, [
-                u("s")
+              r(" Add file"),
+              e.isSingle ? c("", !0) : (n(), o(B, { key: 0 }, [
+                r("s")
               ], 64))
             ]),
             _: 1
-          }, 8, ["layout", "isDisabled", "icon"]),
-          a("div", {
-            class: o(t.$style.text),
-            "data-error": !!e.error
-          }, "Size up to 10 Mb, " + c(e.extensions.join(", ")) + ".", 11, q)
+          }, 8, ["isDisabled", "icon"]),
+          s("div", {
+            class: i(t.$style.text),
+            "data-error": !!e.error,
+            "data-test": "ui-upload-text"
+          }, " Size up to " + u(k(v) / (1024 * 1024)) + " Mb, " + u(e.extensions.join(", ")) + ". ", 11, A)
         ], 2),
-        (i(), s("input", {
-          ref_key: "input",
-          ref: v,
-          class: o(t.$style.input),
-          key: m.value,
+        (n(), o("input", {
           type: "file",
-          accept: $.value,
+          onInput: l[0] || (l[0] = (a) => b(a.target)),
+          ref_key: "input",
+          ref: y,
+          class: i(t.$style.input),
+          key: g.value,
+          accept: C.value,
           multiple: !e.isSingle,
-          onInput: l[0] || (l[0] = (n) => B(n.target))
-        }, null, 42, E)),
-        e.files?.length && !e.file ? (i(!0), s(g, { key: 1 }, M(t.files, (n, C) => (i(), s("div", {
-          key: `${n}-${C}`,
-          class: o(t.$style.files)
+          "data-test": "ui-upload-input"
+        }, null, 42, Z)),
+        e.files?.length && !e.file ? (n(!0), o(B, { key: 1 }, D(t.files, (a, w) => (n(), o("div", {
+          key: `${a}-${w}`,
+          class: i(t.$style.file),
+          "data-test": "ui-upload-file"
         }, [
-          a("div", {
-            class: o(t.$style.name)
-          }, c(n.name), 3),
+          s("div", {
+            class: i(t.$style.name),
+            "data-test": "ui-upload-file-name"
+          }, u(a.name), 3),
           p(_, {
-            onClick: (ee) => h(n),
-            layout: "plain"
+            onClick: (le) => h(a),
+            layout: "plain",
+            "data-test": "ui-upload-file-remove"
           }, {
             default: f(() => [
-              u("Remove")
+              r("Remove")
             ]),
             _: 2
           }, 1032, ["onClick"])
-        ], 2))), 128)) : d("", !0),
-        e.isSingle && e.file ? (i(), s("div", {
+        ], 2))), 128)) : c("", !0),
+        e.isSingle && e.file ? (n(), o("div", {
           key: 2,
-          class: o(t.$style.files)
+          class: i(t.$style.file),
+          "data-test": "ui-upload-file-single"
         }, [
-          a("div", {
-            class: o(t.$style.name)
-          }, c(e.file.name), 3),
+          s("div", {
+            class: i(t.$style.name),
+            "data-test": "ui-upload-file-name-single"
+          }, u(e.file.name), 3),
           p(_, {
-            onClick: l[1] || (l[1] = (n) => h(e.file)),
-            layout: "plain"
+            onClick: l[1] || (l[1] = (a) => h(e.file)),
+            layout: "plain",
+            "data-test": "ui-upload-file-remove-single"
           }, {
             default: f(() => [
-              u("Remove")
+              r("Remove")
             ]),
             _: 1
           })
-        ], 2)) : d("", !0)
+        ], 2)) : c("", !0)
       ], 2),
-      N(a("div", {
-        class: o(t.$style.uploadButton),
+      F(s("div", {
+        class: i(t.$style.uploadButton),
         "data-label": !!e.label
       }, [
         p(_, {
-          onClick: l[2] || (l[2] = (n) => r("upload"))
+          onClick: l[2] || (l[2] = (a) => d("upload")),
+          "data-test": "ui-upload"
         }, {
           default: f(() => [
-            u("Upload")
+            r("Upload")
           ]),
           _: 1
         })
-      ], 10, L), [
-        [U, e.isSingle && e.file || !!e.files.length]
+      ], 10, P), [
+        [N, e.isSingle && e.file || !!e.files.length]
       ])
     ], 2));
   }
-}), Z = "_container_1r8ww_1", H = "_upload_1r8ww_6", K = "_addButton_1r8ww_12", G = "_text_1r8ww_19", J = "_input_1r8ww_26", O = "_name_1r8ww_30", Q = "_files_1r8ww_38", W = "_error_1r8ww_44", X = "_uploadButton_1r8ww_48", Y = {
-  container: Z,
-  upload: H,
-  addButton: K,
-  text: G,
-  input: J,
-  name: O,
-  files: Q,
-  error: W,
-  uploadButton: X
-}, T = {
-  $style: Y
-}, oe = /* @__PURE__ */ V(P, [["__cssModules", T]]);
+}), K = "_container_1acec_1", G = "_upload_1acec_6", J = "_addButton_1acec_12", O = "_text_1acec_19", Q = "_input_1acec_26", T = "_name_1acec_30", W = "_file_1acec_38", X = "_error_1acec_44", Y = "_uploadButton_1acec_48", ee = {
+  container: K,
+  upload: G,
+  addButton: J,
+  text: O,
+  input: Q,
+  name: T,
+  file: W,
+  error: X,
+  uploadButton: Y
+}, te = {
+  $style: ee
+}, oe = /* @__PURE__ */ U(H, [["__cssModules", te]]);
 export {
   oe as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mhz-ui",
   "description": "mhz-ui",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
   "license": "MIT",
   "type": "module",
@@ -32,37 +32,37 @@
     "@vueuse/integrations": "10.4.1",
     "perfect-debounce": "1.0.0",
     "vue": "3.3.4",
-    "vue-router": "4.2.4"
+    "vue-router": "4.2.5"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.4.3",
-    "@storybook/addon-interactions": "7.4.3",
-    "@storybook/addon-links": "7.4.3",
-    "@storybook/blocks": "7.4.3",
-    "@storybook/core-events": "7.4.3",
-    "@storybook/preview-api": "7.4.3",
-    "@storybook/vue3": "7.4.3",
-    "@storybook/vue3-vite": "7.4.3",
-    "@types/node": "20.6.3",
+    "@storybook/addon-essentials": "7.4.4",
+    "@storybook/addon-interactions": "7.4.4",
+    "@storybook/addon-links": "7.4.4",
+    "@storybook/blocks": "7.4.4",
+    "@storybook/core-events": "7.4.4",
+    "@storybook/preview-api": "7.4.4",
+    "@storybook/vue3": "7.4.4",
+    "@storybook/vue3-vite": "7.4.4",
+    "@types/node": "20.6.4",
     "@typescript-eslint/eslint-plugin": "6.7.2",
     "@typescript-eslint/parser": "6.7.2",
     "@vitejs/plugin-vue": "4.3.4",
-    "@vitest/coverage-v8": "0.34.4",
+    "@vitest/coverage-v8": "0.34.5",
     "@vue/test-utils": "2.4.1",
-    "eslint": "8.49.0",
+    "eslint": "8.50.0",
     "eslint-config-prettier": "9.0.0",
-    "eslint-import-resolver-typescript": "3.6.0",
+    "eslint-import-resolver-typescript": "3.6.1",
     "eslint-plugin-import": "2.28.1",
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-vue": "9.17.0",
-    "happy-dom": "12.1.5",
+    "happy-dom": "12.1.6",
     "postcss-html": "1.5.0",
     "postcss-scss": "4.0.8",
     "prettier": "3.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sass": "1.68.0",
-    "storybook": "7.4.3",
+    "storybook": "7.4.4",
     "stylelint": "15.10.3",
     "stylelint-config-recess-order": "4.3.0",
     "stylelint-config-recommended-scss": "13.0.0",
@@ -70,16 +70,16 @@
     "stylelint-prettier": "4.0.2",
     "typescript": "5.2.2",
     "vite": "4.4.9",
-    "vite-plugin-dts": "3.5.3",
+    "vite-plugin-dts": "3.5.4",
     "vite-plugin-static-copy": "0.17.0",
     "vite-svg-loader": "4.0.0",
-    "vitest": "0.34.4",
+    "vitest": "0.34.5",
     "vue-linters-config": "0.1.12",
     "vue-tsc": "1.8.13"
   },
   "peerDependencies": {
     "vue": "3.3.4",
-    "vue-router": "4.2.4"
+    "vue-router": "4.2.5"
   },
   "engines": {
     "npm": ">=9.8.1",