@robuust-digital/vue-components 2.7.1 → 3.0.1

package/dist/_shared/core-D8wjjKnI.js

@@ -0,0 +1,857 @@
+import { t as e } from "./XMarkIcon-CBoWSM1l.js";
+import { t } from "./ChevronDownIcon-Y_yqpwON.js";
+import { t as n } from "./icon-spinner-D3Dhustt.js";
+import { t as r } from "./ButtonBase-DyeIkb-l.js";
+import { n as i } from "./FormInput-k0vAk3VU.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeProps as h, normalizeClass as g, normalizeProps as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useAttrs as E, vModelDynamic as D, vModelSelect as O, vModelText as k, watch as ee, withCtx as A, withDirectives as j, withModifiers as M } from "vue";
+//#region node_modules/@heroicons/vue/24/solid/esm/CheckIcon.js
+function N(e, t) {
+	return y(), l("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [u("path", {
+		"fill-rule": "evenodd",
+		d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/24/solid/esm/PlusIcon.js
+function P(e, t) {
+	return y(), l("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [u("path", {
+		"fill-rule": "evenodd",
+		d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region src/components/Accordion.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "rvc-accordion" }, I = ["open", "name"], L = ["innerHTML"], R = /* @__PURE__ */ p({
+	__name: "Accordion",
+	props: {
+		items: {},
+		name: {},
+		defaultOpenIndex: {},
+		contentClass: {}
+	},
+	setup(e) {
+		return (t, n) => (y(), l("div", F, [(y(!0), l(a, null, x(e.items, (n, r) => (y(), l("details", {
+			key: r,
+			open: n.open ?? e.defaultOpenIndex === r,
+			name: e.name
+		}, [u("summary", null, [S(t.$slots, "summary", {
+			item: n,
+			index: r
+		}, () => [d(w(n.title) + " ", 1), S(t.$slots, "icon", { classList: "rvc-accordion-icon" }, () => [f(T(P), { class: "rvc-accordion-icon" })])])]), u("div", { class: g(["rvc-accordion-content", e.contentClass]) }, [S(t.$slots, "content", {
+			item: n,
+			index: r
+		}, () => [u("div", { innerHTML: n.content }, null, 8, L)])], 2)], 8, I))), 128))]));
+	}
+}), z = { class: "rvc-alert-title" }, B = /* @__PURE__ */ p({
+	__name: "Alert",
+	props: {
+		as: { default: "div" },
+		title: { default: "" },
+		icon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		type: { default: "info" },
+		close: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["alert:close"],
+	setup(t) {
+		return (n, r) => (y(), s(C(t.as), { class: g(["rvc-alert", `rvc-alert-${t.type}`]) }, {
+			default: A(() => [
+				S(n.$slots, "icon", {}, () => [t.icon ? (y(), s(C(t.icon), {
+					key: 0,
+					class: "rvc-alert-icon"
+				})) : c("", !0)]),
+				u("div", null, [S(n.$slots, "title", {}, () => [u("span", z, w(t.title), 1)]), S(n.$slots, "default")]),
+				S(n.$slots, "close", {}, () => [t.close ? (y(), l("button", {
+					key: 0,
+					type: "button",
+					class: "rvc-alert-close",
+					onClick: r[0] ||= (e) => n.$emit("alert:close")
+				}, [f(T(e))])) : c("", !0)])
+			]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}), V = { class: "rvc-checkbox-input" }, H = {
+	key: 0,
+	class: "rvc-checkbox-label"
+}, U = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Checkbox",
+	props: {
+		modelValue: {
+			type: [
+				Number,
+				String,
+				Object,
+				Array,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		label: { default: "" },
+		rootClass: { default: "" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = o({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), { hasModelBinding: s } = i(), d = E(), p = o(() => ({
+			...d,
+			type: "checkbox"
+		})), m = b(null);
+		return (t, n) => (y(), l("label", { class: g(["rvc-checkbox", e.rootClass]) }, [u("div", V, [T(s) ? j((y(), l("input", h({ key: 0 }, p.value, {
+			ref_key: "input",
+			ref: m,
+			"onUpdate:modelValue": n[0] ||= (e) => a.value = e
+		}), null, 16)), [[D, a.value]]) : (y(), l("input", h({ key: 1 }, p.value, {
+			ref_key: "input",
+			ref: m
+		}), null, 16)), S(t.$slots, "icon", {}, () => [f(T(N))])]), S(t.$slots, "default", { label: e.label }, () => [e.label ? (y(), l("span", H, w(e.label), 1)) : c("", !0)])], 2));
+	}
+});
+//#endregion
+//#region node_modules/@heroicons/vue/16/solid/esm/ArrowUpIcon.js
+function W(e, t) {
+	return y(), l("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [u("path", {
+		"fill-rule": "evenodd",
+		d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/16/solid/esm/XMarkIcon.js
+function G(e, t) {
+	return y(), l("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 16 16",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [u("path", { d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" })]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/ArrowUpTrayIcon.js
+function te(e, t) {
+	return y(), l("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		"data-slot": "icon"
+	}, [u("path", { d: "M9.25 13.25a.75.75 0 0 0 1.5 0V4.636l2.955 3.129a.75.75 0 0 0 1.09-1.03l-4.25-4.5a.75.75 0 0 0-1.09 0l-4.25 4.5a.75.75 0 1 0 1.09 1.03L9.25 4.636v8.614Z" }), u("path", { d: "M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z" })]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/ChevronLeftIcon.js
+function K(e, t) {
+	return y(), l("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: "M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region node_modules/@heroicons/vue/20/solid/esm/ChevronRightIcon.js
+function ne(e, t) {
+	return y(), l("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: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+		"clip-rule": "evenodd"
+	})]);
+}
+//#endregion
+//#region src/components/FormSelect.vue?vue&type=script&setup=true&lang.ts
+var q = ["value", "disabled"], J = ["value", "disabled"], Y = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "FormSelect",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Object,
+				Boolean,
+				null
+			],
+			default: null
+		},
+		rootClass: { default: "" },
+		prefixIcon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		icon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		size: { default: "base" },
+		options: { default: () => [] },
+		optionLabel: { default: "name" },
+		optionValue: { default: "id" },
+		optionDisabled: { default: "disabled" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, u = n, d = o({
+			get: () => r.modelValue,
+			set: (e) => u("update:modelValue", e)
+		}), { hasModelBinding: f } = i(), p = b(null);
+		return (n, i) => (y(), l("div", { class: g([
+			"rvc-select",
+			`rvc-select-${e.size}`,
+			e.rootClass
+		]) }, [
+			e.prefixIcon ? S(n.$slots, "prefixIcon", {
+				key: 0,
+				icon: e.prefixIcon
+			}, () => [(y(), s(C(e.prefixIcon), { "aria-hidden": "true" }))]) : c("", !0),
+			S(n.$slots, "select", _(m(n.$attrs)), () => [T(f) ? j((y(), l("select", h({ key: 0 }, n.$attrs, {
+				ref_key: "select",
+				ref: p,
+				"onUpdate:modelValue": i[0] ||= (e) => d.value = e
+			}), [S(n.$slots, "default", {}, () => [e.options.length > 0 ? (y(!0), l(a, { key: 0 }, x(e.options, (t, n) => (y(), l("option", {
+				key: `option-${n}-${t[e.optionValue]}`,
+				value: t[e.optionValue],
+				disabled: t[r.optionDisabled] === !0
+			}, w(t[e.optionLabel]), 9, q))), 128)) : c("", !0)])], 16)), [[O, d.value]]) : (y(), l("select", h({ key: 1 }, n.$attrs, {
+				ref_key: "select",
+				ref: p
+			}), [S(n.$slots, "default", {}, () => [e.options.length > 0 ? (y(!0), l(a, { key: 0 }, x(e.options, (t, n) => (y(), l("option", {
+				key: `option-${n}-${t[e.optionValue]}`,
+				value: t[e.optionValue],
+				disabled: t[r.optionDisabled] === !0
+			}, w(t[e.optionLabel]), 9, J))), 128)) : c("", !0)])], 16))]),
+			S(n.$slots, "icon", { icon: e.icon }, () => [(y(), s(C(e.icon ?? T(t)), { "aria-hidden": "true" }))])
+		], 2));
+	}
+}), X = {
+	key: 0,
+	class: "rvc-pagination"
+}, Z = ["value"], re = { class: "rvc-pagination-info" }, ie = { class: "rvc-pagination-nav-list" }, ae = ["disabled", "onClick"], oe = { key: 2 }, se = { key: 3 }, Q = /* @__PURE__ */ p({
+	__name: "Pagination",
+	props: {
+		pagination: {},
+		perPage: { default: 10 },
+		perPageLabel: { default: "per page" },
+		perPageOptions: { default: () => [
+			10,
+			20,
+			50
+		] },
+		fromLabel: { default: "of" },
+		prevIcon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		nextIcon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		}
+	},
+	emits: ["pagination:change", "pagination:perPage"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = o({
+			get: () => n.perPage,
+			set: (e) => r("pagination:perPage", Number(e))
+		});
+		return (t, n) => e.pagination?.total ? (y(), l("div", X, [
+			S(t.$slots, "perPage", h(e.pagination, { perPage: i.value }), () => [f(Y, {
+				modelValue: i.value,
+				"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
+				size: "sm",
+				"root-class": "rvc-pagination-per-page"
+			}, {
+				default: A(() => [(y(!0), l(a, null, x(e.perPageOptions, (t) => (y(), l("option", {
+					key: `pagination-items-per-page-option-${t}`,
+					value: t
+				}, w(t) + " " + w(e.perPageLabel), 9, Z))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])]),
+			S(t.$slots, "info", h(e.pagination, { fromLabel: e.fromLabel }), () => [u("div", re, w(e.pagination.from) + " - " + w(e.pagination.to) + " " + w(e.fromLabel) + " " + w(e.pagination.total), 1)]),
+			u("nav", null, [u("ol", ie, [(y(!0), l(a, null, x(e.pagination.links, (n, i) => (y(), l("li", {
+				key: `pagination-link-${n.label}-${i}`,
+				class: "rvc-pagination-nav-list-item"
+			}, [u("button", {
+				type: "button",
+				disabled: n.label === "..." || !n.url,
+				class: g(["rvc-pagination-button", { "rvc-pagination-button-active": n.active }]),
+				onClick: (e) => n.url && r("pagination:change", n.url)
+			}, [n.url !== "..." && i === 0 ? S(t.$slots, "prevIcon", {
+				key: 0,
+				icon: e.prevIcon,
+				link: n,
+				index: i
+			}, () => [(y(), s(C(e.prevIcon || T(K)), {
+				"aria-hidden": "true",
+				class: g(["rvc-pagination-button-icon", { "rvc-pagination-button-icon-disabled": !n.url }])
+			}, null, 8, ["class"]))]) : n.label !== "..." && i === e.pagination.links.length - 1 ? S(t.$slots, "nextIcon", {
+				key: 1,
+				icon: e.nextIcon,
+				link: n,
+				index: i
+			}, () => [(y(), s(C(e.nextIcon || T(ne)), {
+				"aria-hidden": "true",
+				class: g(["rvc-pagination-button-icon", { "rvc-pagination-button-icon-disabled": !n.url }])
+			}, null, 8, ["class"]))]) : n.label === "..." ? (y(), l("span", oe, " ... ")) : (y(), l("span", se, w(n.label), 1))], 10, ae)]))), 128))])])
+		])) : c("", !0);
+	}
+}), ce = { key: 0 }, le = ["aria-label", "onClick"], ue = ["innerHTML"], de = { key: 2 }, fe = ["colspan"], pe = { key: 3 }, me = ["colspan"], he = { class: "rvc-table-spinner-wrapper" }, ge = { key: 4 }, _e = /* @__PURE__ */ p({
+	__name: "DataTable",
+	props: {
+		headers: { default: () => [] },
+		items: {},
+		noResultsText: { default: "No results found." },
+		loadingText: { default: "Loading content..." },
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		spinning: {
+			type: Boolean,
+			default: !1
+		},
+		pagination: { default: null },
+		perPage: { default: 10 },
+		perPageLabel: { default: "per page" },
+		perPageOptions: { default: () => [
+			10,
+			20,
+			50
+		] },
+		fromLabel: { default: "of" },
+		prevIcon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		nextIcon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		wrapperClass: { default: "" },
+		defaultSort: { default: null }
+	},
+	emits: [
+		"table:sortBy",
+		"pagination:change",
+		"pagination:perPage"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, o = b(r.defaultSort), p = (e) => r.headers.find((t) => t.key === e), m = (e) => {
+			e.key && (!o.value || o.value.key !== e.key ? o.value = {
+				key: e.key,
+				direction: "asc"
+			} : o.value.direction === "asc" ? o.value = {
+				key: e.key,
+				direction: "desc"
+			} : o.value = null, i("table:sortBy", o.value));
+		};
+		return (t, r) => (y(), l("div", null, [u("div", { class: g(["rvc-table-wrapper", e.wrapperClass]) }, [u("table", { class: g([{ "rvc-table-striped": e.striped }, "rvc-table"]) }, [
+			e.headers.length ? (y(), l("thead", ce, [S(t.$slots, "headers", { headers: e.headers }, () => [u("tr", null, [(y(!0), l(a, null, x(e.headers, (e, n) => S(t.$slots, "header", {
+				header: e,
+				index: n
+			}, () => [(y(), l("th", h({ ref_for: !0 }, {
+				...e,
+				id: e.id === void 0 || e.id === null ? void 0 : String(e.id)
+			}, {
+				key: `rvc-table-header-${e.id ?? e.key ?? n}`,
+				class: {
+					"rvc-table-text-left": e.align === "left" || !e.align,
+					"rvc-table-text-center": e.align === "center",
+					"rvc-table-text-right": e.align === "right"
+				}
+			}), [e.sortable && e.key ? (y(), l("button", {
+				key: 0,
+				type: "button",
+				"aria-label": `Sort on ${e.label}`,
+				class: g(["rvc-table-sort-button", {
+					"rvc-table-sort-button-center": e.align === "center",
+					"rvc-table-sort-button-right": e.align === "right"
+				}]),
+				onClick: (t) => m(e)
+			}, [S(t.$slots, "header-label", {
+				sortBy: o.value,
+				header: e
+			}, () => [d(w(e.label), 1)]), f(T(W), { class: g(["rvc-table-sort-icon", {
+				"rvc-table-sort-icon-visible": o.value?.key === e.key,
+				"rvc-table-sort-icon-invisible": !o.value || o.value.key !== e.key,
+				"rvc-table-sort-icon-rotated": o.value?.key === e.key && o.value.direction === "desc"
+			}]) }, null, 8, ["class"])], 10, le)) : S(t.$slots, "header-label", {
+				key: 1,
+				sortBy: o.value,
+				header: e
+			}, () => [d(w(e.label), 1)])], 16))])), 256))])])])) : c("", !0),
+			e.items.length && !e.spinning ? S(t.$slots, "tbody", {
+				key: 1,
+				items: e.items
+			}, () => [u("tbody", null, [(y(!0), l(a, null, x(e.items, (e, n) => S(t.$slots, "items", {
+				item: e,
+				index: n
+			}, () => [(y(), l("tr", { key: `rvc-table-row-${n}-${e.id}` }, [S(t.$slots, "item", {
+				item: e,
+				index: n
+			}, () => [(y(!0), l(a, null, x(e, (t, r) => (y(), l("td", h({ key: `rvc-table-row-${n}-column-${r}-${e.id}` }, { ref_for: !0 }, e.attrs, {
+				class: {
+					"rvc-table-text-left": p(String(r))?.align === "left" || !p(String(r))?.align,
+					"rvc-table-text-center": p(String(r))?.align === "center",
+					"rvc-table-text-right": p(String(r))?.align === "right"
+				},
+				innerHTML: t
+			}), null, 16, ue))), 128))])]))])), 256))])]) : !e.items.length && !e.spinning ? (y(), l("tbody", de, [u("tr", null, [u("td", {
+				colspan: e.headers.length,
+				class: "rvc-table-state"
+			}, [u("p", null, w(e.noResultsText), 1)], 8, fe)])])) : (y(), l("tbody", pe, [u("tr", null, [u("td", {
+				colspan: e.headers.length,
+				class: "rvc-table-state"
+			}, [S(t.$slots, "spinner", {
+				spinning: e.spinning,
+				label: e.loadingText
+			}, () => [u("div", he, [e.spinning ? (y(), s(T(n), {
+				key: 0,
+				"aria-hidden": "true",
+				class: "rvc-table-spinner"
+			})) : c("", !0), d(" " + w(e.loadingText), 1)])])], 8, me)])])),
+			t.$slots.footer ? (y(), l("tfoot", ge, [S(t.$slots, "footer", {
+				headers: e.headers,
+				items: e.items
+			})])) : c("", !0)
+		], 2)], 2), e.pagination ? S(t.$slots, "pagination", _(h({ key: 0 }, e.pagination)), () => [f(Q, {
+			pagination: e.pagination,
+			"per-page": e.perPage,
+			"per-page-label": e.perPageLabel,
+			"per-page-options": e.perPageOptions,
+			"from-label": e.fromLabel,
+			"prev-icon": e.prevIcon,
+			"next-icon": e.nextIcon,
+			"onPagination:change": r[0] ||= (e) => i("pagination:change", e),
+			"onPagination:perPage": r[1] ||= (e) => i("pagination:perPage", e)
+		}, null, 8, [
+			"pagination",
+			"per-page",
+			"per-page-label",
+			"per-page-options",
+			"from-label",
+			"prev-icon",
+			"next-icon"
+		])]) : c("", !0)]));
+	}
+}), ve = {
+	key: 1,
+	class: "rvc-empty-state-title"
+}, ye = /* @__PURE__ */ p({
+	__name: "EmptyState",
+	props: {
+		title: {},
+		background: { type: Boolean },
+		icon: { type: [
+			Function,
+			Object,
+			null
+		] }
+	},
+	setup(e) {
+		return (t, n) => (y(), l("div", { class: g(["rvc-empty-state", { "rvc-empty-state-bg": e.background }]) }, [
+			e.icon ? (y(), s(C(e.icon), {
+				key: 0,
+				class: "rvc-empty-state-icon"
+			})) : c("", !0),
+			e.title ? (y(), l("p", ve, w(e.title), 1)) : c("", !0),
+			S(t.$slots, "default")
+		], 2));
+	}
+}), be = { class: "rvc-file-upload-control" }, xe = [
+	"accept",
+	"multiple",
+	"disabled"
+], Se = ["disabled"], Ce = {
+	key: 0,
+	class: "rvc-file-upload-label"
+}, we = {
+	key: 1,
+	class: "rvc-file-upload-description"
+}, Te = { class: "rvc-file-upload-list" }, Ee = ["src", "alt"], De = ["href"], Oe = {
+	key: 2,
+	class: "rvc-file-upload-file"
+}, $ = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], ke = ["src", "alt"], Ae = { class: "rvc-file-upload-file" }, je = [
+	"disabled",
+	"aria-label",
+	"onClick"
+], Me = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "FileUpload",
+	props: {
+		modelValue: { default: null },
+		existingFiles: { default: () => [] },
+		variant: { default: "area" },
+		size: { default: "base" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showThumbnails: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "Drop your files here" },
+		description: { default: "" },
+		buttonLabel: { default: "Upload file" },
+		buttonColor: { default: "primary" },
+		icon: {
+			type: [
+				Function,
+				Object,
+				null
+			],
+			default: null
+		},
+		rootClass: { default: "" }
+	},
+	emits: [
+		"update:modelValue",
+		"file-upload:add",
+		"file-upload:remove",
+		"file-upload:remove-existing"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, d = b(null), p = b(!1), m = b(0), _ = b(/* @__PURE__ */ new Map()), D = E(), O = o(() => n.icon ?? te), k = o(() => n.modelValue ? Array.isArray(n.modelValue) ? n.modelValue : [n.modelValue] : []), j = (e) => e.type.startsWith("image/");
+		ee([k, () => n.showThumbnails], ([e, t]) => {
+			let n = new Set(e);
+			_.value.forEach((e, r) => {
+				t && n.has(r) && j(r) || (URL.revokeObjectURL(e), _.value.delete(r));
+			}), t && e.filter((e) => j(e) && !_.value.has(e)).forEach((e) => _.value.set(e, URL.createObjectURL(e)));
+		}, { immediate: !0 }), v(() => {
+			_.value.forEach((e) => URL.revokeObjectURL(e)), _.value.clear();
+		});
+		let N = () => {
+			n.disabled || d.value?.click();
+		}, P = (e) => {
+			if (n.disabled || !e.length) return;
+			let t = n.multiple ? e : e.slice(0, 1), r = n.multiple ? [...k.value, ...t] : t;
+			i("update:modelValue", n.multiple ? r : r[0] ?? null), i("file-upload:add", t);
+		}, F = (e) => {
+			let t = e.target;
+			P(Array.from(t.files ?? [])), t.value = "";
+		}, I = (e) => Array.from(e.dataTransfer?.types ?? []).includes("Files"), L = (e) => n.showThumbnails && _.value.has(e), R = (e) => {
+			if (e.thumbnailUrl) return e.thumbnailUrl;
+			if (e.type?.startsWith("image/") && e.url) return e.url;
+		}, z = (e) => n.showThumbnails && !!R(e), B = (e) => {
+			n.disabled || !I(e) || (m.value += 1, p.value = !0);
+		}, V = (e) => {
+			if (n.disabled || !I(e)) return;
+			let { dataTransfer: t } = e;
+			t && (t.dropEffect = "copy"), p.value = !0;
+		}, H = () => {
+			m.value = Math.max(0, m.value - 1), p.value = m.value > 0;
+		}, U = (e) => {
+			n.disabled || (m.value = 0, p.value = !1, P(Array.from(e.dataTransfer?.files ?? [])));
+		}, W = (e) => {
+			if (n.disabled) return;
+			let t = typeof e == "number" ? e : k.value.indexOf(e), r = k.value[t];
+			if (!r) return;
+			let a = k.value.filter((e, n) => n !== t);
+			i("update:modelValue", n.multiple ? a : a[0] ?? null), i("file-upload:remove", r);
+		}, K = (e) => {
+			n.disabled || i("file-upload:remove-existing", e);
+		};
+		return (t, n) => (y(), l("div", { class: g([
+			"rvc-file-upload",
+			`rvc-file-upload-variant-${e.variant}`,
+			`rvc-file-upload-${e.size}`,
+			{
+				"rvc-file-upload-dragging": p.value,
+				"rvc-file-upload-disabled": e.disabled
+			},
+			e.rootClass
+		]) }, [u("div", be, [u("input", h(T(D), {
+			ref_key: "input",
+			ref: d,
+			class: "rvc-file-upload-input",
+			type: "file",
+			accept: e.accept || void 0,
+			multiple: e.multiple,
+			disabled: e.disabled,
+			onChange: F
+		}), null, 16, xe), e.variant === "area" ? (y(), l("button", {
+			key: 0,
+			class: "rvc-file-upload-area rvc-file-upload-trigger",
+			type: "button",
+			disabled: e.disabled,
+			tabindex: "-1",
+			"aria-hidden": "true",
+			onClick: N,
+			onDragenter: M(B, ["prevent"]),
+			onDragover: M(V, ["prevent"]),
+			onDragleave: M(H, ["prevent"]),
+			onDrop: M(U, ["prevent"])
+		}, [
+			S(t.$slots, "icon", { icon: O.value }, () => [(y(), s(C(O.value), {
+				class: "rvc-file-upload-icon",
+				"aria-hidden": "true"
+			}))]),
+			e.label ? (y(), l("span", Ce, w(e.label), 1)) : c("", !0),
+			e.description ? (y(), l("span", we, w(e.description), 1)) : c("", !0)
+		], 40, Se)) : (y(), s(r, {
+			key: 1,
+			class: "rvc-file-upload-trigger",
+			label: e.buttonLabel,
+			icon: O.value,
+			color: e.buttonColor,
+			size: e.size,
+			"icon-left": "",
+			type: "button",
+			disabled: e.disabled,
+			tabindex: "-1",
+			"aria-hidden": "true",
+			onClick: N
+		}, {
+			icon: A(({ icon: e }) => [S(t.$slots, "icon", { icon: e }, () => [e ? (y(), s(C(e), {
+				key: 0,
+				class: "rvc-button-icon",
+				"aria-hidden": "true"
+			})) : c("", !0)])]),
+			_: 3
+		}, 8, [
+			"label",
+			"icon",
+			"color",
+			"size",
+			"disabled"
+		]))]), k.value.length || e.existingFiles.length ? S(t.$slots, "preview", {
+			key: 0,
+			files: k.value,
+			existingFiles: e.existingFiles,
+			removeFile: W,
+			removeExistingFile: K
+		}, () => [u("ul", Te, [(y(!0), l(a, null, x(e.existingFiles, (t) => (y(), l("li", {
+			key: `existing-${t.id}`,
+			class: "rvc-file-upload-item"
+		}, [
+			z(t) ? (y(), l("img", {
+				key: 0,
+				class: "rvc-file-upload-thumbnail",
+				src: R(t),
+				alt: t.name
+			}, null, 8, Ee)) : c("", !0),
+			t.url ? (y(), l("a", {
+				key: 1,
+				class: "rvc-file-upload-file",
+				href: t.url
+			}, w(t.name), 9, De)) : (y(), l("span", Oe, w(t.name), 1)),
+			u("button", {
+				class: "rvc-file-upload-remove",
+				type: "button",
+				disabled: e.disabled,
+				"aria-label": `Remove ${t.name}`,
+				onClick: (e) => K(t)
+			}, [f(T(G), { "aria-hidden": "true" })], 8, $)
+		]))), 128)), (y(!0), l(a, null, x(k.value, (t, n) => (y(), l("li", {
+			key: `${t.name}-${t.lastModified}-${n}`,
+			class: "rvc-file-upload-item"
+		}, [
+			L(t) ? (y(), l("img", {
+				key: 0,
+				class: "rvc-file-upload-thumbnail",
+				src: _.value.get(t),
+				alt: t.name
+			}, null, 8, ke)) : c("", !0),
+			u("span", Ae, w(t.name), 1),
+			u("button", {
+				class: "rvc-file-upload-remove",
+				type: "button",
+				disabled: e.disabled,
+				"aria-label": `Remove ${t.name}`,
+				onClick: (e) => W(n)
+			}, [f(T(G), { "aria-hidden": "true" })], 8, je)
+		]))), 128))])]) : c("", !0)], 2));
+	}
+}), Ne = /* @__PURE__ */ p({
+	__name: "FormTextarea",
+	props: {
+		modelValue: { default: void 0 },
+		size: { default: "base" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { hasModelBinding: a } = i(), s = b(null), c = o({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), u = o(() => ["rvc-textarea", `rvc-textarea-${n.size}`]);
+		return (e, t) => T(a) ? j((y(), l("textarea", {
+			key: 0,
+			ref_key: "textarea",
+			ref: s,
+			"onUpdate:modelValue": t[0] ||= (e) => c.value = e,
+			class: g(u.value)
+		}, null, 2)), [[k, c.value]]) : (y(), l("textarea", {
+			key: 1,
+			ref_key: "textarea",
+			ref: s,
+			class: g(u.value)
+		}, null, 2));
+	}
+}), Pe = { class: "rvc-radio-input" }, Fe = { class: "rvc-radio-label" }, Ie = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Radio",
+	props: {
+		modelValue: {
+			type: [
+				Boolean,
+				String,
+				Array,
+				Object,
+				Number,
+				null
+			],
+			default: null
+		},
+		label: { default: "" },
+		rootClass: { default: "" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = o({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), { hasModelBinding: s } = i(), c = E(), d = o(() => ({
+			...c,
+			type: "radio"
+		})), f = b(null);
+		return (t, n) => (y(), l("label", { class: g(["rvc-radio", e.rootClass]) }, [u("div", Pe, [T(s) ? j((y(), l("input", h({ key: 0 }, d.value, {
+			ref_key: "input",
+			ref: f,
+			"onUpdate:modelValue": n[0] ||= (e) => a.value = e
+		}), null, 16)), [[D, a.value]]) : (y(), l("input", h({ key: 1 }, d.value, {
+			ref_key: "input",
+			ref: f
+		}), null, 16))]), S(t.$slots, "default", {}, () => [u("span", Fe, w(e.label), 1)])], 2));
+	}
+}), Le = { class: "rvc-tabs-nav" }, Re = ["value", "selected"], ze = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "Tabs",
+	props: {
+		modelValue: { default: void 0 },
+		tabs: { default: () => [] },
+		tabStyle: { default: "default" }
+	},
+	emits: ["update:modelValue", "tabs:change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = () => {
+			let e = n.tabs.findIndex((e) => e.active);
+			return e >= 0 ? e : 0;
+		}, c = o({
+			get: () => n.modelValue ?? i(),
+			set: (e) => {
+				let t = n.tabs[e];
+				r("update:modelValue", e), t && r("tabs:change", t);
+			}
+		}), p = (e) => {
+			let t = +e.target.value;
+			c.value = t;
+			let r = n.tabs[t];
+			r?.selectEvent && r.selectEvent();
+		}, m = (e) => {
+			let { active: t, as: n, bindAs: r, selectEvent: i, name: a, ...o } = e;
+			return o;
+		};
+		return (t, n) => (y(), l(a, null, [u("div", h(t.$attrs, { class: ["rvc-tabs", { "rvc-tabs-buttons": e.tabStyle === "buttons" }] }), [u("nav", Le, [(y(!0), l(a, null, x(e.tabs, (e, t) => (y(), s(C(e.as ? e.as : "button"), h({ ref_for: !0 }, m(e), {
+			key: `${t}-tab-item`,
+			as: e.bindAs ? e.bindAs : void 0,
+			class: ["rvc-tab", { "rvc-tab-active": c.value === t }],
+			onClick: (e) => c.value = t
+		}), {
+			default: A(() => [d(w(e.name), 1)]),
+			_: 2
+		}, 1040, [
+			"as",
+			"class",
+			"onClick"
+		]))), 128))])], 16), f(Y, h(t.$attrs, {
+			"root-class": "rvc-tabs-select",
+			value: c.value,
+			onChange: p
+		}), {
+			default: A(() => [(y(!0), l(a, null, x(e.tabs, (e, t) => (y(), l("option", {
+				key: `${t}-tab-item-select-option`,
+				value: t,
+				selected: c.value === t
+			}, w(e.name), 9, Re))), 128))]),
+			_: 1
+		}, 16, ["value"])], 64));
+	}
+});
+//#endregion
+export { ye as a, Y as c, R as d, Me as i, U as l, Ie as n, _e as o, Ne as r, Q as s, ze as t, B as u };