wave-ui 3.26.1 → 3.27.0

package/dist/wave-ui.esm.js

@@ -1,12 +1,12 @@
-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, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as ee, openBlock as b, reactive as x, ref as S, render as C, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as D, resolveDynamicComponent as O, toDisplayString as k, toHandlers as A, vModelDynamic as te, vModelText as j, vShow as M, withCtx as N, withDirectives as P, withKeys as F, withModifiers as I } 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, normalizeClass as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as ee, openBlock as b, reactive as x, ref as S, render as te, renderList as C, renderSlot as w, resolveComponent as T, resolveDirective as E, resolveDynamicComponent as D, toDisplayString as O, toHandlers as k, useId as A, vModelDynamic as j, vModelText as M, vShow as N, withCtx as P, withDirectives as F, withKeys as I, withModifiers as L } from "vue";
 //#region \0rolldown/runtime.js
-var L = Object.defineProperty, ne = (e, t) => {
+var R = Object.defineProperty, ne = (e, t) => {
 	let n = {};
-	for (var r in e) L(n, r, {
+	for (var r in e) R(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || L(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || R(n, Symbol.toStringTag, { value: "Module" }), n;
 }, re = x({
 	on: "#app",
 	breakpoints: {
@@ -57,7 +57,7 @@ var L = Object.defineProperty, ne = (e, t) => {
 		typeof r == "object" && typeof t[n] == "object" ? ie(e[n], t[n]) : t[n] = r;
 	}
 	return t;
-}, R = (e) => console.warn(`Wave UI: ${e}`), z = (e) => console.error(`Wave UI: ${e}`), ae = (e) => {
+}, z = (e) => console.warn(`Wave UI: ${e}`), B = (e) => console.error(`Wave UI: ${e}`), ae = (e) => {
 	["light", "dark"].forEach((t) => {
 		let n = e.colors[t];
 		n.shades = {};
@@ -76,7 +76,7 @@ var L = Object.defineProperty, ne = (e, t) => {
 			}
 		}
 	});
-}, B = (e, t) => {
+}, V = (e, t) => {
 	let n = { ...t.reduce((e, t) => {
 		e[t.label] = t.color;
 		let n = (t.shades || []).reduce((e, t) => (e[t.label] = t.color, e), {});
@@ -90,12 +90,12 @@ var L = Object.defineProperty, ne = (e, t) => {
 	}) };
 	return delete n.shades, n;
 };
-function V(e, t, n) {
+function H(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function H(e) {
+function U(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 || B(`expected value from 0~255, got: ${e}`) || "";
 }
 function oe(e) {
 	return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
@@ -107,9 +107,9 @@ function ce(e) {
 	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
 }
 function le(e) {
-	return oe(e) && e || se(e) && ce(e) || z(`expected color hex string, got '${e}'`) || "";
+	return oe(e) && e || se(e) && ce(e) || B(`expected color hex string, got '${e}'`) || "";
 }
-function U(e) {
+function W(e) {
 	let t = le(e);
 	return {
 		red: parseInt(t.substring(1, 3), 16),
@@ -120,10 +120,10 @@ function U(e) {
 	};
 }
 function ue(e, t, n, r) {
-	return `#${H(e)}${H(t)}${H(n)}${r ? H(Math.floor(r * 255)) : ""}`;
+	return `#${U(e)}${U(t)}${U(n)}${r ? U(Math.floor(r * 255)) : ""}`;
 }
-function W(e, t, n = 50) {
-	let r = U(e), i = U(t), a = V(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 = V(Math.round(r.red * c + i.red * l), 0, 255), d = V(Math.round(r.green * c + i.green * l), 0, 255), f = V(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
+function G(e, t, n = 50) {
+	let r = W(e), i = W(t), a = H(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 = H(Math.round(r.red * c + i.red * l), 0, 255), d = H(Math.round(r.green * c + i.green * l), 0, 255), f = H(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
 		u,
 		d,
 		f
@@ -131,12 +131,12 @@ function W(e, t, n = 50) {
 	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), ue(...m);
 }
 function de(e, t = 15) {
-	return W("#ffffff", e, t);
+	return G("#ffffff", e, t);
 }
 function fe(e, t = 12.4) {
-	return W("#000000", e, t);
+	return G("#000000", e, t);
 }
-var G = [
+var K = [
 	{
 		label: "pink",
 		color: "#e91e63",
@@ -1179,14 +1179,14 @@ var G = [
 		label: "inherit",
 		color: "inherit"
 	}
-], K = {
+], q = {
 	cssScope: ".w-app",
 	baseIncrement: 4
-}, q = {
+}, J = {
 	keys: [],
 	values: []
-}, J = null, pe = (e, t) => {
-	let n = "", r = {}, { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = K;
+}, pe = null, me = (e, t) => {
+	let n = "", r = {}, { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = q;
 	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) n += `${u} .${e}--bg{background-color:${c[e]}}${u} .${e}{color:${c[e]}}`;
 	let d = {
@@ -1202,8 +1202,8 @@ var G = [
 	return Object.entries(r).forEach(([e, t]) => {
 		f += `--w-${e}-color: ${t};`;
 	}), `:root{${f}}${n}`;
-}, me = (e, t) => {
-	let n = "", { cssScope: r } = K;
+}, he = (e, t) => {
+	let n = "", { cssScope: r } = q;
 	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 {
@@ -1212,8 +1212,8 @@ var G = [
 			n += "}";
 		}
 	}), n;
-}, he = (e) => {
-	let t = "", { cssScope: n, baseIncrement: r } = K, i = /* @__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("."), a = Array(12).fill();
+}, ge = (e) => {
+	let t = "", { cssScope: n, baseIncrement: r } = q, i = /* @__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("."), a = Array(12).fill();
 	return e.forEach(({ label: e, min: o }) => {
 		e !== "xs" && (t += `@media(min-width:${o}px){` + i.map((t) => `${n} .${e}u-${t}`).join("") + a.map((t, n) => `.w-grid.${e}u-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + a.map((t, n) => `.w-flex.${e}u-gap${n + 1},.w-grid.${e}u-gap${n + 1}{gap:${(n + 1) * r}px;}`).join("") + `.w-flex.${e}u-gap0,.w-flex.${e}u-gap0{gap:0}}`);
 	}), e.forEach(({ label: e, min: o, max: s }) => {
@@ -1221,11 +1221,11 @@ var G = [
 	}), e.forEach(({ label: e, max: o }) => {
 		e !== "xl" && (t += `@media (max-width:${o}px){` + i.map((t) => `${n} .${e}d-${t}`).join("") + a.map((t, n) => `.w-grid.${e}d-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + a.map((t, n) => `.w-flex.${e}d-gap${n + 1},.w-grid.${e}d-gap${n + 1}{gap:${(n + 1) * r}px;}`).join("") + `.w-flex.${e}d-gap0,.w-flex.${e}d-gap0{gap:0}}`);
 	}), t;
-}, ge = (e) => {
-	let t = window.innerWidth, n = q.values.slice(0);
+}, _e = (e) => {
+	let t = window.innerWidth, n = J.values.slice(0);
 	n.push(t), n.sort((e, t) => e - t);
-	let r = q.keys[n.indexOf(t)] || "xl";
-	r !== J && (J = r, e.breakpoint = {
+	let r = J.keys[n.indexOf(t)] || "xl";
+	r !== pe && (pe = r, e.breakpoint = {
 		name: r,
 		xs: r === "xs",
 		sm: r === "sm",
@@ -1234,14 +1234,14 @@ var G = [
 		xl: r === "xl",
 		width: t
 	}), e.breakpoint.width = window.innerWidth;
-}, _e = (e) => {
+}, ve = (e) => {
 	let { config: t } = e;
-	if (q = {
+	if (J = {
 		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 = ye(t);
+		e.id = "wave-ui-styles", e.innerHTML = be(t);
 		let n = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]");
 		if (t.css.prependCss) {
 			let t = n[0];
@@ -1251,15 +1251,15 @@ var G = [
 			t ? t.after(e) : document.head.appendChild(e);
 		}
 	}
-	ge(e), window.addEventListener("resize", () => ge(e));
-}, ve = (e, t, n) => {
+	_e(e), window.addEventListener("resize", () => _e(e));
+}, ye = (e, t, n) => {
 	if (!document.getElementById("wave-ui-colors")) {
 		let r = document.createElement("style");
-		r.id = "wave-ui-colors", r.innerHTML = pe(e, t, n);
+		r.id = "wave-ui-colors", r.innerHTML = me(e, t, n);
 		let i = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]")[0];
 		i ? i.before(r) : document.head.appendChild(r);
 	}
-}, ye = (e) => {
+}, be = (e) => {
 	let t = Object.entries(e.breakpoints), n = t.map(([e, n], r) => {
 		let [, i = 0] = t[r - 1] || [];
 		return {
@@ -1268,26 +1268,26 @@ var G = [
 			max: n
 		};
 	}), r = getComputedStyle(document.documentElement);
-	K.cssScope = r.getPropertyValue("--w-css-scope"), K.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"));
+	q.cssScope = r.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"));
 	let i = "";
-	return i += me(n, e.css.grid), e.css.breakpointLayoutClasses && (i += he(n)), i;
-}, be = ["innerHTML"];
-function xe(t, r, a, u, d, p) {
-	let m = E("w-alert");
+	return i += he(n, e.css.grid), e.css.breakpointLayoutClasses && (i += ge(n)), i;
+}, xe = ["innerHTML"];
+function Se(t, r, a, u, d, p) {
+	let m = T("w-alert");
 	return b(), o(n, { to: ".w-app" }, [f(i, {
 		class: g(["w-notification-manager", { "w-notification-manager--left": p.conf.align === "left" }]),
 		tag: "div",
 		name: p.transition,
 		appear: ""
 	}, {
-		default: N(() => [(b(!0), c(e, null, w(p.notifications, (t) => (b(), c(e, null, [t._value ? (b(), o(m, h({
+		default: P(() => [(b(!0), c(e, null, C(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: N(() => [l("div", { innerHTML: t.message }, null, 8, be)]),
+			default: P(() => [l("div", { innerHTML: t.message }, null, 8, xe)]),
 			_: 2
 		}, 1040, [
 			"modelValue",
@@ -1303,7 +1303,7 @@ var Y = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Se = /* @__PURE__ */ Y({
+}, Ce = /* @__PURE__ */ Y({
 	name: "w-notification-manager",
 	computed: {
 		conf() {
@@ -1320,7 +1320,7 @@ var Y = (e, t) => {
 		let { _value: t, _uid: n, message: r, timeout: i, ...a } = e;
 		return a.dismiss &&= !0, a;
 	} }
-}, [["render", xe]]), Ce = class e {
+}, [["render", Se]]), we = class e {
 	static #e;
 	notifications;
 	_uid;
@@ -1358,17 +1358,17 @@ var Y = (e, t) => {
 	dismiss(e) {
 		this.notifications = this.notifications.filter((t) => t._uid !== e);
 	}
-}, we = (e) => {
+}, Te = (e) => {
 	let t = document.createElement("div");
 	document.body.appendChild(t);
-	let n = p(Se);
-	n.appContext = e._context, C(n, t), t.remove();
-}, Te = !1, Ee = (e) => {
+	let n = p(Ce);
+	n.appContext = e._context, te(n, t), t.remove();
+}, Ee = !1, De = (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);
 	});
-}, De = (e, t) => {
+}, Oe = (e, t) => {
 	for (let n in t) if (e.props?.[n]) e.props[n].default = t[n];
 	else {
 		let r = !1;
@@ -1377,7 +1377,7 @@ var Y = (e, t) => {
 				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 || z(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
 		}
 	}
 }, X = class e {
@@ -1402,7 +1402,7 @@ var Y = (e, t) => {
 		switchTheme(e) {
 			this.theme = e, document.documentElement.setAttribute("data-theme", e), document.head.querySelector("#wave-ui-colors")?.remove?.();
 			let t = this.config.colors[this.theme];
-			ve(t, this.config.css.colorShadeCssVariables), this.colors = B(t, G);
+			ye(t, this.config.css.colorShadeCssVariables), this.colors = V(t, K);
 		},
 		setAppClasses(...e) {
 			let t = document.querySelector(".w-app");
@@ -1419,19 +1419,19 @@ var Y = (e, t) => {
 		let { components: r = {} } = n || {};
 		for (let e in r) {
 			let i = r[e];
-			n.presets?.[i.name] && De(i, n.presets[i.name]), t.component(i.name, i);
+			n.presets?.[i.name] && Oe(i, n.presets[i.name]), t.component(i.name, i);
 		}
 		t.mixin({ beforeMount() {
-			if (!Te) {
-				Te = !0;
+			if (!Ee) {
+				Ee = !0;
 				let e = m("$waveui"), { config: n } = e;
-				(document.querySelector(n.on) || document.body).classList.add("w-app"), n.theme === "auto" ? Ee(e) : e.switchTheme(n.theme, !0), _e(e), we(t), t._context.mixins.find((e) => e.mounted &&= void 0);
+				(document.querySelector(n.on) || document.body).classList.add("w-app"), n.theme === "auto" ? De(e) : e.switchTheme(n.theme, !0), ve(e), Te(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 Ce(), t.theme ||= "light", t.colors) {
+		if (this.$waveui._notificationManager = new we(), 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,
@@ -1441,21 +1441,21 @@ var Y = (e, t) => {
 		let { components: n, ...r } = t;
 		r = this.$waveui.config = ie(r), r.css.colorShades && ae(r);
 		let i = x(this.$waveui);
-		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = B(r.colors[r.theme], G));
+		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = V(r.colors[r.theme], K));
 	}
-}, Z = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Oe = { class: "w-accordion__item-content" };
-function ke(e, t, n, r, i, a) {
-	return b(), c("div", Oe, [T(e.$slots, "default")]);
+}, Z = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), ke = { class: "w-accordion__item-content" };
+function Ae(e, t, n, r, i, a) {
+	return b(), c("div", ke, [w(e.$slots, "default")]);
 }
-var Ae = /* @__PURE__ */ Y({
+var je = /* @__PURE__ */ Y({
 	name: "accordion-content",
 	props: { item: {
 		type: Object,
 		default: () => ({})
 	} }
-}, [["render", ke]]), je = ["aria-expanded"], Me = ["tabindex"], Ne = ["innerHTML"], Pe = ["innerHTML"], Fe = ["innerHTML"];
-function Ie(e, n, r, i, a, u) {
-	let d = E("w-button"), p = E("accordion-content"), m = E("w-transition-expand");
+}, [["render", Ae]]), Me = ["aria-expanded"], Ne = ["tabindex"], Pe = ["innerHTML"], Fe = ["innerHTML"], Ie = ["innerHTML"];
+function Le(e, n, r, i, a, u) {
+	let d = T("w-button"), p = T("accordion-content"), m = T("w-transition-expand");
 	return b(), c("div", {
 		class: g(["w-accordion__item", u.itemClasses]),
 		"aria-expanded": u.accordionItem._expanded ? "true" : "false"
@@ -1463,7 +1463,7 @@ function Ie(e, n, r, i, a, u) {
 		class: g(["w-accordion__item-title", u.titleClasses]),
 		onClick: n[4] ||= (e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e),
 		onFocus: n[5] ||= (t) => e.$emit("focus", u.accordionItem),
-		onKeypress: n[6] ||= F((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
+		onKeypress: n[6] ||= I((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
 		tabindex: !u.accordionItem._disabled && 0
 	}, [
 		u.options.expandIcon && !u.options.expandIconRight ? (b(), o(d, {
@@ -1477,22 +1477,22 @@ function Ie(e, n, r, i, a, u) {
 			disabled: u.accordionItem._disabled || null,
 			tabindex: -1,
 			text: "",
-			onKeypress: n[0] ||= I(() => {}, ["stop"]),
-			onClick: n[1] ||= I((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[0] ||= L(() => {}, ["stop"]),
+			onClick: n[1] ||= L((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, [
 			"icon",
 			"icon-props",
 			"disabled",
 			"class"
 		])) : s("", !0),
-		T(e.$slots, "title", {
+		w(e.$slots, "title", {
 			item: u.getOriginalItem(u.accordionItem),
 			expanded: u.accordionItem._expanded,
 			index: u.accordionItem._index + 1
 		}, () => [l("div", {
 			class: "grow",
 			innerHTML: u.accordionItem[u.options.itemTitleKey]
-		}, null, 8, Ne)]),
+		}, null, 8, Pe)]),
 		u.options.expandIcon && u.options.expandIconRight ? (b(), o(d, {
 			key: 1,
 			class: g(["w-accordion__expand-icon", {
@@ -1501,26 +1501,26 @@ function Ie(e, n, r, i, a, u) {
 			}]),
 			icon: u.accordionItem._expanded && u.options.collapseIcon || u.options.expandIcon,
 			text: "",
-			onKeypress: n[2] ||= I(() => {}, ["stop"]),
-			onClick: n[3] ||= I((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[2] ||= L(() => {}, ["stop"]),
+			onClick: n[3] ||= L((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, ["icon", "class"])) : s("", !0)
-	], 42, Me), u.options.keepInDom ? (b(), o(m, {
+	], 42, Ne), u.options.keepInDom ? (b(), o(m, {
 		key: 0,
 		y: "",
 		onAfterLeave: n[7] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: N(() => [P(f(p, {
+		default: P(() => [F(f(p, {
 			item: u.accordionItem,
 			class: g(u.contentClasses)
 		}, {
-			default: N(() => [T(e.$slots, "content", {
+			default: P(() => [w(e.$slots, "content", {
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Pe)])]),
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Fe)])]),
 			_: 3
-		}, 8, ["item", "class"]), [[M, u.accordionItem._expanded]])]),
+		}, 8, ["item", "class"]), [[N, u.accordionItem._expanded]])]),
 		_: 3
 	}, 8, ["duration"])) : (b(), o(m, {
 		key: 1,
@@ -1528,24 +1528,27 @@ function Ie(e, n, r, i, a, u) {
 		onAfterLeave: n[8] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: N(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
+		default: P(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
 			key: u.accordionItem._cuid,
 			item: u.accordionItem,
 			class: g(u.contentClasses)
 		}, {
-			default: N(() => [T(e.$slots, "content", {
+			default: P(() => [w(e.$slots, "content", {
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Fe)])]),
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Ie)])]),
 			_: 3
 		}, 8, ["item", "class"])) : s("", !0)], 1032, ["exclude"]))]),
 		_: 3
-	}, 8, ["duration"]))], 10, je);
+	}, 8, ["duration"]))], 10, Me);
 }
-var Le = /* @__PURE__ */ Y({
+var Re = /* @__PURE__ */ Y({
 	name: "w-accordion-item",
-	components: { AccordionContent: Ae },
+	setup() {
+		return { accordionItemUid: A() };
+	},
+	components: { AccordionContent: je },
 	props: {
 		title: { type: String },
 		content: { type: String },
@@ -1567,7 +1570,7 @@ var Le = /* @__PURE__ */ Y({
 	computed: {
 		accordionItem: {
 			get() {
-				return this.getAccordionItem(this._.uid);
+				return this.getAccordionItem(this.accordionItemUid);
 			},
 			set() {}
 		},
@@ -1584,7 +1587,7 @@ var Le = /* @__PURE__ */ Y({
 	} },
 	created() {
 		this.registerItem({
-			_cuid: this._.uid,
+			_cuid: this.accordionItemUid,
 			_index: 0,
 			_expanded: this.expanded,
 			_disabled: this.disabled,
@@ -1593,14 +1596,14 @@ var Le = /* @__PURE__ */ Y({
 		});
 	},
 	beforeUnmount() {
-		this.unregisterItem(this._.uid);
+		this.unregisterItem(this.accordionItemUid);
 	}
-}, [["render", Ie]]);
+}, [["render", Le]]);
 //#endregion
 //#region src/wave-ui/components/w-accordion/index.vue?vue&type=template&lang.js
-function Re(t, n, r, i, a, l) {
-	let u = E("w-accordion-item");
-	return b(), c("div", { class: g(["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, {
+function ze(t, n, r, i, a, l) {
+	let u = T("w-accordion-item");
+	return b(), c("div", { class: g(["w-accordion", l.accordionClasses]) }, [l.accordionItemsProvided ? w(t.$slots, "default", { key: 0 }) : (r.items || []).length ? (b(!0), c(e, { key: 1 }, C(r.items.length ? r.items : t.accordionItems, (e, r) => (b(), o(u, {
 		key: r,
 		class: g(l.itemClasses),
 		title: e.title,
@@ -1609,23 +1612,23 @@ function Re(t, n, r, i, a, l) {
 		disabled: e.disabled || e._disabled,
 		onFocus: n[0] ||= (e) => t.$emit("focus", e)
 	}, {
-		title: N(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? T(t.$slots, `item-title.${e.id || r}`, {
+		title: P(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? w(t.$slots, `item-title.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
 			index: r
-		}) : T(t.$slots, "item-title", {
+		}) : w(t.$slots, "item-title", {
 			key: 1,
 			item: e,
 			expanded: n,
 			index: r
 		})]),
-		content: N(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? T(t.$slots, `item-content.${e.id || r}`, {
+		content: P(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? w(t.$slots, `item-content.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
 			index: r
-		}) : T(t.$slots, "item-content", {
+		}) : w(t.$slots, "item-content", {
 			key: 1,
 			item: e,
 			expanded: n,
@@ -1640,7 +1643,7 @@ function Re(t, n, r, i, a, l) {
 		"disabled"
 	]))), 128)) : s("", !0)], 2);
 }
-var ze = /* @__PURE__ */ Y({
+var Be = /* @__PURE__ */ Y({
 	name: "w-accordion",
 	props: {
 		modelValue: { type: Array },
@@ -1702,7 +1705,7 @@ var ze = /* @__PURE__ */ Y({
 			default: !1
 		}
 	},
-	components: { WAccordionItem: Le },
+	components: { WAccordionItem: Re },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -1783,7 +1786,7 @@ var ze = /* @__PURE__ */ Y({
 		}
 	},
 	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) || B("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 = [];
@@ -1795,9 +1798,9 @@ var ze = /* @__PURE__ */ Y({
 		}
 		e.forEach((e, t) => (this.accordionItems[t] || {})._expanded = e);
 	} }
-}, [["render", Re]]), Be = { class: "w-alert__content" };
-function Ve(t, n, r, i, a, u) {
-	let f = E("w-icon"), p = E("w-button");
+}, [["render", ze]]), Ve = { class: "w-alert__content" };
+function He(t, n, r, i, a, u) {
+	let f = T("w-icon"), p = T("w-button");
 	return a.show ? (b(), c("div", {
 		key: 0,
 		class: g(["w-alert", u.classes])
@@ -1806,10 +1809,10 @@ function Ve(t, n, r, i, a, u) {
 			key: 0,
 			class: "w-alert__icon"
 		}, {
-			default: N(() => [d(k(u.type ? u.typeIcon : r.icon), 1)]),
+			default: P(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
-		l("div", Be, [T(t.$slots, "default")]),
+		l("div", Ve, [w(t.$slots, "default")]),
 		r.dismiss ? (b(), o(p, {
 			key: 1,
 			class: "w-alert__dismiss",
@@ -1821,9 +1824,9 @@ function Ve(t, n, r, i, a, u) {
 			sm: "",
 			text: ""
 		})) : s("", !0)
-	], 64)) : T(t.$slots, "default", { key: 1 })], 2)) : s("", !0);
+	], 64)) : w(t.$slots, "default", { key: 1 })], 2)) : s("", !0);
 }
-var He = /* @__PURE__ */ Y({
+var Ue = /* @__PURE__ */ Y({
 	name: "w-alert",
 	props: {
 		modelValue: { default: !0 },
@@ -1901,19 +1904,19 @@ var He = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.show = e;
 	} }
-}, [["render", Ve]]), Ue = { class: "w-autocomplete__selection" }, We = ["innerHTML"], Ge = ["innerHTML"], Ke = ["value"], qe = ["onClick"], Je = ["innerHTML"], Ye = ["innerHTML"];
-function Xe(t, n, r, i, a, o) {
-	let u = E("w-button"), d = E("w-transition-slide-fade");
+}, [["render", He]]), We = { class: "w-autocomplete__selection" }, Ge = ["innerHTML"], Ke = ["innerHTML"], qe = ["value"], Je = ["onClick"], Ye = ["innerHTML"], Xe = ["innerHTML"];
+function Ze(t, n, r, i, a, o) {
+	let u = T("w-button"), d = T("w-transition-slide-fade");
 	return b(), c("div", {
 		class: g(["w-autocomplete", o.classes]),
 		onClick: n[5] ||= (...e) => o.onClick && o.onClick(...e),
 		style: v(t.$attrs.style)
 	}, [
-		t.selection.length ? (b(!0), c(e, { key: 0 }, w(t.selection, (e, n) => (b(), c("div", Ue, [T(t.$slots, "selection", {
+		t.selection.length ? (b(!0), c(e, { key: 0 }, C(t.selection, (e, n) => (b(), c("div", We, [w(t.$slots, "selection", {
 			item: e,
 			unselect: (e) => o.unselectItem(e)
-		}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, We), f(u, {
-			onClick: I((e) => o.unselectItem(n), ["stop"]),
+		}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ge), f(u, {
+			onClick: L((e) => o.unselectItem(n), ["stop"]),
 			icon: "wi-cross",
 			xs: "",
 			text: "",
@@ -1923,14 +1926,14 @@ function Xe(t, n, r, i, a, o) {
 			key: 1,
 			class: "w-autocomplete__placeholder",
 			innerHTML: r.placeholder
-		}, null, 8, Ge)) : s("", !0),
+		}, null, 8, Ke)) : s("", !0),
 		l("input", h({
 			class: "w-autocomplete__input",
 			ref: "input",
 			value: t.keywords
-		}, A(o.inputEventListeners, !0), o.inputAttrs), null, 16, Ke),
+		}, k(o.inputEventListeners, !0), o.inputAttrs), null, 16, qe),
 		f(d, null, {
-			default: N(() => [t.menuOpen ? (b(), c("ul", {
+			default: P(() => [t.menuOpen ? (b(), c("ul", {
 				key: 0,
 				class: "w-autocomplete__menu",
 				ref: "menu",
@@ -1939,32 +1942,32 @@ function Xe(t, n, r, i, a, o) {
 				onTouchstart: n[3] ||= (e) => t.menuIsBeingClicked = !0,
 				onTouchend: n[4] ||= (...e) => o.setEndOfMenuClick && o.setEndOfMenuClick(...e)
 			}, [
-				(b(!0), c(e, null, w(o.filteredItems, (e, n) => (b(), c("li", {
+				(b(!0), c(e, null, C(o.filteredItems, (e, n) => (b(), c("li", {
 					key: n,
-					onClick: I((n) => (o.selectItem(e), t.$emit("item-click", e)), ["stop"]),
+					onClick: L((n) => (o.selectItem(e), t.$emit("item-click", e)), ["stop"]),
 					class: g({ highlighted: t.highlightedItem === e.uid })
-				}, [T(t.$slots, "item", {
+				}, [w(t.$slots, "item", {
 					item: e,
 					highlighted: t.highlightedItem === e.uid
-				}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Je)])], 10, qe))), 128)),
+				}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ye)])], 10, Je))), 128)),
 				o.filteredItems.length ? s("", !0) : (b(), c("li", {
 					key: 0,
 					class: g(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !t.$slots.noMatch }])
-				}, [T(t.$slots, "no-match", {}, () => [l("div", {
+				}, [w(t.$slots, "no-match", {}, () => [l("div", {
 					class: "caption",
 					innerHTML: r.noMatch ?? "No match."
-				}, null, 8, Ye)])], 2)),
+				}, null, 8, Xe)])], 2)),
 				t.$slots["extra-item"] ? (b(), c("li", {
 					key: 1,
 					class: g(["w-autocomplete__extra-item", { highlighted: t.highlightedItem === "extra-item" }]),
 					onClick: n[0] ||= (...e) => o.selectExtraItem && o.selectExtraItem(...e)
-				}, [T(t.$slots, "extra-item")], 2)) : s("", !0)
+				}, [w(t.$slots, "extra-item")], 2)) : s("", !0)
 			], 544)) : s("", !0)]),
 			_: 3
 		})
 	], 6);
 }
-var Ze = /* @__PURE__ */ Y({
+var Qe = /* @__PURE__ */ Y({
 	name: "w-autocomplete",
 	inheritAttrs: !1,
 	props: {
@@ -2143,11 +2146,11 @@ var Ze = /* @__PURE__ */ Y({
 			this.selection.push(this.optimizedItemsForSearch.find((t) => t[this.itemValueKey] === +e));
 		});
 	} }
-}, [["render", Xe]]), Qe = { class: "w-app" };
-function $e(e, t, n, r, i, a) {
-	return b(), c("div", Qe, [T(e.$slots, "default")]);
+}, [["render", Ze]]), $e = { class: "w-app" };
+function et(e, t, n, r, i, a) {
+	return b(), c("div", $e, [w(e.$slots, "default")]);
 }
-var et = /* @__PURE__ */ Y({
+var tt = /* @__PURE__ */ Y({
 	name: "w-app",
 	props: {
 		block: { type: Boolean },
@@ -2162,10 +2165,10 @@ var et = /* @__PURE__ */ Y({
 		textCenter: { type: Boolean },
 		textRight: { type: Boolean }
 	}
-}, [["render", $e]]), tt = { class: "w-badge-wrap" };
-function nt(e, t, n, i, a, o) {
-	return b(), c("div", tt, [T(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
-		default: N(() => [n.modelValue ? (b(), c("div", {
+}, [["render", et]]), nt = { class: "w-badge-wrap" };
+function rt(e, t, n, i, a, o) {
+	return b(), c("div", nt, [w(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
+		default: P(() => [n.modelValue ? (b(), c("div", {
 			key: 0,
 			class: g(["w-badge", o.classes]),
 			style: v(o.styles),
@@ -2173,11 +2176,11 @@ function nt(e, t, n, i, a, o) {
 			"aria-label": "Badge",
 			"aria-live": "polite",
 			role: "status"
-		}, [n.dot ? s("", !0) : T(e.$slots, "badge", { key: 0 }, () => [d(k(n.modelValue === !0 ? "" : n.modelValue || ""), 1)])], 6)) : s("", !0)]),
+		}, [n.dot ? s("", !0) : w(e.$slots, "badge", { key: 0 }, () => [d(O(n.modelValue === !0 ? "" : n.modelValue || ""), 1)])], 6)) : s("", !0)]),
 		_: 3
 	}, 8, ["name"])]);
 }
-var rt = /* @__PURE__ */ Y({
+var it = /* @__PURE__ */ Y({
 	name: "w-badge",
 	props: {
 		modelValue: { default: !0 },
@@ -2243,25 +2246,25 @@ var rt = /* @__PURE__ */ Y({
 			return this.forcedSize && `font-size: ${this.forcedSize}`;
 		}
 	}
-}, [["render", nt]]), it = ["innerHTML"];
-function at(t, n, r, i, a, l) {
-	let u = E("w-icon");
-	return b(), c("div", { class: g(["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", {
+}, [["render", rt]]), at = ["innerHTML"];
+function ot(t, n, r, i, a, l) {
+	let u = T("w-icon");
+	return b(), c("div", { class: g(["w-breadcrumbs", l.classes]) }, [(b(!0), c(e, null, C(r.items, (n, i) => (b(), c(e, null, [i && t.$slots.separator ? (b(), c("span", {
 		class: g(["w-breadcrumbs__separator", r.separatorColor]),
 		key: `${i}a`
-	}, [T(t.$slots, "separator", { index: i })], 2)) : i ? (b(), o(u, {
+	}, [w(t.$slots, "separator", { index: i })], 2)) : i ? (b(), o(u, {
 		class: g(["w-breadcrumbs__separator", r.separatorColor]),
 		key: `${i}b`
 	}, {
-		default: N(() => [d(k(r.icon), 1)]),
+		default: P(() => [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(O(l.hasRouter ? "router-link" : "a"), {
+	}, 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: g(["w-breadcrumbs__item", r.color || null]),
 		key: `${i}c`,
 		to: l.hasRouter && n[r.itemRouteKey],
 		href: n[r.itemRouteKey]
 	}, {
-		default: N(() => [T(t.$slots, "item", {
+		default: P(() => [w(t.$slots, "item", {
 			item: n,
 			index: i + 1,
 			isLast: i === r.items.length - 1
@@ -2271,7 +2274,7 @@ function at(t, n, r, i, a, l) {
 		"to",
 		"href",
 		"class"
-	])) : (b(), o(O(l.hasRouter ? "router-link" : "a"), {
+	])) : (b(), o(D(l.hasRouter ? "router-link" : "a"), {
 		class: g(["w-breadcrumbs__item", r.color || null]),
 		key: `${i}d`,
 		to: l.hasRouter && n[r.itemRouteKey],
@@ -2282,7 +2285,7 @@ function at(t, n, r, i, a, l) {
 		"href",
 		"innerHTML",
 		"class"
-	]))], 64)) : t.$slots.item ? T(t.$slots, "item", {
+	]))], 64)) : t.$slots.item ? w(t.$slots, "item", {
 		key: `${i}e`,
 		item: n,
 		index: i + 1,
@@ -2290,9 +2293,9 @@ function at(t, n, r, i, a, l) {
 	}) : (b(), c("span", {
 		key: `${i}f`,
 		innerHTML: n[r.itemLabelKey]
-	}, null, 8, it))], 64))), 256))], 2);
+	}, null, 8, at))], 64))), 256))], 2);
 }
-var ot = /* @__PURE__ */ Y({
+var st = /* @__PURE__ */ Y({
 	name: "w-breadcrumbs",
 	props: {
 		items: {
@@ -2335,23 +2338,23 @@ var ot = /* @__PURE__ */ Y({
 			return { [`size--${this.size}`]: !0 };
 		}
 	}
-}, [["render", at]]), st = {
+}, [["render", ot]]), ct = {
 	key: 0,
 	class: "w-button__loader"
 };
-function ct(e, t, n, i, a, u) {
-	let p = E("w-icon");
-	return b(), o(O(!n.disabled && n.route ? "a" : "button"), h({
+function lt(e, t, n, i, a, u) {
+	let p = T("w-icon");
+	return b(), o(D(!n.disabled && n.route ? "a" : "button"), h({
 		class: ["w-button", u.classes],
 		type: !n.route && n.type,
 		href: !n.disabled && n.route && (u.externalLink ? n.route : u.resolvedRoute) || null,
 		disabled: !!n.disabled || null
 	}, u.attrs, { style: u.styles }), {
-		default: N(() => [n.icon ? (b(), o(p, _(h({ key: 0 }, n.iconProps || {})), {
-			default: N(() => [d(k(n.icon), 1)]),
+		default: P(() => [n.icon ? (b(), o(p, _(h({ key: 0 }, n.iconProps || {})), {
+			default: P(() => [d(O(n.icon), 1)]),
 			_: 1
-		}, 16)) : T(e.$slots, "default", { key: 1 }), f(r, { name: "scale-fade" }, {
-			default: N(() => [n.loading ? (b(), c("div", st, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
+		}, 16)) : w(e.$slots, "default", { key: 1 }), f(r, { name: "scale-fade" }, {
+			default: P(() => [n.loading ? (b(), c("div", ct, [w(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
 				cx: "20",
 				cy: "20",
 				r: "18",
@@ -2371,7 +2374,7 @@ function ct(e, t, n, i, a, u) {
 		"style"
 	]);
 }
-var lt = /* @__PURE__ */ Y({
+var ut = /* @__PURE__ */ Y({
 	inheritAttrs: !1,
 	props: {
 		color: { type: String },
@@ -2469,23 +2472,23 @@ var lt = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", ct]]), ut = ["innerHTML"];
-function dt(e, t, n, r, i, a) {
-	let s = E("button-partial");
-	return n.tooltip ? (b(), o(O("w-tooltip"), _(h({ key: 0 }, n.tooltipProps)), {
-		activator: N(({ on: t }) => [f(s, h(a.buttonProps, A(t)), {
-			default: N(() => [T(e.$slots, "default")]),
+}, [["render", lt]]), dt = ["innerHTML"];
+function ft(e, t, n, r, i, a) {
+	let s = T("button-partial");
+	return n.tooltip ? (b(), o(D("w-tooltip"), _(h({ key: 0 }, n.tooltipProps)), {
+		activator: P(({ on: t }) => [f(s, h(a.buttonProps, k(t)), {
+			default: P(() => [w(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
-		default: N(() => [l("div", { innerHTML: n.tooltip }, null, 8, ut)]),
+		default: P(() => [l("div", { innerHTML: n.tooltip }, null, 8, dt)]),
 		_: 3
 	}, 16)) : (b(), o(s, _(h({ key: 1 }, a.buttonProps)), {
-		loading: N(() => [T(e.$slots, "loading")]),
-		default: N(() => [T(e.$slots, "default")]),
+		loading: P(() => [w(e.$slots, "loading")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16));
 }
-var ft = /* @__PURE__ */ Y({
+var pt = /* @__PURE__ */ Y({
 	name: "w-button",
 	inheritAttrs: !1,
 	props: {
@@ -2533,7 +2536,7 @@ var ft = /* @__PURE__ */ Y({
 		lg: { type: Boolean },
 		xl: { type: Boolean }
 	},
-	components: { ButtonPartial: lt },
+	components: { ButtonPartial: ut },
 	emits: [],
 	computed: { buttonProps() {
 		let { tooltip: e, tooltipProps: t = {}, ...n } = this.$props;
@@ -2542,9 +2545,9 @@ var ft = /* @__PURE__ */ Y({
 			...this.$attrs
 		};
 	} }
-}, [["render", dt]]), pt = ["innerHTML"];
-function mt(e, t, n, r, i, a) {
-	let u = E("w-image");
+}, [["render", ft]]), mt = ["innerHTML"];
+function ht(e, t, n, r, i, a) {
+	let u = T("w-image");
 	return b(), c("div", { class: g(["w-card", a.classes]) }, [
 		e.$slots.title ? (b(), c("div", {
 			key: 0,
@@ -2552,30 +2555,30 @@ function mt(e, t, n, r, i, a) {
 				"w-card__title--has-toolbar": e.$slots.title && a.titleHasToolbar,
 				...a.titleClasses
 			}])
-		}, [T(e.$slots, "title")], 2)) : n.title ? (b(), c("div", {
+		}, [w(e.$slots, "title")], 2)) : n.title ? (b(), c("div", {
 			key: 1,
 			class: g(["w-card__title", {
 				"w-card__title--has-toolbar": e.$slots.title && a.titleHasToolbar,
 				...a.titleClasses
 			}]),
 			innerHTML: n.title
-		}, null, 10, pt)) : s("", !0),
+		}, null, 10, mt)) : s("", !0),
 		n.image ? (b(), o(u, h({
 			key: 2,
 			class: "w-card__image",
 			src: n.image
 		}, a.imgProps), {
-			default: N(() => [T(e.$slots, "image-content")]),
+			default: P(() => [w(e.$slots, "image-content")]),
 			_: 3
 		}, 16, ["src"])) : s("", !0),
-		l("div", { class: g(["w-card__content", a.contentClasses]) }, [T(e.$slots, "default")], 2),
+		l("div", { class: g(["w-card__content", a.contentClasses]) }, [w(e.$slots, "default")], 2),
 		e.$slots.actions ? (b(), c("div", {
 			key: 3,
 			class: g(["w-card__actions", { "w-card__actions--has-toolbar": a.actionsHasToolbar }])
-		}, [T(e.$slots, "actions")], 2)) : s("", !0)
+		}, [w(e.$slots, "actions")], 2)) : s("", !0)
 	], 2);
 }
-var ht = /* @__PURE__ */ Y({
+var gt = /* @__PURE__ */ Y({
 	name: "w-card",
 	props: {
 		color: { type: String },
@@ -2634,7 +2637,7 @@ var ht = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", mt]]), Q = {
+}, [["render", ht]]), Q = {
 	inject: {
 		formRegister: { default: null },
 		formProps: { default: () => ({
@@ -2642,18 +2645,27 @@ var ht = /* @__PURE__ */ Y({
 			readonly: !1
 		}) }
 	},
+	setup() {
+		return { _waveUiUseId: A() };
+	},
 	props: {
+		id: { type: String },
 		name: { type: String },
 		disabled: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		tabindex: { type: String },
-		validators: { type: Array }
+		validators: { type: Array },
+		noBlurValidation: { type: Boolean }
 	},
 	data: () => ({ valid: null }),
 	computed: {
+		inputId() {
+			let e = this.$options.name || "w-field";
+			return this.id || `${e}--${this._waveUiUseId}`;
+		},
 		inputName() {
-			return this.name || `${this.$options.name}--${this._.uid}`;
+			return this.name || `${this.$options.name}--${this._waveUiUseId}`;
 		},
 		isDisabled() {
 			return this.disabled || this.formProps.disabled;
@@ -2674,7 +2686,7 @@ var ht = /* @__PURE__ */ Y({
 	methods: { validate() {
 		this.$refs.formEl.validate(this);
 	} }
-}, gt = [
+}, _t = [
 	"id",
 	"name",
 	"checked",
@@ -2682,13 +2694,14 @@ var ht = /* @__PURE__ */ Y({
 	"required",
 	"tabindex",
 	"aria-checked"
-], _t = ["for"], vt = ["for", "innerHTML"], yt = ["for"], bt = ["for", "innerHTML"];
-function xt(t, n, r, i, a, u) {
-	return b(), o(O(t.formRegister && !u.wCheckboxes ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+], vt = ["for"], yt = ["for", "innerHTML"], bt = ["for"], xt = ["for", "innerHTML"];
+function St(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,
 		disabled: t.isDisabled,
-		readonly: t.isReadonly
+		readonly: t.isReadonly,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[5] ||= (e) => t.valid = e,
@@ -2697,10 +2710,10 @@ function xt(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: N(() => [
+		default: P(() => [
 			l("input", {
 				ref: "input",
-				id: `w-checkbox--${t._.uid}`,
+				id: t.inputId,
 				type: "checkbox",
 				name: t.inputName,
 				checked: a.isChecked || null,
@@ -2710,20 +2723,20 @@ function xt(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] ||= F((...e) => u.onInput && u.onInput(...e), ["enter"]),
+				onKeypress: n[3] ||= I((...e) => u.onInput && u.onInput(...e), ["enter"]),
 				"aria-checked": a.isChecked || "false",
 				role: "checkbox"
-			}, null, 40, gt),
+			}, null, 40, _t),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: g(["w-checkbox__label w-form-el-shakable pr2", t.labelClasses]),
-				for: `w-checkbox--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, _t)) : r.label ? (b(), c("label", {
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, vt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-checkbox__label w-form-el-shakable pr2", t.labelClasses]),
-				for: `w-checkbox--${t._.uid}`,
+				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, vt)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, yt)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: g(["w-checkbox__input", this.color]),
 				onClick: n[4] ||= (e) => {
@@ -2733,18 +2746,18 @@ function xt(t, n, r, i, a, u) {
 			u.hasLabel && !r.labelOnLeft ? (b(), c(e, { key: 1 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: g(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
-				for: `w-checkbox--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, yt)) : r.label ? (b(), c("label", {
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, bt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
-				for: `w-checkbox--${t._.uid}`,
+				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, bt)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, xt)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var St = /* @__PURE__ */ Y({
+var Ct = /* @__PURE__ */ Y({
 	name: "w-checkbox",
 	mixins: [Q],
 	inject: { wCheckboxes: { default: null } },
@@ -2811,13 +2824,14 @@ var St = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.isChecked = e;
 	} }
-}, [["render", xt]]), Ct = ["innerHTML"];
-function wt(t, n, r, i, a, l) {
-	let u = E("w-checkbox");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, [["render", St]]), wt = ["innerHTML"];
+function Tt(t, n, r, i, a, l) {
+	let u = T("w-checkbox");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: l.checkboxItems.some((e) => e._isChecked),
-		disabled: t.isDisabled
+		disabled: t.isDisabled,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[1] ||= (e) => t.valid = e,
@@ -2826,7 +2840,7 @@ function wt(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: N(() => [(b(!0), c(e, null, w(l.checkboxItems, (e, i) => (b(), o(u, h({
+		default: P(() => [(b(!0), c(e, null, C(l.checkboxItems, (e, i) => (b(), o(u, h({
 			key: i,
 			"model-value": e._isChecked,
 			"onUpdate:modelValue": (t) => l.toggleCheck(e, t),
@@ -2843,7 +2857,7 @@ function wt(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: N(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: P(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? w(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				checked: !!e._isChecked,
@@ -2852,7 +2866,7 @@ function wt(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, Ct)) : s("", !0)]),
+			}, null, 8, wt)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -2871,7 +2885,7 @@ function wt(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Tt = /* @__PURE__ */ Y({
+var Et = /* @__PURE__ */ Y({
 	name: "w-checkboxes",
 	mixins: [Q],
 	props: {
@@ -2944,42 +2958,42 @@ var Tt = /* @__PURE__ */ Y({
 			return this.items[e._index];
 		}
 	}
-}, [["render", wt]]);
+}, [["render", Tt]]);
 //#endregion
 //#region src/wave-ui/components/w-confirm.vue?vue&type=template&lang.js
-function Et(e, t, n, r, i, a) {
-	let c = E("w-button"), u = E("w-flex"), p = E("w-menu"), m = D("focus");
+function Dt(e, t, n, r, i, a) {
+	let c = T("w-button"), u = T("w-flex"), p = T("w-menu"), m = E("focus");
 	return b(), o(p, h({
 		modelValue: e.showPopup,
 		"onUpdate:modelValue": t[2] ||= (t) => e.showPopup = t
 	}, a.wMenuProps), {
-		activator: N(({ on: t }) => [f(c, h({ class: "w-confirm" }, {
+		activator: P(({ on: t }) => [f(c, h({ class: "w-confirm" }, {
 			...e.$attrs,
 			...a.buttonProps
-		}, A(n.disablePrompt ? {} : { ...t })), {
-			default: N(() => [T(e.$slots, "default")]),
+		}, k(n.disablePrompt ? {} : { ...t })), {
+			default: P(() => [w(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
-		default: N(() => [f(u, {
+		default: P(() => [f(u, {
 			column: !n.inline,
 			"align-center": ""
 		}, {
-			default: N(() => [l("div", null, [T(e.$slots, "question", {}, () => [d(k(n.question), 1)])]), l("div", { class: g(["w-flex justify-end", n.inline ? "ml2" : "mt2"]) }, [n.cancel === !1 ? s("", !0) : (b(), o(c, h({
+			default: P(() => [l("div", null, [w(e.$slots, "question", {}, () => [d(O(n.question), 1)])]), l("div", { class: g(["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] ||= F((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[0] ||= I((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onCancel
 			}), {
-				default: N(() => [T(e.$slots, "cancel", {}, () => [d(k(a.cancelButton.label), 1)])]),
+				default: P(() => [w(e.$slots, "cancel", {}, () => [d(O(a.cancelButton.label), 1)])]),
 				_: 3
-			}, 16, ["bg-color", "onClick"])), P((b(), o(c, h(a.confirmButtonProps, {
+			}, 16, ["bg-color", "onClick"])), F((b(), o(c, h(a.confirmButtonProps, {
 				"bg-color": (a.confirmButton || {}).bgColor || "success",
-				onKeyup: t[1] ||= F((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[1] ||= I((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onConfirm
 			}), {
-				default: N(() => [T(e.$slots, "confirm", {}, () => [d(k(a.confirmButton.label), 1)])]),
+				default: P(() => [w(e.$slots, "confirm", {}, () => [d(O(a.confirmButton.label), 1)])]),
 				_: 3
 			}, 16, ["bg-color", "onClick"])), [[m]])], 2)]),
 			_: 3
@@ -2987,7 +3001,7 @@ function Et(e, t, n, r, i, a) {
 		_: 3
 	}, 16, ["modelValue"]);
 }
-var Dt = /* @__PURE__ */ Y({
+var Ot = /* @__PURE__ */ Y({
 	name: "w-confirm",
 	inheritAttrs: !1,
 	props: {
@@ -3113,16 +3127,16 @@ var Dt = /* @__PURE__ */ Y({
 			this.$emit("confirm"), this.showPopup = !1;
 		}
 	}
-}, [["render", Et]]);
+}, [["render", Dt]]);
 //#endregion
 //#region src/wave-ui/components/w-date-picker.vue?vue&type=template&lang.js
-function Ot(e, t, n, r, i, a) {
+function kt(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-date-picker", a.classes]),
 		style: v(a.styles)
-	}, [T(e.$slots, "default")], 6);
+	}, [w(e.$slots, "default")], 6);
 }
-var kt = /* @__PURE__ */ Y({
+var At = /* @__PURE__ */ Y({
 	name: "w-date-picker",
 	props: {
 		dark: { type: Boolean },
@@ -3140,11 +3154,11 @@ var kt = /* @__PURE__ */ Y({
 			return !1;
 		}
 	}
-}, [["render", Ot]]);
+}, [["render", kt]]);
 //#endregion
 //#region src/wave-ui/components/w-dialog.vue?vue&type=template&lang.js
-function At(e, t, n, i, a, s) {
-	let c = E("w-card"), l = E("w-overlay");
+function jt(e, t, n, i, a, s) {
+	let c = T("w-card"), l = T("w-overlay");
 	return b(), o(l, {
 		class: g(["w-dialog", s.classes]),
 		"model-value": a.showWrapper,
@@ -3155,12 +3169,12 @@ function At(e, t, n, i, a, s) {
 		"bg-color": n.overlayColor,
 		opacity: n.overlayOpacity
 	}, {
-		default: N(() => [f(r, {
+		default: P(() => [f(r, {
 			name: n.transition,
 			appear: "",
 			onAfterLeave: s.onBeforeClose
 		}, {
-			default: N(() => [P(f(c, {
+			default: P(() => [F(f(c, {
 				class: g(["w-dialog__content", n.dialogClass]),
 				ref: "dialog",
 				"no-border": "",
@@ -3171,15 +3185,15 @@ function At(e, t, n, i, a, s) {
 				title: n.title || void 0,
 				style: v(s.contentStyles)
 			}, u({
-				default: N(() => [T(e.$slots, "default")]),
+				default: P(() => [w(e.$slots, "default")]),
 				_: 2
 			}, [e.$slots.title ? {
 				name: "title",
-				fn: N(() => [T(e.$slots, "title")]),
+				fn: P(() => [w(e.$slots, "title")]),
 				key: "0"
 			} : void 0, e.$slots.actions ? {
 				name: "actions",
-				fn: N(() => [T(e.$slots, "actions")]),
+				fn: P(() => [w(e.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1032, [
 				"color",
@@ -3189,7 +3203,7 @@ function At(e, t, n, i, a, s) {
 				"content-class",
 				"title",
 				"style"
-			]), [[M, a.showContent]])]),
+			]), [[N, a.showContent]])]),
 			_: 3
 		}, 8, ["name", "onAfterLeave"])]),
 		_: 3
@@ -3204,7 +3218,7 @@ function At(e, t, n, i, a, s) {
 		"class"
 	]);
 }
-var jt = /* @__PURE__ */ Y({
+var Mt = /* @__PURE__ */ Y({
 	name: "w-dialog",
 	props: {
 		modelValue: { default: !0 },
@@ -3301,15 +3315,15 @@ var jt = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.showWrapper = e, this.showContent = e;
 	} }
-}, [["render", At]]), Mt = ["role", "aria-orientation"];
-function Nt(e, t, n, r, i, a) {
+}, [["render", jt]]), Nt = ["role", "aria-orientation"];
+function Pt(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-divider", a.classes]),
 		role: e.$slots.default ? null : "presentation",
 		"aria-orientation": n.vertical ? "vertical" : "horizontal"
-	}, [T(e.$slots, "default")], 10, Mt);
+	}, [w(e.$slots, "default")], 10, Nt);
 }
-var Pt = /* @__PURE__ */ Y({
+var Ft = /* @__PURE__ */ Y({
 	name: "w-divider",
 	props: {
 		vertical: { type: Boolean },
@@ -3327,9 +3341,9 @@ var Pt = /* @__PURE__ */ Y({
 			"w-divider--light": this.light
 		};
 	} }
-}, [["render", Nt]]), Ft = { class: "w-drawer-wrap__pushable" };
-function It(t, n, i, a, u, d) {
-	let p = E("w-overlay");
+}, [["render", Pt]]), It = { class: "w-drawer-wrap__pushable" };
+function Lt(t, n, i, a, u, d) {
+	let p = T("w-overlay");
 	return u.showWrapper || i.pushContent ? (b(), c("div", {
 		key: 0,
 		class: g(["w-drawer-wrap", d.wrapperClasses])
@@ -3337,7 +3351,7 @@ function It(t, n, i, a, u, d) {
 		key: 0,
 		class: "w-drawer-wrap__track",
 		style: v(d.trackStyles)
-	}, [l("div", Ft, [i.noOverlay ? s("", !0) : (b(), o(p, {
+	}, [l("div", It, [i.noOverlay ? s("", !0) : (b(), o(p, {
 		key: 0,
 		modelValue: u.showDrawer,
 		"onUpdate:modelValue": n[0] ||= (e) => u.showDrawer = e,
@@ -3352,18 +3366,18 @@ function It(t, n, i, a, u, d) {
 		"persistent",
 		"bg-color",
 		"opacity"
-	])), T(t.$slots, "pushable")]), f(r, {
+	])), w(t.$slots, "pushable")]), f(r, {
 		name: "fade",
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: N(() => [u.showDrawer ? (b(), o(O(i.tag || "aside"), {
+		default: P(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: g(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: v(d.styles)
 		}, {
-			default: N(() => [T(t.$slots, "default")]),
+			default: P(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class", "style"])) : s("", !0)]),
 		_: 3
@@ -3388,13 +3402,13 @@ function It(t, n, i, a, u, d) {
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: N(() => [u.showDrawer ? (b(), o(O(i.tag || "aside"), {
+		default: P(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: g(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: v(d.styles)
 		}, {
-			default: N(() => [T(t.$slots, "default")]),
+			default: P(() => [w(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class", "style"])) : s("", !0)]),
 		_: 3
@@ -3406,12 +3420,12 @@ function It(t, n, i, a, u, d) {
 }
 //#endregion
 //#region src/wave-ui/components/w-drawer.vue
-var Lt = {
+var Rt = {
 	left: "right",
 	right: "left",
 	top: "down",
 	bottom: "up"
-}, Rt = /* @__PURE__ */ Y({
+}, zt = /* @__PURE__ */ Y({
 	name: "w-drawer",
 	props: {
 		modelValue: { default: !0 },
@@ -3517,7 +3531,7 @@ var Lt = {
 			return !this.showWrapper;
 		},
 		transitionName() {
-			return `slide-${Lt[this.position]}`;
+			return `slide-${Rt[this.position]}`;
 		}
 	},
 	methods: {
@@ -3534,16 +3548,16 @@ var Lt = {
 	watch: { modelValue(e) {
 		e && (this.showWrapper = !0), this.showDrawer = e;
 	} }
-}, [["render", It]]);
+}, [["render", Lt]]);
 //#endregion
 //#region src/wave-ui/components/w-flex.vue?vue&type=template&lang.js
-function zt(e, t, n, r, i, a) {
-	return b(), o(O(n.tag), { class: g(["w-flex", a.classes]) }, {
-		default: N(() => [T(e.$slots, "default")]),
+function Bt(e, t, n, r, i, a) {
+	return b(), o(D(n.tag), { class: g(["w-flex", a.classes]) }, {
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var Bt = /* @__PURE__ */ Y({
+var Vt = /* @__PURE__ */ Y({
 	name: "w-flex",
 	props: {
 		tag: {
@@ -3594,23 +3608,23 @@ var Bt = /* @__PURE__ */ Y({
 			[`gap${this.gap}`]: ~~this.gap
 		};
 	} }
-}, [["render", zt]]);
+}, [["render", Bt]]);
 //#endregion
 //#region src/wave-ui/components/w-form.vue?vue&type=template&lang.js
-function Vt(e, t, n, r, i, a) {
+function Ht(e, t, n, r, i, a) {
 	return b(), c("form", {
 		class: g(["w-form", a.classes]),
 		onSubmit: t[0] ||= (...e) => a.onSubmit && a.onSubmit(...e),
 		onReset: t[1] ||= (...e) => a.reset && a.reset(...e),
 		novalidate: ""
-	}, [T(e.$slots, "default")], 34);
+	}, [w(e.$slots, "default")], 34);
 }
 //#endregion
 //#region src/wave-ui/components/w-form.vue
-var Ht = async (e, t) => {
+var Ut = async (e, t) => {
 	for (let n of e) if (await t(n)) return !0;
 	return !1;
-}, Ut = /* @__PURE__ */ Y({
+}, Wt = /* @__PURE__ */ Y({
 	name: "w-form",
 	props: {
 		modelValue: {},
@@ -3662,7 +3676,7 @@ var Ht = async (e, t) => {
 			this.formElements.push(e);
 		},
 		unregister(e) {
-			this.formElements = this.formElements.filter((t) => t._.uid !== e._.uid);
+			this.formElements = this.formElements.filter((t) => t !== e);
 		},
 		async validate(e) {
 			this.$emit("before-validate", {
@@ -3685,7 +3699,7 @@ var Ht = async (e, t) => {
 		},
 		async checkElementValidators(e) {
 			let t = !1, n = "";
-			await Ht(e.validators, async (r) => {
+			await Ut(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;
@@ -3706,20 +3720,20 @@ var Ht = async (e, t) => {
 	watch: { modelValue(e) {
 		(this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
 	} }
-}, [["render", Vt]]);
+}, [["render", Ht]]);
 //#endregion
 //#region src/wave-ui/components/w-form-element.vue?vue&type=template&lang.js
-function Wt(e, t, n, r, i, a) {
-	let o = E("w-transition-expand");
-	return b(), c("div", { class: g(a.classes) }, [l("div", { class: g(["w-flex grow", [n.column ? "column" : "align-center", n.wrap ? "wrap" : ""]]) }, [T(e.$slots, "default")], 2), f(o, { y: "" }, {
-		default: N(() => [e.Validation.message ? (b(), c("div", {
+function Gt(e, t, n, r, i, a) {
+	let o = T("w-transition-expand");
+	return b(), c("div", { class: g(a.classes) }, [l("div", { class: g(["w-flex grow", [n.column ? "column" : "align-center", n.wrap ? "wrap" : ""]]) }, [w(e.$slots, "default")], 2), f(o, { y: "" }, {
+		default: P(() => [e.Validation.message ? (b(), c("div", {
 			key: 0,
 			class: g(["w-form-el__error", a.formProps.validationColor])
-		}, [T(e.$slots, "error-message", { message: e.Validation.message }, () => [d(k(e.Validation.message), 1)])], 2)) : s("", !0)]),
+		}, [w(e.$slots, "error-message", { message: e.Validation.message }, () => [d(O(e.Validation.message), 1)])], 2)) : s("", !0)]),
 		_: 3
 	})], 2);
 }
-var Gt = /* @__PURE__ */ Y({
+var Kt = /* @__PURE__ */ Y({
 	name: "w-form-element",
 	props: {
 		valid: { required: !0 },
@@ -3727,6 +3741,7 @@ var Gt = /* @__PURE__ */ Y({
 		readonly: { type: Boolean },
 		inputValue: { required: !0 },
 		validators: { type: Array },
+		noBlurValidation: { type: Boolean },
 		isFocused: { default: !1 },
 		column: { default: !1 },
 		wrap: { default: !1 }
@@ -3751,13 +3766,18 @@ var Gt = /* @__PURE__ */ Y({
 		},
 		hasJustReset: !1
 	}),
-	computed: { classes() {
-		return ["w-form-el", [
-			"w-form-el--error error",
-			"w-form-el--success",
-			"w-form-el--pristine"
-		][this.Validation.isValid === null ? 2 : ~~this.Validation.isValid]];
-	} },
+	computed: {
+		classes() {
+			return ["w-form-el", [
+				"w-form-el--error error",
+				"w-form-el--success",
+				"w-form-el--pristine"
+			][this.Validation.isValid === null ? 2 : ~~this.Validation.isValid]];
+		},
+		shouldSkipBlurValidation() {
+			return this.noBlurValidation === !0 ? !0 : this.noBlurValidation === !1 ? !1 : !!this.formProps.noBlurValidation;
+		}
+	},
 	methods: {
 		reset() {
 			this.$emit("reset"), this.$emit("update:valid", null), this.Validation.message = "", this.Validation.isValid = null, this.hasJustReset = !0;
@@ -3772,7 +3792,7 @@ var Gt = /* @__PURE__ */ Y({
 			!this.formProps.noKeyupValidation && this.validators && this.$emit("update:valid", await this.validateElement(this));
 		},
 		async isFocused(e) {
-			e ? this.hasJustReset = !1 : !this.formProps.noBlurValidation && this.validators && !this.readonly && this.$emit("update:valid", await this.validateElement(this));
+			e ? this.hasJustReset = !1 : !this.shouldSkipBlurValidation && this.validators && !this.readonly && this.$emit("update:valid", await this.validateElement(this));
 		}
 	},
 	created() {
@@ -3781,16 +3801,16 @@ var Gt = /* @__PURE__ */ Y({
 	beforeUnmount() {
 		this.formUnregister && this.formUnregister(this);
 	}
-}, [["render", Wt]]);
+}, [["render", Gt]]);
 //#endregion
 //#region src/wave-ui/components/w-grid.vue?vue&type=template&lang.js
-function Kt(e, t, n, r, i, a) {
-	return b(), o(O(n.tag), { class: g(["w-grid", a.classes]) }, {
-		default: N(() => [T(e.$slots, "default")]),
+function qt(e, t, n, r, i, a) {
+	return b(), o(D(n.tag), { class: g(["w-grid", a.classes]) }, {
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
-var qt = /* @__PURE__ */ Y({
+var Jt = /* @__PURE__ */ Y({
 	name: "w-grid",
 	props: {
 		tag: {
@@ -3862,21 +3882,21 @@ var qt = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", Kt]]);
+}, [["render", qt]]);
 //#endregion
 //#region src/wave-ui/components/w-icon.vue?vue&type=template&lang.js
-function Jt(t, n, r, i, a, l) {
-	return b(), o(O(r.tag || "i"), {
+function Yt(t, n, r, i, a, l) {
+	return b(), o(D(r.tag || "i"), {
 		class: g(["w-icon", l.classes]),
 		role: "icon",
 		"aria-hidden": "true",
 		style: v(l.readIcon() && l.styles)
 	}, {
-		default: N(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(k(t.icon), 1)], 64)) : s("", !0)]),
+		default: P(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
 		_: 1
 	}, 8, ["class", "style"]);
 }
-var Yt = /* @__PURE__ */ Y({
+var Xt = /* @__PURE__ */ Y({
 	name: "w-icon",
 	props: {
 		tag: {
@@ -3946,24 +3966,24 @@ var Yt = /* @__PURE__ */ Y({
 		let { default: e } = this.$slots, [t = "", n = ""] = typeof e == "function" && e()?.[0]?.children?.trim()?.split(" ") || [];
 		return this.fontName = t, this.icon = n, !0;
 	} }
-}, [["render", Jt]]), Xt = {
+}, [["render", Yt]]), Zt = {
 	key: 0,
 	class: "w-image__loader"
-}, Zt = ["innerHTML"];
-function Qt(e, t, n, i, a, l) {
-	let u = E("w-progress");
-	return b(), o(O(l.wrapperTag), {
+}, Qt = ["innerHTML"];
+function $t(e, t, n, i, a, l) {
+	let u = T("w-progress");
+	return b(), o(D(l.wrapperTag), {
 		class: g(["w-image", l.wrapperClasses]),
 		ref: "imageWrap",
 		style: v(l.wrapperStyles),
 		onError: t[0] ||= (e) => a.error = !0
 	}, {
-		default: N(() => [
+		default: P(() => [
 			f(r, {
 				name: n.transition,
 				appear: ""
 			}, {
-				default: N(() => [a.loaded ? (b(), o(O(l.normalized.tag), {
+				default: P(() => [a.loaded ? (b(), o(D(l.normalized.tag), {
 					key: 0,
 					class: g(["w-image__image", l.imageClasses]),
 					style: v(l.imageStyles),
@@ -3975,31 +3995,31 @@ function Qt(e, t, n, i, a, l) {
 				])) : s("", !0)]),
 				_: 1
 			}, 8, ["name"]),
-			!n.noSpinner && a.loading ? (b(), c("span", Xt, [e.$slots.loading ? T(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
+			!n.noSpinner && a.loading ? (b(), c("span", Zt, [e.$slots.loading ? w(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
 				key: 1,
 				circle: "",
 				indeterminate: ""
 			}, n.spinnerColor ? { color: n.spinnerColor } : {}), null, 16))])) : s("", !0),
-			e.$slots.default ? (b(), o(O(l.wrapperTag), {
+			e.$slots.default ? (b(), o(D(l.wrapperTag), {
 				key: 1,
 				class: g(["w-image__content", n.contentClass])
 			}, {
-				default: N(() => [T(e.$slots, "default")]),
+				default: P(() => [w(e.$slots, "default")]),
 				_: 3
 			}, 8, ["class"])) : s("", !0),
 			e.$slots.caption ? (b(), c("figcaption", {
 				key: 2,
 				class: g(["w-image__caption caption", n.captionClass])
-			}, [T(e.$slots, "caption")], 2)) : n.caption ? (b(), c("figcaption", {
+			}, [w(e.$slots, "caption")], 2)) : n.caption ? (b(), c("figcaption", {
 				key: 3,
 				class: g(["w-image__caption caption", n.captionClass]),
 				innerHTML: n.caption
-			}, null, 10, Zt)) : s("", !0)
+			}, null, 10, Qt)) : s("", !0)
 		]),
 		_: 3
 	}, 40, ["class", "style"]);
 }
-var $t = /* @__PURE__ */ Y({
+var en = /* @__PURE__ */ Y({
 	name: "w-image",
 	props: {
 		tag: {
@@ -4101,7 +4121,7 @@ var $t = /* @__PURE__ */ Y({
 		});
 	} },
 	mounted() {
-		if (!this.src) return R("The w-image component was used without src.");
+		if (!this.src) return z("The w-image component was used without src.");
 		if (this.lazy) {
 			let e = new IntersectionObserver((t) => {
 				t[0]?.isIntersecting && (this.loadImage(), e.disconnect());
@@ -4112,7 +4132,7 @@ var $t = /* @__PURE__ */ Y({
 	watch: { src() {
 		this.loadImage();
 	} }
-}, [["render", Qt]]), en = ["name"], tn = ["for"], nn = [
+}, [["render", $t]]), tn = ["name"], nn = ["for"], rn = [
 	"id",
 	"type",
 	"name",
@@ -4127,24 +4147,25 @@ var $t = /* @__PURE__ */ Y({
 	"disabled",
 	"required",
 	"tabindex"
-], rn = [
+], an = [
 	"id",
 	"name",
 	"multiple",
 	"disabled",
 	"data-progress"
-], an = {
+], on = {
 	class: "w-input__no-file",
 	key: "no-file"
-}, on = ["for"], sn = ["src"], cn = ["for"];
-function ln(t, n, r, a, u, p) {
-	let m = E("w-icon"), _ = E("w-progress");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, sn = ["for"], cn = ["src"], ln = ["for"];
+function un(t, n, r, a, u, p) {
+	let m = T("w-icon"), _ = T("w-progress");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: u.inputValue,
 		disabled: t.isDisabled,
 		readonly: t.isReadonly,
-		isFocused: u.isFocused
+		isFocused: u.isFocused,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[10] ||= (e) => t.valid = e,
@@ -4155,31 +4176,31 @@ function ln(t, n, r, a, u, p) {
 		class: p.classes,
 		style: t.$attrs.style
 	}), {
-		default: N(() => [r.type === "hidden" ? P((b(), c("input", {
+		default: P(() => [r.type === "hidden" ? F((b(), c("input", {
 			key: 0,
 			type: "hidden",
 			name: t.name || null,
 			"onUpdate:modelValue": n[0] ||= (e) => u.inputValue = e
-		}, null, 8, en)), [[j, u.inputValue]]) : (b(), c(e, { key: 1 }, [
+		}, null, 8, tn)), [[M, 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: g(["w-input__label w-input__label--left w-form-el-shakable", t.labelClasses]),
-				for: `w-input--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, tn)) : s("", !0)], 64)) : s("", !0),
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, nn)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: g(["w-input__input-wrap", p.inputWrapClasses]) }, [
-				T(t.$slots, "icon-left", { inputId: `w-input--${t._.uid}` }, () => [r.innerIconLeft ? (b(), o(m, {
+				w(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(m, {
 					key: 0,
 					class: "w-input__icon w-input__icon--inner-left",
 					tag: "label",
-					for: `w-input--${t._.uid}`,
+					for: t.inputId,
 					onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: N(() => [d(k(r.innerIconLeft), 1)]),
+					default: P(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				r.type === "file" ? (b(), c(e, { key: 1 }, [l("input", h({
 					ref: "input",
-					id: `w-input--${t._.uid}`,
+					id: t.inputId,
 					type: "file",
 					name: t.name || null,
 					onFocus: n[6] ||= (...e) => p.onFocus && p.onFocus(...e),
@@ -4189,22 +4210,22 @@ function ln(t, n, r, a, u, p) {
 				}, p.attrs, {
 					disabled: t.isDisabled || null,
 					"data-progress": p.overallFilesProgress
-				}), null, 16, rn), f(i, {
+				}), null, 16, an), f(i, {
 					class: "w-input__input w-input__input--file",
 					tag: "label",
 					name: "fade",
-					for: `w-input--${t._.uid}`
+					for: t.inputId
 				}, {
-					default: N(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", an, [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(k(t ? ", " : ""), 1),
+					default: P(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", on, [w(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, C(u.inputFiles, (e, t) => (b(), c("span", { key: e.lastModified }, [
+						d(O(t ? ", " : ""), 1),
 						(b(), c("span", {
 							class: "filename",
 							key: `${t}b`
-						}, k(e.base), 1)),
-						d(k(e.extension ? `.${e.extension}` : ""), 1)
+						}, O(e.base), 1)),
+						d(O(e.extension ? `.${e.extension}` : ""), 1)
 					]))), 128))]),
 					_: 3
-				}, 8, ["for"])], 64)) : P((b(), c("input", h({
+				}, 8, ["for"])], 64)) : F((b(), c("input", h({
 					key: 0,
 					class: "w-input__input",
 					ref: "input",
@@ -4212,7 +4233,7 @@ function ln(t, n, r, a, u, p) {
 					onInput: n[3] ||= (...e) => p.onInput && p.onInput(...e),
 					onFocus: n[4] ||= (...e) => p.onFocus && p.onFocus(...e),
 					onBlur: n[5] ||= (...e) => p.onBlur && p.onBlur(...e),
-					id: `w-input--${t._.uid}`,
+					id: t.inputId,
 					type: r.type,
 					name: t.inputName,
 					placeholder: r.placeholder || null,
@@ -4226,19 +4247,19 @@ function ln(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, nn)), [[te, u.inputValue]]),
+				}, p.attrs, { class: r.inputClass }), null, 16, rn)), [[j, u.inputValue]]),
 				r.labelPosition === "inside" && p.showLabelInside ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: g(["w-input__label w-input__label--inside w-form-el-shakable", t.labelClasses])
-				}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
-				T(t.$slots, "icon-right", { inputId: `w-input--${t._.uid}` }, () => [r.innerIconRight ? (b(), o(m, {
+				}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
+				w(t.$slots, "icon-right", { inputId: t.inputId }, () => [r.innerIconRight ? (b(), o(m, {
 					key: 0,
 					class: "w-input__icon w-input__icon--inner-right",
 					tag: "label",
-					for: `w-input--${t._.uid}`,
+					for: t.inputId,
 					onClick: n[9] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: N(() => [d(k(r.innerIconRight), 1)]),
+					default: P(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				p.hasLoading || r.showProgress && (p.uploadInProgress || p.uploadComplete) ? (b(), o(_, {
@@ -4252,8 +4273,8 @@ function ln(t, n, r, a, u, p) {
 			r.type === "file" && r.preview && u.inputFiles.length ? (b(), c("label", {
 				key: 1,
 				class: "d-flex",
-				for: `w-input--${t._.uid}`
-			}, [(b(!0), c(e, null, w(u.inputFiles, (t, n) => (b(), c(e, null, [t.progress < 100 ? (b(), c("i", {
+				for: t.inputId
+			}, [(b(!0), c(e, null, C(u.inputFiles, (t, n) => (b(), c(e, null, [t.progress < 100 ? (b(), c("i", {
 				class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
 				key: `${n}a`
 			})) : t.preview ? (b(), c("img", {
@@ -4261,15 +4282,15 @@ function ln(t, n, r, a, u, p) {
 				key: `${n}b`,
 				src: t.preview,
 				alt: ""
-			}, null, 8, sn)) : (b(), c("i", {
+			}, null, 8, cn)) : (b(), c("i", {
 				class: g(["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, on)) : s("", !0),
+			}, null, 2))], 64))), 256))], 8, sn)) : s("", !0),
 			r.labelPosition === "right" ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-input__label w-input__label--right w-form-el-shakable", t.labelClasses]),
-				for: `w-input--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, cn)) : s("", !0)], 64)) : s("", !0)
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ln)) : s("", !0)], 64)) : s("", !0)
 		], 64))]),
 		_: 3
 	}, 16, [
@@ -4279,7 +4300,7 @@ function ln(t, n, r, a, u, p) {
 		"style"
 	]);
 }
-var un = /* @__PURE__ */ Y({
+var dn = /* @__PURE__ */ Y({
 	name: "w-input",
 	mixins: [Q],
 	inheritAttrs: !1,
@@ -4467,12 +4488,12 @@ var un = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
 	} }
-}, [["render", ln]]);
+}, [["render", un]]);
 //#endregion
 //#region src/wave-ui/components/w-list.vue?vue&type=template&lang.js
-function dn(t, n, r, i, a, l) {
-	let f = E("w-icon"), p = E("w-list", !0);
-	return b(), c("ul", { class: g(["w-list", l.classes]) }, [(b(!0), c(e, null, w(t.listItems, (e, i) => (b(), c("li", {
+function fn(t, n, r, i, a, l) {
+	let f = T("w-icon"), p = T("w-list", !0);
+	return b(), c("ul", { class: g(["w-list", l.classes]) }, [(b(!0), c(e, null, C(t.listItems, (e, i) => (b(), c("li", {
 		class: g(["w-list__item", { "w-list__item--parent": (e.children || []).length }]),
 		key: i
 	}, [
@@ -4480,31 +4501,31 @@ function dn(t, n, r, i, a, l) {
 			key: 0,
 			class: "w-list__item-bullet"
 		}, {
-			default: N(() => [d(k(r.icon), 1)]),
+			default: P(() => [d(O(r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
-		t.$slots[`item.${i + 1}`] || t.$slots.item || t.$slots.default ? (b(), o(O(r.checklist ? "w-checkbox" : r.nav && !e.disabled && e.route ? l.hasRouter ? "router-link" : "a" : "div"), h({
+		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: N(() => [t.$slots[`item.${i + 1}`] ? T(t.$slots, `item.${i + 1}`, {
+			default: P(() => [t.$slots[`item.${i + 1}`] ? w(t.$slots, `item.${i + 1}`, {
 				key: 0,
 				item: l.cleanLi(e),
 				index: i + 1,
 				selected: e._selected
-			}) : t.$slots.item ? T(t.$slots, "item", {
+			}) : t.$slots.item ? w(t.$slots, "item", {
 				key: 1,
 				item: l.cleanLi(e),
 				index: i + 1,
 				selected: e._selected
-			}) : T(t.$slots, "default", {
+			}) : w(t.$slots, "default", {
 				key: 2,
 				item: l.cleanLi(e),
 				index: i + 1,
 				selected: e._selected
-			}, () => [d(k(e._label), 1)])]),
+			}, () => [d(O(e._label), 1)])]),
 			_: 2
-		}, 1040)) : (b(), o(O(r.checklist ? "w-checkbox" : r.nav && !e.disabled && e.route ? l.hasRouter ? "router-link" : "a" : "div"), h({
+		}, 1040)) : (b(), o(D(r.checklist ? "w-checkbox" : r.nav && !e.disabled && e.route ? l.hasRouter ? "router-link" : "a" : "div"), h({
 			key: 2,
 			class: "w-list__item-label"
 		}, { ref_for: !0 }, l.liLabelProps(e, i, e._selected)), null, 16)),
@@ -4520,7 +4541,7 @@ function dn(t, n, r, i, a, l) {
 			onItemSelect: n[3] ||= (e) => t.$emit("item-select", e)
 		}), u({ _: 2 }, [t.$slots.item ? {
 			name: "item",
-			fn: N(({ item: e, index: n, selected: r }) => [T(t.$slots, "item", {
+			fn: P(({ item: e, index: n, selected: r }) => [w(t.$slots, "item", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: r
@@ -4528,17 +4549,20 @@ function dn(t, n, r, i, a, l) {
 			key: "0"
 		} : {
 			name: "default",
-			fn: N(({ item: e, index: n, selected: i }) => [T(t.$slots, "default", {
+			fn: P(({ item: e, index: n, selected: i }) => [w(t.$slots, "default", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: i
-			}, () => [d(k(e[r.itemLabelKey]), 1)])]),
+			}, () => [d(O(e[r.itemLabelKey]), 1)])]),
 			key: "1"
 		}]), 1040, ["items", "depth"])) : s("", !0)
 	], 2))), 128))], 2);
 }
-var fn = /* @__PURE__ */ Y({
+var pn = /* @__PURE__ */ Y({
 	name: "w-list",
+	setup() {
+		return { _waveUiUseId: A() };
+	},
 	props: {
 		items: {
 			type: [Array, Number],
@@ -4601,7 +4625,7 @@ var fn = /* @__PURE__ */ Y({
 			return "$router" in this;
 		},
 		listId() {
-			return this.addIds ? typeof this.addIds == "string" ? this.addIds : `w-list--${this._.uid}` : null;
+			return this.addIds ? typeof this.addIds == "string" ? this.addIds : `w-list--${this._waveUiUseId}` : null;
 		},
 		selectedItems() {
 			return this.listItems.filter((e) => e._selected);
@@ -4731,8 +4755,8 @@ var fn = /* @__PURE__ */ Y({
 			}
 		}
 	}
-}, [["render", dn]]), pn = 4;
-function mn(e) {
+}, [["render", fn]]), mn = 4;
+function hn(e) {
 	return {
 		top: "bottom",
 		bottom: "top",
@@ -4740,7 +4764,7 @@ function mn(e) {
 		right: "left"
 	}[e] || "bottom";
 }
-var hn = {
+var gn = {
 	props: {
 		appendTo: { type: [
 			String,
@@ -4781,7 +4805,7 @@ var hn = {
 			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.$el.previousElementSibling || this.$el.nextElementSibling : 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.$el.previousElementSibling || this.$el.nextElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, z(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`, this)), typeof t == "string" && (t = document.querySelector(t)), t ||= (z(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`, this), document.querySelector(e)), t;
 		},
 		detachableParentEl() {
 			return this.appendToTarget;
@@ -4877,8 +4901,8 @@ var hn = {
 			this.viewportPlacementOverride = null, this.detachableEl.style.display = "flex";
 			let e = window.getComputedStyle(this.detachableEl, null), t = this.detachableEl.offsetWidth, n = this.detachableEl.offsetHeight, r = this.position;
 			if (!this.noPosition) {
-				let e = pn, 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 = mn(r), this.viewportPlacementOverride = r);
+				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 = hn(r), this.viewportPlacementOverride = r);
 			}
 			let i = this.getActivatorCoordinates(), { top: a, left: o } = this._applyDetachablePlacement(r, i, e);
 			this.detachableCoords = {
@@ -4942,16 +4966,16 @@ var hn = {
 };
 //#endregion
 //#region src/wave-ui/components/w-menu.vue?vue&type=template&lang.js
-function gn(t, n, i, a, l, d) {
-	let p = E("w-card"), m = E("w-overlay");
+function _n(t, n, i, a, l, d) {
+	let p = T("w-card"), m = T("w-overlay");
 	return b(), c(e, null, [
-		T(t.$slots, "activator", { on: d.activatorEventHandlers }),
+		w(t.$slots, "activator", { on: d.activatorEventHandlers }),
 		f(r, {
 			name: d.transitionName,
 			appear: "",
 			onAfterLeave: t.onAfterLeave
 		}, {
-			default: N(() => [i.custom && t.detachableVisible ? (b(), c("div", h({
+			default: P(() => [i.custom && t.detachableVisible ? (b(), c("div", h({
 				key: 0,
 				class: "w-menu",
 				ref: "detachable"
@@ -4961,7 +4985,7 @@ function gn(t, n, i, a, l, d) {
 				onMouseleave: n[2] ||= (e) => i.showOnHover && (t.hoveringMenu = !1, d.close()),
 				class: d.classes,
 				style: d.styles
-			}), [T(t.$slots, "default")], 16)) : t.detachableVisible ? (b(), o(p, h({
+			}), [w(t.$slots, "default")], 16)) : t.detachableVisible ? (b(), o(p, h({
 				key: 1,
 				class: "w-menu",
 				ref: "detachable"
@@ -4977,15 +5001,15 @@ function gn(t, n, i, a, l, d) {
 				class: d.classes,
 				style: d.styles
 			}), u({
-				default: N(() => [T(t.$slots, "default")]),
+				default: P(() => [w(t.$slots, "default")]),
 				_: 2
 			}, [t.$slots.title ? {
 				name: "title",
-				fn: N(() => [T(t.$slots, "title")]),
+				fn: P(() => [w(t.$slots, "title")]),
 				key: "0"
 			} : void 0, t.$slots.actions ? {
 				name: "actions",
-				fn: N(() => [T(t.$slots, "actions")]),
+				fn: P(() => [w(t.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1040, [
 				"tile",
@@ -5015,9 +5039,9 @@ function gn(t, n, i, a, l, d) {
 		])) : s("", !0)
 	], 64);
 }
-var _n = /* @__PURE__ */ Y({
+var vn = /* @__PURE__ */ Y({
 	name: "w-menu",
-	mixins: [hn],
+	mixins: [gn],
 	inheritAttrs: !1,
 	props: {
 		modelValue: {},
@@ -5162,16 +5186,16 @@ var _n = /* @__PURE__ */ Y({
 			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", gn]]);
+}, [["render", _n]]);
 //#endregion
 //#region src/wave-ui/components/w-notification.vue?vue&type=template&lang.js
-function vn(e, t, n, i, a, l) {
-	let u = E("w-alert");
+function yn(e, t, n, i, a, l) {
+	let u = T("w-alert");
 	return b(), o(r, {
 		name: l.transitionName,
 		appear: ""
 	}, {
-		default: N(() => [a.show ? (b(), c("div", {
+		default: P(() => [a.show ? (b(), c("div", {
 			key: 0,
 			class: g(["w-notification", l.classes]),
 			style: v(l.styles)
@@ -5181,13 +5205,13 @@ function vn(e, t, n, i, a, l) {
 				e.$emit("update:modelValue", !1), e.$emit("input", !1);
 			}
 		}), {
-			default: N(() => [T(e.$slots, "default")]),
+			default: P(() => [w(e.$slots, "default")]),
 			_: 3
 		}, 16, ["class"])], 6)) : s("", !0)]),
 		_: 3
 	}, 8, ["name"]);
 }
-var yn = /* @__PURE__ */ Y({
+var bn = /* @__PURE__ */ Y({
 	name: "w-notification",
 	props: {
 		modelValue: { default: !0 },
@@ -5317,29 +5341,29 @@ var yn = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
 	} }
-}, [["render", vn]]);
+}, [["render", yn]]);
 //#endregion
 //#region src/wave-ui/components/w-overlay.vue?vue&type=template&lang.js
-function bn(e, t, n, i, a, l) {
-	let u = D("focus");
+function xn(e, t, n, i, a, l) {
+	let u = E("focus");
 	return b(), o(r, {
 		name: "fade",
 		appear: "",
 		onAfterLeave: l.onClose
 	}, {
-		default: N(() => [n.modelValue ? P((b(), c("div", {
+		default: P(() => [n.modelValue ? F((b(), c("div", {
 			key: 0,
 			class: g(["w-overlay", l.classes]),
 			ref: "overlay",
 			style: v(n.modelValue && l.styles || null),
-			onKeydown: t[0] ||= F(I((...e) => l.onClick && l.onClick(...e), ["stop"]), ["escape"]),
+			onKeydown: t[0] ||= I(L((...e) => l.onClick && l.onClick(...e), ["stop"]), ["escape"]),
 			onClick: t[1] ||= (...e) => l.onClick && l.onClick(...e),
 			tabindex: "0"
-		}, [T(e.$slots, "default")], 38)), [[M, e.showOverlay], [u]]) : s("", !0)]),
+		}, [w(e.$slots, "default")], 38)), [[N, e.showOverlay], [u]]) : s("", !0)]),
 		_: 3
 	}, 8, ["onAfterLeave"]);
 }
-var xn = /* @__PURE__ */ Y({
+var Sn = /* @__PURE__ */ Y({
 	name: "w-overlay",
 	props: {
 		modelValue: {},
@@ -5403,22 +5427,22 @@ var xn = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		e && (this.showOverlay = !0);
 	} }
-}, [["render", bn]]), Sn = { class: "w-parallax" };
-function Cn(e, t, n, r, i, a) {
-	return b(), c("div", Sn);
+}, [["render", xn]]), Cn = { class: "w-parallax" };
+function wn(e, t, n, r, i, a) {
+	return b(), c("div", Cn);
 }
-var wn = /* @__PURE__ */ Y({
+var Tn = /* @__PURE__ */ Y({
 	name: "w-parallax",
 	props: {},
 	emits: [],
 	data: () => ({})
-}, [["render", Cn]]), Tn = ["viewBox"], En = [
+}, [["render", wn]]), En = ["viewBox"], Dn = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-width"
-], Dn = [
+], On = [
 	"cx",
 	"cy",
 	"r",
@@ -5426,7 +5450,7 @@ var wn = /* @__PURE__ */ Y({
 	"stroke-linecap",
 	"stroke-dasharray"
 ];
-function On(e, t, n, r, i, a) {
+function kn(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-progress", a.classes]),
 		style: v(a.styles)
@@ -5442,7 +5466,7 @@ function On(e, t, n, r, i, a) {
 		fill: "transparent",
 		"stroke-dasharray": e.circleCircumference,
 		"stroke-width": n.stroke
-	}, null, 10, En)) : s("", !0), l("circle", {
+	}, null, 10, Dn)) : s("", !0), l("circle", {
 		class: "w-progress__progress",
 		cx: a.circleCenter,
 		cy: a.circleCenter,
@@ -5452,18 +5476,18 @@ function On(e, t, n, r, i, a) {
 		"stroke-linecap": n.roundCap && "round",
 		"stroke-dasharray": e.circleCircumference,
 		style: v(`stroke-dashoffset: ${(1 - a.progressValue / 100) * e.circleCircumference}`)
-	}, null, 12, Dn)], 8, Tn)) : (b(), c("div", {
+	}, null, 12, On)], 8, En)) : (b(), c("div", {
 		key: 0,
 		class: g(["w-progress__progress", { full: a.progressValue === 100 }]),
 		style: v(`width: ${a.progressValue}%`)
 	}, null, 6)), n.label || e.$slots.default ? (b(), c("div", {
 		key: 2,
 		class: g(["w-progress__label", n.labelColor || !1])
-	}, [T(e.$slots, "default", {}, () => [d(k(Math.round(a.progressValue)) + k(n.circle ? "" : "%"), 1)])], 2)) : s("", !0)], 6);
+	}, [w(e.$slots, "default", {}, () => [d(O(Math.round(a.progressValue)) + O(n.circle ? "" : "%"), 1)])], 2)) : s("", !0)], 6);
 }
 //#endregion
 //#region src/wave-ui/components/w-progress.vue
-var $ = 40, kn = $ / 2, An = Math.round($ * 3.14 * 100) / 100, jn = /* @__PURE__ */ Y({
+var $ = 40, An = $ / 2, jn = Math.round($ * 3.14 * 100) / 100, Mn = /* @__PURE__ */ Y({
 	name: "w-progress",
 	props: {
 		modelValue: {
@@ -5506,8 +5530,8 @@ var $ = 40, kn = $ / 2, An = Math.round($ * 3.14 * 100) / 100, jn = /* @__PURE__
 	emits: [],
 	data: () => ({
 		circleSize: $,
-		circleRadius: kn,
-		circleCircumference: An
+		circleRadius: An,
+		circleCircumference: jn
 	}),
 	computed: {
 		progressValue() {
@@ -5544,7 +5568,7 @@ var $ = 40, kn = $ / 2, An = Math.round($ * 3.14 * 100) / 100, jn = /* @__PURE__
 			return { [this.circle ? "width" : "height"]: this.forcedSize || null };
 		}
 	}
-}, [["render", On]]), Mn = [
+}, [["render", kn]]), Nn = [
 	"id",
 	"name",
 	"checked",
@@ -5552,13 +5576,14 @@ var $ = 40, kn = $ / 2, An = Math.round($ * 3.14 * 100) / 100, jn = /* @__PURE__
 	"required",
 	"tabindex",
 	"aria-checked"
-], Nn = ["for"], Pn = ["for", "innerHTML"], Fn = ["for"], In = ["for", "innerHTML"];
-function Ln(t, n, r, i, a, u) {
-	return b(), o(O(t.formRegister && !u.wRadios ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+], Pn = ["for"], Fn = ["for", "innerHTML"], In = ["for"], Ln = ["for", "innerHTML"];
+function Rn(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,
 		disabled: t.isDisabled,
-		readonly: t.isReadonly
+		readonly: t.isReadonly,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[3] ||= (e) => t.valid = e,
@@ -5567,10 +5592,10 @@ function Ln(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: N(() => [
+		default: P(() => [
 			l("input", {
 				ref: "input",
-				id: `w-radio--${t._.uid}`,
+				id: t.inputId,
 				type: "radio",
 				name: t.inputName,
 				checked: t.inputValue || null,
@@ -5581,17 +5606,17 @@ function Ln(t, n, r, i, a, u) {
 				onChange: n[1] ||= (e) => u.onInput(e),
 				"aria-checked": t.inputValue || "false",
 				role: "radio"
-			}, null, 40, Mn),
+			}, null, 40, Nn),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: g(["w-radio__label w-form-el-shakable pr2", t.labelClasses]),
-				for: `w-radio--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, Nn)) : r.label ? (b(), c("label", {
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Pn)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-radio__label w-form-el-shakable pr2", t.labelClasses]),
-				for: `w-radio--${t._.uid}`,
+				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, Pn)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, Fn)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: g(["w-radio__input", this.color]),
 				onClick: n[2] ||= (e) => {
@@ -5601,18 +5626,18 @@ function Ln(t, n, r, i, a, u) {
 			u.hasLabel && !r.labelOnLeft ? (b(), c(e, { key: 1 }, [t.$slots.default ? (b(), c("label", {
 				key: 0,
 				class: g(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
-				for: `w-radio--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, Fn)) : r.label ? (b(), c("label", {
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, In)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
-				for: `w-radio--${t._.uid}`,
+				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, In)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, Ln)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Rn = /* @__PURE__ */ Y({
+var zn = /* @__PURE__ */ Y({
 	name: "w-radio",
 	mixins: [Q],
 	inject: { wRadios: { default: null } },
@@ -5680,13 +5705,14 @@ var Rn = /* @__PURE__ */ Y({
 	watch: { modelValue() {
 		this.toggleFromOutside();
 	} }
-}, [["render", Ln]]), zn = ["innerHTML"];
-function Bn(t, n, r, i, a, l) {
-	let u = E("w-radio");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, [["render", Rn]]), Bn = ["innerHTML"];
+function Vn(t, n, r, i, a, l) {
+	let u = T("w-radio");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: t.inputValue,
-		disabled: t.isDisabled
+		disabled: t.isDisabled,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[1] ||= (e) => t.valid = e,
@@ -5697,7 +5723,7 @@ function Bn(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: N(() => [(b(!0), c(e, null, w(l.radioItems, (e, i) => (b(), o(u, h({
+		default: P(() => [(b(!0), c(e, null, C(l.radioItems, (e, i) => (b(), o(u, h({
 			key: i,
 			"model-value": e.value === r.modelValue,
 			"onUpdate:modelValue": (t) => l.onInput(e),
@@ -5713,7 +5739,7 @@ function Bn(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: N(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: P(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? w(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				index: i + 1,
@@ -5722,7 +5748,7 @@ function Bn(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, zn)) : s("", !0)]),
+			}, null, 8, Bn)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -5740,7 +5766,7 @@ function Bn(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Vn = /* @__PURE__ */ Y({
+var Hn = /* @__PURE__ */ Y({
 	name: "w-radios",
 	mixins: [Q],
 	props: {
@@ -5807,22 +5833,23 @@ var Vn = /* @__PURE__ */ Y({
 			return this.items[e._index];
 		}
 	}
-}, [["render", Bn]]), Hn = [
+}, [["render", Vn]]), Un = [
 	"id",
 	"name",
 	"value"
-], Un = [
+], Wn = [
 	"disabled",
 	"onMouseenter",
 	"onClick",
 	"tabindex"
 ];
-function Wn(t, n, r, i, a, u) {
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+function Gn(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,
 		disabled: t.isDisabled,
-		readonly: t.isReadonly
+		readonly: t.isReadonly,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[4] ||= (e) => t.valid = e,
@@ -5831,12 +5858,12 @@ function Wn(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: N(() => [l("input", {
-			id: t.inputName,
+		default: P(() => [l("input", {
+			id: t.inputId,
 			name: t.inputName,
 			type: "hidden",
 			value: a.rating
-		}, null, 8, Hn), (b(!0), c(e, null, w(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? T(t.$slots, "item", {
+		}, null, 8, Un), (b(!0), c(e, null, C(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? w(t.$slots, "item", {
 			key: 0,
 			index: i + 1
 		}) : s("", !0), l("button", {
@@ -5856,11 +5883,11 @@ function Wn(t, n, r, i, a, u) {
 			role: "icon",
 			"aria-hidden": "true",
 			style: v(u.halfStarStyle)
-		}, null, 6)) : s("", !0)], 42, Un)], 64))), 128))]),
+		}, null, 6)) : s("", !0)], 42, Wn)], 64))), 128))]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Gn = /* @__PURE__ */ Y({
+var Kn = /* @__PURE__ */ Y({
 	name: "w-rating",
 	mixins: [Q],
 	props: {
@@ -5965,7 +5992,7 @@ var Gn = /* @__PURE__ */ Y({
 	watch: { value(e) {
 		this.rating = parseFloat(e);
 	} }
-}, [["render", Wn]]), Kn = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
+}, [["render", Gn]]), qn = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
 	__name: "w-scrollable",
 	props: {
 		color: {
@@ -6005,18 +6032,18 @@ var Gn = /* @__PURE__ */ Y({
 			top: null,
 			left: null,
 			hovered: !1
-		}), p = S(0), m = S(!1), _ = a(() => o.value ? (console.log("💂‍♂️", s.value?.scrollWidth, s.value?.offsetWidth), r.width && !r.height || s.value?.scrollWidth > s.value?.offsetWidth) : !1), x = a(() => i[_.value ? "h" : "v"]), C = a(() => ({ [`w-scrollable--${x.value.direction}`]: !0 })), w = a(() => ({ [`w-scrollable__scrollbar--${x.value.direction}`]: !0 })), E = S(0), D = a(() => (E.value, o.value && (r[x.value.size] ?? s.value?.[x.value.offsetSize]) * 100 / s.value?.[x.value.scrollSize] || 0));
-		function O() {
-			E.value++;
+		}), p = S(0), m = S(!1), _ = a(() => o.value ? (console.log("💂‍♂️", s.value?.scrollWidth, s.value?.offsetWidth), r.width && !r.height || s.value?.scrollWidth > s.value?.offsetWidth) : !1), x = a(() => i[_.value ? "h" : "v"]), te = a(() => ({ [`w-scrollable--${x.value.direction}`]: !0 })), C = a(() => ({ [`w-scrollable__scrollbar--${x.value.direction}`]: !0 })), T = S(0), E = a(() => (T.value, o.value && (r[x.value.size] ?? s.value?.[x.value.offsetSize]) * 100 / s.value?.[x.value.scrollSize] || 0));
+		function D() {
+			T.value++;
 		}
-		let k = a(() => ({ [x.value.maxSize]: r[x.value.size] ? `${r[x.value.size]}px` : void 0 })), A = a(() => {
+		let O = a(() => ({ [x.value.maxSize]: r[x.value.size] ? `${r[x.value.size]}px` : void 0 })), k = a(() => {
 			let e = p.value;
-			return e = Math.max(0, Math.min(e, 100 - D.value)), {
-				[x.value.size]: `${D.value}%`,
+			return e = Math.max(0, Math.min(e, 100 - E.value)), {
+				[x.value.size]: `${E.value}%`,
 				[x.value.topOrLeft]: `${e}%`
 			};
 		});
-		function te(e) {
+		function A(e) {
 			if (r.isDisabled || r.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
 			let { top: t, left: n, width: i, height: a } = u.value.getBoundingClientRect();
 			_.value ? (u.value.width = i, u.value.left = n) : (u.value.height = a, u.value.top = t), m.value = !0, I(e.type === "touchstart" ? e.touches[0][x.value.clientXorY] : e[x.value.clientXorY]), L(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", j), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", M, { once: !0 });
@@ -6034,61 +6061,62 @@ var Gn = /* @__PURE__ */ Y({
 			f.value.hovered = !1;
 		}
 		function F(e) {
-			f.value.hovered && (p.value <= 0 && e[x.value.deltaXorY] < 0 || p.value >= 100 - D.value && e[x.value.deltaXorY] > 0 || (e.preventDefault(), p.value += e[x.value.deltaXorY] * .05, p.value = Math.max(0, Math.min(p.value, 100)), L()));
+			f.value.hovered && (p.value <= 0 && e[x.value.deltaXorY] < 0 || p.value >= 100 - E.value && e[x.value.deltaXorY] > 0 || (e.preventDefault(), p.value += e[x.value.deltaXorY] * .05, p.value = Math.max(0, Math.min(p.value, 100)), L()));
 		}
 		function I(e) {
 			let { top: t, left: n, width: r, height: i } = s.value.getBoundingClientRect(), a = _.value ? n : t, o = _.value ? r : i;
 			p.value = Math.max(0, Math.min((e - a) / o * 100, 100));
 		}
 		function L() {
-			s.value[x.value.scrollTopOrLeft] = p.value * s.value?.[x.value.scrollSize] / 100, ne();
+			s.value[x.value.scrollTopOrLeft] = p.value * s.value?.[x.value.scrollSize] / 100, R();
 		}
-		function ne() {
+		function R() {
 			d.value.style[x.value.topOrLeft] = p.value;
 		}
 		return ee(() => {
 			o.value = !0;
 			let { top: e, left: t } = s.value.getBoundingClientRect();
-			f.value.top = e, f.value.left = t, window.addEventListener("resize", O);
+			f.value.top = e, f.value.left = t, window.addEventListener("resize", D);
 		}), y(() => {
-			window.removeEventListener("resize", O);
+			window.removeEventListener("resize", D);
 		}), t({ scroll: L }), (e, t) => (b(), c("div", h({
-			class: ["w-scrollable", C.value],
+			class: ["w-scrollable", te.value],
 			onMouseenter: N,
 			onMouseleave: P,
 			onMousewheel: F
-		}, e.$attrs, { style: k.value }), [l("div", {
+		}, e.$attrs, { style: O.value }), [l("div", {
 			class: "w-scrollable__content",
 			ref_key: "scrollableEl",
 			ref: s
-		}, [T(e.$slots, "default")], 512), l("div", {
-			class: g(["w-scrollable__scrollbar", w.value]),
+		}, [w(e.$slots, "default")], 512), l("div", {
+			class: g(["w-scrollable__scrollbar", C.value]),
 			ref_key: "trackEl",
 			ref: u,
-			onMousedown: te
+			onMousedown: A
 		}, [l("div", {
 			class: "w-scrollable__scrollbar-thumb",
 			ref_key: "thumbEl",
 			ref: d,
-			style: v(A.value)
+			style: v(k.value)
 		}, null, 4)], 34)], 16));
 	}
-}), qn = [
+}), Jn = [
 	"aria-expanded",
 	"aria-owns",
 	"aria-activedescendant"
-], Jn = {
+], Yn = {
 	key: 0,
 	class: "w-select__selection-slot"
-}, Yn = ["innerHTML"], Xn = ["value", "name"];
-function Zn(t, n, r, i, a, p) {
-	let m = E("w-icon"), _ = E("w-list"), v = E("w-menu");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, Xn = ["innerHTML"], Zn = ["value", "name"];
+function Qn(t, n, r, i, a, p) {
+	let m = T("w-icon"), _ = T("w-list"), v = T("w-menu");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: p.selectionString,
 		disabled: t.isDisabled,
 		readonly: t.isReadonly,
-		isFocused: t.isFocused
+		isFocused: t.isFocused,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[12] ||= (e) => t.valid = e,
@@ -6096,12 +6124,12 @@ function Zn(t, n, r, i, a, p) {
 		wrap: p.hasLabel && r.labelPosition !== "inside",
 		class: p.classes
 	}), {
-		default: N(() => [
+		default: P(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-select__label w-select__label--left w-form-el-shakable", t.labelClasses]),
 				onClick: n[0] ||= (e) => t.$refs["selection-input"].click()
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
 			f(v, h({
 				modelValue: t.showMenu,
 				"onUpdate:modelValue": n[10] ||= (e) => t.showMenu = e,
@@ -6113,53 +6141,53 @@ function Zn(t, n, r, i, a, p) {
 				custom: "",
 				"min-width": "activator"
 			}, r.menuProps || {}), {
-				activator: N(() => [l("div", {
+				activator: P(() => [l("div", {
 					class: g(["w-select__selection-wrap", p.inputWrapClasses]),
 					onClick: n[6] ||= (e) => !t.isDisabled && !t.isReadonly && p.onInputFieldClick(),
 					role: "button",
 					"aria-haspopup": "listbox",
 					"aria-expanded": t.showMenu ? "true" : "false",
-					"aria-owns": `w-select-menu--${t._.uid}`,
-					"aria-activedescendant": `w-select-menu--${t._.uid}_item-1`
+					"aria-owns": p.selectListId,
+					"aria-activedescendant": `${p.selectListId}_item-1`
 				}, [
-					T(t.$slots, "icon-left", {}, () => [r.innerIconLeft ? (b(), o(m, {
+					w(t.$slots, "icon-left", {}, () => [r.innerIconLeft ? (b(), o(m, {
 						key: 0,
 						class: "w-select__icon w-select__icon--inner-left",
 						tag: "label",
 						onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 					}, {
-						default: N(() => [d(k(r.innerIconLeft), 1)]),
+						default: P(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					})) : s("", !0)]),
-					t.$slots.selection ? (b(), c("div", Jn, [T(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
+					t.$slots.selection ? (b(), c("div", Yn, [w(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, Yn),
-					(b(!0), c(e, null, w(t.inputValue.length ? t.inputValue : [{}], (e, n) => (b(), c("input", {
+					}, p.selectionAttributes, { innerHTML: p.selectionHtml }), null, 16, Xn),
+					(b(!0), c(e, null, C(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, Xn))), 128)),
+					}, null, 8, Zn))), 128)),
 					r.labelPosition === "inside" && p.showLabelInside ? (b(), c(e, { key: 1 }, [t.$slots.default || r.label ? (b(), c("label", {
 						key: 0,
 						class: g(["w-select__label w-select__label--inside w-form-el-shakable", t.labelClasses])
-					}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
-					T(t.$slots, "icon-right", {}, () => [r.innerIconRight ? (b(), o(m, {
+					}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
+					w(t.$slots, "icon-right", {}, () => [r.innerIconRight ? (b(), o(m, {
 						key: 0,
 						class: "w-select__icon w-select__icon--inner-right",
 						tag: "label",
 						onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 					}, {
-						default: N(() => [d(k(r.innerIconRight), 1)]),
+						default: P(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					})) : s("", !0)])
-				], 10, qn)]),
-				default: N(() => [f(_, {
+				], 10, Jn)]),
+				default: P(() => [f(_, {
 					ref: "w-list",
 					"model-value": t.inputValue,
 					"onUpdate:modelValue": p.onInput,
@@ -6172,25 +6200,25 @@ function Zn(t, n, r, i, a, p) {
 					multiple: r.multiple,
 					"arrows-navigation": "",
 					"return-object": "",
-					"add-ids": `w-select-menu--${t._.uid}`,
+					"add-ids": p.selectListId,
 					"no-unselect": r.noUnselect,
 					"selection-color": r.selectionColor,
 					"item-color-key": r.itemColorKey,
 					role: "listbox",
 					tabindex: "-1"
-				}, u({ _: 2 }, [w(r.items.length, (e) => ({
+				}, u({ _: 2 }, [C(r.items.length, (e) => ({
 					name: `item.${e}`,
-					fn: N(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? T(t.$slots, `item.${e}`, {
+					fn: P(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? w(t.$slots, `item.${e}`, {
 						key: 0,
 						item: n,
 						selected: i,
 						index: a
-					}, () => [d(k(n[r.itemLabelKey]), 1)]) : T(t.$slots, "item", {
+					}, () => [d(O(n[r.itemLabelKey]), 1)]) : w(t.$slots, "item", {
 						key: 1,
 						item: n,
 						selected: i,
 						index: a
-					}, () => [d(k(n[r.itemLabelKey]), 1)])])
+					}, () => [d(O(n[r.itemLabelKey]), 1)])])
 				}))]), 1032, [
 					"model-value",
 					"onUpdate:modelValue",
@@ -6214,7 +6242,7 @@ function Zn(t, n, r, i, a, p) {
 				key: 0,
 				class: g(["w-select__label w-select__label--right w-form-el-shakable", t.labelClasses]),
 				onClick: n[11] ||= (e) => t.$refs["selection-input"].click()
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0)
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -6224,7 +6252,7 @@ function Zn(t, n, r, i, a, p) {
 		"class"
 	]);
 }
-var Qn = /* @__PURE__ */ Y({
+var $n = /* @__PURE__ */ Y({
 	name: "w-select",
 	mixins: [Q],
 	props: {
@@ -6306,6 +6334,9 @@ var Qn = /* @__PURE__ */ Y({
 		}
 	}),
 	computed: {
+		selectListId() {
+			return this.id ? `${this.id}__listbox` : `w-select-menu--${this._waveUiUseId}`;
+		},
 		selectItems() {
 			return this.items.map((e, t) => {
 				let n = { ...e };
@@ -6431,7 +6462,7 @@ var Qn = /* @__PURE__ */ Y({
 		openMenu() {
 			this.showMenu = !0, setTimeout(() => {
 				let e = this.inputValue.length ? this.inputValue[0].index : 0;
-				this.$refs["w-list"].$el.querySelector(`#w-select-menu--${this._.uid}_item-${e + 1}`)?.focus();
+				document.getElementById(`${this.selectListId}_item-${e + 1}`)?.focus();
 			}, 100);
 		},
 		closeMenu() {
@@ -6449,12 +6480,12 @@ var Qn = /* @__PURE__ */ Y({
 			this.inputValue = this.checkSelection(this.modelValue);
 		}
 	}
-}, [["render", Zn]]), $n = ["for"], er = ["for", "innerHTML"], tr = { class: "w-slider__track-wrap" }, nr = [
+}, [["render", Qn]]), er = ["for"], tr = ["for", "innerHTML"], nr = { class: "w-slider__track-wrap" }, rr = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-readonly"
-], rr = [
+], ir = [
 	"id",
 	"name",
 	"model-value",
@@ -6462,16 +6493,17 @@ var Qn = /* @__PURE__ */ Y({
 	"readonly",
 	"aria-readonly",
 	"tabindex"
-], ir = ["for"], ar = { key: 0 }, or = {
+], ar = ["for"], or = { key: 0 }, sr = {
 	key: 0,
 	class: "w-slider__step-labels"
-}, sr = ["onClick"], cr = ["for"], lr = ["for", "innerHTML"];
-function ur(t, n, r, i, a, u) {
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, cr = ["onClick"], lr = ["for"], ur = ["for", "innerHTML"];
+function dr(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,
 		disabled: t.isDisabled,
-		readonly: t.isReadonly
+		readonly: t.isReadonly,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[8] ||= (e) => t.valid = e,
@@ -6481,18 +6513,18 @@ function ur(t, n, r, i, a, u) {
 		wrap: t.formRegister || null,
 		class: u.wrapperClasses
 	}), {
-		default: N(() => [
+		default: P(() => [
 			t.$slots["label-left"] ? (b(), c("label", {
 				key: 0,
 				class: g(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
-				for: `button--${t._.uid}`
-			}, [T(t.$slots, "label-left")], 10, $n)) : r.labelLeft ? (b(), c("label", {
+				for: u.thumbId
+			}, [w(t.$slots, "label-left")], 10, er)) : r.labelLeft ? (b(), c("label", {
 				key: 1,
 				class: g(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
-				for: `button--${t._.uid}`,
+				for: u.thumbId,
 				innerHTML: r.labelLeft
-			}, null, 10, er)) : s("", !0),
-			l("div", tr, [l("div", {
+			}, null, 10, tr)) : s("", !0),
+			l("div", nr, [l("div", {
 				class: g(["w-slider__track", u.trackClasses]),
 				ref: "track",
 				onMousedown: n[4] ||= (...e) => u.onTrackMouseDown && u.onTrackMouseDown(...e),
@@ -6513,51 +6545,51 @@ function ur(t, n, r, i, a, u) {
 			}, [l("button", {
 				class: g(["w-slider__thumb-button", [r.color]]),
 				ref: "thumb",
-				id: `button--${t._.uid}`,
+				id: u.thumbId,
 				name: t.inputName,
 				"model-value": t.rangeValueScaled,
 				disabled: t.isDisabled || null,
 				readonly: t.isReadonly || null,
 				"aria-readonly": t.isReadonly ? "true" : "false",
 				tabindex: t.isDisabled || t.isReadonly ? -1 : null,
-				onKeydown: [n[0] ||= F((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= F((e) => u.onKeyDown(e, 1), ["right"])],
+				onKeydown: [n[0] ||= I((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= I((e) => u.onKeyDown(e, 1), ["right"])],
 				onFocus: n[2] ||= (e) => t.$emit("focus", e),
-				onClick: n[3] ||= I(() => {}, ["prevent"])
-			}, null, 42, rr), r.thumbLabel ? (b(), c("label", {
+				onClick: n[3] ||= L(() => {}, ["prevent"])
+			}, null, 42, ir), r.thumbLabel ? (b(), c("label", {
 				key: 0,
 				class: g(["w-slider__thumb-label", u.thumbClasses]),
-				for: `button--${t._.uid}`
-			}, [r.thumbLabel === "droplet" ? (b(), c("div", ar, [T(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(k(~~t.rangeValueScaled), 1)])])) : T(t.$slots, "label", {
+				for: u.thumbId
+			}, [r.thumbLabel === "droplet" ? (b(), c("div", or, [w(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(O(~~t.rangeValueScaled), 1)])])) : w(t.$slots, "label", {
 				key: 1,
 				value: t.rangeValueScaled
-			}, () => [d(k(~~t.rangeValueScaled), 1)])], 10, ir)) : s("", !0)], 4)], 42, nr), r.stepLabels && r.step ? (b(), c("div", or, [
+			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, ar)) : s("", !0)], 4)], 42, rr), r.stepLabels && r.step ? (b(), c("div", sr, [
 				l("div", {
 					class: "w-slider__step-label",
 					onClick: n[6] ||= (e) => u.onStepLabelClick(0)
-				}, k(this.minVal), 1),
-				(b(!0), c(e, null, w(~~u.numberOfSteps, (e) => (b(), c("div", {
+				}, O(this.minVal), 1),
+				(b(!0), c(e, null, C(~~u.numberOfSteps, (e) => (b(), c("div", {
 					class: "w-slider__step-label",
 					key: e,
 					onClick: (t) => u.onStepLabelClick(e * (100 / u.numberOfSteps)),
 					style: v(`left: ${e * (100 / u.numberOfSteps)}%`)
-				}, k(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, sr))), 128)),
+				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, cr))), 128)),
 				~~u.numberOfSteps === u.numberOfSteps ? s("", !0) : (b(), c("div", {
 					key: 0,
 					class: "w-slider__step-label",
 					onClick: n[7] ||= (e) => u.onStepLabelClick(100),
 					style: { left: "100%" }
-				}, k(this.maxVal), 1))
+				}, O(this.maxVal), 1))
 			])) : s("", !0)]),
 			t.$slots["label-right"] ? (b(), c("label", {
 				key: 2,
 				class: g(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
-				for: `button--${t._.uid}`
-			}, [T(t.$slots, "label-right")], 10, cr)) : r.labelRight ? (b(), c("label", {
+				for: u.thumbId
+			}, [w(t.$slots, "label-right")], 10, lr)) : r.labelRight ? (b(), c("label", {
 				key: 3,
 				class: g(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
-				for: `button--${t._.uid}`,
+				for: u.thumbId,
 				innerHTML: r.labelRight
-			}, null, 10, lr)) : s("", !0)
+			}, null, 10, ur)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -6566,7 +6598,7 @@ function ur(t, n, r, i, a, u) {
 		"class"
 	]);
 }
-var dr = /* @__PURE__ */ Y({
+var fr = /* @__PURE__ */ Y({
 	name: "w-slider",
 	mixins: [Q],
 	props: {
@@ -6618,6 +6650,9 @@ var dr = /* @__PURE__ */ Y({
 		rangeValueScaled: 0
 	}),
 	computed: {
+		thumbId() {
+			return this.id ? `${this.id}__thumb` : `button--${this._waveUiUseId}`;
+		},
 		minVal() {
 			return parseFloat(this.min);
 		},
@@ -6712,15 +6747,15 @@ var dr = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
 	} }
-}, [["render", ur]]), fr = { key: 0 };
-function pr(e, t, n, r, i, a) {
+}, [["render", dr]]), pr = { key: 0 };
+function mr(e, t, n, r, i, a) {
 	return n.modelValue || n.modelValue === void 0 ? (b(), c("div", {
 		key: 0,
 		class: g(["w-spinner", a.classes]),
 		style: v(a.styles)
-	}, [a.isThreeDots ? (b(), c("span", fr)) : s("", !0)], 6)) : s("", !0);
+	}, [a.isThreeDots ? (b(), c("span", pr)) : s("", !0)], 6)) : s("", !0);
 }
-var mr = /* @__PURE__ */ Y({
+var hr = /* @__PURE__ */ Y({
 	name: "w-spinner",
 	props: {
 		modelValue: {},
@@ -6761,13 +6796,13 @@ var mr = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", pr]]);
+}, [["render", mr]]);
 //#endregion
 //#region src/wave-ui/components/w-steps.vue?vue&type=template&lang.js
-function hr(e, t, n, r, i, a) {
+function gr(e, t, n, r, i, a) {
 	return b(), c("div", { class: g(["w-steps", a.classes]) }, null, 2);
 }
-var gr = /* @__PURE__ */ Y({
+var _r = /* @__PURE__ */ Y({
 	name: "w-steps",
 	props: {
 		dark: { type: Boolean },
@@ -6781,7 +6816,7 @@ var gr = /* @__PURE__ */ Y({
 			"w-steps--light": this.light
 		};
 	} }
-}, [["render", hr]]), _r = [
+}, [["render", gr]]), vr = [
 	"id",
 	"name",
 	"checked",
@@ -6791,20 +6826,21 @@ var gr = /* @__PURE__ */ Y({
 	"required",
 	"tabindex",
 	"aria-checked"
-], vr = ["for"], yr = {
+], yr = ["for"], br = {
 	key: 0,
 	class: "w-switch__track"
-}, br = {
+}, xr = {
 	key: 1,
 	class: "w-switch__thumb"
-}, xr = ["for"];
-function Sr(t, n, r, i, a, u) {
-	let f = E("w-progress");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+}, Sr = ["for"];
+function Cr(t, n, r, i, a, u) {
+	let f = T("w-progress");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: a.isOn,
 		disabled: t.isDisabled,
-		readonly: t.isReadonly
+		readonly: t.isReadonly,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[4] ||= (e) => t.valid = e,
@@ -6816,10 +6852,10 @@ function Sr(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: N(() => [
+		default: P(() => [
 			l("input", h({
 				ref: "input",
-				id: `w-switch--${t._.uid}`,
+				id: t.inputId,
 				type: "checkbox",
 				name: t.inputName,
 				checked: a.isOn,
@@ -6834,27 +6870,27 @@ function Sr(t, n, r, i, a, u) {
 				onBlur: n[2] ||= (e) => t.$emit("blur", e),
 				"aria-checked": a.isOn || "false",
 				role: "switch"
-			}), null, 16, _r),
+			}), null, 16, vr),
 			u.hasLabel && r.labelOnLeft ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-switch__label w-switch__label--left w-form-el-shakable", t.labelClasses]),
-				for: `w-switch--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, vr)) : s("", !0)], 64)) : s("", !0),
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, yr)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: g(["w-switch__input", u.inputClasses]),
 				onClick: n[3] ||= (e) => {
 					t.$refs.input.focus(), t.$refs.input.click();
 				}
-			}, [t.$slots.track ? (b(), c("div", yr, [T(t.$slots, "track")])) : s("", !0), t.$slots.thumb || r.loading ? (b(), c("div", br, [r.loading ? (b(), o(f, h({
+			}, [t.$slots.track ? (b(), c("div", br, [w(t.$slots, "track")])) : s("", !0), t.$slots.thumb || r.loading ? (b(), c("div", xr, [r.loading ? (b(), o(f, h({
 				key: 0,
 				circle: "",
 				color: "inherit"
-			}, typeof r.loading == "number" && { "model-value": r.loading }), null, 16)) : T(t.$slots, "thumb", { key: 1 })])) : s("", !0)], 2),
+			}, typeof r.loading == "number" && { "model-value": r.loading }), null, 16)) : w(t.$slots, "thumb", { key: 1 })])) : s("", !0)], 2),
 			u.hasLabel && !r.labelOnLeft ? (b(), c(e, { key: 1 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-switch__label w-switch__label--right w-form-el-shakable", t.labelClasses]),
-				for: `w-switch--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, xr)) : s("", !0)], 64)) : s("", !0)
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Sr)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -6863,7 +6899,7 @@ function Sr(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var Cr = /* @__PURE__ */ Y({
+var wr = /* @__PURE__ */ Y({
 	name: "w-switch",
 	mixins: [Q],
 	inheritAttrs: !1,
@@ -6946,73 +6982,73 @@ var Cr = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.isOn = e;
 	} }
-}, [["render", Sr]]), wr = { class: "w-tabs__content" };
-function Tr(e, t, n, r, i, a) {
-	return b(), c("div", wr, [T(e.$slots, "default", { item: n.item })]);
+}, [["render", Cr]]), Tr = { class: "w-tabs__content" };
+function Er(e, t, n, r, i, a) {
+	return b(), c("div", Tr, [w(e.$slots, "default", { item: n.item })]);
 }
-var Er = /* @__PURE__ */ Y({
+var Dr = /* @__PURE__ */ Y({
 	name: "tab-content",
 	props: { item: Object }
-}, [["render", Tr]]), Dr = [
+}, [["render", Er]]), Or = [
 	"onClick",
 	"onFocus",
 	"tabindex",
 	"onKeypress",
 	"aria-selected"
-], Or = ["innerHTML"], kr = {
+], kr = ["innerHTML"], Ar = {
 	key: 0,
 	class: "w-tabs__bar-extra"
-}, Ar = {
+}, jr = {
 	key: 0,
 	class: "w-tabs__content-wrap"
-}, jr = ["innerHTML"], Mr = ["innerHTML"];
-function Nr(n, a, u, d, f, p) {
-	let m = E("tab-content");
+}, Mr = ["innerHTML"], Nr = ["innerHTML"];
+function Pr(n, a, u, d, f, p) {
+	let m = T("tab-content");
 	return b(), c("div", { class: g(["w-tabs", p.tabsClasses]) }, [l("div", {
 		class: g(["w-tabs__bar", p.tabsBarClasses]),
 		ref: "tabs-bar"
 	}, [
-		(b(!0), c(e, null, w(n.tabs, (e, t) => (b(), c("div", {
+		(b(!0), c(e, null, C(n.tabs, (e, t) => (b(), c("div", {
 			class: g(["w-tabs__bar-item", p.barItemClasses(e)]),
 			key: t,
 			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: F((t) => !e._disabled && p.openTab(e._uid), ["enter"]),
+			onKeypress: I((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}`, {
+		}, [n.$slots[`item-title.${e.id || t + 1}`] ? w(n.$slots, `item-title.${e.id || t + 1}`, {
 			key: 0,
 			item: p.getOriginalItem(e),
 			index: t + 1,
 			active: e._uid === n.activeTabUid
-		}) : T(n.$slots, "item-title", {
+		}) : w(n.$slots, "item-title", {
 			key: 1,
 			item: p.getOriginalItem(e),
 			index: t + 1,
 			active: e._uid === n.activeTabUid
-		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, Or)])], 42, Dr))), 128)),
-		n.$slots["tabs-bar-extra"] ? (b(), c("div", kr, [T(n.$slots, "tabs-bar-extra")])) : s("", !0),
+		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, kr)])], 42, Or))), 128)),
+		n.$slots["tabs-bar-extra"] ? (b(), c("div", Ar, [w(n.$slots, "tabs-bar-extra")])) : s("", !0),
 		!u.noSlider && !u.card ? (b(), c("div", {
 			key: 1,
 			class: g(["w-tabs__slider", u.sliderColor]),
 			style: v(p.sliderStyles)
 		}, null, 6)) : s("", !0)
-	], 2), n.tabs.length ? (b(), c("div", Ar, [u.keepInDom ? (b(), o(i, {
+	], 2), n.tabs.length ? (b(), c("div", jr, [u.keepInDom ? (b(), o(i, {
 		key: 0,
 		name: p.transitionName
 	}, {
-		default: N(() => [(b(!0), c(e, null, w(n.tabs, (e, t) => P((b(), o(m, {
+		default: P(() => [(b(!0), c(e, null, C(n.tabs, (e, t) => F((b(), o(m, {
 			key: e._uid,
 			item: e,
 			class: g(p.contentClasses)
 		}, {
-			default: N(() => [n.$slots[`item-content.${e._index + 1}`] ? T(n.$slots, `item-content.${e._index + 1}`, {
+			default: P(() => [n.$slots[`item-content.${e._index + 1}`] ? w(n.$slots, `item-content.${e._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(e),
 				index: e._index + 1,
 				active: e._index === p.activeTab._index
-			}) : T(n.$slots, "item-content", {
+			}) : w(n.$slots, "item-content", {
 				key: 1,
 				item: p.getOriginalItem(e),
 				index: e._index + 1,
@@ -7020,26 +7056,26 @@ function Nr(n, a, u, d, f, p) {
 			}, () => [e[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: e[u.itemContentKey]
-			}, null, 8, jr)) : s("", !0)])]),
+			}, null, 8, Mr)) : s("", !0)])]),
 			_: 2
-		}, 1032, ["item", "class"])), [[M, e._uid === p.activeTab._uid]])), 128))]),
+		}, 1032, ["item", "class"])), [[N, e._uid === p.activeTab._uid]])), 128))]),
 		_: 3
 	}, 8, ["name"])) : (b(), o(r, {
 		key: 1,
 		name: p.transitionName,
 		mode: p.transitionMode
 	}, {
-		default: N(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
+		default: P(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
 			key: n.activeTabUid,
 			item: p.activeTab,
 			class: g(u.contentClass)
 		}, {
-			default: N(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? T(n.$slots, `item-content.${t._index + 1}`, {
+			default: P(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? w(n.$slots, `item-content.${t._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(t),
 				index: t._index + 1,
 				active: t._uid === n.activeTabUid
-			}) : T(n.$slots, "item-content", {
+			}) : w(n.$slots, "item-content", {
 				key: 1,
 				item: p.getOriginalItem(t),
 				index: t._index + 1,
@@ -7047,16 +7083,17 @@ function Nr(n, a, u, d, f, p) {
 			}, () => [t[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: t[u.itemContentKey]
-			}, null, 8, Mr)) : s("", !0)])], 64)) : s("", !0)]),
+			}, null, 8, Nr)) : s("", !0)])], 64)) : s("", !0)]),
 			_: 3
 		}, 8, ["item", "class"]))], 1032, ["exclude"]))]),
 		_: 3
 	}, 8, ["name", "mode"]))])) : s("", !0)], 2);
 }
-//#endregion
-//#region src/wave-ui/components/w-tabs/index.vue
-var Pr = 0, Fr = /* @__PURE__ */ Y({
+var Fr = /* @__PURE__ */ Y({
 	name: "w-tabs",
+	setup() {
+		return { _tabsStableId: A() };
+	},
 	props: {
 		modelValue: { type: [Number, String] },
 		color: { type: String },
@@ -7117,7 +7154,7 @@ var Pr = 0, Fr = /* @__PURE__ */ Y({
 			default: !1
 		}
 	},
-	components: { TabContent: Er },
+	components: { TabContent: Dr },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -7180,7 +7217,7 @@ var Pr = 0, Fr = /* @__PURE__ */ Y({
 	},
 	methods: {
 		addTab(e) {
-			(e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++Pr}`), this.tabs.push({
+			(e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = `${this._tabsStableId}-${this.tabs.length}`), this.tabs.push({
 				_uid: e[this.itemIdKey] ?? e._uid,
 				_index: this.tabs.length,
 				...e,
@@ -7189,7 +7226,7 @@ var Pr = 0, Fr = /* @__PURE__ */ Y({
 		},
 		refreshTabs() {
 			let e = this.items;
-			typeof e == "number" && (e = Array(e).fill().map((e, t) => this.tabs[t] || {})), this.tabs = e.map((e, t) => ((e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++Pr}`), {
+			typeof e == "number" && (e = Array(e).fill().map((e, t) => this.tabs[t] || {})), this.tabs = e.map((e, t) => ((e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = `${this._tabsStableId}-${t}`), {
 				...e,
 				_uid: e[this.itemIdKey] ?? e._uid,
 				_index: t,
@@ -7269,7 +7306,7 @@ var Pr = 0, Fr = /* @__PURE__ */ Y({
 			e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
 		}
 	}
-}, [["render", Nr]]), Ir = { class: "w-table__scroll-wrap" }, Lr = { ref: "colgroup" }, Rr = ["width"], zr = { key: 0 }, Br = ["onClick"], Vr = ["innerHTML"], Hr = {
+}, [["render", Pr]]), Ir = { class: "w-table__scroll-wrap" }, Lr = { ref: "colgroup" }, Rr = ["width"], zr = { key: 0 }, Br = ["onClick"], Vr = ["innerHTML"], Hr = {
 	key: 0,
 	class: "w-table__progress-bar"
 }, Ur = ["colspan"], Wr = {
@@ -7295,19 +7332,19 @@ var Pr = 0, Fr = /* @__PURE__ */ Y({
 	class: "w-table__pagination w-pagination"
 }, si = { class: "pages-wrap" }, ci = { class: "w-pagination__results" };
 function li(t, n, r, i, a, u) {
-	let p = E("w-icon"), m = E("w-progress"), h = E("w-transition-fade"), _ = E("w-transition-expand"), v = E("w-select"), y = E("w-button");
+	let p = T("w-icon"), m = T("w-progress"), h = T("w-transition-fade"), _ = T("w-transition-expand"), v = T("w-select"), y = T("w-button");
 	return b(), c("div", { class: g(["w-table w-table--wrap", u.classes]) }, [l("div", Ir, [l("table", {
 		class: "w-table__table",
 		onMousedown: n[1] ||= (...e) => u.onMouseDown && u.onMouseDown(...e),
 		onMouseover: n[2] ||= (...e) => u.onMouseOver && u.onMouseOver(...e),
 		onMouseout: n[3] ||= (...e) => u.onMouseOut && u.onMouseOut(...e)
 	}, [
-		l("colgroup", Lr, [(b(!0), c(e, null, w(r.headers, (e, t) => (b(), c("col", {
+		l("colgroup", Lr, [(b(!0), c(e, null, C(r.headers, (e, t) => (b(), c("col", {
 			class: g(["w-table__col", u.colClasses[t]]),
 			key: t,
 			width: e.width || null
 		}, null, 10, Rr))), 128))], 512),
-		r.noHeaders ? s("", !0) : (b(), c("thead", zr, [l("tr", null, [(b(!0), c(e, null, w(r.headers, (i, a) => (b(), c("th", {
+		r.noHeaders ? s("", !0) : (b(), c("thead", zr, [l("tr", null, [(b(!0), c(e, null, C(r.headers, (i, a) => (b(), c("th", {
 			class: g(["w-table__header", u.headerClasses(i)]),
 			key: a,
 			onClick: (e) => !t.colResizing.dragging && i.sortable !== !1 && u.sortTable(i)
@@ -7316,15 +7353,15 @@ function li(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: N(() => [...n[8] ||= [d("wi-arrow-down", -1)]]),
+				default: P(() => [...n[8] ||= [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", {
+			i.label ? (b(), c(e, { key: 1 }, [t.$slots["header-label"] ? w(t.$slots, "header-label", {
 				key: 0,
 				header: i,
 				label: i.label,
 				index: a + 1
-			}, () => [d(k(i.label || ""), 1)]) : (b(), c("span", {
+			}, () => [d(O(i.label || ""), 1)]) : (b(), c("span", {
 				key: 1,
 				innerHTML: i.label || ""
 			}, null, 8, Vr))], 64)) : s("", !0),
@@ -7332,7 +7369,7 @@ function li(t, n, r, i, a, u) {
 				key: 2,
 				class: g(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: N(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
+				default: P(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
 				_: 1
 			}, 8, ["class"])) : s("", !0),
 			a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -7341,18 +7378,18 @@ function li(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] ||= I(() => {}, ["stop"])
+				onClick: n[0] ||= L(() => {}, ["stop"])
 			}, null, 2)) : s("", !0)
 		], 10, Br))), 128))]), f(h, null, {
-			default: N(() => [r.loading === "header" ? (b(), c("tr", Hr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Ur)])) : s("", !0)]),
+			default: P(() => [r.loading === "header" ? (b(), c("tr", Hr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Ur)])) : s("", !0)]),
 			_: 1
 		})])),
 		l("tbody", null, [
-			r.loading === !0 ? (b(), c("tr", Wr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", Kr, [T(t.$slots, "loading", {}, () => [n[10] ||= d("Loading...", -1)])])], 8, Gr)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", qr, [l("td", {
+			r.loading === !0 ? (b(), c("tr", Wr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", Kr, [w(t.$slots, "loading", {}, () => [n[10] ||= d("Loading...", -1)])])], 8, Gr)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", qr, [l("td", {
 				class: "w-table__cell text-center",
 				colspan: r.headers.length
-			}, [T(t.$slots, "no-data", {}, () => [n[11] ||= d("No data to show.", -1)])], 8, Jr)])),
-			u.tableItems.length && r.loading !== !0 ? (b(!0), c(e, { key: 2 }, w(u.paginatedItems, (n, i) => (b(), c(e, { key: i }, [t.$slots.item ? T(t.$slots, "item", {
+			}, [w(t.$slots, "no-data", {}, () => [n[11] ||= d("No data to show.", -1)])], 8, Jr)])),
+			u.tableItems.length && r.loading !== !0 ? (b(!0), c(e, { key: 2 }, C(u.paginatedItems, (n, i) => (b(), c(e, { key: i }, [t.$slots.item ? w(t.$slots, "item", {
 				key: 0,
 				item: n,
 				index: i + 1,
@@ -7370,26 +7407,26 @@ function li(t, n, r, i, a, u) {
 					[n.class]: n.class
 				}]),
 				onClick: (e) => u.doSelectRow(n, i)
-			}, [(b(!0), c(e, null, w(r.headers, (a, o) => (b(), c(e, null, [t.$slots[`item-cell.${a.key}`] || t.$slots[`item-cell.${o + 1}`] || t.$slots["item-cell"] ? (b(), c("td", {
+			}, [(b(!0), c(e, null, C(r.headers, (a, o) => (b(), c(e, null, [t.$slots[`item-cell.${a.key}`] || t.$slots[`item-cell.${o + 1}`] || t.$slots["item-cell"] ? (b(), c("td", {
 				class: g(["w-table__cell", {
 					[`text-${a.align || "left"}`]: !0,
 					"w-table__cell--sticky": a.sticky
 				}]),
 				key: `${o}-a`,
 				"data-label": a.label
-			}, [t.$slots[`item-cell.${a.key}`] ? T(t.$slots, `item-cell.${a.key}`, {
+			}, [t.$slots[`item-cell.${a.key}`] ? w(t.$slots, `item-cell.${a.key}`, {
 				key: 0,
 				header: a,
 				item: n,
 				label: n[a.key] || "",
 				index: i + 1
-			}) : t.$slots[`item-cell.${o + 1}`] ? T(t.$slots, `item-cell.${o + 1}`, {
+			}) : t.$slots[`item-cell.${o + 1}`] ? w(t.$slots, `item-cell.${o + 1}`, {
 				key: 1,
 				header: a,
 				item: n,
 				label: n[a.key] || "",
 				index: i + 1
-			}) : t.$slots["item-cell"] ? T(t.$slots, "item-cell", {
+			}) : t.$slots["item-cell"] ? w(t.$slots, "item-cell", {
 				key: 2,
 				header: a,
 				item: n,
@@ -7418,7 +7455,7 @@ function li(t, n, r, i, a, u) {
 				class: "w-table__cell",
 				colspan: r.headers.length
 			}, [f(_, { y: "" }, {
-				default: N(() => [u.expandedRowsByUid[n._uid] ? (b(), c("div", ti, [T(t.$slots, "row-expansion", {
+				default: P(() => [u.expandedRowsByUid[n._uid] ? (b(), c("div", ti, [w(t.$slots, "row-expansion", {
 					item: n,
 					index: i + 1
 				})])) : s("", !0), i < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -7430,13 +7467,13 @@ function li(t, n, r, i, a, u) {
 				}, null, 2)) : s("", !0)]),
 				_: 2
 			}, 1024)], 8, ei)])) : s("", !0)], 64))), 128)) : s("", !0),
-			t.$slots["extra-row"] ? (b(), c("div", ni, [T(t.$slots, "extra-row")])) : s("", !0)
+			t.$slots["extra-row"] ? (b(), c("div", ni, [w(t.$slots, "extra-row")])) : s("", !0)
 		]),
-		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", ri, [t.$slots["footer-row"] ? T(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", ii, [l("td", {
+		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", ri, [t.$slots["footer-row"] ? w(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", ii, [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", oi, [T(t.$slots, "pagination", {
+		}, [w(t.$slots, "footer")], 8, ai)])) : s("", !0)])) : s("", !0)
+	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", oi, [w(t.$slots, "pagination", {
 		range: `${t.paginationConfig.start}-${t.paginationConfig.end}`,
 		total: t.paginationConfig.total,
 		pagesCount: t.paginationConfig.pagesCount,
@@ -7463,7 +7500,7 @@ function li(t, n, r, i, a, u) {
 				text: "",
 				lg: ""
 			}, null, 8, ["disabled"]),
-			t.paginationConfig.pagesCount > 7 ? (b(!0), c(e, { key: 0 }, w(t.paginationConfig.pagesCount, (r) => (b(), c(e, { key: r }, [[
+			t.paginationConfig.pagesCount > 7 ? (b(!0), c(e, { key: 0 }, C(t.paginationConfig.pagesCount, (r) => (b(), c(e, { key: r }, [[
 				1,
 				t.paginationConfig.pagesCount,
 				t.paginationConfig.page - 1,
@@ -7476,7 +7513,7 @@ function li(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: N(() => [d(k(r), 1)]),
+				default: P(() => [d(O(r), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"])) : [
 				1,
@@ -7491,16 +7528,16 @@ function li(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: N(() => [...n[12] ||= [d("...", -1)]]),
+				default: P(() => [...n[12] ||= [d("...", -1)]]),
 				_: 1
-			}, 8, ["onClick", "class"])) : s("", !0)], 64))), 128)) : (b(!0), c(e, { key: 1 }, w(t.paginationConfig.pagesCount, (e) => (b(), o(y, {
+			}, 8, ["onClick", "class"])) : s("", !0)], 64))), 128)) : (b(!0), c(e, { key: 1 }, C(t.paginationConfig.pagesCount, (e) => (b(), o(y, {
 				class: g(["w-pagination__page", { "w-pagination__page--active": e === t.paginationConfig.page }]),
 				key: e,
 				onClick: (n) => e !== t.paginationConfig.page && u.goToPage(e),
 				round: "",
 				lg: ""
 			}, {
-				default: N(() => [d(k(e), 1)]),
+				default: P(() => [d(O(e), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"]))), 128)),
 			f(y, {
@@ -7512,7 +7549,7 @@ function li(t, n, r, i, a, u) {
 				lg: ""
 			}, null, 8, ["disabled"])
 		]),
-		l("span", ci, k(t.paginationConfig.start) + "-" + k(t.paginationConfig.end || t.paginationConfig.total) + " of " + k(t.paginationConfig.total), 1)
+		l("span", ci, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
 	])])) : s("", !0)], 2);
 }
 //#endregion
@@ -7544,7 +7581,7 @@ var ui = 15, di = /* @__PURE__ */ Y({
 			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) || B(`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,
@@ -7553,7 +7590,7 @@ var ui = 15, di = /* @__PURE__ */ Y({
 			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) || B(`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: {
@@ -7571,7 +7608,7 @@ var ui = 15, di = /* @__PURE__ */ Y({
 				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)) ? (B("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 }
@@ -7816,17 +7853,17 @@ function pi(e, t, n, r, i, a) {
 		onClick: t[1] ||= (t) => {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		},
-		onKeypress: t[2] ||= F((t) => {
+		onKeypress: t[2] ||= I((t) => {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		}, ["enter"]),
 		role: n.modelValue !== -1 && "button",
 		"aria-pressed": n.modelValue !== -1 && (n.modelValue ? "true" : "false"),
 		tabindex: n.modelValue !== -1 && 0,
 		style: v(a.styles)
-	}, [T(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("i", {
+	}, [w(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("i", {
 		key: 0,
 		class: "w-icon w-tag__closable wi-cross",
-		onClick: t[0] ||= I((t) => {
+		onClick: t[0] ||= L((t) => {
 			e.$emit("update:modelValue", !1), e.$emit("input", !1);
 		}, ["stop"]),
 		role: "icon",
@@ -7898,13 +7935,14 @@ var mi = /* @__PURE__ */ Y({
 	"tabindex"
 ], _i = ["for"];
 function vi(t, n, r, i, a, u) {
-	let f = E("w-icon");
-	return b(), o(O(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
+	let f = T("w-icon");
+	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
 		inputValue: a.inputValue,
 		disabled: t.isDisabled,
 		readonly: t.isReadonly,
-		isFocused: a.isFocused
+		isFocused: a.isFocused,
+		noBlurValidation: t.noBlurValidation
 	}, {
 		valid: t.valid,
 		"onUpdate:valid": n[6] ||= (e) => t.valid = e,
@@ -7915,24 +7953,24 @@ function vi(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: N(() => [
+		default: P(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-textarea__label w-textarea__label--left w-form-el-shakable", t.labelClasses]),
-				for: `w-textarea--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, hi)) : s("", !0)], 64)) : s("", !0),
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, hi)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: g(["w-textarea__textarea-wrap", u.inputWrapClasses]) }, [
-				T(t.$slots, "icon-left", { inputId: `w-textarea--${t._.uid}` }, () => [r.innerIconLeft ? (b(), o(f, {
+				w(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(f, {
 					key: 0,
 					class: "w-textarea__icon w-textarea__icon--inner-left",
 					tag: "label",
-					for: `w-textarea--${t._.uid}`,
+					for: t.inputId,
 					onClick: n[0] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: N(() => [d(k(r.innerIconLeft), 1)]),
+					default: P(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
-				P(l("textarea", h({
+				F(l("textarea", h({
 					class: "w-textarea__textarea",
 					ref: "textarea",
 					"onUpdate:modelValue": n[1] ||= (e) => a.inputValue = e
@@ -7940,7 +7978,7 @@ function vi(t, n, r, i, a, u) {
 					onInput: n[2] ||= (...e) => u.onInput && u.onInput(...e),
 					onFocus: n[3] ||= (...e) => u.onFocus && u.onFocus(...e),
 					onBlur: n[4] ||= (...e) => u.onBlur && u.onBlur(...e),
-					id: `w-textarea--${t._.uid}`,
+					id: t.inputId,
 					name: t.inputName,
 					placeholder: r.placeholder || null,
 					rows: r.rows || null,
@@ -7950,27 +7988,27 @@ function vi(t, n, r, i, a, u) {
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}), null, 16, gi), [[j, a.inputValue]]),
+				}), null, 16, gi), [[M, a.inputValue]]),
 				r.labelPosition === "inside" && u.showLabelInside ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: g(["w-textarea__label w-textarea__label--inside w-form-el-shakable", t.labelClasses])
-				}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
-				T(t.$slots, "icon-right", { inputId: `w-textarea--${t._.uid}` }, () => [r.innerIconRight ? (b(), o(f, {
+				}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 2)) : s("", !0)], 64)) : s("", !0),
+				w(t.$slots, "icon-right", { inputId: t.inputId }, () => [r.innerIconRight ? (b(), o(f, {
 					key: 0,
 					class: "w-textarea__icon w-textarea__icon--inner-right",
 					tag: "label",
-					for: `w-textarea--${t._.uid}`,
+					for: t.inputId,
 					onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: N(() => [d(k(r.innerIconRight), 1)]),
+					default: P(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)])
 			], 2),
 			r.labelPosition === "right" ? (b(), c(e, { key: 1 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: g(["w-textarea__label w-textarea__label--right w-form-el-shakable", t.labelClasses]),
-				for: `w-textarea--${t._.uid}`
-			}, [T(t.$slots, "default", {}, () => [d(k(r.label), 1)])], 10, _i)) : s("", !0)], 64)) : s("", !0)
+				for: t.inputId
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, _i)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -8117,17 +8155,17 @@ var yi = /* @__PURE__ */ Y({
 	}
 }, [["render", vi]]), bi = ["innerHTML"], xi = ["innerHTML"];
 function Si(t, n, r, i, a, s) {
-	return b(), c("ul", { class: g(["w-timeline", s.classes]) }, [(b(!0), c(e, null, w(r.items, (e, n) => (b(), c("li", {
+	return b(), c("ul", { class: g(["w-timeline", s.classes]) }, [(b(!0), c(e, null, C(r.items, (e, n) => (b(), c("li", {
 		class: "w-timeline-item",
 		key: n
-	}, [(b(), o(O(e[r.itemIconKey] || r.icon ? "w-icon" : "div"), { class: g(["w-timeline-item__bullet", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]) }, {
-		default: N(() => [d(k(e[r.itemIconKey] || r.icon), 1)]),
+	}, [(b(), o(D(e[r.itemIconKey] || r.icon ? "w-icon" : "div"), { class: g(["w-timeline-item__bullet", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]) }, {
+		default: P(() => [d(O(e[r.itemIconKey] || r.icon), 1)]),
 		_: 2
-	}, 1032, ["class"])), t.$slots[`item.${n + 1}`] ? T(t.$slots, `item.${n + 1}`, {
+	}, 1032, ["class"])), t.$slots[`item.${n + 1}`] ? w(t.$slots, `item.${n + 1}`, {
 		key: 1,
 		item: e,
 		index: n + 1
-	}) : T(t.$slots, "item", {
+	}) : w(t.$slots, "item", {
 		key: 0,
 		item: e,
 		index: n + 1
@@ -8181,7 +8219,7 @@ function wi(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-toolbar", a.classes]),
 		style: v(a.styles)
-	}, [T(e.$slots, "default")], 6);
+	}, [w(e.$slots, "default")], 6);
 }
 var Ti = /* @__PURE__ */ Y({
 	name: "w-toolbar",
@@ -8242,23 +8280,26 @@ var Ti = /* @__PURE__ */ Y({
 //#endregion
 //#region src/wave-ui/components/w-tooltip.vue?vue&type=template&lang.js
 function Ei(t, n, i, a, o, l) {
-	return b(), c(e, null, [T(t.$slots, "activator", { on: l.activatorEventHandlers }), f(r, {
+	return b(), c(e, null, [w(t.$slots, "activator", { on: l.activatorEventHandlers }), f(r, {
 		name: l.transitionName,
 		appear: "",
 		onAfterLeave: t.onAfterLeave
 	}, {
-		default: N(() => [t.detachableVisible ? (b(), c("div", {
+		default: P(() => [t.detachableVisible ? (b(), c("div", {
 			class: g(["w-tooltip", l.classes]),
 			ref: "detachable",
-			key: t._.uid,
+			key: a._tooltipInstanceId,
 			style: v(l.styles)
-		}, [T(t.$slots, "default")], 6)) : s("", !0)]),
+		}, [w(t.$slots, "default")], 6)) : s("", !0)]),
 		_: 3
 	}, 8, ["name", "onAfterLeave"])], 64);
 }
 var Di = /* @__PURE__ */ Y({
 	name: "w-tooltip",
-	mixins: [hn],
+	mixins: [gn],
+	setup() {
+		return { _tooltipInstanceId: A() };
+	},
 	props: {
 		modelValue: {},
 		showOnClick: { type: Boolean },
@@ -8374,7 +8415,7 @@ var Di = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-bounce.vue?vue&type=template&lang.js
 function Oi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "bounce" }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -8402,7 +8443,7 @@ function Ai(e, t, n, i, a, s) {
 		onLeave: s.leave,
 		onAfterLeave: s.afterLeave
 	}, {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 8, [
 		"onBeforeAppear",
@@ -8514,7 +8555,7 @@ var ji = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-fade.vue?vue&type=template&lang.js
 function Mi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "fade" }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -8529,7 +8570,7 @@ var Ni = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-scale.vue?vue&type=template&lang.js
 function Pi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale" }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -8544,7 +8585,7 @@ var Fi = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-scale-fade.vue?vue&type=template&lang.js
 function Ii(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale-fade" }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -8559,7 +8600,7 @@ var Li = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-slide.vue?vue&type=template&lang.js
 function Ri(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
@@ -8586,7 +8627,7 @@ var zi = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-slide-fade.vue?vue&type=template&lang.js
 function Bi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
@@ -8613,7 +8654,7 @@ var Vi = /* @__PURE__ */ Y({
 //#region src/wave-ui/components/transitions/w-transition-twist.vue?vue&type=template&lang.js
 function Hi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "twist" }, e.$props), {
-		default: N(() => [T(e.$slots, "default")]),
+		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -8628,19 +8669,19 @@ var Ui = /* @__PURE__ */ Y({
 	class: "ml1"
 };
 function Ki(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: g(["w-tree", u.classes]) }, [(b(!0), c(e, null, w(t.currentDepthItems, (e, i) => (b(), c("li", {
+	let f = T("w-button"), p = T("w-icon"), m = T("w-tree", !0);
+	return b(), c("ul", { class: g(["w-tree", u.classes]) }, [(b(!0), c(e, null, C(t.currentDepthItems, (e, i) => (b(), c("li", {
 		class: g(["w-tree__item", u.itemClasses(e)]),
 		key: i
-	}, [(b(), o(O(u.getTreeItemComponent(e)), h({ class: "w-tree__item-label" }, { ref_for: !0 }, e.route && { [!t.$router || u.hasExternalLink(e) ? "href" : "to"]: e.route }, {
+	}, [(b(), o(D(u.getTreeItemComponent(e)), h({ class: "w-tree__item-label" }, { ref_for: !0 }, e.route && { [!t.$router || u.hasExternalLink(e) ? "href" : "to"]: e.route }, {
 		onClick: (t) => !r.disabled && !e.disabled && u.onLabelClick(e, t),
 		onKeydown: (t) => !r.disabled && !e.disabled && u.onLabelKeydown(e, t),
 		tabindex: u.getTreeItemTabindex(e)
 	}), {
-		default: N(() => [(e.children || e.branch) && (r.expandOpenIcon && e.open || r.expandIcon) && !(r.unexpandableEmpty && !e.children) ? (b(), o(f, {
+		default: P(() => [(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: I((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
+			onClick: L((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
 			color: "inherit",
 			icon: e.open && r.expandOpenIcon || r.expandIcon,
 			"icon-props": { rotate90a: !e.open },
@@ -8653,7 +8694,7 @@ function Ki(t, n, r, i, a, u) {
 			"icon",
 			"icon-props",
 			"disabled"
-		])) : s("", !0), T(t.$slots, "item", {
+		])) : s("", !0), w(t.$slots, "item", {
 			item: e.originalItem,
 			depth: r.depth,
 			path: e.path,
@@ -8664,23 +8705,23 @@ function Ki(t, n, r, i, a, u) {
 				class: "w-tree__item-icon",
 				color: e.originalItem[r.itemIconColorKey] || r.iconColor
 			}, {
-				default: N(() => [d(k(u.itemIcon(e)), 1)]),
+				default: P(() => [d(O(u.itemIcon(e)), 1)]),
 				_: 2
 			}, 1032, ["color"])) : s("", !0),
 			l("span", { innerHTML: e.label }, null, 8, Wi),
-			r.counts && (e.children || e.branch) ? (b(), c("span", Gi, "(" + k(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
+			r.counts && (e.children || e.branch) ? (b(), c("span", Gi, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
 		])]),
 		_: 2
 	}, 1040, [
 		"onClick",
 		"onKeydown",
 		"tabindex"
-	])), (b(), o(O(r.noTransition ? "div" : "w-transition-expand"), {
+	])), (b(), o(D(r.noTransition ? "div" : "w-transition-expand"), {
 		y: !r.noTransition || null,
 		onAfterEnter: (n) => t.$emit("open", u.emitPayload(e)),
 		onAfterLeave: (n) => t.$emit("close", u.emitPayload(e))
 	}, {
-		default: N(() => [e.children && e.open ? (b(), o(m, h({
+		default: P(() => [e.children && e.open ? (b(), o(m, h({
 			key: 0,
 			ref_for: !0
 		}, t.$props, {
@@ -8695,7 +8736,7 @@ function Ki(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: N(({ item: e, depth: n, path: r, open: i }) => [T(t.$slots, "item", {
+			item: P(({ item: e, depth: n, path: r, open: i }) => [w(t.$slots, "item", {
 				item: e,
 				depth: n,
 				path: r,
@@ -8797,7 +8838,7 @@ var qi = /* @__PURE__ */ Y({
 	} },
 	methods: {
 		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 z(`[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,
@@ -8900,44 +8941,44 @@ var qi = /* @__PURE__ */ Y({
 		this.dataPropUnwatch();
 	}
 }, [["render", Ki]]), Ji = /* @__PURE__ */ ne({
-	WAccordion: () => ze,
-	WAccordionItem: () => Le,
-	WAlert: () => He,
-	WApp: () => et,
-	WAutocomplete: () => Ze,
-	WBadge: () => rt,
-	WBreadcrumbs: () => ot,
-	WButton: () => ft,
-	WCard: () => ht,
-	WCheckbox: () => St,
-	WCheckboxes: () => Tt,
-	WConfirm: () => Dt,
-	WDatePicker: () => kt,
-	WDialog: () => jt,
-	WDivider: () => Pt,
-	WDrawer: () => Rt,
-	WFlex: () => Bt,
-	WForm: () => Ut,
-	WFormElement: () => Gt,
-	WGrid: () => qt,
-	WIcon: () => Yt,
-	WImage: () => $t,
-	WInput: () => un,
-	WList: () => fn,
-	WMenu: () => _n,
-	WNotification: () => yn,
-	WOverlay: () => xn,
-	WParallax: () => wn,
-	WProgress: () => jn,
-	WRadio: () => Rn,
-	WRadios: () => Vn,
-	WRating: () => Gn,
-	WScrollable: () => Kn,
-	WSelect: () => Qn,
-	WSlider: () => dr,
-	WSpinner: () => mr,
-	WSteps: () => gr,
-	WSwitch: () => Cr,
+	WAccordion: () => Be,
+	WAccordionItem: () => Re,
+	WAlert: () => Ue,
+	WApp: () => tt,
+	WAutocomplete: () => Qe,
+	WBadge: () => it,
+	WBreadcrumbs: () => st,
+	WButton: () => pt,
+	WCard: () => gt,
+	WCheckbox: () => Ct,
+	WCheckboxes: () => Et,
+	WConfirm: () => Ot,
+	WDatePicker: () => At,
+	WDialog: () => Mt,
+	WDivider: () => Ft,
+	WDrawer: () => zt,
+	WFlex: () => Vt,
+	WForm: () => Wt,
+	WFormElement: () => Kt,
+	WGrid: () => Jt,
+	WIcon: () => Xt,
+	WImage: () => en,
+	WInput: () => dn,
+	WList: () => pn,
+	WMenu: () => vn,
+	WNotification: () => bn,
+	WOverlay: () => Sn,
+	WParallax: () => Tn,
+	WProgress: () => Mn,
+	WRadio: () => zn,
+	WRadios: () => Hn,
+	WRating: () => Kn,
+	WScrollable: () => qn,
+	WSelect: () => $n,
+	WSlider: () => fr,
+	WSpinner: () => hr,
+	WSteps: () => _r,
+	WSwitch: () => wr,
 	WTable: () => di,
 	WTabs: () => Fr,
 	WTag: () => mi,