@robuust-digital/vue-components 2.2.1 → 2.3.0

package/dist/_shared/Toast.vue_vue_type_script_setup_true_lang-BfMkJm5T.js

@@ -0,0 +1,78 @@
+import { defineComponent as y, onMounted as h, watch as w, createBlock as n, openBlock as o, unref as c, withCtx as m, resolveDynamicComponent as u, normalizeClass as C, renderSlot as a, createElementVNode as $, createCommentVNode as l, createElementBlock as f, toDisplayString as k, createVNode as b } from "vue";
+import { TransitionRoot as B } from "@headlessui/vue";
+import { r as p } from "./XMarkIcon-90mcPzBs.js";
+const T = {
+  key: 0,
+  class: "rvc-toast-title"
+}, S = /* @__PURE__ */ y({
+  __name: "Toast",
+  props: {
+    show: { type: Boolean, default: !1 },
+    as: { default: "div" },
+    title: { default: "" },
+    icon: { type: [Function, Object, null], default: null },
+    timeout: { type: [Number, Boolean], default: 5e3 },
+    position: { default: "bottom" },
+    type: { default: "info" },
+    showClose: { type: Boolean, default: !1 }
+  },
+  emits: ["toast:close"],
+  setup(t, { emit: v }) {
+    const s = t, d = v, i = () => {
+      s.timeout && s.show && setTimeout(() => {
+        d("toast:close");
+      }, s.timeout);
+    };
+    return h(() => {
+      i();
+    }), w(() => s.show, (e) => {
+      e && i();
+    }), (e, r) => (o(), n(c(B), {
+      show: t.show,
+      as: "template",
+      enter: "rvc-toast-transition-enter",
+      "enter-from": "rvc-toast-transition-enter-from",
+      "enter-to": "rvc-toast-transition-enter-to",
+      leave: "rvc-toast-transition-leave",
+      "leave-from": "rvc-toast-transition-leave-from",
+      "leave-to": "rvc-toast-transition-leave-to"
+    }, {
+      default: m(() => [
+        (o(), n(u(t.as), {
+          class: C(["rvc-toast", `rvc-toast-${t.position}`, `rvc-toast-${t.type}`, { "rvc-toast-open": t.show }])
+        }, {
+          default: m(() => [
+            a(e.$slots, "icon", {}, () => [
+              t.icon ? (o(), n(u(t.icon), {
+                key: 0,
+                class: "rvc-toast-icon"
+              })) : l("", !0)
+            ]),
+            $("div", null, [
+              a(e.$slots, "title", {}, () => [
+                t.title ? (o(), f("span", T, k(t.title), 1)) : l("", !0)
+              ]),
+              a(e.$slots, "default")
+            ]),
+            a(e.$slots, "close", {}, () => [
+              t.showClose ? (o(), f("button", {
+                key: 0,
+                type: "button",
+                class: "rvc-toast-close",
+                "aria-label": "Close",
+                onClick: r[0] || (r[0] = (N) => e.$emit("toast:close"))
+              }, [
+                b(c(p))
+              ])) : l("", !0)
+            ])
+          ]),
+          _: 3
+        }, 8, ["class"]))
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
+export {
+  S as _
+};

package/dist/_shared/Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js

@@ -0,0 +1,95 @@
+import { defineComponent as b, shallowRef as a, createElementBlock as p, openBlock as f, renderSlot as d, createElementVNode as u, normalizeStyle as x, normalizeClass as $, unref as w, createCommentVNode as R, mergeProps as k } from "vue";
+import { useFloating as z, autoUpdate as S, autoPlacement as C, offset as W, shift as M, arrow as P, size as A } from "@floating-ui/vue";
+const B = ["innerHTML"], T = /* @__PURE__ */ b({
+  __name: "Tooltip",
+  props: {
+    content: {},
+    blur: { type: Boolean, default: !0 },
+    maxWidth: { default: null },
+    tooltipClass: { default: "" },
+    placement: { default: void 0 },
+    size: { default: "base" }
+  },
+  setup(t) {
+    const r = t, s = a(), i = a(), n = a(), {
+      floatingStyles: h,
+      middlewareData: v,
+      placement: c
+    } = z(s, i, {
+      middleware: [
+        ...r.placement ? [] : [C()],
+        W(r.size === "sm" ? 7 : 10),
+        M({ crossAxis: !0, padding: 5 }),
+        P({ element: n }),
+        A({
+          apply({ availableWidth: e, availableHeight: o, elements: l }) {
+            Object.assign(l.floating.style, {
+              maxWidth: r.maxWidth ? `${Math.min(e, r.maxWidth) / 16}rem` : "",
+              maxHeight: `${o / 16}rem `
+            });
+          }
+        })
+      ],
+      whileElementsMounted: S,
+      placement: r.placement
+    }), y = (e) => {
+      const o = {
+        top: 0,
+        bottom: 180,
+        left: -90,
+        right: 90
+      }, l = e.split("-")[0];
+      return l && o[l] || 0;
+    }, g = (e) => {
+      const o = c.value.split("-")[0], m = o ? {
+        left: "right",
+        right: "left",
+        bottom: "top",
+        top: "bottom"
+      }[o] : "";
+      return {
+        style: {
+          left: e.arrow?.x ? `${e.arrow.x}px` : "",
+          top: e.arrow?.y ? `${e.arrow.y}px` : "",
+          bottom: "",
+          right: "",
+          ...m ? { [m]: n.value ? `${n.value.offsetWidth * -1}px` : "" } : {},
+          transform: `rotate(${y(c.value)}deg)`
+        }
+      };
+    };
+    return (e, o) => (f(), p("div", {
+      ref_key: "wrapperRef",
+      ref: s,
+      class: "rvc-tooltip-wrapper"
+    }, [
+      d(e.$slots, "default"),
+      u("div", {
+        ref_key: "tooltipRef",
+        ref: i,
+        class: $([
+          "rvc-tooltip",
+          t.tooltipClass,
+          `rvc-tooltip-${t.size}`,
+          { "rvc-tooltip-blur": t.blur }
+        ]),
+        style: x(w(h))
+      }, [
+        d(e.$slots, "content", { content: t.content }, () => [
+          t.content ? (f(), p("div", {
+            key: 0,
+            innerHTML: t.content
+          }, null, 8, B)) : R("", !0)
+        ]),
+        u("div", k({
+          ref_key: "arrowRef",
+          ref: n,
+          class: "rvc-tooltip-arrow"
+        }, g(w(v))), null, 16)
+      ], 6)
+    ], 512));
+  }
+});
+export {
+  T as _
+};

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CP3x2DUA.js";
+import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CxRv55TC.js";
 export {
   a as Combobox,
   a as default

package/dist/core/checkbox.css

@@ -38,11 +38,13 @@
 
     .rvc-checkbox-input {
       display: flex;
+      position: relative;
+      flex-shrink: 0;
       align-items: center;
       justify-content: center;
       width: var(--rvc-checkbox-input-size);
       height: var(--rvc-checkbox-input-size);
-      margin-top: calc(var(--spacing) * 0.5);
+      margin-top: calc(var(--spacing) * 0.75);
       border-width: var(--rvc-checkbox-input-border-width);
       border-radius: var(--rvc-checkbox-input-border-radius);
       border-color: var(--rvc-checkbox-input-border-color);
@@ -57,10 +59,13 @@
     }
 
     input {
-      display: none;
+      appearance: none;
+      position: absolute;
+      opacity: 0;
+      inset: 0;
     }
 
-    input:checked + .rvc-checkbox-input {
+    .rvc-checkbox-input:has(input:checked) {
       border-color: var(--rvc-checkbox-input-checked-border-color);
       background-color: var(--rvc-checkbox-input-checked-bg-color);
 
@@ -69,13 +74,13 @@
       }
     }
 
-    input:disabled + .rvc-checkbox-input {
+    .rvc-checkbox-input:has(input:disabled) {
       opacity: var(--rvc-checkbox-input-disabled-opacity);
       background-color: var(--rvc-checkbox-input-bg-color-disabled);
       cursor: default;
     }
 
-    input:focus + .rvc-checkbox-input {
+    .rvc-checkbox-input:focus-within {
       @apply rvc-focus;
     }
   }

package/dist/core/index.js

@@ -1,7 +1,7 @@
-import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-DnzOq9GZ.js";
-import { _ as b } from "../_shared/ChevronDownIcon-DaaXfD3C.js";
-import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
-import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
+import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-DMUJ5Emt.js";
+import { _ as b } from "../_shared/ChevronDownIcon-CcE_K1lg.js";
+import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
+import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
 export {
   e as Accordion,
   s as Alert,

package/dist/core/radio.css

@@ -36,11 +36,13 @@
 
     .rvc-radio-input {
       display: inline-flex;
+      position: relative;
+      flex-shrink: 0;
       align-items: center;
       justify-content: center;
       width: var(--rvc-radio-input-size);
       height: var(--rvc-radio-input-size);
-      margin-top: calc(var(--spacing) * 1);
+      margin-top: calc(var(--spacing) * 0.75);
       border-width: var(--rvc-radio-input-border-width);
       border-radius: var(--rvc-radio-input-border-radius);
       border-color: var(--rvc-radio-input-border-color);
@@ -48,7 +50,7 @@
       box-shadow: var(--rvc-radio-input-box-shadow);
 
       &::before {
-        content: "";
+        content: '';
         width: calc(var(--spacing) * 1.5);
         height: calc(var(--spacing) * 1.5);
         border-radius: calc(infinity * 1px);
@@ -58,10 +60,13 @@
     }
 
     input {
-      display: none;
+      appearance: none;
+      position: absolute;
+      opacity: 0;
+      inset: 0;
     }
 
-    input:checked + .rvc-radio-input {
+    .rvc-radio-input:has(input:checked) {
       border-color: var(--rvc-radio-input-checked-border-color);
       background-color: var(--rvc-radio-input-checked-bg-color);
 
@@ -70,13 +75,13 @@
       }
     }
 
-    input:disabled + .rvc-radio-input {
+    .rvc-radio-input:has(input:disabled) {
       opacity: var(--rvc-radio-input-disabled-opacity);
       background-color: var(--rvc-radio-input-bg-color-disabled);
       cursor: default;
     }
 
-    input:focus + .rvc-radio-input {
+    .rvc-radio-input:focus-within {
       @apply rvc-focus;
     }
   }

package/dist/core.d.ts

@@ -29,6 +29,7 @@ declare const __VLS_component_11: DefineComponent<RadioProps, {}, {}, {}, {}, Co
 }>, {
 label: string;
 modelValue: RadioModelValue;
+rootClass: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 input: HTMLInputElement;
 }, any>;
@@ -172,7 +173,6 @@ declare function __VLS_template_10(): {
 declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
-        input?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
@@ -227,7 +227,6 @@ declare function __VLS_template_4(): {
 declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: {
-        input?(_: {}): any;
         icon?(_: {}): any;
         default?(_: {
             label: string;
@@ -636,6 +635,7 @@ declare type RadioModelValue = boolean | string | Array<unknown> | object | numb
 declare interface RadioProps {
     modelValue?: RadioModelValue;
     label?: string;
+    rootClass?: string;
 }
 
 declare interface TabItem {

package/dist/dialogs/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-CD5914Fk.js";
-import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js";
+import { _ as a } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js";
+import { _ as f } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
 export {
   a as Drawer,
   f as Modal

package/dist/dropdown/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-CmYj-7WQ.js";
+import { _ as o } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
 export {
   o as Dropdown,
   o as default

package/dist/index/index.js

@@ -1,15 +1,15 @@
-import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-DnzOq9GZ.js";
-import { _ as d } from "../_shared/ChevronDownIcon-DaaXfD3C.js";
-import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-DeflHqux.js";
-import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-BhJpG-Fw.js";
-import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CP3x2DUA.js";
-import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-CD5914Fk.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CoHkAJj3.js";
-import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-CmYj-7WQ.js";
+import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-DMUJ5Emt.js";
+import { _ as d } from "../_shared/ChevronDownIcon-CcE_K1lg.js";
+import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
+import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
+import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CxRv55TC.js";
+import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js";
+import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
+import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
 import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js";
-import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-CIVhqJtE.js";
-import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-Be3i_0zE.js";
-import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
+import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js";
+import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-BfMkJm5T.js";
+import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
 export {
   r as Accordion,
   t as Alert,

package/dist/index.d.ts

@@ -39,6 +39,7 @@ declare const __VLS_component_11: DefineComponent<RadioProps, {}, {}, {}, {}, Co
 }>, {
 label: string;
 modelValue: RadioModelValue;
+rootClass: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 input: HTMLInputElement;
 }, any>;
@@ -334,7 +335,6 @@ declare function __VLS_template_10(): {
 declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
-        input?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
@@ -688,7 +688,6 @@ declare function __VLS_template_4(): {
 declare function __VLS_template_5(): {
     attrs: Partial<{}>;
     slots: {
-        input?(_: {}): any;
         icon?(_: {}): any;
         default?(_: {
             label: string;
@@ -1264,6 +1263,7 @@ declare type RadioModelValue = boolean | string | Array<unknown> | object | numb
 declare interface RadioProps {
     modelValue?: RadioModelValue;
     label?: string;
+    rootClass?: string;
 }
 
 declare type RichTextConfig = 'default' | 'simple';

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

@@ -1,4 +1,4 @@
-import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-CIVhqJtE.js";
+import { _ as t } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js";
 export {
   t as RichTextEditor,
   t as default

package/dist/toast/index.js

@@ -1,4 +1,4 @@
-import { _ as s } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-Be3i_0zE.js";
+import { _ as s } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-BfMkJm5T.js";
 export {
   s as Toast,
   s as default

package/dist/tooltip/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CoydN9sS.js";
+import { _ as o } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
 export {
   o as Tooltip,
   o as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robuust-digital/vue-components",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -87,37 +87,37 @@
     "@floating-ui/vue": "^1.1.9",
     "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
-    "@tiptap/starter-kit": "^3.5.0",
-    "@tiptap/vue-3": "^3.5.0",
-    "@vueuse/core": "^13.9.0",
-    "vue": "^3.5.21"
+    "@tiptap/starter-kit": "^3.10.1",
+    "@tiptap/vue-3": "^3.10.1",
+    "@vueuse/core": "^14.0.0",
+    "vue": "^3.5.22"
   },
   "devDependencies": {
-    "@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",
+    "@rushstack/eslint-patch": "^1.14.1",
+    "@tailwindcss/postcss": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/node": "^24.9.2",
+    "@typescript-eslint/eslint-plugin": "^8.46.2",
+    "@typescript-eslint/parser": "^8.46.2",
     "@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.33.0",
-    "jsdom": "^27.0.0",
+    "jsdom": "^27.1.0",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "postcss-scss": "^4.0.9",
-    "stylelint": "^16.24.0",
+    "stylelint": "^16.25.0",
     "stylelint-config-property-sort-order-smacss": "^10.0.0",
-    "stylelint-config-standard": "^39.0.0",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.9.2",
-    "vite": "^6.3.6",
+    "stylelint-config-standard": "^39.0.1",
+    "tailwindcss": "^4.1.16",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-static-copy": "^3.1.2",
-    "vite-plugin-vue-devtools": "^8.0.2",
+    "vite-plugin-static-copy": "^3.1.4",
+    "vite-plugin-vue-devtools": "^8.0.3",
     "vite-svg-loader": "^5.1.0",
     "vitepress": "^2.0.0-alpha.12",
     "vitest": "^3.2.4"