wave-ui 4.2.0 → 4.2.2

package/dist/wave-ui.esm.js

@@ -2026,12 +2026,14 @@ var mt = /* @__PURE__ */ q({
 		}
 		e.forEach((e, t) => (this.accordionItems[t] || {})._expanded = e);
 	} }
-}, [["render", pt]]), ht = { class: "w-alert__content" };
-function gt(t, n, r, i, a, u) {
+}, [["render", pt]]), ht = ["role"], gt = { class: "w-alert__content" };
+function _t(t, n, r, i, a, u) {
 	let f = E("w-icon"), p = E("w-button");
 	return a.show ? (b(), c("div", {
 		key: 0,
-		class: _(["w-alert", u.classes])
+		class: _(["w-alert", u.classes]),
+		role: u.ariaRole,
+		"aria-atomic": "true"
 	}, [u.type || r.icon || r.dismiss ? (b(), c(e, { key: 0 }, [
 		u.type || r.icon ? (b(), o(f, {
 			key: 0,
@@ -2040,21 +2042,22 @@ function gt(t, n, r, i, a, u) {
 			default: j(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
-		l("div", ht, [T(t.$slots, "default")]),
+		l("div", gt, [T(t.$slots, "default")]),
 		r.dismiss ? (b(), o(p, {
 			key: 1,
 			class: "w-alert__dismiss",
 			onClick: n[0] ||= (e) => {
 				t.$emit("update:modelValue", a.show = !1), t.$emit("input", !1), t.$emit("close", !1);
 			},
+			"aria-label": "Dismiss",
 			icon: "wi-cross",
 			color: "inherit",
 			sm: "",
 			text: ""
 		})) : s("", !0)
-	], 64)) : T(t.$slots, "default", { key: 1 })], 2)) : s("", !0);
+	], 64)) : T(t.$slots, "default", { key: 1 })], 10, ht)) : s("", !0);
 }
-var _t = /* @__PURE__ */ q({
+var vt = /* @__PURE__ */ q({
 	name: "w-alert",
 	props: {
 		modelValue: { default: !0 },
@@ -2099,6 +2102,9 @@ var _t = /* @__PURE__ */ q({
 		type() {
 			return this.success && "success" || this.info && "info" || this.warning && "warning" || this.error && "error" || null;
 		},
+		ariaRole() {
+			return this.error || this.warning ? "alert" : "status";
+		},
 		presetSize() {
 			return this.xs && "xs" || this.sm && "sm" || this.md && "md" || this.lg && "lg" || this.xl && "xl" || null;
 		},
@@ -2132,7 +2138,7 @@ var _t = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.show = e;
 	} }
-}, [["render", gt]]);
+}, [["render", _t]]);
 //#endregion
 //#region src/wave-ui/mixins/form-elements.js
 function Z() {
@@ -2196,15 +2202,15 @@ var Q = {
 			t() || this.$nextTick(() => t());
 		});
 	} }
-}, vt = ["for"], yt = ["innerHTML"], bt = ["innerHTML"], xt = [
+}, yt = ["for"], bt = ["innerHTML"], xt = ["innerHTML"], St = [
 	"id",
 	"value",
 	"name",
 	"disabled",
 	"readonly",
 	"tabindex"
-], St = ["for"], Ct = ["innerHTML"], wt = ["innerHTML"], Tt = ["for"];
-function Et(t, n, r, i, a, u) {
+], Ct = ["for"], wt = ["innerHTML"], Tt = ["innerHTML"], Et = ["for"];
+function Dt(t, n, r, i, a, u) {
 	let p = E("w-icon"), m = E("w-button"), g = E("w-list"), v = E("w-menu");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -2226,7 +2232,7 @@ function Et(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-autocomplete__label w-autocomplete__label--left w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, vt)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, yt)) : s("", !0)], 64)) : s("", !0),
 			f(v, h({
 				ref: "menu",
 				modelValue: t.menuOpen,
@@ -2262,7 +2268,7 @@ function Et(t, n, r, i, a, u) {
 						item: j(({ item: e }) => [T(t.$slots, "item", {
 							item: e,
 							highlighted: t.highlightedItem === e.uid
-						}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ct)])]),
+						}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, wt)])]),
 						_: 3
 					}, 8, [
 						"items",
@@ -2278,7 +2284,7 @@ function Et(t, n, r, i, a, u) {
 					}, [T(t.$slots, "no-match", {}, () => [l("div", {
 						class: "caption",
 						innerHTML: r.noMatch ?? "No match."
-					}, null, 8, wt)])], 2)),
+					}, null, 8, Tt)])], 2)),
 					t.$slots["extra-item"] ? (b(), c("div", {
 						key: 2,
 						class: _(["w-autocomplete__extra-item", { highlighted: t.highlightedItem === "extra-item" }]),
@@ -2305,7 +2311,7 @@ function Et(t, n, r, i, a, u) {
 					}, [T(t.$slots, "selection", {
 						item: e,
 						unselect: () => u.unselectItem(n)
-					}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, yt), f(m, {
+					}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, bt), f(m, {
 						onClick: P((e) => u.unselectItem(n), ["stop"]),
 						icon: "wi-cross",
 						xs: "",
@@ -2316,7 +2322,7 @@ function Et(t, n, r, i, a, u) {
 						key: 1,
 						class: "w-autocomplete__placeholder",
 						innerHTML: r.placeholder
-					}, null, 8, bt)) : s("", !0),
+					}, null, 8, xt)) : s("", !0),
 					l("input", h({
 						class: "w-autocomplete__input",
 						ref: "input",
@@ -2326,12 +2332,12 @@ function Et(t, n, r, i, a, u) {
 						disabled: t.isDisabled || null,
 						readonly: t.isReadonly || null,
 						tabindex: t.tabindex || null
-					}, k(u.inputEventListeners, !0), u.inputAttrs), null, 16, xt),
+					}, k(u.inputEventListeners, !0), u.inputAttrs), null, 16, St),
 					r.labelPosition === "inside" && u.showLabelInside ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 						key: 0,
 						class: _(["w-autocomplete__label w-autocomplete__label--inside w-form-el-shakable", t.labelClasses]),
 						for: t.inputId
-					}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, St)) : s("", !0)], 64)) : s("", !0),
+					}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Ct)) : s("", !0)], 64)) : s("", !0),
 					T(t.$slots, "icon-right", {}, () => [r.innerIconRight ? (b(), o(p, {
 						key: 0,
 						class: "w-autocomplete__icon w-autocomplete__icon--inner-right",
@@ -2354,7 +2360,7 @@ function Et(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-autocomplete__label w-autocomplete__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Tt)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Et)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -2365,7 +2371,7 @@ function Et(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var Dt = /* @__PURE__ */ q({
+var Ot = /* @__PURE__ */ q({
 	name: "w-autocomplete",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -2660,25 +2666,33 @@ var Dt = /* @__PURE__ */ q({
 			this.menuOpen && e.length !== t.length && this.$nextTick(() => this.$refs.menu?.computeDetachableCoords());
 		}
 	}
-}, [["render", Et]]), Ot = { class: "w-badge-wrap" };
-function kt(e, t, n, i, a, o) {
-	return b(), c("div", Ot, [T(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
+}, [["render", Dt]]), kt = { class: "w-badge-wrap" }, At = [
+	"aria-hidden",
+	"aria-atomic",
+	"aria-label",
+	"aria-live",
+	"role"
+];
+function jt(e, t, n, i, a, o) {
+	return b(), c("div", kt, [T(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
 		default: j(() => [n.modelValue ? (b(), c("div", {
 			key: 0,
 			class: _(["w-badge", o.classes]),
 			style: y(o.styles),
-			"aria-atomic": "true",
-			"aria-label": "Badge",
-			"aria-live": "polite",
-			role: "status"
-		}, [n.dot ? s("", !0) : T(e.$slots, "badge", { key: 0 }, () => [d(O(n.modelValue === !0 ? "" : n.modelValue || ""), 1)])], 6)) : s("", !0)]),
+			"aria-hidden": n.dot ? "true" : void 0,
+			"aria-atomic": n.dot ? void 0 : "true",
+			"aria-label": n.dot ? void 0 : n.ariaLabel || (n.modelValue === !0 ? "Badge" : String(n.modelValue)),
+			"aria-live": n.dot ? void 0 : "polite",
+			role: n.dot ? void 0 : "status"
+		}, [n.dot ? s("", !0) : T(e.$slots, "badge", { key: 0 }, () => [d(O(n.modelValue === !0 ? "" : n.modelValue || ""), 1)])], 14, At)) : s("", !0)]),
 		_: 3
 	}, 8, ["name"])]);
 }
-var At = /* @__PURE__ */ q({
+var Mt = /* @__PURE__ */ q({
 	name: "w-badge",
 	props: {
 		modelValue: { default: !0 },
+		ariaLabel: { type: String },
 		xs: { type: Boolean },
 		sm: { type: Boolean },
 		md: { type: Boolean },
@@ -2741,10 +2755,13 @@ var At = /* @__PURE__ */ q({
 			return this.forcedSize && `font-size: ${this.forcedSize}`;
 		}
 	}
-}, [["render", kt]]), jt = ["innerHTML"];
-function Mt(t, n, r, i, a, l) {
+}, [["render", jt]]), Nt = ["innerHTML"];
+function Pt(t, n, r, i, a, l) {
 	let u = E("w-icon");
-	return b(), c("div", { class: _(["w-breadcrumbs", l.classes]) }, [(b(!0), c(e, null, w(r.items, (n, i) => (b(), c(e, null, [i && t.$slots.separator ? (b(), c("span", {
+	return b(), c("nav", {
+		class: _(["w-breadcrumbs", l.classes]),
+		"aria-label": "Breadcrumb"
+	}, [(b(!0), c(e, null, w(r.items, (n, i) => (b(), c(e, null, [i && t.$slots.separator ? (b(), c("span", {
 		class: _(["w-breadcrumbs__separator", r.separatorColor]),
 		key: `${i}a`
 	}, [T(t.$slots, "separator", { index: i })], 2)) : i ? (b(), o(u, {
@@ -2791,10 +2808,11 @@ function Mt(t, n, r, i, a, l) {
 		isLast: i === r.items.length - 1
 	}) : (b(), c("span", {
 		key: `${i}f`,
+		"aria-current": "page",
 		innerHTML: n[r.itemLabelKey]
-	}, null, 8, jt))], 64))), 256))], 2);
+	}, null, 8, Nt))], 64))), 256))], 2);
 }
-var Nt = /* @__PURE__ */ q({
+var Ft = /* @__PURE__ */ q({
 	name: "w-breadcrumbs",
 	mixins: [X],
 	props: {
@@ -2841,11 +2859,11 @@ var Nt = /* @__PURE__ */ q({
 			return { [`size--${this.size}`]: !0 };
 		}
 	}
-}, [["render", Mt]]), Pt = {
+}, [["render", Pt]]), It = {
 	key: 0,
 	class: "w-button__loader"
 };
-function Ft(e, t, n, i, a, u) {
+function Lt(e, t, n, i, a, u) {
 	let p = E("w-icon");
 	return b(), o(D(!n.disabled && n.route ? "a" : "button"), h({
 		class: ["w-button", u.classes],
@@ -2860,7 +2878,7 @@ function Ft(e, t, n, i, a, u) {
 			default: j(() => [d(O(n.icon), 1)]),
 			_: 1
 		}, 16)) : T(e.$slots, "default", { key: 1 }), f(r, { name: "scale-fade" }, {
-			default: j(() => [n.loading ? (b(), c("div", Pt, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
+			default: j(() => [n.loading ? (b(), c("div", It, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
 				cx: "20",
 				cy: "20",
 				r: "18",
@@ -2881,7 +2899,7 @@ function Ft(e, t, n, i, a, u) {
 		"onPointerdown"
 	]);
 }
-var It = /* @__PURE__ */ q({
+var Rt = /* @__PURE__ */ q({
 	inheritAttrs: !1,
 	mixins: [X],
 	props: {
@@ -2984,11 +3002,11 @@ var It = /* @__PURE__ */ q({
 			};
 		}
 	}
-}, [["render", Ft]]), Lt = ["innerHTML"];
-function Rt(e, t, n, r, i, a) {
+}, [["render", Lt]]), zt = ["innerHTML"];
+function Bt(e, t, n, r, i, a) {
 	let s = E("button-partial");
 	return n.tooltip ? (b(), o(D("w-tooltip"), v(h({ key: 0 }, n.tooltipProps)), {
-		tooltip: j(() => [l("div", { innerHTML: n.tooltip }, null, 8, Lt)]),
+		tooltip: j(() => [l("div", { innerHTML: n.tooltip }, null, 8, zt)]),
 		default: j(() => [f(s, h({ ref: "button" }, a.buttonProps), {
 			default: j(() => [T(e.$slots, "default")]),
 			_: 3
@@ -3003,7 +3021,7 @@ function Rt(e, t, n, r, i, a) {
 		_: 3
 	}, 16));
 }
-var zt = /* @__PURE__ */ q({
+var Vt = /* @__PURE__ */ q({
 	name: "w-button",
 	focusable: !0,
 	expose: ["focus"],
@@ -3057,7 +3075,7 @@ var zt = /* @__PURE__ */ q({
 			default: void 0
 		}
 	},
-	components: { ButtonPartial: It },
+	components: { ButtonPartial: Rt },
 	emits: [],
 	computed: { buttonProps() {
 		let { tooltip: e, tooltipProps: t = {}, ...n } = this.$props;
@@ -3069,8 +3087,8 @@ var zt = /* @__PURE__ */ q({
 	methods: { focus() {
 		this.disabled || J(this.$refs.button?.$el);
 	} }
-}, [["render", Rt]]), Bt = ["innerHTML"];
-function Vt(e, t, n, r, i, a) {
+}, [["render", Bt]]), Ht = ["id"], Ut = ["innerHTML", "id"];
+function Wt(e, t, n, r, i, a) {
 	let u = E("w-image");
 	return b(), c("div", { class: _(["w-card", a.classes]) }, [
 		e.$slots.title ? (b(), c("div", {
@@ -3078,15 +3096,17 @@ function Vt(e, t, n, r, i, a) {
 			class: _(["w-card__title", {
 				"w-card__title--has-toolbar": e.$slots.title && a.titleHasToolbar,
 				...a.titleClasses
-			}])
-		}, [T(e.$slots, "title")], 2)) : n.title ? (b(), c("div", {
+			}]),
+			id: n.titleId || void 0
+		}, [T(e.$slots, "title")], 10, Ht)) : n.title ? (b(), c("div", {
 			key: 1,
 			class: _(["w-card__title", {
 				"w-card__title--has-toolbar": e.$slots.title && a.titleHasToolbar,
 				...a.titleClasses
 			}]),
-			innerHTML: n.title
-		}, null, 10, Bt)) : s("", !0),
+			innerHTML: n.title,
+			id: n.titleId || void 0
+		}, null, 10, Ut)) : s("", !0),
 		n.image ? (b(), o(u, h({
 			key: 2,
 			class: "w-card__image",
@@ -3102,7 +3122,7 @@ function Vt(e, t, n, r, i, a) {
 		}, [T(e.$slots, "actions")], 2)) : s("", !0)
 	], 2);
 }
-var Ht = /* @__PURE__ */ q({
+var Gt = /* @__PURE__ */ q({
 	name: "w-card",
 	props: {
 		color: { type: String },
@@ -3123,6 +3143,7 @@ var Ht = /* @__PURE__ */ q({
 			Object,
 			Array
 		] },
+		titleId: { type: String },
 		dark: { type: Boolean },
 		light: { type: Boolean }
 	},
@@ -3162,16 +3183,17 @@ var Ht = /* @__PURE__ */ q({
 			};
 		}
 	}
-}, [["render", Vt]]), Ut = [
+}, [["render", Wt]]), Kt = [
 	"id",
 	"name",
 	"checked",
 	"disabled",
 	"required",
 	"tabindex",
-	"aria-checked"
-], Wt = ["for"], Gt = ["for", "innerHTML"], Kt = ["for"], qt = ["for", "innerHTML"];
-function Jt(t, n, r, i, a, u) {
+	"aria-checked",
+	"aria-invalid"
+], qt = ["for"], Jt = ["for", "innerHTML"], Yt = ["for"], Xt = ["for", "innerHTML"];
+function Zt(t, n, r, i, a, u) {
 	return b(), o(D(t.formRegister && !u.wCheckboxes ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: a.isChecked,
@@ -3201,18 +3223,19 @@ function Jt(t, n, r, i, a, u) {
 				onChange: n[2] ||= (e) => u.onInput(),
 				onKeypress: n[3] ||= N((...e) => u.onInput && u.onInput(...e), ["enter"]),
 				"aria-checked": a.isChecked || "false",
+				"aria-invalid": t.valid === !1 ? "true" : void 0,
 				role: "checkbox"
-			}, null, 40, Ut),
+			}, null, 40, Kt),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: _(["w-checkbox__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Wt)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, qt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: _(["w-checkbox__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, Gt)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, Jt)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: _(["w-checkbox__input", this.color]),
 				onClick: n[4] ||= (e) => {
@@ -3223,17 +3246,17 @@ function Jt(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Kt)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Yt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: _(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, qt)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, Xt)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Yt = /* @__PURE__ */ q({
+var Qt = /* @__PURE__ */ q({
 	name: "w-checkbox",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -3313,8 +3336,8 @@ var Yt = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.isChecked = e;
 	} }
-}, [["render", Jt]]), Xt = ["innerHTML"];
-function Zt(t, n, r, i, a, l) {
+}, [["render", Zt]]), $t = ["innerHTML"];
+function en(t, n, r, i, a, l) {
 	let u = E("w-checkbox");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -3357,7 +3380,7 @@ function Zt(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, Xt)) : s("", !0)]),
+			}, null, 8, $t)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -3376,7 +3399,7 @@ function Zt(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Qt = /* @__PURE__ */ q({
+var tn = /* @__PURE__ */ q({
 	name: "w-checkboxes",
 	focusable: !0,
 	expose: ["focus"],
@@ -3469,10 +3492,10 @@ var Qt = /* @__PURE__ */ q({
 			return this.items[e._index];
 		}
 	}
-}, [["render", Zt]]);
+}, [["render", en]]);
 //#endregion
 //#region src/wave-ui/components/w-confirm.vue?vue&type=template&lang.js
-function $t(e, t, n, r, i, a) {
+function nn(e, t, n, r, i, a) {
 	let c = E("w-button"), u = E("w-flex"), p = E("w-menu"), m = ne("focus");
 	return b(), o(p, h({
 		modelValue: e.showPopup,
@@ -3512,7 +3535,7 @@ function $t(e, t, n, r, i, a) {
 		_: 3
 	}, 16, ["modelValue", "disable"]);
 }
-var en = /* @__PURE__ */ q({
+var rn = /* @__PURE__ */ q({
 	name: "w-confirm",
 	inheritAttrs: !1,
 	props: {
@@ -3638,16 +3661,16 @@ var en = /* @__PURE__ */ q({
 			this.$emit("confirm"), this.showPopup = !1;
 		}
 	}
-}, [["render", $t]]);
+}, [["render", nn]]);
 //#endregion
 //#region src/wave-ui/components/w-date-picker.vue?vue&type=template&lang.js
-function tn(e, t, n, r, i, a) {
+function an(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-date-picker", a.classes]),
 		style: y(a.styles)
 	}, [T(e.$slots, "default")], 6);
 }
-var nn = /* @__PURE__ */ q({
+var on = /* @__PURE__ */ q({
 	name: "w-date-picker",
 	props: {
 		dark: { type: Boolean },
@@ -3665,10 +3688,10 @@ var nn = /* @__PURE__ */ q({
 			return !1;
 		}
 	}
-}, [["render", tn]]);
+}, [["render", an]]);
 //#endregion
 //#region src/wave-ui/components/w-dialog.vue?vue&type=template&lang.js
-function rn(e, t, n, i, a, s) {
+function sn(e, t, n, i, a, s) {
 	let c = E("w-card"), l = E("w-overlay");
 	return b(), o(l, {
 		class: _(["w-dialog", s.classes]),
@@ -3695,6 +3718,10 @@ function rn(e, t, n, i, a, s) {
 				"title-class": n.titleClass,
 				"content-class": n.contentClass,
 				title: n.title || void 0,
+				"title-id": n.title || e.$slots.title ? a.titleId : void 0,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": n.title || e.$slots.title ? a.titleId : void 0,
 				style: y(s.contentStyles)
 			}, u({
 				default: j(() => [T(e.$slots, "default")]),
@@ -3714,6 +3741,8 @@ function rn(e, t, n, i, a, s) {
 				"title-class",
 				"content-class",
 				"title",
+				"title-id",
+				"aria-labelledby",
 				"style"
 			]), [[se, a.showContent]])]),
 			_: 3
@@ -3730,7 +3759,7 @@ function rn(e, t, n, i, a, s) {
 		"class"
 	]);
 }
-var an = /* @__PURE__ */ q({
+var cn = /* @__PURE__ */ q({
 	name: "w-dialog",
 	expose: ["focus"],
 	props: {
@@ -3785,6 +3814,7 @@ var an = /* @__PURE__ */ q({
 	},
 	data() {
 		return {
+			titleId: `w-dialog-title-${Math.random().toString(36).slice(2, 9)}`,
 			showWrapper: this.modelValue,
 			showContent: this.modelValue
 		};
@@ -3831,15 +3861,15 @@ var an = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.showWrapper = e, this.showContent = e;
 	} }
-}, [["render", rn]]), on = ["role", "aria-orientation"];
-function sn(e, t, n, r, i, a) {
+}, [["render", sn]]), ln = ["role", "aria-orientation"];
+function un(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-divider", a.classes]),
 		role: e.$slots.default ? null : "presentation",
 		"aria-orientation": n.vertical ? "vertical" : "horizontal"
-	}, [T(e.$slots, "default")], 10, on);
+	}, [T(e.$slots, "default")], 10, ln);
 }
-var cn = /* @__PURE__ */ q({
+var dn = /* @__PURE__ */ q({
 	name: "w-divider",
 	props: {
 		vertical: { type: Boolean },
@@ -3857,8 +3887,8 @@ var cn = /* @__PURE__ */ q({
 			"w-divider--light": this.light
 		};
 	} }
-}, [["render", sn]]), ln = { class: "w-drawer-wrap__pushable" };
-function un(t, n, i, a, u, d) {
+}, [["render", un]]), fn = { class: "w-drawer-wrap__pushable" };
+function pn(t, n, i, a, u, d) {
 	let p = E("w-overlay");
 	return u.showWrapper || i.pushContent ? (b(), c("div", {
 		key: 0,
@@ -3867,7 +3897,7 @@ function un(t, n, i, a, u, d) {
 		key: 0,
 		class: "w-drawer-wrap__track",
 		style: y(d.trackStyles)
-	}, [l("div", ln, [i.noOverlay ? s("", !0) : (b(), o(p, {
+	}, [l("div", fn, [i.noOverlay ? s("", !0) : (b(), o(p, {
 		key: 0,
 		ref: "overlay",
 		modelValue: u.showDrawer,
@@ -3892,6 +3922,9 @@ function un(t, n, i, a, u, d) {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
+			role: "dialog",
+			"aria-modal": i.noOverlay ? void 0 : "true",
+			"aria-label": i.ariaLabel || void 0,
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
 			onKeydown: n[1] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
@@ -3899,6 +3932,8 @@ function un(t, n, i, a, u, d) {
 			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
+			"aria-modal",
+			"aria-label",
 			"class",
 			"style",
 			"tabindex"
@@ -3930,6 +3965,9 @@ function un(t, n, i, a, u, d) {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
+			role: "dialog",
+			"aria-modal": i.noOverlay ? void 0 : "true",
+			"aria-label": i.ariaLabel || void 0,
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
 			onKeydown: n[3] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
@@ -3937,6 +3975,8 @@ function un(t, n, i, a, u, d) {
 			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
+			"aria-modal",
+			"aria-label",
 			"class",
 			"style",
 			"tabindex"
@@ -3950,12 +3990,12 @@ function un(t, n, i, a, u, d) {
 }
 //#endregion
 //#region src/wave-ui/components/w-drawer.vue
-var dn = {
+var mn = {
 	left: "right",
 	right: "left",
 	top: "down",
 	bottom: "up"
-}, fn = /* @__PURE__ */ q({
+}, hn = /* @__PURE__ */ q({
 	name: "w-drawer",
 	expose: ["focus"],
 	props: {
@@ -3994,6 +4034,7 @@ var dn = {
 			Boolean
 		] },
 		drawerClass: { type: String },
+		ariaLabel: { type: String },
 		tag: {
 			type: String,
 			default: "aside"
@@ -4062,7 +4103,7 @@ var dn = {
 			return !this.showWrapper;
 		},
 		transitionName() {
-			return `slide-${dn[this.position]}`;
+			return `slide-${mn[this.position]}`;
 		}
 	},
 	methods: {
@@ -4082,16 +4123,16 @@ var dn = {
 	watch: { modelValue(e) {
 		e && (this.showWrapper = !0), this.showDrawer = e;
 	} }
-}, [["render", un]]);
+}, [["render", pn]]);
 //#endregion
 //#region src/wave-ui/components/w-flex.vue?vue&type=template&lang.js
-function pn(e, t, n, r, i, a) {
+function gn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-flex", a.classes]) }, {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var mn = /* @__PURE__ */ q({
+var _n = /* @__PURE__ */ q({
 	name: "w-flex",
 	props: {
 		tag: {
@@ -4142,10 +4183,10 @@ var mn = /* @__PURE__ */ q({
 			[`gap${this.gap}`]: ~~this.gap
 		};
 	} }
-}, [["render", pn]]);
+}, [["render", gn]]);
 //#endregion
 //#region src/wave-ui/components/w-form.vue?vue&type=template&lang.js
-function hn(e, t, n, r, i, a) {
+function vn(e, t, n, r, i, a) {
 	return b(), c("form", {
 		class: _(["w-form", a.classes]),
 		onSubmit: t[0] ||= (...e) => a.onSubmit && a.onSubmit(...e),
@@ -4155,10 +4196,10 @@ function hn(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/wave-ui/components/w-form.vue
-var gn = async (e, t) => {
+var yn = async (e, t) => {
 	for (let n of e) if (await t(n)) return !0;
 	return !1;
-}, _n = /* @__PURE__ */ q({
+}, bn = /* @__PURE__ */ q({
 	name: "w-form",
 	props: {
 		modelValue: {},
@@ -4233,7 +4274,7 @@ var gn = async (e, t) => {
 		},
 		async checkElementValidators(e) {
 			let t = !1, n = "";
-			await gn(e.validators, async (r) => {
+			await yn(e.validators, async (r) => {
 				let i = await (typeof r == "function" && r(e.inputValue));
 				return t = typeof i != "string", n = t ? "" : i, !t;
 			}), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = n;
@@ -4254,10 +4295,10 @@ var gn = async (e, t) => {
 	watch: { modelValue(e) {
 		(this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
 	} }
-}, [["render", hn]]);
+}, [["render", vn]]);
 //#endregion
 //#region src/wave-ui/components/w-form-element.vue?vue&type=template&lang.js
-function vn(e, t, n, r, i, a) {
+function xn(e, t, n, r, i, a) {
 	let o = E("w-transition-expand");
 	return b(), c("div", { class: _(a.classes) }, [l("div", { class: _(["w-flex grow", [n.column ? "column" : "align-center", n.wrap ? "wrap" : ""]]) }, [T(e.$slots, "default")], 2), f(o, { y: "" }, {
 		default: j(() => [e.Validation.message ? (b(), c("div", {
@@ -4267,7 +4308,7 @@ function vn(e, t, n, r, i, a) {
 		_: 3
 	})], 2);
 }
-var yn = /* @__PURE__ */ q({
+var Sn = /* @__PURE__ */ q({
 	name: "w-form-element",
 	props: {
 		valid: { required: !0 },
@@ -4335,16 +4376,16 @@ var yn = /* @__PURE__ */ q({
 	beforeUnmount() {
 		this.formUnregister && this.formUnregister(this);
 	}
-}, [["render", vn]]);
+}, [["render", xn]]);
 //#endregion
 //#region src/wave-ui/components/w-grid.vue?vue&type=template&lang.js
-function bn(e, t, n, r, i, a) {
+function Cn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-grid", a.classes]) }, {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var xn = /* @__PURE__ */ q({
+var wn = /* @__PURE__ */ q({
 	name: "w-grid",
 	props: {
 		tag: {
@@ -4416,27 +4457,35 @@ var xn = /* @__PURE__ */ q({
 			};
 		}
 	}
-}, [["render", bn]]);
+}, [["render", Cn]]);
 //#endregion
 //#region src/wave-ui/components/w-icon.vue?vue&type=template&lang.js
-function Sn(t, n, r, i, a, l) {
+function Tn(t, n, r, i, a, l) {
 	return b(), o(D(r.tag || "i"), {
 		class: _(["w-icon", l.classes]),
-		role: "icon",
-		"aria-hidden": "true",
+		role: r.ariaLabel ? "img" : void 0,
+		"aria-label": r.ariaLabel || void 0,
+		"aria-hidden": r.ariaLabel ? void 0 : "true",
 		style: y(l.readIcon() && l.styles)
 	}, {
 		default: j(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
 		_: 1
-	}, 8, ["class", "style"]);
+	}, 8, [
+		"class",
+		"role",
+		"aria-label",
+		"aria-hidden",
+		"style"
+	]);
 }
-var Cn = /* @__PURE__ */ q({
+var En = /* @__PURE__ */ q({
 	name: "w-icon",
 	props: {
 		tag: {
 			type: String,
 			default: "i"
 		},
+		ariaLabel: { type: String },
 		color: { type: String },
 		bgColor: { type: String },
 		xs: { type: Boolean },
@@ -4500,11 +4549,11 @@ var Cn = /* @__PURE__ */ q({
 		let { default: e } = this.$slots, [t = "", n = ""] = typeof e == "function" && e()?.[0]?.children?.trim()?.split(" ") || [];
 		return this.fontName = t, this.icon = n, !0;
 	} }
-}, [["render", Sn]]), wn = {
+}, [["render", Tn]]), Dn = {
 	key: 0,
 	class: "w-image__loader"
-}, Tn = ["innerHTML"];
-function En(e, t, n, i, a, l) {
+}, On = ["innerHTML"];
+function kn(e, t, n, i, a, l) {
 	let u = E("w-progress");
 	return b(), o(D(l.wrapperTag), {
 		class: _(["w-image", l.wrapperClasses]),
@@ -4529,7 +4578,7 @@ function En(e, t, n, i, a, l) {
 				])) : s("", !0)]),
 				_: 1
 			}, 8, ["name"]),
-			!n.noSpinner && a.loading ? (b(), c("span", wn, [e.$slots.loading ? T(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
+			!n.noSpinner && a.loading ? (b(), c("span", Dn, [e.$slots.loading ? T(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
 				key: 1,
 				circle: "",
 				indeterminate: ""
@@ -4548,12 +4597,12 @@ function En(e, t, n, i, a, l) {
 				key: 3,
 				class: _(["w-image__caption caption", n.captionClass]),
 				innerHTML: n.caption
-			}, null, 10, Tn)) : s("", !0)
+			}, null, 10, On)) : s("", !0)
 		]),
 		_: 3
 	}, 40, ["class", "style"]);
 }
-var Dn = /* @__PURE__ */ q({
+var An = /* @__PURE__ */ q({
 	name: "w-image",
 	props: {
 		tag: {
@@ -4666,7 +4715,7 @@ var Dn = /* @__PURE__ */ q({
 	watch: { src() {
 		this.loadImage();
 	} }
-}, [["render", En]]), On = ["name"], kn = ["for"], An = [
+}, [["render", kn]]), jn = ["name"], Mn = ["for"], Nn = [
 	"id",
 	"type",
 	"name",
@@ -4678,20 +4727,21 @@ var Dn = /* @__PURE__ */ q({
 	"maxlength",
 	"readonly",
 	"aria-readonly",
+	"aria-invalid",
 	"disabled",
 	"required",
 	"tabindex"
-], jn = [
+], Pn = [
 	"id",
 	"name",
 	"multiple",
 	"disabled",
 	"data-progress"
-], Mn = {
+], Fn = {
 	class: "w-input__no-file",
 	key: "no-file"
-}, Nn = ["for"], Pn = ["src"], Fn = ["for"];
-function In(t, n, r, a, u, p) {
+}, In = ["for"], Ln = ["src"], Rn = ["for"];
+function zn(t, n, r, a, u, p) {
 	let m = E("w-icon"), g = E("w-progress");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -4715,12 +4765,12 @@ function In(t, n, r, a, u, p) {
 			type: "hidden",
 			name: t.name || null,
 			"onUpdate:modelValue": n[0] ||= (e) => u.inputValue = e
-		}, null, 8, On)), [[A, u.inputValue]]) : (b(), c(e, { key: 1 }, [
+		}, null, 8, jn)), [[A, u.inputValue]]) : (b(), c(e, { key: 1 }, [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-input__label w-input__label--left w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, kn)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Mn)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: _(["w-input__input-wrap", p.inputWrapClasses]) }, [
 				T(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(m, {
 					key: 0,
@@ -4744,13 +4794,13 @@ function In(t, n, r, a, u, p) {
 				}, p.attrs, {
 					disabled: t.isDisabled || null,
 					"data-progress": p.overallFilesProgress
-				}), null, 16, jn), f(i, {
+				}), null, 16, Pn), f(i, {
 					class: "w-input__input w-input__input--file",
 					tag: "label",
 					name: "fade",
 					for: t.inputId
 				}, {
-					default: j(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", Mn, [T(t.$slots, "no-file", {}, () => [t.$slots["no-file"] === void 0 ? (b(), c(e, { key: 0 }, [d("No file")], 64)) : s("", !0)])])) : s("", !0), (b(!0), c(e, null, w(u.inputFiles, (e, t) => (b(), c("span", { key: e.lastModified }, [
+					default: j(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", Fn, [T(t.$slots, "no-file", {}, () => [t.$slots["no-file"] === void 0 ? (b(), c(e, { key: 0 }, [d("No file")], 64)) : s("", !0)])])) : s("", !0), (b(!0), c(e, null, w(u.inputFiles, (e, t) => (b(), c("span", { key: e.lastModified }, [
 						d(O(t ? ", " : ""), 1),
 						(b(), c("span", {
 							class: "filename",
@@ -4778,10 +4828,11 @@ function In(t, n, r, a, u, p) {
 					maxlength: r.maxlength || null,
 					readonly: t.isReadonly || null,
 					"aria-readonly": t.isReadonly ? "true" : "false",
+					"aria-invalid": t.valid === !1 ? "true" : void 0,
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}, p.attrs, { class: r.inputClass }), null, 16, An)), [[oe, u.inputValue]]),
+				}, p.attrs, { class: r.inputClass }), null, 16, Nn)), [[oe, u.inputValue]]),
 				r.labelPosition === "inside" && p.showLabelInside ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: _(["w-input__label w-input__label--inside w-form-el-shakable", t.labelClasses])
@@ -4816,15 +4867,15 @@ function In(t, n, r, a, u, p) {
 				key: `${n}b`,
 				src: t.preview,
 				alt: ""
-			}, null, 8, Pn)) : (b(), c("i", {
+			}, null, 8, Ln)) : (b(), c("i", {
 				class: _(["w-icon w-input__file-preview primary size--md", r.preview && typeof r.preview == "string" ? r.preview : "wi-file"]),
 				key: `${n}c`
-			}, null, 2))], 64))), 256))], 8, Nn)) : s("", !0),
+			}, null, 2))], 64))), 256))], 8, In)) : s("", !0),
 			r.labelPosition === "right" ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-input__label w-input__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Fn)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Rn)) : s("", !0)], 64)) : s("", !0)
 		], 64))]),
 		_: 3
 	}, 16, [
@@ -4834,7 +4885,7 @@ function In(t, n, r, a, u, p) {
 		"style"
 	]);
 }
-var Ln = /* @__PURE__ */ q({
+var Bn = /* @__PURE__ */ q({
 	name: "w-input",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -5035,10 +5086,10 @@ var Ln = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
 	} }
-}, [["render", In]]);
+}, [["render", zn]]);
 //#endregion
 //#region src/wave-ui/components/w-list.vue?vue&type=template&lang.js
-function Rn(t, n, r, i, a, l) {
+function Vn(t, n, r, i, a, l) {
 	let f = E("w-icon"), p = E("w-list", !0);
 	return b(), c("ul", { class: _(["w-list", l.classes]) }, [(b(!0), c(e, null, w(t.listItems, (e, i) => (b(), c("li", {
 		class: _(["w-list__item", { "w-list__item--parent": (e.children || []).length }]),
@@ -5105,7 +5156,7 @@ function Rn(t, n, r, i, a, l) {
 		}]), 1040, ["items", "depth"])) : s("", !0)
 	], 2))), 128))], 2);
 }
-var zn = /* @__PURE__ */ q({
+var Hn = /* @__PURE__ */ q({
 	name: "w-list",
 	focusable: !0,
 	expose: ["focus"],
@@ -5310,8 +5361,8 @@ var zn = /* @__PURE__ */ q({
 			}
 		}
 	}
-}, [["render", Rn]]), Bn = 4;
-function Vn(e) {
+}, [["render", Vn]]), Un = 4;
+function Wn(e) {
 	return {
 		top: "bottom",
 		bottom: "top",
@@ -5319,7 +5370,7 @@ function Vn(e) {
 		right: "left"
 	}[e] || "bottom";
 }
-var Hn = {
+var Gn = {
 	props: {
 		appendTo: { type: [
 			String,
@@ -5501,8 +5552,8 @@ var Hn = {
 			this.viewportPlacementOverride = null, this.detachableEl.style.display = "flex";
 			let e = window.getComputedStyle(this.detachableEl, null), t = this.detachableEl.offsetWidth, n = this.detachableEl.offsetHeight, r = this.position;
 			if (!this.noPosition) {
-				let e = Bn, i = window.innerWidth, a = window.innerHeight, { top: o, left: s, width: c, height: l } = this.activatorEl.getBoundingClientRect();
-				(r === "bottom" && o + l + n > a - e && o - n >= e || r === "top" && o - n < e && o + l + n <= a - e || r === "right" && s + c + t > i - e && s - t >= e || r === "left" && s - t < e && s + c + t <= i - e) && (r = Vn(r), this.viewportPlacementOverride = r);
+				let e = Un, i = window.innerWidth, a = window.innerHeight, { top: o, left: s, width: c, height: l } = this.activatorEl.getBoundingClientRect();
+				(r === "bottom" && o + l + n > a - e && o - n >= e || r === "top" && o - n < e && o + l + n <= a - e || r === "right" && s + c + t > i - e && s - t >= e || r === "left" && s - t < e && s + c + t <= i - e) && (r = Wn(r), this.viewportPlacementOverride = r);
 			}
 			let i = this.getActivatorCoordinates(), { top: a, left: o } = this._applyDetachablePlacement(r, i, e);
 			this.detachableCoords = {
@@ -5558,10 +5609,10 @@ var Hn = {
 };
 //#endregion
 //#region src/wave-ui/components/w-menu.vue?vue&type=template&lang.js
-function Un(t, i, a, l, d, p) {
+function Kn(t, i, a, l, d, p) {
 	let m = E("w-card"), g = E("w-overlay");
 	return b(), c(e, null, [
-		T(t.$slots, "activator"),
+		T(t.$slots, "activator", { isOpen: t.detachableVisible }),
 		t.$slots.activator ? s("", !0) : T(t.$slots, "default", { key: 0 }),
 		t.detachableDomReady ? (b(), o(n, {
 			key: 1,
@@ -5640,10 +5691,10 @@ function Un(t, i, a, l, d, p) {
 		])) : s("", !0)], 8, ["to", "disabled"])) : s("", !0)
 	], 64);
 }
-var Wn = /* @__PURE__ */ q({
+var qn = /* @__PURE__ */ q({
 	name: "w-menu",
-	expose: ["focus"],
-	mixins: [Hn],
+	expose: ["focus", "computeDetachableCoords"],
+	mixins: [Gn],
 	inheritAttrs: !1,
 	props: {
 		modelValue: {},
@@ -5791,10 +5842,10 @@ var Wn = /* @__PURE__ */ q({
 			this.openTimeout = clearTimeout(this.openTimeout), this.detachableVisible && (this.showOnHover && !e && (await new Promise((e) => setTimeout(e, 10)), this.showOnHover && (this.hoveringMenu || this.hoveringActivator)) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), this.viewportPlacementOverride = null, typeof document < "u" && document.removeEventListener("mousedown", this.onOutsideMousedown), typeof window < "u" && window.removeEventListener("resize", this.onResize)));
 		}
 	}
-}, [["render", Un]]);
+}, [["render", Kn]]);
 //#endregion
 //#region src/wave-ui/components/w-notification.vue?vue&type=template&lang.js
-function Gn(e, t, n, i, a, l) {
+function Jn(e, t, n, i, a, l) {
 	let u = E("w-alert");
 	return b(), o(r, {
 		name: l.transitionName,
@@ -5816,7 +5867,7 @@ function Gn(e, t, n, i, a, l) {
 		_: 3
 	}, 8, ["name"]);
 }
-var Kn = /* @__PURE__ */ q({
+var Yn = /* @__PURE__ */ q({
 	name: "w-notification",
 	props: {
 		modelValue: { default: !0 },
@@ -5946,10 +5997,10 @@ var Kn = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
 	} }
-}, [["render", Gn]]);
+}, [["render", Jn]]);
 //#endregion
 //#region src/wave-ui/components/w-overlay.vue?vue&type=template&lang.js
-function qn(e, t, n, i, a, l) {
+function Xn(e, t, n, i, a, l) {
 	return b(), o(r, {
 		name: "fade",
 		appear: "",
@@ -5966,7 +6017,7 @@ function qn(e, t, n, i, a, l) {
 		_: 3
 	}, 8, ["onAfterLeave"]);
 }
-var Jn = /* @__PURE__ */ q({
+var Zn = /* @__PURE__ */ q({
 	name: "w-overlay",
 	expose: ["focus"],
 	props: {
@@ -6050,22 +6101,28 @@ var Jn = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		e ? (this.showOverlay = !0, this.bindDocumentEscape()) : this.unbindDocumentEscape();
 	} }
-}, [["render", qn]]), Yn = { class: "w-parallax" };
-function Xn(e, t, n, r, i, a) {
-	return b(), c("div", Yn);
+}, [["render", Xn]]), Qn = { class: "w-parallax" };
+function $n(e, t, n, r, i, a) {
+	return b(), c("div", Qn);
 }
-var Zn = /* @__PURE__ */ q({
+var er = /* @__PURE__ */ q({
 	name: "w-parallax",
 	props: {},
 	emits: [],
 	data: () => ({})
-}, [["render", Xn]]), Qn = ["viewBox"], $n = [
+}, [["render", $n]]), tr = [
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext",
+	"aria-label"
+], nr = ["viewBox"], rr = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-width"
-], er = [
+], ir = [
 	"cx",
 	"cy",
 	"r",
@@ -6073,9 +6130,15 @@ var Zn = /* @__PURE__ */ q({
 	"stroke-linecap",
 	"stroke-dasharray"
 ];
-function tr(e, t, n, r, i, a) {
+function ar(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-progress", a.classes]),
+		role: "progressbar",
+		"aria-valuenow": a.progressValue > -1 ? a.progressValue : void 0,
+		"aria-valuemin": a.progressValue > -1 ? 0 : void 0,
+		"aria-valuemax": a.progressValue > -1 ? 100 : void 0,
+		"aria-valuetext": a.progressValue === -1 ? "Loading" : void 0,
+		"aria-label": n.ariaLabel || void 0,
 		style: y(a.styles)
 	}, [n.circle ? (b(), c("svg", {
 		key: 1,
@@ -6089,7 +6152,7 @@ function tr(e, t, n, r, i, a) {
 		fill: "transparent",
 		"stroke-dasharray": e.circleCircumference,
 		"stroke-width": n.stroke
-	}, null, 10, $n)) : s("", !0), l("circle", {
+	}, null, 10, rr)) : s("", !0), l("circle", {
 		class: "w-progress__progress",
 		cx: a.circleCenter,
 		cy: a.circleCenter,
@@ -6099,18 +6162,18 @@ function tr(e, t, n, r, i, a) {
 		"stroke-linecap": n.roundCap && "round",
 		"stroke-dasharray": e.circleCircumference,
 		style: y(`stroke-dashoffset: ${(1 - a.progressValue / 100) * e.circleCircumference}`)
-	}, null, 12, er)], 8, Qn)) : (b(), c("div", {
+	}, null, 12, ir)], 8, nr)) : (b(), c("div", {
 		key: 0,
 		class: _(["w-progress__progress", { full: a.progressValue === 100 }]),
 		style: y(`width: ${a.progressValue}%`)
 	}, null, 6)), n.label || e.$slots.default ? (b(), c("div", {
 		key: 2,
 		class: _(["w-progress__label", n.labelColor || !1])
-	}, [T(e.$slots, "default", {}, () => [d(O(Math.round(a.progressValue)) + O(n.circle ? "" : "%"), 1)])], 2)) : s("", !0)], 6);
+	}, [T(e.$slots, "default", {}, () => [d(O(Math.round(a.progressValue)) + O(n.circle ? "" : "%"), 1)])], 2)) : s("", !0)], 14, tr);
 }
 //#endregion
 //#region src/wave-ui/components/w-progress.vue
-var nr = 40, rr = nr / 2, ir = Math.round(nr * 3.14 * 100) / 100, ar = /* @__PURE__ */ q({
+var or = 40, sr = or / 2, cr = Math.round(or * 3.14 * 100) / 100, lr = /* @__PURE__ */ q({
 	name: "w-progress",
 	props: {
 		modelValue: {
@@ -6121,6 +6184,7 @@ var nr = 40, rr = nr / 2, ir = Math.round(nr * 3.14 * 100) / 100, ar = /* @__PUR
 			],
 			default: -1
 		},
+		ariaLabel: { type: String },
 		label: { type: Boolean },
 		roundCap: { type: Boolean },
 		color: {
@@ -6152,16 +6216,16 @@ var nr = 40, rr = nr / 2, ir = Math.round(nr * 3.14 * 100) / 100, ar = /* @__PUR
 	},
 	emits: [],
 	data: () => ({
-		circleSize: nr,
-		circleRadius: rr,
-		circleCircumference: ir
+		circleSize: or,
+		circleRadius: sr,
+		circleCircumference: cr
 	}),
 	computed: {
 		progressValue() {
 			return parseFloat(this.modelValue);
 		},
 		circleCenter() {
-			return nr + this.stroke;
+			return or + this.stroke;
 		},
 		forcedSize() {
 			return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -6191,16 +6255,17 @@ var nr = 40, rr = nr / 2, ir = Math.round(nr * 3.14 * 100) / 100, ar = /* @__PUR
 			return { [this.circle ? "width" : "height"]: this.forcedSize || null };
 		}
 	}
-}, [["render", tr]]), or = [
+}, [["render", ar]]), ur = [
 	"id",
 	"name",
 	"checked",
 	"disabled",
 	"required",
 	"tabindex",
-	"aria-checked"
-], sr = ["for"], cr = ["for", "innerHTML"], lr = ["for"], ur = ["for", "innerHTML"];
-function dr(t, n, r, i, a, u) {
+	"aria-checked",
+	"aria-invalid"
+], dr = ["for"], fr = ["for", "innerHTML"], pr = ["for"], mr = ["for", "innerHTML"];
+function hr(t, n, r, i, a, u) {
 	return b(), o(D(t.formRegister && !u.wRadios ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: t.inputValue,
@@ -6228,18 +6293,19 @@ function dr(t, n, r, i, a, u) {
 				onFocus: n[0] ||= (e) => t.$emit("focus", e),
 				onChange: n[1] ||= (e) => u.onInput(e),
 				"aria-checked": t.inputValue || "false",
+				"aria-invalid": t.valid === !1 ? "true" : void 0,
 				role: "radio"
-			}, null, 40, or),
+			}, null, 40, ur),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: _(["w-radio__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, sr)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, dr)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: _(["w-radio__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, cr)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, fr)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: _(["w-radio__input", this.color]),
 				onClick: n[2] ||= (e) => {
@@ -6250,17 +6316,17 @@ function dr(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, lr)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, pr)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: _(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, ur)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, mr)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var fr = /* @__PURE__ */ q({
+var gr = /* @__PURE__ */ q({
 	name: "w-radio",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -6341,8 +6407,8 @@ var fr = /* @__PURE__ */ q({
 	watch: { modelValue() {
 		this.toggleFromOutside();
 	} }
-}, [["render", dr]]), pr = ["innerHTML"];
-function mr(t, n, r, i, a, l) {
+}, [["render", hr]]), _r = ["innerHTML"];
+function vr(t, n, r, i, a, l) {
 	let u = E("w-radio");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -6386,7 +6452,7 @@ function mr(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, pr)) : s("", !0)]),
+			}, null, 8, _r)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -6404,7 +6470,7 @@ function mr(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var hr = /* @__PURE__ */ q({
+var yr = /* @__PURE__ */ q({
 	name: "w-radios",
 	focusable: !0,
 	expose: ["focus"],
@@ -6491,17 +6557,19 @@ var hr = /* @__PURE__ */ q({
 			return this.items[e._index];
 		}
 	}
-}, [["render", mr]]), gr = [
+}, [["render", vr]]), br = [
 	"id",
 	"name",
 	"value"
-], _r = [
+], xr = ["aria-label"], Sr = [
 	"disabled",
 	"onMouseenter",
 	"onClick",
+	"aria-label",
+	"aria-pressed",
 	"tabindex"
 ];
-function vr(t, n, r, i, a, u) {
+function Cr(t, n, r, i, a, u) {
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: a.rating,
@@ -6521,7 +6589,10 @@ function vr(t, n, r, i, a, u) {
 			name: t.inputName,
 			type: "hidden",
 			value: a.rating
-		}, null, 8, gr), (b(!0), c(e, null, w(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? T(t.$slots, "item", {
+		}, null, 8, br), l("div", {
+			role: "group",
+			"aria-label": r.ariaLabel || "Rating"
+		}, [(b(!0), c(e, null, w(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? T(t.$slots, "item", {
 			key: 0,
 			index: i + 1
 		}) : s("", !0), l("button", {
@@ -6533,19 +6604,20 @@ function vr(t, n, r, i, a, u) {
 			onFocus: n[1] ||= (...e) => u.onFocus && u.onFocus(...e),
 			onBlur: n[2] ||= (...e) => u.onBlur && u.onBlur(...e),
 			onKeydown: n[3] ||= (...e) => u.onKeydown && u.onKeydown(...e),
+			"aria-label": `${i} of ${r.max}`,
+			"aria-pressed": (a.rating >= i).toString(),
 			type: "button",
 			tabindex: i === 1 ? 0 : -1
 		}, [i - 1 === ~~a.rating && a.rating - ~~a.rating ? (b(), c("i", {
 			key: 0,
 			class: _(["w-icon", `${r.icon} ${r.color}`]),
-			role: "icon",
 			"aria-hidden": "true",
 			style: y(u.halfStarStyle)
-		}, null, 6)) : s("", !0)], 42, _r)], 64))), 128))]),
+		}, null, 6)) : s("", !0)], 42, Sr)], 64))), 128))], 8, xr)]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var yr = /* @__PURE__ */ q({
+var wr = /* @__PURE__ */ q({
 	name: "w-rating",
 	focusable: !0,
 	expose: ["focus"],
@@ -6555,6 +6627,7 @@ var yr = /* @__PURE__ */ q({
 	},
 	props: {
 		modelValue: {},
+		ariaLabel: { type: String },
 		max: {
 			type: [Number, String],
 			default: 5
@@ -6658,14 +6731,14 @@ var yr = /* @__PURE__ */ q({
 	watch: { value(e) {
 		this.rating = parseFloat(e);
 	} }
-}, [["render", vr]]), br = ["tabindex", "aria-disabled"], xr = ["id"], Sr = [
+}, [["render", Cr]]), Tr = ["tabindex", "aria-disabled"], Er = ["id"], Dr = [
 	"aria-controls",
 	"aria-orientation",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled",
 	"aria-label"
-], Cr = 120, wr = 450, Tr = /* @__PURE__ */ Object.assign({
+], Or = 120, kr = 450, Ar = /* @__PURE__ */ Object.assign({
 	name: "WScrollable",
 	focusable: !0
 }, {
@@ -6824,7 +6897,7 @@ var yr = /* @__PURE__ */ q({
 			let t = we(e);
 			i("scroll", t), O.value || (O.value = !0, i("scroll-start", t)), A && window.clearTimeout(A), A = window.setTimeout(() => {
 				O.value = !1, i("scroll-end", we("native"));
-			}, Cr);
+			}, Or);
 		}
 		function Te() {
 			v.value = !0;
@@ -6868,7 +6941,7 @@ var yr = /* @__PURE__ */ q({
 		function q() {
 			x.value = !0, j && window.clearTimeout(j), j = window.setTimeout(() => {
 				x.value = !1, j = null;
-			}, wr);
+			}, kr);
 		}
 		function Ae() {
 			let e = r.scrollPosition;
@@ -7075,7 +7148,7 @@ var yr = /* @__PURE__ */ q({
 			ref_key: "scrollableEl",
 			ref: f,
 			onScroll: Oe
-		}, [T(e.$slots, "default")], 42, xr), M(l("div", {
+		}, [T(e.$slots, "default")], 42, Er), M(l("div", {
 			class: _(["w-scrollable__scrollbar", fe.value]),
 			ref_key: "trackEl",
 			ref: p,
@@ -7096,17 +7169,17 @@ var yr = /* @__PURE__ */ q({
 			"aria-label": ve.value,
 			tabindex: "-1",
 			onPointerdown: P(Be, ["stop", "prevent"])
-		}, null, 46, Sr)], 34), [[se, z.value && R.value]])], 16, br));
+		}, null, 46, Dr)], 34), [[se, z.value && R.value]])], 16, Tr));
 	}
-}), Er = [
+}), jr = [
 	"aria-expanded",
 	"aria-owns",
 	"aria-activedescendant"
-], Dr = {
+], Mr = {
 	key: 0,
 	class: "w-select__selection-slot"
-}, Or = ["innerHTML"], kr = ["value", "name"];
-function Ar(t, n, r, i, a, p) {
+}, Nr = ["innerHTML"], Pr = ["value", "name"];
+function Fr(t, n, r, i, a, p) {
 	let m = E("w-icon"), g = E("w-list"), v = E("w-menu");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -7190,7 +7263,7 @@ function Ar(t, n, r, i, a, p) {
 					"aria-haspopup": "listbox",
 					"aria-expanded": t.showMenu ? "true" : "false",
 					"aria-owns": i.selectListId,
-					"aria-activedescendant": `${i.selectListId}_item-1`
+					"aria-activedescendant": p.activeDescendantId
 				}, [
 					T(t.$slots, "icon-left", {}, () => [r.innerIconLeft ? (b(), o(m, {
 						key: 0,
@@ -7201,20 +7274,20 @@ function Ar(t, n, r, i, a, p) {
 						default: j(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					})) : s("", !0)]),
-					t.$slots.selection ? (b(), c("div", Dr, [T(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
+					t.$slots.selection ? (b(), c("div", Mr, [T(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
 					l("div", h({
 						class: "w-select__selection",
 						ref: "selection-input",
 						onFocus: n[2] ||= (e) => !t.isDisabled && !t.isReadonly && p.onFocus(e),
 						onBlur: n[3] ||= (...e) => p.onBlur && p.onBlur(...e),
 						onKeydown: n[4] ||= (e) => !t.isDisabled && !t.isReadonly && p.onKeydown(e)
-					}, p.selectionAttributes, { innerHTML: p.selectionHtml }), null, 16, Or),
+					}, p.selectionAttributes, { innerHTML: p.selectionHtml }), null, 16, Nr),
 					(b(!0), c(e, null, w(t.inputValue.length ? t.inputValue : [{}], (e, n) => (b(), c("input", {
 						key: n,
 						type: "hidden",
 						value: e.value === void 0 ? "" : e.value.toString(),
 						name: t.inputName + (r.multiple ? "[]" : "")
-					}, null, 8, kr))), 128)),
+					}, null, 8, Pr))), 128)),
 					r.labelPosition === "inside" && p.showLabelInside ? (b(), c(e, { key: 1 }, [t.$slots.default || r.label ? (b(), c("label", {
 						key: 0,
 						class: _(["w-select__label w-select__label--inside w-form-el-shakable", t.labelClasses])
@@ -7228,7 +7301,7 @@ function Ar(t, n, r, i, a, p) {
 						default: j(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					})) : s("", !0)])
-				], 10, Er)]),
+				], 10, jr)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -7250,7 +7323,7 @@ function Ar(t, n, r, i, a, p) {
 		"class"
 	]);
 }
-var jr = /* @__PURE__ */ q({
+var Ir = /* @__PURE__ */ q({
 	name: "w-select",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -7362,7 +7435,7 @@ var jr = /* @__PURE__ */ q({
 				class: { "w-select__selection--placeholder": !this.$slots.selection && !this.selectionString && this.placeholder },
 				disabled: this.isDisabled || null,
 				readonly: !0,
-				ariareadonly: "true",
+				"aria-readonly": "true",
 				tabindex: this.tabindex ?? null,
 				contenteditable: this.isDisabled || this.isReadonly ? "false" : "true"
 			};
@@ -7370,6 +7443,13 @@ var jr = /* @__PURE__ */ q({
 		selectionString() {
 			return this.inputValue.map((e) => e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] ?? e : e[this.itemLabelKey]).join(", ");
 		},
+		activeDescendantId() {
+			if (!this.showMenu || !this.selectListId) return;
+			let e = this.inputValue[0];
+			if (!e) return `${this.selectListId}_item-1`;
+			let t = this.selectItems.findIndex((t) => t.value === e[this.itemValueKey] || t.value === e._value);
+			return `${this.selectListId}_item-${t >= 0 ? t + 1 : 1}`;
+		},
 		selectionHtml() {
 			return this.inputValue.length ? this.$slots.selection ? "" : this.selectionString : this.placeholder || "";
 		},
@@ -7495,12 +7575,12 @@ var jr = /* @__PURE__ */ q({
 			this.inputValue = this.checkSelection(this.modelValue);
 		}
 	}
-}, [["render", Ar]]), Mr = ["for"], Nr = ["for", "innerHTML"], Pr = { class: "w-slider__track-wrap" }, Fr = [
+}, [["render", Fr]]), Lr = ["for"], Rr = ["for", "innerHTML"], zr = { class: "w-slider__track-wrap" }, Br = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-readonly"
-], Ir = [
+], Vr = [
 	"id",
 	"name",
 	"model-value",
@@ -7508,11 +7588,11 @@ var jr = /* @__PURE__ */ q({
 	"readonly",
 	"aria-readonly",
 	"tabindex"
-], Lr = ["for"], Rr = { key: 0 }, zr = {
+], Hr = ["for"], Ur = { key: 0 }, Wr = {
 	key: 0,
 	class: "w-slider__step-labels"
-}, Br = ["onClick"], Vr = ["for"], Hr = ["for", "innerHTML"];
-function Ur(t, n, r, i, a, u) {
+}, Gr = ["onClick"], Kr = ["for"], qr = ["for", "innerHTML"];
+function Jr(t, n, r, i, a, u) {
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: t.rangeValueScaled,
@@ -7533,13 +7613,13 @@ function Ur(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId
-			}, [T(t.$slots, "label-left")], 10, Mr)) : r.labelLeft ? (b(), c("label", {
+			}, [T(t.$slots, "label-left")], 10, Lr)) : r.labelLeft ? (b(), c("label", {
 				key: 1,
 				class: _(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId,
 				innerHTML: r.labelLeft
-			}, null, 10, Nr)) : s("", !0),
-			l("div", Pr, [l("div", {
+			}, null, 10, Rr)) : s("", !0),
+			l("div", zr, [l("div", {
 				class: _(["w-slider__track", u.trackClasses]),
 				ref: "track",
 				onMousedown: n[4] ||= (...e) => u.onTrackMouseDown && u.onTrackMouseDown(...e),
@@ -7570,14 +7650,14 @@ function Ur(t, n, r, i, a, u) {
 				onKeydown: [n[0] ||= N((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= N((e) => u.onKeyDown(e, 1), ["right"])],
 				onFocus: n[2] ||= (e) => t.$emit("focus", e),
 				onClick: n[3] ||= P(() => {}, ["prevent"])
-			}, null, 42, Ir), r.thumbLabel ? (b(), c("label", {
+			}, null, 42, Vr), r.thumbLabel ? (b(), c("label", {
 				key: 0,
 				class: _(["w-slider__thumb-label", u.thumbClasses]),
 				for: u.thumbId
-			}, [r.thumbLabel === "droplet" ? (b(), c("div", Rr, [T(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(O(~~t.rangeValueScaled), 1)])])) : T(t.$slots, "label", {
+			}, [r.thumbLabel === "droplet" ? (b(), c("div", Ur, [T(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(O(~~t.rangeValueScaled), 1)])])) : T(t.$slots, "label", {
 				key: 1,
 				value: t.rangeValueScaled
-			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, Lr)) : s("", !0)], 4)], 42, Fr), r.stepLabels && r.step ? (b(), c("div", zr, [
+			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, Hr)) : s("", !0)], 4)], 42, Br), r.stepLabels && r.step ? (b(), c("div", Wr, [
 				l("div", {
 					class: "w-slider__step-label",
 					onClick: n[6] ||= (e) => u.onStepLabelClick(0)
@@ -7587,7 +7667,7 @@ function Ur(t, n, r, i, a, u) {
 					key: e,
 					onClick: (t) => u.onStepLabelClick(e * (100 / u.numberOfSteps)),
 					style: y(`left: ${e * (100 / u.numberOfSteps)}%`)
-				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, Br))), 128)),
+				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, Gr))), 128)),
 				~~u.numberOfSteps === u.numberOfSteps ? s("", !0) : (b(), c("div", {
 					key: 0,
 					class: "w-slider__step-label",
@@ -7599,12 +7679,12 @@ function Ur(t, n, r, i, a, u) {
 				key: 2,
 				class: _(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId
-			}, [T(t.$slots, "label-right")], 10, Vr)) : r.labelRight ? (b(), c("label", {
+			}, [T(t.$slots, "label-right")], 10, Kr)) : r.labelRight ? (b(), c("label", {
 				key: 3,
 				class: _(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId,
 				innerHTML: r.labelRight
-			}, null, 10, Hr)) : s("", !0)
+			}, null, 10, qr)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -7613,7 +7693,7 @@ function Ur(t, n, r, i, a, u) {
 		"class"
 	]);
 }
-var Wr = /* @__PURE__ */ q({
+var Yr = /* @__PURE__ */ q({
 	name: "w-slider",
 	expose: ["focus"],
 	focusTargetRef: "thumb",
@@ -7767,18 +7847,21 @@ var Wr = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
 	} }
-}, [["render", Ur]]), Gr = { key: 0 };
-function Kr(e, t, n, r, i, a) {
+}, [["render", Jr]]), Xr = ["aria-label"], Zr = { key: 0 };
+function Qr(e, t, n, r, i, a) {
 	return n.modelValue || n.modelValue === void 0 ? (b(), c("div", {
 		key: 0,
 		class: _(["w-spinner", a.classes]),
+		role: "status",
+		"aria-label": n.ariaLabel || "Loading",
 		style: y(a.styles)
-	}, [a.isThreeDots ? (b(), c("span", Gr)) : s("", !0)], 6)) : s("", !0);
+	}, [a.isThreeDots ? (b(), c("span", Zr)) : s("", !0)], 14, Xr)) : s("", !0);
 }
-var qr = /* @__PURE__ */ q({
+var $r = /* @__PURE__ */ q({
 	name: "w-spinner",
 	props: {
 		modelValue: {},
+		ariaLabel: { type: String },
 		color: {
 			type: String,
 			default: "primary"
@@ -7816,13 +7899,13 @@ var qr = /* @__PURE__ */ q({
 			};
 		}
 	}
-}, [["render", Kr]]);
+}, [["render", Qr]]);
 //#endregion
 //#region src/wave-ui/components/w-steps.vue?vue&type=template&lang.js
-function Jr(e, t, n, r, i, a) {
+function ei(e, t, n, r, i, a) {
 	return b(), c("div", { class: _(["w-steps", a.classes]) }, null, 2);
 }
-var Yr = /* @__PURE__ */ q({
+var ti = /* @__PURE__ */ q({
 	name: "w-steps",
 	props: {
 		dark: { type: Boolean },
@@ -7836,7 +7919,7 @@ var Yr = /* @__PURE__ */ q({
 			"w-steps--light": this.light
 		};
 	} }
-}, [["render", Jr]]), Xr = [
+}, [["render", ei]]), ni = [
 	"id",
 	"name",
 	"checked",
@@ -7846,11 +7929,11 @@ var Yr = /* @__PURE__ */ q({
 	"required",
 	"tabindex",
 	"aria-checked"
-], Zr = ["for"], Qr = {
+], ri = ["for"], ii = {
 	key: 0,
 	class: "w-switch__track"
-}, $r = { class: "w-switch__thumb" }, ei = { class: "w-switch__thumb-content" }, ti = ["for"];
-function ni(t, n, r, i, a, u) {
+}, ai = { class: "w-switch__thumb" }, oi = { class: "w-switch__thumb-content" }, si = ["for"];
+function ci(t, n, r, i, a, u) {
 	let f = E("w-progress");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -7887,18 +7970,18 @@ function ni(t, n, r, i, a, u) {
 				onBlur: n[2] ||= (e) => t.$emit("blur", e),
 				"aria-checked": a.isOn || "false",
 				role: "switch"
-			}), null, 16, Xr),
+			}), null, 16, ni),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-switch__label w-switch__label--left w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Zr)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ri)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: _(["w-switch__input", u.inputClasses]),
 				onClick: n[3] ||= (e) => {
 					t.$refs.input.focus(), t.$refs.input.click();
 				}
-			}, [t.$slots.track ? (b(), c("div", Qr, [T(t.$slots, "track")])) : s("", !0), l("div", $r, [l("div", ei, [r.loading ? (b(), o(f, h({
+			}, [t.$slots.track ? (b(), c("div", ii, [T(t.$slots, "track")])) : s("", !0), l("div", ai, [l("div", oi, [r.loading ? (b(), o(f, h({
 				key: 0,
 				circle: "",
 				color: "inherit"
@@ -7907,7 +7990,7 @@ function ni(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-switch__label w-switch__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ti)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, si)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -7916,7 +7999,7 @@ function ni(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var ri = /* @__PURE__ */ q({
+var li = /* @__PURE__ */ q({
 	name: "w-switch",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -8012,28 +8095,28 @@ var ri = /* @__PURE__ */ q({
 	watch: { modelValue(e) {
 		this.isOn = e;
 	} }
-}, [["render", ni]]), ii = { class: "w-tabs__content" };
-function ai(e, t, n, r, i, a) {
-	return b(), c("div", ii, [T(e.$slots, "default", { item: n.item })]);
+}, [["render", ci]]), ui = { class: "w-tabs__content" };
+function di(e, t, n, r, i, a) {
+	return b(), c("div", ui, [T(e.$slots, "default", { item: n.item })]);
 }
-var oi = /* @__PURE__ */ q({
+var fi = /* @__PURE__ */ q({
 	name: "tab-content",
 	props: { item: Object }
-}, [["render", ai]]), si = [
+}, [["render", di]]), pi = [
 	"onPointerdown",
 	"onClick",
 	"onFocus",
 	"tabindex",
 	"onKeypress",
 	"aria-selected"
-], ci = ["innerHTML"], li = {
+], mi = ["innerHTML"], hi = {
 	key: 0,
 	class: "w-tabs__bar-extra"
-}, ui = {
+}, gi = {
 	key: 0,
 	class: "w-tabs__content-wrap"
-}, di = ["innerHTML"], fi = ["innerHTML"];
-function pi(n, a, u, d, f, p) {
+}, _i = ["innerHTML"], vi = ["innerHTML"];
+function yi(n, a, u, d, f, p) {
 	let m = E("tab-content");
 	return b(), c("div", { class: _(["w-tabs", p.tabsClasses]) }, [l("div", {
 		class: _(["w-tabs__bar", p.tabsBarClasses]),
@@ -8059,14 +8142,14 @@ function pi(n, a, u, d, f, p) {
 			item: p.getOriginalItem(e),
 			index: t + 1,
 			active: e._uid === n.activeTabUid
-		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, ci)])], 42, si))), 128)),
-		n.$slots["tabs-bar-extra"] ? (b(), c("div", li, [T(n.$slots, "tabs-bar-extra")])) : s("", !0),
+		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, mi)])], 42, pi))), 128)),
+		n.$slots["tabs-bar-extra"] ? (b(), c("div", hi, [T(n.$slots, "tabs-bar-extra")])) : s("", !0),
 		!u.noSlider && !u.card ? (b(), c("div", {
 			key: 1,
 			class: _(["w-tabs__slider", u.sliderColor]),
 			style: y(p.sliderStyles)
 		}, null, 6)) : s("", !0)
-	], 2), n.tabs.length ? (b(), c("div", ui, [u.keepInDom ? (b(), o(i, {
+	], 2), n.tabs.length ? (b(), c("div", gi, [u.keepInDom ? (b(), o(i, {
 		key: 0,
 		name: p.transitionName
 	}, {
@@ -8088,7 +8171,7 @@ function pi(n, a, u, d, f, p) {
 			}, () => [e[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: e[u.itemContentKey]
-			}, null, 8, di)) : s("", !0)])]),
+			}, null, 8, _i)) : s("", !0)])]),
 			_: 2
 		}, 1032, ["item", "class"])), [[se, e._uid === p.activeTab._uid]])), 128))]),
 		_: 3
@@ -8115,13 +8198,13 @@ function pi(n, a, u, d, f, p) {
 			}, () => [t[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: t[u.itemContentKey]
-			}, null, 8, fi)) : s("", !0)])], 64)) : s("", !0)]),
+			}, null, 8, vi)) : s("", !0)])], 64)) : s("", !0)]),
 			_: 3
 		}, 8, ["item", "class"]))], 1032, ["exclude"]))]),
 		_: 3
 	}, 8, ["name", "mode"]))])) : s("", !0)], 2);
 }
-var mi = /* @__PURE__ */ q({
+var bi = /* @__PURE__ */ q({
 	name: "w-tabs",
 	focusable: !0,
 	expose: ["focus"],
@@ -8189,7 +8272,7 @@ var mi = /* @__PURE__ */ q({
 			default: !1
 		}
 	},
-	components: { TabContent: oi },
+	components: { TabContent: fi },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -8374,45 +8457,45 @@ var mi = /* @__PURE__ */ q({
 			e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
 		}
 	}
-}, [["render", pi]]), hi = { class: "w-table__scroll-wrap" }, gi = { ref: "colgroup" }, _i = ["width"], vi = { key: 0 }, yi = ["onClick", "onPointerdown"], bi = ["innerHTML"], xi = {
+}, [["render", yi]]), xi = { class: "w-table__scroll-wrap" }, Si = { ref: "colgroup" }, Ci = ["width"], wi = { key: 0 }, Ti = ["onClick", "onPointerdown"], Ei = ["innerHTML"], Di = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, Si = ["colspan"], Ci = {
+}, Oi = ["colspan"], ki = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, wi = ["colspan"], Ti = { class: "w-table__loading-text" }, Ei = {
+}, Ai = ["colspan"], ji = { class: "w-table__loading-text" }, Mi = {
 	key: 1,
 	class: "no-data"
-}, Di = ["colspan"], Oi = ["onClick"], ki = ["data-label"], Ai = ["data-label"], ji = ["innerHTML"], Mi = {
+}, Ni = ["colspan"], Pi = ["onClick"], Fi = ["data-label"], Ii = ["data-label"], Li = ["innerHTML"], Ri = {
 	key: 2,
 	class: "w-table__row w-table__row--expansion"
-}, Ni = ["colspan"], Pi = { key: 0 }, Fi = {
+}, zi = ["colspan"], Bi = { key: 0 }, Vi = {
 	key: 3,
 	class: "w-table__extra-row"
-}, Ii = {
+}, Hi = {
 	key: 1,
 	class: "w-table__footer"
-}, Li = {
+}, Ui = {
 	key: 1,
 	class: "w-table__row"
-}, Ri = ["colspan"], zi = {
+}, Wi = ["colspan"], Gi = {
 	key: 0,
 	class: "w-table__pagination w-pagination"
-}, Bi = { class: "pages-wrap" }, Vi = { class: "w-pagination__results" };
-function Hi(t, n, r, i, a, u) {
+}, Ki = { class: "pages-wrap" }, qi = { class: "w-pagination__results" };
+function Ji(t, n, r, i, a, u) {
 	let p = E("w-icon"), m = E("w-progress"), h = E("w-transition-fade"), g = E("w-transition-expand"), v = E("w-select"), y = E("w-button");
-	return b(), c("div", { class: _(["w-table w-table--wrap", u.classes]) }, [l("div", hi, [l("table", {
+	return b(), c("div", { class: _(["w-table w-table--wrap", u.classes]) }, [l("div", xi, [l("table", {
 		class: "w-table__table",
 		onMousedown: n[2] ||= (...e) => u.onMouseDown && u.onMouseDown(...e),
 		onMouseover: n[3] ||= (...e) => u.onMouseOver && u.onMouseOver(...e),
 		onMouseout: n[4] ||= (...e) => u.onMouseOut && u.onMouseOut(...e)
 	}, [
-		l("colgroup", gi, [(b(!0), c(e, null, w(r.headers, (e, t) => (b(), c("col", {
+		l("colgroup", Si, [(b(!0), c(e, null, w(r.headers, (e, t) => (b(), c("col", {
 			class: _(["w-table__col", u.colClasses[t]]),
 			key: t,
 			width: e.width || null
-		}, null, 10, _i))), 128))], 512),
-		r.noHeaders ? s("", !0) : (b(), c("thead", vi, [l("tr", null, [(b(!0), c(e, null, w(r.headers, (i, a) => (b(), c("th", {
+		}, null, 10, Ci))), 128))], 512),
+		r.noHeaders ? s("", !0) : (b(), c("thead", wi, [l("tr", null, [(b(!0), c(e, null, w(r.headers, (i, a) => (b(), c("th", {
 			class: _(["w-table__header", u.headerClasses(i)]),
 			key: a,
 			onClick: (e) => !t.colResizing.dragging && i.sortable !== !1 && u.sortTable(i),
@@ -8433,7 +8516,7 @@ function Hi(t, n, r, i, a, u) {
 			}, () => [d(O(i.label || ""), 1)]) : (b(), c("span", {
 				key: 1,
 				innerHTML: i.label || ""
-			}, null, 8, bi))], 64)) : s("", !0),
+			}, null, 8, Ei))], 64)) : s("", !0),
 			i.sortable !== !1 && i.align !== "right" ? (b(), o(p, {
 				key: 2,
 				class: _(["w-table__header-sort", u.headerSortClasses(i)])
@@ -8449,15 +8532,15 @@ function Hi(t, n, r, i, a, u) {
 				}]),
 				onClick: n[0] ||= P(() => {}, ["stop"])
 			}, null, 2)) : s("", !0)
-		], 42, yi))), 128))]), f(h, null, {
-			default: j(() => [r.loading === "header" ? (b(), c("tr", xi, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Si)])) : s("", !0)]),
+		], 42, Ti))), 128))]), f(h, null, {
+			default: j(() => [r.loading === "header" ? (b(), c("tr", Di, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Oi)])) : s("", !0)]),
 			_: 1
 		})])),
 		l("tbody", null, [
-			r.loading === !0 ? (b(), c("tr", Ci, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", Ti, [T(t.$slots, "loading", {}, () => [n[11] ||= d("Loading...", -1)])])], 8, wi)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", Ei, [l("td", {
+			r.loading === !0 ? (b(), c("tr", ki, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", ji, [T(t.$slots, "loading", {}, () => [n[11] ||= d("Loading...", -1)])])], 8, Ai)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", Mi, [l("td", {
 				class: "w-table__cell text-center",
 				colspan: r.headers.length
-			}, [T(t.$slots, "no-data", {}, () => [n[12] ||= d("No data to show.", -1)])], 8, Di)])),
+			}, [T(t.$slots, "no-data", {}, () => [n[12] ||= d("No data to show.", -1)])], 8, Ni)])),
 			u.tableItems.length && r.loading !== !0 ? (b(!0), c(e, { key: 2 }, w(u.paginatedItems, (i, a) => (b(), c(e, { key: a }, [t.$slots.item ? T(t.$slots, "item", {
 				key: 0,
 				item: i,
@@ -8505,21 +8588,21 @@ function Hi(t, n, r, i, a, u) {
 					"w-table__col-resizer--hover": t.colResizing.hover === o,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === o
 				}])
-			}, null, 2)) : s("", !0)], 10, ki)) : (b(), c("td", {
+			}, null, 2)) : s("", !0)], 10, Fi)) : (b(), c("td", {
 				class: _(["w-table__cell", u.cellClasses(n)]),
 				key: `${o}-b`,
 				"data-label": n.label
-			}, [l("div", { innerHTML: i[n.key] || "" }, null, 8, ji), o < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
+			}, [l("div", { innerHTML: i[n.key] || "" }, null, 8, Li), o < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
 				key: 0,
 				class: _(["w-table__col-resizer", {
 					"w-table__col-resizer--hover": t.colResizing.hover === o,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === o
 				}])
-			}, null, 2)) : s("", !0)], 10, Ai))], 64))), 256))], 42, Oi)), u.expandedRowsByUid[i._uid] ? (b(), c("tr", Mi, [l("td", {
+			}, null, 2)) : s("", !0)], 10, Ii))], 64))), 256))], 42, Pi)), u.expandedRowsByUid[i._uid] ? (b(), c("tr", Ri, [l("td", {
 				class: "w-table__cell",
 				colspan: r.headers.length
 			}, [f(g, { y: "" }, {
-				default: j(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Pi, [T(t.$slots, "row-expansion", {
+				default: j(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Bi, [T(t.$slots, "row-expansion", {
 					item: i,
 					index: a + 1
 				})])) : s("", !0), a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -8530,14 +8613,14 @@ function Hi(t, n, r, i, a, u) {
 					}])
 				}, null, 2)) : s("", !0)]),
 				_: 2
-			}, 1024)], 8, Ni)])) : s("", !0)], 64))), 128)) : s("", !0),
-			t.$slots["extra-row"] ? (b(), c("div", Fi, [T(t.$slots, "extra-row")])) : s("", !0)
+			}, 1024)], 8, zi)])) : s("", !0)], 64))), 128)) : s("", !0),
+			t.$slots["extra-row"] ? (b(), c("div", Vi, [T(t.$slots, "extra-row")])) : s("", !0)
 		]),
-		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", Ii, [t.$slots["footer-row"] ? T(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", Li, [l("td", {
+		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", Hi, [t.$slots["footer-row"] ? T(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", Ui, [l("td", {
 			class: "w-table__cell",
 			colspan: r.headers.length
-		}, [T(t.$slots, "footer")], 8, Ri)])) : s("", !0)])) : s("", !0)
-	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", zi, [T(t.$slots, "pagination", {
+		}, [T(t.$slots, "footer")], 8, Wi)])) : s("", !0)])) : s("", !0)
+	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", Gi, [T(t.$slots, "pagination", {
 		range: `${t.paginationConfig.start}-${t.paginationConfig.end}`,
 		total: t.paginationConfig.total,
 		pagesCount: t.paginationConfig.pagesCount,
@@ -8555,7 +8638,7 @@ function Hi(t, n, r, i, a, u) {
 			label: "Items per page",
 			"label-color": "inherit"
 		}, null, 8, ["modelValue", "items"])) : s("", !0),
-		l("div", Bi, [
+		l("div", Ki, [
 			f(y, {
 				class: "w-pagination__arrow w-pagination__arrow--prev",
 				onClick: n[7] ||= (e) => u.goToPage("-1"),
@@ -8613,12 +8696,12 @@ function Hi(t, n, r, i, a, u) {
 				lg: ""
 			}, null, 8, ["disabled"])
 		]),
-		l("span", Vi, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
+		l("span", qi, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
 	])])) : s("", !0)], 2);
 }
 //#endregion
 //#region src/wave-ui/components/w-table.vue
-var Ui = 15, Wi = /* @__PURE__ */ q({
+var Yi = 15, Xi = /* @__PURE__ */ q({
 	name: "w-table",
 	mixins: [X],
 	props: {
@@ -8839,9 +8922,9 @@ var Ui = 15, Wi = /* @__PURE__ */ q({
 			this.colResizing.dragging = !0;
 			let o = e.pageX - t, s = i + a, c = i + o, l = a - o;
 			n.style.width = `${i + o}px`, r.style.width = `${a - o}px`;
-			let u = o < 0 && n.offsetWidth > c || n.offsetWidth <= Ui, d = o > 0 && r.offsetWidth > l;
+			let u = o < 0 && n.offsetWidth > c || n.offsetWidth <= Yi, d = o > 0 && r.offsetWidth > l;
 			if (u) {
-				let e = Math.max(n.offsetWidth, Ui);
+				let e = Math.max(n.offsetWidth, Yi);
 				n.style.width = `${e}px`, r.style.width = `${s - e}px`;
 			} else d && (n.style.width = `${s - r.offsetWidth}px`, r.style.width = `${r.offsetWidth}px`);
 		},
@@ -8928,12 +9011,12 @@ var Ui = 15, Wi = /* @__PURE__ */ q({
 			this.updatePaginationConfig({ total: e });
 		}
 	}
-}, [["render", Hi]]), Gi = [
+}, [["render", Ji]]), Zi = [
 	"role",
 	"aria-pressed",
 	"tabindex"
 ];
-function Ki(e, t, n, r, i, a) {
+function Qi(e, t, n, r, i, a) {
 	return b(), c("span", {
 		class: _(["w-tag", a.classes]),
 		onClick: t[1] ||= (t) => {
@@ -8947,17 +9030,17 @@ function Ki(e, t, n, r, i, a) {
 		"aria-pressed": n.modelValue !== -1 && (n.modelValue ? "true" : "false"),
 		tabindex: n.modelValue !== -1 && 0,
 		style: y(a.styles)
-	}, [T(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("i", {
+	}, [T(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("button", {
 		key: 0,
 		class: "w-icon w-tag__closable wi-cross",
 		onClick: t[0] ||= P((t) => {
 			e.$emit("update:modelValue", !1), e.$emit("input", !1);
 		}, ["stop"]),
-		role: "icon",
-		"aria-hidden": "true"
-	})) : s("", !0)], 46, Gi);
+		type: "button",
+		"aria-label": "Remove"
+	})) : s("", !0)], 46, Zi);
 }
-var qi = /* @__PURE__ */ q({
+var $i = /* @__PURE__ */ q({
 	name: "w-tag",
 	focusable: !0,
 	expose: ["focus"],
@@ -9019,7 +9102,7 @@ var qi = /* @__PURE__ */ q({
 	methods: { onTagPointerDown(e) {
 		this.modelValue !== -1 && (e.target.closest?.(".w-tag__closable") || this.onRipple(e));
 	} }
-}, [["render", Ki]]), Ji = ["for"], Yi = [
+}, [["render", Qi]]), ea = ["for"], ta = [
 	"id",
 	"name",
 	"placeholder",
@@ -9027,11 +9110,12 @@ var qi = /* @__PURE__ */ q({
 	"cols",
 	"readonly",
 	"aria-readonly",
+	"aria-invalid",
 	"disabled",
 	"required",
 	"tabindex"
-], Xi = ["for"];
-function Zi(t, n, r, i, a, u) {
+], na = ["for"];
+function ra(t, n, r, i, a, u) {
 	let f = E("w-icon");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -9055,7 +9139,7 @@ function Zi(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-textarea__label w-textarea__label--left w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Ji)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ea)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: _(["w-textarea__textarea-wrap", u.inputWrapClasses]) }, [
 				T(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(f, {
 					key: 0,
@@ -9082,10 +9166,11 @@ function Zi(t, n, r, i, a, u) {
 					cols: r.cols || null,
 					readonly: t.isReadonly || null,
 					"aria-readonly": t.isReadonly ? "true" : "false",
+					"aria-invalid": t.valid === !1 ? "true" : void 0,
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}), null, 16, Yi), [[A, a.inputValue]]),
+				}), null, 16, ta), [[A, a.inputValue]]),
 				r.labelPosition === "inside" && u.showLabelInside ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: _(["w-textarea__label w-textarea__label--inside w-form-el-shakable", t.labelClasses])
@@ -9105,7 +9190,7 @@ function Zi(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-textarea__label w-textarea__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Xi)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, na)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -9115,7 +9200,7 @@ function Zi(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var Qi = /* @__PURE__ */ q({
+var ia = /* @__PURE__ */ q({
 	name: "w-textarea",
 	expose: ["focus"],
 	focusTargetRef: "textarea",
@@ -9255,8 +9340,8 @@ var Qi = /* @__PURE__ */ q({
 			e ? this.getLineHeight() : this.height = null;
 		}
 	}
-}, [["render", Zi]]), $i = ["innerHTML"], ea = ["innerHTML"];
-function ta(t, n, r, i, a, s) {
+}, [["render", ra]]), aa = ["innerHTML"], oa = ["innerHTML"];
+function sa(t, n, r, i, a, s) {
 	return b(), c("ul", { class: _(["w-timeline", s.classes]) }, [(b(!0), c(e, null, w(r.items, (e, n) => (b(), c("li", {
 		class: "w-timeline-item",
 		key: n
@@ -9274,12 +9359,12 @@ function ta(t, n, r, i, a, s) {
 	}, () => [l("div", {
 		class: _(["w-timeline-item__title", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]),
 		innerHTML: e[r.itemTitleKey]
-	}, null, 10, $i), l("div", {
+	}, null, 10, aa), l("div", {
 		class: "w-timeline-item__content",
 		innerHTML: e[r.itemContentKey]
-	}, null, 8, ea)])]))), 128))], 2);
+	}, null, 8, oa)])]))), 128))], 2);
 }
-var na = /* @__PURE__ */ q({
+var ca = /* @__PURE__ */ q({
 	name: "w-timeline",
 	props: {
 		items: {
@@ -9314,18 +9399,19 @@ var na = /* @__PURE__ */ q({
 			"w-timeline--light": this.light
 		};
 	} }
-}, [["render", ta]]);
-//#endregion
-//#region src/wave-ui/components/w-toolbar.vue?vue&type=template&lang.js
-function ra(e, t, n, r, i, a) {
+}, [["render", sa]]), la = ["aria-label"];
+function ua(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-toolbar", a.classes]),
+		role: "toolbar",
+		"aria-label": n.ariaLabel || void 0,
 		style: y(a.styles)
-	}, [T(e.$slots, "default")], 6);
+	}, [T(e.$slots, "default")], 14, la);
 }
-var ia = /* @__PURE__ */ q({
+var da = /* @__PURE__ */ q({
 	name: "w-toolbar",
 	props: {
+		ariaLabel: { type: String },
 		color: { type: String },
 		bgColor: { type: String },
 		absolute: { type: Boolean },
@@ -9378,12 +9464,10 @@ var ia = /* @__PURE__ */ q({
 			};
 		}
 	}
-}, [["render", ra]]);
-//#endregion
-//#region src/wave-ui/components/w-tooltip.vue?vue&type=template&lang.js
-function aa(t, i, a, l, u, p) {
+}, [["render", ua]]), fa = ["id"];
+function pa(t, i, a, l, u, p) {
 	return b(), c(e, null, [
-		T(t.$slots, "activator"),
+		T(t.$slots, "activator", { tooltipId: l.tooltipInstanceId }),
 		t.$slots.activator ? s("", !0) : T(t.$slots, "default", { key: 0 }),
 		t.detachableDomReady ? (b(), o(n, {
 			key: 1,
@@ -9398,9 +9482,11 @@ function aa(t, i, a, l, u, p) {
 			default: j(() => [t.detachableVisible ? (b(), c("div", {
 				class: _(["w-tooltip", p.classes]),
 				ref: "detachable",
+				id: l.tooltipInstanceId,
+				role: "tooltip",
 				key: l.tooltipInstanceId,
 				style: y(p.styles)
-			}, [a.tooltip ? (b(), c(e, { key: 0 }, [d(O(a.tooltip), 1)], 64)) : t.$slots.tooltip ? T(t.$slots, "tooltip", { key: 1 }) : t.$slots.activator ? T(t.$slots, "default", { key: 2 }) : s("", !0)], 6)) : s("", !0)]),
+			}, [a.tooltip ? (b(), c(e, { key: 0 }, [d(O(a.tooltip), 1)], 64)) : t.$slots.tooltip ? T(t.$slots, "tooltip", { key: 1 }) : t.$slots.activator ? T(t.$slots, "default", { key: 2 }) : s("", !0)], 14, fa)) : s("", !0)]),
 			_: 3
 		}, 8, [
 			"name",
@@ -9409,9 +9495,9 @@ function aa(t, i, a, l, u, p) {
 		])], 8, ["to", "disabled"])) : s("", !0)
 	], 64);
 }
-var oa = /* @__PURE__ */ q({
+var ma = /* @__PURE__ */ q({
 	name: "w-tooltip",
-	mixins: [Hn],
+	mixins: [Gn],
 	setup() {
 		return { tooltipInstanceId: ae() };
 	},
@@ -9526,26 +9612,26 @@ var oa = /* @__PURE__ */ q({
 			this.detachableVisible && (this.showOnHover && !e && (await new Promise((e) => setTimeout(e, 10)), this.showOnHover && this.hoveringActivator) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), this.viewportPlacementOverride = null, typeof document < "u" && document.removeEventListener("mousedown", this.onOutsideMousedown), typeof window < "u" && window.removeEventListener("resize", this.onResize)));
 		}
 	}
-}, [["render", aa]]);
+}, [["render", pa]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-bounce.vue?vue&type=template&lang.js
-function sa(e, t, n, i, a, s) {
+function ha(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "bounce" }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ca = /* @__PURE__ */ q({
+var ga = /* @__PURE__ */ q({
 	name: "w-transition-bounce",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", sa]]);
+}, [["render", ha]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-expand.vue?vue&type=template&lang.js
-function la(e, t, n, i, a, s) {
+function _a(e, t, n, i, a, s) {
 	return b(), o(r, {
 		name: "expand",
 		mode: n.mode,
@@ -9575,7 +9661,7 @@ function la(e, t, n, i, a, s) {
 		"onAfterLeave"
 	]);
 }
-var ua = /* @__PURE__ */ q({
+var va = /* @__PURE__ */ q({
 	name: "w-transition-expand",
 	props: {
 		x: { type: Boolean },
@@ -9672,64 +9758,64 @@ var ua = /* @__PURE__ */ q({
 			this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
 		}
 	}
-}, [["render", la]]);
+}, [["render", _a]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-fade.vue?vue&type=template&lang.js
-function da(e, t, n, i, a, s) {
+function ya(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "fade" }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var fa = /* @__PURE__ */ q({
+var ba = /* @__PURE__ */ q({
 	name: "w-transition-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", da]]);
+}, [["render", ya]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale.vue?vue&type=template&lang.js
-function pa(e, t, n, i, a, s) {
+function xa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale" }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ma = /* @__PURE__ */ q({
+var Sa = /* @__PURE__ */ q({
 	name: "w-transition-scale",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", pa]]);
+}, [["render", xa]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale-fade.vue?vue&type=template&lang.js
-function ha(e, t, n, i, a, s) {
+function Ca(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale-fade" }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ga = /* @__PURE__ */ q({
+var wa = /* @__PURE__ */ q({
 	name: "w-transition-scale-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", ha]]);
+}, [["render", Ca]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide.vue?vue&type=template&lang.js
-function _a(e, t, n, i, a, s) {
+function Ta(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var va = /* @__PURE__ */ q({
+var Ea = /* @__PURE__ */ q({
 	name: "w-transition-slide",
 	props: {
 		appear: { type: Boolean },
@@ -9748,16 +9834,16 @@ var va = /* @__PURE__ */ q({
 			return `slide-${this.direction}`;
 		}
 	}
-}, [["render", _a]]);
+}, [["render", Ta]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide-fade.vue?vue&type=template&lang.js
-function ya(e, t, n, i, a, s) {
+function Da(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var ba = /* @__PURE__ */ q({
+var Oa = /* @__PURE__ */ q({
 	name: "w-transition-slide-fade",
 	props: {
 		appear: { type: Boolean },
@@ -9776,27 +9862,27 @@ var ba = /* @__PURE__ */ q({
 			return `slide-fade-${this.direction}`;
 		}
 	}
-}, [["render", ya]]);
+}, [["render", Da]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-twist.vue?vue&type=template&lang.js
-function xa(e, t, n, i, a, s) {
+function ka(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "twist" }, e.$props), {
 		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var Sa = /* @__PURE__ */ q({
+var Aa = /* @__PURE__ */ q({
 	name: "w-transition-twist",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", xa]]), Ca = ["innerHTML"], wa = {
+}, [["render", ka]]), ja = ["innerHTML"], Ma = {
 	key: 1,
 	class: "ml1"
 };
-function Ta(t, n, r, i, a, u) {
+function Na(t, n, r, i, a, u) {
 	let f = E("w-button"), p = E("w-icon"), m = E("w-tree", !0);
 	return b(), c("ul", { class: _(["w-tree", u.classes]) }, [(b(!0), c(e, null, w(t.currentDepthItems, (e, i) => (b(), c("li", {
 		class: _(["w-tree__item", u.itemClasses(e)]),
@@ -9838,8 +9924,8 @@ function Ta(t, n, r, i, a, u) {
 				default: j(() => [d(O(u.itemIcon(e)), 1)]),
 				_: 2
 			}, 1032, ["color"])) : s("", !0),
-			l("span", { innerHTML: e.label }, null, 8, Ca),
-			r.counts && (e.children || e.branch) ? (b(), c("span", wa, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
+			l("span", { innerHTML: e.label }, null, 8, ja),
+			r.counts && (e.children || e.branch) ? (b(), c("span", Ma, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
 		])]),
 		_: 2
 	}, 1040, [
@@ -9887,7 +9973,7 @@ function Ta(t, n, r, i, a, u) {
 		"onAfterLeave"
 	]))], 2))), 128))], 2);
 }
-var Ea = /* @__PURE__ */ q({
+var Pa = /* @__PURE__ */ q({
 	name: "w-tree",
 	focusable: !0,
 	expose: ["focus"],
@@ -10087,65 +10173,65 @@ var Ea = /* @__PURE__ */ q({
 	unmounted() {
 		this.dataPropUnwatch();
 	}
-}, [["render", Ta]]), Da = /* @__PURE__ */ F({
+}, [["render", Na]]), Fa = /* @__PURE__ */ F({
 	WAccordion: () => mt,
 	WAccordionItem: () => ft,
-	WAlert: () => _t,
-	WAutocomplete: () => Dt,
-	WBadge: () => At,
-	WBreadcrumbs: () => Nt,
-	WButton: () => zt,
-	WCard: () => Ht,
-	WCheckbox: () => Yt,
-	WCheckboxes: () => Qt,
-	WConfirm: () => en,
-	WDatePicker: () => nn,
-	WDialog: () => an,
-	WDivider: () => cn,
-	WDrawer: () => fn,
-	WFlex: () => mn,
-	WForm: () => _n,
-	WFormElement: () => yn,
-	WGrid: () => xn,
-	WIcon: () => Cn,
-	WImage: () => Dn,
-	WInput: () => Ln,
-	WList: () => zn,
-	WMenu: () => Wn,
-	WNotification: () => Kn,
-	WOverlay: () => Jn,
-	WParallax: () => Zn,
-	WProgress: () => ar,
-	WRadio: () => fr,
-	WRadios: () => hr,
-	WRating: () => yr,
-	WScrollable: () => Tr,
-	WSelect: () => jr,
-	WSlider: () => Wr,
-	WSpinner: () => qr,
-	WSteps: () => Yr,
-	WSwitch: () => ri,
-	WTable: () => Wi,
-	WTabs: () => mi,
-	WTag: () => qi,
-	WTextarea: () => Qi,
-	WTimeline: () => na,
-	WToolbar: () => ia,
-	WTooltip: () => oa,
-	WTransitionBounce: () => ca,
-	WTransitionExpand: () => ua,
-	WTransitionFade: () => fa,
-	WTransitionScale: () => ma,
-	WTransitionScaleFade: () => ga,
-	WTransitionSlide: () => va,
-	WTransitionSlideFade: () => ba,
-	WTransitionTwist: () => Sa,
-	WTree: () => Ea
-}), Oa = et.install;
-et.install = (e, t = {}) => Oa.call(et, e, {
-	components: Da,
+	WAlert: () => vt,
+	WAutocomplete: () => Ot,
+	WBadge: () => Mt,
+	WBreadcrumbs: () => Ft,
+	WButton: () => Vt,
+	WCard: () => Gt,
+	WCheckbox: () => Qt,
+	WCheckboxes: () => tn,
+	WConfirm: () => rn,
+	WDatePicker: () => on,
+	WDialog: () => cn,
+	WDivider: () => dn,
+	WDrawer: () => hn,
+	WFlex: () => _n,
+	WForm: () => bn,
+	WFormElement: () => Sn,
+	WGrid: () => wn,
+	WIcon: () => En,
+	WImage: () => An,
+	WInput: () => Bn,
+	WList: () => Hn,
+	WMenu: () => qn,
+	WNotification: () => Yn,
+	WOverlay: () => Zn,
+	WParallax: () => er,
+	WProgress: () => lr,
+	WRadio: () => gr,
+	WRadios: () => yr,
+	WRating: () => wr,
+	WScrollable: () => Ar,
+	WSelect: () => Ir,
+	WSlider: () => Yr,
+	WSpinner: () => $r,
+	WSteps: () => ti,
+	WSwitch: () => li,
+	WTable: () => Xi,
+	WTabs: () => bi,
+	WTag: () => $i,
+	WTextarea: () => ia,
+	WTimeline: () => ca,
+	WToolbar: () => da,
+	WTooltip: () => ma,
+	WTransitionBounce: () => ga,
+	WTransitionExpand: () => va,
+	WTransitionFade: () => ba,
+	WTransitionScale: () => Sa,
+	WTransitionScaleFade: () => wa,
+	WTransitionSlide: () => Ea,
+	WTransitionSlideFade: () => Oa,
+	WTransitionTwist: () => Aa,
+	WTree: () => Pa
+}), Ia = et.install;
+et.install = (e, t = {}) => Ia.call(et, e, {
+	components: Fa,
 	...t
 });
-var ka = et;
+var La = et;
 //#endregion
-export { ka as default };
+export { La as default };