@robuust-digital/vue-components 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -22,26 +22,54 @@
     "README.md",
     "CHANGELOG.md"
   ],
-  "main": "./dist/core/index.js",
-  "module": "./dist/core/index.js",
+  "main": "./dist/index/index.js",
+  "module": "./dist/index/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./dist/core/index.js",
-    "./core": "./dist/core/index.js",
+    ".": {
+      "import": "./dist/index/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./core": {
+      "import": "./dist/core/index.js",
+      "types": "./dist/core.d.ts"
+    },
     "./core/css": "./dist/core/styles.css",
     "./core/theme": "./dist/core/theme.css",
-    "./combobox": "./dist/combobox/index.js",
+    "./combobox": {
+      "import": "./dist/combobox/index.js",
+      "types": "./dist/combobox.d.ts"
+    },
     "./combobox/css": "./dist/combobox/styles.css",
-    "./dialogs": "./dist/dialogs/index.js",
+    "./dialogs": {
+      "import": "./dist/dialogs/index.js",
+      "types": "./dist/dialogs.d.ts"
+    },
     "./dialogs/css": "./dist/dialogs/styles.css",
-    "./dropdown": "./dist/dropdown/index.js",
+    "./dropdown": {
+      "import": "./dist/dropdown/index.js",
+      "types": "./dist/dropdown.d.ts"
+    },
     "./dropdown/css": "./dist/dropdown/styles.css",
-    "./lightswitch": "./dist/lightswitch/index.js",
+    "./lightswitch": {
+      "import": "./dist/lightswitch/index.js",
+      "types": "./dist/lightswitch.d.ts"
+    },
     "./lightswitch/css": "./dist/lightswitch/styles.css",
-    "./rich-text-editor": "./dist/rich-text-editor/index.js",
+    "./rich-text-editor": {
+      "import": "./dist/rich-text-editor/index.js",
+      "types": "./dist/rich-text-editor.d.ts"
+    },
     "./rich-text-editor/css": "./dist/rich-text-editor/styles.css",
-    "./toast": "./dist/toast/index.js",
+    "./toast": {
+      "import": "./dist/toast/index.js",
+      "types": "./dist/toast.d.ts"
+    },
     "./toast/css": "./dist/toast/styles.css",
-    "./tooltip": "./dist/tooltip/index.js",
+    "./tooltip": {
+      "import": "./dist/tooltip/index.js",
+      "types": "./dist/tooltip.d.ts"
+    },
     "./tooltip/css": "./dist/tooltip/styles.css"
   },
   "scripts": {
@@ -52,44 +80,47 @@
     "docs:preview": "vitepress preview docs",
     "test:unit": "vitest run",
     "lint": "eslint .",
-    "lint:style": "stylelint 'src/**/*.{vue,css}'"
+    "lint:style": "stylelint 'src/**/*.{vue,css}'",
+    "type-check": "npx vue-tsc --noEmit --project tsconfig.json --project tests/tsconfig.json"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.7",
+    "@floating-ui/vue": "^1.1.9",
     "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
-    "@tiptap/starter-kit": "^3.0.1",
-    "@tiptap/vue-3": "^3.0.1",
-    "@vueuse/core": "^13.0.0",
-    "vue": "^3.5.13"
+    "@tiptap/starter-kit": "^3.5.0",
+    "@tiptap/vue-3": "^3.5.0",
+    "@vueuse/core": "^13.9.0",
+    "vue": "^3.5.21"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.10.5",
-    "@tailwindcss/postcss": "^4.0.6",
-    "@tailwindcss/vite": "^4.0.6",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "@vitest/coverage-v8": "^3.0.5",
-    "@vue/eslint-config-airbnb": "^8.0.0",
+    "@rushstack/eslint-patch": "^1.12.0",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.13",
+    "@types/node": "^24.5.2",
+    "@typescript-eslint/eslint-plugin": "^8.44.1",
+    "@typescript-eslint/parser": "^8.44.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vue/eslint-config-airbnb-with-typescript": "^8.0.0",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.1",
-    "eslint-plugin-vue": "^9.32.0",
-    "jsdom": "^26.0.0",
-    "postcss": "^8.5.2",
+    "eslint-plugin-vue": "^9.33.0",
+    "jsdom": "^27.0.0",
+    "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "postcss-scss": "^4.0.9",
-    "stylelint": "^16.14.1",
+    "stylelint": "^16.24.0",
     "stylelint-config-property-sort-order-smacss": "^10.0.0",
     "stylelint-config-standard": "^39.0.0",
-    "tailwindcss": "^4.0.6",
-    "vite": "^6.1.0",
-    "vite-plugin-static-copy": "^3.0.0",
-    "vite-plugin-vue-devtools": "^8.0.0",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.9.2",
+    "vite": "^6.3.6",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.1.2",
+    "vite-plugin-vue-devtools": "^8.0.2",
     "vite-svg-loader": "^5.1.0",
-    "vitepress": "^2.0.0-alpha.2",
-    "vitest": "^3.0.5"
+    "vitepress": "^2.0.0-alpha.12",
+    "vitest": "^3.2.4"
   },
-  "resolutions": {
-    "@vueuse/core": "^13.0.0"
-  },
-  "packageManager": "yarn@4.9.1"
+  "packageManager": "yarn@4.9.2"
 }

package/dist/_shared/ButtonBase-DfkwHIhN.js

@@ -1,87 +0,0 @@
-import { watchEffect as u, createBlock as i, openBlock as t, resolveDynamicComponent as c, mergeProps as b, withCtx as d, createElementBlock as y, renderSlot as l, createCommentVNode as a, createTextVNode as r, toDisplayString as s, unref as f } from "vue";
-import { S as g } from "./icon-spinner-CmxIOqaK.js";
-const m = {
-  key: 0,
-  class: "rvc-button-label"
-}, O = {
-  __name: "ButtonBase",
-  props: {
-    as: {
-      type: [String, Object, Function],
-      default: "button"
-    },
-    bindAs: {
-      type: String,
-      default: void 0
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    },
-    iconOnly: {
-      type: Boolean,
-      default: !1
-    },
-    iconLeft: {
-      type: Boolean
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (n) => ["sm", "base"].includes(n)
-    },
-    spinning: {
-      type: Boolean
-    },
-    color: {
-      type: String,
-      default: "primary",
-      validator: (n) => typeof n != "string" ? !1 : /^(primary|secondary|tertiary|light|dark|green|red|yellow|blue|green-soft|red-soft|yellow-soft|blue-soft)?$/.test(n) || n.startsWith("custom-") || n === "clear"
-    }
-  },
-  setup(n) {
-    const o = n;
-    return u(() => {
-      o.iconOnly && !o.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
-    }), (e, v) => (t(), i(c(n.as), b(n.bindAs ? { as: n.bindAs } : {}, {
-      class: ["rvc-button", `rvc-button-${n.color}`, `rvc-button-${n.size}`, { "rvc-button-reverse": n.iconLeft }, { "rvc-button-icon-only": n.iconOnly }],
-      "aria-label": n.iconOnly ? n.label : null,
-      "aria-busy": n.spinning
-    }), {
-      default: d(() => [
-        n.iconOnly && n.label ? (t(), y("span", m, [
-          l(e.$slots, "default", { label: n.label }, () => [
-            r(s(n.label), 1)
-          ])
-        ])) : n.label ? l(e.$slots, "default", {
-          key: 1,
-          label: n.label
-        }, () => [
-          r(s(n.label), 1)
-        ]) : a("", !0),
-        l(e.$slots, "icon", { icon: n.icon }, () => [
-          n.icon && !n.spinning ? (t(), i(c(n.icon), {
-            key: 0,
-            class: "rvc-button-icon",
-            "aria-hidden": !n.iconOnly
-          }, null, 8, ["aria-hidden"])) : a("", !0)
-        ]),
-        l(e.$slots, "spinner", { spinning: n.spinning }, () => [
-          n.spinning ? (t(), i(f(g), {
-            key: 0,
-            class: "rvc-button-icon rvc-button-icon-loading",
-            "aria-hidden": "true"
-          })) : a("", !0)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class", "aria-label", "aria-busy"]));
-  }
-};
-export {
-  O as _
-};

package/dist/_shared/ChevronDownIcon-z-5U4fIb.js

@@ -1,55 +0,0 @@
-import { createBlock as l, openBlock as a, resolveDynamicComponent as r, normalizeClass as n, withCtx as o, renderSlot as s, createTextVNode as i, toDisplayString as c, createElementBlock as d, createElementVNode as u } from "vue";
-const m = {
-  __name: "Badge",
-  props: {
-    as: {
-      type: String,
-      default: "span"
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (e) => ["sm", "base"].includes(e)
-    },
-    color: {
-      type: String,
-      default: "default",
-      validator: (e) => typeof e != "string" ? !1 : /^(default|gray|red|yellow|green|blue|violet|purple|pink)?$/.test(e) || e.startsWith("custom-")
-    }
-  },
-  setup(e) {
-    return (t, f) => (a(), l(r(e.as), {
-      class: n(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
-    }, {
-      default: o(() => [
-        s(t.$slots, "default", { label: e.label }, () => [
-          i(c(e.label), 1)
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-};
-function p(e, t) {
-  return a(), d("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    u("path", {
-      "fill-rule": "evenodd",
-      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-export {
-  m as _,
-  p as r
-};

package/dist/_shared/FormInput-B-SQTZTA.js

@@ -1,92 +0,0 @@
-import { computed as v, getCurrentInstance as $, useSlots as I, ref as b, createElementBlock as s, openBlock as n, normalizeClass as x, createCommentVNode as u, renderSlot as i, unref as r, createBlock as f, resolveDynamicComponent as m, normalizeProps as V, guardReactiveProps as B, withDirectives as C, mergeProps as y, vModelDynamic as O } from "vue";
-const S = () => ({ hasModelBinding: v(() => {
-  var l;
-  const o = $();
-  return ((l = o == null ? void 0 : o.vnode) == null ? void 0 : l.props) && Object.prototype.hasOwnProperty.call(o.vnode.props, "onUpdate:modelValue");
-}) }), j = {
-  key: 0,
-  class: "rvc-input-prefix"
-}, z = ["type"], F = ["type"], M = {
-  key: 1,
-  class: "rvc-input-suffix"
-}, D = /* @__PURE__ */ Object.assign({
-  inheritAttrs: !1
-}, {
-  __name: "FormInput",
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    rootClass: {
-      type: String,
-      default: ""
-    },
-    prefixIcon: {
-      type: [Object, Function],
-      default: null
-    },
-    icon: {
-      type: [Object, Function],
-      default: null
-    },
-    size: {
-      type: String,
-      default: "base",
-      validator: (e) => ["sm", "base"].includes(e)
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const l = e, g = o, { hasModelBinding: h } = S(), a = I(), c = b(null), d = v({
-      get: () => l.modelValue,
-      set: (t) => g("update:modelValue", t)
-    });
-    return (t, p) => (n(), s("div", {
-      class: x([
-        "rvc-input",
-        `rvc-input-${e.size}`,
-        e.rootClass
-      ])
-    }, [
-      r(a).prefix || r(a).prefixIcon || e.prefixIcon ? (n(), s("span", j, [
-        i(t.$slots, "prefix", {}, () => [
-          i(t.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
-            e.prefixIcon ? (n(), f(m(e.prefixIcon), {
-              key: 0,
-              "aria-hidden": "true"
-            })) : u("", !0)
-          ])
-        ])
-      ])) : u("", !0),
-      i(t.$slots, "input", V(B(t.$attrs)), () => [
-        r(h) ? C((n(), s("input", y({ key: 0 }, t.$attrs, {
-          ref_key: "input",
-          ref: c,
-          "onUpdate:modelValue": p[0] || (p[0] = (k) => d.value = k),
-          type: t.$attrs.type || "text"
-        }), null, 16, z)), [
-          [O, d.value]
-        ]) : (n(), s("input", y({ key: 1 }, t.$attrs, {
-          ref_key: "input",
-          ref: c,
-          type: t.$attrs.type || "text"
-        }), null, 16, F))
-      ]),
-      r(a).suffix || r(a).icon || e.icon ? (n(), s("span", M, [
-        i(t.$slots, "suffix", {}, () => [
-          i(t.$slots, "icon", { icon: e.icon }, () => [
-            e.icon ? (n(), f(m(e.icon), {
-              key: 0,
-              "aria-hidden": "true"
-            })) : u("", !0)
-          ])
-        ])
-      ])) : u("", !0)
-    ], 2));
-  }
-});
-export {
-  D as _,
-  S as u
-};

package/dist/_shared/Modal-Bw2sID1x.js

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