@davidbirchall/core 1.0.2 → 1.0.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, openBlock as a, createBlock as W, resolveDynamicComponent as K, mergeProps as fe, toHandlers as ve, withCtx as j, renderSlot as D, createElementBlock as l, createCommentVNode as c, normalizeClass as w, ref as V, computed as M, createElementVNode as n, withModifiers as O, toDisplayString as r, Fragment as L, renderList as A, createTextVNode as Y, watch as Q, onMounted as Z, onBeforeUnmount as ee, Teleport as J, normalizeStyle as U, createVNode as X, onUnmounted as he, Transition as te } from "vue";
+import { defineComponent as C, openBlock as a, createBlock as W, resolveDynamicComponent as K, mergeProps as fe, toHandlers as ve, withCtx as j, renderSlot as D, createElementBlock as l, createCommentVNode as c, normalizeClass as w, ref as V, computed as M, createElementVNode as n, withModifiers as O, toDisplayString as r, Fragment as L, renderList as N, createTextVNode as Y, watch as Q, onMounted as Z, onBeforeUnmount as ee, Teleport as J, normalizeStyle as U, createVNode as X, onUnmounted as he, Transition as te } from "vue";
 const be = {
   key: 0,
   class: "sr-only"
@@ -73,80 +73,83 @@ const be = {
   setup(e, { emit: m }) {
     const t = e, f = m, v = (() => {
       if (t.initialDate) {
-        const [s, _, i] = t.initialDate.split("-").map(Number);
-        return new Date(s, _ - 1, i);
+        const [s, k, i] = t.initialDate.split("-").map(Number);
+        return new Date(s, k - 1, i);
       }
       if (t.modelValue) {
         if (typeof t.modelValue == "string") {
-          const [s, _, i] = t.modelValue.split("-").map(Number);
-          return new Date(s, _ - 1, i);
+          const [s, k, i] = t.modelValue.split("-").map(Number);
+          return new Date(s, k - 1, i);
         }
         if (typeof t.modelValue == "object" && "start" in t.modelValue && t.modelValue.start) {
-          const [s, _, i] = t.modelValue.start.split("-").map(Number);
-          return new Date(s, _ - 1, i);
+          const [s, k, i] = t.modelValue.start.split("-").map(Number);
+          return new Date(s, k - 1, i);
         }
         if (Array.isArray(t.modelValue) && t.modelValue.length > 0) {
-          const [s, _, i] = t.modelValue[0].split("-").map(Number);
-          return new Date(s, _ - 1, i);
+          const [s, k, i] = t.modelValue[0].split("-").map(Number);
+          return new Date(s, k - 1, i);
         }
       }
       return /* @__PURE__ */ new Date();
-    })(), d = V(v.getMonth()), g = V(v.getFullYear()), o = V(null), h = V(null), b = V(Math.floor(v.getFullYear() / 12) * 12), I = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], R = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], P = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], N = M(() => R[d.value]), $ = M(() => {
+    })(), d = V(v.getMonth()), g = V(v.getFullYear()), o = V(null), h = V(null), b = V(Math.floor(v.getFullYear() / 12) * 12), I = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], q = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], P = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], z = M(() => q[d.value]), _ = M(() => {
       const s = [...P];
       return t.firstDayOfWeek > 0 ? [...s.slice(t.firstDayOfWeek), ...s.slice(0, t.firstDayOfWeek)] : s;
-    }), y = M(() => Array.from({ length: 12 }, (s, _) => b.value + _)), p = M(() => {
-      const s = b.value, _ = s + 11;
-      return `${s} - ${_}`;
+    }), y = M(() => Array.from({ length: 12 }, (s, k) => b.value + k)), p = M(() => {
+      const s = b.value, k = s + 11;
+      return `${s} - ${k}`;
     }), S = M(() => {
-      const s = [], _ = new Date(g.value, d.value, 1), i = new Date(g.value, d.value + 1, 0);
-      let T = _.getDay() - t.firstDayOfWeek;
+      const s = [], k = new Date(g.value, d.value, 1), i = new Date(g.value, d.value + 1, 0);
+      let T = k.getDay() - t.firstDayOfWeek;
       T < 0 && (T += 7);
       const G = new Date(g.value, d.value, 0).getDate();
       for (let E = T - 1; E >= 0; E--) {
         const F = new Date(g.value, d.value - 1, G - E);
-        s.push(k(F, !1));
+        s.push($(F, !1));
       }
       for (let E = 1; E <= i.getDate(); E++) {
         const F = new Date(g.value, d.value, E);
-        s.push(k(F, !0));
+        s.push($(F, !0));
       }
       const me = 42 - s.length;
       for (let E = 1; E <= me; E++) {
         const F = new Date(g.value, d.value + 1, E);
-        s.push(k(F, !1));
+        s.push($(F, !1));
       }
       return s;
-    }), k = (s, _) => {
+    }), $ = (s, k) => {
       const i = B(s), T = B(/* @__PURE__ */ new Date());
       return {
         date: s,
         dateString: i,
-        isCurrentMonth: _,
+        isCurrentMonth: k,
         isToday: i === T,
-        isSelected: q(i),
-        isDisabled: z(i),
+        isSelected: A(i),
+        isDisabled: R(i),
         isInRange: H(i)
       };
     }, B = (s) => {
-      const _ = s.getFullYear(), i = String(s.getMonth() + 1).padStart(2, "0"), T = String(s.getDate()).padStart(2, "0");
-      return `${_}-${i}-${T}`;
-    }, q = (s) => t.modelValue ? t.mode === "single" ? t.modelValue === s : t.mode === "multiple" && Array.isArray(t.modelValue) ? t.modelValue.includes(s) : t.mode === "range" && typeof t.modelValue == "object" && "start" in t.modelValue ? s === t.modelValue.start || s === t.modelValue.end : !1 : !1, z = (s) => !!(t.minDate && s < t.minDate || t.maxDate && s > t.maxDate || t.disabledDates?.includes(s)), H = (s) => {
+      const k = s.getFullYear(), i = String(s.getMonth() + 1).padStart(2, "0"), T = String(s.getDate()).padStart(2, "0");
+      return `${k}-${i}-${T}`;
+    }, A = (s) => t.modelValue ? t.mode === "single" ? t.modelValue === s : t.mode === "multiple" && Array.isArray(t.modelValue) ? t.modelValue.includes(s) : t.mode === "range" && typeof t.modelValue == "object" && "start" in t.modelValue ? s === t.modelValue.start || s === t.modelValue.end : !1 : !1, R = (s) => {
+      var k;
+      return !!(t.minDate && s < t.minDate || t.maxDate && s > t.maxDate || (k = t.disabledDates) != null && k.includes(s));
+    }, H = (s) => {
       if (t.mode !== "range" || typeof t.modelValue != "object" || !("start" in t.modelValue)) return !1;
-      const { start: _, end: i } = t.modelValue;
-      return !_ || !i ? !1 : s > _ && s < i;
+      const { start: k, end: i } = t.modelValue;
+      return !k || !i ? !1 : s > k && s < i;
     }, le = (s) => {
       if (!s.isDisabled) {
         if (t.mode === "single")
           f("update:modelValue", s.dateString);
         else if (t.mode === "multiple") {
-          const _ = Array.isArray(t.modelValue) ? [...t.modelValue] : [], i = _.indexOf(s.dateString);
-          i > -1 ? _.splice(i, 1) : _.push(s.dateString), f("update:modelValue", _);
+          const k = Array.isArray(t.modelValue) ? [...t.modelValue] : [], i = k.indexOf(s.dateString);
+          i > -1 ? k.splice(i, 1) : k.push(s.dateString), f("update:modelValue", k);
         } else if (t.mode === "range")
           if (!h.value)
             h.value = s.dateString, f("update:modelValue", { start: s.dateString, end: s.dateString });
           else {
-            const _ = h.value < s.dateString ? h.value : s.dateString, i = h.value < s.dateString ? s.dateString : h.value;
-            f("update:modelValue", { start: _, end: i }), h.value = null;
+            const k = h.value < s.dateString ? h.value : s.dateString, i = h.value < s.dateString ? s.dateString : h.value;
+            f("update:modelValue", { start: k, end: i }), h.value = null;
           }
       }
     }, ne = () => {
@@ -166,7 +169,7 @@ const be = {
     }, ue = () => {
       b.value += 12;
     };
-    return (s, _) => (a(), l("div", $e, [
+    return (s, k) => (a(), l("div", $e, [
       n("div", _e, [
         n("button", {
           onClick: O(ne, ["stop"]),
@@ -178,7 +181,7 @@ const be = {
             onClick: O(oe, ["stop"]),
             class: "calendar-month-btn",
             type: "button"
-          }, r(N.value), 1),
+          }, r(z.value), 1),
           n("button", {
             onClick: O(re, ["stop"]),
             class: "calendar-year-btn",
@@ -193,7 +196,7 @@ const be = {
       ]),
       o.value ? o.value === "month" ? (a(), l("div", Ie, [
         n("div", Se, [
-          (a(), l(L, null, A(I, (i, T) => n("button", {
+          (a(), l(L, null, N(I, (i, T) => n("button", {
             key: i,
             onClick: O((G) => de(T), ["stop"]),
             type: "button",
@@ -218,7 +221,7 @@ const be = {
           }, " › ")
         ]),
         n("div", Oe, [
-          (a(!0), l(L, null, A(y.value, (i) => (a(), l("button", {
+          (a(!0), l(L, null, N(y.value, (i) => (a(), l("button", {
             key: i,
             onClick: O((T) => ie(i), ["stop"]),
             type: "button",
@@ -230,13 +233,13 @@ const be = {
         ])
       ])) : c("", !0) : (a(), l("div", Ve, [
         n("div", De, [
-          (a(!0), l(L, null, A($.value, (i) => (a(), l("div", {
+          (a(!0), l(L, null, N(_.value, (i) => (a(), l("div", {
             key: i,
             class: "calendar-weekday"
           }, r(i), 1))), 128))
         ]),
         n("div", Ce, [
-          (a(!0), l(L, null, A(S.value, (i) => (a(), l("button", {
+          (a(!0), l(L, null, N(S.value, (i) => (a(), l("button", {
             key: i.dateString,
             onClick: (T) => le(i),
             type: "button",
@@ -349,7 +352,7 @@ const be = {
         n("table", Ge, [
           n("thead", Ke, [
             n("tr", null, [
-              (a(!0), l(L, null, A(e.columns, (o) => (a(), l("th", {
+              (a(!0), l(L, null, N(e.columns, (o) => (a(), l("th", {
                 key: o.key,
                 class: w(["data-table__header", { "data-table__header--sortable": o.sortable }]),
                 onClick: (h) => o.sortable ? u(o.key) : void 0
@@ -364,11 +367,11 @@ const be = {
             ])
           ]),
           n("tbody", null, [
-            (a(!0), l(L, null, A(v.value, (o, h) => (a(), l("tr", {
+            (a(!0), l(L, null, N(v.value, (o, h) => (a(), l("tr", {
               key: h,
               class: "data-table__row"
             }, [
-              (a(!0), l(L, null, A(e.columns, (b) => (a(), l("td", {
+              (a(!0), l(L, null, N(e.columns, (b) => (a(), l("td", {
                 key: b.key,
                 class: "data-table__cell"
               }, [
@@ -420,24 +423,24 @@ const be = {
       left: "0px",
       width: "320px"
     }), I = V(t.modelValue);
-    Q(() => t.modelValue, (k) => {
-      I.value = k;
+    Q(() => t.modelValue, ($) => {
+      I.value = $;
     }, { immediate: !0 });
-    const R = M(() => {
+    const q = M(() => {
       if (!t.modelValue) return "";
       if (t.mode === "single" && typeof t.modelValue == "string")
         return P(t.modelValue);
       if (t.mode === "multiple" && Array.isArray(t.modelValue))
-        return t.modelValue.map((k) => P(k)).join(", ");
+        return t.modelValue.map(($) => P($)).join(", ");
       if (t.mode === "range" && typeof t.modelValue == "object" && "start" in t.modelValue) {
-        const { start: k, end: B } = t.modelValue;
-        if (k && B)
-          return `${P(k)} - ${P(B)}`;
-        if (k) return P(k);
+        const { start: $, end: B } = t.modelValue;
+        if ($ && B)
+          return `${P($)} - ${P(B)}`;
+        if ($) return P($);
       }
       return "";
-    }), P = (k) => {
-      const [B, q, z] = k.split("-").map(Number), H = new Date(B, q - 1, z);
+    }), P = ($) => {
+      const [B, A, R] = $.split("-").map(Number), H = new Date(B, A - 1, R);
       return t.format === "long" ? H.toLocaleDateString("en-US", {
         year: "numeric",
         month: "long",
@@ -447,53 +450,54 @@ const be = {
         month: "short",
         day: "numeric"
       });
-    }, N = () => {
-      t.disabled || (u.value ? y() : $());
-    }, $ = () => {
+    }, z = () => {
+      t.disabled || (u.value ? y() : _());
+    }, _ = () => {
       u.value = !0, setTimeout(() => {
         if (o.value) {
-          const k = o.value.getBoundingClientRect(), q = window.innerHeight - k.bottom, z = 400;
-          q < z && k.top > z ? b.value = {
-            top: `${k.top - z + window.scrollY}px`,
-            left: `${k.left + window.scrollX}px`,
+          const $ = o.value.getBoundingClientRect(), A = window.innerHeight - $.bottom, R = 400;
+          A < R && $.top > R ? b.value = {
+            top: `${$.top - R + window.scrollY}px`,
+            left: `${$.left + window.scrollX}px`,
             width: "320px"
           } : b.value = {
-            top: `${k.bottom + 4 + window.scrollY}px`,
-            left: `${k.left + window.scrollX}px`,
+            top: `${$.bottom + 4 + window.scrollY}px`,
+            left: `${$.left + window.scrollX}px`,
             width: "320px"
           };
         }
       }, 0);
     }, y = () => {
       u.value = !1;
-    }, p = (k) => {
-      I.value = k, f("update:modelValue", k), t.mode === "single" && setTimeout(() => {
+    }, p = ($) => {
+      I.value = $, f("update:modelValue", $), t.mode === "single" && setTimeout(() => {
         y();
-      }, 200), t.mode === "range" && typeof k == "object" && "start" in k && k.end && setTimeout(() => {
+      }, 200), t.mode === "range" && typeof $ == "object" && "start" in $ && $.end && setTimeout(() => {
         y();
       }, 200);
-    }, S = (k) => {
+    }, S = ($) => {
+      var A, R;
       if (!u.value) return;
-      const B = k.target;
-      o.value?.contains(B) || h.value?.contains(B) || y();
+      const B = $.target;
+      (A = o.value) != null && A.contains(B) || (R = h.value) != null && R.contains(B) || y();
     };
     return Z(() => {
       document.addEventListener("click", S);
     }), ee(() => {
       document.removeEventListener("click", S);
-    }), (k, B) => (a(), l("div", {
+    }), ($, B) => (a(), l("div", {
       class: "date-picker",
       ref_key: "datePickerRef",
       ref: o
     }, [
       n("div", {
         class: "date-picker-input",
-        onClick: N
+        onClick: z
       }, [
         n("input", {
           type: "text",
           id: g.value,
-          value: R.value,
+          value: q.value,
           placeholder: e.placeholder,
           readonly: "",
           disabled: e.disabled,
@@ -513,7 +517,7 @@ const be = {
           X(ae, {
             modelValue: I.value,
             "onUpdate:modelValue": [
-              B[0] || (B[0] = (q) => I.value = q),
+              B[0] || (B[0] = (A) => I.value = A),
               p
             ],
             mode: e.mode,
@@ -564,40 +568,40 @@ const be = {
       d.value = !1, f("close");
     }, I = () => {
       if (!u.value || !v.value) return;
-      const $ = u.value.getBoundingClientRect(), y = v.value.getBoundingClientRect();
+      const _ = u.value.getBoundingClientRect(), y = v.value.getBoundingClientRect();
       let p = 0, S = 0;
       switch (t.placement) {
         case "bottom-left":
-          p = $.bottom + 8, S = $.left;
+          p = _.bottom + 8, S = _.left;
           break;
         case "bottom-right":
-          p = $.bottom + 8, S = $.right - y.width;
+          p = _.bottom + 8, S = _.right - y.width;
           break;
         case "top-left":
-          p = $.top - y.height - 8, S = $.left;
+          p = _.top - y.height - 8, S = _.left;
           break;
         case "top-right":
-          p = $.top - y.height - 8, S = $.right - y.width;
+          p = _.top - y.height - 8, S = _.right - y.width;
           break;
       }
       g.value = {
         top: `${p}px`,
         left: `${S}px`
       };
-    }, R = ($) => {
-      $.disabled || (f("select", $), t.closeOnClick && b());
-    }, P = ($) => {
-      $.stopPropagation();
-    }, N = ($) => {
+    }, q = (_) => {
+      _.disabled || (f("select", _), t.closeOnClick && b());
+    }, P = (_) => {
+      _.stopPropagation();
+    }, z = (_) => {
       if (!u.value || !v.value) return;
-      const y = $.target;
+      const y = _.target;
       !u.value.contains(y) && !v.value.contains(y) && b();
     };
     return Z(() => {
-      document.addEventListener("click", N), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I);
+      document.addEventListener("click", z), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I);
     }), he(() => {
-      document.removeEventListener("click", N), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
-    }), ($, y) => (a(), l("div", {
+      document.removeEventListener("click", z), window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+    }), (_, y) => (a(), l("div", {
       ref_key: "dropdownRef",
       ref: u,
       class: w(["dropdown", { "dropdown--disabled": e.disabled }])
@@ -606,7 +610,7 @@ const be = {
         onClick: o,
         class: "dropdown__trigger"
       }, [
-        D($.$slots, "trigger", {}, () => [
+        D(_.$slots, "trigger", {}, () => [
           y[0] || (y[0] = n("button", {
             type: "button",
             class: "dropdown__button"
@@ -624,18 +628,18 @@ const be = {
               style: U(g.value),
               onClick: P
             }, [
-              $.$slots.header ? (a(), l("div", ut, [
-                D($.$slots, "header", {}, void 0, !0)
+              _.$slots.header ? (a(), l("div", ut, [
+                D(_.$slots, "header", {}, void 0, !0)
               ])) : c("", !0),
               n("div", mt, [
-                D($.$slots, "default", {}, () => [
-                  (a(!0), l(L, null, A(e.items, (p, S) => (a(), l(L, { key: S }, [
+                D(_.$slots, "default", {}, () => [
+                  (a(!0), l(L, null, N(e.items, (p, S) => (a(), l(L, { key: S }, [
                     p.divider ? (a(), l("div", ft)) : (a(), l("button", {
                       key: 1,
                       type: "button",
                       class: w(["dropdown__item", { "dropdown__item--disabled": p.disabled }]),
                       disabled: p.disabled,
-                      onClick: () => R(p)
+                      onClick: () => q(p)
                     }, [
                       p.icon ? (a(), l("span", ht, r(p.icon), 1)) : c("", !0),
                       n("span", bt, r(p.label), 1)
@@ -643,8 +647,8 @@ const be = {
                   ], 64))), 128))
                 ], !0)
               ]),
-              $.$slots.footer ? (a(), l("div", yt, [
-                D($.$slots, "footer", {}, void 0, !0)
+              _.$slots.footer ? (a(), l("div", yt, [
+                D(_.$slots, "footer", {}, void 0, !0)
               ])) : c("", !0)
             ], 6)) : c("", !0)
           ]),
@@ -743,7 +747,7 @@ const be = {
         ])
       ]),
       n("ul", Ot, [
-        (a(!0), l(L, null, A(e.errors, (f) => (a(), l("li", {
+        (a(!0), l(L, null, N(e.errors, (f) => (a(), l("li", {
           key: f.id,
           class: "error-summary__item"
         }, [
@@ -864,27 +868,27 @@ const be = {
   setup(e, { emit: m }) {
     const t = e, f = m, u = () => {
       f("update:modelValue", !1), f("close");
-    }, v = V(null), d = V(!1), g = V(!1), o = V(0), h = V(0), b = V(null), I = V(null), R = (y) => {
+    }, v = V(null), d = V(!1), g = V(!1), o = V(0), h = V(0), b = V(null), I = V(null), q = (y) => {
       if (!d.value) return;
       const p = Math.abs(y.clientX - o.value), S = Math.abs(y.clientY - h.value);
       (p > 5 || S > 5) && (g.value = !0);
     }, P = (y) => {
-      if (window.removeEventListener("pointermove", R), window.removeEventListener("pointerup", P), !d.value || I.value !== "overlay") {
+      if (window.removeEventListener("pointermove", q), window.removeEventListener("pointerup", P), !d.value || I.value !== "overlay") {
         d.value = !1, g.value = !1, I.value = null;
         return;
       }
       const p = v.value, S = p && y.target === p;
       t.closeOnOverlay && S && !g.value && u(), p && b.value !== null && p.hasPointerCapture(b.value) && p.releasePointerCapture(b.value), b.value = null, d.value = !1, g.value = !1, I.value = null;
-    }, N = (y) => {
+    }, z = (y) => {
       if (!t.closeOnOverlay || y.target !== y.currentTarget) return;
       d.value = !0, g.value = !1, I.value = "overlay", o.value = y.clientX, h.value = y.clientY;
       const p = v.value;
-      p && (b.value = y.pointerId, p.setPointerCapture(y.pointerId)), window.addEventListener("pointermove", R), window.addEventListener("pointerup", P);
-    }, $ = () => {
+      p && (b.value = y.pointerId, p.setPointerCapture(y.pointerId)), window.addEventListener("pointermove", q), window.addEventListener("pointerup", P);
+    }, _ = () => {
       I.value = "content";
     };
     return ee(() => {
-      window.removeEventListener("pointermove", R), window.removeEventListener("pointerup", P);
+      window.removeEventListener("pointermove", q), window.removeEventListener("pointerup", P);
     }), Q(() => t.modelValue, (y) => {
       y ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
     }), (y, p) => (a(), W(J, { to: "body" }, [
@@ -895,13 +899,13 @@ const be = {
             ref_key: "overlayRef",
             ref: v,
             class: "modal-overlay",
-            onPointerdown: O(N, ["self"])
+            onPointerdown: O(z, ["self"])
           }, [
             n("div", {
               class: w(["modal-content", [`modal-content--${e.size}`]]),
               onClick: p[0] || (p[0] = O(() => {
               }, ["stop"])),
-              onPointerdown: O($, ["stop"]),
+              onPointerdown: O(_, ["stop"]),
               onPointerup: p[1] || (p[1] = O(() => {
               }, ["stop"]))
             }, [
@@ -1021,7 +1025,7 @@ const be = {
         onChange: g
       }, [
         e.placeholder ? (a(), l("option", va, r(e.placeholder), 1)) : c("", !0),
-        (a(!0), l(L, null, A(e.options, (b) => (a(), l("option", {
+        (a(!0), l(L, null, N(e.options, (b) => (a(), l("option", {
           key: b.value,
           value: b.value
         }, r(b.label), 9, ha))), 128))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@davidbirchall/core",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Vue 3 component library with TypeScript",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -12,7 +12,7 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./style.css": "./dist/core.css"
+    "./core.css": "./dist/core.css"
   },
   "files": [
     "dist"
@@ -32,7 +32,7 @@
     "components",
     "typescript"
   ],
-  "author": "",
+  "author": "David Birchall",
   "license": "MIT",
   "peerDependencies": {
     "vue": "^3.4.0"
@@ -45,13 +45,13 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vitest/ui": "^4.0.17",
     "@vue/test-utils": "^2.4.6",
     "happy-dom": "^20.3.4",
     "storybook": "^8.6.15",
     "typescript": "^5.3.3",
-    "vite": "^7.3.1",
+    "vite": "^6.0.0",
     "vitest": "^4.0.17",
     "vue": "^3.4.15",
     "vue-tsc": "^3.2.4"