vuiii 1.0.0-beta.91 → 1.0.0-beta.92

package/dist/vuiii.js

@@ -27,7 +27,7 @@ var ae = /* @__PURE__ */ Object.assign({
 	"../assets/icons/triangle-right.svg": () => import("./triangle-right-xwrGdoER.js").then((e) => e.default),
 	"../assets/icons/triangle-up.svg": () => import("./triangle-up-D_dSA8BG.js").then((e) => e.default),
 	"../assets/icons/x.svg": () => import("./x-bczynWUe.js").then((e) => e.default)
-}), V;
+}), V, H = /* @__PURE__ */ new Map();
 function oe(e) {
 	let t = Object.keys(ae).find((t) => t.endsWith(`/${e}.svg`)), n = t ? ae[t] : void 0;
 	if (n) return f(async () => {
@@ -47,8 +47,9 @@ function se(e) {
 	V = e;
 }
 function ce(e) {
+	if (H.has(e)) return H.get(e);
 	let t;
-	return V && (t = V(e)), t ||= oe(e), t || console.error("Unable to resolve icon component for name: " + e), t;
+	return V && (t = V(e)), t ||= oe(e), t ? H.set(e, t) : console.error("Unable to resolve icon component for name: " + e), t;
 }
 //#endregion
 //#region src/components/Icon.vue?vue&type=script&setup=true&lang.ts
@@ -62,11 +63,11 @@ var le = /* @__PURE__ */ p({
 		let t = e, n = j(void 0);
 		return R(() => t.name, () => n.value = ce(t.name), { immediate: !0 }), (e, t) => (T(), a(A(n.value), { class: y(["Icon", { [`Icon--${e.$props.size}`]: e.$props.size }]) }, null, 8, ["class"]));
 	}
-}), H = (e, t) => {
+}), U = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, U = /* @__PURE__ */ H(le, [["__scopeId", "data-v-1bcc75ac"]]), ue = { key: 0 }, W = /* @__PURE__ */ p({
+}, W = /* @__PURE__ */ U(le, [["__scopeId", "data-v-1bcc75ac"]]), ue = { key: 0 }, G = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
 		disabled: { type: Boolean },
@@ -99,14 +100,14 @@ var le = /* @__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(W, {
 					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", ue, [O(e.$slots, "default", {}, () => [u(M(e.$props.label), 1)])])) : o("", !0),
-				O(e.$slots, "suffix", {}, () => [e.$props.suffixIcon ? (T(), a(U, {
+				O(e.$slots, "suffix", {}, () => [e.$props.suffixIcon ? (T(), a(W, {
 					key: 0,
 					class: "vuiii-button__icon vuiii-button__icon--suffix",
 					name: e.$props.suffixIcon,
@@ -143,7 +144,7 @@ function fe(e, t) {
 }
 //#endregion
 //#region src/composables/useOnKeyPress.ts
-function G(e, t, n) {
+function pe(e, t, n) {
 	let r = (n) => {
 		n.key.toLowerCase() === e.toLowerCase() && t(n);
 	};
@@ -155,7 +156,7 @@ function G(e, t, n) {
 }
 //#endregion
 //#region src/components/Dropdown.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
+var me = { class: "Dropdown__trigger" }, he = /* @__PURE__ */ p({
 	__name: "Dropdown",
 	props: {
 		label: {},
@@ -179,7 +180,7 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 		}
 		return fe(u, (e) => {
 			l.value && !e.defaultPrevented && (e.preventDefault(), g());
-		}), G("Escape", (e) => {
+		}), pe("Escape", (e) => {
 			l.value && !e.defaultPrevented && (e.preventDefault(), g());
 		}), t({
 			open: h,
@@ -194,12 +195,12 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 				"--anchor-id": f,
 				"--position-area": p.value
 			})
-		}, [c("div", pe, [O(t.$slots, "trigger", b(m({
+		}, [c("div", me, [O(t.$slots, "trigger", b(m({
 			open: h,
 			close: g,
 			toggle: _,
 			isOpen: l.value
-		})), () => [d(W, {
+		})), () => [d(G, {
 			label: e.label,
 			variant: e.variant,
 			block: e.block,
@@ -219,14 +220,14 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 			_: 3
 		})], 6));
 	}
-}), he = { class: "DropdownMenu" }, ge = {
+}), ge = { class: "DropdownMenu" }, _e = {
 	key: 0,
 	class: "DropdownMenu__items"
-}, _e = [
+}, ve = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], ve = /* @__PURE__ */ p({
+], ye = /* @__PURE__ */ p({
 	__name: "DropdownMenu",
 	props: {
 		items: {},
@@ -244,7 +245,7 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 				block: "nearest",
 				behavior: "smooth"
 			});
-		}), (n, r) => (T(), s("div", he, [t.items?.length ? (T(), s("ul", ge, [(T(!0), s(e, null, D(t.items, (e, r) => (T(), s("li", {
+		}), (n, r) => (T(), s("div", ge, [t.items?.length ? (T(), s("ul", _e, [(T(!0), s(e, null, D(t.items, (e, r) => (T(), s("li", {
 			key: r,
 			class: y(["DropdownMenu__item", { "DropdownMenu__item--withCursor": t.cursorIndex === r }]),
 			ref_for: !0,
@@ -272,9 +273,9 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 			item: e,
 			index: r,
 			cursorIndex: t.cursorIndex
-		}), () => [u(M(e), 1)])], 40, _e)])], 2))), 128))])) : o("", !0)]));
+		}), () => [u(M(e), 1)])], 40, ve)])], 2))), 128))])) : o("", !0)]));
 	}
-}), K = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}), K = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "InputWrapper",
 	props: {
@@ -305,7 +306,7 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 				tabindex: "-1",
 				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(W, {
 					key: 0,
 					name: e.$props.prefixIcon || "",
 					size: e.$props.size
@@ -318,7 +319,7 @@ var pe = { class: "Dropdown__trigger" }, me = /* @__PURE__ */ p({
 				tabindex: "-1",
 				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(W, {
 					key: 0,
 					name: e.$props.suffixIcon || "",
 					size: e.$props.size
@@ -339,7 +340,7 @@ function q() {
 }
 //#endregion
 //#region src/composables/useCursor.ts
-function ye(e, t = {}) {
+function be(e, t = {}) {
 	let n = E(0), r = i(() => N(e)[n.value]), a = () => {
 		let r = n.value + 1, i = N(e).length;
 		n.value = t.cycle ? r % i : Math.min(r, i - 1);
@@ -362,7 +363,7 @@ function ye(e, t = {}) {
 function J(e, t) {
 	return typeof t == "function" ? t(e) : t ? e[t] : e;
 }
-function be(e, t = {}, n) {
+function xe(e, t = {}, n) {
 	let r = t.stringifyValue || String, i = r(J(e, t.value));
 	return {
 		value: i,
@@ -375,13 +376,13 @@ function be(e, t = {}, n) {
 	};
 }
 function Y(e, t = {}, n) {
-	return Array.isArray(e) ? e.map((e) => be(e, t, n)) : typeof e == "object" && e ? Object.entries(e || {}).reduce((e, [r, i]) => e.concat({
-		...be(r, t, n),
+	return Array.isArray(e) ? e.map((e) => xe(e, t, n)) : typeof e == "object" && e ? Object.entries(e || {}).reduce((e, [r, i]) => e.concat({
+		...xe(r, t, n),
 		label: i,
 		data: r
 	}), []) : [];
 }
-function xe(e, t = {}, n) {
+function Se(e, t = {}, n) {
 	return Array.isArray(e) ? e.map((e) => ({
 		label: J(e, t.groupLabel),
 		options: Y(J(e, t.groupOptions), t, n)
@@ -392,14 +393,14 @@ function xe(e, t = {}, n) {
 }
 //#endregion
 //#region src/components/Autocomplete.vue?vue&type=script&setup=true&lang.ts
-var Se = [
+var Ce = [
 	"placeholder",
 	"disabled",
 	"value"
-], Ce = { class: "Autocomplete__optionLabel" }, we = {
+], we = { class: "Autocomplete__optionLabel" }, Te = {
 	key: 0,
 	class: "Autocomplete__optionDescription"
-}, Te = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, Ee = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Autocomplete",
 	props: /* @__PURE__ */ _({
@@ -439,7 +440,7 @@ var Se = [
 				description: u.optionDescription,
 				icon: u.optionIcon
 			};
-			return u.groupOptions ? xe(u.options, {
+			return u.groupOptions ? Se(u.options, {
 				groupLabel: u.groupLabel,
 				groupOptions: u.groupOptions,
 				...e
@@ -453,7 +454,7 @@ var Se = [
 		let x = i(() => {
 			let e = u.filter || b;
 			return _.value.filter((t) => e(t, r.value));
-		}), S = i(() => x.value), { cursorIndex: C, cursorItem: w, moveCursorForward: D, moveCursorBack: k, resetCursor: A } = ye(S);
+		}), S = i(() => x.value), { cursorIndex: C, cursorItem: w, moveCursorForward: D, moveCursorBack: k, resetCursor: A } = be(S);
 		function j() {
 			u.disabled || m.value?.open();
 		}
@@ -497,7 +498,7 @@ var Se = [
 			open: j,
 			close: P,
 			filter: b
-		}), (t, n) => (T(), a(me, {
+		}), (t, n) => (T(), a(he, {
 			ref_key: "dropdownRef",
 			ref: m,
 			class: "Autocomplete",
@@ -529,7 +530,7 @@ var Se = [
 					onInput: te,
 					onClick: L,
 					onKeydown: F
-				}), null, 16, Se)]),
+				}), null, 16, Ce)]),
 				_: 2
 			}, [t.$slots.prefix ? {
 				name: "prefix",
@@ -548,7 +549,7 @@ var Se = [
 				"suffixIcon",
 				"pill"
 			])]),
-			default: z(({ close: e }) => [S.value.length > 0 ? (T(), a(ve, {
+			default: z(({ close: e }) => [S.value.length > 0 ? (T(), a(ye, {
 				key: 0,
 				class: "Autocomplete__dropdownMenu",
 				items: S.value,
@@ -560,19 +561,19 @@ var Se = [
 					option: e,
 					index: n,
 					isHighlighted: N(C) === n
-				}, () => [c("div", Ce, M(e.label), 1), e.description ? (T(), s("div", we, M(e.description), 1)) : o("", !0)], !0)]),
+				}, () => [c("div", we, M(e.label), 1), e.description ? (T(), s("div", Te, M(e.description), 1)) : o("", !0)], !0)]),
 				_: 3
 			}, 8, ["items", "cursorIndex"])) : o("", !0)]),
 			_: 3
 		}, 8, ["dropdownPlacement", "onOpen"]));
 	}
-}), [["__scopeId", "data-v-ea21baf3"]]), Ee = { class: "Breadcrumbs" }, De = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ea21baf3"]]), De = { class: "Breadcrumbs" }, Oe = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "Breadcrumbs",
 	props: { breadcrumbs: { default: () => [] } },
 	setup(t) {
 		return (n, r) => {
 			let i = k("router-link");
-			return T(), s("div", Ee, [(T(!0), s(e, null, D(t.breadcrumbs, (e, t) => (T(), s("div", {
+			return T(), s("div", De, [(T(!0), s(e, null, D(t.breadcrumbs, (e, t) => (T(), s("div", {
 				key: t,
 				class: "Breadcrumbs__breadcrumb"
 			}, [d(i, {
@@ -581,37 +582,37 @@ var Se = [
 			}, {
 				default: z(() => [u(M(e.label), 1)]),
 				_: 2
-			}, 1032, ["to"]), d(U, {
+			}, 1032, ["to"]), d(W, {
 				name: "chevron-right",
 				class: "Breadcrumbs__arrow"
 			})]))), 128))]);
 		};
 	}
-}), [["__scopeId", "data-v-9a78ee8c"]]), Oe = {}, ke = { class: "ButtonGroup" };
-function Ae(e, t) {
-	return T(), s("div", ke, [O(e.$slots, "default", {}, void 0, !0)]);
+}), [["__scopeId", "data-v-9a78ee8c"]]), ke = {}, Ae = { class: "ButtonGroup" };
+function je(e, t) {
+	return T(), s("div", Ae, [O(e.$slots, "default", {}, void 0, !0)]);
 }
-var je = /* @__PURE__ */ H(Oe, [["render", Ae], ["__scopeId", "data-v-3d8ee6b9"]]), Me = [
+var Me = /* @__PURE__ */ U(ke, [["render", je], ["__scopeId", "data-v-3d8ee6b9"]]), Ne = [
 	"checked",
 	"indeterminate",
 	"required",
 	"disabled"
-], Ne = {
+], Pe = {
 	key: 0,
 	class: "Checkbox__switch"
-}, Pe = {
+}, Fe = {
 	key: 1,
 	class: "Checkbox__checkbox vuiii-input"
-}, Fe = { key: 0 }, Ie = {
+}, Ie = { key: 0 }, Le = {
 	key: 0,
 	class: "Checkbox__label"
-}, Le = {
+}, Re = {
 	key: 0,
 	class: "Checkbox__required"
-}, Re = {
+}, ze = {
 	key: 1,
 	class: "Checkbox__description"
-}, ze = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, Be = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: /* @__PURE__ */ _({
@@ -647,28 +648,28 @@ var je = /* @__PURE__ */ H(Oe, [["render", Ae], ["__scopeId", "data-v-3d8ee6b9"]
 				required: e.required,
 				disabled: e.disabled,
 				type: "checkbox"
-			}, N(n), { onInput: r[0] ||= (e) => f(e) }), null, 16, Me),
+			}, N(n), { onInput: r[0] ||= (e) => f(e) }), null, 16, Ne),
 			O(t.$slots, "symbol", b(m({
 				disabled: !!e.disabled,
 				size: e.size,
 				checked: l.value,
 				indeterminate: !!e.indeterminate
-			})), () => [t.$props.switch ? (T(), s("div", Ne, [...r[1] ||= [c("div", { class: "Checkbox__switchDot" }, null, -1)]])) : (T(), s("div", Pe, [d(U, {
+			})), () => [t.$props.switch ? (T(), s("div", Pe, [...r[1] ||= [c("div", { class: "Checkbox__switchDot" }, null, -1)]])) : (T(), s("div", Fe, [d(W, {
 				name: "check",
 				class: "Checkbox__checkboxIcon Checkbox__checkboxIcon--check",
 				size: t.$props.size
-			}, null, 8, ["size"]), d(U, {
+			}, null, 8, ["size"]), d(W, {
 				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", Fe, [t.$slots.default || t.$props.label ? (T(), s("div", Ie, [t.$props.required ? (T(), s("span", Le, "*")) : o("", !0), O(t.$slots, "default", {}, () => [u(M(t.$props.label), 1)], !0)])) : o("", !0), t.$props.description ? (T(), s("div", Re, M(t.$props.description), 1)) : o("", !0)])) : o("", !0)
+			t.$slots.default || t.$props.label || t.$props.description ? (T(), s("div", Ie, [t.$slots.default || t.$props.label ? (T(), s("div", Le, [t.$props.required ? (T(), s("span", Re, "*")) : o("", !0), O(t.$slots, "default", {}, () => [u(M(t.$props.label), 1)], !0)])) : o("", !0), t.$props.description ? (T(), s("div", ze, M(t.$props.description), 1)) : o("", !0)])) : o("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-c6d0fc93"]]);
 //#endregion
 //#region src/utils/createTypeParser.ts
-function Be(e = "string") {
+function Ve(e = "string") {
 	return {
 		string: {
 			stringify: (e) => e == null ? "" : String(e),
@@ -690,7 +691,7 @@ function Be(e = "string") {
 }
 //#endregion
 //#region src/components/CheckboxGroup.vue
-var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
+var He = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "CheckboxGroup",
 	props: /* @__PURE__ */ _({
 		options: {},
@@ -707,7 +708,7 @@ var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = I(t, "modelValue"), r = t, a = i(() => r.valueParser || Be(r.type)), o = i(() => Y(r.options, {
+		let n = I(t, "modelValue"), r = t, a = i(() => r.valueParser || Ve(r.type)), o = i(() => Y(r.options, {
 			value: r.optionValue,
 			label: r.optionLabel,
 			disabled: r.optionDisabled,
@@ -717,7 +718,7 @@ var Ve = /* @__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 }]) }, [(T(!0), s(e, null, D(o.value, (e) => (T(), s("div", { key: e.value }, [d(Be, {
 			disabled: e.disabled,
 			"model-value": c.value.has(e.value),
 			label: e.label,
@@ -738,14 +739,14 @@ var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
 			"onUpdate:modelValue"
 		])]))), 128))], 2));
 	}
-}), [["__scopeId", "data-v-dfeaef3c"]]), He = {
+}), [["__scopeId", "data-v-dfeaef3c"]]), Ue = {
 	cancelLabel: "Cancel",
 	confirmLabel: "OK"
-}, Ue = E(1), X = E([]), Z = i(() => X.value[X.value.length - 1]), We = () => Ue.value++, Ge = (e, t, { modal: n } = {}) => {
+}, We = E(1), X = E([]), Z = i(() => X.value[X.value.length - 1]), Ge = () => We.value++, Ke = (e, t, { modal: n } = {}) => {
 	let r = document.activeElement;
 	return r.blur?.(), new Promise((i) => {
 		let a = {
-			id: We(),
+			id: Ge(),
 			component: g(e),
 			props: t,
 			resolve: i,
@@ -754,10 +755,10 @@ var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
 		};
 		X.value.push(a);
 	});
-}, Ke = (e) => {
+}, qe = (e) => {
 	typeof e == "string" && (e = { content: e });
-	let { title: t, content: n, confirmVariant: r, confirmLabel: i = He.confirmLabel, confirmIcon: a, modal: o } = e;
-	return Ge(it, {
+	let { title: t, content: n, confirmVariant: r, confirmLabel: i = Ue.confirmLabel, confirmIcon: a, modal: o } = e;
+	return Ke(at, {
 		title: t,
 		content: n,
 		modal: o,
@@ -767,10 +768,10 @@ var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
 			icon: a
 		}]
 	});
-}, qe = (e) => {
+}, Je = (e) => {
 	typeof e == "string" && (e = { content: e });
-	let { title: t, content: n, cancelLabel: r = He.cancelLabel, cancelVariant: i, cancelIcon: a, confirmLabel: o = He.confirmLabel, confirmVariant: s, confirmIcon: c, modal: l } = e;
-	return Ge(it, {
+	let { title: t, content: n, cancelLabel: r = Ue.cancelLabel, cancelVariant: i, cancelIcon: a, confirmLabel: o = Ue.confirmLabel, confirmVariant: s, confirmIcon: c, modal: l } = e;
+	return Ke(at, {
 		title: t,
 		content: n,
 		modal: l,
@@ -786,29 +787,29 @@ var Ve = /* @__PURE__ */ H(/* @__PURE__ */ p({
 			value: !0
 		}]
 	});
-}, Je = (e, t = void 0) => {
+}, Ye = (e, t = void 0) => {
 	X.value = X.value.filter((t) => t.id !== e.id), e.resolve(t), e.focusElement && e.focusElement.focus?.();
 }, Q = (e, t = void 0) => {
-	e.onBeforeClose ? e.onBeforeClose(() => Je(e, t)) : Je(e, t);
-}, Ye = (e) => (e && Z.value && (Z.value.onBeforeClose = e), (e) => {
+	e.onBeforeClose ? e.onBeforeClose(() => Ye(e, t)) : Ye(e, t);
+}, Xe = (e) => (e && Z.value && (Z.value.onBeforeClose = e), (e) => {
 	Z.value && Q(Z.value, e);
-}), Xe = {
-	open: Ge,
-	alert: Ke,
-	confirm: qe
+}), Ze = {
+	open: Ke,
+	alert: qe,
+	confirm: Je
 };
-function Ze() {
-	return Xe;
+function Qe() {
+	return Ze;
 }
 //#endregion
 //#region src/components/dialogStack/DialogLayout.vue?vue&type=script&setup=true&lang.ts
-var Qe = {
+var $e = {
 	key: 1,
 	class: "DialogLayout__header"
-}, $e = { class: "DialogLayout__title" }, et = { class: "DialogLayout__body" }, tt = { class: "DialogLayout__content" }, nt = {
+}, et = { class: "DialogLayout__title" }, tt = { class: "DialogLayout__body" }, nt = { class: "DialogLayout__content" }, rt = {
 	key: 2,
 	class: "DialogLayout__footer"
-}, rt = { class: "DialogLayout__buttons" }, it = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, it = { class: "DialogLayout__buttons" }, at = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "DialogLayout",
 	props: {
 		title: { default: "" },
@@ -820,7 +821,7 @@ var Qe = {
 		buttons: { default: () => [] }
 	},
 	setup(t) {
-		let n = L(), r = Ye(), a = E(), l = t, u = i(() => !!(n.header || l.title)), f = i(() => !!n.footer || !!l.buttons?.length), p = i(() => {
+		let n = L(), r = Xe(), 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%",
@@ -858,16 +859,16 @@ var Qe = {
 				key: 0,
 				class: "DialogLayout__close",
 				onClick: n[0] ||= (e) => N(r)()
-			}, [d(U, {
+			}, [d(W, {
 				name: "x",
 				class: "DialogLayout__closeIcon"
 			})])) : o("", !0),
-			u.value ? (T(), s("div", Qe, [O(t.$slots, "header", {}, () => [c("div", $e, M(t.$props.title), 1)], !0)])) : o("", !0),
-			c("div", et, [O(t.$slots, "default", {}, () => [c("div", tt, M(t.$props.content), 1)], !0)]),
-			f.value ? (T(), s("div", nt, [O(t.$slots, "footer", {}, () => [c("div", rt, [(T(!0), s(e, null, D(t.$props.buttons, (e, t) => (T(), s("span", {
+			u.value ? (T(), s("div", $e, [O(t.$slots, "header", {}, () => [c("div", et, M(t.$props.title), 1)], !0)])) : o("", !0),
+			c("div", tt, [O(t.$slots, "default", {}, () => [c("div", nt, M(t.$props.content), 1)], !0)]),
+			f.value ? (T(), s("div", rt, [O(t.$slots, "footer", {}, () => [c("div", it, [(T(!0), s(e, null, D(t.$props.buttons, (e, t) => (T(), s("span", {
 				key: t,
 				class: "DialogLayout__buttonWrapper"
-			}, [d(W, {
+			}, [d(G, {
 				type: "button",
 				label: e.label,
 				variant: e.variant,
@@ -885,19 +886,19 @@ var Qe = {
 			])]))), 128))])], !0)])) : o("", !0)
 		], 6));
 	}
-}), [["__scopeId", "data-v-cd6f3494"]]), at = { class: "DialogStack" }, ot = {
+}), [["__scopeId", "data-v-cd6f3494"]]), ot = { class: "DialogStack" }, st = {
 	key: 0,
 	class: "DialogStack__backdrop"
-}, st = ["onClick"], ct = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, ct = ["onClick"], lt = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "DialogStack",
 	setup(i) {
 		let l = (e, t) => {
 			!t.modal && e.target === e.currentTarget && Q(t);
 		};
-		return G("Escape", (e) => {
+		return pe("Escape", (e) => {
 			Z.value && !Z.value.modal && !e.defaultPrevented && (Q(Z.value), e.preventDefault());
-		}), (i, u) => (T(), a(t, { to: "body" }, [c("div", at, [d(n, { name: "DialogStack__backdrop" }, {
-			default: z(() => [N(X).length ? (T(), s("div", ot)) : o("", !0)]),
+		}), (i, u) => (T(), a(t, { to: "body" }, [c("div", ot, [d(n, { name: "DialogStack__backdrop" }, {
+			default: z(() => [N(X).length ? (T(), s("div", st)) : o("", !0)]),
 			_: 1
 		}), d(r, { name: "DialogStack__dialog" }, {
 			default: z(() => [(T(!0), s(e, null, D(N(X), (e) => (T(), s("div", {
@@ -912,11 +913,11 @@ var Qe = {
 				"data-dialog-id",
 				"class",
 				"onClose"
-			]))], 8, st))), 128))]),
+			]))], 8, ct))), 128))]),
 			_: 1
 		})])]));
 	}
-}), [["__scopeId", "data-v-8b831c07"]]), lt = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-8b831c07"]]), ut = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "Divider",
 	props: { orientation: { default: "horizontal" } },
 	setup(e) {
@@ -925,7 +926,7 @@ var Qe = {
 }), [["__scopeId", "data-v-01030df7"]]);
 //#endregion
 //#region src/utils/debounce.ts
-function ut(e, t) {
+function dt(e, t) {
 	let n;
 	return (...r) => {
 		n && clearTimeout(n), n = setTimeout(() => e(...r), t);
@@ -933,31 +934,31 @@ function ut(e, t) {
 }
 //#endregion
 //#region src/utils/loadURLAsFile.ts
-async function dt(e) {
+async function ft(e) {
 	let t = await (await fetch(`undefined/media/download-from-url?url=${encodeURIComponent(e)}`)).blob();
 	return new File([t], e.split("/").pop(), { type: t.type });
 }
 //#endregion
 //#region src/utils/retrieveMediaUrlFromHTML.ts
-function ft(e) {
+function pt(e) {
 	return new DOMParser().parseFromString(e, "text/html").querySelector("img, video, audio")?.getAttribute("src") || null;
 }
 //#endregion
 //#region src/utils/retrieveFilesFromDataTransfer.ts
-async function pt(e) {
+async function mt(e) {
 	let t = Array.from(e.files);
 	if (t.length) return t;
 	let n = e.getData("text/html");
 	if (n) {
-		let e = ft(n);
-		if (e) return [await dt(e)];
+		let e = pt(n);
+		if (e) return [await ft(e)];
 	}
 	return [];
 }
 //#endregion
 //#region src/composables/useDropArea.ts
-function mt(e, t, n = {}) {
-	let r = E(!1), a = i(() => Array.isArray(n.accept) ? n.accept : n.accept?.split(",").map((e) => e.trim())), o = ut((e) => r.value = e, 1), s = (e) => Array.from(e.dataTransfer?.items || []).some((e) => ["file", "text/html"].includes(e.kind)), c = (e) => {
+function ht(e, t, n = {}) {
+	let r = E(!1), a = i(() => Array.isArray(n.accept) ? n.accept : n.accept?.split(",").map((e) => e.trim())), o = dt((e) => r.value = e, 1), s = (e) => Array.from(e.dataTransfer?.items || []).some((e) => ["file", "text/html"].includes(e.kind)), c = (e) => {
 		s(e) && (e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "copy", o(!0));
 	}, l = (e) => {
 		s(e) && (e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "copy");
@@ -968,7 +969,7 @@ function mt(e, t, n = {}) {
 			e.preventDefault(), e.stopPropagation();
 			try {
 				if (!e.dataTransfer) return;
-				let i = await pt(e.dataTransfer);
+				let i = await mt(e.dataTransfer);
 				n.accept && (i = i.filter((e) => a.value?.some((t) => e.type.startsWith(t)))), n.multiple || (i = i.slice(0, 1)), r.value = !1, i.length && t(i);
 			} catch (e) {
 				n.onError?.(e);
@@ -983,7 +984,7 @@ function mt(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/FilePicker.vue?vue&type=script&setup=true&lang.ts
-var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
+var gt = ["multiple", "accept"], _t = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "FilePicker",
 	props: {
 		multiple: {
@@ -1003,7 +1004,7 @@ var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
 			let t = e.target;
 			a("files", t.files ? Array.from(t.files) : []), t.value = "";
 		}
-		return mt(o, (e) => a("files", e), {
+		return ht(o, (e) => a("files", e), {
 			accept: r.accept,
 			multiple: r.multiple
 		}), (n, r) => (T(), s(e, null, [c("button", v({
@@ -1012,7 +1013,7 @@ var ht = ["multiple", "accept"], gt = /* @__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(G, {
 			"prefix-icon": "arrow-up-tray",
 			label: t.label,
 			variant: "primary",
@@ -1025,24 +1026,24 @@ var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
 			accept: u.value,
 			hidden: "",
 			onChange: p
-		}, null, 40, ht)], 64));
+		}, null, 40, gt)], 64));
 	}
-}), [["__scopeId", "data-v-4d841d5a"]]), _t = {
+}), [["__scopeId", "data-v-4d841d5a"]]), vt = {
 	key: 0,
 	class: "FormGroup__header"
-}, vt = ["for"], yt = {
+}, yt = ["for"], bt = {
 	key: 0,
 	class: "FormGroup__required"
-}, bt = {
+}, xt = {
 	key: 1,
 	class: "FormGroup__description"
-}, xt = {
+}, St = {
 	key: 2,
 	class: "FormGroup__hint"
-}, St = {
+}, Ct = {
 	key: 3,
 	class: "FormGroup__error"
-}, Ct = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, wt = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "FormGroup",
 	props: {
 		label: {},
@@ -1054,17 +1055,17 @@ var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
 	},
 	setup(e) {
 		return (e, t) => (T(), s("div", { class: y(["FormGroup", { "FormGroup--invalid": e.$props.error }]) }, [
-			e.$props.label || e.$slots.label ? (T(), s("div", _t, [c("label", {
+			e.$props.label || e.$slots.label ? (T(), s("div", vt, [c("label", {
 				class: "FormGroup__label",
 				for: e.$props.for
-			}, [O(e.$slots, "label", {}, () => [u(M(e.$props.label), 1)], !0)], 8, vt), e.$props.required ? (T(), s("div", yt, "*")) : o("", !0)])) : o("", !0),
-			e.$slots.description || e.$props.description ? (T(), s("div", bt, [O(e.$slots, "description", {}, () => [u(M(e.$props.description), 1)], !0)])) : o("", !0),
+			}, [O(e.$slots, "label", {}, () => [u(M(e.$props.label), 1)], !0)], 8, yt), e.$props.required ? (T(), s("div", bt, "*")) : o("", !0)])) : o("", !0),
+			e.$slots.description || e.$props.description ? (T(), s("div", xt, [O(e.$slots, "description", {}, () => [u(M(e.$props.description), 1)], !0)])) : o("", !0),
 			O(e.$slots, "default", {}, void 0, !0),
-			e.$slots.hint || e.$props.hint ? (T(), s("div", xt, [O(e.$slots, "hint", {}, () => [u(M(e.$props.hint), 1)], !0)])) : o("", !0),
-			e.$props.error && typeof e.$props.error == "string" ? (T(), s("div", St, M(e.$props.error), 1)) : o("", !0)
+			e.$slots.hint || e.$props.hint ? (T(), s("div", St, [O(e.$slots, "hint", {}, () => [u(M(e.$props.hint), 1)], !0)])) : o("", !0),
+			e.$props.error && typeof e.$props.error == "string" ? (T(), s("div", Ct, M(e.$props.error), 1)) : o("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-ee1b1915"]]), wt = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ee1b1915"]]), Tt = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "FormFields",
 	props: {
 		fields: {},
@@ -1100,7 +1101,7 @@ var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
 				"model-value",
 				"validation-results",
 				"orientation"
-			])) : f === N("–") ? (T(), a(lt, { key: 1 })) : (T(), a(Ct, {
+			])) : f === N("–") ? (T(), a(ut, { key: 1 })) : (T(), a(wt, {
 				key: 2,
 				label: f.label,
 				description: f.description,
@@ -1138,7 +1139,7 @@ var ht = ["multiple", "accept"], gt = /* @__PURE__ */ H(/* @__PURE__ */ p({
 }), [["__scopeId", "data-v-1644d62b"]]);
 //#endregion
 //#region src/composables/useFilteredProps.ts
-function Tt(e, t) {
+function Et(e, t) {
 	return t = [
 		...t,
 		"modelValue",
@@ -1147,7 +1148,7 @@ function Tt(e, t) {
 }
 //#endregion
 //#region src/components/IconButton.vue
-var Et = /* @__PURE__ */ p({
+var Dt = /* @__PURE__ */ p({
 	__name: "IconButton",
 	props: {
 		disabled: { type: Boolean },
@@ -1164,17 +1165,17 @@ var Et = /* @__PURE__ */ p({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = Tt(e, ["icon"]), r = t;
-		return (t, i) => (T(), a(W, v({
+		let n = Et(e, ["icon"]), r = t;
+		return (t, i) => (T(), a(G, v({
 			class: "vuiii-icon-button",
 			prefixIcon: e.icon
 		}, N(n), { onClick: i[0] ||= (e) => r("click", e) }), null, 16, ["prefixIcon"]));
 	}
-}), Dt = [
+}), Ot = [
 	"aria-label",
 	"type",
 	"value"
-], Ot = /* @__PURE__ */ H(/* @__PURE__ */ p({
+], kt = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Input",
 	props: /* @__PURE__ */ _({
@@ -1228,7 +1229,7 @@ var Et = /* @__PURE__ */ p({
 				type: t.$attrs.type || "text",
 				value: n.value,
 				onInput: r[0] ||= (e) => d(e)
-			}), null, 16, Dt)]),
+			}), null, 16, Ot)]),
 			_: 2
 		}, [N(o).prefix ? {
 			name: "prefix",
@@ -1248,7 +1249,7 @@ var Et = /* @__PURE__ */ p({
 			"disabled"
 		]));
 	}
-}), [["__scopeId", "data-v-5d327377"]]), kt = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-5d327377"]]), At = /* @__PURE__ */ p({
 	__name: "RadioButtonGroup",
 	props: /* @__PURE__ */ _({
 		options: {},
@@ -1294,8 +1295,8 @@ var Et = /* @__PURE__ */ p({
 			description: r.optionDescription,
 			icon: r.optionIcon
 		}, n.value));
-		return (r, i) => (T(), a(je, null, {
-			default: z(() => [(T(!0), s(e, null, D(o.value, (e) => (T(), a(W, {
+		return (r, i) => (T(), a(Me, null, {
+			default: z(() => [(T(!0), s(e, null, D(o.value, (e) => (T(), a(G, {
 				key: e.value,
 				outlined: !e.isSelected,
 				label: e.label,
@@ -1318,17 +1319,17 @@ var Et = /* @__PURE__ */ p({
 			_: 1
 		}));
 	}
-}), At = [
+}), jt = [
 	"value",
 	"name",
 	"disabled",
 	"readonly",
 	"checked",
 	"onInput"
-], jt = { key: 0 }, Mt = { class: "RadioGroup__label" }, Nt = {
+], Mt = { key: 0 }, Nt = { class: "RadioGroup__label" }, Pt = {
 	key: 0,
 	class: "RadioGroup__description"
-}, Pt = /* @__PURE__ */ H(/* @__PURE__ */ p({
+}, Ft = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ _({
@@ -1348,7 +1349,7 @@ var Et = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = I(t, "modelValue"), r = P(), a = q(), l = r.name || `RadioGroup-input-${F()}`, u = t, d = i(() => u.valueParser || Be(u.type)), f = i(() => Y(u.options, {
+		let n = I(t, "modelValue"), r = P(), a = q(), l = r.name || `RadioGroup-input-${F()}`, u = t, d = i(() => u.valueParser || Ve(u.type)), f = i(() => Y(u.options, {
 			value: u.optionValue,
 			label: u.optionLabel,
 			disabled: u.optionDisabled,
@@ -1371,23 +1372,23 @@ var Et = /* @__PURE__ */ p({
 				readonly: n.$props.readonly,
 				checked: e.isSelected,
 				onInput: (t) => p(e.value)
-			}), null, 16, At),
+			}), null, 16, jt),
 			O(n.$slots, "symbol", v({ ref_for: !0 }, {
 				disabled: !!t.disabled,
 				checked: !!e.isSelected
 			}), () => [r[0] ||= c("div", { class: "RadioGroup__radio vuiii-input" }, [c("div", { class: "RadioGroup__radioDot" })], -1)], !0),
-			e.label || e.description || n.$slots.default ? (T(), s("div", jt, [O(n.$slots, "default", v({ ref_for: !0 }, { option: e }), () => [c("div", Mt, M(e.label), 1)], !0), e.description ? (T(), s("div", Nt, M(e.description), 1)) : o("", !0)])) : o("", !0)
+			e.label || e.description || n.$slots.default ? (T(), s("div", Mt, [O(n.$slots, "default", v({ ref_for: !0 }, { option: e }), () => [c("div", Nt, M(e.label), 1)], !0), e.description ? (T(), s("div", Pt, M(e.description), 1)) : o("", !0)])) : o("", !0)
 		], 2))), 128))], 2));
 	}
-}), [["__scopeId", "data-v-d4362b39"]]), Ft = ["value", "required"], It = ["disabled", "hidden"], Lt = ["label"], Rt = [
+}), [["__scopeId", "data-v-d4362b39"]]), It = ["value", "required"], Lt = ["disabled", "hidden"], Rt = ["label"], zt = [
 	"disabled",
 	"value",
 	"selected"
-], zt = [
+], Bt = [
 	"disabled",
 	"value",
 	"selected"
-], Bt = { class: "Select__dropdownIcon vuiii-input__suffix-icon" }, Vt = /* @__PURE__ */ H(/* @__PURE__ */ p({
+], Vt = { class: "Select__dropdownIcon vuiii-input__suffix-icon" }, Ht = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Select",
 	props: /* @__PURE__ */ _({
@@ -1412,8 +1413,8 @@ var Et = /* @__PURE__ */ p({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = I(t, "modelValue"), r = q(), l = t, u = i(() => l.valueParser || Be(l.type)), f = i(() => u.value.stringify(n.value)), p = i(() => {
-			if (l.groupOptions) return xe(l.options, {
+		let n = I(t, "modelValue"), r = q(), l = t, u = i(() => l.valueParser || Ve(l.type)), f = i(() => u.value.stringify(n.value)), p = i(() => {
+			if (l.groupOptions) return Se(l.options, {
 				groupLabel: l.groupLabel,
 				groupOptions: l.groupOptions,
 				value: l.optionValue,
@@ -1439,7 +1440,7 @@ var Et = /* @__PURE__ */ p({
 			disabled: n.$props.disabled,
 			pill: n.$props.pill
 		}, {
-			suffix: z(() => [c("div", Bt, [d(U, {
+			suffix: z(() => [c("div", Vt, [d(W, {
 				name: "triangle-down",
 				size: n.$props.size
 			}, null, 8, ["size"])])]),
@@ -1455,7 +1456,7 @@ var Et = /* @__PURE__ */ p({
 				hidden: n.$props.required,
 				value: "",
 				selected: ""
-			}, M(n.$props.placeholder), 9, It)) : o("", !0), p.value ? (T(!0), s(e, { key: 1 }, D(p.value, (t, n) => (T(), s("optgroup", {
+			}, M(n.$props.placeholder), 9, Lt)) : o("", !0), p.value ? (T(!0), s(e, { key: 1 }, D(p.value, (t, n) => (T(), s("optgroup", {
 				key: n,
 				label: t.label
 			}, [(T(!0), s(e, null, D(t.options, (e) => (T(), s("option", {
@@ -1463,12 +1464,12 @@ var Et = /* @__PURE__ */ p({
 				disabled: e.disabled,
 				value: e.value,
 				selected: e.isSelected
-			}, M(e.label), 9, Rt))), 128))], 8, Lt))), 128)) : (T(!0), s(e, { key: 2 }, D(m.value, (e) => (T(), s("option", {
+			}, M(e.label), 9, zt))), 128))], 8, Rt))), 128)) : (T(!0), s(e, { key: 2 }, D(m.value, (e) => (T(), s("option", {
 				key: e.value,
 				disabled: e.disabled,
 				value: e.value,
 				selected: e.isSelected
-			}, M(e.label), 9, zt))), 128))], 16, Ft)]),
+			}, M(e.label), 9, Bt))), 128))], 16, It)]),
 			_: 1
 		}, 8, [
 			"class",
@@ -1478,7 +1479,7 @@ var Et = /* @__PURE__ */ p({
 			"pill"
 		]));
 	}
-}), [["__scopeId", "data-v-e5de88b0"]]), Ht = { class: "ShortcutIcon" }, Ut = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-e5de88b0"]]), Ut = { class: "ShortcutIcon" }, Wt = /* @__PURE__ */ p({
 	__name: "ShortcutIcon",
 	props: { shortcut: {} },
 	setup(t) {
@@ -1497,40 +1498,40 @@ var Et = /* @__PURE__ */ p({
 			let c = t.length === 1 ? t.toUpperCase() : t;
 			return e.push({ label: c }), e;
 		});
-		return (t, n) => (T(), s("span", Ht, [(T(!0), s(e, null, D(a.value, (e) => (T(), s("kbd", {
+		return (t, n) => (T(), s("span", Ut, [(T(!0), s(e, null, D(a.value, (e) => (T(), s("kbd", {
 			key: e.label,
 			class: "ShortcutIcon__key"
 		}, M(e.label), 1))), 128))]));
 	}
-}), Wt = 7e3, Gt = 5, Kt = E(1), $ = E([]);
-function qt() {
-	return Kt.value++;
+}), Gt = 7e3, Kt = 5, qt = E(1), $ = E([]);
+function Jt() {
+	return qt.value++;
 }
-function Jt(e) {
+function Yt(e) {
 	$.value = $.value.filter(({ id: t }) => t !== e);
 }
-function Yt(e, t = "success", n = Wt) {
+function Xt(e, t = "success", n = Gt) {
 	let r = {
-		id: qt(),
+		id: Jt(),
 		text: e,
 		type: t
 	};
-	$.value.push(r), $.value.length > Gt && $.value.shift(), n > 0 && setTimeout(() => Jt(r.id), n);
+	$.value.push(r), $.value.length > Kt && $.value.shift(), n > 0 && setTimeout(() => Yt(r.id), n);
 }
-var Xt = {
-	success: (e, t = Wt) => Yt(e, "success", t),
-	error: (e, t = Wt) => Yt(e, "error", t)
+var Zt = {
+	success: (e, t = Gt) => Xt(e, "success", t),
+	error: (e, t = Gt) => Xt(e, "error", t)
 };
-function Zt() {
-	return Xt;
+function Qt() {
+	return Zt;
 }
 //#endregion
 //#region src/components/snackbar/SnackbarStack.vue?vue&type=script&setup=true&lang.ts
-var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__PURE__ */ p({
+var $t = { class: "Snackbar" }, en = ["onClick"], tn = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	__name: "SnackbarStack",
 	setup(n) {
 		let o = i(() => [...$.value].reverse());
-		return (n, i) => (T(), a(t, { to: "body" }, [c("div", Qt, [d(r, { name: "Snackbar__transition" }, {
+		return (n, i) => (T(), a(t, { to: "body" }, [c("div", $t, [d(r, { name: "Snackbar__transition" }, {
 			default: z(() => [(T(!0), s(e, null, D(o.value, (e, t) => (T(), s("div", {
 				key: e.id,
 				class: "Snackbar__message"
@@ -1539,22 +1540,22 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 				style: x({ transform: `translateY(-${100 * t}%)` })
 			}, [c("div", { class: y(["Snackbar__messageBlock", `Snackbar__messageBlock--${e.type}`]) }, [c("div", null, M(e.text), 1), c("div", {
 				class: "Snackbar__messageClose",
-				onClick: (t) => N(Jt)(e.id)
-			}, [d(U, {
+				onClick: (t) => N(Yt)(e.id)
+			}, [d(W, {
 				class: "Snackbar__messageCloseIcon",
 				name: "x"
-			})], 8, $t)], 2)], 4)]))), 128))]),
+			})], 8, en)], 2)], 4)]))), 128))]),
 			_: 1
 		})])]));
 	}
-}), [["__scopeId", "data-v-0a947963"]]), tn = { key: 0 }, nn = ["width"], rn = ["onClick"], an = { class: "vuiii-table__sortIcon" }, on = {
+}), [["__scopeId", "data-v-0a947963"]]), nn = { key: 0 }, rn = ["width"], an = ["onClick"], on = { class: "vuiii-table__sortIcon" }, sn = {
 	key: 1,
 	class: "vuiii-table__label"
-}, sn = { key: 0 }, cn = [
+}, cn = { key: 0 }, ln = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], ln = { key: 0 }, un = ["colspan"], dn = { class: "vuiii-table__noDataMessage" }, fn = /* @__PURE__ */ p({
+], un = { key: 0 }, dn = ["colspan"], fn = { class: "vuiii-table__noDataMessage" }, pn = /* @__PURE__ */ p({
 	__name: "Table",
 	props: /* @__PURE__ */ _({
 		items: {},
@@ -1620,7 +1621,7 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 		}
 		return (n, i) => {
 			let l = 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", tn, [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 }]) }, [h.value ? (T(), s("thead", nn, [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,
@@ -1631,10 +1632,10 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 				onClick: B((t) => b(e.name), ["prevent"]),
 				role: "button",
 				tabindex: "0"
-			}, [u(M(e.label) + " ", 1), c("div", an, [d(U, {
+			}, [u(M(e.label) + " ", 1), c("div", on, [d(W, {
 				name: "caret-sort",
 				size: "small"
-			})])], 10, rn)) : (T(), s("div", on, M(e.label), 1))])], 14, nn))), 128)), n.$slots.tools ? (T(), s("th", sn)) : o("", !0)])])) : o("", !0), c("tbody", null, [(T(!0), s(e, null, D(_.value, (t, r) => (T(), s("tr", {
+			})])], 10, an)) : (T(), s("div", sn, M(e.label), 1))])], 14, rn))), 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", {
 				key: r,
 				class: y(t.rowClass),
 				onClick: (e) => ee(e, {
@@ -1673,14 +1674,14 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 			}, [O(n.$slots, "rowOptions", v({ ref_for: !0 }, {
 				item: t.item,
 				index: r
-			}))])) : o("", !0)], 42, cn))), 128)), !t.items?.length && (n.$props.noDataMessage || n.$slots.noDataMessage) ? (T(), s("tr", ln, [c("td", { colspan: Object.keys(t.columns).length }, [O(n.$slots, "noDataMessage", {}, () => [c("div", dn, M(n.$props.noDataMessage), 1)])], 8, un)])) : o("", !0)])], 2);
+			}))])) : o("", !0)], 42, ln))), 128)), !t.items?.length && (n.$props.noDataMessage || n.$slots.noDataMessage) ? (T(), s("tr", un, [c("td", { colspan: Object.keys(t.columns).length }, [O(n.$slots, "noDataMessage", {}, () => [c("div", fn, M(n.$props.noDataMessage), 1)])], 8, dn)])) : o("", !0)])], 2);
 		};
 	}
-}), pn = [
+}), mn = [
 	"value",
 	"disabled",
 	"readonly"
-], mn = /* @__PURE__ */ H(/* @__PURE__ */ p({
+], hn = /* @__PURE__ */ U(/* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Textarea",
 	props: /* @__PURE__ */ _({
@@ -1720,7 +1721,7 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 				disabled: e.$props.disabled,
 				readonly: e.$props.readonly,
 				onInput: t[0] ||= (e) => s(e)
-			}), null, 16, pn)]),
+			}), null, 16, mn)]),
 			_: 2
 		}, [N(i).prefix ? {
 			name: "prefix",
@@ -1734,7 +1735,7 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 			"prefix-icon"
 		]));
 	}
-}), [["__scopeId", "data-v-dde25ebf"]]), hn = { class: "Tooltip__trigger" }, gn = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-dde25ebf"]]), gn = { class: "Tooltip__trigger" }, _n = /* @__PURE__ */ p({
 	__name: "Tooltip",
 	props: {
 		title: {},
@@ -1762,13 +1763,13 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 				"--offset": e.offset == null ? void 0 : `${e.offset}px`,
 				"--delay": e.delay == null ? void 0 : `${e.delay}ms`
 			})
-		}, [c("div", hn, [O(t.$slots, "default")]), e.title || t.$slots.title ? (T(), s("div", {
+		}, [c("div", gn, [O(t.$slots, "default")]), e.title || t.$slots.title ? (T(), s("div", {
 			key: 0,
 			class: y(["Tooltip__bubble", [`Tooltip__bubble--${e.placement}`, { "Tooltip__bubble--withArrow": e.withArrow }]]),
 			role: "tooltip"
 		}, [O(t.$slots, "title", {}, () => [u(M(e.title), 1)])], 2)) : o("", !0)], 6));
 	}
-}), _n = (e = document.body) => {
+}), vn = (e = document.body) => {
 	let t = (e) => {
 		e.defaultPrevented || (e.dataTransfer.dropEffect = "none", e.preventDefault());
 	}, n = (e) => {
@@ -1782,8 +1783,8 @@ var Qt = { class: "Snackbar" }, $t = ["onClick"], en = /* @__PURE__ */ H(/* @__P
 };
 //#endregion
 //#region src/composables/useSubmitAction.ts
-function vn(e, t = {}) {
-	let n = Zt(), r = Ze(), i = ie(), a = E(!1), o = E(!1), s = E(null), c = E(t.initialResultValue), l = async (...l) => {
+function yn(e, t = {}) {
+	let n = Qt(), r = Qe(), i = ie(), 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,
@@ -1831,8 +1832,8 @@ function vn(e, t = {}) {
 }
 //#endregion
 //#region src/composables/useLoadData.ts
-var yn = (e, t = {}) => {
-	let { isSubmitting: n, hasSubmitted: r, submit: i, result: a, error: o } = vn(e, {
+var bn = (e, t = {}) => {
+	let { isSubmitting: n, hasSubmitted: r, submit: i, result: a, error: o } = yn(e, {
 		onBeforeSubmit: t.onBeforeLoad ? ({ params: e, dialog: n, snackbar: r }) => t.onBeforeLoad({
 			params: e,
 			dialog: n,
@@ -1866,12 +1867,12 @@ var yn = (e, t = {}) => {
 		data: a,
 		error: o
 	};
-}, bn = 25;
-function xn(e, t = {}) {
-	let n = E([]), r = E(), { immediate: i, initialValue: a, ...o } = t, { isLoading: s, hasLoaded: c, load: l } = yn(e, o), u = async (e = 1) => {
+}, xn = 25;
+function Sn(e, t = {}) {
+	let n = E([]), r = E(), { immediate: i, initialValue: a, ...o } = t, { isLoading: s, hasLoaded: c, load: l } = bn(e, o), u = async (e = 1) => {
 		let i = await l({
 			page: e,
-			itemsPerPage: t.itemsPerPage || bn
+			itemsPerPage: t.itemsPerPage || xn
 		});
 		return n.value = i.items, r.value = i.pagination, i;
 	};
@@ -1885,7 +1886,7 @@ function xn(e, t = {}) {
 			if (!r.value?.hasNextPage) return;
 			let e = await l({
 				page: r.value.currentPage + 1,
-				itemsPerPage: t.itemsPerPage || bn
+				itemsPerPage: t.itemsPerPage || xn
 			});
 			return t.append ? n.value = [...n.value, ...e.items] : n.value = e.items, r.value = e.pagination, e;
 		},
@@ -1893,7 +1894,7 @@ function xn(e, t = {}) {
 			if (!r.value?.hasPreviousPage) return;
 			let e = await l({
 				page: r.value.currentPage - 1,
-				itemsPerPage: t.itemsPerPage || bn
+				itemsPerPage: t.itemsPerPage || xn
 			});
 			return t.append ? n.value = [...e.items, ...n.value] : n.value = e.items, r.value = e.pagination, e;
 		}
@@ -1901,7 +1902,7 @@ function xn(e, t = {}) {
 }
 //#endregion
 //#region src/composables/useOnFocusOutside.ts
-function Sn(e, t) {
+function Cn(e, t) {
 	let n = (n) => {
 		e.value?.contains(n.target) || t(n);
 	};
@@ -1911,8 +1912,8 @@ function Sn(e, t) {
 }
 //#endregion
 //#region src/composables/useRouteQuery.ts
-var Cn = (e) => e !== "" && e != null && (Array.isArray(e) ? e.length > 0 : !0);
-function wn(e) {
+var wn = (e) => e !== "" && e != null && (Array.isArray(e) ? e.length > 0 : !0);
+function Tn(e) {
 	let t = ie(), n = re(), 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]) => {
@@ -1922,19 +1923,19 @@ function wn(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]) => Cn(t)).map(([e, t]) => [e, a(e, t)]));
+			let n = Object.fromEntries(Object.entries(e).filter(([e, t]) => wn(t)).map(([e, t]) => [e, a(e, t)]));
 			return t.push({ query: n });
 		},
 		setQueryParam: (e, r) => {
 			let i = { ...n.query };
-			return i[e] = Cn(r) ? a(e, r) : void 0, t.push({ query: i });
+			return i[e] = wn(r) ? a(e, r) : void 0, t.push({ query: i });
 		}
 	};
 }
 //#endregion
 //#region src/composables/usePageFromRouteQuery.ts
-function Tn(e) {
-	let { queryParams: t, setQuery: n } = wn({
+function En(e) {
+	let { queryParams: t, setQuery: n } = Tn({
 		onChange: (t) => e.onChange?.(t.page),
 		filter: ["page"],
 		parse: { page: (e) => Number(e) || 1 },
@@ -1947,7 +1948,7 @@ function Tn(e) {
 }
 //#endregion
 //#region src/composables/useValidation.ts
-function En(e) {
+function Dn(e) {
 	let t = E(), n = E(!1), r = async (r) => (n.value = !0, t.value = await e(r), n.value = !1, a.value), a = i(() => t.value?.isValid ?? !1), o = i(() => !a.value), s = i(() => t.value && !n.value ? t.value.errorMessages : {}), c = i(() => t.value?.validatedFields ?? {});
 	return {
 		isValidating: i(() => n.value),
@@ -1960,18 +1961,18 @@ function En(e) {
 }
 //#endregion
 //#region src/utils/resolveFilesFromClipboardEvent.ts
-function Dn(e, t = {}) {
+function On(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 On = {
+var kn = {
 	stringify: (e) => e.toISOString().slice(0, 10),
 	parse: (e) => new Date(e)
-}, kn = {
+}, An = {
 	stringify: (e) => String(e),
 	parse: (e) => Number(e)
-}, An = class extends Error {};
+}, jn = class extends Error {};
 //#endregion
-export { Te as Autocomplete, De as Breadcrumbs, W as Button, je as ButtonGroup, ze as Checkbox, Ve as CheckboxGroup, On as DateValueParser, it as DialogLayout, ct as DialogStack, lt as Divider, me as Dropdown, ve as DropdownMenu, de as FadeTransition, gt as FilePicker, wt as FormFields, Ct as FormGroup, U as Icon, Et as IconButton, Ot as Input, kn as NumberValueParser, kt as RadioButtonGroup, Pt as RadioGroup, Vt as Select, Ut as ShortcutIcon, en as SnackbarStack, fn as Table, mn as Textarea, gn as Tooltip, An as ValidationError, Y as normalizeOptions, se as registerCustomIconResolver, Dn as resolveFilesFromClipboardEvent, pt as retrieveFilesFromDataTransfer, ft as retrieveMediaUrlFromHTML, Ye as useCloseDialog, ye as useCursor, Ze as useDialogStack, mt as useDropArea, yn as useLoadData, xn as useLoadPaginatedData, fe as useOnClickOutside, Sn as useOnFocusOutside, G as useOnKeyPress, Tn as usePageFromRouteQuery, _n as usePreventHandlingDrop, wn as useRouteQuery, Zt as useSnackbar, vn as useSubmitAction, En as useValidation };
+export { Ee as Autocomplete, Oe as Breadcrumbs, G as Button, Me as ButtonGroup, Be as Checkbox, He as CheckboxGroup, kn as DateValueParser, at as DialogLayout, lt as DialogStack, ut as Divider, he as Dropdown, ye as DropdownMenu, de as FadeTransition, _t as FilePicker, Tt as FormFields, wt as FormGroup, W as Icon, Dt as IconButton, kt as Input, An as NumberValueParser, At as RadioButtonGroup, Ft as RadioGroup, Ht as Select, Wt as ShortcutIcon, tn as SnackbarStack, pn as Table, hn as Textarea, _n as Tooltip, jn as ValidationError, Y as normalizeOptions, se as registerCustomIconResolver, On as resolveFilesFromClipboardEvent, mt as retrieveFilesFromDataTransfer, pt as retrieveMediaUrlFromHTML, Xe as useCloseDialog, be as useCursor, Qe as useDialogStack, ht as useDropArea, bn as useLoadData, Sn as useLoadPaginatedData, fe as useOnClickOutside, Cn as useOnFocusOutside, pe as useOnKeyPress, En as usePageFromRouteQuery, vn as usePreventHandlingDrop, Tn as useRouteQuery, Qt as useSnackbar, yn as useSubmitAction, Dn as useValidation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuiii",
-  "version": "1.0.0-beta.91",
+  "version": "1.0.0-beta.92",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/greegus/vuiii.git"