vuiii 1.0.0-beta.95 → 1.0.0-beta.97

package/dist/vuiii.js

@@ -27,8 +27,8 @@ var ce = /* #__PURE__ */ Object.assign({
 	"../assets/icons/triangle-right.svg": () => import("./triangle-right-BX2x9rEh.js").then((e) => e.default),
 	"../assets/icons/triangle-up.svg": () => import("./triangle-up-CYsKYAty.js").then((e) => e.default),
 	"../assets/icons/x.svg": () => import("./x-dlwYWrtl.js").then((e) => e.default)
-}), V, le = /* @__PURE__ */ new Map();
-function ue(e) {
+}), le, ue = /* @__PURE__ */ new Map();
+function de(e) {
 	let t = Object.keys(ce).find((t) => t.endsWith(`/${e}.svg`)), n = t ? ce[t] : void 0;
 	if (n) return f(async () => {
 		let t = await n();
@@ -43,17 +43,17 @@ function ue(e) {
 		};
 	});
 }
-function de(e) {
-	V = e;
-}
 function fe(e) {
-	if (le.has(e)) return le.get(e);
+	le = e;
+}
+function pe(e) {
+	if (ue.has(e)) return ue.get(e);
 	let t;
-	return V && (t = V(e)), t ||= ue(e), t ? le.set(e, t) : console.error("Unable to resolve icon component for name: " + e), t;
+	return le && (t = le(e)), t ||= de(e), t && ue.set(e, t), t;
 }
 //#endregion
 //#region src/components/Icon.vue?vue&type=script&setup=true&lang.ts
-var pe = /*@__PURE__*/ p({
+var me = /*@__PURE__*/ p({
 	__name: "Icon",
 	props: {
 		name: {},
@@ -61,16 +61,16 @@ var pe = /*@__PURE__*/ p({
 	},
 	setup(e) {
 		let t = e, n = te(void 0);
-		return R(() => t.name, () => n.value = fe(t.name), { immediate: !0 }), (e, t) => (T(), a(A(n.value), {
+		return R(() => t.name, () => n.value = pe(t.name), { immediate: !0 }), (e, t) => (T(), a(A(n.value), {
 			class: y(["Icon", { [`Icon--${e.$props.size}`]: e.$props.size }]),
 			"aria-hidden": "true"
 		}, null, 8, ["class"]));
 	}
-}), H = (e, t) => {
+}), V = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, U = /*#__PURE__*/ H(pe, [["__scopeId", "data-v-7168c666"]]), me = { key: 0 }, W = /* @__PURE__ */ p({
+}, H = /*#__PURE__*/ V(me, [["__scopeId", "data-v-7168c666"]]), he = { key: 0 }, U = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		disabled: { type: Boolean },
@@ -103,14 +103,14 @@ var pe = /*@__PURE__*/ p({
 			type: n.value === "button" ? e.$props.type : void 0
 		}), {
 			default: z(() => [
-				O(e.$slots, "prefix", {}, () => [e.$props.prefixIcon || e.$props.loading ? (T(), a(U, {
+				O(e.$slots, "prefix", {}, () => [e.$props.prefixIcon || e.$props.loading ? (T(), a(H, {
 					key: 0,
 					class: "vuiii-button__icon vuiii-button__icon--prefix",
 					name: e.$props.loading ? "spinner" : e.$props.prefixIcon,
 					size: e.$props.size
 				}, null, 8, ["name", "size"])) : o("", !0)]),
-				e.$slots.default || e.$props.label ? (T(), s("span", me, [O(e.$slots, "default", {}, () => [u(j(e.$props.label), 1)])])) : o("", !0),
-				O(e.$slots, "suffix", {}, () => [e.$props.suffixIcon ? (T(), a(U, {
+				e.$slots.default || e.$props.label ? (T(), s("span", he, [O(e.$slots, "default", {}, () => [u(j(e.$props.label), 1)])])) : o("", !0),
+				O(e.$slots, "suffix", {}, () => [e.$props.suffixIcon ? (T(), a(H, {
 					key: 0,
 					class: "vuiii-button__icon vuiii-button__icon--suffix",
 					name: e.$props.suffixIcon,
@@ -125,7 +125,7 @@ var pe = /*@__PURE__*/ p({
 			"type"
 		]));
 	}
-}), he = /* @__PURE__ */ p({
+}), ge = /* @__PURE__ */ p({
 	__name: "FadeTransition",
 	props: { duration: { default: 300 } },
 	setup(e) {
@@ -137,7 +137,7 @@ var pe = /*@__PURE__*/ p({
 });
 //#endregion
 //#region src/composables/useOnClickOutside.ts
-function ge(e, t) {
+function _e(e, t) {
 	let n = (n) => {
 		e.value?.contains(n.target) || t(n);
 	};
@@ -147,7 +147,7 @@ function ge(e, t) {
 }
 //#endregion
 //#region src/composables/useOnKeyPress.ts
-function _e(e, t, n) {
+function ve(e, t, n) {
 	let r = (n) => {
 		n.key.toLowerCase() === e.toLowerCase() && t(n);
 	};
@@ -159,7 +159,7 @@ function _e(e, t, n) {
 }
 //#endregion
 //#region src/components/Dropdown.vue?vue&type=script&setup=true&lang.ts
-var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
+var ye = { class: "Dropdown__trigger" }, be = /* @__PURE__ */ p({
 	__name: "Dropdown",
 	props: {
 		label: {},
@@ -181,9 +181,9 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 		function _(e) {
 			e ?? !l.value ? h() : g();
 		}
-		return ge(u, (e) => {
+		return _e(u, (e) => {
 			l.value && !e.defaultPrevented && (e.preventDefault(), g());
-		}), _e("Escape", (e) => {
+		}), ve("Escape", (e) => {
 			l.value && !e.defaultPrevented && (e.preventDefault(), g());
 		}), t({
 			open: h,
@@ -198,12 +198,12 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 				"--anchor-id": f,
 				"--position-area": p.value
 			})
-		}, [c("div", ve, [O(t.$slots, "trigger", b(m({
+		}, [c("div", ye, [O(t.$slots, "trigger", b(m({
 			open: h,
 			close: g,
 			toggle: _,
 			isOpen: l.value
-		})), () => [d(W, {
+		})), () => [d(U, {
 			label: e.label,
 			color: e.color,
 			block: e.block,
@@ -218,7 +218,7 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 			"block",
 			"prefixIcon",
 			"aria-expanded"
-		])])]), d(he, { duration: 100 }, {
+		])])]), d(ge, { duration: 100 }, {
 			default: z(() => [l.value ? (T(), s("div", {
 				key: 0,
 				class: y(["Dropdown__dropdown", { "Dropdown__dropdown--fullWidth": e.fullDropdownWidth }])
@@ -226,15 +226,15 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 			_: 3
 		})], 6));
 	}
-}), be = { class: "DropdownMenu" }, xe = ["role", "id"], Se = [
+}), xe = { class: "DropdownMenu" }, Se = ["role", "id"], Ce = [
 	"id",
 	"role",
 	"aria-selected"
-], Ce = [
+], we = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], we = /* @__PURE__ */ p({
+], Te = /* @__PURE__ */ p({
 	__name: "DropdownMenu",
 	props: {
 		items: {},
@@ -255,7 +255,7 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 				block: "nearest",
 				behavior: "smooth"
 			});
-		}), (n, r) => (T(), s("div", be, [t.items?.length ? (T(), s("ul", {
+		}), (n, r) => (T(), s("div", xe, [t.items?.length ? (T(), s("ul", {
 			key: 0,
 			class: "DropdownMenu__items",
 			role: t.listRole,
@@ -264,7 +264,7 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 			key: r,
 			class: y(["DropdownMenu__item", { "DropdownMenu__item--withCursor": t.cursorIndex === r }]),
 			id: t.optionIdPrefix ? `${t.optionIdPrefix}-${r}` : void 0,
-			role: t.listRole === "listbox" ? "option" : void 0,
+			role: t.listRole === "listbox" ? "option" : t.listRole === "menu" ? "menuitem" : void 0,
 			"aria-selected": t.listRole === "listbox" ? t.cursorIndex === r : void 0,
 			ref_for: !0,
 			ref_key: "itemElements",
@@ -291,14 +291,16 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 			item: e,
 			index: r,
 			cursorIndex: t.cursorIndex
-		}), () => [u(j(e), 1)])], 40, Ce)])], 10, Se))), 128))], 8, xe)) : o("", !0)]));
+		}), () => [u(j(e), 1)])], 40, we)])], 10, Ce))), 128))], 8, Se)) : o("", !0)]));
 	}
-}), G = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}), W = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "InputWrapper",
 	props: {
 		prefixIcon: {},
 		suffixIcon: {},
+		prefixIconLabel: {},
+		suffixIconLabel: {},
 		size: {},
 		invalid: { type: Boolean },
 		pill: { type: Boolean }
@@ -321,35 +323,45 @@ var ve = { class: "Dropdown__trigger" }, ye = /* @__PURE__ */ p({
 		}, [
 			M(r).prefix || t.prefixIcon ? O(e.$slots, "prefix", { key: 0 }, () => [(T(), a(A(c.value ? "button" : "div"), {
 				class: y(["vuiii-input__prefix-icon", { InputWrapper__icon: c.value }]),
-				tabindex: "-1",
+				type: c.value ? "button" : void 0,
+				"aria-label": c.value ? e.$props.prefixIconLabel || e.$props.prefixIcon : void 0,
 				onClick: n[0] ||= B((t) => e.$emit("prefix-icon-click"), ["prevent"])
 			}, {
-				default: z(() => [e.$props.prefixIcon ? (T(), a(U, {
+				default: z(() => [e.$props.prefixIcon ? (T(), a(H, {
 					key: 0,
 					name: e.$props.prefixIcon || "",
 					size: e.$props.size
 				}, null, 8, ["name", "size"])) : o("", !0)]),
 				_: 1
-			}, 8, ["class"]))], !0) : o("", !0),
+			}, 8, [
+				"class",
+				"type",
+				"aria-label"
+			]))], !0) : o("", !0),
 			O(e.$slots, "default", {}, void 0, !0),
 			M(r).suffix || t.suffixIcon ? O(e.$slots, "suffix", { key: 1 }, () => [(T(), a(A(l.value ? "button" : "div"), {
 				class: y(["vuiii-input__suffix-icon", { InputWrapper__icon: l.value }]),
-				tabindex: "-1",
+				type: l.value ? "button" : void 0,
+				"aria-label": l.value ? e.$props.suffixIconLabel || e.$props.suffixIcon : void 0,
 				onClick: n[1] ||= B((t) => e.$emit("suffix-icon-click"), ["prevent"])
 			}, {
-				default: z(() => [e.$props.suffixIcon ? (T(), a(U, {
+				default: z(() => [e.$props.suffixIcon ? (T(), a(H, {
 					key: 0,
 					name: e.$props.suffixIcon || "",
 					size: e.$props.size
 				}, null, 8, ["name", "size"])) : o("", !0)]),
 				_: 1
-			}, 8, ["class"]))], !0) : o("", !0)
+			}, 8, [
+				"class",
+				"type",
+				"aria-label"
+			]))], !0) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-036a7e24"]]);
+}), [["__scopeId", "data-v-60a1c97a"]]);
 //#endregion
 //#region src/composables/useAttrsWithoutClass.ts
-function K() {
+function G() {
 	let e = N();
 	return i(() => {
 		let { class: t, ...n } = e;
@@ -358,7 +370,7 @@ function K() {
 }
 //#endregion
 //#region src/composables/useCursor.ts
-function Te(e, t = {}) {
+function Ee(e, t = {}) {
 	let n = t.initialIndex ?? 0, r = E(n), a = i(() => r.value === -1 ? void 0 : M(e)[r.value]), o = () => {
 		let n = (r.value === -1 ? -1 : r.value) + 1, i = M(e).length;
 		r.value = t.cycle ? n % i : Math.min(n, i - 1);
@@ -378,55 +390,57 @@ function Te(e, t = {}) {
 }
 //#endregion
 //#region src/utils/normalizeOptions.ts
-function q(e, t) {
+function K(e, t) {
 	return typeof t == "function" ? t(e) : t ? e[t] : e;
 }
-function Ee(e, t = {}, n) {
-	let r = t.stringifyValue || String, i = r(q(e, t.value));
+function De(e, t = {}, n) {
+	let r = t.stringifyValue || String, i = r(K(e, t.value));
 	return {
 		value: i,
-		label: q(e, t.label),
-		disabled: t.disabled && q(e, t.disabled),
-		description: t.description && q(e, t.description),
-		icon: t.icon && q(e, t.icon),
+		label: K(e, t.label),
+		disabled: t.disabled && K(e, t.disabled),
+		description: t.description && K(e, t.description),
+		icon: t.icon && K(e, t.icon),
 		isSelected: n === void 0 ? void 0 : i === r(n),
 		data: e
 	};
 }
-function J(e, t = {}, n) {
-	return Array.isArray(e) ? e.map((e) => Ee(e, t, n)) : typeof e == "object" && e ? Object.entries(e || {}).reduce((e, [r, i]) => e.concat({
-		...Ee(r, t, n),
+function q(e, t = {}, n) {
+	return Array.isArray(e) ? e.map((e) => De(e, t, n)) : typeof e == "object" && e ? Object.entries(e || {}).reduce((e, [r, i]) => e.concat({
+		...De(r, t, n),
 		label: i,
 		data: r
 	}), []) : [];
 }
-function De(e, t = {}, n) {
+function Oe(e, t = {}, n) {
 	return Array.isArray(e) ? e.map((e) => ({
-		label: q(e, t.groupLabel),
-		options: J(q(e, t.groupOptions), t, n)
+		label: K(e, t.groupLabel),
+		options: q(K(e, t.groupOptions), t, n)
 	})) : typeof e == "object" && e ? Object.entries(e || {}).reduce((e, [r, i]) => e.concat({
 		label: r,
-		options: J(i, t, n)
+		options: q(i, t, n)
 	}), []) : [];
 }
 //#endregion
 //#region src/components/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var Oe = [
+var ke = [
 	"placeholder",
 	"disabled",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], ke = { class: "Autocomplete__optionLabel" }, Ae = {
+], Ae = { class: "Autocomplete__optionLabel" }, je = {
 	key: 0,
 	class: "Autocomplete__optionDescription"
-}, je = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, Me = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Autocomplete",
 	props: /*@__PURE__*/ _({
 		prefixIcon: {},
 		suffixIcon: {},
+		prefixIconLabel: {},
+		suffixIconLabel: {},
 		size: { default: "normal" },
 		invalid: { type: Boolean },
 		pill: { type: Boolean },
@@ -453,7 +467,7 @@ var Oe = [
 		"select"
 	], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = F(e, "modelValue"), u = e, f = n, p = K(), m = E(), h = E(), g = i(() => m.value?.isOpen ?? !1), _ = P(), b = `${_}-option`, x = i(() => {
+		let r = F(e, "modelValue"), u = e, f = n, p = G(), m = E(), h = E(), g = i(() => m.value?.isOpen ?? !1), _ = P(), b = `${_}-option`, x = i(() => {
 			let e = {
 				value: u.optionValue,
 				label: u.optionLabel,
@@ -461,11 +475,11 @@ var Oe = [
 				description: u.optionDescription,
 				icon: u.optionIcon
 			};
-			return u.groupOptions ? De(u.options, {
+			return u.groupOptions ? Oe(u.options, {
 				groupLabel: u.groupLabel,
 				groupOptions: u.groupOptions,
 				...e
-			}, r.value).flatMap((e) => e.options) : J(u.options, e, r.value);
+			}, r.value).flatMap((e) => e.options) : q(u.options, e, r.value);
 		});
 		function S(e, t) {
 			if (!t) return !0;
@@ -475,7 +489,7 @@ var Oe = [
 		let C = i(() => {
 			let e = u.filter || S;
 			return x.value.filter((t) => e(t, r.value));
-		}), w = i(() => C.value), { cursorIndex: D, cursorItem: k, moveCursorForward: A, moveCursorBack: te, resetCursor: N } = Te(w), ne = i(() => g.value && D.value >= 0 && D.value < w.value.length ? `${b}-${D.value}` : void 0);
+		}), w = i(() => C.value), { cursorIndex: D, cursorItem: k, moveCursorForward: A, moveCursorBack: te, resetCursor: N } = Ee(w), ne = i(() => g.value && D.value >= 0 && D.value < w.value.length ? `${b}-${D.value}` : void 0);
 		function I() {
 			u.disabled || m.value?.open();
 		}
@@ -519,7 +533,7 @@ var Oe = [
 			open: I,
 			close: L,
 			filter: S
-		}), (t, n) => (T(), a(ye, {
+		}), (t, n) => (T(), a(be, {
 			ref_key: "dropdownRef",
 			ref: m,
 			class: "Autocomplete",
@@ -528,7 +542,7 @@ var Oe = [
 			block: "",
 			onOpen: M(N)
 		}, {
-			trigger: z(({ open: i, close: a, isOpen: o }) => [d(G, {
+			trigger: z(({ open: i, close: a, isOpen: o }) => [d(W, {
 				class: y(t.$attrs.class),
 				size: t.$props.size,
 				invalid: t.$props.invalid,
@@ -557,7 +571,7 @@ var Oe = [
 					onInput: re,
 					onClick: ie,
 					onKeydown: R
-				}), null, 16, Oe)]),
+				}), null, 16, ke)]),
 				_: 2
 			}, [t.$slots.prefix ? {
 				name: "prefix",
@@ -576,7 +590,7 @@ var Oe = [
 				"suffixIcon",
 				"pill"
 			])]),
-			default: z(({ close: e }) => [w.value.length > 0 ? (T(), a(we, {
+			default: z(({ close: e }) => [w.value.length > 0 ? (T(), a(Te, {
 				key: 0,
 				class: "Autocomplete__dropdownMenu",
 				items: w.value,
@@ -591,7 +605,7 @@ var Oe = [
 					option: e,
 					index: n,
 					isHighlighted: M(D) === n
-				}, () => [c("div", ke, j(e.label), 1), e.description ? (T(), s("div", Ae, j(e.description), 1)) : o("", !0)], !0)]),
+				}, () => [c("div", Ae, j(e.label), 1), e.description ? (T(), s("div", je, j(e.description), 1)) : o("", !0)], !0)]),
 				_: 3
 			}, 8, [
 				"items",
@@ -601,16 +615,16 @@ var Oe = [
 			_: 3
 		}, 8, ["dropdownPlacement", "onOpen"]));
 	}
-}), [["__scopeId", "data-v-5d2c9079"]]), Me = {
+}), [["__scopeId", "data-v-5d2c9079"]]), Ne = {
 	class: "Breadcrumbs",
 	"aria-label": "Breadcrumb"
-}, Ne = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, Pe = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "Breadcrumbs",
 	props: { breadcrumbs: { default: () => [] } },
 	setup(t) {
 		return (n, r) => {
 			let i = k("router-link");
-			return T(), s("nav", Me, [(T(!0), s(e, null, D(t.breadcrumbs, (e, n) => (T(), s("div", {
+			return T(), s("nav", Ne, [(T(!0), s(e, null, D(t.breadcrumbs, (e, n) => (T(), s("div", {
 				key: n,
 				class: "Breadcrumbs__breadcrumb"
 			}, [d(i, {
@@ -620,7 +634,7 @@ var Oe = [
 			}, {
 				default: z(() => [u(j(e.label), 1)]),
 				_: 2
-			}, 1032, ["to", "aria-current"]), n < t.breadcrumbs.length - 1 ? (T(), a(U, {
+			}, 1032, ["to", "aria-current"]), n < t.breadcrumbs.length - 1 ? (T(), a(H, {
 				key: 0,
 				name: "chevron-right",
 				class: "Breadcrumbs__arrow",
@@ -628,44 +642,44 @@ var Oe = [
 			})) : o("", !0)]))), 128))]);
 		};
 	}
-}), [["__scopeId", "data-v-df2d38ab"]]), Pe = {}, Fe = { class: "ButtonGroup" };
-function Ie(e, t) {
-	return T(), s("div", Fe, [O(e.$slots, "default", {}, void 0, !0)]);
+}), [["__scopeId", "data-v-df2d38ab"]]), Fe = {}, Ie = { class: "ButtonGroup" };
+function Le(e, t) {
+	return T(), s("div", Ie, [O(e.$slots, "default", {}, void 0, !0)]);
 }
-var Le = /*#__PURE__*/ H(Pe, [["render", Ie], ["__scopeId", "data-v-9ef2cf6f"]]), Re = {
+var Re = /*#__PURE__*/ V(Fe, [["render", Le], ["__scopeId", "data-v-9ef2cf6f"]]), ze = {
 	key: 0,
 	class: "Card__header"
-}, ze = { class: "Card__headerMain" }, Be = { class: "Card__title" }, Ve = {
+}, Be = { class: "Card__headerMain" }, Ve = { class: "Card__title" }, He = {
 	key: 0,
 	class: "Card__tools"
-}, He = { class: "Card__body" }, Ue = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, Ue = { class: "Card__body" }, We = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "Card",
 	props: { title: {} },
 	setup(e) {
 		let t = e, n = I(), r = i(() => !!(t.title || n.header || n.title || n.tools));
-		return (e, t) => (T(), s("div", { class: y(["Card", { "Card--hasHeader": r.value }]) }, [r.value ? (T(), s("div", Re, [c("div", ze, [O(e.$slots, "header", {}, () => [c("div", Be, [O(e.$slots, "title", {}, () => [u(j(e.$props.title), 1)], !0)])], !0)]), e.$slots.tools ? (T(), s("div", Ve, [O(e.$slots, "tools", {}, void 0, !0)])) : o("", !0)])) : o("", !0), c("div", He, [O(e.$slots, "default", {}, void 0, !0)])], 2));
+		return (e, t) => (T(), s("div", { class: y(["Card", { "Card--hasHeader": r.value }]) }, [r.value ? (T(), s("div", ze, [c("div", Be, [O(e.$slots, "header", {}, () => [c("div", Ve, [O(e.$slots, "title", {}, () => [u(j(e.$props.title), 1)], !0)])], !0)]), e.$slots.tools ? (T(), s("div", He, [O(e.$slots, "tools", {}, void 0, !0)])) : o("", !0)])) : o("", !0), c("div", Ue, [O(e.$slots, "default", {}, void 0, !0)])], 2));
 	}
-}), [["__scopeId", "data-v-eb5a3460"]]), We = [
+}), [["__scopeId", "data-v-eb5a3460"]]), Ge = [
 	"checked",
 	"indeterminate",
 	"required",
 	"disabled"
-], Ge = {
+], Ke = {
 	key: 0,
 	class: "Checkbox__switch"
-}, Ke = {
+}, qe = {
 	key: 1,
 	class: "Checkbox__checkbox vuiii-input"
-}, qe = { key: 0 }, Je = {
+}, Je = { key: 0 }, Ye = {
 	key: 0,
 	class: "Checkbox__label"
-}, Ye = {
+}, Xe = {
 	key: 0,
 	class: "Checkbox__required"
-}, Xe = {
+}, Ze = {
 	key: 1,
 	class: "Checkbox__description"
-}, Ze = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, Qe = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: /*@__PURE__*/ _({
@@ -683,7 +697,7 @@ var Le = /*#__PURE__*/ H(Pe, [["render", Ie], ["__scopeId", "data-v-9ef2cf6f"]])
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = F(e, "modelValue"), n = K(), r = e, a = i(() => r.valueParser || {
+		let t = F(e, "modelValue"), n = G(), r = e, a = i(() => r.valueParser || {
 			parse: Boolean,
 			stringify: Boolean
 		}), l = i(() => a.value.stringify(t.value));
@@ -701,28 +715,28 @@ var Le = /*#__PURE__*/ H(Pe, [["render", Ie], ["__scopeId", "data-v-9ef2cf6f"]])
 				required: e.required,
 				disabled: e.disabled,
 				type: "checkbox"
-			}, M(n), { onInput: r[0] ||= (e) => f(e) }), null, 16, We),
+			}, M(n), { onInput: r[0] ||= (e) => f(e) }), null, 16, Ge),
 			O(t.$slots, "symbol", b(m({
 				disabled: !!e.disabled,
 				size: e.size,
 				checked: l.value,
 				indeterminate: !!e.indeterminate
-			})), () => [t.$props.switch ? (T(), s("div", Ge, [...r[1] ||= [c("div", { class: "Checkbox__switchDot" }, null, -1)]])) : (T(), s("div", Ke, [d(U, {
+			})), () => [t.$props.switch ? (T(), s("div", Ke, [...r[1] ||= [c("div", { class: "Checkbox__switchDot" }, null, -1)]])) : (T(), s("div", qe, [d(H, {
 				name: "check",
 				class: "Checkbox__checkboxIcon Checkbox__checkboxIcon--check",
 				size: t.$props.size
-			}, null, 8, ["size"]), d(U, {
+			}, null, 8, ["size"]), d(H, {
 				name: "minus",
 				class: "Checkbox__checkboxIcon Checkbox__checkboxIcon--indeterminate",
 				size: t.$props.size
 			}, null, 8, ["size"])]))], !0),
-			t.$slots.default || t.$props.label || t.$props.description ? (T(), s("div", qe, [t.$slots.default || t.$props.label ? (T(), s("div", Je, [t.$props.required ? (T(), s("span", Ye, "*")) : o("", !0), O(t.$slots, "default", {}, () => [u(j(t.$props.label), 1)], !0)])) : o("", !0), t.$props.description ? (T(), s("div", Xe, j(t.$props.description), 1)) : o("", !0)])) : o("", !0)
+			t.$slots.default || t.$props.label || t.$props.description ? (T(), s("div", Je, [t.$slots.default || t.$props.label ? (T(), s("div", Ye, [t.$props.required ? (T(), s("span", Xe, "*")) : o("", !0), O(t.$slots, "default", {}, () => [u(j(t.$props.label), 1)], !0)])) : o("", !0), t.$props.description ? (T(), s("div", Ze, j(t.$props.description), 1)) : o("", !0)])) : o("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-15fdad06"]]);
 //#endregion
 //#region src/utils/createTypeParser.ts
-function Qe(e = "string") {
+function $e(e = "string") {
 	return {
 		string: {
 			stringify: (e) => e == null ? "" : String(e),
@@ -744,7 +758,7 @@ function Qe(e = "string") {
 }
 //#endregion
 //#region src/components/CheckboxGroup.vue
-var $e = /*#__PURE__*/ H(/* @__PURE__ */ p({
+var et = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "CheckboxGroup",
 	props: /*@__PURE__*/ _({
 		options: {},
@@ -777,7 +791,7 @@ var $e = /*#__PURE__*/ H(/* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = F(t, "modelValue"), r = t, a = i(() => r.valueParser || Qe(r.type)), o = i(() => J(r.options, {
+		let n = F(t, "modelValue"), r = t, a = i(() => r.valueParser || $e(r.type)), o = i(() => q(r.options, {
 			value: r.optionValue,
 			label: r.optionLabel,
 			disabled: r.optionDisabled,
@@ -787,7 +801,10 @@ var $e = /*#__PURE__*/ H(/* @__PURE__ */ p({
 			let r = new Set(c.value.values()), i = a.value.parse(e);
 			t ? r.add(i) : r.delete(i), n.value = Array.from(r);
 		};
-		return (t, n) => (T(), s("div", { class: y(["CheckboxGroup", { "CheckboxGroup--inline": t.$props.inline }]) }, [(T(!0), s(e, null, D(o.value, (e) => (T(), s("div", { key: e.value }, [d(Ze, {
+		return (t, n) => (T(), s("div", {
+			class: y(["CheckboxGroup", { "CheckboxGroup--inline": t.$props.inline }]),
+			role: "group"
+		}, [(T(!0), s(e, null, D(o.value, (e) => (T(), s("div", { key: e.value }, [d(Qe, {
 			disabled: e.disabled,
 			"model-value": c.value.has(e.value),
 			label: e.label,
@@ -808,7 +825,7 @@ var $e = /*#__PURE__*/ H(/* @__PURE__ */ p({
 			"onUpdate:modelValue"
 		])]))), 128))], 2));
 	}
-}), [["__scopeId", "data-v-427d982f"]]), et = [
+}), [["__scopeId", "data-v-429ae404"]]), tt = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -816,10 +833,10 @@ var $e = /*#__PURE__*/ H(/* @__PURE__ */ p({
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex=\"-1\"])"
 ].join(",");
-function tt(e, t = {}) {
+function nt(e, t = {}) {
 	let n = typeof document < "u" ? document.activeElement : null;
 	function r() {
-		return e.value ? Array.from(e.value.querySelectorAll(et)).filter((e) => e.offsetParent !== null || e === document.activeElement) : [];
+		return e.value ? Array.from(e.value.querySelectorAll(tt)).filter((e) => e.offsetParent !== null || e === document.activeElement) : [];
 	}
 	function i(t) {
 		if (t.key !== "Tab" || !e.value) return;
@@ -839,26 +856,26 @@ function tt(e, t = {}) {
 }
 //#endregion
 //#region src/dialogStack.ts
-var nt = {
+var rt = {
 	cancelLabel: "Cancel",
 	confirmLabel: "OK"
-}, rt = E(1), Y = E([]), X = i(() => Y.value[Y.value.length - 1]), it = () => rt.value++, at = (e, t, { modal: n } = {}) => {
+}, it = E(1), J = E([]), Y = i(() => J.value[J.value.length - 1]), at = () => it.value++, ot = (e, t, { modal: n } = {}) => {
 	let r = document.activeElement;
 	return r.blur?.(), new Promise((i) => {
 		let a = {
-			id: it(),
+			id: at(),
 			component: g(e),
 			props: t,
 			resolve: i,
 			focusElement: r,
 			modal: n
 		};
-		Y.value.push(a);
+		J.value.push(a);
 	});
-}, ot = (e) => {
+}, st = (e) => {
 	typeof e == "string" && (e = { content: e });
-	let { title: t, content: n, confirmColor: r, confirmLabel: i = nt.confirmLabel, confirmIcon: a, modal: o } = e;
-	return at(yt, {
+	let { title: t, content: n, confirmColor: r, confirmLabel: i = rt.confirmLabel, confirmIcon: a, modal: o } = e;
+	return ot(Z, {
 		title: t,
 		content: n,
 		modal: o,
@@ -868,10 +885,10 @@ var nt = {
 			icon: a
 		}]
 	});
-}, st = (e) => {
+}, ct = (e) => {
 	typeof e == "string" && (e = { content: e });
-	let { title: t, content: n, cancelLabel: r = nt.cancelLabel, cancelColor: i, cancelIcon: a, confirmLabel: o = nt.confirmLabel, confirmColor: s, confirmIcon: c, modal: l } = e;
-	return at(yt, {
+	let { title: t, content: n, cancelLabel: r = rt.cancelLabel, cancelColor: i, cancelIcon: a, confirmLabel: o = rt.confirmLabel, confirmColor: s, confirmIcon: c, modal: l } = e;
+	return ot(Z, {
 		title: t,
 		content: n,
 		modal: l,
@@ -887,29 +904,29 @@ var nt = {
 			value: !0
 		}]
 	});
-}, ct = (e, t = void 0) => {
-	Y.value = Y.value.filter((t) => t.id !== e.id), e.resolve(t), e.focusElement && e.focusElement.focus?.();
-}, Z = (e, t = void 0) => {
-	e.onBeforeClose ? e.onBeforeClose(() => ct(e, t)) : ct(e, t);
-}, lt = (e) => (e && X.value && (X.value.onBeforeClose = e), (e) => {
-	X.value && Z(X.value, e);
-}), ut = {
-	open: at,
-	alert: ot,
-	confirm: st
+}, lt = (e, t = void 0) => {
+	J.value = J.value.filter((t) => t.id !== e.id), e.resolve(t), e.focusElement && e.focusElement.focus?.();
+}, X = (e, t = void 0) => {
+	e.onBeforeClose ? e.onBeforeClose(() => lt(e, t)) : lt(e, t);
+}, ut = (e) => (e && Y.value && (Y.value.onBeforeClose = e), (e) => {
+	Y.value && X(Y.value, e);
+}), dt = {
+	open: ot,
+	alert: st,
+	confirm: ct
 };
-function dt() {
-	return ut;
+function ft() {
+	return dt;
 }
 //#endregion
 //#region src/components/dialogStack/DialogLayout.vue?vue&type=script&setup=true&lang.ts
-var ft = ["aria-label"], pt = {
+var pt = ["aria-label"], mt = {
 	key: 1,
 	class: "DialogLayout__header"
-}, mt = { class: "DialogLayout__title" }, ht = { class: "DialogLayout__body" }, gt = { class: "DialogLayout__content" }, _t = {
+}, ht = { class: "DialogLayout__title" }, gt = { class: "DialogLayout__body" }, _t = { class: "DialogLayout__content" }, vt = {
 	key: 2,
 	class: "DialogLayout__footer"
-}, vt = { class: "DialogLayout__buttons" }, yt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, yt = { class: "DialogLayout__buttons" }, Z = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "DialogLayout",
 	props: {
 		title: { default: "" },
@@ -921,14 +938,14 @@ var ft = ["aria-label"], pt = {
 		buttons: { default: () => [] }
 	},
 	setup(t) {
-		let n = I(), r = lt(), a = E(), l = t, u = i(() => !!(n.header || l.title)), f = i(() => !!n.footer || !!l.buttons?.length), p = i(() => {
+		let n = I(), r = ut(), a = E(), l = t, u = i(() => !!(n.header || l.title)), f = i(() => !!n.footer || !!l.buttons?.length), p = i(() => {
 			let e = l.width + (Number(l.width) ? "px" : "");
 			return e && e !== "auto" ? {
 				width: "100%",
 				maxWidth: e
 			} : {};
 		});
-		return tt(a, { initialFocus: () => {
+		return nt(a, { initialFocus: () => {
 			let e = a.value?.querySelector("input");
 			if (e) return e;
 			let t = Array.from(a.value?.querySelectorAll("button") ?? []), n = t.filter((e) => !e.classList.contains("DialogLayout__close"));
@@ -955,16 +972,16 @@ var ft = ["aria-label"], pt = {
 				class: "DialogLayout__close",
 				"aria-label": "Close",
 				onClick: n[0] ||= (e) => M(r)()
-			}, [d(U, {
+			}, [d(H, {
 				name: "x",
 				class: "DialogLayout__closeIcon"
 			})])) : o("", !0),
-			u.value ? (T(), s("div", pt, [O(t.$slots, "header", {}, () => [c("div", mt, j(t.$props.title), 1)], !0)])) : o("", !0),
-			c("div", ht, [O(t.$slots, "default", {}, () => [c("div", gt, j(t.$props.content), 1)], !0)]),
-			f.value ? (T(), s("div", _t, [O(t.$slots, "footer", {}, () => [c("div", vt, [(T(!0), s(e, null, D(t.$props.buttons, (e, t) => (T(), s("span", {
+			u.value ? (T(), s("div", mt, [O(t.$slots, "header", {}, () => [c("div", ht, j(t.$props.title), 1)], !0)])) : o("", !0),
+			c("div", gt, [O(t.$slots, "default", {}, () => [c("div", _t, j(t.$props.content), 1)], !0)]),
+			f.value ? (T(), s("div", vt, [O(t.$slots, "footer", {}, () => [c("div", yt, [(T(!0), s(e, null, D(t.$props.buttons, (e, t) => (T(), s("span", {
 				key: t,
 				class: "DialogLayout__buttonWrapper"
-			}, [d(W, {
+			}, [d(U, {
 				type: "button",
 				label: e.label,
 				color: e.color,
@@ -982,31 +999,31 @@ var ft = ["aria-label"], pt = {
 				"loading",
 				"onClick"
 			])]))), 128))])], !0)])) : o("", !0)
-		], 14, ft));
+		], 14, pt));
 	}
 }), [["__scopeId", "data-v-62fd9736"]]), bt = { class: "DialogStack" }, xt = {
 	key: 0,
 	class: "DialogStack__backdrop"
-}, St = ["onClick"], Ct = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, St = ["onClick"], Ct = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "DialogStack",
 	setup(i) {
 		let l = (e, t) => {
-			!t.modal && e.target === e.currentTarget && Z(t);
+			!t.modal && e.target === e.currentTarget && X(t);
 		};
-		return _e("Escape", (e) => {
-			X.value && !X.value.modal && !e.defaultPrevented && (Z(X.value), e.preventDefault());
+		return ve("Escape", (e) => {
+			Y.value && !Y.value.modal && !e.defaultPrevented && (X(Y.value), e.preventDefault());
 		}), (i, u) => (T(), a(t, { to: "body" }, [c("div", bt, [d(n, { name: "DialogStack__backdrop" }, {
-			default: z(() => [M(Y).length ? (T(), s("div", xt)) : o("", !0)]),
+			default: z(() => [M(J).length ? (T(), s("div", xt)) : o("", !0)]),
 			_: 1
 		}), d(r, { name: "DialogStack__dialog" }, {
-			default: z(() => [(T(!0), s(e, null, D(M(Y), (e) => (T(), s("div", {
+			default: z(() => [(T(!0), s(e, null, D(M(J), (e) => (T(), s("div", {
 				key: e.id,
 				class: "DialogStack__dialogWrapper",
 				onClick: (t) => l(t, e)
 			}, [(T(), a(A(e.component), v({ ref_for: !0 }, e.props, {
 				"data-dialog-id": e.id,
-				class: ["DialogStack__dialog", { isActive: M(X)?.id === e.id }],
-				onClose: (t) => M(Z)(e, t)
+				class: ["DialogStack__dialog", { isActive: M(Y)?.id === e.id }],
+				onClose: (t) => M(X)(e, t)
 			}), null, 16, [
 				"data-dialog-id",
 				"class",
@@ -1015,7 +1032,7 @@ var ft = ["aria-label"], pt = {
 			_: 1
 		})])]));
 	}
-}), [["__scopeId", "data-v-8b831c07"]]), wt = ["aria-orientation"], Tt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-8b831c07"]]), wt = ["aria-orientation"], Tt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "Divider",
 	props: { orientation: { default: "horizontal" } },
 	setup(e) {
@@ -1085,7 +1102,7 @@ function At(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/FilePicker.vue?vue&type=script&setup=true&lang.ts
-var jt = ["multiple", "accept"], Mt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+var jt = ["multiple", "accept"], Mt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "FilePicker",
 	props: {
 		multiple: {
@@ -1114,7 +1131,7 @@ var jt = ["multiple", "accept"], Mt = /*#__PURE__*/ H(/* @__PURE__ */ p({
 			onClick: f,
 			ref_key: "pickerOpener",
 			ref: o
-		}, n.$attrs), [O(n.$slots, "default", {}, () => [d(W, {
+		}, n.$attrs), [O(n.$slots, "default", {}, () => [d(U, {
 			"prefix-icon": "arrow-up-tray",
 			label: t.label,
 			color: "primary",
@@ -1144,7 +1161,7 @@ var jt = ["multiple", "accept"], Mt = /*#__PURE__*/ H(/* @__PURE__ */ p({
 }, Rt = {
 	key: 3,
 	class: "FormGroup__error"
-}, zt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, zt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "FormGroup",
 	props: {
 		label: {},
@@ -1167,7 +1184,7 @@ var jt = ["multiple", "accept"], Mt = /*#__PURE__*/ H(/* @__PURE__ */ p({
 			e.$props.error && typeof e.$props.error == "string" ? (T(), s("div", Rt, j(e.$props.error), 1)) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-ca60e31d"]]), Bt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ca60e31d"]]), Bt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "FormFields",
 	props: /*@__PURE__*/ _({
 		fields: {},
@@ -1274,7 +1291,7 @@ var Ht = /* @__PURE__ */ p({
 	emits: ["click"],
 	setup(e, { emit: t }) {
 		let n = Vt(e, ["icon"]), r = t;
-		return (t, i) => (T(), a(W, v({
+		return (t, i) => (T(), a(U, v({
 			class: "vuiii-icon-button",
 			prefixIcon: e.icon,
 			"aria-label": e.title || void 0
@@ -1284,12 +1301,14 @@ var Ht = /* @__PURE__ */ p({
 	"aria-label",
 	"type",
 	"value"
-], Wt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+], Wt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Input",
 	props: /*@__PURE__*/ _({
 		prefixIcon: {},
 		suffixIcon: {},
+		prefixIconLabel: {},
+		suffixIconLabel: {},
 		size: {},
 		invalid: { type: Boolean },
 		pill: { type: Boolean },
@@ -1302,7 +1321,7 @@ var Ht = /* @__PURE__ */ p({
 	}),
 	emits: /*@__PURE__*/ _(["prefix-icon-click", "suffix-icon-click"], ["update:modelValue"]),
 	setup(e, { expose: t }) {
-		let n = F(e, "modelValue"), r = e, i = K(), o = I(), s = E();
+		let n = F(e, "modelValue"), r = e, i = G(), o = I(), s = E();
 		function u(e) {
 			let t = e.target;
 			return r.valueAsNumber ? t.valueAsNumber : r.valueAsDate ? t.valueAsDate : t.value;
@@ -1314,7 +1333,7 @@ var Ht = /* @__PURE__ */ p({
 			input: s,
 			focus: () => s.value.focus(),
 			select: () => s.value.select()
-		}), (t, r) => (T(), a(G, {
+		}), (t, r) => (T(), a(W, {
 			"prefix-icon": t.$props.prefixIcon,
 			"suffix-icon": t.$props.suffixIcon,
 			size: t.$props.size,
@@ -1358,7 +1377,7 @@ var Ht = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), [["__scopeId", "data-v-49c15f1d"]]), Gt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-49c15f1d"]]), Gt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "RadioButtonGroup",
 	props: /*@__PURE__*/ _({
 		options: {},
@@ -1376,15 +1395,15 @@ var Ht = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = F(t, "modelValue"), r = t, o = i(() => J(r.options, {
+		let n = F(t, "modelValue"), r = t, o = i(() => q(r.options, {
 			value: r.optionValue,
 			label: r.optionLabel,
 			disabled: r.optionDisabled,
 			description: r.optionDescription,
 			icon: r.optionIcon
 		}, n.value));
-		return (r, i) => (T(), a(Le, { role: "radiogroup" }, {
-			default: z(() => [(T(!0), s(e, null, D(o.value, (e) => (T(), a(W, {
+		return (r, i) => (T(), a(Re, { role: "radiogroup" }, {
+			default: z(() => [(T(!0), s(e, null, D(o.value, (e) => (T(), a(U, {
 				key: e.value,
 				role: "radio",
 				"aria-checked": e.isSelected,
@@ -1410,7 +1429,7 @@ var Ht = /* @__PURE__ */ p({
 			_: 1
 		}));
 	}
-}), [["__scopeId", "data-v-b3f6d44d"]]), Kt = [
+}), [["__scopeId", "data-v-0fcd563b"]]), Kt = [
 	"value",
 	"name",
 	"disabled",
@@ -1420,7 +1439,7 @@ var Ht = /* @__PURE__ */ p({
 ], qt = { key: 0 }, Jt = { class: "RadioGroup__label" }, Yt = {
 	key: 0,
 	class: "RadioGroup__description"
-}, Xt = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, Xt = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "RadioGroup",
 	props: /*@__PURE__*/ _({
@@ -1440,7 +1459,7 @@ var Ht = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = F(t, "modelValue"), r = N(), a = K(), l = r.name || `RadioGroup-input-${P()}`, u = t, d = i(() => u.valueParser || Qe(u.type)), f = i(() => J(u.options, {
+		let n = F(t, "modelValue"), r = N(), a = G(), l = r.name || `RadioGroup-input-${P()}`, u = t, d = i(() => u.valueParser || $e(u.type)), f = i(() => q(u.options, {
 			value: u.optionValue,
 			label: u.optionLabel,
 			disabled: u.optionDisabled,
@@ -1474,7 +1493,7 @@ var Ht = /* @__PURE__ */ p({
 			e.label || e.description || n.$slots.default ? (T(), s("div", qt, [O(n.$slots, "default", v({ ref_for: !0 }, { option: e }), () => [c("div", Jt, j(e.label), 1)], !0), e.description ? (T(), s("div", Yt, j(e.description), 1)) : o("", !0)])) : o("", !0)
 		], 2))), 128))], 2));
 	}
-}), [["__scopeId", "data-v-40249131"]]), Zt = ["value", "required"], Qt = ["disabled", "hidden"], $t = ["label"], en = [
+}), [["__scopeId", "data-v-8d78f539"]]), Zt = ["value", "required"], Qt = ["disabled", "hidden"], $t = ["label"], en = [
 	"disabled",
 	"value",
 	"selected"
@@ -1482,7 +1501,7 @@ var Ht = /* @__PURE__ */ p({
 	"disabled",
 	"value",
 	"selected"
-], nn = { class: "Select__dropdownIcon vuiii-input__suffix-icon" }, rn = /*#__PURE__*/ H(/* @__PURE__ */ p({
+], nn = { class: "Select__dropdownIcon vuiii-input__suffix-icon" }, rn = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Select",
 	props: /*@__PURE__*/ _({
@@ -1507,8 +1526,8 @@ var Ht = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = F(t, "modelValue"), r = K(), l = t, u = i(() => l.valueParser || Qe(l.type)), f = i(() => u.value.stringify(n.value)), p = i(() => {
-			if (l.groupOptions) return De(l.options, {
+		let n = F(t, "modelValue"), r = G(), l = t, u = i(() => l.valueParser || $e(l.type)), f = i(() => u.value.stringify(n.value)), p = i(() => {
+			if (l.groupOptions) return Oe(l.options, {
 				groupLabel: l.groupLabel,
 				groupOptions: l.groupOptions,
 				value: l.optionValue,
@@ -1517,7 +1536,7 @@ var Ht = /* @__PURE__ */ p({
 				stringifyValue: u.value.stringify
 			}, n.value);
 		}), m = i(() => {
-			if (!p.value) return J(l.options, {
+			if (!p.value) return q(l.options, {
 				value: l.optionValue,
 				label: l.optionLabel,
 				disabled: l.optionDisabled,
@@ -1527,14 +1546,14 @@ var Ht = /* @__PURE__ */ p({
 		function h(e) {
 			n.value = u.value.parse(e.target.value);
 		}
-		return (n, i) => (T(), a(G, {
+		return (n, i) => (T(), a(W, {
 			class: y(["Select", n.$attrs.class]),
 			size: n.$props.size,
 			invalid: n.$props.invalid,
 			disabled: n.$props.disabled,
 			pill: n.$props.pill
 		}, {
-			suffix: z(() => [c("div", nn, [d(U, {
+			suffix: z(() => [c("div", nn, [d(H, {
 				name: "triangle-down",
 				size: n.$props.size
 			}, null, 8, ["size"])])]),
@@ -1573,7 +1592,7 @@ var Ht = /* @__PURE__ */ p({
 			"pill"
 		]));
 	}
-}), [["__scopeId", "data-v-2a10a9cb"]]), an = { class: "ShortcutIcon" }, on = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ec6c7b89"]]), an = { class: "ShortcutIcon" }, on = /* @__PURE__ */ p({
 	__name: "ShortcutIcon",
 	props: { shortcut: {} },
 	setup(t) {
@@ -1626,7 +1645,7 @@ var hn = {
 	role: "status",
 	"aria-live": "polite",
 	"aria-atomic": "false"
-}, gn = ["onClick"], _n = /*#__PURE__*/ H(/* @__PURE__ */ p({
+}, gn = ["onClick"], _n = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "SnackbarStack",
 	setup(n) {
 		let o = i(() => [...Q.value].reverse());
@@ -1642,14 +1661,14 @@ var hn = {
 				class: "Snackbar__messageClose",
 				"aria-label": "Close",
 				onClick: (t) => M(dn)(e.id)
-			}, [d(U, {
+			}, [d(H, {
 				class: "Snackbar__messageCloseIcon",
 				name: "x"
 			})], 8, gn)], 2)], 4)]))), 128))]),
 			_: 1
 		})])]));
 	}
-}), [["__scopeId", "data-v-ef321a47"]]), vn = { key: 0 }, yn = ["width", "aria-sort"], bn = ["onClick", "onKeydown"], xn = { class: "vuiii-table__sortIcon" }, Sn = {
+}), [["__scopeId", "data-v-2b7e0d48"]]), vn = { key: 0 }, yn = ["width", "aria-sort"], bn = ["onClick", "onKeydown"], xn = { class: "vuiii-table__sortIcon" }, Sn = {
 	key: 1,
 	class: "vuiii-table__label"
 }, Cn = { key: 0 }, wn = [
@@ -1663,7 +1682,8 @@ var hn = {
 		columns: {},
 		rowClass: { type: [String, Function] },
 		highlightOnHover: { type: Boolean },
-		noDataMessage: {}
+		noDataMessage: {},
+		size: {}
 	}, {
 		sortColumnName: { default: null },
 		sortColumnNameModifiers: {},
@@ -1722,7 +1742,7 @@ var hn = {
 		}
 		return (n, i) => {
 			let f = k("router-link");
-			return T(), s("table", { class: y(["vuiii-table", { "vuiii-table--hover": n.$props.highlightOnHover && t.items?.length }]) }, [h.value ? (T(), s("thead", vn, [c("tr", null, [(T(!0), s(e, null, D(m.value, (e, t) => (T(), s("th", {
+			return T(), s("table", { class: y(["vuiii-table", [{ "vuiii-table--hover": n.$props.highlightOnHover && t.items?.length }, { [`vuiii-table--size-${n.$props.size}`]: n.$props.size }]]) }, [h.value ? (T(), s("thead", vn, [c("tr", null, [(T(!0), s(e, null, D(m.value, (e, t) => (T(), s("th", {
 				key: t,
 				style: x({ textAlign: e.align || "left" }),
 				width: e.width,
@@ -1735,7 +1755,7 @@ var hn = {
 				onKeydown: [ae(B((t) => b(e.name), ["prevent"]), ["enter"]), ae(B((t) => b(e.name), ["prevent"]), ["space"])],
 				role: "button",
 				tabindex: "0"
-			}, [u(j(e.label) + " ", 1), c("div", xn, [d(U, {
+			}, [u(j(e.label) + " ", 1), c("div", xn, [d(H, {
 				name: "caret-sort",
 				size: "small"
 			})])], 42, bn)) : (T(), s("div", Sn, j(e.label), 1))])], 14, yn))), 128)), n.$slots.tools ? (T(), s("th", Cn)) : o("", !0)])])) : o("", !0), c("tbody", null, [(T(!0), s(e, null, D(_.value, (t, r) => (T(), s("tr", {
@@ -1791,7 +1811,7 @@ var hn = {
 	"disabled",
 	"onClick",
 	"onKeydown"
-], jn = { class: "TabsNav__label" }, Mn = /*#__PURE__*/ H(/* @__PURE__ */ p({
+], jn = { class: "TabsNav__label" }, Mn = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "TabsNav",
 	props: /*@__PURE__*/ _({
 		tabs: {},
@@ -1863,7 +1883,7 @@ var hn = {
 		}, [O(n.$slots, `label:${e.key}`, {
 			tab: e,
 			active: e.key === r.value
-		}, () => [e.icon ? (T(), a(U, {
+		}, () => [e.icon ? (T(), a(H, {
 			key: 0,
 			name: e.icon,
 			class: "TabsNav__icon"
@@ -1873,7 +1893,7 @@ var hn = {
 	"id",
 	"aria-labelledby",
 	"tabindex"
-], In = /*#__PURE__*/ H(/* @__PURE__ */ p({
+], In = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	__name: "Tabs",
 	props: /*@__PURE__*/ _({
 		tabs: {},
@@ -1917,11 +1937,13 @@ var hn = {
 	"value",
 	"disabled",
 	"readonly"
-], Rn = /*#__PURE__*/ H(/* @__PURE__ */ p({
+], Rn = /*#__PURE__*/ V(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Textarea",
 	props: /*@__PURE__*/ _({
 		prefixIcon: {},
+		prefixIconLabel: {},
+		suffixIconLabel: {},
 		size: {},
 		invalid: { type: Boolean },
 		pill: { type: Boolean },
@@ -1933,14 +1955,14 @@ var hn = {
 	}),
 	emits: /*@__PURE__*/ _(["prefix-icon-click"], ["update:modelValue"]),
 	setup(e, { expose: t }) {
-		let n = F(e, "modelValue"), r = K(), i = I(), o = E();
+		let n = F(e, "modelValue"), r = G(), i = I(), o = E();
 		function s(e) {
 			n.value = e.target.value;
 		}
 		return t({
 			focus: () => o.value.focus(),
 			select: () => o.value.select()
-		}), (e, t) => (T(), a(G, {
+		}), (e, t) => (T(), a(W, {
 			class: y(["Textarea", e.$attrs.class]),
 			size: e.$props.size,
 			invalid: e.$props.invalid,
@@ -1971,7 +1993,7 @@ var hn = {
 			"prefix-icon"
 		]));
 	}
-}), [["__scopeId", "data-v-dde25ebf"]]), zn = { class: "Tooltip__trigger" }, Bn = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-dde25ebf"]]), zn = ["aria-describedby"], Bn = ["id"], Vn = /* @__PURE__ */ p({
 	__name: "Tooltip",
 	props: {
 		title: {},
@@ -1982,7 +2004,7 @@ var hn = {
 		offset: {}
 	},
 	setup(e) {
-		let t = e, n = `--anchor-${P()}`, r = i(() => {
+		let t = e, n = I(), r = P(), a = i(() => !!(t.title || n.title)), l = `--anchor-${P()}`, d = i(() => {
 			switch (t.placement) {
 				case "top": return "top";
 				case "bottom": return "bottom";
@@ -1991,36 +2013,40 @@ var hn = {
 				default: return "top";
 			}
 		});
-		return (t, i) => (T(), s("div", {
+		return (t, n) => (T(), s("div", {
 			class: y(["Tooltip", { "Tooltip--showOnFocus": e.showOnFocus }]),
 			style: x({
-				"--anchor-id": n,
-				"--position-area": r.value,
+				"--anchor-id": l,
+				"--position-area": d.value,
 				"--offset": e.offset == null ? void 0 : `${e.offset}px`,
 				"--delay": e.delay == null ? void 0 : `${e.delay}ms`
 			})
-		}, [c("div", zn, [O(t.$slots, "default")]), e.title || t.$slots.title ? (T(), s("div", {
+		}, [c("div", {
+			class: "Tooltip__trigger",
+			"aria-describedby": a.value ? M(r) : void 0
+		}, [O(t.$slots, "default")], 8, zn), a.value ? (T(), s("div", {
 			key: 0,
+			id: M(r),
 			class: y(["Tooltip__bubble", [`Tooltip__bubble--${e.placement}`, { "Tooltip__bubble--withArrow": e.withArrow }]]),
 			role: "tooltip"
-		}, [O(t.$slots, "title", {}, () => [u(j(e.title), 1)])], 2)) : o("", !0)], 6));
+		}, [O(t.$slots, "title", {}, () => [u(j(e.title), 1)])], 10, Bn)) : o("", !0)], 6));
 	}
-}), Vn = (e = document.body) => {
-	let t = (e) => {
+}), Hn = (e) => {
+	let t, n = (e) => {
 		e.defaultPrevented || (e.dataTransfer.dropEffect = "none", e.preventDefault());
-	}, n = (e) => {
+	}, r = (e) => {
 		e.preventDefault();
 	};
 	C(() => {
-		e.addEventListener("dragenter", n, !1), e.addEventListener("dragover", t, !1), e.addEventListener("dragleave", n, !1), e.addEventListener("drop", n, !1);
+		t = e ?? document.body, t.addEventListener("dragenter", r, !1), t.addEventListener("dragover", n, !1), t.addEventListener("dragleave", r, !1), t.addEventListener("drop", r, !1);
 	}), S(() => {
-		e.removeEventListener("dragenter", n, !1), e.removeEventListener("dragover", t, !1), e.removeEventListener("dragleave", n, !1), e.removeEventListener("drop", n, !1);
+		t?.removeEventListener("dragenter", r, !1), t?.removeEventListener("dragover", n, !1), t?.removeEventListener("dragleave", r, !1), t?.removeEventListener("drop", r, !1);
 	});
 };
 //#endregion
 //#region src/composables/useSubmitAction.ts
-function Hn(e, t = {}) {
-	let n = mn(), r = dt(), i = se(), a = E(!1), o = E(!1), s = E(null), c = E(t.initialResultValue), l = async (...l) => {
+function Un(e, t = {}) {
+	let n = mn(), r = ft(), i = se(), a = E(!1), o = E(!1), s = E(null), c = E(t.initialResultValue), l = async (...l) => {
 		try {
 			if (a.value = !0, s.value = null, t.onBeforeSubmit && await t.onBeforeSubmit({
 				params: l,
@@ -2068,8 +2094,8 @@ function Hn(e, t = {}) {
 }
 //#endregion
 //#region src/composables/useLoadData.ts
-var Un = (e, t = {}) => {
-	let { isSubmitting: n, hasSubmitted: r, submit: i, result: a, error: o } = Hn(e, {
+var Wn = (e, t = {}) => {
+	let { isSubmitting: n, hasSubmitted: r, submit: i, result: a, error: o } = Un(e, {
 		onBeforeSubmit: t.onBeforeLoad ? ({ params: e, dialog: n, snackbar: r }) => t.onBeforeLoad({
 			params: e,
 			dialog: n,
@@ -2104,8 +2130,8 @@ var Un = (e, t = {}) => {
 		error: o
 	};
 }, $ = 25;
-function Wn(e, t = {}) {
-	let n = E([]), r = E(), { immediate: i, initialValue: a, ...o } = t, { isLoading: s, hasLoaded: c, load: l } = Un(e, o), u = async (e = 1) => {
+function Gn(e, t = {}) {
+	let n = E([]), r = E(), { immediate: i, initialValue: a, ...o } = t, { isLoading: s, hasLoaded: c, load: l } = Wn(e, o), u = async (e = 1) => {
 		let i = await l({
 			page: e,
 			itemsPerPage: t.itemsPerPage || $
@@ -2138,18 +2164,20 @@ function Wn(e, t = {}) {
 }
 //#endregion
 //#region src/composables/useOnFocusOutside.ts
-function Gn(e, t) {
+function Kn(e, t) {
 	let n = (n) => {
 		e.value?.contains(n.target) || t(n);
 	};
-	window.addEventListener("focus", n), w(() => {
+	C(() => {
+		window.addEventListener("focus", n);
+	}), w(() => {
 		window.removeEventListener("focus", n);
 	});
 }
 //#endregion
 //#region src/composables/useRouteQuery.ts
-var Kn = (e) => e !== "" && e != null && (Array.isArray(e) ? e.length > 0 : !0);
-function qn(e) {
+var qn = (e) => e !== "" && e != null && (Array.isArray(e) ? e.length > 0 : !0);
+function Jn(e) {
 	let t = se(), n = oe(), r = i(() => {
 		let t = n.query;
 		return e.filter?.length && (t = Object.fromEntries(Object.entries(t).filter(([t]) => e.filter?.includes(t)))), t = Object.fromEntries(Object.entries(t).map(([t, n]) => [t, decodeURIComponent(e.parse?.[t] ? e.parse[t](n) : n)])), e.defaults && Object.entries(e.defaults).forEach(([e, n]) => {
@@ -2159,19 +2187,19 @@ function qn(e) {
 	return R(r, () => e.onChange?.(r.value), { immediate: e.immediate }), {
 		queryParams: r,
 		setQuery: (e) => {
-			let n = Object.fromEntries(Object.entries(e).filter(([e, t]) => Kn(t)).map(([e, t]) => [e, a(e, t)]));
+			let n = Object.fromEntries(Object.entries(e).filter(([e, t]) => qn(t)).map(([e, t]) => [e, a(e, t)]));
 			return t.push({ query: n });
 		},
 		setQueryParam: (e, r) => {
 			let i = { ...n.query };
-			return i[e] = Kn(r) ? a(e, r) : void 0, t.push({ query: i });
+			return i[e] = qn(r) ? a(e, r) : void 0, t.push({ query: i });
 		}
 	};
 }
 //#endregion
 //#region src/composables/usePageFromRouteQuery.ts
-function Jn(e) {
-	let { queryParams: t, setQuery: n } = qn({
+function Yn(e) {
+	let { queryParams: t, setQuery: n } = Jn({
 		onChange: (t) => e.onChange?.(t.page),
 		filter: ["page"],
 		parse: { page: (e) => Number(e) || 1 },
@@ -2184,7 +2212,7 @@ function Jn(e) {
 }
 //#endregion
 //#region src/composables/useValidation.ts
-function Yn(e) {
+function Xn(e) {
 	let t = E(), n = E(!1), r = async (r) => {
 		n.value = !0;
 		try {
@@ -2204,18 +2232,18 @@ function Yn(e) {
 }
 //#endregion
 //#region src/utils/resolveFilesFromClipboardEvent.ts
-function Xn(e, t = {}) {
+function Zn(e, t = {}) {
 	let n = Array.from(e.clipboardData?.items || []).filter((e) => e.kind === "file").map((e) => e.getAsFile()).filter((e) => e !== null);
 	return t.accept && (n = n.filter((e) => e.type.startsWith(t.accept + "/"))), t.multiple || (n = n.slice(0, 1)), n;
 }
 //#endregion
 //#region src/valueParsers/dateValueParser.ts
-var Zn = {
+var Qn = {
 	stringify: (e) => e.toISOString().slice(0, 10),
 	parse: (e) => new Date(e)
-}, Qn = {
+}, $n = {
 	stringify: (e) => String(e),
 	parse: (e) => Number(e)
-}, $n = class extends Error {};
+}, er = class extends Error {};
 //#endregion
-export { je as Autocomplete, Ne as Breadcrumbs, W as Button, Le as ButtonGroup, Ue as Card, Ze as Checkbox, $e as CheckboxGroup, Zn as DateValueParser, yt as DialogLayout, Ct as DialogStack, Tt as Divider, ye as Dropdown, we as DropdownMenu, he as FadeTransition, Mt as FilePicker, Bt as FormFields, zt as FormGroup, U as Icon, Ht as IconButton, Wt as Input, Qn as NumberValueParser, Gt as RadioButtonGroup, Xt as RadioGroup, rn as Select, on as ShortcutIcon, _n as SnackbarStack, On as Table, In as Tabs, Mn as TabsNav, Rn as Textarea, Bn as Tooltip, $n as ValidationError, J as normalizeOptions, de as registerCustomIconResolver, Xn as resolveFilesFromClipboardEvent, kt as retrieveFilesFromDataTransfer, Ot as retrieveMediaUrlFromHTML, lt as useCloseDialog, Te as useCursor, dt as useDialogStack, At as useDropArea, Un as useLoadData, Wn as useLoadPaginatedData, ge as useOnClickOutside, Gn as useOnFocusOutside, _e as useOnKeyPress, Jn as usePageFromRouteQuery, Vn as usePreventHandlingDrop, qn as useRouteQuery, mn as useSnackbar, Hn as useSubmitAction, Yn as useValidation };
+export { Me as Autocomplete, Pe as Breadcrumbs, U as Button, Re as ButtonGroup, We as Card, Qe as Checkbox, et as CheckboxGroup, Qn as DateValueParser, Z as DialogLayout, Ct as DialogStack, Tt as Divider, be as Dropdown, Te as DropdownMenu, ge as FadeTransition, Mt as FilePicker, Bt as FormFields, zt as FormGroup, H as Icon, Ht as IconButton, Wt as Input, $n as NumberValueParser, Gt as RadioButtonGroup, Xt as RadioGroup, rn as Select, on as ShortcutIcon, _n as SnackbarStack, On as Table, In as Tabs, Mn as TabsNav, Rn as Textarea, Vn as Tooltip, er as ValidationError, q as normalizeOptions, fe as registerCustomIconResolver, Zn as resolveFilesFromClipboardEvent, kt as retrieveFilesFromDataTransfer, Ot as retrieveMediaUrlFromHTML, ut as useCloseDialog, Ee as useCursor, ft as useDialogStack, At as useDropArea, nt as useFocusTrap, Wn as useLoadData, Gn as useLoadPaginatedData, _e as useOnClickOutside, Kn as useOnFocusOutside, ve as useOnKeyPress, Yn as usePageFromRouteQuery, Hn as usePreventHandlingDrop, Jn as useRouteQuery, mn as useSnackbar, Un as useSubmitAction, Xn as useValidation };