wave-ui 4.1.0 → 4.2.0

package/dist/wave-ui.esm.js

@@ -1,13 +1,13 @@
-import { Fragment as e, KeepAlive as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, h as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, reactive as x, ref as S, render as C, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as ne, resolveDynamicComponent as D, toDisplayString as O, toHandlers as k, unref as re, useAttrs as ie, useId as ae, vModelDynamic as A, vModelText as j, vShow as oe, watch as se, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
+import { Fragment as e, KeepAlive as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, h as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, reactive as x, ref as S, render as C, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as ne, resolveDynamicComponent as D, toDisplayString as O, toHandlers as k, unref as re, useAttrs as ie, useId as ae, vModelDynamic as oe, vModelText as A, vShow as se, watch as ce, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
 //#region \0rolldown/runtime.js
-var ce = Object.defineProperty, I = (e, t) => {
+var le = Object.defineProperty, F = (e, t) => {
 	let n = {};
-	for (var r in e) ce(n, r, {
+	for (var r in e) le(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || ce(n, Symbol.toStringTag, { value: "Module" }), n;
-}, L = x({
+	return t || le(n, Symbol.toStringTag, { value: "Module" }), n;
+}, I = x({
 	on: "#app",
 	breakpoints: {
 		xs: 600,
@@ -52,14 +52,14 @@ var ce = Object.defineProperty, I = (e, t) => {
 	},
 	ripple: !0,
 	presets: {}
-}), le = (e, t = L) => {
+}), ue = (e, t = I) => {
 	if (!Object.keys(t).length) t = Object.assign(t, e);
 	else for (let n in e) {
 		let r = e[n];
-		typeof r == "object" && typeof t[n] == "object" ? le(e[n], t[n]) : t[n] = r;
+		typeof r == "object" && typeof t[n] == "object" ? ue(e[n], t[n]) : t[n] = r;
 	}
 	return t;
-}, R = (e) => console.warn(`Wave UI: ${e}`), z = (e) => console.error(`Wave UI: ${e}`), ue = (e) => {
+}, L = (e) => console.warn(`Wave UI: ${e}`), R = (e) => console.error(`Wave UI: ${e}`), de = (e) => {
 	["light", "dark"].forEach((t) => {
 		let n = e.colors[t];
 		n.shades = {};
@@ -72,13 +72,13 @@ var ce = Object.defineProperty, I = (e, t) => {
 			if (i) {
 				i.length === 3 && (r.color = `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}`);
 				for (let e = 1; e <= 6; e++) {
-					let i = ye(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = be(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
+					let i = be(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = xe(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
 					n.shades[`${r.label}-light${e}`] = i, n.shades[`${r.label}-dark${e}`] = a;
 				}
 			}
 		}
 	});
-}, de = (e, t) => {
+}, fe = (e, t) => {
 	let n = { ...t.reduce((e, t) => (e[t.label] = t.color, (t.shades || []).forEach((t) => {
 		e[t.label] = t.color;
 	}), e), {
@@ -87,27 +87,27 @@ var ce = Object.defineProperty, I = (e, t) => {
 	}) };
 	return delete n.shades, n;
 };
-function fe(e, t, n) {
+function pe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function B(e) {
+function z(e) {
 	let t = e.toString(16);
-	return t.length === 1 && `0${t}` || t.length === 2 && t || z(`expected value from 0~255, got: ${e}`) || "";
+	return t.length === 1 && `0${t}` || t.length === 2 && t || R(`expected value from 0~255, got: ${e}`) || "";
 }
-function V(e) {
+function B(e) {
 	return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
-function pe(e) {
-	return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
-}
 function me(e) {
-	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
+	return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
 }
 function he(e) {
-	return V(e) && e || pe(e) && me(e) || z(`expected color hex string, got '${e}'`) || "";
+	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
 }
 function ge(e) {
-	let t = he(e);
+	return B(e) && e || me(e) && he(e) || R(`expected color hex string, got '${e}'`) || "";
+}
+function _e(e) {
+	let t = ge(e);
 	return {
 		red: parseInt(t.substring(1, 3), 16),
 		green: parseInt(t.substring(3, 5), 16),
@@ -116,24 +116,24 @@ function ge(e) {
 		hasAlpha: t.length === 9
 	};
 }
-function _e(e, t, n, r) {
-	return `#${B(e)}${B(t)}${B(n)}${r ? B(Math.floor(r * 255)) : ""}`;
+function ve(e, t, n, r) {
+	return `#${z(e)}${z(t)}${z(n)}${r ? z(Math.floor(r * 255)) : ""}`;
 }
-function ve(e, t, n = 50) {
-	let r = ge(e), i = ge(t), a = fe(n, 0, 100) / 100, o = 2 * a - 1, s = r.alpha - i.alpha, c = ((o * s === -1 ? o : (o + s) / (1 + o * s)) + 1) / 2, l = 1 - c, u = fe(Math.round(r.red * c + i.red * l), 0, 255), d = fe(Math.round(r.green * c + i.green * l), 0, 255), f = fe(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
+function ye(e, t, n = 50) {
+	let r = _e(e), i = _e(t), a = pe(n, 0, 100) / 100, o = 2 * a - 1, s = r.alpha - i.alpha, c = ((o * s === -1 ? o : (o + s) / (1 + o * s)) + 1) / 2, l = 1 - c, u = pe(Math.round(r.red * c + i.red * l), 0, 255), d = pe(Math.round(r.green * c + i.green * l), 0, 255), f = pe(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
 		u,
 		d,
 		f
 	];
-	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), _e(...m);
+	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), ve(...m);
 }
-function ye(e, t = 15) {
-	return ve("#ffffff", e, t);
+function be(e, t = 15) {
+	return ye("#ffffff", e, t);
 }
-function be(e, t = 12.4) {
-	return ve("#000000", e, t);
+function xe(e, t = 12.4) {
+	return ye("#000000", e, t);
 }
-var xe = [
+var Se = [
 	{
 		label: "pink",
 		color: "#e91e63",
@@ -1176,7 +1176,7 @@ var xe = [
 		label: "inherit",
 		color: "inherit"
 	}
-], Se = {
+], V = {
 	cssScope: ".w-app",
 	baseIncrement: 4
 }, H = {
@@ -1189,25 +1189,25 @@ var xe = [
 			t += `--w-${e.label}-color: ${e.color};`;
 		});
 	}), `:root{${t}}`;
-}, Te = (e, t) => {
-	let n = "", r = "", { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = Se;
-	for (let e in l) n += `${u} .${e}--bg{background-color:var(--w-${e}-color)}${u} .${e}{color:var(--w-${e}-color)}`;
-	for (let e in c) {
-		let r = t ? `var(--w-${e}-color)` : c[e];
-		n += `${u} .${e}--bg{background-color:${r}}${u} .${e}{color:${r}}`;
+}, U = (e, t, n = ":root") => {
+	let r = "", i = "", { info: a, warning: o, success: s, error: c, shades: l, ...u } = e, { cssScope: d } = V;
+	for (let e in u) r += `${d} .${e}--bg{background-color:var(--w-${e}-color)}${d} .${e}{color:var(--w-${e}-color)}`;
+	for (let e in l) {
+		let n = t ? `var(--w-${e}-color)` : l[e];
+		r += `${d} .${e}--bg{background-color:${n}}${d} .${e}{color:${n}}`;
 	}
-	let d = {
-		...l,
-		info: i,
-		warning: a,
-		success: o,
-		error: s
+	let f = {
+		...u,
+		info: a,
+		warning: o,
+		success: s,
+		error: c
 	};
-	for (let e in d) r += `--w-${e}-color: ${d[e]?.color ?? d[e]};`;
-	if (t) for (let e in c) r += `--w-${e}-color: ${c[e]};`;
-	return `:root{${r}}${n}`;
-}, Ee = (e, t) => {
-	let n = "", { cssScope: r } = Se;
+	for (let e in f) i += `--w-${e}-color: ${f[e]?.color ?? f[e]};`;
+	if (t) for (let e in l) i += `--w-${e}-color: ${l[e]};`;
+	return `${n}{${i}}${r}`;
+}, Te = (e, t) => {
+	let n = "", { cssScope: r } = V;
 	return e.forEach(({ min: e, label: i }) => {
 		if (i === "xs") for (let e = 0; e < t; e++) n += `${r} .${i}${t - e}{width:${parseFloat(((t - e) * 100 / t).toFixed(4))}%;}`;
 		else {
@@ -1216,8 +1216,8 @@ var xe = [
 			n += "}";
 		}
 	}), n;
-}, De = (e) => {
-	let t = "", { cssScope: n } = Se, r = /* @__PURE__ */ "show{display:block}.hide{display:none}.d-flex{display:flex}.d-iflex{display:inline-flex}.d-block{display:block}.d-iblock{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-nowrap{white-space:nowrap}.row{flex-direction:row}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.grow{flex-grow:1;flex-basis:auto}.no-grow{flex-grow:0}.shrink{flex-shrink:1;margin-left:auto;margin-right:auto}.no-shrink{flex-shrink:0}.wrap{flex-wrap: wrap}.no-wrap{flex-wrap: nowrap}.fill-width{width:100%}.fill-height{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.basis-zero{flex-basis:0}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}".split("."), i = Array(12).fill();
+}, Ee = (e) => {
+	let t = "", { cssScope: n } = V, r = /* @__PURE__ */ "show{display:block}.hide{display:none}.d-flex{display:flex}.d-iflex{display:inline-flex}.d-block{display:block}.d-iblock{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-nowrap{white-space:nowrap}.row{flex-direction:row}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.grow{flex-grow:1;flex-basis:auto}.no-grow{flex-grow:0}.shrink{flex-shrink:1;margin-left:auto;margin-right:auto}.no-shrink{flex-shrink:0}.wrap{flex-wrap: wrap}.no-wrap{flex-wrap: nowrap}.fill-width{width:100%}.fill-height{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.basis-zero{flex-basis:0}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}".split("."), i = Array(12).fill();
 	return e.forEach(({ label: e, min: a }) => {
 		e !== "xs" && (t += `@media(min-width:${a}px){` + r.map((t) => `${n} .${e}u-${t}`).join("") + i.map((t, n) => `.w-grid.${e}u-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + i.map((t, n) => `.w-flex.${e}u-gap${n + 1},.w-grid.${e}u-gap${n + 1}{gap:calc(${n + 1} * var(--w-base-increment));}`).join("") + `.w-flex.${e}u-gap0,.w-flex.${e}u-gap0{gap:0}}`);
 	}), e.forEach(({ label: e, min: a, max: o }) => {
@@ -1225,7 +1225,7 @@ var xe = [
 	}), e.forEach(({ label: e, max: a }) => {
 		e !== "xl" && (t += `@media (max-width:${a}px){` + r.map((t) => `${n} .${e}d-${t}`).join("") + i.map((t, n) => `.w-grid.${e}d-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + i.map((t, n) => `.w-flex.${e}d-gap${n + 1},.w-grid.${e}d-gap${n + 1}{gap:calc(${n + 1} * var(--w-base-increment));}`).join("") + `.w-flex.${e}d-gap0,.w-flex.${e}d-gap0{gap:0}}`);
 	}), t;
-}, U = (e) => {
+}, W = (e) => {
 	let t = window.innerWidth, n = H.values.slice(0);
 	n.push(t), n.sort((e, t) => e - t);
 	let r = H.keys[n.indexOf(t)] || "xl";
@@ -1238,14 +1238,14 @@ var xe = [
 		xl: r === "xl",
 		width: t
 	}), e.breakpoint.width = window.innerWidth;
-}, W = (e) => {
+}, G = (e) => {
 	let { config: t } = e;
 	if (H = {
 		keys: Object.keys(t.breakpoints),
 		values: Object.values(t.breakpoints)
 	}, !document.getElementById("wave-ui-styles")) {
 		let e = document.createElement("style");
-		e.id = "wave-ui-styles", e.innerHTML = G(t);
+		e.id = "wave-ui-styles", e.innerHTML = K(t);
 		let n = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]");
 		if (t.css.prependCss) {
 			let t = n[0];
@@ -1255,8 +1255,8 @@ var xe = [
 			t ? t.after(e) : document.head.appendChild(e);
 		}
 	}
-	U(e), window.addEventListener("resize", () => U(e));
-}, Oe = (e, t, n) => {
+	W(e), window.addEventListener("resize", () => W(e));
+}, De = (e, t, n) => {
 	if (!document.getElementById("wave-ui-palette")) {
 		let e = document.createElement("style");
 		e.id = "wave-ui-palette", e.innerHTML = we(t);
@@ -1265,11 +1265,11 @@ var xe = [
 	}
 	if (!document.getElementById("wave-ui-colors")) {
 		let t = document.createElement("style");
-		t.id = "wave-ui-colors", t.innerHTML = Te(e, n);
+		t.id = "wave-ui-colors", t.innerHTML = U(e, n);
 		let r = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]")[0];
 		r ? r.before(t) : document.head.appendChild(t);
 	}
-}, G = (e) => {
+}, K = (e) => {
 	let t = Object.entries(e.breakpoints), n = t.map(([e, n], r) => {
 		let [, i = 0] = t[r - 1] || [];
 		return {
@@ -1278,11 +1278,11 @@ var xe = [
 			max: n
 		};
 	}), r = getComputedStyle(document.documentElement);
-	Se.cssScope = (r.getPropertyValue("--w-css-scope") || ".w-app").trim() || ".w-app", Se.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"), 10);
+	V.cssScope = (r.getPropertyValue("--w-css-scope") || ".w-app").trim() || ".w-app", V.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"), 10);
 	let i = "";
-	return i += Ee(n, e.css.grid), e.css.breakpointLayoutClasses && (i += De(n)), i;
-}, ke = ["innerHTML"];
-function Ae(t, r, a, u, d, p) {
+	return i += Te(n, e.css.grid), e.css.breakpointLayoutClasses && (i += Ee(n)), i;
+}, Oe = ["innerHTML"];
+function ke(t, r, a, u, d, p) {
 	let m = E("w-alert");
 	return b(), o(n, { to: ".w-app" }, [f(i, {
 		class: _(["w-notification-manager", { "w-notification-manager--left": p.conf.align === "left" }]),
@@ -1290,14 +1290,14 @@ function Ae(t, r, a, u, d, p) {
 		name: p.transition,
 		appear: ""
 	}, {
-		default: M(() => [(b(!0), c(e, null, w(p.notifications, (t) => (b(), c(e, null, [t._value ? (b(), o(m, h({
+		default: j(() => [(b(!0), c(e, null, w(p.notifications, (t) => (b(), c(e, null, [t._value ? (b(), o(m, h({
 			class: "white--bg",
 			key: t._uid,
 			modelValue: t._value,
 			"onUpdate:modelValue": (e) => t._value = e,
 			onClose: t.dismiss
 		}, { ref_for: !0 }, p.notifProps(t)), {
-			default: M(() => [l("div", { innerHTML: t.message }, null, 8, ke)]),
+			default: j(() => [l("div", { innerHTML: t.message }, null, 8, Oe)]),
 			_: 2
 		}, 1040, [
 			"modelValue",
@@ -1309,11 +1309,11 @@ function Ae(t, r, a, u, d, p) {
 }
 //#endregion
 //#region \0plugin-vue:export-helper
-var K = (e, t) => {
+var q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, je = /* @__PURE__ */ K({
+}, Ae = /* @__PURE__ */ q({
 	name: "w-notification-manager",
 	computed: {
 		conf() {
@@ -1330,7 +1330,7 @@ var K = (e, t) => {
 		let { _value: t, _uid: n, message: r, timeout: i, ...a } = e;
 		return a.dismiss &&= !0, a;
 	} }
-}, [["render", Ae]]), Me = class e {
+}, [["render", ke]]), je = class e {
 	static #e;
 	notifications;
 	_uid;
@@ -1368,15 +1368,15 @@ var K = (e, t) => {
 	dismiss(e) {
 		this.notifications = this.notifications.filter((t) => t._uid !== e);
 	}
-}, Ne = (e) => {
+}, Me = (e) => {
 	let t = document.createElement("div");
 	document.body.appendChild(t);
-	let n = p(je);
+	let n = p(Ae);
 	n.appContext = e._context, C(n, t), t.remove();
 };
 //#endregion
 //#region src/wave-ui/utils/ripple.js
-function Pe(e, t, n = {}) {
+function Ne(e, t, n = {}) {
 	if (typeof window > "u" || typeof document > "u" || !e?.ownerDocument || n.disabled || window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches) return;
 	let r = typeof t.clientX == "number" ? t.clientX : null, i = typeof t.clientY == "number" ? t.clientY : null;
 	if ((r == null || i == null) && t.touches?.length && (r = t.touches[0].clientX, i = t.touches[0].clientY), r == null || i == null) return;
@@ -1391,31 +1391,31 @@ function Pe(e, t, n = {}) {
 		d.parentNode === e && d.remove();
 	}, 600);
 }
-function Fe(e) {
+function Pe(e) {
 	let t = e?.$waveui;
 	return t && typeof t == "object" ? t : { config: { ripple: !0 } };
 }
-function Ie(e, t) {
+function Fe(e, t) {
 	return typeof e == "boolean" ? e : t?.config?.ripple !== !1;
 }
 //#endregion
 //#region src/wave-ui/utils/wave-ripple-directive.js
-function Le(e) {
+function Ie(e) {
 	let t = e.value;
 	return !!(t === !1 || t && typeof t == "object" && t.disabled);
 }
-function Re(e, t) {
-	if (Le(e)) return !1;
-	let n = Fe(t);
-	return e.value === !0 ? Ie(!0, n) : Ie(void 0, n);
+function Le(e, t) {
+	if (Ie(e)) return !1;
+	let n = Pe(t);
+	return e.value === !0 ? Fe(!0, n) : Fe(void 0, n);
 }
-var ze = {
+var Re = {
 	mounted(e, t) {
 		e.classList.add("w-ripple"), e.__waveRippleLastBinding = t;
 		let n = (t) => {
 			if (typeof t.button == "number" && t.button !== 0) return;
 			let n = e.__waveRippleLastBinding;
-			Re(n, n?.instance) && Pe(e, t);
+			Le(n, n?.instance) && Ne(e, t);
 		};
 		e.__waveRippleHandler = n, e.addEventListener("pointerdown", n);
 	},
@@ -1425,43 +1425,62 @@ var ze = {
 	unmounted(e) {
 		e.removeEventListener("pointerdown", e.__waveRippleHandler), delete e.__waveRippleHandler, delete e.__waveRippleLastBinding;
 	}
-};
-//#endregion
-//#region src/wave-ui/utils/focus.js
-function q(e) {
-	e?.focus?.();
-}
-function J(e) {
-	return !(e.isDisabled || e.isReadonly);
-}
+}, ze = new Set(["w-menu", "w-tooltip"]);
 function Be(e, t) {
-	let n = e?.component ?? t?.__vueParentComponent;
+	let n = e?.__vueParentComponent;
 	for (; n;) {
-		let e = n.exposed?.focus ?? n.proxy?.focus;
-		if (typeof e == "function") return e;
+		if (t(n)) return n;
 		n = n.parent;
 	}
 	return null;
 }
-function Ve(e, t) {
-	let n = Be(e, t);
+function Ve(e) {
+	return e?.type?.name ?? e?.proxy?.$options?.name;
+}
+function He(e) {
+	return !!(e?.type?.focusable || e?.proxy?.$options?.focusable);
+}
+function Ue(e) {
+	return ze.has(Ve(e));
+}
+function J(e) {
+	e?.focus?.();
+}
+function We(e) {
+	return !(e.isDisabled || e.isReadonly);
+}
+function Ge(e) {
+	return Be(e, He);
+}
+function Ke(e) {
+	return Be(e, Ue)?.proxy ?? null;
+}
+function qe(e) {
+	let t = Ge(e), n = t?.exposed?.focus ?? t?.proxy?.focus;
 	if (typeof n == "function") {
 		n();
 		return;
 	}
-	q(t);
+	J(e);
+}
+function Je(e) {
+	g(() => qe(e));
+}
+function Ye(e) {
+	let t = Ke(e);
+	return t ? (e.__waveUiDetachable = t, t.registerAutofocus({ el: e }), !0) : !1;
 }
-function He(e, t) {
-	g(() => Ve(e, t));
+function Xe(e) {
+	e.__waveUiDetachable?.unregisterAutofocus(e), delete e.__waveUiDetachable;
 }
 //#endregion
 //#region src/wave-ui/core.js
-var Ue = !1, We = (e) => {
+var Ze = !1, Qe = (e) => {
 	let t = window.matchMedia("(prefers-color-scheme: dark)");
 	e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (t) => {
 		e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
 	});
-}, Ge = (e, t) => {
+}, $e = (e, t) => {
 	for (let n in t) if (e.props?.[n]) e.props[n].default = t[n];
 	else {
 		let r = !1;
@@ -1470,10 +1489,10 @@ var Ue = !1, We = (e) => {
 				i.props[n].default = t[n], r = !0;
 				break;
 			}
-			r || R(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+			r || L(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
 		}
 	}
-}, Ke = class e {
+}, et = class e {
 	$waveui = {
 		breakpoint: {
 			name: "",
@@ -1493,42 +1512,75 @@ var Ue = !1, We = (e) => {
 			this._notificationManager.notify(...e);
 		},
 		switchTheme(e) {
-			this.theme = e, document.documentElement.setAttribute("data-theme", e), document.head.querySelector("#wave-ui-colors")?.remove?.();
+			this.theme !== e && document.head.querySelector("#wave-ui-colors")?.remove?.(), this.theme = e, document.documentElement.setAttribute("data-theme", e);
 			let t = this.config.colors[this.theme];
-			Oe(t, xe, this.config.css.colorShadeCssVariables), this.colors = de(t, xe);
+			De(t, Se, this.config.css.colorShadeCssVariables), this.colors = fe(t, Se);
 		},
 		setAppClasses(...e) {
 			let t = document.querySelector(".w-app");
 			t && (t.className = "w-app", e.length && e[0] && t.classList.add(...e));
+		},
+		getSSRStyles(e) {
+			let t = we(Se), { colorShadeCssVariables: n } = this.config.css;
+			return e ? {
+				theme: e,
+				palette: t,
+				colors: U(this.config.colors[e], n)
+			} : {
+				theme: this.theme || this.config?.theme || "light",
+				palette: t,
+				colors: U(this.config.colors.light, n, "[data-theme=\"light\"]") + U(this.config.colors.dark, n, "[data-theme=\"dark\"]")
+			};
 		}
 	};
+	static resolveInitialTheme(e = "waveui-theme") {
+		if (typeof window > "u") return "light";
+		try {
+			let t = localStorage.getItem(e);
+			if (t === "light" || t === "dark") return t;
+		} catch {}
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	static getThemeInitScript(e = "waveui-theme") {
+		return `(function(){try{var t=localStorage.getItem(${JSON.stringify(e)});if(t==='dark'||t==='light'){document.documentElement.setAttribute('data-theme',t);return}}catch(e){}if(window.matchMedia('(prefers-color-scheme:dark)').matches)document.documentElement.setAttribute('data-theme','dark')})()`;
+	}
 	static install(t, n = {}) {
-		t.directive("focus", { mounted: (e, t, n) => He(n, e) }), t.directive("scroll", { mounted: (e, t) => {
+		t.directive("focus", {
+			mounted: (e) => {
+				Ye(e) || Je(e);
+			},
+			unmounted: (e) => Xe(e)
+		}), t.directive("scroll", { mounted: (e, t) => {
 			let n = (r) => {
 				t.value(r, e) && window.removeEventListener("scroll", n);
 			};
 			window.addEventListener("scroll", n);
-		} }), t.directive("waveRipple", ze);
+		} }), t.directive("waveRipple", Re);
 		let { components: r = {} } = n || {};
 		for (let e in r) {
 			let i = r[e];
-			n.presets?.[i.name] && Ge(i, n.presets[i.name]), t.component(i.name, i);
+			n.presets?.[i.name] && $e(i, n.presets[i.name]), t.component(i.name, i);
 		}
 		t.mixin({ beforeMount() {
-			if (!Ue) {
-				Ue = !0;
+			if (!Ze) {
+				Ze = !0;
 				let e = m("$waveui"), { config: n } = e, r = document.querySelector(n.on) || document.body;
 				if (r.classList.add("w-app"), n.css.appClasses) {
 					let e = typeof n.css.appClasses == "string" ? n.css.appClasses.split(" ").filter((e) => e) : n.css.appClasses;
 					e.length && r.classList.add(...e);
 				}
-				n.theme === "auto" ? We(e) : e.switchTheme(n.theme, !0), W(e), Ne(t), t._context.mixins.find((e) => e.mounted &&= void 0);
+				if (n.theme === "auto") Qe(e);
+				else {
+					let t = document.documentElement.getAttribute("data-theme");
+					e.switchTheme(t === "light" || t === "dark" ? t : n.theme);
+				}
+				G(e), Me(t), t._context.mixins.find((e) => e.mounted &&= void 0);
 			}
 		} }), new e(t, n);
 	}
 	constructor(e, t = {}) {
 		if (e.config.globalProperties.$waveui) return;
-		if (this.$waveui._notificationManager = new Me(), t.theme ||= "light", t.colors) {
+		if (this.$waveui._notificationManager = new je(), t.theme ||= "light", t.colors) {
 			let e = { ...t.colors };
 			t.colors.light || (t.colors.light = e), t.colors.dark || (t.colors.dark = e), t.colors = {
 				light: t.colors.light,
@@ -1536,9 +1588,9 @@ var Ue = !1, We = (e) => {
 			};
 		}
 		let { components: n, ...r } = t;
-		r = this.$waveui.config = le(r), r.css.colorShades && ue(r);
+		r = this.$waveui.config = ue(r), r.css.colorShades && de(r);
 		let i = x(this.$waveui);
-		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = de(r.colors[r.theme], xe));
+		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.theme = r.theme, this.$waveui.colors = fe(r.colors[r.theme], Se));
 	}
 }, Y = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), X = {
 	inject: { $waveui: {
@@ -1550,7 +1602,7 @@ var Ue = !1, We = (e) => {
 		default: void 0
 	} },
 	computed: { rippleActive() {
-		return Ie(this.noRipple ? !1 : void 0, this.$waveui);
+		return Fe(this.noRipple ? !1 : void 0, this.$waveui);
 	} },
 	methods: { onRipple(e, t, n) {
 		if (!this.rippleActive || !e) return;
@@ -1559,20 +1611,20 @@ var Ue = !1, We = (e) => {
 			let t = e.target;
 			r = (t?.nodeType === 1 ? t : t?.parentElement)?.closest?.(".w-ripple") ?? null;
 		}
-		!r?.getBoundingClientRect && this.$el instanceof Element && this.$el.classList?.contains("w-ripple") && (r = this.$el), r?.getBoundingClientRect && Pe(r, e, n);
+		!r?.getBoundingClientRect && this.$el instanceof Element && this.$el.classList?.contains("w-ripple") && (r = this.$el), r?.getBoundingClientRect && Ne(r, e, n);
 	} }
-}, qe = { class: "w-accordion__item-content" };
-function Je(e, t, n, r, i, a) {
-	return b(), c("div", qe, [T(e.$slots, "default")]);
+}, tt = { class: "w-accordion__item-content" };
+function nt(e, t, n, r, i, a) {
+	return b(), c("div", tt, [T(e.$slots, "default")]);
 }
-var Ye = /* @__PURE__ */ K({
+var rt = /* @__PURE__ */ q({
 	name: "accordion-content",
 	props: { item: {
 		type: Object,
 		default: () => ({})
 	} }
-}, [["render", Je]]), Xe = ["aria-expanded"], Ze = ["tabindex"], Qe = ["innerHTML"], $e = ["innerHTML"], et = ["innerHTML"], tt = ["innerHTML"], nt = ["innerHTML"];
-function rt(e, n, r, i, a, u) {
+}, [["render", nt]]), it = ["aria-expanded"], at = ["tabindex"], ot = ["innerHTML"], st = ["innerHTML"], ct = ["innerHTML"], lt = ["innerHTML"], ut = ["innerHTML"];
+function dt(e, n, r, i, a, u) {
 	let d = E("w-button"), p = E("accordion-content"), m = E("w-transition-expand");
 	return b(), c("div", {
 		class: _(["w-accordion__item", u.itemClasses]),
@@ -1582,7 +1634,7 @@ function rt(e, n, r, i, a, u) {
 		onClick: n[4] ||= (e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e),
 		onPointerdown: n[5] ||= (...e) => u.onAccordionTitlePointerDown && u.onAccordionTitlePointerDown(...e),
 		onFocus: n[6] ||= (t) => e.$emit("focus", u.accordionItem),
-		onKeypress: n[7] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
+		onKeypress: n[7] ||= N((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
 		tabindex: !u.accordionItem._disabled && 0
 	}, [
 		u.options.expandIcon && !u.options.expandIconRight ? (b(), o(d, {
@@ -1596,8 +1648,8 @@ function rt(e, n, r, i, a, u) {
 			disabled: u.accordionItem._disabled || null,
 			tabindex: -1,
 			text: "",
-			onKeypress: n[0] ||= F(() => {}, ["stop"]),
-			onClick: n[1] ||= F((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[0] ||= P(() => {}, ["stop"]),
+			onClick: n[1] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, [
 			"icon",
 			"icon-props",
@@ -1611,7 +1663,7 @@ function rt(e, n, r, i, a, u) {
 		}, () => [l("div", {
 			class: "grow",
 			innerHTML: u.accordionItem[u.options.itemTitleKey]
-		}, null, 8, Qe)]),
+		}, null, 8, ot)]),
 		u.options.expandIcon && u.options.expandIconRight ? (b(), o(d, {
 			key: 1,
 			class: _(["w-accordion__expand-icon", {
@@ -1620,32 +1672,32 @@ function rt(e, n, r, i, a, u) {
 			}]),
 			icon: u.accordionItem._expanded && u.options.collapseIcon || u.options.expandIcon,
 			text: "",
-			onKeypress: n[2] ||= F(() => {}, ["stop"]),
-			onClick: n[3] ||= F((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[2] ||= P(() => {}, ["stop"]),
+			onClick: n[3] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, ["icon", "class"])) : s("", !0)
-	], 42, Ze), u.options.keepInDom ? (b(), o(m, {
+	], 42, at), u.options.keepInDom ? (b(), o(m, {
 		key: 0,
 		y: "",
 		onAfterLeave: n[8] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: M(() => [N(f(p, {
+		default: j(() => [M(f(p, {
 			item: u.accordionItem,
 			class: _(u.contentClasses)
 		}, {
-			default: M(() => [e.$slots.content ? T(e.$slots, "content", {
+			default: j(() => [e.$slots.content ? T(e.$slots, "content", {
 				key: 0,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, $e)]) : T(e.$slots, "default", {
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, st)]) : T(e.$slots, "default", {
 				key: 1,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, et)])]),
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, ct)])]),
 			_: 3
-		}, 8, ["item", "class"]), [[oe, u.accordionItem._expanded]])]),
+		}, 8, ["item", "class"]), [[se, u.accordionItem._expanded]])]),
 		_: 3
 	}, 8, ["duration"])) : (b(), o(m, {
 		key: 1,
@@ -1653,35 +1705,36 @@ function rt(e, n, r, i, a, u) {
 		onAfterLeave: n[9] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: M(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
+		default: j(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
 			key: u.accordionItem._cuid,
 			item: u.accordionItem,
 			class: _(u.contentClasses)
 		}, {
-			default: M(() => [e.$slots.content ? T(e.$slots, "content", {
+			default: j(() => [e.$slots.content ? T(e.$slots, "content", {
 				key: 0,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, tt)]) : T(e.$slots, "default", {
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, lt)]) : T(e.$slots, "default", {
 				key: 1,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, nt)])]),
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, ut)])]),
 			_: 3
 		}, 8, ["item", "class"])) : s("", !0)], 1032, ["exclude"]))]),
 		_: 3
-	}, 8, ["duration"]))], 10, Xe);
+	}, 8, ["duration"]))], 10, it);
 }
-var it = /* @__PURE__ */ K({
+var ft = /* @__PURE__ */ q({
 	name: "w-accordion-item",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
 		return { accordionItemUid: ae() };
 	},
-	components: { AccordionContent: Ye },
+	components: { AccordionContent: rt },
 	props: {
 		title: { type: String },
 		content: { type: String },
@@ -1713,7 +1766,7 @@ var it = /* @__PURE__ */ K({
 				let t = this.getAccordionNoRipple?.();
 				e = typeof t == "boolean" ? t : void 0;
 			}
-			return Ie(e ? !1 : void 0, this.$waveui);
+			return Fe(e ? !1 : void 0, this.$waveui);
 		},
 		accordionTitleClasses() {
 			return {
@@ -1738,7 +1791,7 @@ var it = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			this.accordionItem._disabled || q(this.$el.querySelector(".w-accordion__item-title"));
+			this.accordionItem._disabled || J(this.$el.querySelector(".w-accordion__item-title"));
 		},
 		onAccordionTitlePointerDown(e) {
 			this.accordionItem._disabled || e.target.closest?.(".w-accordion__expand-icon") || this.onRipple(e);
@@ -1760,10 +1813,10 @@ var it = /* @__PURE__ */ K({
 	beforeUnmount() {
 		this.unregisterItem(this.accordionItemUid);
 	}
-}, [["render", rt]]);
+}, [["render", dt]]);
 //#endregion
 //#region src/wave-ui/components/w-accordion/index.vue?vue&type=template&lang.js
-function at(t, n, r, i, a, l) {
+function pt(t, n, r, i, a, l) {
 	let u = E("w-accordion-item");
 	return b(), c("div", { class: _(["w-accordion", l.accordionClasses]) }, [l.accordionItemsProvided ? T(t.$slots, "default", { key: 0 }) : (r.items || []).length ? (b(!0), c(e, { key: 1 }, w(r.items.length ? r.items : t.accordionItems, (e, r) => (b(), o(u, {
 		key: r,
@@ -1774,7 +1827,7 @@ function at(t, n, r, i, a, l) {
 		disabled: e.disabled || e._disabled,
 		onFocus: n[0] ||= (e) => t.$emit("focus", e)
 	}, {
-		title: M(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? T(t.$slots, `item-title.${e.id || r}`, {
+		title: j(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? T(t.$slots, `item-title.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
@@ -1785,7 +1838,7 @@ function at(t, n, r, i, a, l) {
 			expanded: n,
 			index: r
 		})]),
-		content: M(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? T(t.$slots, `item-content.${e.id || r}`, {
+		content: j(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? T(t.$slots, `item-content.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
@@ -1805,7 +1858,7 @@ function at(t, n, r, i, a, l) {
 		"disabled"
 	]))), 128)) : s("", !0)], 2);
 }
-var ot = /* @__PURE__ */ K({
+var mt = /* @__PURE__ */ q({
 	name: "w-accordion",
 	mixins: [X],
 	props: {
@@ -1873,7 +1926,7 @@ var ot = /* @__PURE__ */ K({
 			default: !1
 		}
 	},
-	components: { WAccordionItem: it },
+	components: { WAccordionItem: ft },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -1930,7 +1983,7 @@ var ot = /* @__PURE__ */ K({
 	},
 	methods: {
 		hasAccordionItemVNodes(t = []) {
-			return t.some((t) => t ? t.type === it || t.type?.name === "w-accordion-item" ? !0 : t.type === e && Array.isArray(t.children) ? this.hasAccordionItemVNodes(t.children) : !1 : !1);
+			return t.some((t) => t ? t.type === ft || t.type?.name === "w-accordion-item" ? !0 : t.type === e && Array.isArray(t.children) ? this.hasAccordionItemVNodes(t.children) : !1 : !1);
 		},
 		getAccordionItem(e) {
 			return this.accordionItemsById[e];
@@ -1961,7 +2014,7 @@ var ot = /* @__PURE__ */ K({
 		}
 	},
 	created() {
-		isNaN(this.items) || z("Since version 3.17.3, the w-accordion `items` prop can no longer be a Number.\n        Please use the w-accordion-item component instead for advanced custom rendering.\n        https://antoniandre.github.io/wave-ui/w-accordion#w-accordion-item");
+		isNaN(this.items) || R("Since version 3.17.3, the w-accordion `items` prop can no longer be a Number.\n        Please use the w-accordion-item component instead for advanced custom rendering.\n        https://antoniandre.github.io/wave-ui/w-accordion#w-accordion-item");
 	},
 	unmounted() {
 		this.accordionItems = [];
@@ -1973,8 +2026,8 @@ var ot = /* @__PURE__ */ K({
 		}
 		e.forEach((e, t) => (this.accordionItems[t] || {})._expanded = e);
 	} }
-}, [["render", at]]), st = { class: "w-alert__content" };
-function ct(t, n, r, i, a, u) {
+}, [["render", pt]]), ht = { class: "w-alert__content" };
+function gt(t, n, r, i, a, u) {
 	let f = E("w-icon"), p = E("w-button");
 	return a.show ? (b(), c("div", {
 		key: 0,
@@ -1984,10 +2037,10 @@ function ct(t, n, r, i, a, u) {
 			key: 0,
 			class: "w-alert__icon"
 		}, {
-			default: M(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
+			default: j(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
-		l("div", st, [T(t.$slots, "default")]),
+		l("div", ht, [T(t.$slots, "default")]),
 		r.dismiss ? (b(), o(p, {
 			key: 1,
 			class: "w-alert__dismiss",
@@ -2001,7 +2054,7 @@ function ct(t, n, r, i, a, u) {
 		})) : s("", !0)
 	], 64)) : T(t.$slots, "default", { key: 1 })], 2)) : s("", !0);
 }
-var lt = /* @__PURE__ */ K({
+var _t = /* @__PURE__ */ q({
 	name: "w-alert",
 	props: {
 		modelValue: { default: !0 },
@@ -2079,7 +2132,7 @@ var lt = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.show = e;
 	} }
-}, [["render", ct]]);
+}, [["render", gt]]);
 //#endregion
 //#region src/wave-ui/mixins/form-elements.js
 function Z() {
@@ -2131,19 +2184,27 @@ var Q = {
 	methods: { validate() {
 		this.$refs.formEl.validate(this);
 	} }
-}, $ = { methods: { focus() {
-	if (!J(this)) return;
-	let e = this.$options.focusTargetRef || "input", t = this.$refs[e];
-	t ? q(t) : this.$nextTick(() => q(this.$refs[e]));
-} } }, ut = ["for"], dt = ["innerHTML"], ft = ["innerHTML"], pt = [
+}, $ = {
+	focusable: !0,
+	methods: { focus() {
+		if (!We(this)) return;
+		let e = this.$options.focusTargetRef || "input", t = () => {
+			let t = this.$refs[e];
+			return t && J(t), !!t;
+		};
+		t() || this.$nextTick(() => {
+			t() || this.$nextTick(() => t());
+		});
+	} }
+}, vt = ["for"], yt = ["innerHTML"], bt = ["innerHTML"], xt = [
 	"id",
 	"value",
 	"name",
 	"disabled",
 	"readonly",
 	"tabindex"
-], mt = ["for"], ht = ["innerHTML"], gt = ["innerHTML"], _t = ["for"];
-function vt(t, n, r, i, a, u) {
+], St = ["for"], Ct = ["innerHTML"], wt = ["innerHTML"], Tt = ["for"];
+function Et(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,
@@ -2160,12 +2221,12 @@ function vt(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				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, ut)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, vt)) : s("", !0)], 64)) : s("", !0),
 			f(v, h({
 				ref: "menu",
 				modelValue: t.menuOpen,
@@ -2178,7 +2239,7 @@ function vt(t, n, r, i, a, u) {
 				custom: "",
 				"min-width": "activator"
 			}, u.menuPropsComputed), {
-				content: M(() => [l("div", {
+				content: j(() => [l("div", {
 					class: "w-autocomplete__list-wrap",
 					ref: "listWrap",
 					onMousedownCapture: n[4] ||= (e) => t.menuIsBeingClicked = !0,
@@ -2198,10 +2259,10 @@ function vt(t, n, r, i, a, u) {
 						"selection-color": r.color,
 						onItemSelect: u.onListItemSelect
 					}, {
-						item: M(({ item: e }) => [T(t.$slots, "item", {
+						item: j(({ item: e }) => [T(t.$slots, "item", {
 							item: e,
 							highlighted: t.highlightedItem === e.uid
-						}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, ht)])]),
+						}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ct)])]),
 						_: 3
 					}, 8, [
 						"items",
@@ -2217,14 +2278,14 @@ function vt(t, n, r, i, a, u) {
 					}, [T(t.$slots, "no-match", {}, () => [l("div", {
 						class: "caption",
 						innerHTML: r.noMatch ?? "No match."
-					}, null, 8, gt)])], 2)),
+					}, null, 8, wt)])], 2)),
 					t.$slots["extra-item"] ? (b(), c("div", {
 						key: 2,
 						class: _(["w-autocomplete__extra-item", { highlighted: t.highlightedItem === "extra-item" }]),
-						onClick: n[3] ||= F((...e) => u.selectExtraItem && u.selectExtraItem(...e), ["stop"])
+						onClick: n[3] ||= P((...e) => u.selectExtraItem && u.selectExtraItem(...e), ["stop"])
 					}, [T(t.$slots, "extra-item")], 2)) : s("", !0)
 				], 544)]),
-				default: M(() => [l("div", {
+				default: j(() => [l("div", {
 					class: _(["w-autocomplete__input-wrap", u.inputWrapClasses]),
 					onClick: n[2] ||= (e) => !t.isDisabled && !t.isReadonly && u.onWrapClick()
 				}, [
@@ -2233,9 +2294,9 @@ function vt(t, n, r, i, a, u) {
 						class: "w-autocomplete__icon w-autocomplete__icon--inner-left",
 						tag: "label",
 						for: t.inputId,
-						onClick: n[0] ||= F((e) => t.$emit("click:inner-icon-left", e), ["stop"])
+						onClick: n[0] ||= P((e) => t.$emit("click:inner-icon-left", e), ["stop"])
 					}, {
-						default: M(() => [d(O(r.innerIconLeft), 1)]),
+						default: j(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					}, 8, ["for"])) : s("", !0)]),
 					t.selection.length ? (b(!0), c(e, { key: 0 }, w(t.selection, (e, n) => (b(), c("div", {
@@ -2244,8 +2305,8 @@ function vt(t, n, r, i, a, u) {
 					}, [T(t.$slots, "selection", {
 						item: e,
 						unselect: () => u.unselectItem(n)
-					}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, dt), f(m, {
-						onClick: F((e) => u.unselectItem(n), ["stop"]),
+					}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, yt), f(m, {
+						onClick: P((e) => u.unselectItem(n), ["stop"]),
 						icon: "wi-cross",
 						xs: "",
 						text: "",
@@ -2255,7 +2316,7 @@ function vt(t, n, r, i, a, u) {
 						key: 1,
 						class: "w-autocomplete__placeholder",
 						innerHTML: r.placeholder
-					}, null, 8, ft)) : s("", !0),
+					}, null, 8, bt)) : s("", !0),
 					l("input", h({
 						class: "w-autocomplete__input",
 						ref: "input",
@@ -2265,20 +2326,20 @@ function vt(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, pt),
+					}, k(u.inputEventListeners, !0), u.inputAttrs), null, 16, xt),
 					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, mt)) : s("", !0)], 64)) : s("", !0),
+					}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, St)) : 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",
 						tag: "label",
 						for: t.inputId,
-						onClick: n[1] ||= F((e) => t.$emit("click:inner-icon-right", e), ["stop"])
+						onClick: n[1] ||= P((e) => t.$emit("click:inner-icon-right", e), ["stop"])
 					}, {
-						default: M(() => [d(O(r.innerIconRight), 1)]),
+						default: j(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					}, 8, ["for"])) : s("", !0)])
 				], 2)]),
@@ -2293,7 +2354,7 @@ function vt(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, _t)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Tt)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -2304,7 +2365,7 @@ function vt(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var yt = /* @__PURE__ */ K({
+var Dt = /* @__PURE__ */ q({
 	name: "w-autocomplete",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -2599,10 +2660,10 @@ var yt = /* @__PURE__ */ K({
 			this.menuOpen && e.length !== t.length && this.$nextTick(() => this.$refs.menu?.computeDetachableCoords());
 		}
 	}
-}, [["render", vt]]), bt = { class: "w-badge-wrap" };
-function xt(e, t, n, i, a, o) {
-	return b(), c("div", bt, [T(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
-		default: M(() => [n.modelValue ? (b(), c("div", {
+}, [["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}` }, {
+		default: j(() => [n.modelValue ? (b(), c("div", {
 			key: 0,
 			class: _(["w-badge", o.classes]),
 			style: y(o.styles),
@@ -2614,7 +2675,7 @@ function xt(e, t, n, i, a, o) {
 		_: 3
 	}, 8, ["name"])]);
 }
-var St = /* @__PURE__ */ K({
+var At = /* @__PURE__ */ q({
 	name: "w-badge",
 	props: {
 		modelValue: { default: !0 },
@@ -2680,8 +2741,8 @@ var St = /* @__PURE__ */ K({
 			return this.forcedSize && `font-size: ${this.forcedSize}`;
 		}
 	}
-}, [["render", xt]]), Ct = ["innerHTML"];
-function wt(t, n, r, i, a, l) {
+}, [["render", kt]]), jt = ["innerHTML"];
+function Mt(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", {
 		class: _(["w-breadcrumbs__separator", r.separatorColor]),
@@ -2690,7 +2751,7 @@ function wt(t, n, r, i, a, l) {
 		class: _(["w-breadcrumbs__separator", r.separatorColor]),
 		key: `${i}b`
 	}, {
-		default: M(() => [d(O(r.icon), 1)]),
+		default: j(() => [d(O(r.icon), 1)]),
 		_: 1
 	}, 8, ["class"])) : s("", !0), n[r.itemRouteKey] && (i < r.items.length - 1 || r.linkLastItem) ? (b(), c(e, { key: 2 }, [t.$slots.item ? (b(), o(D(l.hasRouter ? "router-link" : "a"), {
 		class: _(["w-breadcrumbs__item", l.breadcrumbLinkClasses]),
@@ -2699,7 +2760,7 @@ function wt(t, n, r, i, a, l) {
 		href: n[r.itemRouteKey],
 		onPointerdown: t.onRipple
 	}, {
-		default: M(() => [T(t.$slots, "item", {
+		default: j(() => [T(t.$slots, "item", {
 			item: n,
 			index: i + 1,
 			isLast: i === r.items.length - 1
@@ -2731,9 +2792,9 @@ function wt(t, n, r, i, a, l) {
 	}) : (b(), c("span", {
 		key: `${i}f`,
 		innerHTML: n[r.itemLabelKey]
-	}, null, 8, Ct))], 64))), 256))], 2);
+	}, null, 8, jt))], 64))), 256))], 2);
 }
-var Tt = /* @__PURE__ */ K({
+var Nt = /* @__PURE__ */ q({
 	name: "w-breadcrumbs",
 	mixins: [X],
 	props: {
@@ -2780,11 +2841,11 @@ var Tt = /* @__PURE__ */ K({
 			return { [`size--${this.size}`]: !0 };
 		}
 	}
-}, [["render", wt]]), Et = {
+}, [["render", Mt]]), Pt = {
 	key: 0,
 	class: "w-button__loader"
 };
-function Dt(e, t, n, i, a, u) {
+function Ft(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],
@@ -2795,11 +2856,11 @@ function Dt(e, t, n, i, a, u) {
 		style: u.styles,
 		onPointerdown: u.onPointerDownRipple
 	}), {
-		default: M(() => [n.icon ? (b(), o(p, v(h({ key: 0 }, n.iconProps || {})), {
-			default: M(() => [d(O(n.icon), 1)]),
+		default: j(() => [n.icon ? (b(), o(p, v(h({ key: 0 }, n.iconProps || {})), {
+			default: j(() => [d(O(n.icon), 1)]),
 			_: 1
 		}, 16)) : T(e.$slots, "default", { key: 1 }), f(r, { name: "scale-fade" }, {
-			default: M(() => [n.loading ? (b(), c("div", Et, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
+			default: j(() => [n.loading ? (b(), c("div", Pt, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
 				cx: "20",
 				cy: "20",
 				r: "18",
@@ -2820,7 +2881,7 @@ function Dt(e, t, n, i, a, u) {
 		"onPointerdown"
 	]);
 }
-var Ot = /* @__PURE__ */ K({
+var It = /* @__PURE__ */ q({
 	inheritAttrs: !1,
 	mixins: [X],
 	props: {
@@ -2923,13 +2984,13 @@ var Ot = /* @__PURE__ */ K({
 			};
 		}
 	}
-}, [["render", Dt]]), kt = ["innerHTML"];
-function At(e, t, n, r, i, a) {
+}, [["render", Ft]]), Lt = ["innerHTML"];
+function Rt(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: M(() => [l("div", { innerHTML: n.tooltip }, null, 8, kt)]),
-		default: M(() => [f(s, h({ ref: "button" }, a.buttonProps), {
-			default: M(() => [T(e.$slots, "default")]),
+		tooltip: j(() => [l("div", { innerHTML: n.tooltip }, null, 8, Lt)]),
+		default: j(() => [f(s, h({ ref: "button" }, a.buttonProps), {
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
 		_: 3
@@ -2937,13 +2998,14 @@ function At(e, t, n, r, i, a) {
 		key: 1,
 		ref: "button"
 	}, a.buttonProps), {
-		loading: M(() => [T(e.$slots, "loading")]),
-		default: M(() => [T(e.$slots, "default")]),
+		loading: j(() => [T(e.$slots, "loading")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16));
 }
-var jt = /* @__PURE__ */ K({
+var zt = /* @__PURE__ */ q({
 	name: "w-button",
+	focusable: !0,
 	expose: ["focus"],
 	inheritAttrs: !1,
 	props: {
@@ -2995,7 +3057,7 @@ var jt = /* @__PURE__ */ K({
 			default: void 0
 		}
 	},
-	components: { ButtonPartial: Ot },
+	components: { ButtonPartial: It },
 	emits: [],
 	computed: { buttonProps() {
 		let { tooltip: e, tooltipProps: t = {}, ...n } = this.$props;
@@ -3005,10 +3067,10 @@ var jt = /* @__PURE__ */ K({
 		};
 	} },
 	methods: { focus() {
-		this.disabled || q(this.$refs.button?.$el);
+		this.disabled || J(this.$refs.button?.$el);
 	} }
-}, [["render", At]]), Mt = ["innerHTML"];
-function Nt(e, t, n, r, i, a) {
+}, [["render", Rt]]), Bt = ["innerHTML"];
+function Vt(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", {
@@ -3024,13 +3086,13 @@ function Nt(e, t, n, r, i, a) {
 				...a.titleClasses
 			}]),
 			innerHTML: n.title
-		}, null, 10, Mt)) : s("", !0),
+		}, null, 10, Bt)) : s("", !0),
 		n.image ? (b(), o(u, h({
 			key: 2,
 			class: "w-card__image",
 			src: n.image
 		}, a.imgProps), {
-			default: M(() => [T(e.$slots, "image-content")]),
+			default: j(() => [T(e.$slots, "image-content")]),
 			_: 3
 		}, 16, ["src"])) : s("", !0),
 		l("div", { class: _(["w-card__content", a.contentClasses]) }, [T(e.$slots, "default")], 2),
@@ -3040,7 +3102,7 @@ function Nt(e, t, n, r, i, a) {
 		}, [T(e.$slots, "actions")], 2)) : s("", !0)
 	], 2);
 }
-var Pt = /* @__PURE__ */ K({
+var Ht = /* @__PURE__ */ q({
 	name: "w-card",
 	props: {
 		color: { type: String },
@@ -3100,7 +3162,7 @@ var Pt = /* @__PURE__ */ K({
 			};
 		}
 	}
-}, [["render", Nt]]), Ft = [
+}, [["render", Vt]]), Ut = [
 	"id",
 	"name",
 	"checked",
@@ -3108,8 +3170,8 @@ var Pt = /* @__PURE__ */ K({
 	"required",
 	"tabindex",
 	"aria-checked"
-], It = ["for"], Lt = ["for", "innerHTML"], Rt = ["for"], zt = ["for", "innerHTML"];
-function Bt(t, n, r, i, a, u) {
+], Wt = ["for"], Gt = ["for", "innerHTML"], Kt = ["for"], qt = ["for", "innerHTML"];
+function Jt(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,
@@ -3124,7 +3186,7 @@ function Bt(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", {
 				ref: "input",
 				id: t.inputId,
@@ -3137,20 +3199,20 @@ function Bt(t, n, r, i, a, u) {
 				onFocus: n[0] ||= (e) => t.$emit("focus", e),
 				onBlur: n[1] ||= (e) => t.$emit("blur", e),
 				onChange: n[2] ||= (e) => u.onInput(),
-				onKeypress: n[3] ||= P((...e) => u.onInput && u.onInput(...e), ["enter"]),
+				onKeypress: n[3] ||= N((...e) => u.onInput && u.onInput(...e), ["enter"]),
 				"aria-checked": a.isChecked || "false",
 				role: "checkbox"
-			}, null, 40, Ft),
+			}, null, 40, Ut),
 			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, It)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Wt)) : 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, Lt)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, Gt)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: _(["w-checkbox__input", this.color]),
 				onClick: n[4] ||= (e) => {
@@ -3161,17 +3223,17 @@ function Bt(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, Rt)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Kt)) : 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, zt)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, qt)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Vt = /* @__PURE__ */ K({
+var Yt = /* @__PURE__ */ q({
 	name: "w-checkbox",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -3251,8 +3313,8 @@ var Vt = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.isChecked = e;
 	} }
-}, [["render", Bt]]), Ht = ["innerHTML"];
-function Ut(t, n, r, i, a, l) {
+}, [["render", Jt]]), Xt = ["innerHTML"];
+function Zt(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,
@@ -3267,7 +3329,7 @@ function Ut(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: M(() => [(b(!0), c(e, null, w(l.checkboxItems, (e, i) => (b(), o(u, h({
+		default: j(() => [(b(!0), c(e, null, w(l.checkboxItems, (e, i) => (b(), o(u, h({
 			ref_for: !0,
 			ref: "item",
 			key: i,
@@ -3286,7 +3348,7 @@ function Ut(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: M(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: j(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				checked: !!e._isChecked,
@@ -3295,7 +3357,7 @@ function Ut(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, Ht)) : s("", !0)]),
+			}, null, 8, Xt)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -3314,8 +3376,9 @@ function Ut(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Wt = /* @__PURE__ */ K({
+var Qt = /* @__PURE__ */ q({
 	name: "w-checkboxes",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [Q],
 	setup() {
@@ -3392,7 +3455,7 @@ var Wt = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			J(this) && [].concat(this.$refs.item || []).filter(Boolean).find((e) => !e.isDisabled && !e.isReadonly)?.focus?.();
+			We(this) && [].concat(this.$refs.item || []).filter(Boolean).find((e) => !e.isDisabled && !e.isReadonly)?.focus?.();
 		},
 		reset() {
 			this.checkboxItems.forEach((e) => e._isChecked = null), this.$emit("update:modelValue", []), this.$emit("input", []);
@@ -3406,50 +3469,50 @@ var Wt = /* @__PURE__ */ K({
 			return this.items[e._index];
 		}
 	}
-}, [["render", Ut]]);
+}, [["render", Zt]]);
 //#endregion
 //#region src/wave-ui/components/w-confirm.vue?vue&type=template&lang.js
-function Gt(e, t, n, r, i, a) {
+function $t(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,
 		"onUpdate:modelValue": t[2] ||= (t) => e.showPopup = t
 	}, a.wMenuProps, { disable: n.disablePrompt }), {
-		content: M(() => [f(u, {
+		content: j(() => [f(u, {
 			column: !n.inline,
 			"align-center": ""
 		}, {
-			default: M(() => [l("div", null, [T(e.$slots, "question", {}, () => [d(O(n.question), 1)])]), l("div", { class: _(["w-flex justify-end", n.inline ? "ml2" : "mt2"]) }, [n.cancel === !1 ? s("", !0) : (b(), o(c, h({
+			default: j(() => [l("div", null, [T(e.$slots, "question", {}, () => [d(O(n.question), 1)])]), l("div", { class: _(["w-flex justify-end", n.inline ? "ml2" : "mt2"]) }, [n.cancel === !1 ? s("", !0) : (b(), o(c, h({
 				key: 0,
 				class: "mr2"
 			}, a.cancelButtonProps, {
 				"bg-color": (a.cancelButton || {}).bgColor || "error",
-				onKeyup: t[0] ||= P((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[0] ||= N((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onCancel
 			}), {
-				default: M(() => [T(e.$slots, "cancel", {}, () => [d(O(a.cancelButton.label), 1)])]),
+				default: j(() => [T(e.$slots, "cancel", {}, () => [d(O(a.cancelButton.label), 1)])]),
 				_: 3
-			}, 16, ["bg-color", "onClick"])), N((b(), o(c, h(a.confirmButtonProps, {
+			}, 16, ["bg-color", "onClick"])), M((b(), o(c, h(a.confirmButtonProps, {
 				"bg-color": (a.confirmButton || {}).bgColor || "success",
-				onKeyup: t[1] ||= P((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[1] ||= N((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onConfirm
 			}), {
-				default: M(() => [T(e.$slots, "confirm", {}, () => [d(O(a.confirmButton.label), 1)])]),
+				default: j(() => [T(e.$slots, "confirm", {}, () => [d(O(a.confirmButton.label), 1)])]),
 				_: 3
 			}, 16, ["bg-color", "onClick"])), [[m]])], 2)]),
 			_: 3
 		}, 8, ["column"])]),
-		default: M(() => [f(c, h({ class: "w-confirm" }, {
+		default: j(() => [f(c, h({ class: "w-confirm" }, {
 			...e.$attrs,
 			...a.buttonProps
 		}), {
-			default: M(() => [T(e.$slots, "default")]),
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
 		_: 3
 	}, 16, ["modelValue", "disable"]);
 }
-var Kt = /* @__PURE__ */ K({
+var en = /* @__PURE__ */ q({
 	name: "w-confirm",
 	inheritAttrs: !1,
 	props: {
@@ -3575,16 +3638,16 @@ var Kt = /* @__PURE__ */ K({
 			this.$emit("confirm"), this.showPopup = !1;
 		}
 	}
-}, [["render", Gt]]);
+}, [["render", $t]]);
 //#endregion
 //#region src/wave-ui/components/w-date-picker.vue?vue&type=template&lang.js
-function qt(e, t, n, r, i, a) {
+function tn(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 Jt = /* @__PURE__ */ K({
+var nn = /* @__PURE__ */ q({
 	name: "w-date-picker",
 	props: {
 		dark: { type: Boolean },
@@ -3602,10 +3665,10 @@ var Jt = /* @__PURE__ */ K({
 			return !1;
 		}
 	}
-}, [["render", qt]]);
+}, [["render", tn]]);
 //#endregion
 //#region src/wave-ui/components/w-dialog.vue?vue&type=template&lang.js
-function Yt(e, t, n, i, a, s) {
+function rn(e, t, n, i, a, s) {
 	let c = E("w-card"), l = E("w-overlay");
 	return b(), o(l, {
 		class: _(["w-dialog", s.classes]),
@@ -3618,12 +3681,12 @@ function Yt(e, t, n, i, a, s) {
 		"bg-color": n.overlayColor,
 		opacity: n.overlayOpacity
 	}, {
-		default: M(() => [f(r, {
+		default: j(() => [f(r, {
 			name: n.transition,
 			appear: "",
 			onAfterLeave: s.onBeforeClose
 		}, {
-			default: M(() => [N(f(c, {
+			default: j(() => [M(f(c, {
 				class: _(["w-dialog__content", n.dialogClass]),
 				ref: "dialog",
 				"no-border": "",
@@ -3634,15 +3697,15 @@ function Yt(e, t, n, i, a, s) {
 				title: n.title || void 0,
 				style: y(s.contentStyles)
 			}, u({
-				default: M(() => [T(e.$slots, "default")]),
+				default: j(() => [T(e.$slots, "default")]),
 				_: 2
 			}, [e.$slots.title ? {
 				name: "title",
-				fn: M(() => [T(e.$slots, "title")]),
+				fn: j(() => [T(e.$slots, "title")]),
 				key: "0"
 			} : void 0, e.$slots.actions ? {
 				name: "actions",
-				fn: M(() => [T(e.$slots, "actions")]),
+				fn: j(() => [T(e.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1032, [
 				"color",
@@ -3652,7 +3715,7 @@ function Yt(e, t, n, i, a, s) {
 				"content-class",
 				"title",
 				"style"
-			]), [[oe, a.showContent]])]),
+			]), [[se, a.showContent]])]),
 			_: 3
 		}, 8, ["name", "onAfterLeave"])]),
 		_: 3
@@ -3667,7 +3730,7 @@ function Yt(e, t, n, i, a, s) {
 		"class"
 	]);
 }
-var Xt = /* @__PURE__ */ K({
+var an = /* @__PURE__ */ q({
 	name: "w-dialog",
 	expose: ["focus"],
 	props: {
@@ -3768,15 +3831,15 @@ var Xt = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.showWrapper = e, this.showContent = e;
 	} }
-}, [["render", Yt]]), Zt = ["role", "aria-orientation"];
-function Qt(e, t, n, r, i, a) {
+}, [["render", rn]]), on = ["role", "aria-orientation"];
+function sn(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, Zt);
+	}, [T(e.$slots, "default")], 10, on);
 }
-var $t = /* @__PURE__ */ K({
+var cn = /* @__PURE__ */ q({
 	name: "w-divider",
 	props: {
 		vertical: { type: Boolean },
@@ -3794,8 +3857,8 @@ var $t = /* @__PURE__ */ K({
 			"w-divider--light": this.light
 		};
 	} }
-}, [["render", Qt]]), en = { class: "w-drawer-wrap__pushable" };
-function tn(t, n, i, a, u, d) {
+}, [["render", sn]]), ln = { class: "w-drawer-wrap__pushable" };
+function un(t, n, i, a, u, d) {
 	let p = E("w-overlay");
 	return u.showWrapper || i.pushContent ? (b(), c("div", {
 		key: 0,
@@ -3804,7 +3867,7 @@ function tn(t, n, i, a, u, d) {
 		key: 0,
 		class: "w-drawer-wrap__track",
 		style: y(d.trackStyles)
-	}, [l("div", en, [i.noOverlay ? s("", !0) : (b(), o(p, {
+	}, [l("div", ln, [i.noOverlay ? s("", !0) : (b(), o(p, {
 		key: 0,
 		ref: "overlay",
 		modelValue: u.showDrawer,
@@ -3825,15 +3888,15 @@ function tn(t, n, i, a, u, d) {
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: M(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
+		default: j(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
-			onKeydown: n[1] ||= P(F((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
+			onKeydown: n[1] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
 		}, {
-			default: M(() => [T(t.$slots, "default")]),
+			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"class",
@@ -3863,15 +3926,15 @@ function tn(t, n, i, a, u, d) {
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: M(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
+		default: j(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
-			onKeydown: n[3] ||= P(F((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
+			onKeydown: n[3] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
 		}, {
-			default: M(() => [T(t.$slots, "default")]),
+			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"class",
@@ -3887,12 +3950,12 @@ function tn(t, n, i, a, u, d) {
 }
 //#endregion
 //#region src/wave-ui/components/w-drawer.vue
-var nn = {
+var dn = {
 	left: "right",
 	right: "left",
 	top: "down",
 	bottom: "up"
-}, rn = /* @__PURE__ */ K({
+}, fn = /* @__PURE__ */ q({
 	name: "w-drawer",
 	expose: ["focus"],
 	props: {
@@ -3999,12 +4062,12 @@ var nn = {
 			return !this.showWrapper;
 		},
 		transitionName() {
-			return `slide-${nn[this.position]}`;
+			return `slide-${dn[this.position]}`;
 		}
 	},
 	methods: {
 		focus() {
-			this.$refs.overlay ? this.$refs.overlay.focus() : q(this.$refs.drawer?.$el || this.$refs.drawer);
+			this.$refs.overlay ? this.$refs.overlay.focus() : J(this.$refs.drawer?.$el || this.$refs.drawer);
 		},
 		onBeforeClose() {
 			this.$emit("before-close");
@@ -4019,16 +4082,16 @@ var nn = {
 	watch: { modelValue(e) {
 		e && (this.showWrapper = !0), this.showDrawer = e;
 	} }
-}, [["render", tn]]);
+}, [["render", un]]);
 //#endregion
 //#region src/wave-ui/components/w-flex.vue?vue&type=template&lang.js
-function an(e, t, n, r, i, a) {
+function pn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-flex", a.classes]) }, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var on = /* @__PURE__ */ K({
+var mn = /* @__PURE__ */ q({
 	name: "w-flex",
 	props: {
 		tag: {
@@ -4079,10 +4142,10 @@ var on = /* @__PURE__ */ K({
 			[`gap${this.gap}`]: ~~this.gap
 		};
 	} }
-}, [["render", an]]);
+}, [["render", pn]]);
 //#endregion
 //#region src/wave-ui/components/w-form.vue?vue&type=template&lang.js
-function sn(e, t, n, r, i, a) {
+function hn(e, t, n, r, i, a) {
 	return b(), c("form", {
 		class: _(["w-form", a.classes]),
 		onSubmit: t[0] ||= (...e) => a.onSubmit && a.onSubmit(...e),
@@ -4092,10 +4155,10 @@ function sn(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/wave-ui/components/w-form.vue
-var cn = async (e, t) => {
+var gn = async (e, t) => {
 	for (let n of e) if (await t(n)) return !0;
 	return !1;
-}, ln = /* @__PURE__ */ K({
+}, _n = /* @__PURE__ */ q({
 	name: "w-form",
 	props: {
 		modelValue: {},
@@ -4170,7 +4233,7 @@ var cn = async (e, t) => {
 		},
 		async checkElementValidators(e) {
 			let t = !1, n = "";
-			await cn(e.validators, async (r) => {
+			await gn(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;
@@ -4191,20 +4254,20 @@ var cn = async (e, t) => {
 	watch: { modelValue(e) {
 		(this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
 	} }
-}, [["render", sn]]);
+}, [["render", hn]]);
 //#endregion
 //#region src/wave-ui/components/w-form-element.vue?vue&type=template&lang.js
-function un(e, t, n, r, i, a) {
+function vn(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: M(() => [e.Validation.message ? (b(), c("div", {
+		default: j(() => [e.Validation.message ? (b(), c("div", {
 			key: 0,
 			class: _(["w-form-el__error", a.formProps.validationColor])
 		}, [T(e.$slots, "error-message", { message: e.Validation.message }, () => [d(O(e.Validation.message), 1)])], 2)) : s("", !0)]),
 		_: 3
 	})], 2);
 }
-var dn = /* @__PURE__ */ K({
+var yn = /* @__PURE__ */ q({
 	name: "w-form-element",
 	props: {
 		valid: { required: !0 },
@@ -4272,16 +4335,16 @@ var dn = /* @__PURE__ */ K({
 	beforeUnmount() {
 		this.formUnregister && this.formUnregister(this);
 	}
-}, [["render", un]]);
+}, [["render", vn]]);
 //#endregion
 //#region src/wave-ui/components/w-grid.vue?vue&type=template&lang.js
-function fn(e, t, n, r, i, a) {
+function bn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-grid", a.classes]) }, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var pn = /* @__PURE__ */ K({
+var xn = /* @__PURE__ */ q({
 	name: "w-grid",
 	props: {
 		tag: {
@@ -4353,21 +4416,21 @@ var pn = /* @__PURE__ */ K({
 			};
 		}
 	}
-}, [["render", fn]]);
+}, [["render", bn]]);
 //#endregion
 //#region src/wave-ui/components/w-icon.vue?vue&type=template&lang.js
-function mn(t, n, r, i, a, l) {
+function Sn(t, n, r, i, a, l) {
 	return b(), o(D(r.tag || "i"), {
 		class: _(["w-icon", l.classes]),
 		role: "icon",
 		"aria-hidden": "true",
 		style: y(l.readIcon() && l.styles)
 	}, {
-		default: M(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
+		default: j(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
 		_: 1
 	}, 8, ["class", "style"]);
 }
-var hn = /* @__PURE__ */ K({
+var Cn = /* @__PURE__ */ q({
 	name: "w-icon",
 	props: {
 		tag: {
@@ -4437,11 +4500,11 @@ var hn = /* @__PURE__ */ K({
 		let { default: e } = this.$slots, [t = "", n = ""] = typeof e == "function" && e()?.[0]?.children?.trim()?.split(" ") || [];
 		return this.fontName = t, this.icon = n, !0;
 	} }
-}, [["render", mn]]), gn = {
+}, [["render", Sn]]), wn = {
 	key: 0,
 	class: "w-image__loader"
-}, _n = ["innerHTML"];
-function vn(e, t, n, i, a, l) {
+}, Tn = ["innerHTML"];
+function En(e, t, n, i, a, l) {
 	let u = E("w-progress");
 	return b(), o(D(l.wrapperTag), {
 		class: _(["w-image", l.wrapperClasses]),
@@ -4449,12 +4512,12 @@ function vn(e, t, n, i, a, l) {
 		style: y(l.wrapperStyles),
 		onError: t[0] ||= (e) => a.error = !0
 	}, {
-		default: M(() => [
+		default: j(() => [
 			f(r, {
 				name: n.transition,
 				appear: ""
 			}, {
-				default: M(() => [a.loaded ? (b(), o(D(l.normalized.tag), {
+				default: j(() => [a.loaded ? (b(), o(D(l.normalized.tag), {
 					key: 0,
 					class: _(["w-image__image", l.imageClasses]),
 					style: y(l.imageStyles),
@@ -4466,7 +4529,7 @@ function vn(e, t, n, i, a, l) {
 				])) : s("", !0)]),
 				_: 1
 			}, 8, ["name"]),
-			!n.noSpinner && a.loading ? (b(), c("span", gn, [e.$slots.loading ? T(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
+			!n.noSpinner && a.loading ? (b(), c("span", wn, [e.$slots.loading ? T(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
 				key: 1,
 				circle: "",
 				indeterminate: ""
@@ -4475,7 +4538,7 @@ function vn(e, t, n, i, a, l) {
 				key: 1,
 				class: _(["w-image__content", n.contentClass])
 			}, {
-				default: M(() => [T(e.$slots, "default")]),
+				default: j(() => [T(e.$slots, "default")]),
 				_: 3
 			}, 8, ["class"])) : s("", !0),
 			e.$slots.caption ? (b(), c("figcaption", {
@@ -4485,12 +4548,12 @@ function vn(e, t, n, i, a, l) {
 				key: 3,
 				class: _(["w-image__caption caption", n.captionClass]),
 				innerHTML: n.caption
-			}, null, 10, _n)) : s("", !0)
+			}, null, 10, Tn)) : s("", !0)
 		]),
 		_: 3
 	}, 40, ["class", "style"]);
 }
-var yn = /* @__PURE__ */ K({
+var Dn = /* @__PURE__ */ q({
 	name: "w-image",
 	props: {
 		tag: {
@@ -4592,7 +4655,7 @@ var yn = /* @__PURE__ */ K({
 		});
 	} },
 	mounted() {
-		if (!this.src) return R("The w-image component was used without src.");
+		if (!this.src) return L("The w-image component was used without src.");
 		if (this.lazy) {
 			let e = new IntersectionObserver((t) => {
 				t[0]?.isIntersecting && (this.loadImage(), e.disconnect());
@@ -4603,7 +4666,7 @@ var yn = /* @__PURE__ */ K({
 	watch: { src() {
 		this.loadImage();
 	} }
-}, [["render", vn]]), bn = ["name"], xn = ["for"], Sn = [
+}, [["render", En]]), On = ["name"], kn = ["for"], An = [
 	"id",
 	"type",
 	"name",
@@ -4618,17 +4681,17 @@ var yn = /* @__PURE__ */ K({
 	"disabled",
 	"required",
 	"tabindex"
-], Cn = [
+], jn = [
 	"id",
 	"name",
 	"multiple",
 	"disabled",
 	"data-progress"
-], wn = {
+], Mn = {
 	class: "w-input__no-file",
 	key: "no-file"
-}, Tn = ["for"], En = ["src"], Dn = ["for"];
-function On(t, n, r, a, u, p) {
+}, Nn = ["for"], Pn = ["src"], Fn = ["for"];
+function In(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,
@@ -4647,17 +4710,17 @@ function On(t, n, r, a, u, p) {
 		class: p.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [r.type === "hidden" ? N((b(), c("input", {
+		default: j(() => [r.type === "hidden" ? M((b(), c("input", {
 			key: 0,
 			type: "hidden",
 			name: t.name || null,
 			"onUpdate:modelValue": n[0] ||= (e) => u.inputValue = e
-		}, null, 8, bn)), [[j, u.inputValue]]) : (b(), c(e, { key: 1 }, [
+		}, null, 8, On)), [[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, xn)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, kn)) : 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,
@@ -4666,7 +4729,7 @@ function On(t, n, r, a, u, p) {
 					for: t.inputId,
 					onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: M(() => [d(O(r.innerIconLeft), 1)]),
+					default: j(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				r.type === "file" ? (b(), c(e, { key: 1 }, [l("input", h({
@@ -4681,13 +4744,13 @@ function On(t, n, r, a, u, p) {
 				}, p.attrs, {
 					disabled: t.isDisabled || null,
 					"data-progress": p.overallFilesProgress
-				}), null, 16, Cn), f(i, {
+				}), null, 16, jn), f(i, {
 					class: "w-input__input w-input__input--file",
 					tag: "label",
 					name: "fade",
 					for: t.inputId
 				}, {
-					default: M(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", wn, [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", 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 }, [
 						d(O(t ? ", " : ""), 1),
 						(b(), c("span", {
 							class: "filename",
@@ -4696,7 +4759,7 @@ function On(t, n, r, a, u, p) {
 						d(O(e.extension ? `.${e.extension}` : ""), 1)
 					]))), 128))]),
 					_: 3
-				}, 8, ["for"])], 64)) : N((b(), c("input", h({
+				}, 8, ["for"])], 64)) : M((b(), c("input", h({
 					key: 0,
 					class: "w-input__input",
 					ref: "input",
@@ -4718,7 +4781,7 @@ function On(t, n, r, a, u, p) {
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}, p.attrs, { class: r.inputClass }), null, 16, Sn)), [[A, u.inputValue]]),
+				}, p.attrs, { class: r.inputClass }), null, 16, An)), [[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])
@@ -4730,7 +4793,7 @@ function On(t, n, r, a, u, p) {
 					for: t.inputId,
 					onClick: n[9] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: M(() => [d(O(r.innerIconRight), 1)]),
+					default: j(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				p.hasLoading || r.showProgress && (p.uploadInProgress || p.uploadComplete) ? (b(), o(g, {
@@ -4753,15 +4816,15 @@ function On(t, n, r, a, u, p) {
 				key: `${n}b`,
 				src: t.preview,
 				alt: ""
-			}, null, 8, En)) : (b(), c("i", {
+			}, null, 8, Pn)) : (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, Tn)) : s("", !0),
+			}, null, 2))], 64))), 256))], 8, Nn)) : 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, Dn)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Fn)) : s("", !0)], 64)) : s("", !0)
 		], 64))]),
 		_: 3
 	}, 16, [
@@ -4771,7 +4834,7 @@ function On(t, n, r, a, u, p) {
 		"style"
 	]);
 }
-var kn = /* @__PURE__ */ K({
+var Ln = /* @__PURE__ */ q({
 	name: "w-input",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -4972,10 +5035,10 @@ var kn = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
 	} }
-}, [["render", On]]);
+}, [["render", In]]);
 //#endregion
 //#region src/wave-ui/components/w-list.vue?vue&type=template&lang.js
-function An(t, n, r, i, a, l) {
+function Rn(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 }]),
@@ -4985,14 +5048,14 @@ function An(t, n, r, i, a, l) {
 			key: 0,
 			class: "w-list__item-bullet"
 		}, {
-			default: M(() => [d(O(r.icon), 1)]),
+			default: j(() => [d(O(r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
 		t.$slots[`item.${i + 1}`] || t.$slots.item || t.$slots.default ? (b(), o(D(r.checklist ? "w-checkbox" : r.nav && !e.disabled && e.route ? l.hasRouter ? "router-link" : "a" : "div"), h({
 			key: 1,
 			class: "w-list__item-label"
 		}, { ref_for: !0 }, l.liLabelProps(e, i, e._selected)), {
-			default: M(() => [t.$slots[`item.${i + 1}`] ? T(t.$slots, `item.${i + 1}`, {
+			default: j(() => [t.$slots[`item.${i + 1}`] ? T(t.$slots, `item.${i + 1}`, {
 				key: 0,
 				item: l.cleanLi(e),
 				index: i + 1,
@@ -5025,7 +5088,7 @@ function An(t, n, r, i, a, l) {
 			onItemSelect: n[3] ||= (e) => t.$emit("item-select", e)
 		}), u({ _: 2 }, [t.$slots.item ? {
 			name: "item",
-			fn: M(({ item: e, index: n, selected: r }) => [T(t.$slots, "item", {
+			fn: j(({ item: e, index: n, selected: r }) => [T(t.$slots, "item", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: r
@@ -5033,7 +5096,7 @@ function An(t, n, r, i, a, l) {
 			key: "0"
 		} : {
 			name: "default",
-			fn: M(({ item: e, index: n, selected: i }) => [T(t.$slots, "default", {
+			fn: j(({ item: e, index: n, selected: i }) => [T(t.$slots, "default", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: i
@@ -5042,8 +5105,9 @@ function An(t, n, r, i, a, l) {
 		}]), 1040, ["items", "depth"])) : s("", !0)
 	], 2))), 128))], 2);
 }
-var jn = /* @__PURE__ */ K({
+var zn = /* @__PURE__ */ q({
 	name: "w-list",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
@@ -5143,7 +5207,7 @@ var jn = /* @__PURE__ */ K({
 	methods: {
 		focus() {
 			let e = this.listItems.find((e) => e._selected && !e.disabled) || this.listItems.find((e) => !e.disabled);
-			e && (this.listId ? q(document.getElementById(`${this.listId}_item-${e._index + 1}`)) : q(this.$el.querySelector("[role=\"option\"][tabindex=\"0\"]")));
+			e && (this.listId ? J(document.getElementById(`${this.listId}_item-${e._index + 1}`)) : J(this.$el.querySelector("[role=\"option\"][tabindex=\"0\"]")));
 		},
 		getItemValue(e) {
 			return e && typeof e == "object" ? e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] === void 0 ? e.index : e[this.itemLabelKey] : e[this.itemValueKey] : e;
@@ -5246,8 +5310,8 @@ var jn = /* @__PURE__ */ K({
 			}
 		}
 	}
-}, [["render", An]]), Mn = 4;
-function Nn(e) {
+}, [["render", Rn]]), Bn = 4;
+function Vn(e) {
 	return {
 		top: "bottom",
 		bottom: "top",
@@ -5255,7 +5319,7 @@ function Nn(e) {
 		right: "left"
 	}[e] || "bottom";
 }
-var Pn = {
+var Hn = {
 	props: {
 		appendTo: { type: [
 			String,
@@ -5290,6 +5354,8 @@ var Pn = {
 		openTimeout: null,
 		viewportPlacementOverride: null,
 		detachableReady: !1,
+		_contentEntered: !1,
+		_autofocusTargets: [],
 		teleportTarget: null
 	}),
 	computed: {
@@ -5298,7 +5364,7 @@ var Pn = {
 			let e = ".w-app";
 			typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
 			let t = this.appendTo || e;
-			return t === !0 ? t = e : this.appendTo === "activator" ? t = this.activatorEl : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, R(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`, this)), typeof t == "string" && (t = document.querySelector(t)), t ||= (R(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`, this), document.querySelector(e)), t;
+			return t === !0 ? t = e : this.appendTo === "activator" ? t = this.activatorEl : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, L(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`, this)), typeof t == "string" && (t = document.querySelector(t)), t ||= (L(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`, this), document.querySelector(e)), t;
 		},
 		detachableParentEl() {
 			return this.appendToTarget;
@@ -5333,7 +5399,23 @@ var Pn = {
 	},
 	methods: {
 		onAfterLeave() {
-			this.detachableReady = !1, this.detachableEl = null;
+			this.detachableReady = !1, this.detachableEl = null, this._contentEntered = !1, this._autofocusTargets = [];
+		},
+		onDetachableAfterEnter() {
+			this._contentEntered = !0, this._maybeFlushAutofocus();
+		},
+		registerAutofocus(e) {
+			this._autofocusTargets ||= [], this._autofocusTargets.push(e), this._maybeFlushAutofocus();
+		},
+		unregisterAutofocus(e) {
+			this._autofocusTargets?.length && (this._autofocusTargets = this._autofocusTargets.filter((t) => t.el !== e));
+		},
+		_maybeFlushAutofocus() {
+			this.detachableReady && this._contentEntered && this.flushAutofocus();
+		},
+		flushAutofocus() {
+			let e = this._autofocusTargets || [];
+			this._autofocusTargets = [], e.length && this.$nextTick(() => e.forEach(({ el: e }) => qe(e)));
 		},
 		unbindActivatorDocEvents() {
 			typeof document > "u" || this.docEventListenersHandlers.length && (this.docEventListenersHandlers.forEach(({ eventName: e, handler: t }) => {
@@ -5366,7 +5448,7 @@ var Pn = {
 			}), this._activatorDomEl = null, this._activatorAttachedEvents = []);
 		},
 		async open(e) {
-			this.disable || (this.delay && await new Promise((e) => this.openTimeout = setTimeout(e, this.delay)), !(this.delay && !this.openTimeout) && (this.disable || (this.detachableReady = !1, typeof document < "u" && (this.teleportTarget = this.appendToTarget), this.detachableVisible = !0, this.activator && (this.activatorEl = e.target), await this.$nextTick(), this.detachableEl = this.$refs.detachable?.$el || this.$refs.detachable, this.minWidth === "activator" && this.activatorEl && (this.activatorWidth = this.activatorEl.offsetWidth), this.noPosition ? this.detachableReady = !0 : this.computeDetachableCoords(), this.timeoutId = setTimeout(() => {
+			this.disable || (this.delay && await new Promise((e) => this.openTimeout = setTimeout(e, this.delay)), !(this.delay && !this.openTimeout) && (this.disable || (this.detachableReady = !1, this._contentEntered = !1, typeof document < "u" && (this.teleportTarget = this.appendToTarget), this.detachableVisible = !0, this.activator && (this.activatorEl = e.target), await this.$nextTick(), this.detachableEl = this.$refs.detachable?.$el || this.$refs.detachable, this.minWidth === "activator" && this.activatorEl && (this.activatorWidth = this.activatorEl.offsetWidth), this.noPosition ? (this.detachableReady = !0, this._maybeFlushAutofocus()) : await this.computeDetachableCoords(), this.timeoutId = setTimeout(() => {
 				this.$emit("update:modelValue", !0), this.$emit("input", !0), this.$emit("open");
 			}, 0), typeof document < "u" && !this.persistent && document.addEventListener("mousedown", this.onOutsideMousedown), typeof window < "u" && !this.noPosition && window.addEventListener("resize", this.onResize))));
 		},
@@ -5419,14 +5501,14 @@ var Pn = {
 			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 = Mn, 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 = Nn(r), this.viewportPlacementOverride = r);
+				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 i = this.getActivatorCoordinates(), { top: a, left: o } = this._applyDetachablePlacement(r, i, e);
 			this.detachableCoords = {
 				top: a,
 				left: o
-			}, this.detachableReady = !0, await this.$nextTick(), this.detachableEl && (this.detachableVisible || (this.detachableEl.style.display = "none"));
+			}, this.detachableReady = !0, await this.$nextTick(), this._maybeFlushAutofocus(), this.detachableEl && (this.detachableVisible || (this.detachableEl.style.display = "none"));
 		},
 		onResize() {
 			typeof window > "u" || (this.minWidth === "activator" && this.activatorEl && (this.activatorWidth = this.activatorEl.offsetWidth), this.computeDetachableCoords());
@@ -5476,7 +5558,7 @@ var Pn = {
 };
 //#endregion
 //#region src/wave-ui/components/w-menu.vue?vue&type=template&lang.js
-function Fn(t, i, a, l, d, p) {
+function Un(t, i, a, l, d, p) {
 	let m = E("w-card"), g = E("w-overlay");
 	return b(), c(e, null, [
 		T(t.$slots, "activator"),
@@ -5488,9 +5570,10 @@ function Fn(t, i, a, l, d, p) {
 		}, [f(r, {
 			name: p.transitionName,
 			appear: "",
+			onAfterEnter: t.onDetachableAfterEnter,
 			onAfterLeave: t.onAfterLeave
 		}, {
-			default: M(() => [a.custom && t.detachableVisible ? (b(), c("div", h({
+			default: j(() => [a.custom && t.detachableVisible ? (b(), c("div", h({
 				key: 0,
 				class: "w-menu",
 				ref: "detachable"
@@ -5516,15 +5599,15 @@ function Fn(t, i, a, l, d, p) {
 				class: p.classes,
 				style: p.styles
 			}), u({
-				default: M(() => [t.$slots.activator ? T(t.$slots, "default", { key: 0 }) : T(t.$slots, "content", { key: 1 })]),
+				default: j(() => [t.$slots.activator ? T(t.$slots, "default", { key: 0 }) : T(t.$slots, "content", { key: 1 })]),
 				_: 2
 			}, [t.$slots.title ? {
 				name: "title",
-				fn: M(() => [T(t.$slots, "title")]),
+				fn: j(() => [T(t.$slots, "title")]),
 				key: "0"
 			} : void 0, t.$slots.actions ? {
 				name: "actions",
-				fn: M(() => [T(t.$slots, "actions")]),
+				fn: j(() => [T(t.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1040, [
 				"tile",
@@ -5536,7 +5619,11 @@ function Fn(t, i, a, l, d, p) {
 				"style"
 			])) : s("", !0)]),
 			_: 3
-		}, 8, ["name", "onAfterLeave"]), a.overlay ? (b(), o(g, h({
+		}, 8, [
+			"name",
+			"onAfterEnter",
+			"onAfterLeave"
+		]), a.overlay ? (b(), o(g, h({
 			key: 0,
 			ref: "overlay",
 			"model-value": t.detachableVisible,
@@ -5553,10 +5640,10 @@ function Fn(t, i, a, l, d, p) {
 		])) : s("", !0)], 8, ["to", "disabled"])) : s("", !0)
 	], 64);
 }
-var In = /* @__PURE__ */ K({
+var Wn = /* @__PURE__ */ q({
 	name: "w-menu",
 	expose: ["focus"],
-	mixins: [Pn],
+	mixins: [Hn],
 	inheritAttrs: !1,
 	props: {
 		modelValue: {},
@@ -5693,7 +5780,7 @@ var In = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			this.overlay && this.$refs.overlay ? this.$refs.overlay.focus() : q(this.activatorEl);
+			this.overlay && this.$refs.overlay ? this.$refs.overlay.focus() : J(this.activatorEl);
 		},
 		toggle(e) {
 			if (this.disable) return;
@@ -5704,16 +5791,16 @@ var In = /* @__PURE__ */ K({
 			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", Fn]]);
+}, [["render", Un]]);
 //#endregion
 //#region src/wave-ui/components/w-notification.vue?vue&type=template&lang.js
-function Ln(e, t, n, i, a, l) {
+function Gn(e, t, n, i, a, l) {
 	let u = E("w-alert");
 	return b(), o(r, {
 		name: l.transitionName,
 		appear: ""
 	}, {
-		default: M(() => [a.show ? (b(), c("div", {
+		default: j(() => [a.show ? (b(), c("div", {
 			key: 0,
 			class: _(["w-notification", l.classes]),
 			style: y(l.styles)
@@ -5723,13 +5810,13 @@ function Ln(e, t, n, i, a, l) {
 				e.$emit("update:modelValue", !1), e.$emit("input", !1);
 			}
 		}), {
-			default: M(() => [T(e.$slots, "default")]),
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16, ["class"])], 6)) : s("", !0)]),
 		_: 3
 	}, 8, ["name"]);
 }
-var Rn = /* @__PURE__ */ K({
+var Kn = /* @__PURE__ */ q({
 	name: "w-notification",
 	props: {
 		modelValue: { default: !0 },
@@ -5859,27 +5946,27 @@ var Rn = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
 	} }
-}, [["render", Ln]]);
+}, [["render", Gn]]);
 //#endregion
 //#region src/wave-ui/components/w-overlay.vue?vue&type=template&lang.js
-function zn(e, t, n, i, a, l) {
+function qn(e, t, n, i, a, l) {
 	return b(), o(r, {
 		name: "fade",
 		appear: "",
 		onAfterLeave: l.onClose
 	}, {
-		default: M(() => [n.modelValue ? N((b(), c("div", {
+		default: j(() => [n.modelValue ? M((b(), c("div", {
 			key: 0,
 			class: _(["w-overlay", l.classes]),
 			ref: "overlay",
 			style: y(n.modelValue && l.styles || null),
 			onClick: t[0] ||= (...e) => l.onClick && l.onClick(...e),
 			tabindex: "0"
-		}, [T(e.$slots, "default")], 6)), [[oe, e.showOverlay]]) : s("", !0)]),
+		}, [T(e.$slots, "default")], 6)), [[se, e.showOverlay]]) : s("", !0)]),
 		_: 3
 	}, 8, ["onAfterLeave"]);
 }
-var Bn = /* @__PURE__ */ K({
+var Jn = /* @__PURE__ */ q({
 	name: "w-overlay",
 	expose: ["focus"],
 	props: {
@@ -5933,7 +6020,7 @@ var Bn = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			q(this.$refs.overlay);
+			J(this.$refs.overlay);
 		},
 		bindDocumentEscape() {
 			this.documentEscapeBound ||= (document.addEventListener("keydown", this.onDocumentEscape), !0);
@@ -5963,22 +6050,22 @@ var Bn = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		e ? (this.showOverlay = !0, this.bindDocumentEscape()) : this.unbindDocumentEscape();
 	} }
-}, [["render", zn]]), Vn = { class: "w-parallax" };
-function Hn(e, t, n, r, i, a) {
-	return b(), c("div", Vn);
+}, [["render", qn]]), Yn = { class: "w-parallax" };
+function Xn(e, t, n, r, i, a) {
+	return b(), c("div", Yn);
 }
-var Un = /* @__PURE__ */ K({
+var Zn = /* @__PURE__ */ q({
 	name: "w-parallax",
 	props: {},
 	emits: [],
 	data: () => ({})
-}, [["render", Hn]]), Wn = ["viewBox"], Gn = [
+}, [["render", Xn]]), Qn = ["viewBox"], $n = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-width"
-], Kn = [
+], er = [
 	"cx",
 	"cy",
 	"r",
@@ -5986,7 +6073,7 @@ var Un = /* @__PURE__ */ K({
 	"stroke-linecap",
 	"stroke-dasharray"
 ];
-function qn(e, t, n, r, i, a) {
+function tr(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-progress", a.classes]),
 		style: y(a.styles)
@@ -6002,7 +6089,7 @@ function qn(e, t, n, r, i, a) {
 		fill: "transparent",
 		"stroke-dasharray": e.circleCircumference,
 		"stroke-width": n.stroke
-	}, null, 10, Gn)) : s("", !0), l("circle", {
+	}, null, 10, $n)) : s("", !0), l("circle", {
 		class: "w-progress__progress",
 		cx: a.circleCenter,
 		cy: a.circleCenter,
@@ -6012,7 +6099,7 @@ function qn(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, Kn)], 8, Wn)) : (b(), c("div", {
+	}, null, 12, er)], 8, Qn)) : (b(), c("div", {
 		key: 0,
 		class: _(["w-progress__progress", { full: a.progressValue === 100 }]),
 		style: y(`width: ${a.progressValue}%`)
@@ -6023,7 +6110,7 @@ function qn(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/wave-ui/components/w-progress.vue
-var Jn = 40, Yn = Jn / 2, Xn = Math.round(Jn * 3.14 * 100) / 100, Zn = /* @__PURE__ */ K({
+var nr = 40, rr = nr / 2, ir = Math.round(nr * 3.14 * 100) / 100, ar = /* @__PURE__ */ q({
 	name: "w-progress",
 	props: {
 		modelValue: {
@@ -6065,16 +6152,16 @@ var Jn = 40, Yn = Jn / 2, Xn = Math.round(Jn * 3.14 * 100) / 100, Zn = /* @__PUR
 	},
 	emits: [],
 	data: () => ({
-		circleSize: Jn,
-		circleRadius: Yn,
-		circleCircumference: Xn
+		circleSize: nr,
+		circleRadius: rr,
+		circleCircumference: ir
 	}),
 	computed: {
 		progressValue() {
 			return parseFloat(this.modelValue);
 		},
 		circleCenter() {
-			return Jn + this.stroke;
+			return nr + this.stroke;
 		},
 		forcedSize() {
 			return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -6104,7 +6191,7 @@ var Jn = 40, Yn = Jn / 2, Xn = Math.round(Jn * 3.14 * 100) / 100, Zn = /* @__PUR
 			return { [this.circle ? "width" : "height"]: this.forcedSize || null };
 		}
 	}
-}, [["render", qn]]), Qn = [
+}, [["render", tr]]), or = [
 	"id",
 	"name",
 	"checked",
@@ -6112,8 +6199,8 @@ var Jn = 40, Yn = Jn / 2, Xn = Math.round(Jn * 3.14 * 100) / 100, Zn = /* @__PUR
 	"required",
 	"tabindex",
 	"aria-checked"
-], $n = ["for"], er = ["for", "innerHTML"], tr = ["for"], nr = ["for", "innerHTML"];
-function rr(t, n, r, i, a, u) {
+], sr = ["for"], cr = ["for", "innerHTML"], lr = ["for"], ur = ["for", "innerHTML"];
+function dr(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,
@@ -6128,7 +6215,7 @@ function rr(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", {
 				ref: "input",
 				id: t.inputId,
@@ -6142,17 +6229,17 @@ function rr(t, n, r, i, a, u) {
 				onChange: n[1] ||= (e) => u.onInput(e),
 				"aria-checked": t.inputValue || "false",
 				role: "radio"
-			}, null, 40, Qn),
+			}, null, 40, or),
 			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, $n)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, sr)) : 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, er)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, cr)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: _(["w-radio__input", this.color]),
 				onClick: n[2] ||= (e) => {
@@ -6163,17 +6250,17 @@ function rr(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, tr)) : r.label ? (b(), c("label", {
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, lr)) : 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, nr)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, ur)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var ir = /* @__PURE__ */ K({
+var fr = /* @__PURE__ */ q({
 	name: "w-radio",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -6254,8 +6341,8 @@ var ir = /* @__PURE__ */ K({
 	watch: { modelValue() {
 		this.toggleFromOutside();
 	} }
-}, [["render", rr]]), ar = ["innerHTML"];
-function or(t, n, r, i, a, l) {
+}, [["render", dr]]), pr = ["innerHTML"];
+function mr(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,
@@ -6272,7 +6359,7 @@ function or(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: M(() => [(b(!0), c(e, null, w(l.radioItems, (e, i) => (b(), o(u, h({
+		default: j(() => [(b(!0), c(e, null, w(l.radioItems, (e, i) => (b(), o(u, h({
 			ref_for: !0,
 			ref: "item",
 			key: i,
@@ -6290,7 +6377,7 @@ function or(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: M(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: j(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				index: i + 1,
@@ -6299,7 +6386,7 @@ function or(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, ar)) : s("", !0)]),
+			}, null, 8, pr)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -6317,8 +6404,9 @@ function or(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var sr = /* @__PURE__ */ K({
+var hr = /* @__PURE__ */ q({
 	name: "w-radios",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [Q],
 	setup() {
@@ -6394,7 +6482,7 @@ var sr = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			J(this) && [].concat(this.$refs.item || []).filter(Boolean).find((e) => !e.isDisabled && !e.isReadonly)?.focus?.();
+			We(this) && [].concat(this.$refs.item || []).filter(Boolean).find((e) => !e.isDisabled && !e.isReadonly)?.focus?.();
 		},
 		onInput(e) {
 			this.inputValue = !0, this.$emit("update:modelValue", e.value), this.$emit("input", e.value);
@@ -6403,17 +6491,17 @@ var sr = /* @__PURE__ */ K({
 			return this.items[e._index];
 		}
 	}
-}, [["render", or]]), cr = [
+}, [["render", mr]]), gr = [
 	"id",
 	"name",
 	"value"
-], lr = [
+], _r = [
 	"disabled",
 	"onMouseenter",
 	"onClick",
 	"tabindex"
 ];
-function ur(t, n, r, i, a, u) {
+function vr(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,
@@ -6428,12 +6516,12 @@ function ur(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [l("input", {
+		default: j(() => [l("input", {
 			id: t.inputId,
 			name: t.inputName,
 			type: "hidden",
 			value: a.rating
-		}, null, 8, cr), (b(!0), c(e, null, w(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? T(t.$slots, "item", {
+		}, null, 8, gr), (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", {
@@ -6453,12 +6541,13 @@ function ur(t, n, r, i, a, u) {
 			role: "icon",
 			"aria-hidden": "true",
 			style: y(u.halfStarStyle)
-		}, null, 6)) : s("", !0)], 42, lr)], 64))), 128))]),
+		}, null, 6)) : s("", !0)], 42, _r)], 64))), 128))]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var dr = /* @__PURE__ */ K({
+var yr = /* @__PURE__ */ q({
 	name: "w-rating",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [Q],
 	setup() {
@@ -6529,7 +6618,7 @@ var dr = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			J(this) && q(this.$el.querySelector(".w-rating__button:not([disabled])"));
+			We(this) && J(this.$el.querySelector(".w-rating__button:not([disabled])"));
 		},
 		onButtonClick(e) {
 			this.rating = e, this.$emit("update:modelValue", this.rating), this.$emit("input", this.rating), this.noRipple || (this.ripple.start = !0, this.ripple.timeout = setTimeout(() => {
@@ -6569,14 +6658,17 @@ var dr = /* @__PURE__ */ K({
 	watch: { value(e) {
 		this.rating = parseFloat(e);
 	} }
-}, [["render", ur]]), fr = ["tabindex", "aria-disabled"], pr = ["id"], mr = [
+}, [["render", vr]]), br = ["tabindex", "aria-disabled"], xr = ["id"], Sr = [
 	"aria-controls",
 	"aria-orientation",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled",
 	"aria-label"
-], hr = 120, gr = 450, _r = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
+], Cr = 120, wr = 450, Tr = /* @__PURE__ */ Object.assign({
+	name: "WScrollable",
+	focusable: !0
+}, {
 	__name: "w-scrollable",
 	props: {
 		color: {
@@ -6654,44 +6746,44 @@ var dr = /* @__PURE__ */ K({
 			offset: 0,
 			trackStart: 0,
 			trackSize: 0
-		}), A = S(null), j = null, M = null, P = null, ce = "", I = a(() => r.horizontal), L = a(() => o[I.value ? "h" : "v"]), le = a(() => r.disabled ? -1 : r.tabindex), R = a(() => {
+		}), oe = S(null), A = null, j = null, N = null, le = "", F = a(() => r.horizontal), I = a(() => o[F.value ? "h" : "v"]), ue = a(() => r.disabled ? -1 : r.tabindex), L = a(() => {
 			let e = r.scrollbar;
 			return e === 0 || e === "0" ? "off" : e === 1 || e === "1" ? "always" : e === "hover" ? "hover" : e === "interaction" ? "interaction" : "always";
-		}), z = a(() => R.value !== "off"), ue = a(() => ({
-			[`w-scrollable--${L.value.direction}`]: !0,
+		}), R = a(() => L.value !== "off"), de = a(() => ({
+			[`w-scrollable--${I.value.direction}`]: !0,
 			"w-scrollable--disabled": r.disabled,
 			"w-scrollable--dragging": C.value,
 			"w-scrollable--scrolling": x.value || C.value
-		})), de = a(() => ({
-			[`w-scrollable__scrollbar--${L.value.direction}`]: !0,
-			"w-scrollable__scrollbar--hidden": !ye.value,
+		})), fe = a(() => ({
+			[`w-scrollable__scrollbar--${I.value.direction}`]: !0,
+			"w-scrollable__scrollbar--hidden": !be.value,
 			[`${r.bgColor}--bg`]: !!r.bgColor
-		})), fe = a(() => Y(r.contentClass ?? {})), B = a(() => (E.value, f.value ? f.value[L.value.scrollSize] > f.value[L.value.clientSize] + 1 : !1)), V = a(() => (E.value, f.value ? Math.max(0, f.value[L.value.scrollSize] - f.value[L.value.clientSize]) : 0)), pe = a(() => I.value ? "horizontal" : "vertical"), me = a(() => B.value ? Math.max(0, Math.round(V.value)) : 0), he = a(() => {
+		})), pe = a(() => Y(r.contentClass ?? {})), z = a(() => (E.value, f.value ? f.value[I.value.scrollSize] > f.value[I.value.clientSize] + 1 : !1)), B = a(() => (E.value, f.value ? Math.max(0, f.value[I.value.scrollSize] - f.value[I.value.clientSize]) : 0)), me = a(() => F.value ? "horizontal" : "vertical"), he = a(() => z.value ? Math.max(0, Math.round(B.value)) : 0), ge = a(() => {
 			if (!f.value) return 0;
-			let e = Math.round(f.value[L.value.scrollTopOrLeft]), t = me.value;
+			let e = Math.round(f.value[I.value.scrollTopOrLeft]), t = he.value;
 			return t ? Math.min(t, Math.max(0, e)) : 0;
-		}), ge = a(() => {
+		}), _e = a(() => {
 			let e = u["aria-label"] ?? u.ariaLabel;
 			return typeof e == "string" && e ? e : "";
-		}), _e = a(() => ge.value ? `${ge.value}, scroll position` : I.value ? "Horizontal scrollbar" : "Vertical scrollbar"), ve = a(() => {
-			if (E.value, !f.value || !B.value) return 100;
-			let e = f.value[L.value.clientSize], t = f.value[L.value.scrollSize];
+		}), ve = a(() => _e.value ? `${_e.value}, scroll position` : F.value ? "Horizontal scrollbar" : "Vertical scrollbar"), ye = a(() => {
+			if (E.value, !f.value || !z.value) return 100;
+			let e = f.value[I.value.clientSize], t = f.value[I.value.scrollSize];
 			return Math.max(8, Math.min(100, e * 100 / t));
-		}), ye = a(() => {
-			let e = R.value;
-			return !B.value || e === "off" ? !1 : e === "always" ? !0 : e === "hover" ? v.value || C.value || x.value : e === "interaction" ? C.value || x.value : !0;
+		}), be = a(() => {
+			let e = L.value;
+			return !z.value || e === "off" ? !1 : e === "always" ? !0 : e === "hover" ? v.value || C.value || x.value : e === "interaction" ? C.value || x.value : !0;
 		});
-		function be(e) {
+		function xe(e) {
 			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : typeof e == "string" && /^-?\d+(\.\d+)?$/.test(e.trim()) ? `${e.trim()}px` : e;
 		}
-		let xe = a(() => ({
-			"max-width": be(r.width),
-			"max-height": be(r.height)
-		})), Se = a(() => {
-			let e = Math.max(0, 100 - ve.value), t = H(w.value / 100 * e, 0, e);
+		let Se = a(() => ({
+			"max-width": xe(r.width),
+			"max-height": xe(r.height)
+		})), V = a(() => {
+			let e = Math.max(0, 100 - ye.value), t = H(w.value / 100 * e, 0, e);
 			return {
-				[L.value.size]: `${ve.value}%`,
-				[L.value.topOrLeft]: `${t}%`
+				[I.value.size]: `${ye.value}%`,
+				[I.value.topOrLeft]: `${t}%`
 			};
 		});
 		function H(e, t, n) {
@@ -6728,128 +6820,128 @@ var dr = /* @__PURE__ */ K({
 				source: e
 			};
 		}
-		function Te(e = "native") {
+		function U(e = "native") {
 			let t = we(e);
-			i("scroll", t), O.value || (O.value = !0, i("scroll-start", t)), j && window.clearTimeout(j), j = window.setTimeout(() => {
+			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"));
-			}, hr);
+			}, Cr);
 		}
-		function Ee() {
+		function Te() {
 			v.value = !0;
 		}
-		function De() {
+		function Ee() {
 			v.value = !1;
 		}
-		function U() {
-			f.value && (w.value = V.value ? f.value[L.value.scrollTopOrLeft] * 100 / V.value : 0);
+		function W() {
+			f.value && (w.value = B.value ? f.value[I.value.scrollTopOrLeft] * 100 / B.value : 0);
 		}
-		function W(e, t = "api") {
+		function G(e, t = "api") {
 			if (!f.value) return;
-			let n = H(e, 0, V.value), r = f.value[L.value.scrollTopOrLeft];
+			let n = H(e, 0, B.value), r = f.value[I.value.scrollTopOrLeft];
 			if (ne.value = t, Math.abs(r - n) < 1) {
-				U(), Te(t);
+				W(), U(t);
 				return;
 			}
-			(t === "wheel" || t === "keyboard") && K(), D.value = !0, f.value[L.value.scrollTopOrLeft] = n, U(), Te(t);
+			(t === "wheel" || t === "keyboard") && q(), D.value = !0, f.value[I.value.scrollTopOrLeft] = n, W(), U(t);
 		}
-		function Oe(e, t = "api") {
-			W(H(e, 0, 100) / 100 * V.value, t);
+		function De(e, t = "api") {
+			G(H(e, 0, 100) / 100 * B.value, t);
 		}
-		function G() {
+		function K() {
 			g(() => {
-				E.value++, U(), requestAnimationFrame(() => {
-					E.value++, U();
+				E.value++, W(), requestAnimationFrame(() => {
+					E.value++, W();
 				});
 			});
 		}
-		function ke() {
+		function Oe() {
 			if (D.value) {
 				D.value = !1;
 				return;
 			}
-			U(), Te(ne.value), ne.value = "native";
+			W(), U(ne.value), ne.value = "native";
 		}
-		function Ae(e) {
+		function ke(e) {
 			let t = e.deltaX || 0, n = e.deltaY || 0, i = 0;
-			return I.value ? (i = Math.abs(t) >= Math.abs(n) ? t : n, !i && e.shiftKey && (i = n)) : i = Math.abs(n) >= Math.abs(t) ? n : t, f.value ? e.deltaMode === 1 ? i * r.wheelStep : e.deltaMode === 2 ? i * f.value[L.value.clientSize] : i : i;
+			return F.value ? (i = Math.abs(t) >= Math.abs(n) ? t : n, !i && e.shiftKey && (i = n)) : i = Math.abs(n) >= Math.abs(t) ? n : t, f.value ? e.deltaMode === 1 ? i * r.wheelStep : e.deltaMode === 2 ? i * f.value[I.value.clientSize] : i : i;
 		}
-		function K() {
-			x.value = !0, M && window.clearTimeout(M), M = window.setTimeout(() => {
-				x.value = !1, M = null;
-			}, gr);
+		function q() {
+			x.value = !0, j && window.clearTimeout(j), j = window.setTimeout(() => {
+				x.value = !1, j = null;
+			}, wr);
 		}
-		function je() {
+		function Ae() {
 			let e = r.scrollPosition;
 			if (e == null || !f.value) return;
 			if (typeof e == "number") {
 				if (Number.isNaN(e)) return;
-				W(e, "api");
+				G(e, "api");
 				return;
 			}
 			if (typeof e != "object" || !e) return;
 			let t = f.value, n = Math.max(0, t.scrollHeight - t.clientHeight), i = Math.max(0, t.scrollWidth - t.clientWidth), a = "top" in e && e.top != null && typeof e.top == "number" && !Number.isNaN(e.top), o = "left" in e && e.left != null && typeof e.left == "number" && !Number.isNaN(e.left);
 			if (a || o) {
-				D.value = !0, a && (t.scrollTop = H(e.top, 0, n)), o && (t.scrollLeft = H(e.left, 0, i)), U(), Te("api");
+				D.value = !0, a && (t.scrollTop = H(e.top, 0, n)), o && (t.scrollLeft = H(e.left, 0, i)), W(), U("api");
 				return;
 			}
-			let s = I.value ? e.left ?? e.top : e.top ?? e.left;
-			typeof s == "number" && !Number.isNaN(s) && W(s, "api");
+			let s = F.value ? e.left ?? e.top : e.top ?? e.left;
+			typeof s == "number" && !Number.isNaN(s) && G(s, "api");
 		}
-		function Me(e) {
-			e ? (ce = document.documentElement.style.cursor, document.documentElement.style.cursor = "grabbing") : (document.documentElement.style.cursor = ce, ce = "");
+		function je(e) {
+			e ? (le = document.documentElement.style.cursor, document.documentElement.style.cursor = "grabbing") : (document.documentElement.style.cursor = le, le = "");
 		}
-		function Ne() {
-			document.addEventListener("pointermove", Be, !0), document.addEventListener("pointerup", Ve, !0), document.addEventListener("pointercancel", Ve, !0);
+		function Me() {
+			document.addEventListener("pointermove", Ve, !0), document.addEventListener("pointerup", He, !0), document.addEventListener("pointercancel", He, !0);
 		}
-		function Pe() {
-			document.removeEventListener("pointermove", Be, !0), document.removeEventListener("pointerup", Ve, !0), document.removeEventListener("pointercancel", Ve, !0);
+		function Ne() {
+			document.removeEventListener("pointermove", Ve, !0), document.removeEventListener("pointerup", He, !0), document.removeEventListener("pointercancel", He, !0);
 		}
-		function Fe(e) {
-			if (r.disabled || !B.value) return;
+		function Pe(e) {
+			if (r.disabled || !z.value) return;
 			if (e.metaKey) {
-				let t = Ae(e);
+				let t = ke(e);
 				if (!t) return;
-				e.preventDefault(), W(t < 0 ? 0 : V.value, "wheel");
+				e.preventDefault(), G(t < 0 ? 0 : B.value, "wheel");
 				return;
 			}
-			let t = Ae(e);
+			let t = ke(e);
 			if (!t) return;
-			let n = f.value[L.value.scrollTopOrLeft], i = H(n + t, 0, V.value), a = n <= 0 && t < 0, o = n >= V.value && t > 0;
-			a || o || (e.preventDefault(), W(i, "wheel"));
+			let n = f.value[I.value.scrollTopOrLeft], i = H(n + t, 0, B.value), a = n <= 0 && t < 0, o = n >= B.value && t > 0;
+			a || o || (e.preventDefault(), G(i, "wheel"));
 		}
-		function Ie(e) {
-			if (r.disabled || !B.value || Ce(e.target)) return;
-			let t = f.value[L.value.scrollTopOrLeft], n = r.wheelStep, i = f.value[L.value.clientSize], a = null;
+		function Fe(e) {
+			if (r.disabled || !z.value || Ce(e.target)) return;
+			let t = f.value[I.value.scrollTopOrLeft], n = r.wheelStep, i = f.value[I.value.clientSize], a = null;
 			if (e.metaKey) {
-				if (e.key === "ArrowUp" && !I.value) {
-					e.preventDefault(), W(0, "keyboard");
+				if (e.key === "ArrowUp" && !F.value) {
+					e.preventDefault(), G(0, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowDown" && !I.value) {
-					e.preventDefault(), W(V.value, "keyboard");
+				if (e.key === "ArrowDown" && !F.value) {
+					e.preventDefault(), G(B.value, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowLeft" && I.value) {
-					e.preventDefault(), W(0, "keyboard");
+				if (e.key === "ArrowLeft" && F.value) {
+					e.preventDefault(), G(0, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowRight" && I.value) {
-					e.preventDefault(), W(V.value, "keyboard");
+				if (e.key === "ArrowRight" && F.value) {
+					e.preventDefault(), G(B.value, "keyboard");
 					return;
 				}
 			}
 			switch (e.key) {
 				case "ArrowUp":
-					I.value || (a = t - n);
+					F.value || (a = t - n);
 					break;
 				case "ArrowDown":
-					I.value || (a = t + n);
+					F.value || (a = t + n);
 					break;
 				case "ArrowLeft":
-					I.value && (a = t - n);
+					F.value && (a = t - n);
 					break;
 				case "ArrowRight":
-					I.value && (a = t + n);
+					F.value && (a = t + n);
 					break;
 				case "PageUp":
 					a = t - i;
@@ -6861,160 +6953,160 @@ var dr = /* @__PURE__ */ K({
 					a = 0;
 					break;
 				case "End":
-					a = V.value;
+					a = B.value;
 					break;
 			}
-			a !== null && (e.preventDefault(), W(a, "keyboard"));
+			a !== null && (e.preventDefault(), G(a, "keyboard"));
 		}
-		function Le(e, t, n) {
+		function Ie(e, t, n) {
 			if (!p.value) return;
 			let r = p.value.getBoundingClientRect();
-			k.value.trackStart = r[L.value.topOrLeft], k.value.trackSize = r[L.value.size], k.value.offset = Number.isFinite(t) ? t : 0, C.value = !0;
+			k.value.trackStart = r[I.value.topOrLeft], k.value.trackSize = r[I.value.size], k.value.offset = Number.isFinite(t) ? t : 0, C.value = !0;
 			let i = n?.pointerId;
 			if (i != null && d.value?.setPointerCapture) try {
-				d.value.setPointerCapture(i), A.value = i;
+				d.value.setPointerCapture(i), oe.value = i;
 			} catch {
-				A.value = null;
+				oe.value = null;
 			}
-			Me(!0), Re(e), Ne();
+			je(!0), Le(e), Me();
 		}
-		function Re(e) {
+		function Le(e) {
 			if (!C.value || !k.value.trackSize) return;
-			let t = k.value.trackSize * (ve.value / 100), n = Math.max(1, k.value.trackSize - t);
-			Oe(H(e - k.value.trackStart - k.value.offset, 0, n) / n * 100, "drag");
+			let t = k.value.trackSize * (ye.value / 100), n = Math.max(1, k.value.trackSize - t);
+			De(H(e - k.value.trackStart - k.value.offset, 0, n) / n * 100, "drag");
 		}
-		function ze() {
-			if (A.value != null && d.value?.releasePointerCapture) {
+		function Re() {
+			if (oe.value != null && d.value?.releasePointerCapture) {
 				try {
-					d.value.releasePointerCapture(A.value);
+					d.value.releasePointerCapture(oe.value);
 				} catch {}
-				A.value = null;
+				oe.value = null;
 			}
-			Me(!1), C.value = !1, Pe();
+			je(!1), C.value = !1, Ne();
 		}
-		function q(e) {
+		function ze(e) {
 			if (r.disabled || e.button !== 0 && e.pointerType !== "touch") return;
-			ze();
-			let t = m.value?.getBoundingClientRect(), n = t ? t[L.value.size] / 2 : 0;
-			Le(e[L.value.clientXorY], n, e);
+			Re();
+			let t = m.value?.getBoundingClientRect(), n = t ? t[I.value.size] / 2 : 0;
+			Ie(e[I.value.clientXorY], n, e);
 		}
-		function J(e) {
+		function Be(e) {
 			if (r.disabled || e.button !== 0 && e.pointerType !== "touch") return;
-			ze();
-			let t = m.value?.getBoundingClientRect(), n = t ? e[L.value.clientXorY] - t[L.value.topOrLeft] : 0;
-			Le(e[L.value.clientXorY], n, e);
+			Re();
+			let t = m.value?.getBoundingClientRect(), n = t ? e[I.value.clientXorY] - t[I.value.topOrLeft] : 0;
+			Ie(e[I.value.clientXorY], n, e);
 		}
-		function Be(e) {
-			C.value && (e.cancelable && e.preventDefault(), Re(e[L.value.clientXorY]));
+		function Ve(e) {
+			C.value && (e.cancelable && e.preventDefault(), Le(e[I.value.clientXorY]));
 		}
-		function Ve() {
-			C.value && ze();
+		function He() {
+			C.value && Re();
 		}
-		function He(e = w.value) {
+		function Ue(e = w.value) {
 			if (typeof e == "number") {
-				Oe(e, "api");
+				De(e, "api");
 				return;
 			}
-			e && typeof e == "object" && Ue(e);
+			e && typeof e == "object" && J(e);
 		}
-		function Ue({ top: e, left: t, behavior: n = "auto" } = {}) {
-			let r = I.value ? t ?? e : e ?? t;
-			typeof r == "number" && W(r, "api");
+		function J({ top: e, left: t, behavior: n = "auto" } = {}) {
+			let r = F.value ? t ?? e : e ?? t;
+			typeof r == "number" && G(r, "api");
 		}
 		function We({ top: e = 0, left: t = 0, behavior: n = "auto" } = {}) {
 			if (!f.value) return;
-			let r = I.value ? t : e;
-			W(f.value[L.value.scrollTopOrLeft] + r, "api");
+			let r = F.value ? t : e;
+			G(f.value[I.value.scrollTopOrLeft] + r, "api");
 		}
 		function Ge() {
-			W(0, "api");
+			G(0, "api");
 		}
 		function Ke() {
-			W(V.value, "api");
+			G(B.value, "api");
 		}
-		function X() {
+		function qe() {
 			d.value?.focus();
 		}
 		return te(() => {
-			G(), window.addEventListener("resize", G), typeof ResizeObserver < "u" && f.value && (P = new ResizeObserver(() => G()), P.observe(f.value)), g(() => {
+			K(), window.addEventListener("resize", K), typeof ResizeObserver < "u" && f.value && (N = new ResizeObserver(() => K()), N.observe(f.value)), g(() => {
 				requestAnimationFrame(() => {
-					je(), U();
+					Ae(), W();
 				});
 			});
-		}), se(() => [
+		}), ce(() => [
 			r.horizontal,
 			r.width,
 			r.height
-		], () => G()), se(() => r.scrollPosition, () => {
+		], () => K()), ce(() => r.scrollPosition, () => {
 			r.scrollPosition != null && g(() => {
-				je(), U();
+				Ae(), W();
 			});
-		}, { deep: !0 }), se(I, () => {
+		}, { deep: !0 }), ce(F, () => {
 			r.scrollPosition != null && g(() => {
-				je(), U();
+				Ae(), W();
 			});
 		}), ee(() => {
-			window.removeEventListener("resize", G), ze(), j && window.clearTimeout(j), M && window.clearTimeout(M), P && f.value && P.unobserve(f.value), P = null;
+			window.removeEventListener("resize", K), Re(), A && window.clearTimeout(A), j && window.clearTimeout(j), N && f.value && N.unobserve(f.value), N = null;
 		}), t({
-			scroll: He,
-			scrollTo: Ue,
+			scroll: Ue,
+			scrollTo: J,
 			scrollBy: We,
 			scrollToStart: Ge,
 			scrollToEnd: Ke,
-			focus: X,
-			refresh: G
+			focus: qe,
+			refresh: K
 		}), (e, t) => (b(), c("div", h({
 			class: "w-scrollable",
 			ref_key: "rootEl",
 			ref: d
 		}, e.$attrs, {
-			tabindex: le.value,
+			tabindex: ue.value,
 			role: "region",
 			"aria-disabled": r.disabled ? "true" : void 0,
-			onMouseenter: Ee,
-			onMouseleave: De,
-			onWheel: Fe,
-			onKeydown: Ie,
-			class: ue.value,
-			style: xe.value
+			onMouseenter: Te,
+			onMouseleave: Ee,
+			onWheel: Pe,
+			onKeydown: Fe,
+			class: de.value,
+			style: Se.value
 		}), [l("div", {
-			class: _(["w-scrollable__content", fe.value]),
+			class: _(["w-scrollable__content", pe.value]),
 			id: re(s),
 			ref_key: "scrollableEl",
 			ref: f,
-			onScroll: ke
-		}, [T(e.$slots, "default")], 42, pr), N(l("div", {
-			class: _(["w-scrollable__scrollbar", de.value]),
+			onScroll: Oe
+		}, [T(e.$slots, "default")], 42, xr), M(l("div", {
+			class: _(["w-scrollable__scrollbar", fe.value]),
 			ref_key: "trackEl",
 			ref: p,
 			role: "presentation",
-			onPointerdown: F(q, ["prevent"])
+			onPointerdown: P(ze, ["prevent"])
 		}, [l("div", {
 			class: _(["w-scrollable__scrollbar-thumb", { [r.color]: !!r.color }]),
 			ref_key: "thumbEl",
 			ref: m,
-			style: y(Se.value),
+			style: y(V.value),
 			role: "scrollbar",
 			"aria-controls": re(s),
-			"aria-orientation": pe.value,
+			"aria-orientation": me.value,
 			"aria-valuemin": 0,
-			"aria-valuemax": me.value,
-			"aria-valuenow": he.value,
+			"aria-valuemax": he.value,
+			"aria-valuenow": ge.value,
 			"aria-disabled": r.disabled ? "true" : void 0,
-			"aria-label": _e.value,
+			"aria-label": ve.value,
 			tabindex: "-1",
-			onPointerdown: F(J, ["stop", "prevent"])
-		}, null, 46, mr)], 34), [[oe, B.value && z.value]])], 16, fr));
+			onPointerdown: P(Be, ["stop", "prevent"])
+		}, null, 46, Sr)], 34), [[se, z.value && R.value]])], 16, br));
 	}
-}), vr = [
+}), Er = [
 	"aria-expanded",
 	"aria-owns",
 	"aria-activedescendant"
-], yr = {
+], Dr = {
 	key: 0,
 	class: "w-select__selection-slot"
-}, br = ["innerHTML"], xr = ["value", "name"];
-function Sr(t, n, r, i, a, p) {
+}, Or = ["innerHTML"], kr = ["value", "name"];
+function Ar(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,
@@ -7030,7 +7122,7 @@ function Sr(t, n, r, i, a, p) {
 		wrap: p.hasLabel && r.labelPosition !== "inside",
 		class: p.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-select__label w-select__label--left w-form-el-shakable", t.labelClasses]),
@@ -7047,7 +7139,7 @@ function Sr(t, n, r, i, a, p) {
 				custom: "",
 				"min-width": "activator"
 			}, r.menuProps || {}), {
-				content: M(() => [f(g, {
+				content: j(() => [f(g, {
 					ref: "w-list",
 					"model-value": t.inputValue,
 					"onUpdate:modelValue": p.onInput,
@@ -7068,7 +7160,7 @@ function Sr(t, n, r, i, a, p) {
 					tabindex: "-1"
 				}, u({ _: 2 }, [w(r.items.length, (e) => ({
 					name: `item.${e}`,
-					fn: M(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? T(t.$slots, `item.${e}`, {
+					fn: j(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? T(t.$slots, `item.${e}`, {
 						key: 0,
 						item: n,
 						selected: i,
@@ -7091,7 +7183,7 @@ function Sr(t, n, r, i, a, p) {
 					"selection-color",
 					"item-color-key"
 				])]),
-				default: M(() => [l("div", {
+				default: j(() => [l("div", {
 					class: _(["w-select__selection-wrap", p.inputWrapClasses]),
 					onClick: n[6] ||= (e) => !t.isDisabled && !t.isReadonly && p.onInputFieldClick(),
 					role: "button",
@@ -7106,23 +7198,23 @@ function Sr(t, n, r, i, a, p) {
 						tag: "label",
 						onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 					}, {
-						default: M(() => [d(O(r.innerIconLeft), 1)]),
+						default: j(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					})) : s("", !0)]),
-					t.$slots.selection ? (b(), c("div", yr, [T(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
+					t.$slots.selection ? (b(), c("div", Dr, [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, br),
+					}, p.selectionAttributes, { innerHTML: p.selectionHtml }), null, 16, Or),
 					(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, xr))), 128)),
+					}, null, 8, kr))), 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])
@@ -7133,10 +7225,10 @@ function Sr(t, n, r, i, a, p) {
 						tag: "label",
 						onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 					}, {
-						default: M(() => [d(O(r.innerIconRight), 1)]),
+						default: j(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					})) : s("", !0)])
-				], 10, vr)]),
+				], 10, Er)]),
 				_: 3
 			}, 16, [
 				"modelValue",
@@ -7158,7 +7250,7 @@ function Sr(t, n, r, i, a, p) {
 		"class"
 	]);
 }
-var Cr = /* @__PURE__ */ K({
+var jr = /* @__PURE__ */ q({
 	name: "w-select",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -7318,7 +7410,7 @@ var Cr = /* @__PURE__ */ K({
 	},
 	methods: {
 		focus() {
-			J(this) && (q(this.$refs["selection-input"]), this.showMenu || this.openMenu());
+			We(this) && (J(this.$refs["selection-input"]), this.showMenu || this.openMenu());
 		},
 		onFocus(e) {
 			if (!this.isFocused) return this.isFocused = !0, this.$emit("focus", e), !1;
@@ -7403,12 +7495,12 @@ var Cr = /* @__PURE__ */ K({
 			this.inputValue = this.checkSelection(this.modelValue);
 		}
 	}
-}, [["render", Sr]]), wr = ["for"], Tr = ["for", "innerHTML"], Er = { class: "w-slider__track-wrap" }, Dr = [
+}, [["render", Ar]]), Mr = ["for"], Nr = ["for", "innerHTML"], Pr = { class: "w-slider__track-wrap" }, Fr = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-readonly"
-], Or = [
+], Ir = [
 	"id",
 	"name",
 	"model-value",
@@ -7416,11 +7508,11 @@ var Cr = /* @__PURE__ */ K({
 	"readonly",
 	"aria-readonly",
 	"tabindex"
-], kr = ["for"], Ar = { key: 0 }, jr = {
+], Lr = ["for"], Rr = { key: 0 }, zr = {
 	key: 0,
 	class: "w-slider__step-labels"
-}, Mr = ["onClick"], Nr = ["for"], Pr = ["for", "innerHTML"];
-function Fr(t, n, r, i, a, u) {
+}, Br = ["onClick"], Vr = ["for"], Hr = ["for", "innerHTML"];
+function Ur(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,
@@ -7436,18 +7528,18 @@ function Fr(t, n, r, i, a, u) {
 		wrap: t.formRegister || null,
 		class: u.wrapperClasses
 	}), {
-		default: M(() => [
+		default: j(() => [
 			t.$slots["label-left"] ? (b(), c("label", {
 				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, wr)) : r.labelLeft ? (b(), c("label", {
+			}, [T(t.$slots, "label-left")], 10, Mr)) : 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, Tr)) : s("", !0),
-			l("div", Er, [l("div", {
+			}, null, 10, Nr)) : s("", !0),
+			l("div", Pr, [l("div", {
 				class: _(["w-slider__track", u.trackClasses]),
 				ref: "track",
 				onMousedown: n[4] ||= (...e) => u.onTrackMouseDown && u.onTrackMouseDown(...e),
@@ -7475,17 +7567,17 @@ function Fr(t, n, r, i, a, u) {
 				readonly: t.isReadonly || null,
 				"aria-readonly": t.isReadonly ? "true" : "false",
 				tabindex: t.isDisabled || t.isReadonly ? -1 : null,
-				onKeydown: [n[0] ||= P((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= P((e) => u.onKeyDown(e, 1), ["right"])],
+				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] ||= F(() => {}, ["prevent"])
-			}, null, 42, Or), r.thumbLabel ? (b(), c("label", {
+				onClick: n[3] ||= P(() => {}, ["prevent"])
+			}, null, 42, Ir), r.thumbLabel ? (b(), c("label", {
 				key: 0,
 				class: _(["w-slider__thumb-label", u.thumbClasses]),
 				for: u.thumbId
-			}, [r.thumbLabel === "droplet" ? (b(), c("div", Ar, [T(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(O(~~t.rangeValueScaled), 1)])])) : T(t.$slots, "label", {
+			}, [r.thumbLabel === "droplet" ? (b(), c("div", Rr, [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, kr)) : s("", !0)], 4)], 42, Dr), r.stepLabels && r.step ? (b(), c("div", jr, [
+			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, Lr)) : s("", !0)], 4)], 42, Fr), r.stepLabels && r.step ? (b(), c("div", zr, [
 				l("div", {
 					class: "w-slider__step-label",
 					onClick: n[6] ||= (e) => u.onStepLabelClick(0)
@@ -7495,7 +7587,7 @@ function Fr(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, Mr))), 128)),
+				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, Br))), 128)),
 				~~u.numberOfSteps === u.numberOfSteps ? s("", !0) : (b(), c("div", {
 					key: 0,
 					class: "w-slider__step-label",
@@ -7507,12 +7599,12 @@ function Fr(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, Nr)) : r.labelRight ? (b(), c("label", {
+			}, [T(t.$slots, "label-right")], 10, Vr)) : 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, Pr)) : s("", !0)
+			}, null, 10, Hr)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -7521,7 +7613,7 @@ function Fr(t, n, r, i, a, u) {
 		"class"
 	]);
 }
-var Ir = /* @__PURE__ */ K({
+var Wr = /* @__PURE__ */ q({
 	name: "w-slider",
 	expose: ["focus"],
 	focusTargetRef: "thumb",
@@ -7675,15 +7767,15 @@ var Ir = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
 	} }
-}, [["render", Fr]]), Lr = { key: 0 };
-function Rr(e, t, n, r, i, a) {
+}, [["render", Ur]]), Gr = { key: 0 };
+function Kr(e, t, n, r, i, a) {
 	return n.modelValue || n.modelValue === void 0 ? (b(), c("div", {
 		key: 0,
 		class: _(["w-spinner", a.classes]),
 		style: y(a.styles)
-	}, [a.isThreeDots ? (b(), c("span", Lr)) : s("", !0)], 6)) : s("", !0);
+	}, [a.isThreeDots ? (b(), c("span", Gr)) : s("", !0)], 6)) : s("", !0);
 }
-var zr = /* @__PURE__ */ K({
+var qr = /* @__PURE__ */ q({
 	name: "w-spinner",
 	props: {
 		modelValue: {},
@@ -7724,13 +7816,13 @@ var zr = /* @__PURE__ */ K({
 			};
 		}
 	}
-}, [["render", Rr]]);
+}, [["render", Kr]]);
 //#endregion
 //#region src/wave-ui/components/w-steps.vue?vue&type=template&lang.js
-function Br(e, t, n, r, i, a) {
+function Jr(e, t, n, r, i, a) {
 	return b(), c("div", { class: _(["w-steps", a.classes]) }, null, 2);
 }
-var Vr = /* @__PURE__ */ K({
+var Yr = /* @__PURE__ */ q({
 	name: "w-steps",
 	props: {
 		dark: { type: Boolean },
@@ -7744,7 +7836,7 @@ var Vr = /* @__PURE__ */ K({
 			"w-steps--light": this.light
 		};
 	} }
-}, [["render", Br]]), Hr = [
+}, [["render", Jr]]), Xr = [
 	"id",
 	"name",
 	"checked",
@@ -7754,11 +7846,11 @@ var Vr = /* @__PURE__ */ K({
 	"required",
 	"tabindex",
 	"aria-checked"
-], Ur = ["for"], Wr = {
+], Zr = ["for"], Qr = {
 	key: 0,
 	class: "w-switch__track"
-}, Gr = { class: "w-switch__thumb" }, Kr = { class: "w-switch__thumb-content" }, qr = ["for"];
-function Jr(t, n, r, i, a, u) {
+}, $r = { class: "w-switch__thumb" }, ei = { class: "w-switch__thumb-content" }, ti = ["for"];
+function ni(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,
@@ -7777,7 +7869,7 @@ function Jr(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", h({
 				ref: "input",
 				id: t.inputId,
@@ -7795,18 +7887,18 @@ function Jr(t, n, r, i, a, u) {
 				onBlur: n[2] ||= (e) => t.$emit("blur", e),
 				"aria-checked": a.isOn || "false",
 				role: "switch"
-			}), null, 16, Hr),
+			}), null, 16, Xr),
 			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, Ur)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Zr)) : 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", Wr, [T(t.$slots, "track")])) : s("", !0), l("div", Gr, [l("div", Kr, [r.loading ? (b(), o(f, h({
+			}, [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({
 				key: 0,
 				circle: "",
 				color: "inherit"
@@ -7815,7 +7907,7 @@ function Jr(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, qr)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ti)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -7824,7 +7916,7 @@ function Jr(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var Yr = /* @__PURE__ */ K({
+var ri = /* @__PURE__ */ q({
 	name: "w-switch",
 	expose: ["focus"],
 	mixins: [Q, $],
@@ -7920,28 +8012,28 @@ var Yr = /* @__PURE__ */ K({
 	watch: { modelValue(e) {
 		this.isOn = e;
 	} }
-}, [["render", Jr]]), Xr = { class: "w-tabs__content" };
-function Zr(e, t, n, r, i, a) {
-	return b(), c("div", Xr, [T(e.$slots, "default", { item: n.item })]);
+}, [["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 })]);
 }
-var Qr = /* @__PURE__ */ K({
+var oi = /* @__PURE__ */ q({
 	name: "tab-content",
 	props: { item: Object }
-}, [["render", Zr]]), $r = [
+}, [["render", ai]]), si = [
 	"onPointerdown",
 	"onClick",
 	"onFocus",
 	"tabindex",
 	"onKeypress",
 	"aria-selected"
-], ei = ["innerHTML"], ti = {
+], ci = ["innerHTML"], li = {
 	key: 0,
 	class: "w-tabs__bar-extra"
-}, ni = {
+}, ui = {
 	key: 0,
 	class: "w-tabs__content-wrap"
-}, ri = ["innerHTML"], ii = ["innerHTML"];
-function ai(n, a, u, d, f, p) {
+}, di = ["innerHTML"], fi = ["innerHTML"];
+function pi(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]),
@@ -7954,7 +8046,7 @@ function ai(n, a, u, d, f, p) {
 			onClick: (t) => !e._disabled && e._uid !== n.activeTabUid && p.openTab(e._uid),
 			onFocus: (t) => n.$emit("focus", p.getOriginalItem(e)),
 			tabindex: !e._disabled && 0,
-			onKeypress: P((t) => !e._disabled && p.openTab(e._uid), ["enter"]),
+			onKeypress: N((t) => !e._disabled && p.openTab(e._uid), ["enter"]),
 			"aria-selected": e._uid === n.activeTabUid ? "true" : "false",
 			role: "tab"
 		}, [n.$slots[`item-title.${e.id || t + 1}`] ? T(n.$slots, `item-title.${e.id || t + 1}`, {
@@ -7967,23 +8059,23 @@ function ai(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, ei)])], 42, $r))), 128)),
-		n.$slots["tabs-bar-extra"] ? (b(), c("div", ti, [T(n.$slots, "tabs-bar-extra")])) : s("", !0),
+		}, () => [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),
 		!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", ni, [u.keepInDom ? (b(), o(i, {
+	], 2), n.tabs.length ? (b(), c("div", ui, [u.keepInDom ? (b(), o(i, {
 		key: 0,
 		name: p.transitionName
 	}, {
-		default: M(() => [(b(!0), c(e, null, w(n.tabs, (e, t) => N((b(), o(m, {
+		default: j(() => [(b(!0), c(e, null, w(n.tabs, (e, t) => M((b(), o(m, {
 			key: e._uid,
 			item: e,
 			class: _(p.contentClasses)
 		}, {
-			default: M(() => [n.$slots[`item-content.${e._index + 1}`] ? T(n.$slots, `item-content.${e._index + 1}`, {
+			default: j(() => [n.$slots[`item-content.${e._index + 1}`] ? T(n.$slots, `item-content.${e._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(e),
 				index: e._index + 1,
@@ -7996,21 +8088,21 @@ function ai(n, a, u, d, f, p) {
 			}, () => [e[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: e[u.itemContentKey]
-			}, null, 8, ri)) : s("", !0)])]),
+			}, null, 8, di)) : s("", !0)])]),
 			_: 2
-		}, 1032, ["item", "class"])), [[oe, e._uid === p.activeTab._uid]])), 128))]),
+		}, 1032, ["item", "class"])), [[se, e._uid === p.activeTab._uid]])), 128))]),
 		_: 3
 	}, 8, ["name"])) : (b(), o(r, {
 		key: 1,
 		name: p.transitionName,
 		mode: p.transitionMode
 	}, {
-		default: M(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
+		default: j(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
 			key: n.activeTabUid,
 			item: p.activeTab,
 			class: _(u.contentClass)
 		}, {
-			default: M(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? T(n.$slots, `item-content.${t._index + 1}`, {
+			default: j(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? T(n.$slots, `item-content.${t._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(t),
 				index: t._index + 1,
@@ -8023,14 +8115,15 @@ function ai(n, a, u, d, f, p) {
 			}, () => [t[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: t[u.itemContentKey]
-			}, null, 8, ii)) : s("", !0)])], 64)) : s("", !0)]),
+			}, null, 8, fi)) : s("", !0)])], 64)) : s("", !0)]),
 			_: 3
 		}, 8, ["item", "class"]))], 1032, ["exclude"]))]),
 		_: 3
 	}, 8, ["name", "mode"]))])) : s("", !0)], 2);
 }
-var oi = /* @__PURE__ */ K({
+var mi = /* @__PURE__ */ q({
 	name: "w-tabs",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
@@ -8096,7 +8189,7 @@ var oi = /* @__PURE__ */ K({
 			default: !1
 		}
 	},
-	components: { TabContent: Qr },
+	components: { TabContent: oi },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -8160,7 +8253,7 @@ var oi = /* @__PURE__ */ K({
 	methods: {
 		focus() {
 			let e = this.$refs["tabs-bar"];
-			e && q(e.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([tabindex=\"-1\"])") || e.querySelector("[role=\"tab\"][tabindex=\"0\"]"));
+			e && J(e.querySelector("[role=\"tab\"][aria-selected=\"true\"]:not([tabindex=\"-1\"])") || e.querySelector("[role=\"tab\"][tabindex=\"0\"]"));
 		},
 		resolveTabUid(e) {
 			if (!this.tabs.length) return null;
@@ -8281,45 +8374,45 @@ var oi = /* @__PURE__ */ K({
 			e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
 		}
 	}
-}, [["render", ai]]), si = { class: "w-table__scroll-wrap" }, ci = { ref: "colgroup" }, li = ["width"], ui = { key: 0 }, di = ["onClick", "onPointerdown"], fi = ["innerHTML"], pi = {
+}, [["render", pi]]), hi = { class: "w-table__scroll-wrap" }, gi = { ref: "colgroup" }, _i = ["width"], vi = { key: 0 }, yi = ["onClick", "onPointerdown"], bi = ["innerHTML"], xi = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, mi = ["colspan"], hi = {
+}, Si = ["colspan"], Ci = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, gi = ["colspan"], _i = { class: "w-table__loading-text" }, vi = {
+}, wi = ["colspan"], Ti = { class: "w-table__loading-text" }, Ei = {
 	key: 1,
 	class: "no-data"
-}, yi = ["colspan"], bi = ["onClick"], xi = ["data-label"], Si = ["data-label"], Ci = ["innerHTML"], wi = {
+}, Di = ["colspan"], Oi = ["onClick"], ki = ["data-label"], Ai = ["data-label"], ji = ["innerHTML"], Mi = {
 	key: 2,
 	class: "w-table__row w-table__row--expansion"
-}, Ti = ["colspan"], Ei = { key: 0 }, Di = {
+}, Ni = ["colspan"], Pi = { key: 0 }, Fi = {
 	key: 3,
 	class: "w-table__extra-row"
-}, Oi = {
+}, Ii = {
 	key: 1,
 	class: "w-table__footer"
-}, ki = {
+}, Li = {
 	key: 1,
 	class: "w-table__row"
-}, Ai = ["colspan"], ji = {
+}, Ri = ["colspan"], zi = {
 	key: 0,
 	class: "w-table__pagination w-pagination"
-}, Mi = { class: "pages-wrap" }, Ni = { class: "w-pagination__results" };
-function Pi(t, n, r, i, a, u) {
+}, Bi = { class: "pages-wrap" }, Vi = { class: "w-pagination__results" };
+function Hi(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", si, [l("table", {
+	return b(), c("div", { class: _(["w-table w-table--wrap", u.classes]) }, [l("div", hi, [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", ci, [(b(!0), c(e, null, w(r.headers, (e, t) => (b(), c("col", {
+		l("colgroup", gi, [(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, li))), 128))], 512),
-		r.noHeaders ? s("", !0) : (b(), c("thead", ui, [l("tr", null, [(b(!0), c(e, null, w(r.headers, (i, a) => (b(), c("th", {
+		}, 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", {
 			class: _(["w-table__header", u.headerClasses(i)]),
 			key: a,
 			onClick: (e) => !t.colResizing.dragging && i.sortable !== !1 && u.sortTable(i),
@@ -8329,7 +8422,7 @@ function Pi(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: M(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
+				default: j(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
 				_: 1
 			}, 8, ["class"])) : s("", !0),
 			i.label ? (b(), c(e, { key: 1 }, [t.$slots["header-label"] ? T(t.$slots, "header-label", {
@@ -8340,12 +8433,12 @@ function Pi(t, n, r, i, a, u) {
 			}, () => [d(O(i.label || ""), 1)]) : (b(), c("span", {
 				key: 1,
 				innerHTML: i.label || ""
-			}, null, 8, fi))], 64)) : s("", !0),
+			}, null, 8, bi))], 64)) : s("", !0),
 			i.sortable !== !1 && i.align !== "right" ? (b(), o(p, {
 				key: 2,
 				class: _(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: M(() => [...n[10] ||= [d("wi-arrow-down", -1)]]),
+				default: j(() => [...n[10] ||= [d("wi-arrow-down", -1)]]),
 				_: 1
 			}, 8, ["class"])) : s("", !0),
 			a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -8354,17 +8447,17 @@ function Pi(t, n, r, i, a, u) {
 					"w-table__col-resizer--hover": t.colResizing.hover === a,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === a
 				}]),
-				onClick: n[0] ||= F(() => {}, ["stop"])
+				onClick: n[0] ||= P(() => {}, ["stop"])
 			}, null, 2)) : s("", !0)
-		], 42, di))), 128))]), f(h, null, {
-			default: M(() => [r.loading === "header" ? (b(), c("tr", pi, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, mi)])) : 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)]),
 			_: 1
 		})])),
 		l("tbody", null, [
-			r.loading === !0 ? (b(), c("tr", hi, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", _i, [T(t.$slots, "loading", {}, () => [n[11] ||= d("Loading...", -1)])])], 8, gi)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", vi, [l("td", {
+			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", {
 				class: "w-table__cell text-center",
 				colspan: r.headers.length
-			}, [T(t.$slots, "no-data", {}, () => [n[12] ||= d("No data to show.", -1)])], 8, yi)])),
+			}, [T(t.$slots, "no-data", {}, () => [n[12] ||= d("No data to show.", -1)])], 8, Di)])),
 			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,
@@ -8412,21 +8505,21 @@ function Pi(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, xi)) : (b(), c("td", {
+			}, null, 2)) : s("", !0)], 10, ki)) : (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, Ci), o < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
+			}, [l("div", { innerHTML: i[n.key] || "" }, null, 8, ji), 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, Si))], 64))), 256))], 42, bi)), u.expandedRowsByUid[i._uid] ? (b(), c("tr", wi, [l("td", {
+			}, null, 2)) : s("", !0)], 10, Ai))], 64))), 256))], 42, Oi)), u.expandedRowsByUid[i._uid] ? (b(), c("tr", Mi, [l("td", {
 				class: "w-table__cell",
 				colspan: r.headers.length
 			}, [f(g, { y: "" }, {
-				default: M(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Ei, [T(t.$slots, "row-expansion", {
+				default: j(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Pi, [T(t.$slots, "row-expansion", {
 					item: i,
 					index: a + 1
 				})])) : s("", !0), a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -8437,14 +8530,14 @@ function Pi(t, n, r, i, a, u) {
 					}])
 				}, null, 2)) : s("", !0)]),
 				_: 2
-			}, 1024)], 8, Ti)])) : s("", !0)], 64))), 128)) : s("", !0),
-			t.$slots["extra-row"] ? (b(), c("div", Di, [T(t.$slots, "extra-row")])) : s("", !0)
+			}, 1024)], 8, Ni)])) : s("", !0)], 64))), 128)) : s("", !0),
+			t.$slots["extra-row"] ? (b(), c("div", Fi, [T(t.$slots, "extra-row")])) : s("", !0)
 		]),
-		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", Oi, [t.$slots["footer-row"] ? T(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", ki, [l("td", {
+		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", {
 			class: "w-table__cell",
 			colspan: r.headers.length
-		}, [T(t.$slots, "footer")], 8, Ai)])) : s("", !0)])) : s("", !0)
-	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", ji, [T(t.$slots, "pagination", {
+		}, [T(t.$slots, "footer")], 8, Ri)])) : s("", !0)])) : s("", !0)
+	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", zi, [T(t.$slots, "pagination", {
 		range: `${t.paginationConfig.start}-${t.paginationConfig.end}`,
 		total: t.paginationConfig.total,
 		pagesCount: t.paginationConfig.pagesCount,
@@ -8462,7 +8555,7 @@ function Pi(t, n, r, i, a, u) {
 			label: "Items per page",
 			"label-color": "inherit"
 		}, null, 8, ["modelValue", "items"])) : s("", !0),
-		l("div", Mi, [
+		l("div", Bi, [
 			f(y, {
 				class: "w-pagination__arrow w-pagination__arrow--prev",
 				onClick: n[7] ||= (e) => u.goToPage("-1"),
@@ -8484,7 +8577,7 @@ function Pi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [d(O(r), 1)]),
+				default: j(() => [d(O(r), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"])) : [
 				1,
@@ -8499,7 +8592,7 @@ function Pi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [...n[13] ||= [d("...", -1)]]),
+				default: j(() => [...n[13] ||= [d("...", -1)]]),
 				_: 1
 			}, 8, ["onClick", "class"])) : s("", !0)], 64))), 128)) : (b(!0), c(e, { key: 1 }, w(t.paginationConfig.pagesCount, (e) => (b(), o(y, {
 				class: _(["w-pagination__page", { "w-pagination__page--active": e === t.paginationConfig.page }]),
@@ -8508,7 +8601,7 @@ function Pi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [d(O(e), 1)]),
+				default: j(() => [d(O(e), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"]))), 128)),
 			f(y, {
@@ -8520,12 +8613,12 @@ function Pi(t, n, r, i, a, u) {
 				lg: ""
 			}, null, 8, ["disabled"])
 		]),
-		l("span", Ni, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
+		l("span", Vi, 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 Fi = 15, Ii = /* @__PURE__ */ K({
+var Ui = 15, Wi = /* @__PURE__ */ q({
 	name: "w-table",
 	mixins: [X],
 	props: {
@@ -8553,7 +8646,7 @@ var Fi = 15, Ii = /* @__PURE__ */ K({
 			1,
 			"1",
 			""
-		].includes(e) || z(`Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
+		].includes(e) || R(`Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
 		expandedRows: { type: Array },
 		selectableRows: { validator: (e) => ([
 			void 0,
@@ -8562,7 +8655,7 @@ var Fi = 15, Ii = /* @__PURE__ */ K({
 			1,
 			"1",
 			""
-		].includes(e) || z(`Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
+		].includes(e) || R(`Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
 		selectedRows: { type: Array },
 		forceSelection: { type: Boolean },
 		uidKey: {
@@ -8580,7 +8673,7 @@ var Fi = 15, Ii = /* @__PURE__ */ K({
 				Object,
 				String
 			],
-			validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (z("Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."), !1) : !0
+			validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (R("Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."), !1) : !0
 		},
 		dark: { type: Boolean },
 		light: { type: Boolean }
@@ -8746,9 +8839,9 @@ var Fi = 15, Ii = /* @__PURE__ */ K({
 			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 <= Fi, d = o > 0 && r.offsetWidth > l;
+			let u = o < 0 && n.offsetWidth > c || n.offsetWidth <= Ui, d = o > 0 && r.offsetWidth > l;
 			if (u) {
-				let e = Math.max(n.offsetWidth, Fi);
+				let e = Math.max(n.offsetWidth, Ui);
 				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`);
 		},
@@ -8835,19 +8928,19 @@ var Fi = 15, Ii = /* @__PURE__ */ K({
 			this.updatePaginationConfig({ total: e });
 		}
 	}
-}, [["render", Pi]]), Li = [
+}, [["render", Hi]]), Gi = [
 	"role",
 	"aria-pressed",
 	"tabindex"
 ];
-function Ri(e, t, n, r, i, a) {
+function Ki(e, t, n, r, i, a) {
 	return b(), c("span", {
 		class: _(["w-tag", a.classes]),
 		onClick: t[1] ||= (t) => {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		},
 		onPointerdown: t[2] ||= (...e) => a.onTagPointerDown && a.onTagPointerDown(...e),
-		onKeypress: t[3] ||= P((t) => {
+		onKeypress: t[3] ||= N((t) => {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		}, ["enter"]),
 		role: n.modelValue !== -1 && "button",
@@ -8857,15 +8950,16 @@ function Ri(e, t, n, r, i, a) {
 	}, [T(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("i", {
 		key: 0,
 		class: "w-icon w-tag__closable wi-cross",
-		onClick: t[0] ||= F((t) => {
+		onClick: t[0] ||= P((t) => {
 			e.$emit("update:modelValue", !1), e.$emit("input", !1);
 		}, ["stop"]),
 		role: "icon",
 		"aria-hidden": "true"
-	})) : s("", !0)], 46, Li);
+	})) : s("", !0)], 46, Gi);
 }
-var zi = /* @__PURE__ */ K({
+var qi = /* @__PURE__ */ q({
 	name: "w-tag",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [X],
 	props: {
@@ -8893,7 +8987,7 @@ var zi = /* @__PURE__ */ K({
 	},
 	emits: ["input", "update:modelValue"],
 	methods: { focus() {
-		this.modelValue !== -1 && q(this.$el);
+		this.modelValue !== -1 && J(this.$el);
 	} },
 	computed: {
 		presetSize() {
@@ -8925,7 +9019,7 @@ var zi = /* @__PURE__ */ K({
 	methods: { onTagPointerDown(e) {
 		this.modelValue !== -1 && (e.target.closest?.(".w-tag__closable") || this.onRipple(e));
 	} }
-}, [["render", Ri]]), Bi = ["for"], Vi = [
+}, [["render", Ki]]), Ji = ["for"], Yi = [
 	"id",
 	"name",
 	"placeholder",
@@ -8936,8 +9030,8 @@ var zi = /* @__PURE__ */ K({
 	"disabled",
 	"required",
 	"tabindex"
-], Hi = ["for"];
-function Ui(t, n, r, i, a, u) {
+], Xi = ["for"];
+function Zi(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,
@@ -8956,12 +9050,12 @@ function Ui(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				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, Bi)) : s("", !0)], 64)) : s("", !0),
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Ji)) : 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,
@@ -8970,10 +9064,10 @@ function Ui(t, n, r, i, a, u) {
 					for: t.inputId,
 					onClick: n[0] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: M(() => [d(O(r.innerIconLeft), 1)]),
+					default: j(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
-				N(l("textarea", h({
+				M(l("textarea", h({
 					class: "w-textarea__textarea",
 					ref: "textarea",
 					"onUpdate:modelValue": n[1] ||= (e) => a.inputValue = e
@@ -8991,7 +9085,7 @@ function Ui(t, n, r, i, a, u) {
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}), null, 16, Vi), [[j, a.inputValue]]),
+				}), null, 16, Yi), [[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])
@@ -9003,7 +9097,7 @@ function Ui(t, n, r, i, a, u) {
 					for: t.inputId,
 					onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: M(() => [d(O(r.innerIconRight), 1)]),
+					default: j(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)])
 			], 2),
@@ -9011,7 +9105,7 @@ function Ui(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, Hi)) : s("", !0)], 64)) : s("", !0)
+			}, [T(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Xi)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -9021,7 +9115,7 @@ function Ui(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var Wi = /* @__PURE__ */ K({
+var Qi = /* @__PURE__ */ q({
 	name: "w-textarea",
 	expose: ["focus"],
 	focusTargetRef: "textarea",
@@ -9161,13 +9255,13 @@ var Wi = /* @__PURE__ */ K({
 			e ? this.getLineHeight() : this.height = null;
 		}
 	}
-}, [["render", Ui]]), Gi = ["innerHTML"], Ki = ["innerHTML"];
-function qi(t, n, r, i, a, s) {
+}, [["render", Zi]]), $i = ["innerHTML"], ea = ["innerHTML"];
+function ta(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
 	}, [(b(), o(D(e[r.itemIconKey] || r.icon ? "w-icon" : "div"), { class: _(["w-timeline-item__bullet", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]) }, {
-		default: M(() => [d(O(e[r.itemIconKey] || r.icon), 1)]),
+		default: j(() => [d(O(e[r.itemIconKey] || r.icon), 1)]),
 		_: 2
 	}, 1032, ["class"])), t.$slots[`item.${n + 1}`] ? T(t.$slots, `item.${n + 1}`, {
 		key: 1,
@@ -9180,12 +9274,12 @@ function qi(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, Gi), l("div", {
+	}, null, 10, $i), l("div", {
 		class: "w-timeline-item__content",
 		innerHTML: e[r.itemContentKey]
-	}, null, 8, Ki)])]))), 128))], 2);
+	}, null, 8, ea)])]))), 128))], 2);
 }
-var Ji = /* @__PURE__ */ K({
+var na = /* @__PURE__ */ q({
 	name: "w-timeline",
 	props: {
 		items: {
@@ -9220,16 +9314,16 @@ var Ji = /* @__PURE__ */ K({
 			"w-timeline--light": this.light
 		};
 	} }
-}, [["render", qi]]);
+}, [["render", ta]]);
 //#endregion
 //#region src/wave-ui/components/w-toolbar.vue?vue&type=template&lang.js
-function Yi(e, t, n, r, i, a) {
+function ra(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: _(["w-toolbar", a.classes]),
 		style: y(a.styles)
 	}, [T(e.$slots, "default")], 6);
 }
-var Xi = /* @__PURE__ */ K({
+var ia = /* @__PURE__ */ q({
 	name: "w-toolbar",
 	props: {
 		color: { type: String },
@@ -9284,10 +9378,10 @@ var Xi = /* @__PURE__ */ K({
 			};
 		}
 	}
-}, [["render", Yi]]);
+}, [["render", ra]]);
 //#endregion
 //#region src/wave-ui/components/w-tooltip.vue?vue&type=template&lang.js
-function Zi(t, i, a, l, u, p) {
+function aa(t, i, a, l, u, p) {
 	return b(), c(e, null, [
 		T(t.$slots, "activator"),
 		t.$slots.activator ? s("", !0) : T(t.$slots, "default", { key: 0 }),
@@ -9298,21 +9392,26 @@ function Zi(t, i, a, l, u, p) {
 		}, [f(r, {
 			name: p.transitionName,
 			appear: "",
+			onAfterEnter: t.onDetachableAfterEnter,
 			onAfterLeave: t.onAfterLeave
 		}, {
-			default: M(() => [t.detachableVisible ? (b(), c("div", {
+			default: j(() => [t.detachableVisible ? (b(), c("div", {
 				class: _(["w-tooltip", p.classes]),
 				ref: "detachable",
 				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)]),
 			_: 3
-		}, 8, ["name", "onAfterLeave"])], 8, ["to", "disabled"])) : s("", !0)
+		}, 8, [
+			"name",
+			"onAfterEnter",
+			"onAfterLeave"
+		])], 8, ["to", "disabled"])) : s("", !0)
 	], 64);
 }
-var Qi = /* @__PURE__ */ K({
+var oa = /* @__PURE__ */ q({
 	name: "w-tooltip",
-	mixins: [Pn],
+	mixins: [Hn],
 	setup() {
 		return { tooltipInstanceId: ae() };
 	},
@@ -9427,26 +9526,26 @@ var Qi = /* @__PURE__ */ K({
 			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", Zi]]);
+}, [["render", aa]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-bounce.vue?vue&type=template&lang.js
-function $i(e, t, n, i, a, s) {
+function sa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "bounce" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ea = /* @__PURE__ */ K({
+var ca = /* @__PURE__ */ q({
 	name: "w-transition-bounce",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", $i]]);
+}, [["render", sa]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-expand.vue?vue&type=template&lang.js
-function ta(e, t, n, i, a, s) {
+function la(e, t, n, i, a, s) {
 	return b(), o(r, {
 		name: "expand",
 		mode: n.mode,
@@ -9461,7 +9560,7 @@ function ta(e, t, n, i, a, s) {
 		onLeave: s.leave,
 		onAfterLeave: s.afterLeave
 	}, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, [
 		"mode",
@@ -9476,7 +9575,7 @@ function ta(e, t, n, i, a, s) {
 		"onAfterLeave"
 	]);
 }
-var na = /* @__PURE__ */ K({
+var ua = /* @__PURE__ */ q({
 	name: "w-transition-expand",
 	props: {
 		x: { type: Boolean },
@@ -9573,64 +9672,64 @@ var na = /* @__PURE__ */ K({
 			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", ta]]);
+}, [["render", la]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-fade.vue?vue&type=template&lang.js
-function ra(e, t, n, i, a, s) {
+function da(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "fade" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ia = /* @__PURE__ */ K({
+var fa = /* @__PURE__ */ q({
 	name: "w-transition-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", ra]]);
+}, [["render", da]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale.vue?vue&type=template&lang.js
-function aa(e, t, n, i, a, s) {
+function pa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var oa = /* @__PURE__ */ K({
+var ma = /* @__PURE__ */ q({
 	name: "w-transition-scale",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", aa]]);
+}, [["render", pa]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale-fade.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: "scale-fade" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ca = /* @__PURE__ */ K({
+var ga = /* @__PURE__ */ q({
 	name: "w-transition-scale-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", sa]]);
+}, [["render", ha]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide.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, h({ name: s.transitionName }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var ua = /* @__PURE__ */ K({
+var va = /* @__PURE__ */ q({
 	name: "w-transition-slide",
 	props: {
 		appear: { type: Boolean },
@@ -9649,16 +9748,16 @@ var ua = /* @__PURE__ */ K({
 			return `slide-${this.direction}`;
 		}
 	}
-}, [["render", la]]);
+}, [["render", _a]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide-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: s.transitionName }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var fa = /* @__PURE__ */ K({
+var ba = /* @__PURE__ */ q({
 	name: "w-transition-slide-fade",
 	props: {
 		appear: { type: Boolean },
@@ -9677,27 +9776,27 @@ var fa = /* @__PURE__ */ K({
 			return `slide-fade-${this.direction}`;
 		}
 	}
-}, [["render", da]]);
+}, [["render", ya]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-twist.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: "twist" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ma = /* @__PURE__ */ K({
+var Sa = /* @__PURE__ */ q({
 	name: "w-transition-twist",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] },
 		mode: { type: String }
 	}
-}, [["render", pa]]), ha = ["innerHTML"], ga = {
+}, [["render", xa]]), Ca = ["innerHTML"], wa = {
 	key: 1,
 	class: "ml1"
 };
-function _a(t, n, r, i, a, u) {
+function Ta(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)]),
@@ -9709,10 +9808,10 @@ function _a(t, n, r, i, a, u) {
 		class: u.itemLabelClasses(e),
 		tabindex: u.getTreeItemTabindex(e)
 	}), {
-		default: M(() => [(e.children || e.branch) && (r.expandOpenIcon && e.open || r.expandIcon) && !(r.unexpandableEmpty && !e.children) ? (b(), o(f, {
+		default: j(() => [(e.children || e.branch) && (r.expandOpenIcon && e.open || r.expandIcon) && !(r.unexpandableEmpty && !e.children) ? (b(), o(f, {
 			key: 0,
 			class: "w-tree__item-expand",
-			onClick: F((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
+			onClick: P((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
 			color: "inherit",
 			icon: e.open && r.expandOpenIcon || r.expandIcon,
 			"icon-props": { rotate90a: !e.open },
@@ -9736,11 +9835,11 @@ function _a(t, n, r, i, a, u) {
 				class: "w-tree__item-icon",
 				color: e.originalItem[r.itemIconColorKey] || r.iconColor
 			}, {
-				default: M(() => [d(O(u.itemIcon(e)), 1)]),
+				default: j(() => [d(O(u.itemIcon(e)), 1)]),
 				_: 2
 			}, 1032, ["color"])) : s("", !0),
-			l("span", { innerHTML: e.label }, null, 8, ha),
-			r.counts && (e.children || e.branch) ? (b(), c("span", ga, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : 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)
 		])]),
 		_: 2
 	}, 1040, [
@@ -9754,7 +9853,7 @@ function _a(t, n, r, i, a, u) {
 		onAfterEnter: (n) => t.$emit("open", u.emitPayload(e)),
 		onAfterLeave: (n) => t.$emit("close", u.emitPayload(e))
 	}, {
-		default: M(() => [e.children && e.open ? (b(), o(m, h({
+		default: j(() => [e.children && e.open ? (b(), o(m, h({
 			key: 0,
 			ref_for: !0
 		}, t.$props, {
@@ -9769,7 +9868,7 @@ function _a(t, n, r, i, a, u) {
 			onSelect: n[5] ||= (e) => t.$emit("select", e),
 			"onUpdate:modelValue": n[6] ||= (e) => t.$emit("update:model-value", e)
 		}), {
-			item: M(({ item: e, depth: n, path: r, open: i }) => [T(t.$slots, "item", {
+			item: j(({ item: e, depth: n, path: r, open: i }) => [T(t.$slots, "item", {
 				item: e,
 				depth: n,
 				path: r,
@@ -9788,8 +9887,9 @@ function _a(t, n, r, i, a, u) {
 		"onAfterLeave"
 	]))], 2))), 128))], 2);
 }
-var va = /* @__PURE__ */ K({
+var Ea = /* @__PURE__ */ q({
 	name: "w-tree",
+	focusable: !0,
 	expose: ["focus"],
 	mixins: [X],
 	props: {
@@ -9873,10 +9973,10 @@ var va = /* @__PURE__ */ K({
 	} },
 	methods: {
 		focus() {
-			this.disabled || q(this.$el.querySelector(".w-tree__item-label[tabindex=\"0\"]"));
+			this.disabled || J(this.$el.querySelector(".w-tree__item-label[tabindex=\"0\"]"));
 		},
 		updateCurrentDepthTree(e, t = []) {
-			if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object") return R(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`, e);
+			if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object") return L(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`, e);
 			Array.isArray(e) || (e = [e]), e.forEach((e, n) => {
 				let r = {
 					originalItem: e,
@@ -9987,65 +10087,65 @@ var va = /* @__PURE__ */ K({
 	unmounted() {
 		this.dataPropUnwatch();
 	}
-}, [["render", _a]]), ya = /* @__PURE__ */ I({
-	WAccordion: () => ot,
-	WAccordionItem: () => it,
-	WAlert: () => lt,
-	WAutocomplete: () => yt,
-	WBadge: () => St,
-	WBreadcrumbs: () => Tt,
-	WButton: () => jt,
-	WCard: () => Pt,
-	WCheckbox: () => Vt,
-	WCheckboxes: () => Wt,
-	WConfirm: () => Kt,
-	WDatePicker: () => Jt,
-	WDialog: () => Xt,
-	WDivider: () => $t,
-	WDrawer: () => rn,
-	WFlex: () => on,
-	WForm: () => ln,
-	WFormElement: () => dn,
-	WGrid: () => pn,
-	WIcon: () => hn,
-	WImage: () => yn,
-	WInput: () => kn,
-	WList: () => jn,
-	WMenu: () => In,
-	WNotification: () => Rn,
-	WOverlay: () => Bn,
-	WParallax: () => Un,
-	WProgress: () => Zn,
-	WRadio: () => ir,
-	WRadios: () => sr,
-	WRating: () => dr,
-	WScrollable: () => _r,
-	WSelect: () => Cr,
-	WSlider: () => Ir,
-	WSpinner: () => zr,
-	WSteps: () => Vr,
-	WSwitch: () => Yr,
-	WTable: () => Ii,
-	WTabs: () => oi,
-	WTag: () => zi,
-	WTextarea: () => Wi,
-	WTimeline: () => Ji,
-	WToolbar: () => Xi,
-	WTooltip: () => Qi,
-	WTransitionBounce: () => ea,
-	WTransitionExpand: () => na,
-	WTransitionFade: () => ia,
-	WTransitionScale: () => oa,
-	WTransitionScaleFade: () => ca,
-	WTransitionSlide: () => ua,
-	WTransitionSlideFade: () => fa,
-	WTransitionTwist: () => ma,
-	WTree: () => va
-}), ba = Ke.install;
-Ke.install = (e, t = {}) => ba.call(Ke, e, {
-	components: ya,
+}, [["render", Ta]]), Da = /* @__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,
 	...t
 });
-var xa = Ke;
+var ka = et;
 //#endregion
-export { xa as default };
+export { ka as default };