@robuust-digital/vue-components 2.7.1 → 3.0.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 3.0.0 (17-06-2026)
+
+### Updated
+
+* `Tooltip`: Upgrade `@floating-ui/vue` to `^2.0.0`
+* `Build`: Upgrade minor and patch dependency versions while leaving major upgrades out of scope
+* `Build`: Upgrade Vite, Vitest, `@vitest/coverage-v8`, and `vite-plugin-static-copy` to their latest major versions
+* `Build`: Update `vite-plugin-static-copy` targets for v4 directory structure handling
+* `Tests`: Add Vitest 4 coverage for stricter Vue SFC line remapping
+* `Build`: Require Vue `>=3.3.0` for consumers, matching the `@floating-ui/vue` peer dependency
+
+### Fixed
+
+* `FileUpload`: Keep the native file input focusable so browser validation works with attributes such as `required`
+
 ## 2.7.1 (21-05-2026)
 
 ### Added

package/dist/_shared/ButtonBase-DyeIkb-l.js

@@ -0,0 +1,76 @@
+import { t as e } from "./icon-spinner-D3Dhustt.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toDisplayString as u, unref as d, watchEffect as f, withCtx as p } from "vue";
+//#region src/components/ButtonBase.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	key: 0,
+	class: "rvc-button-label"
+}, h = /* @__PURE__ */ a({
+	__name: "ButtonBase",
+	props: {
+		as: { default: "button" },
+		bindAs: { default: void 0 },
+		label: { default: "" },
+		icon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		iconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		iconLeft: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "base" },
+		spinning: {
+			type: Boolean,
+			default: !1
+		},
+		color: { default: "primary" }
+	},
+	setup(a) {
+		let h = a;
+		return f(() => {
+			h.iconOnly && !h.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
+		}), (f, h) => (s(), t(l(a.as), o(a.bindAs ? { as: a.bindAs } : {}, {
+			class: [
+				"rvc-button",
+				`rvc-button-${a.color}`,
+				`rvc-button-${a.size}`,
+				{ "rvc-button-reverse": a.iconLeft },
+				{ "rvc-button-icon-only": a.iconOnly }
+			],
+			"aria-label": a.iconOnly ? a.label : null,
+			"aria-busy": a.spinning
+		}), {
+			default: p(() => [
+				a.iconOnly && a.label ? (s(), r("span", m, [c(f.$slots, "default", { label: a.label }, () => [i(u(a.label), 1)])])) : a.label ? c(f.$slots, "default", {
+					key: 1,
+					label: a.label
+				}, () => [i(u(a.label), 1)]) : n("", !0),
+				c(f.$slots, "icon", { icon: a.icon }, () => [a.icon && !a.spinning ? (s(), t(l(a.icon), {
+					key: 0,
+					class: "rvc-button-icon",
+					"aria-hidden": !a.iconOnly
+				}, null, 8, ["aria-hidden"])) : n("", !0)]),
+				c(f.$slots, "spinner", { spinning: a.spinning }, () => [a.spinning ? (s(), t(d(e), {
+					key: 0,
+					class: "rvc-button-icon rvc-button-icon-loading",
+					"aria-hidden": "true"
+				})) : n("", !0)])
+			]),
+			_: 3
+		}, 16, [
+			"class",
+			"aria-label",
+			"aria-busy"
+		]));
+	}
+});
+//#endregion
+export { h as t };

package/dist/_shared/ChevronDownIcon-Y_yqpwON.js

@@ -0,0 +1,39 @@
+import { createBlock as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, toDisplayString as l, withCtx as u } from "vue";
+//#endregion
+//#region src/components/Badge.vue
+var d = /* @__PURE__ */ i({
+	__name: "Badge",
+	props: {
+		as: { default: "span" },
+		label: { default: "" },
+		size: { default: "base" },
+		color: { default: "default" }
+	},
+	setup(t) {
+		return (n, i) => (o(), e(c(t.as), { class: a([
+			"rvc-badge",
+			`rvc-badge-${t.color}`,
+			`rvc-badge-${t.size}`
+		]) }, {
+			default: u(() => [s(n.$slots, "default", { label: t.label }, () => [r(l(t.label), 1)])]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/ChevronDownIcon.js
+function f(e, r) {
+	return o(), t("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [n("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"
+	})]);
+}
+//#endregion
+export { d as n, f as t };

package/dist/_shared/FormInput-k0vAk3VU.js

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

package/dist/_shared/Modal-D0x_VHiB.js

@@ -0,0 +1,188 @@
+import { t as e } from "./XMarkIcon-CBoWSM1l.js";
+import { t } from "./ButtonBase-DyeIkb-l.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g, withModifiers as _ } from "vue";
+import { Dialog as v, DialogPanel as y, DialogTitle as b, TransitionChild as x, TransitionRoot as S } from "@headlessui/vue";
+//#region src/composables/useDialogContext.ts
+function C(e) {
+	let t = f(null);
+	return {
+		contentRef: t,
+		ready: f(!1),
+		isForm: n(() => {
+			if (typeof e.as == "string") return e.as.toLowerCase() === "form";
+			let t = e.as, n = t.name ?? t.__name;
+			return (typeof n == "string" ? n.toLowerCase() : "") === "form";
+		}),
+		titleId: n(() => `${e.id}-title`),
+		descriptionId: n(() => `${e.id}-content`),
+		initialFocusElement: n(() => t.value?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))
+	};
+}
+//#endregion
+//#region src/components/Modal.vue?vue&type=script&setup=true&lang.ts
+var w = {
+	role: "presentation",
+	class: "rvc-modal-presentation"
+}, T = { class: "rvc-modal-container" }, E = {
+	key: 0,
+	class: "rvc-modal-header"
+}, D = { class: "rvc-modal-header-inner" }, O = { class: "rvc-modal-close-wrapper" }, k = ["id"], A = {
+	key: 2,
+	class: "rvc-modal-footer"
+}, j = /* @__PURE__ */ l({
+	__name: "Modal",
+	props: {
+		as: { default: "div" },
+		id: {},
+		title: {},
+		showClose: {
+			type: Boolean,
+			default: !1
+		},
+		spinning: {
+			type: Boolean,
+			default: !1
+		},
+		submitLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		panelClass: { default: "rvc-modal-panel-max-width" },
+		resetHeader: {
+			type: Boolean,
+			default: !1
+		},
+		resetFooter: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"modal:open",
+		"modal:opened",
+		"modal:close",
+		"modal:save",
+		"modal:closed"
+	],
+	setup(n, { emit: l }) {
+		let f = n, j = l, { contentRef: M, ready: N, isForm: P, titleId: F, descriptionId: I, initialFocusElement: L } = C(f);
+		return (l, f) => (d(), r(h(S), { as: "template" }, {
+			default: g(() => [c(h(v), {
+				as: n.as,
+				class: "rvc-modal",
+				static: "",
+				"aria-modal": "true",
+				role: "dialog",
+				"initial-focus": h(L),
+				"aria-labelledby": h(F),
+				onClose: f[7] ||= (e) => j("modal:close"),
+				onSubmit: f[8] ||= _((e) => j("modal:save", e), ["prevent"])
+			}, {
+				default: g(() => [c(h(x), {
+					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: f[0] ||= (e) => j("modal:open"),
+					onAfterEnter: f[1] ||= (e) => j("modal:opened")
+				}, {
+					default: g(() => [...f[9] ||= [o("div", {
+						"aria-hidden": "true",
+						class: "rvc-modal-backdrop"
+					}, null, -1)]]),
+					_: 1
+				}), o("div", w, [o("div", T, [c(h(x), {
+					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: f[5] ||= (e) => N.value = !0,
+					onAfterLeave: f[6] ||= (e) => (N.value = !1, j("modal:closed"))
+				}, {
+					default: g(() => [c(h(y), {
+						class: u(["rvc-modal-panel", n.panelClass]),
+						"aria-busy": n.spinning,
+						"aria-describedby": h(I)
+					}, {
+						default: g(() => [p(l.$slots, "panel", {
+							title: n.title,
+							loading: n.spinning,
+							isForm: h(P),
+							titleId: h(F),
+							descriptionId: h(I),
+							contentRef: h(M),
+							dialogTitle: h(b),
+							emitClose: () => j("modal:close"),
+							emitSave: (e = void 0) => j("modal:save", e)
+						}, () => [
+							n.resetHeader ? p(l.$slots, "header", { key: 1 }) : (d(), a("header", E, [p(l.$slots, "header", {
+								title: n.title,
+								showClose: n.showClose
+							}, () => [o("div", D, [p(l.$slots, "title", {
+								id: h(F),
+								dialogTitle: h(b),
+								title: n.title
+							}, () => [c(h(b), {
+								id: h(F),
+								class: "rvc-modal-title"
+							}, {
+								default: g(() => [s(m(n.title), 1)]),
+								_: 1
+							}, 8, ["id"])]), n.showClose ? p(l.$slots, "close", {
+								key: 0,
+								icon: h(e),
+								emitClose: () => j("modal:close")
+							}, () => [o("div", O, [o("button", {
+								type: "button",
+								class: "rvc-modal-close",
+								"aria-label": "Close panel",
+								onClick: f[2] ||= (e) => j("modal:close")
+							}, [c(h(e), { "aria-hidden": "true" })])])]) : i("", !0)])])])),
+							o("div", {
+								id: h(I),
+								ref_key: "contentRef",
+								ref: M,
+								class: "rvc-modal-content"
+							}, [p(l.$slots, "default", { ready: h(N) })], 8, k),
+							n.resetFooter ? p(l.$slots, "footer", { key: 3 }) : (d(), a("footer", A, [p(l.$slots, "footer", { loading: n.spinning }, () => [c(t, {
+								type: h(P) ? "submit" : "button",
+								label: n.submitLabel,
+								spinning: n.spinning,
+								disabled: n.spinning,
+								onClick: f[3] ||= (e) => !h(P) && j("modal:save")
+							}, null, 8, [
+								"type",
+								"label",
+								"spinning",
+								"disabled"
+							]), c(t, {
+								type: "button",
+								color: "light",
+								label: n.cancelLabel,
+								onClick: f[4] ||= (e) => j("modal:close")
+							}, null, 8, ["label"])])]))
+						])]),
+						_: 3
+					}, 8, [
+						"class",
+						"aria-busy",
+						"aria-describedby"
+					])]),
+					_: 3
+				})])])]),
+				_: 3
+			}, 8, [
+				"as",
+				"initial-focus",
+				"aria-labelledby"
+			])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { C as n, j as t };

package/dist/_shared/Tooltip-B5w_Ojie.js

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

package/dist/_shared/XMarkIcon-CBoWSM1l.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
+//#region node_modules/@heroicons/vue/24/solid/esm/XMarkIcon.js
+function r(r, i) {
+	return n(), e("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [t("path", {
+		"fill-rule": "evenodd",
+		d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+export { r as t };