@scalar/sidebar 0.7.10 → 0.7.13

package/dist/components/HttpMethod.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as a, computed as r, createBlock as s, openBlock as l, resolveDynamicComponent as m, normalizeStyle as d, withCtx as c, renderSlot as h, createTextVNode as i, toDisplayString as u } from "vue";
+import { defineComponent as l, computed as r, createBlock as s, openBlock as p, resolveDynamicComponent as m, normalizeStyle as c, withCtx as d, renderSlot as h, createTextVNode as i, toDisplayString as u } from "vue";
 import { getHttpMethodInfo as f } from "@scalar/helpers/http/http-info";
 import { normalizeHttpMethod as y } from "@scalar/helpers/http/normalize-http-method";
-const z = /* @__PURE__ */ a({
+const x = /* @__PURE__ */ l({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -9,22 +9,22 @@ const z = /* @__PURE__ */ a({
     short: { type: Boolean },
     method: {}
   },
-  setup(p) {
-    const t = p, e = r(
-      () => f(String(t.method || ""))
-    ), n = r(() => y(t.method));
-    return (o, v) => (l(), s(m(o.as ?? "span"), {
+  setup(t) {
+    const e = t, o = r(
+      () => f(String(e.method || ""))
+    ), n = r(() => y(e.method));
+    return (a, v) => (p(), s(m(t.as ?? "span"), {
       class: "uppercase",
-      style: d({ [o.property || "color"]: e.value.colorVar })
+      style: c({ [t.property || "color"]: o.value.colorVar })
     }, {
-      default: c(() => [
-        h(o.$slots, "default"),
-        i(" " + u(o.short ? e.value.short : n.value), 1)
+      default: d(() => [
+        h(a.$slots, "default"),
+        i(" " + u(t.short ? o.value.short : n.value), 1)
       ]),
       _: 3
     }, 8, ["style"]));
   }
 });
 export {
-  z as default
+  x as default
 };

package/dist/components/ScalarSidebar.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as u, createBlock as d, openBlock as l, unref as a, normalizeStyle as y, withCtx as s, renderSlot as t, createVNode as c, createElementVNode as S, createElementBlock as b, Fragment as g, renderList as D, createSlots as $, mergeProps as p } from "vue";
-import { ScalarSidebar as E, ScalarSidebarItems as k } from "@scalar/components";
-import { filterItems as I } from "../helpers/filter-items.js";
-import F from "./SidebarItem.vue.js";
-const h = /* @__PURE__ */ u({
+import { defineComponent as y, createBlock as m, openBlock as s, unref as n, normalizeStyle as p, withCtx as a, renderSlot as o, createVNode as S, createElementVNode as b, createElementBlock as g, Fragment as D, renderList as $, createSlots as E, mergeProps as f } from "vue";
+import { ScalarSidebar as k, ScalarSidebarItems as I } from "@scalar/components";
+import { filterItems as F } from "../helpers/filter-items.js";
+import v from "./SidebarItem.vue.js";
+const V = /* @__PURE__ */ y({
   __name: "ScalarSidebar",
   props: {
     layout: {},
@@ -15,45 +15,45 @@ const h = /* @__PURE__ */ u({
     isDroppable: { type: Function }
   },
   emits: ["reorder", "selectItem"],
-  setup(v, { emit: m }) {
-    const n = m, f = (e, o) => {
-      n("reorder", e, o);
+  setup(e, { emit: u }) {
+    const i = u, c = (t, l) => {
+      i("reorder", t, l);
     };
-    return (e, o) => (l(), d(a(E), {
+    return (t, l) => (s(), m(n(k), {
       class: "flex min-h-0 flex-col",
-      style: y({
+      style: p({
         "--scalar-sidebar-indent": e.indent + "px"
       })
     }, {
-      default: s(() => [
-        t(e.$slots, "header"),
-        t(e.$slots, "default", {}, () => [
-          c(a(k), { class: "custom-scroll pt-0" }, {
-            default: s(() => [
-              t(e.$slots, "before"),
-              (l(!0), b(g, null, D(a(I)(e.layout, e.items), (i) => (l(), d(F, {
-                key: i.id,
+      default: a(() => [
+        o(t.$slots, "header"),
+        o(t.$slots, "default", {}, () => [
+          S(n(I), { class: "custom-scroll pt-0" }, {
+            default: a(() => [
+              o(t.$slots, "before"),
+              (s(!0), g(D, null, $(n(F)(e.layout, e.items), (d) => (s(), m(v, {
+                key: d.id,
                 isDraggable: e.isDraggable ?? e.layout === "client",
                 isDroppable: e.isDroppable,
                 isExpanded: e.isExpanded,
                 isSelected: e.isSelected,
-                item: i,
+                item: d,
                 layout: e.layout,
                 options: e.options,
-                onOnDragEnd: f,
-                onSelectItem: o[0] || (o[0] = (r) => n("selectItem", r))
-              }, $({ _: 2 }, [
-                e.$slots.decorator ? {
+                onOnDragEnd: c,
+                onSelectItem: l[0] || (l[0] = (r) => i("selectItem", r))
+              }, E({ _: 2 }, [
+                t.$slots.decorator ? {
                   name: "decorator",
-                  fn: s((r) => [
-                    t(e.$slots, "decorator", p({ ref_for: !0 }, r))
+                  fn: a((r) => [
+                    o(t.$slots, "decorator", f({ ref_for: !0 }, r))
                   ]),
                   key: "0"
                 } : void 0,
-                e.$slots.empty ? {
+                t.$slots.empty ? {
                   name: "empty",
-                  fn: s((r) => [
-                    t(e.$slots, "empty", p({ ref_for: !0 }, r))
+                  fn: a((r) => [
+                    o(t.$slots, "empty", f({ ref_for: !0 }, r))
                   ]),
                   key: "1"
                 } : void 0
@@ -61,14 +61,14 @@ const h = /* @__PURE__ */ u({
             ]),
             _: 3
           }),
-          o[1] || (o[1] = S("div", { class: "flex-1" }, null, -1))
+          l[1] || (l[1] = b("div", { class: "flex-1" }, null, -1))
         ]),
-        t(e.$slots, "footer")
+        o(t.$slots, "footer")
       ]),
       _: 3
     }, 8, ["style"]));
   }
 });
 export {
-  h as default
+  V as default
 };

package/dist/components/SidebarHttpBadge.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as l, createBlock as t, openBlock as r, normalizeClass as s, withCtx as n, createElementVNode as d, renderSlot as m, createCommentVNode as p, unref as a, normalizeStyle as i } from "vue";
-import { getHttpMethodInfo as h } from "@scalar/helpers/http/http-info";
-import { ScalarIconWebhooksLogo as c } from "@scalar/icons";
-import f from "./HttpMethod.vue.js";
-const w = /* @__PURE__ */ l({
+import { defineComponent as n, createBlock as t, openBlock as r, normalizeClass as d, withCtx as m, createElementVNode as s, renderSlot as i, createCommentVNode as c, unref as a, normalizeStyle as h } from "vue";
+import { getHttpMethodInfo as f } from "@scalar/helpers/http/http-info";
+import { ScalarIconWebhooksLogo as p } from "@scalar/icons";
+import y from "./HttpMethod.vue.js";
+const w = /* @__PURE__ */ n({
   __name: "SidebarHttpBadge",
   props: {
     method: {},
     active: { type: Boolean },
     webhook: { type: Boolean }
   },
-  setup(y) {
-    return (e, o) => (r(), t(f, {
-      class: s([
+  setup(e) {
+    return (l, o) => (r(), t(y, {
+      class: d([
         "sidebar-heading-type",
         `sidebar-heading-type--${e.method.toLowerCase()}`,
         { "sidebar-heading-type-active": e.active }
@@ -20,16 +20,16 @@ const w = /* @__PURE__ */ l({
       property: "--method-color",
       short: ""
     }, {
-      default: n(() => [
-        o[0] || (o[0] = d("span", { class: "sr-only" }, "HTTP Method: ", -1)),
-        m(e.$slots, "default", {}, () => [
-          e.webhook ? (r(), t(a(c), {
+      default: m(() => [
+        o[0] || (o[0] = s("span", { class: "sr-only" }, "HTTP Method: ", -1)),
+        i(l.$slots, "default", {}, () => [
+          e.webhook ? (r(), t(a(p), {
             key: 0,
-            style: i({
-              color: a(h)(e.method).colorVar
+            style: h({
+              color: a(f)(e.method).colorVar
             }),
             weight: "bold"
-          }, null, 8, ["style"])) : p("", !0)
+          }, null, 8, ["style"])) : c("", !0)
         ], !0)
       ]),
       _: 3

package/dist/components/SidebarItem.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as N, useSlots as V, resolveComponent as H, createBlock as s, unref as t, openBlock as i, mergeProps as m, toHandlers as k, withCtx as o, createTextVNode as L, toDisplayString as O, createElementBlock as y, Fragment as T, renderList as I, createSlots as b, renderSlot as d, createVNode as p, createCommentVNode as D, normalizeClass as w } from "vue";
-import { ScalarSidebarSection as z, ScalarSidebarGroup as A, ScalarSidebarGroupToggle as P, ScalarSidebarItem as j } from "@scalar/components";
-import { LibraryIcon as q } from "@scalar/icons/library";
+import { defineComponent as B, useSlots as N, resolveComponent as V, createBlock as m, unref as o, openBlock as a, mergeProps as u, toHandlers as D, withCtx as t, createTextVNode as H, toDisplayString as L, createElementBlock as b, Fragment as I, renderList as x, createSlots as g, renderSlot as c, createVNode as s, createCommentVNode as v, normalizeClass as w } from "vue";
+import { ScalarSidebarSection as O, ScalarSidebarGroup as z, ScalarSidebarGroupToggle as A, ScalarSidebarItem as P } from "@scalar/components";
+import { LibraryIcon as j } from "@scalar/icons/library";
 import C from "./SidebarItemDecorator.vue.js";
 import { filterItems as $ } from "../helpers/filter-items.js";
-import { hasChildren as J } from "../helpers/has-children.js";
-import { isSidebarFolder as K } from "../helpers/is-sidebar-folder.js";
-import { useDraggable as M } from "../hooks/use-draggable.js";
-import F from "./SidebarHttpBadge.vue.js";
-import g from "./SidebarItemLabel.vue.js";
-const Q = {
+import { hasChildren as q } from "../helpers/has-children.js";
+import { isSidebarFolder as J } from "../helpers/is-sidebar-folder.js";
+import { useDraggable as K } from "../hooks/use-draggable.js";
+import p from "./SidebarHttpBadge.vue.js";
+import f from "./SidebarItemLabel.vue.js";
+const M = {
   key: 0,
   class: "line-through"
-}, R = {
+}, Q = {
   key: 0,
   class: "line-through"
-}, ie = /* @__PURE__ */ N({
+}, oe = /* @__PURE__ */ B({
   __name: "SidebarItem",
   props: {
     item: {},
@@ -26,101 +26,101 @@ const Q = {
     isDroppable: { type: Function }
   },
   emits: ["selectItem", "onDragEnd"],
-  setup(f, { emit: G }) {
-    const u = G, a = V(), B = (e) => "isGroup" in e && e.isGroup, v = (e) => ("isDeprecated" in e && e.isDeprecated) ?? !1, c = (e, n) => {
-      u("onDragEnd", e, n);
-    }, { draggableAttrs: S, draggableEvents: h } = M({
-      id: f.item.id,
-      isDraggable: f.isDraggable,
-      isDroppable: f.isDroppable,
-      onDragEnd: c
+  setup(e, { emit: F }) {
+    const y = F, l = N(), G = (i) => "isGroup" in i && i.isGroup, E = (i) => ("isDeprecated" in i && i.isDeprecated) ?? !1, S = (i, r) => {
+      y("onDragEnd", i, r);
+    }, { draggableAttrs: h, draggableEvents: k } = K({
+      id: e.item.id,
+      isDraggable: e.isDraggable,
+      isDroppable: e.isDroppable,
+      onDragEnd: S
     });
-    return (e, n) => {
-      const E = H("SidebarItem", !0);
-      return t(J)(e.item) && B(e.item) ? (i(), s(t(z), m({ key: 0 }, t(S), k(t(h))), {
-        items: o(() => [
-          (i(!0), y(T, null, I(t($)(e.layout, e.item.children), (l) => (i(), s(E, {
-            key: l.id,
+    return (i, r) => {
+      const T = V("SidebarItem", !0);
+      return o(q)(e.item) && G(e.item) ? (a(), m(o(O), u({ key: 0 }, o(h), D(o(k))), {
+        items: t(() => [
+          (a(!0), b(I, null, x(o($)(e.layout, e.item.children), (d) => (a(), m(T, {
+            key: d.id,
             isDraggable: e.isDraggable,
             isDroppable: e.isDroppable,
             isExpanded: e.isExpanded,
             isSelected: e.isSelected,
-            item: l,
+            item: d,
             layout: e.layout,
             options: e.options,
-            onOnDragEnd: c,
-            onSelectItem: n[0] || (n[0] = (r) => u("selectItem", r))
-          }, b({ _: 2 }, [
-            a.decorator ? {
+            onOnDragEnd: S,
+            onSelectItem: r[0] || (r[0] = (n) => y("selectItem", n))
+          }, g({ _: 2 }, [
+            l.decorator ? {
               name: "decorator",
-              fn: o((r) => [
-                d(e.$slots, "decorator", m({ ref_for: !0 }, r))
+              fn: t((n) => [
+                c(i.$slots, "decorator", u({ ref_for: !0 }, n))
               ]),
               key: "0"
             } : void 0,
-            a.empty ? {
+            l.empty ? {
               name: "empty",
-              fn: o((r) => [
-                d(e.$slots, "empty", m({ ref_for: !0 }, r))
+              fn: t((n) => [
+                c(i.$slots, "empty", u({ ref_for: !0 }, n))
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["isDraggable", "isDroppable", "isExpanded", "isSelected", "item", "layout", "options"]))), 128))
         ]),
-        default: o(() => [
-          L(O(e.item.title) + " ", 1)
+        default: t(() => [
+          H(L(e.item.title) + " ", 1)
         ]),
         _: 3
-      }, 16)) : t(K)(e.layout, e.item, a.empty !== void 0) ? (i(), s(t(A), m({
+      }, 16)) : o(J)(e.layout, e.item, l.empty !== void 0) ? (a(), m(o(z), u({
         key: 1,
         active: e.isSelected(e.item.id),
         class: "relative",
         controlled: "",
         open: e.isExpanded(e.item.id)
-      }, t(S), k(t(h)), {
-        onClick: n[2] || (n[2] = () => u("selectItem", e.item.id))
-      }), b({
-        items: o(() => [
-          (i(!0), y(T, null, I(t($)(e.layout, e.item.children ?? []), (l) => (i(), s(E, {
-            key: l.id,
+      }, o(h), D(o(k)), {
+        onClick: r[2] || (r[2] = () => y("selectItem", e.item.id))
+      }), g({
+        items: t(() => [
+          (a(!0), b(I, null, x(o($)(e.layout, e.item.children ?? []), (d) => (a(), m(T, {
+            key: d.id,
             isDraggable: e.isDraggable,
             isDroppable: e.isDroppable,
             isExpanded: e.isExpanded,
             isSelected: e.isSelected,
-            item: l,
+            item: d,
             layout: e.layout,
             options: e.options,
             parentIds: [],
-            onOnDragEnd: c,
-            onSelectItem: n[1] || (n[1] = (r) => u("selectItem", r))
-          }, b({ _: 2 }, [
-            a.decorator ? {
+            onOnDragEnd: S,
+            onSelectItem: r[1] || (r[1] = (n) => y("selectItem", n))
+          }, g({ _: 2 }, [
+            l.decorator ? {
               name: "decorator",
-              fn: o((r) => [
-                d(e.$slots, "decorator", m({ ref_for: !0 }, r))
+              fn: t((n) => [
+                c(i.$slots, "decorator", u({ ref_for: !0 }, n))
               ]),
               key: "0"
             } : void 0,
-            a.empty ? {
+            l.empty ? {
               name: "empty",
-              fn: o((r) => [
-                d(e.$slots, "empty", m({ ref_for: !0 }, r))
+              fn: t((n) => [
+                c(i.$slots, "empty", u({ ref_for: !0 }, n))
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["isDraggable", "isDroppable", "isExpanded", "isSelected", "item", "layout", "options"]))), 128)),
-          a.empty && (e.item.children?.length ?? 0) === 0 ? d(e.$slots, "empty", {
+          l.empty && (e.item.children?.length ?? 0) === 0 ? c(i.$slots, "empty", {
             key: 0,
             item: e.item
-          }) : D("", !0)
+          }) : v("", !0)
         ]),
-        default: o(() => [
-          v(e.item) ? (i(), y("span", Q, [
-            p(g, {
+        default: t(() => [
+          E(e.item) ? (a(), b("span", M, [
+            s(f, {
               item: e.item,
               operationTitleSource: e.options?.operationTitleSource
             }, null, 8, ["item", "operationTitleSource"])
-          ])) : (i(), s(g, {
+          ])) : (a(), m(f, {
             key: 1,
             item: e.item,
             operationTitleSource: e.options?.operationTitleSource
@@ -130,62 +130,62 @@ const Q = {
       }, [
         e.item.type === "document" ? {
           name: "icon",
-          fn: o(({ open: l }) => [
-            p(t(q), {
+          fn: t(({ open: d }) => [
+            s(o(j), {
               class: "text-c-3 block group-hover/group-button:hidden",
               src: e.item.icon ?? "interface-content-folder"
             }, null, 8, ["src"]),
-            p(t(P), {
+            s(o(A), {
               class: "text-c-3 hidden group-hover/group-button:flex",
-              open: l
+              open: d
             }, null, 8, ["open"])
           ]),
           key: "0"
         } : void 0,
         "method" in e.item ? {
           name: "aside",
-          fn: o(() => [
-            "method" in e.item ? (i(), s(F, {
+          fn: t(() => [
+            "method" in e.item ? (a(), m(p, {
               key: 0,
               active: e.isSelected(e.item.id),
               class: w(["ml-2 h-4 self-start", {
                 // Hide the badge when we're showing the decorator
-                "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": a.decorator
+                "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": l.decorator
               }]),
               method: e.item.method,
               webhook: e.item.type === "webhook"
-            }, null, 8, ["active", "class", "method", "webhook"])) : D("", !0)
+            }, null, 8, ["active", "class", "method", "webhook"])) : v("", !0)
           ]),
           key: "1"
         } : void 0,
-        a.decorator ? {
+        l.decorator ? {
           name: "after",
-          fn: o(() => [
-            p(C, null, {
-              default: o(() => [
-                d(e.$slots, "decorator", { item: e.item })
+          fn: t(() => [
+            s(C, null, {
+              default: t(() => [
+                c(i.$slots, "decorator", { item: e.item })
               ]),
               _: 3
             })
           ]),
           key: "2"
         } : void 0
-      ]), 1040, ["active", "open"])) : (i(), s(t(j), m({
+      ]), 1040, ["active", "open"])) : (a(), m(o(P), u({
         key: 2,
         is: "button"
-      }, t(S), {
+      }, o(h), {
         class: "relative",
         selected: e.isSelected(e.item.id)
-      }, k(t(h)), {
-        onClick: n[3] || (n[3] = () => u("selectItem", e.item.id))
-      }), b({
-        default: o(() => [
-          v(e.item) ? (i(), y("span", R, [
-            p(g, {
+      }, D(o(k)), {
+        onClick: r[3] || (r[3] = () => y("selectItem", e.item.id))
+      }), g({
+        default: t(() => [
+          E(e.item) ? (a(), b("span", Q, [
+            s(f, {
               item: e.item,
               operationTitleSource: e.options?.operationTitleSource
             }, null, 8, ["item", "operationTitleSource"])
-          ])) : (i(), s(g, {
+          ])) : (a(), m(f, {
             key: 1,
             item: e.item,
             operationTitleSource: e.options?.operationTitleSource
@@ -195,26 +195,26 @@ const Q = {
       }, [
         "method" in e.item ? {
           name: "aside",
-          fn: o(() => [
-            "method" in e.item ? (i(), s(F, {
+          fn: t(() => [
+            "method" in e.item ? (a(), m(p, {
               key: 0,
               active: e.isSelected(e.item.id),
               class: w(["ml-2 h-4 self-start", {
                 // Hide the badge when we're showing the decorator
-                "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": a.decorator
+                "group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0": l.decorator
               }]),
               method: e.item.method,
               webhook: e.item.type === "webhook"
-            }, null, 8, ["active", "class", "method", "webhook"])) : D("", !0)
+            }, null, 8, ["active", "class", "method", "webhook"])) : v("", !0)
           ]),
           key: "0"
         } : void 0,
-        a.decorator ? {
+        l.decorator ? {
           name: "after",
-          fn: o(() => [
-            p(C, null, {
-              default: o(() => [
-                d(e.$slots, "decorator", { item: e.item })
+          fn: t(() => [
+            s(C, null, {
+              default: t(() => [
+                c(i.$slots, "decorator", { item: e.item })
               ]),
               _: 3
             })
@@ -226,5 +226,5 @@ const Q = {
   }
 });
 export {
-  ie as default
+  oe as default
 };

package/dist/components/SidebarItemLabel.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as i, createBlock as t, openBlock as r, unref as o } from "vue";
-import { ScalarWrappingText as p } from "@scalar/components";
-const u = /* @__PURE__ */ i({
+import { defineComponent as n, createBlock as t, openBlock as i, unref as r } from "vue";
+import { ScalarWrappingText as a } from "@scalar/components";
+const p = /* @__PURE__ */ n({
   __name: "SidebarItemLabel",
   props: {
     item: {},
     operationTitleSource: {}
   },
-  setup(a) {
-    return (e, n) => e.item.type === "model" ? (r(), t(o(p), {
+  setup(e) {
+    return (m, o) => e.item.type === "model" ? (i(), t(r(a), {
       key: 0,
       preset: "property",
       text: e.item.title
-    }, null, 8, ["text"])) : (r(), t(o(p), {
+    }, null, 8, ["text"])) : (i(), t(r(a), {
       key: 1,
       text: e.operationTitleSource === "path" && "path" in e.item ? e.item.path : e.item.title
     }, null, 8, ["text"]));
   }
 });
 export {
-  u as default
+  p as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.7.10",
+  "version": "0.7.13",
   "engines": {
     "node": ">=20"
   },
@@ -30,24 +30,24 @@
     "dist"
   ],
   "dependencies": {
-    "vue": "^3.5.21",
-    "@scalar/components": "0.16.20",
+    "vue": "^3.5.26",
+    "@scalar/components": "0.16.23",
+    "@scalar/icons": "0.5.2",
+    "@scalar/helpers": "0.2.8",
     "@scalar/themes": "0.13.26",
     "@scalar/use-hooks": "0.3.6",
-    "@scalar/workspace-store": "0.24.7",
-    "@scalar/icons": "0.5.2",
-    "@scalar/helpers": "0.2.7"
+    "@scalar/workspace-store": "0.24.10"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.1.18",
     "@types/jsdom": "^21.1.3",
     "@types/node": "^22.19.3",
-    "@vitejs/plugin-vue": "6.0.1",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "2.4.6",
     "jsdom": "26.1.0",
     "tailwindcss": "^4.1.18",
-    "vite": "7.3.0",
-    "vitest": "3.2.4",
+    "vite": "^7.3.1",
+    "vitest": "4.0.16",
     "@scalar/build-tooling": "0.4.1"
   },
   "scripts": {