@robuust-digital/vue-components 2.4.0-beta.1 → 2.4.0-beta.11

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 2.3.4 (25-03-2026)
+
+### Fixed
+
+* `DataTable`: Forward built-in pagination props (`perPage`, `perPageLabel`, `perPageOptions`, `fromLabel`) to the `Pagination` component
+* `Pagination`: Keep the per-page select in sync when `perPage` is updated externally
+
+## 2.3.3 (23-01-2026)
+
+### Updated
+
+* Update dependencies
+* Added Vue as a peer dependency
+
 ## 2.3.2 (16-12-2025)
 
 ### Fixed

package/README.md

@@ -16,6 +16,7 @@ A modern and customizable component library built with **Vue 3** and **Tailwind
   - [📚 Table of Contents](#-table-of-contents)
   - [Documentation](#documentation)
   - [Three-shaking](#three-shaking)
+  - [MCP Server](#mcp-server)
   - [Getting Started](#getting-started)
 
 ## Documentation
@@ -35,6 +36,20 @@ This library is built with Vue 3 and Tailwind 4 CSS, and is designed to be tree-
 - [`@robuust-digital/vue-components/rich-text-editor`](./src/rich-text-editor) - `RichTextEditor` component
 - [`@robuust-digital/vue-components/tooltip`](./src/tooltip) - `Tooltip` component with `@floating-ui/vue`
 
+## MCP Server
+
+This repository includes an MCP server that exposes component docs and CSS variables for AI agents.
+
+```bash
+# Generate a JSON snapshot (optional, useful for CI checks)
+yarn mcp:build-catalog
+
+# Start the MCP server over stdio
+yarn mcp:serve
+```
+
+See [`mcp/README.md`](./mcp/README.md) for setup examples in Codex and Claude Desktop.
+
 ## Getting Started
 
 **Clone the repository** and install dependencies:

package/dist/_shared/{ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js → ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js}

@@ -1,5 +1,5 @@
-import { defineComponent as b, watchEffect as r, createBlock as a, openBlock as l, resolveDynamicComponent as c, mergeProps as d, withCtx as f, createElementBlock as y, renderSlot as t, createCommentVNode as i, createTextVNode as u, toDisplayString as s, unref as m } from "vue";
-import { S as v } from "./icon-spinner-CP0VP_YM.js";
+import { defineComponent as b, watchEffect as r, openBlock as l, createBlock as a, resolveDynamicComponent as c, mergeProps as d, withCtx as f, createElementBlock as y, renderSlot as t, createTextVNode as u, toDisplayString as s, createCommentVNode as i, unref as m } from "vue";
+import { S as v } from "./icon-spinner-BYCMrTdL.js";
 const g = {
   key: 0,
   class: "rvc-button-label"

package/dist/_shared/{ChevronDownIcon-CcE_K1lg.js → ChevronDownIcon-BYWciGnh.js}

@@ -1,4 +1,4 @@
-import { defineComponent as t, createBlock as r, openBlock as l, resolveDynamicComponent as o, normalizeClass as n, withCtx as c, renderSlot as d, createTextVNode as s, toDisplayString as i, createElementBlock as u, createElementVNode as f } from "vue";
+import { defineComponent as t, openBlock as l, createBlock as r, resolveDynamicComponent as o, normalizeClass as n, withCtx as c, renderSlot as d, createTextVNode as s, toDisplayString as i, createElementBlock as u, createElementVNode as f } from "vue";
 const b = /* @__PURE__ */ t({
   __name: "Badge",
   props: {

package/dist/_shared/{Combobox.vue_vue_type_script_setup_true_lang-CxRv55TC.js → Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js}

@@ -1,8 +1,8 @@
-import { createElementBlock as c, openBlock as n, createElementVNode as i, defineComponent as j, ref as h, computed as D, createBlock as x, unref as r, mergeProps as F, withCtx as g, createCommentVNode as p, renderSlot as m, createVNode as b, resolveDynamicComponent as O, withModifiers as P, Fragment as q, renderList as z, createTextVNode as U, toDisplayString as w, normalizeClass as G } from "vue";
+import { openBlock as n, createElementBlock as c, createElementVNode as i, defineComponent as j, ref as h, computed as D, createBlock as x, unref as r, mergeProps as F, withCtx as g, renderSlot as m, resolveDynamicComponent as O, createCommentVNode as p, createVNode as b, withModifiers as P, Fragment as q, renderList as z, createTextVNode as U, toDisplayString as w, normalizeClass as G } from "vue";
 import { useDebounceFn as H } from "@vueuse/core";
 import { Combobox as J, ComboboxInput as Q, ComboboxButton as W, ComboboxOptions as X, ComboboxOption as Y } from "@headlessui/vue";
-import { r as _, _ as ee } from "./ChevronDownIcon-CcE_K1lg.js";
-import { S as te } from "./icon-spinner-CP0VP_YM.js";
+import { r as _, _ as ee } from "./ChevronDownIcon-BYWciGnh.js";
+import { S as te } from "./icon-spinner-BYCMrTdL.js";
 function le(e, V) {
   return n(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/_shared/{Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js → Drawer.vue_vue_type_script_setup_true_lang-CZMVooMV.js}

@@ -1,8 +1,8 @@
-import { defineComponent as S, createBlock as m, openBlock as c, unref as t, withCtx as d, createVNode as s, withModifiers as L, createElementVNode as a, normalizeClass as w, createElementBlock as b, renderSlot as i, createCommentVNode as y, createTextVNode as T, toDisplayString as F } from "vue";
+import { defineComponent as S, openBlock as c, createBlock as m, unref as t, withCtx as d, createVNode as s, withModifiers as L, createElementVNode as a, normalizeClass as w, createElementBlock as b, renderSlot as i, createTextVNode as T, toDisplayString as F, createCommentVNode as y } from "vue";
 import { TransitionRoot as N, Dialog as V, TransitionChild as k, DialogPanel as R, DialogTitle as p } from "@headlessui/vue";
-import { _ as C } from "./ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
-import { r as g } from "./XMarkIcon-90mcPzBs.js";
+import { _ as C } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { u as A } from "./Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
+import { r as g } from "./XMarkIcon-CPr_Rd8y.js";
 const H = {
   class: "rvc-drawer-presentation",
   role: "presentation"

package/dist/_shared/{Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js → Dropdown.vue_vue_type_script_setup_true_lang-L_lQEUBC.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as p, openBlock as r, createElementVNode as B, defineComponent as M, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as $, Fragment as y, renderList as A, resolveDynamicComponent as m, createCommentVNode as L, createTextVNode as N, toDisplayString as V } from "vue";
+import { openBlock as r, createElementBlock as p, createElementVNode as B, defineComponent as M, createBlock as l, unref as n, normalizeClass as u, withCtx as a, renderSlot as s, createVNode as i, mergeProps as f, Transition as $, Fragment as y, renderList as A, resolveDynamicComponent as m, createCommentVNode as L, createTextVNode as N, toDisplayString as V } from "vue";
 import { Menu as x, MenuButton as v, MenuItems as D, MenuItem as w } from "@headlessui/vue";
-import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
+import { _ as I } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
 function Z(t, c) {
   return r(), p("svg", {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/_shared/{FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js → FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js}

@@ -1,4 +1,4 @@
-import { computed as y, getCurrentInstance as I, defineComponent as g, useSlots as x, ref as B, createElementBlock as o, openBlock as n, normalizeClass as C, createCommentVNode as a, renderSlot as s, unref as i, createBlock as p, resolveDynamicComponent as f, normalizeProps as V, guardReactiveProps as b, withDirectives as z, mergeProps as m, vModelDynamic as F } from "vue";
+import { computed as y, getCurrentInstance as I, defineComponent as g, useSlots as x, ref as B, openBlock as n, createElementBlock as o, normalizeClass as C, unref as s, renderSlot as i, createBlock as p, resolveDynamicComponent as f, createCommentVNode as a, normalizeProps as V, guardReactiveProps as b, withDirectives as z, mergeProps as m, vModelDynamic as F } from "vue";
 const M = () => ({ hasModelBinding: y(() => {
   const l = I();
   return !!(l?.vnode?.props && Object.prototype.hasOwnProperty.call(l.vnode.props, "onUpdate:modelValue"));
@@ -31,9 +31,9 @@ const M = () => ({ hasModelBinding: y(() => {
         e.rootClass
       ])
     }, [
-      i(r).prefix || i(r).prefixIcon || e.prefixIcon ? (n(), o("span", O, [
-        s(t.$slots, "prefix", {}, () => [
-          s(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
+      s(r).prefix || s(r).prefixIcon || e.prefixIcon ? (n(), o("span", O, [
+        i(t.$slots, "prefix", {}, () => [
+          i(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
             e.prefixIcon ? (n(), p(f(e.prefixIcon), {
               key: 0,
               "aria-hidden": "true"
@@ -41,8 +41,8 @@ const M = () => ({ hasModelBinding: y(() => {
           ])
         ])
       ])) : a("", !0),
-      s(t.$slots, "input", V(b(t.$attrs)), () => [
-        i(k) ? z((n(), o("input", m({ key: 0 }, t.$attrs, {
+      i(t.$slots, "input", V(b(t.$attrs)), () => [
+        s(k) ? z((n(), o("input", m({ key: 0 }, t.$attrs, {
           ref_key: "input",
           ref: u,
           "onUpdate:modelValue": d[0] || (d[0] = ($) => c.value = $),
@@ -55,9 +55,9 @@ const M = () => ({ hasModelBinding: y(() => {
           type: t.$attrs.type || "text"
         }), null, 16, j))
       ]),
-      i(r).suffix || i(r).icon || e.icon ? (n(), o("span", D, [
-        s(t.$slots, "suffix", {}, () => [
-          s(t.$slots, "icon", { icon: e.icon }, () => [
+      s(r).suffix || s(r).icon || e.icon ? (n(), o("span", D, [
+        i(t.$slots, "suffix", {}, () => [
+          i(t.$slots, "icon", { icon: e.icon }, () => [
             e.icon ? (n(), p(f(e.icon), {
               key: 0,
               "aria-hidden": "true"

package/dist/_shared/{Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js → Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js}

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as p, createBlock as s, openBlock as r, unref as o, withCtx as a, createVNode as f, createCommentVNode as h, mergeProps as g, createElementVNode as V, renderSlot as w } from "vue";
+import { defineComponent as c, computed as p, openBlock as s, createBlock as r, unref as o, withCtx as a, createVNode as f, mergeProps as h, createElementVNode as g, renderSlot as V, createCommentVNode as w } from "vue";
 import { SwitchGroup as v, Switch as S, SwitchLabel as b } from "@headlessui/vue";
 const C = /* @__PURE__ */ c({
   inheritAttrs: !1,
@@ -12,27 +12,27 @@ const C = /* @__PURE__ */ c({
       get: () => i.modelValue,
       set: (e) => n("update:modelValue", e)
     });
-    return (e, t) => (r(), s(o(v), {
+    return (e, t) => (s(), r(o(v), {
       as: "div",
       class: "rvc-lightswitch-group"
     }, {
       default: a(() => [
-        f(o(S), g({
+        f(o(S), h({
           modelValue: l.value,
           "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
           class: [{ "rvc-lightswitch-enabled": l.value }, "rvc-lightswitch"]
         }, e.$attrs), {
           default: a(() => [...t[1] || (t[1] = [
-            V("span", { class: "rvc-lightswitch-toggle" }, null, -1)
+            g("span", { class: "rvc-lightswitch-toggle" }, null, -1)
           ])]),
           _: 1
         }, 16, ["modelValue", "class"]),
-        e.$slots.default ? (r(), s(o(b), { key: 0 }, {
+        e.$slots.default ? (s(), r(o(b), { key: 0 }, {
           default: a(() => [
-            w(e.$slots, "default")
+            V(e.$slots, "default")
           ]),
           _: 3
-        })) : h("", !0)
+        })) : w("", !0)
       ]),
       _: 3
     }));

package/dist/_shared/{Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js → Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js}

@@ -1,7 +1,7 @@
-import { ref as C, computed as f, defineComponent as D, createBlock as L, openBlock as p, unref as o, withCtx as d, createVNode as n, withModifiers as T, createElementVNode as r, normalizeClass as I, createElementBlock as $, renderSlot as s, createCommentVNode as N, createTextVNode as R, toDisplayString as S } from "vue";
+import { ref as C, computed as f, defineComponent as D, openBlock as p, createBlock as L, unref as o, withCtx as d, createVNode as n, withModifiers as T, createElementVNode as r, normalizeClass as I, createElementBlock as $, renderSlot as s, createTextVNode as N, toDisplayString as R, createCommentVNode as S } from "vue";
 import { TransitionRoot as V, Dialog as h, TransitionChild as g, DialogPanel as x, DialogTitle as B } from "@headlessui/vue";
-import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { r as w } from "./XMarkIcon-90mcPzBs.js";
+import { _ as E } from "./ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { r as w } from "./XMarkIcon-CPr_Rd8y.js";
 function A(t) {
   const c = C(null), u = C(!1), l = f(() => t.as === "form"), b = f(() => `${t.id}-title`), m = f(() => `${t.id}-content`), v = f(() => c.value?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
   return {
@@ -112,7 +112,7 @@ const H = {
                                   class: "rvc-modal-title"
                                 }, {
                                   default: d(() => [
-                                    R(S(t.title), 1)
+                                    N(R(t.title), 1)
                                   ]),
                                   _: 1
                                 }, 8, ["id"])
@@ -132,7 +132,7 @@ const H = {
                                     n(o(w), { "aria-hidden": "true" })
                                   ])
                                 ])
-                              ]) : N("", !0)
+                              ]) : S("", !0)
                             ])
                           ])
                         ])),

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js → RichTextEditor.vue_vue_type_script_setup_true_lang-DaCv0Gii.js}

@@ -1,9 +1,9 @@
-import { createElementBlock as r, openBlock as o, createElementVNode as s, defineComponent as L, ref as p, useAttrs as $, computed as x, watch as B, Fragment as C, createVNode as v, renderSlot as A, withCtx as _, normalizeClass as M, createCommentVNode as y, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as U } from "vue";
+import { openBlock as o, createElementBlock as r, createElementVNode as s, defineComponent as L, ref as p, useAttrs as $, computed as x, watch as B, Fragment as C, createVNode as v, withCtx as A, renderSlot as _, normalizeClass as M, unref as f, renderList as y, createBlock as E, resolveDynamicComponent as S, createCommentVNode as U } from "vue";
 import { useEditor as N, EditorContent as O } from "@tiptap/vue-3";
 import T from "@tiptap/starter-kit";
-import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
-import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
-import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
+import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
+import { _ as D } from "./FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
+import { _ as I } from "./Modal.vue_vue_type_script_setup_true_lang-CB0Gez7v.js";
 function q(n, c) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -187,7 +187,7 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
         "onModal:close": i[1] || (i[1] = (t) => u.value = !1),
         "onModal:save": H
       }, {
-        default: _(() => [
+        default: A(() => [
           v(D, {
             modelValue: d.value,
             "onUpdate:modelValue": i[0] || (i[0] = (t) => d.value = t),
@@ -198,17 +198,17 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
         ]),
         _: 1
       }, 8, ["id", "show"]),
-      A(l.$slots, "default"),
+      _(l.$slots, "default"),
       s("div", {
         class: M(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
       }, [
-        f(e) ? A(l.$slots, "toolbar", {
+        f(e) ? _(l.$slots, "toolbar", {
           key: 0,
           commands: g.value,
           tiptap: f(e)
         }, () => [
           s("ul", j, [
-            (o(!0), r(C, null, E(g.value.filter((t) => t.isVisible), (t) => (o(), r("li", {
+            (o(!0), r(C, null, y(g.value.filter((t) => t.isVisible), (t) => (o(), r("li", {
               key: `toolbar-item-command-${t.name}`
             }, [
               v(z, {
@@ -217,7 +217,7 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
                 size: "sm",
                 class: "rvc-rich-text-tooltip"
               }, {
-                default: _(() => [
+                default: A(() => [
                   s("button", {
                     disabled: t.disabled,
                     type: "button",
@@ -225,14 +225,14 @@ const j = { class: "rvc-rich-text-toolbar" }, G = ["disabled", "aria-label", "on
                     class: M([{ "rvc-rich-text-button-active": t.isActive() }, "rvc-rich-text-button"]),
                     onClick: t.action
                   }, [
-                    (o(), S(U(t.icon)))
+                    (o(), E(S(t.icon)))
                   ], 10, G)
                 ]),
                 _: 2
               }, 1032, ["content"])
             ]))), 128))
           ])
-        ]) : y("", !0),
+        ]) : U("", !0),
         v(f(O), { editor: f(e) }, null, 8, ["editor"])
       ], 2)
     ], 64));