@robuust-digital/vue-components 2.0.0-rc.9 → 2.1.0

package/dist/core/input.css

@@ -59,7 +59,7 @@
       }
     }
 
-    &:has(svg:last-child) input {
+    &:has(.rvc-input-suffix) input {
       padding-right: calc(var(--rvc-input-padding-x) + var(--rvc-input-icon-size) + 0.25rem);
     }
 
@@ -67,7 +67,8 @@
       opacity: var(--rvc-input-disabled-opacity);
     }
 
-    .rvc-input-prefix, svg {
+    .rvc-input-prefix,
+    .rvc-input-suffix {
       position: relative;
       z-index: 1;
       grid-column-start: 1;
@@ -82,14 +83,14 @@
       justify-self: start;
     }
 
+    .rvc-input-suffix {
+      margin-right: var(--rvc-input-padding-x);
+      justify-self: end;
+    }
+
     svg {
       width: var(--rvc-input-icon-size);
       height: var(--rvc-input-icon-size);
-      justify-self: end;
-
-      &:last-child:not(:first-child) {
-        margin-right: var(--rvc-input-padding-x);
-      }
     }
 
     &.rvc-input-sm {

package/dist/core/radio.css

@@ -24,7 +24,11 @@
     cursor: pointer;
     gap: var(--rvc-radio-gap);
 
-    label {
+    &:has(*:disabled) {
+      cursor: default;
+    }
+
+    .rvc-radio-label {
       color: var(--rvc-radio-color);
       font-size: var(--rvc-radio-font-size);
       font-weight: var(--rvc-radio-font-weight);
@@ -54,14 +58,7 @@
     }
 
     input {
-      position: absolute;
-      opacity: 0;
-      inset: 0;
-      cursor: pointer;
-
-      &:disabled {
-        cursor: default;
-      }
+      display: none;
     }
 
     input:checked + .rvc-radio-input {

package/dist/core/utilities.css

@@ -10,3 +10,15 @@
   outline: var(--rvc-base-focus-outline-color) var(--rvc-base-focus-outline-style) var(--rvc-base-focus-outline-offset);
   outline-offset: var(--rvc-base-focus-outline-width);
 }
+
+@utility rvc-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(0);
+  border-width: 0;
+  white-space: nowrap;
+}

package/dist/dialogs/index.js

@@ -1,13 +1,16 @@
-import { createBlock as u, openBlock as m, unref as r, withCtx as s, createVNode as i, withModifiers as B, createElementVNode as a, normalizeClass as w, renderSlot as d, createCommentVNode as b, createTextVNode as E, toDisplayString as L } from "vue";
-import { TransitionRoot as T, Dialog as N, TransitionChild as p, DialogPanel as V, DialogTitle as y } from "@headlessui/vue";
-import { _ as g } from "../_shared/ButtonBase-DfkwHIhN.js";
-import { u as R } from "../_shared/Modal-DdpJnce6.js";
-import { _ as W } from "../_shared/Modal-DdpJnce6.js";
-import { r as k } from "../_shared/XMarkIcon-90mcPzBs.js";
+import { createBlock as u, openBlock as c, unref as t, withCtx as d, createVNode as i, withModifiers as E, createElementVNode as a, normalizeClass as f, createElementBlock as b, renderSlot as s, createCommentVNode as y, createTextVNode as L, toDisplayString as T } from "vue";
+import { TransitionRoot as F, Dialog as N, TransitionChild as p, DialogPanel as V, DialogTitle as g } from "@headlessui/vue";
+import { _ as k } from "../_shared/ButtonBase-DfkwHIhN.js";
+import { u as R } from "../_shared/Modal-Bw2sID1x.js";
+import { _ as Y } from "../_shared/Modal-Bw2sID1x.js";
+import { r as C } from "../_shared/XMarkIcon-90mcPzBs.js";
 const q = {
   class: "rvc-drawer-presentation",
   role: "presentation"
-}, A = { class: "rvc-drawer-container" }, F = { class: "rvc-drawer-inner" }, I = { class: "rvc-drawer-panel-inner" }, M = { class: "rvc-drawer-header-inner" }, x = { class: "rvc-drawer-close-wrapper" }, z = ["id"], P = { class: "rvc-drawer-footer" }, O = {
+}, A = { class: "rvc-drawer-container" }, H = { class: "rvc-drawer-inner" }, I = { class: "rvc-drawer-panel-inner" }, M = { class: "rvc-drawer-header-inner" }, z = { class: "rvc-drawer-close-wrapper" }, P = ["id"], j = {
+  key: 2,
+  class: "rvc-drawer-footer"
+}, U = {
   __name: "Drawer",
   props: {
     as: {
@@ -45,33 +48,39 @@ const q = {
     panelClass: {
       type: String,
       default: "rvc-drawer-panel-max-width"
+    },
+    resetHeader: {
+      type: Boolean
+    },
+    resetFooter: {
+      type: Boolean
     }
   },
   emits: ["drawer:open", "drawer:opened", "drawer:close", "drawer:save", "drawer:closed"],
-  setup(t, { emit: C }) {
-    const o = C, $ = t, {
-      contentRef: S,
-      ready: c,
+  setup(e, { emit: $ }) {
+    const l = $, S = e, {
+      contentRef: B,
+      ready: v,
       isForm: h,
-      titleId: v,
-      descriptionId: f,
+      titleId: w,
+      descriptionId: m,
       initialFocusElement: D
-    } = R($);
-    return (l, e) => (m(), u(r(T), { as: "template" }, {
-      default: s(() => [
-        i(r(N), {
-          as: t.as,
+    } = R(S);
+    return (o, r) => (c(), u(t(F), { as: "template" }, {
+      default: d(() => [
+        i(t(N), {
+          as: e.as,
           class: "rvc-drawer",
           static: "",
           "aria-modal": "true",
           role: "dialog",
-          "initial-focus": r(D),
-          "aria-labelledby": r(v),
-          onClose: e[6] || (e[6] = (n) => l.$emit("drawer:close")),
-          onSubmit: e[7] || (e[7] = B((n) => o("drawer:save", n), ["prevent"]))
+          "initial-focus": t(D),
+          "aria-labelledby": t(w),
+          onClose: r[6] || (r[6] = (n) => o.$emit("drawer:close")),
+          onSubmit: r[7] || (r[7] = E((n) => l("drawer:save", n), ["prevent"]))
         }, {
-          default: s(() => [
-            i(r(p), {
+          default: d(() => [
+            i(t(p), {
               as: "template",
               enter: "rvc-drawer-backdrop-transition-enter",
               "enter-from": "rvc-drawer-backdrop-transition-enter-from",
@@ -79,21 +88,22 @@ const q = {
               leave: "rvc-drawer-backdrop-transition-leave",
               "leave-from": "rvc-drawer-backdrop-transition-leave-from",
               "leave-to": "rvc-drawer-backdrop-transition-leave-to",
-              onBeforeEnter: e[0] || (e[0] = (n) => o("drawer:open")),
-              onAfterEnter: e[1] || (e[1] = (n) => o("drawer:opened"))
+              onBeforeEnter: r[0] || (r[0] = (n) => l("drawer:open")),
+              onAfterEnter: r[1] || (r[1] = (n) => l("drawer:opened"))
             }, {
-              default: s(() => e[8] || (e[8] = [
+              default: d(() => r[8] || (r[8] = [
                 a("div", {
                   class: "rvc-drawer-backdrop",
                   "aria-hidden": "true"
                 }, null, -1)
               ])),
-              _: 1
+              _: 1,
+              __: [8]
             }),
             a("div", q, [
               a("div", A, [
-                a("div", F, [
-                  i(r(p), {
+                a("div", H, [
+                  i(t(p), {
                     as: "template",
                     enter: "rvc-drawer-transition-enter",
                     "enter-from": "rvc-drawer-transition-enter-from",
@@ -101,88 +111,89 @@ const q = {
                     leave: "rvc-drawer-transition-leave",
                     "leave-from": "rvc-drawer-transition-leave-from",
                     "leave-to": "rvc-drawer-transition-leave-to",
-                    onBeforeEnter: e[4] || (e[4] = (n) => c.value = !0),
-                    onAfterLeave: e[5] || (e[5] = (n) => (c.value = !1, o("drawer:closed")))
+                    onBeforeEnter: r[4] || (r[4] = (n) => v.value = !0),
+                    onAfterLeave: r[5] || (r[5] = (n) => (v.value = !1, l("drawer:closed")))
                   }, {
-                    default: s(() => [
-                      i(r(V), {
-                        class: w(["rvc-drawer-panel", t.panelClass]),
-                        "aria-busy": t.spinning,
-                        "aria-describedby": r(f)
+                    default: d(() => [
+                      i(t(V), {
+                        class: f(["rvc-drawer-panel", e.panelClass]),
+                        "aria-busy": e.spinning,
+                        "aria-describedby": t(m)
                       }, {
-                        default: s(() => [
+                        default: d(() => [
                           a("div", I, [
-                            a("header", {
-                              class: w([{ "rvc-drawer-header-sticky": t.headerSticky }, "rvc-drawer-header"])
+                            e.resetHeader ? s(o.$slots, "header", { key: 1 }) : (c(), b("header", {
+                              key: 0,
+                              class: f([{ "rvc-drawer-header-sticky": e.headerSticky }, "rvc-drawer-header"])
                             }, [
-                              d(l.$slots, "header", {
-                                title: t.title,
-                                showClose: t.showClose
+                              s(o.$slots, "header", {
+                                title: e.title,
+                                showClose: e.showClose
                               }, () => [
                                 a("div", M, [
-                                  d(l.$slots, "title", {
-                                    id: r(v),
-                                    dialogTitle: r(y),
-                                    title: t.title
+                                  s(o.$slots, "title", {
+                                    id: t(w),
+                                    dialogTitle: t(g),
+                                    title: e.title
                                   }, () => [
-                                    i(r(y), {
-                                      id: r(v),
+                                    i(t(g), {
+                                      id: t(w),
                                       class: "rvc-drawer-title"
                                     }, {
-                                      default: s(() => [
-                                        E(L(t.title), 1)
+                                      default: d(() => [
+                                        L(T(e.title), 1)
                                       ]),
                                       _: 1
                                     }, 8, ["id"])
                                   ]),
-                                  t.showClose ? d(l.$slots, "close", {
+                                  e.showClose ? s(o.$slots, "close", {
                                     key: 0,
-                                    icon: r(k),
-                                    emitClose: () => o("drawer:close")
+                                    icon: t(C),
+                                    emitClose: () => l("drawer:close")
                                   }, () => [
-                                    a("div", x, [
+                                    a("div", z, [
                                       a("button", {
                                         type: "button",
                                         class: "rvc-drawer-close",
                                         "aria-label": "Close panel",
-                                        onClick: e[2] || (e[2] = (n) => o("drawer:close"))
+                                        onClick: r[2] || (r[2] = (n) => l("drawer:close"))
                                       }, [
-                                        i(r(k), { "aria-hidden": "true" })
+                                        i(t(C), { "aria-hidden": "true" })
                                       ])
                                     ])
-                                  ]) : b("", !0)
+                                  ]) : y("", !0)
                                 ])
                               ])
-                            ], 2),
+                            ], 2)),
                             a("div", {
-                              class: w([{ "rvc-drawer-scroll-reverse": t.scrolledDown }, "rvc-drawer-scroll"])
+                              class: f([{ "rvc-drawer-scroll-reverse": e.scrolledDown }, "rvc-drawer-scroll"])
                             }, [
                               a("div", {
-                                id: r(f),
+                                id: t(m),
                                 ref_key: "contentRef",
-                                ref: S,
+                                ref: B,
                                 class: "rvc-drawer-content"
                               }, [
-                                d(l.$slots, "default", { ready: r(c) })
-                              ], 8, z)
+                                s(o.$slots, "default", { ready: t(v) })
+                              ], 8, P)
                             ], 2),
-                            a("footer", P, [
-                              d(l.$slots, "footer", { loading: t.spinning }, () => [
-                                i(g, {
+                            e.resetFooter ? s(o.$slots, "footer", { key: 3 }) : (c(), b("footer", j, [
+                              s(o.$slots, "footer", { loading: e.spinning }, () => [
+                                i(k, {
                                   type: "button",
-                                  label: t.cancelLabel,
+                                  label: e.cancelLabel,
                                   color: "light",
-                                  onClick: e[3] || (e[3] = (n) => o("drawer:close"))
+                                  onClick: r[3] || (r[3] = (n) => l("drawer:close"))
                                 }, null, 8, ["label"]),
-                                r(h) ? (m(), u(g, {
+                                t(h) ? (c(), u(k, {
                                   key: 0,
                                   type: "submit",
-                                  label: t.submitLabel,
-                                  spinning: t.spinning,
-                                  disabled: t.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : b("", !0)
+                                  label: e.submitLabel,
+                                  spinning: e.spinning,
+                                  disabled: e.spinning
+                                }, null, 8, ["label", "spinning", "disabled"])) : y("", !0)
                               ])
-                            ])
+                            ]))
                           ])
                         ]),
                         _: 3
@@ -202,6 +213,6 @@ const q = {
   }
 };
 export {
-  O as Drawer,
-  W as Modal
+  U as Drawer,
+  Y as Modal
 };

package/dist/dropdown/index.js

@@ -98,10 +98,7 @@ const T = /* @__PURE__ */ Object.assign({
                   }, {
                     default: a(() => [
                       s(o.$slots, "item", { item: e }, () => [
-                        (r(), l(m(e.as ? e.as : "button"), f({
-                          class: "rvc-dropdown-item",
-                          ref_for: !0
-                        }, g(e), {
+                        (r(), l(m(e.as ? e.as : "button"), f({ class: "rvc-dropdown-item" }, { ref_for: !0 }, g(e), {
                           as: e.bindAs ? e.bindAs : void 0,
                           onClick: (y) => (b("dropdown:click", e), e.event ? e.event() : null)
                         }), {

package/dist/lightswitch/index.js

@@ -1,6 +1,6 @@
 import { computed as n, createBlock as o, openBlock as r, unref as a, withCtx as s, createVNode as p, createCommentVNode as h, mergeProps as f, createElementVNode as g, renderSlot as w } from "vue";
 import { SwitchGroup as V, Switch as v, SwitchLabel as b } from "@headlessui/vue";
-const B = /* @__PURE__ */ Object.assign({
+const k = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Lightswitch",
@@ -29,7 +29,8 @@ const B = /* @__PURE__ */ Object.assign({
           default: s(() => t[1] || (t[1] = [
             g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
           ])),
-          _: 1
+          _: 1,
+          __: [1]
         }, 16, ["modelValue", "class"]),
         e.$slots.default ? (r(), o(a(b), { key: 0 }, {
           default: s(() => [
@@ -43,6 +44,6 @@ const B = /* @__PURE__ */ Object.assign({
   }
 });
 export {
-  B as Lightswitch,
-  B as default
+  k as Lightswitch,
+  k as default
 };

package/dist/rich-text-editor/index.js

@@ -1,11 +1,10 @@
 import { createElementBlock as r, openBlock as s, createElementVNode as n, ref as p, useAttrs as H, computed as x, watch as L, Fragment as A, createVNode as v, renderSlot as C, withCtx as M, normalizeClass as _, createCommentVNode as $, unref as f, renderList as B, createBlock as E, resolveDynamicComponent as S } from "vue";
 import { useEditor as O, EditorContent as T } from "@tiptap/vue-3";
-import N from "@tiptap/extension-link";
-import U from "@tiptap/starter-kit";
-import { _ as q } from "../_shared/Tooltip-B93ZF7IF.js";
-import { _ as z } from "../_shared/FormInput-abFMz_J4.js";
-import { _ as D } from "../_shared/Modal-DdpJnce6.js";
-function I(i, d) {
+import N from "@tiptap/starter-kit";
+import { _ as U } from "../_shared/Tooltip-B93ZF7IF.js";
+import { _ as q } from "../_shared/FormInput-B-SQTZTA.js";
+import { _ as z } from "../_shared/Modal-Bw2sID1x.js";
+function D(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -20,7 +19,7 @@ function I(i, d) {
     })
   ]);
 }
-function R(i, d) {
+function I(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -35,7 +34,7 @@ function R(i, d) {
     })
   ]);
 }
-function j(i, d) {
+function R(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -55,7 +54,7 @@ function j(i, d) {
     })
   ]);
 }
-function F(i, d) {
+function j(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -66,7 +65,7 @@ function F(i, d) {
     n("path", { d: "M3 4.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6.25 3a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 7.25a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM6.25 11.5a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5h-7ZM4 12.25a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" })
   ]);
 }
-function K(i, d) {
+function F(i, d) {
   return s(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -77,7 +76,7 @@ function K(i, d) {
     n("path", { d: "M2.995 1a.625.625 0 1 0 0 1.25h.38v2.125a.625.625 0 1 0 1.25 0v-2.75A.625.625 0 0 0 4 1H2.995ZM3.208 7.385a2.37 2.37 0 0 1 1.027-.124L2.573 8.923a.625.625 0 0 0 .439 1.067l1.987.011a.625.625 0 0 0 .006-1.25l-.49-.003.777-.776c.215-.215.335-.506.335-.809 0-.465-.297-.957-.842-1.078a3.636 3.636 0 0 0-1.993.121.625.625 0 1 0 .416 1.179ZM2.625 11a.625.625 0 1 0 0 1.25H4.25a.125.125 0 0 1 0 .25H3.5a.625.625 0 1 0 0 1.25h.75a.125.125 0 0 1 0 .25H2.625a.625.625 0 1 0 0 1.25H4.25a1.375 1.375 0 0 0 1.153-2.125A1.375 1.375 0 0 0 4.25 11H2.625ZM7.25 2a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM7.25 7.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6ZM6.5 13.25a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z" })
   ]);
 }
-const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "onClick"], le = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const K = { class: "rvc-rich-text-toolbar" }, P = ["disabled", "aria-label", "onClick"], ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "RichTextEditor",
   props: {
     id: {
@@ -111,13 +110,12 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
   },
   emits: ["update:modelValue", "tiptap:onCreate"],
   setup(i, { emit: d }) {
-    const a = i, h = d, b = p(!1), u = p(!1), c = p(""), m = H(), k = m.class ? `${m.class} ` : "", y = [
-      U,
-      N.configure({
+    const a = i, h = d, b = p(!1), u = p(!1), c = p(""), m = H(), k = m.class ? `${m.class} ` : "", y = N.configure({
+      link: {
         openOnClick: !1
-      })
-    ], t = O({
-      extensions: [...y, ...a.customExtensions],
+      }
+    }), t = O({
+      extensions: [y, ...a.customExtensions],
       content: a.modelValue,
       editorProps: {
         attributes: {
@@ -139,7 +137,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
     }), V = x(() => [
       {
         name: "bold",
-        icon: I,
+        icon: D,
         title: "Bold",
         isVisible: !0,
         isActive: () => t.value.isActive("bold"),
@@ -147,7 +145,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
       },
       {
         name: "italic",
-        icon: R,
+        icon: I,
         title: "Italic",
         isVisible: !0,
         isActive: () => t.value.isActive("italic"),
@@ -155,7 +153,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
       },
       {
         name: "bulletList",
-        icon: F,
+        icon: j,
         title: "Bullet List",
         isVisible: a.config === "default",
         isActive: () => t.value.isActive("bulletList"),
@@ -163,7 +161,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
       },
       {
         name: "orderedList",
-        icon: K,
+        icon: F,
         title: "Ordered List",
         isVisible: a.config === "default",
         isActive: () => t.value.isActive("orderedList"),
@@ -171,7 +169,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
       },
       {
         name: "link",
-        icon: j,
+        icon: R,
         title: "Hyperlink",
         isVisible: a.config === "default",
         disabled: !b.value && !t.value.isActive("link"),
@@ -200,7 +198,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
       t.value.commands.setLink({ href: c.value }), u.value = !1, c.value = null;
     };
     return (l, o) => (s(), r(A, null, [
-      v(D, {
+      v(z, {
         id: `${a.id}-modal-add-hyperlink`,
         title: "Add Hyperlink",
         as: "form",
@@ -209,7 +207,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
         "onModal:save": Z
       }, {
         default: M(() => [
-          v(z, {
+          v(q, {
             modelValue: c.value,
             "onUpdate:modelValue": o[0] || (o[0] = (e) => c.value = e),
             placeholder: "https://www.example.com",
@@ -228,11 +226,11 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
           commands: g.value,
           tiptap: f(t)
         }, () => [
-          n("ul", P, [
+          n("ul", K, [
             (s(!0), r(A, null, B(g.value.filter((e) => e.isVisible), (e) => (s(), r("li", {
               key: `toolbar-item-command-${e.name}`
             }, [
-              v(q, {
+              v(U, {
                 content: e.title,
                 placement: "bottom",
                 size: "sm",
@@ -247,7 +245,7 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
                     onClick: e.action
                   }, [
                     (s(), E(S(e.icon)))
-                  ], 10, G)
+                  ], 10, P)
                 ]),
                 _: 2
               }, 1032, ["content"])
@@ -260,6 +258,6 @@ const P = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
   }
 });
 export {
-  le as RichTextEditor,
-  le as default
+  ee as RichTextEditor,
+  ee as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.0.0-rc.9",
+  "version": "2.1.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -55,12 +55,11 @@
     "lint:style": "stylelint 'src/**/*.{vue,css}'"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.6",
+    "@floating-ui/vue": "^1.1.7",
     "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
-    "@tiptap/extension-link": "^2.11.5",
-    "@tiptap/starter-kit": "^2.11.5",
-    "@tiptap/vue-3": "^2.11.5",
+    "@tiptap/starter-kit": "^3.0.1",
+    "@tiptap/vue-3": "^3.0.1",
     "@vueuse/core": "^13.0.0",
     "vue": "^3.5.13"
   },
@@ -68,7 +67,7 @@
     "@rushstack/eslint-patch": "^1.10.5",
     "@tailwindcss/postcss": "^4.0.6",
     "@tailwindcss/vite": "^4.0.6",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue": "^6.0.0",
     "@vitest/coverage-v8": "^3.0.5",
     "@vue/eslint-config-airbnb": "^8.0.0",
     "@vue/test-utils": "^2.4.6",
@@ -80,13 +79,11 @@
     "postcss-scss": "^4.0.9",
     "stylelint": "^16.14.1",
     "stylelint-config-property-sort-order-smacss": "^10.0.0",
-    "stylelint-config-standard": "^38.0.0",
+    "stylelint-config-standard": "^39.0.0",
     "tailwindcss": "^4.0.6",
     "vite": "^6.1.0",
-    "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-static-copy": "^3.0.0",
-    "vite-plugin-stylelint": "^6.0.0",
-    "vite-plugin-vue-devtools": "^7.7.2",
+    "vite-plugin-vue-devtools": "^8.0.0",
     "vite-svg-loader": "^5.1.0",
     "vitepress": "^2.0.0-alpha.2",
     "vitest": "^3.0.5"