wave-ui 3.27.0 → 3.27.2

package/dist/wave-ui.esm.js

@@ -70,13 +70,13 @@ var R = Object.defineProperty, ne = (e, t) => {
 			if (i) {
 				i.length === 3 && (r.color = `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}`);
 				for (let e = 1; e <= 6; e++) {
-					let i = de(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = fe(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
+					let i = fe(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = pe(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
 					n.shades[`${r.label}-light${e}`] = i, n.shades[`${r.label}-dark${e}`] = a;
 				}
 			}
 		}
 	});
-}, V = (e, t) => {
+}, oe = (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,27 +90,27 @@ var R = Object.defineProperty, ne = (e, t) => {
 	}) };
 	return delete n.shades, n;
 };
-function H(e, t, n) {
+function V(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function U(e) {
+function H(e) {
 	let t = e.toString(16);
 	return t.length === 1 && `0${t}` || t.length === 2 && t || B(`expected value from 0~255, got: ${e}`) || "";
 }
-function oe(e) {
+function se(e) {
 	return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
-function se(e) {
+function ce(e) {
 	return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
 }
-function ce(e) {
+function le(e) {
 	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
 }
-function le(e) {
-	return oe(e) && e || se(e) && ce(e) || B(`expected color hex string, got '${e}'`) || "";
+function ue(e) {
+	return se(e) && e || ce(e) && le(e) || B(`expected color hex string, got '${e}'`) || "";
 }
-function W(e) {
-	let t = le(e);
+function U(e) {
+	let t = ue(e);
 	return {
 		red: parseInt(t.substring(1, 3), 16),
 		green: parseInt(t.substring(3, 5), 16),
@@ -119,24 +119,24 @@ function W(e) {
 		hasAlpha: t.length === 9
 	};
 }
-function ue(e, t, n, r) {
-	return `#${U(e)}${U(t)}${U(n)}${r ? U(Math.floor(r * 255)) : ""}`;
+function de(e, t, n, r) {
+	return `#${H(e)}${H(t)}${H(n)}${r ? H(Math.floor(r * 255)) : ""}`;
 }
-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 = [
+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 = [
 		u,
 		d,
 		f
 	];
-	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), ue(...m);
+	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), de(...m);
 }
-function de(e, t = 15) {
-	return G("#ffffff", e, t);
+function fe(e, t = 15) {
+	return W("#ffffff", e, t);
 }
-function fe(e, t = 12.4) {
-	return G("#000000", e, t);
+function pe(e, t = 12.4) {
+	return W("#000000", e, t);
 }
-var K = [
+var G = [
 	{
 		label: "pink",
 		color: "#e91e63",
@@ -1179,14 +1179,14 @@ var K = [
 		label: "inherit",
 		color: "inherit"
 	}
-], q = {
+], K = {
 	cssScope: ".w-app",
 	baseIncrement: 4
-}, J = {
+}, q = {
 	keys: [],
 	values: []
-}, pe = null, me = (e, t) => {
-	let n = "", r = {}, { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = q;
+}, me = null, he = (e, t) => {
+	let n = "", r = {}, { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = K;
 	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 K = [
 	return Object.entries(r).forEach(([e, t]) => {
 		f += `--w-${e}-color: ${t};`;
 	}), `:root{${f}}${n}`;
-}, he = (e, t) => {
-	let n = "", { cssScope: r } = q;
+}, ge = (e, t) => {
+	let n = "", { cssScope: r } = K;
 	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 K = [
 			n += "}";
 		}
 	}), n;
-}, 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();
+}, _e = (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();
 	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 K = [
 	}), 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;
-}, _e = (e) => {
-	let t = window.innerWidth, n = J.values.slice(0);
+}, ve = (e) => {
+	let t = window.innerWidth, n = q.values.slice(0);
 	n.push(t), n.sort((e, t) => e - t);
-	let r = J.keys[n.indexOf(t)] || "xl";
-	r !== pe && (pe = r, e.breakpoint = {
+	let r = q.keys[n.indexOf(t)] || "xl";
+	r !== me && (me = r, e.breakpoint = {
 		name: r,
 		xs: r === "xs",
 		sm: r === "sm",
@@ -1234,14 +1234,14 @@ var K = [
 		xl: r === "xl",
 		width: t
 	}), e.breakpoint.width = window.innerWidth;
-}, ve = (e) => {
+}, ye = (e) => {
 	let { config: t } = e;
-	if (J = {
+	if (q = {
 		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 = be(t);
+		e.id = "wave-ui-styles", e.innerHTML = xe(t);
 		let n = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]");
 		if (t.css.prependCss) {
 			let t = n[0];
@@ -1251,15 +1251,15 @@ var K = [
 			t ? t.after(e) : document.head.appendChild(e);
 		}
 	}
-	_e(e), window.addEventListener("resize", () => _e(e));
-}, ye = (e, t, n) => {
+	ve(e), window.addEventListener("resize", () => ve(e));
+}, be = (e, t, n) => {
 	if (!document.getElementById("wave-ui-colors")) {
 		let r = document.createElement("style");
-		r.id = "wave-ui-colors", r.innerHTML = me(e, t, n);
+		r.id = "wave-ui-colors", r.innerHTML = he(e, t, n);
 		let i = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]")[0];
 		i ? i.before(r) : document.head.appendChild(r);
 	}
-}, be = (e) => {
+}, xe = (e) => {
 	let t = Object.entries(e.breakpoints), n = t.map(([e, n], r) => {
 		let [, i = 0] = t[r - 1] || [];
 		return {
@@ -1268,11 +1268,11 @@ var K = [
 			max: n
 		};
 	}), r = getComputedStyle(document.documentElement);
-	q.cssScope = r.getPropertyValue("--w-css-scope"), q.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"));
+	K.cssScope = r.getPropertyValue("--w-css-scope"), K.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"));
 	let i = "";
-	return i += he(n, e.css.grid), e.css.breakpointLayoutClasses && (i += ge(n)), i;
-}, xe = ["innerHTML"];
-function Se(t, r, a, u, d, p) {
+	return i += ge(n, e.css.grid), e.css.breakpointLayoutClasses && (i += _e(n)), i;
+}, Se = ["innerHTML"];
+function Ce(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" }]),
@@ -1287,7 +1287,7 @@ function Se(t, r, a, u, d, p) {
 			"onUpdate:modelValue": (e) => t._value = e,
 			onClose: t.dismiss
 		}, { ref_for: !0 }, p.notifProps(t)), {
-			default: P(() => [l("div", { innerHTML: t.message }, null, 8, xe)]),
+			default: P(() => [l("div", { innerHTML: t.message }, null, 8, Se)]),
 			_: 2
 		}, 1040, [
 			"modelValue",
@@ -1299,11 +1299,11 @@ function Se(t, r, a, u, d, p) {
 }
 //#endregion
 //#region \0plugin-vue:export-helper
-var Y = (e, t) => {
+var J = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ce = /* @__PURE__ */ Y({
+}, we = /* @__PURE__ */ J({
 	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", Se]]), we = class e {
+}, [["render", Ce]]), Te = 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);
 	}
-}, Te = (e) => {
+}, Ee = (e) => {
 	let t = document.createElement("div");
 	document.body.appendChild(t);
-	let n = p(Ce);
+	let n = p(we);
 	n.appContext = e._context, te(n, t), t.remove();
-}, Ee = !1, De = (e) => {
+}, De = !1, Oe = (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);
 	});
-}, Oe = (e, t) => {
+}, ke = (e, t) => {
 	for (let n in t) if (e.props?.[n]) e.props[n].default = t[n];
 	else {
 		let r = !1;
@@ -1380,7 +1380,7 @@ var Y = (e, t) => {
 			r || z(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
 		}
 	}
-}, X = class e {
+}, Y = class e {
 	$waveui = {
 		breakpoint: {
 			name: "",
@@ -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];
-			ye(t, this.config.css.colorShadeCssVariables), this.colors = V(t, K);
+			be(t, this.config.css.colorShadeCssVariables), this.colors = oe(t, G);
 		},
 		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] && Oe(i, n.presets[i.name]), t.component(i.name, i);
+			n.presets?.[i.name] && ke(i, n.presets[i.name]), t.component(i.name, i);
 		}
 		t.mixin({ beforeMount() {
-			if (!Ee) {
-				Ee = !0;
+			if (!De) {
+				De = !0;
 				let e = m("$waveui"), { config: n } = e;
-				(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);
+				(document.querySelector(n.on) || document.body).classList.add("w-app"), n.theme === "auto" ? Oe(e) : e.switchTheme(n.theme, !0), ye(e), Ee(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 we(), t.theme ||= "light", t.colors) {
+		if (this.$waveui._notificationManager = new Te(), 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,20 +1441,20 @@ 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 = V(r.colors[r.theme], K));
+		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = oe(r.colors[r.theme], G));
 	}
-}, 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")]);
+}, X = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), Ae = { class: "w-accordion__item-content" };
+function je(e, t, n, r, i, a) {
+	return b(), c("div", Ae, [w(e.$slots, "default")]);
 }
-var je = /* @__PURE__ */ Y({
+var Me = /* @__PURE__ */ J({
 	name: "accordion-content",
 	props: { item: {
 		type: Object,
 		default: () => ({})
 	} }
-}, [["render", Ae]]), Me = ["aria-expanded"], Ne = ["tabindex"], Pe = ["innerHTML"], Fe = ["innerHTML"], Ie = ["innerHTML"];
-function Le(e, n, r, i, a, u) {
+}, [["render", je]]), Ne = ["aria-expanded"], Pe = ["tabindex"], Fe = ["innerHTML"], Ie = ["innerHTML"], Le = ["innerHTML"];
+function Re(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]),
@@ -1492,7 +1492,7 @@ function Le(e, n, r, i, a, u) {
 		}, () => [l("div", {
 			class: "grow",
 			innerHTML: u.accordionItem[u.options.itemTitleKey]
-		}, null, 8, Pe)]),
+		}, null, 8, Fe)]),
 		u.options.expandIcon && u.options.expandIconRight ? (b(), o(d, {
 			key: 1,
 			class: g(["w-accordion__expand-icon", {
@@ -1504,7 +1504,7 @@ function Le(e, n, r, i, a, u) {
 			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, Ne), u.options.keepInDom ? (b(), o(m, {
+	], 42, Pe), u.options.keepInDom ? (b(), o(m, {
 		key: 0,
 		y: "",
 		onAfterLeave: n[7] ||= (e) => u.onEndOfCollapse(u.accordionItem),
@@ -1518,7 +1518,7 @@ function Le(e, n, r, i, a, u) {
 				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"]), [[N, u.accordionItem._expanded]])]),
 		_: 3
@@ -1537,18 +1537,18 @@ function Le(e, n, r, i, a, u) {
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
 				index: u.accordionItem._index + 1
-			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Ie)])]),
+			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, Le)])]),
 			_: 3
 		}, 8, ["item", "class"])) : s("", !0)], 1032, ["exclude"]))]),
 		_: 3
-	}, 8, ["duration"]))], 10, Me);
+	}, 8, ["duration"]))], 10, Ne);
 }
-var Re = /* @__PURE__ */ Y({
+var ze = /* @__PURE__ */ J({
 	name: "w-accordion-item",
 	setup() {
 		return { accordionItemUid: A() };
 	},
-	components: { AccordionContent: je },
+	components: { AccordionContent: Me },
 	props: {
 		title: { type: String },
 		content: { type: String },
@@ -1598,10 +1598,10 @@ var Re = /* @__PURE__ */ Y({
 	beforeUnmount() {
 		this.unregisterItem(this.accordionItemUid);
 	}
-}, [["render", Le]]);
+}, [["render", Re]]);
 //#endregion
 //#region src/wave-ui/components/w-accordion/index.vue?vue&type=template&lang.js
-function ze(t, n, r, i, a, l) {
+function Be(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,
@@ -1643,7 +1643,7 @@ function ze(t, n, r, i, a, l) {
 		"disabled"
 	]))), 128)) : s("", !0)], 2);
 }
-var Be = /* @__PURE__ */ Y({
+var Ve = /* @__PURE__ */ J({
 	name: "w-accordion",
 	props: {
 		modelValue: { type: Array },
@@ -1705,7 +1705,7 @@ var Be = /* @__PURE__ */ Y({
 			default: !1
 		}
 	},
-	components: { WAccordionItem: Re },
+	components: { WAccordionItem: ze },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -1747,13 +1747,13 @@ var Be = /* @__PURE__ */ Y({
 			};
 		},
 		itemClasses() {
-			return Z(this.itemClass);
+			return X(this.itemClass);
 		},
 		titleClasses() {
-			return Z(this.titleClass);
+			return X(this.titleClass);
 		},
 		contentClasses() {
-			return Z(this.contentClass);
+			return X(this.contentClass);
 		}
 	},
 	methods: {
@@ -1798,8 +1798,8 @@ var Be = /* @__PURE__ */ Y({
 		}
 		e.forEach((e, t) => (this.accordionItems[t] || {})._expanded = e);
 	} }
-}, [["render", ze]]), Ve = { class: "w-alert__content" };
-function He(t, n, r, i, a, u) {
+}, [["render", Be]]), He = { class: "w-alert__content" };
+function Ue(t, n, r, i, a, u) {
 	let f = T("w-icon"), p = T("w-button");
 	return a.show ? (b(), c("div", {
 		key: 0,
@@ -1812,7 +1812,7 @@ function He(t, n, r, i, a, u) {
 			default: P(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
-		l("div", Ve, [w(t.$slots, "default")]),
+		l("div", He, [w(t.$slots, "default")]),
 		r.dismiss ? (b(), o(p, {
 			key: 1,
 			class: "w-alert__dismiss",
@@ -1826,7 +1826,7 @@ function He(t, n, r, i, a, u) {
 		})) : s("", !0)
 	], 64)) : w(t.$slots, "default", { key: 1 })], 2)) : s("", !0);
 }
-var Ue = /* @__PURE__ */ Y({
+var We = /* @__PURE__ */ J({
 	name: "w-alert",
 	props: {
 		modelValue: { default: !0 },
@@ -1904,18 +1904,18 @@ var Ue = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.show = e;
 	} }
-}, [["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) {
+}, [["render", Ue]]), Ge = { class: "w-autocomplete__selection" }, Ke = ["innerHTML"], qe = ["innerHTML"], Je = ["value"], Ye = ["onClick"], Xe = ["innerHTML"], Ze = ["innerHTML"];
+function Qe(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 }, C(t.selection, (e, n) => (b(), c("div", We, [w(t.$slots, "selection", {
+		t.selection.length ? (b(!0), c(e, { key: 0 }, C(t.selection, (e, n) => (b(), c("div", Ge, [w(t.$slots, "selection", {
 			item: e,
 			unselect: (e) => o.unselectItem(e)
-		}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ge), f(u, {
+		}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ke), f(u, {
 			onClick: L((e) => o.unselectItem(n), ["stop"]),
 			icon: "wi-cross",
 			xs: "",
@@ -1926,12 +1926,12 @@ function Ze(t, n, r, i, a, o) {
 			key: 1,
 			class: "w-autocomplete__placeholder",
 			innerHTML: r.placeholder
-		}, null, 8, Ke)) : s("", !0),
+		}, null, 8, qe)) : s("", !0),
 		l("input", h({
 			class: "w-autocomplete__input",
 			ref: "input",
 			value: t.keywords
-		}, k(o.inputEventListeners, !0), o.inputAttrs), null, 16, qe),
+		}, k(o.inputEventListeners, !0), o.inputAttrs), null, 16, Je),
 		f(d, null, {
 			default: P(() => [t.menuOpen ? (b(), c("ul", {
 				key: 0,
@@ -1949,14 +1949,14 @@ function Ze(t, n, r, i, a, o) {
 				}, [w(t.$slots, "item", {
 					item: e,
 					highlighted: t.highlightedItem === e.uid
-				}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ye)])], 10, Je))), 128)),
+				}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Xe)])], 10, Ye))), 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 }])
 				}, [w(t.$slots, "no-match", {}, () => [l("div", {
 					class: "caption",
 					innerHTML: r.noMatch ?? "No match."
-				}, null, 8, Xe)])], 2)),
+				}, null, 8, Ze)])], 2)),
 				t.$slots["extra-item"] ? (b(), c("li", {
 					key: 1,
 					class: g(["w-autocomplete__extra-item", { highlighted: t.highlightedItem === "extra-item" }]),
@@ -1967,7 +1967,7 @@ function Ze(t, n, r, i, a, o) {
 		})
 	], 6);
 }
-var Qe = /* @__PURE__ */ Y({
+var $e = /* @__PURE__ */ J({
 	name: "w-autocomplete",
 	inheritAttrs: !1,
 	props: {
@@ -2146,11 +2146,11 @@ var Qe = /* @__PURE__ */ Y({
 			this.selection.push(this.optimizedItemsForSearch.find((t) => t[this.itemValueKey] === +e));
 		});
 	} }
-}, [["render", Ze]]), $e = { class: "w-app" };
-function et(e, t, n, r, i, a) {
-	return b(), c("div", $e, [w(e.$slots, "default")]);
+}, [["render", Qe]]), et = { class: "w-app" };
+function tt(e, t, n, r, i, a) {
+	return b(), c("div", et, [w(e.$slots, "default")]);
 }
-var tt = /* @__PURE__ */ Y({
+var nt = /* @__PURE__ */ J({
 	name: "w-app",
 	props: {
 		block: { type: Boolean },
@@ -2165,9 +2165,9 @@ var tt = /* @__PURE__ */ Y({
 		textCenter: { type: Boolean },
 		textRight: { type: Boolean }
 	}
-}, [["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}` }, {
+}, [["render", tt]]), rt = { class: "w-badge-wrap" };
+function it(e, t, n, i, a, o) {
+	return b(), c("div", rt, [w(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
 		default: P(() => [n.modelValue ? (b(), c("div", {
 			key: 0,
 			class: g(["w-badge", o.classes]),
@@ -2180,7 +2180,7 @@ function rt(e, t, n, i, a, o) {
 		_: 3
 	}, 8, ["name"])]);
 }
-var it = /* @__PURE__ */ Y({
+var at = /* @__PURE__ */ J({
 	name: "w-badge",
 	props: {
 		modelValue: { default: !0 },
@@ -2246,8 +2246,8 @@ var it = /* @__PURE__ */ Y({
 			return this.forcedSize && `font-size: ${this.forcedSize}`;
 		}
 	}
-}, [["render", rt]]), at = ["innerHTML"];
-function ot(t, n, r, i, a, l) {
+}, [["render", it]]), ot = ["innerHTML"];
+function st(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]),
@@ -2293,9 +2293,9 @@ function ot(t, n, r, i, a, l) {
 	}) : (b(), c("span", {
 		key: `${i}f`,
 		innerHTML: n[r.itemLabelKey]
-	}, null, 8, at))], 64))), 256))], 2);
+	}, null, 8, ot))], 64))), 256))], 2);
 }
-var st = /* @__PURE__ */ Y({
+var ct = /* @__PURE__ */ J({
 	name: "w-breadcrumbs",
 	props: {
 		items: {
@@ -2338,11 +2338,11 @@ var st = /* @__PURE__ */ Y({
 			return { [`size--${this.size}`]: !0 };
 		}
 	}
-}, [["render", ot]]), ct = {
+}, [["render", st]]), lt = {
 	key: 0,
 	class: "w-button__loader"
 };
-function lt(e, t, n, i, a, u) {
+function ut(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],
@@ -2354,7 +2354,7 @@ function lt(e, t, n, i, a, u) {
 			default: P(() => [d(O(n.icon), 1)]),
 			_: 1
 		}, 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", {
+			default: P(() => [n.loading ? (b(), c("div", lt, [w(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
 				cx: "20",
 				cy: "20",
 				r: "18",
@@ -2374,7 +2374,7 @@ function lt(e, t, n, i, a, u) {
 		"style"
 	]);
 }
-var ut = /* @__PURE__ */ Y({
+var dt = /* @__PURE__ */ J({
 	inheritAttrs: !1,
 	props: {
 		color: { type: String },
@@ -2472,15 +2472,15 @@ var ut = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", lt]]), dt = ["innerHTML"];
-function ft(e, t, n, r, i, a) {
+}, [["render", ut]]), ft = ["innerHTML"];
+function pt(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: P(() => [l("div", { innerHTML: n.tooltip }, null, 8, dt)]),
+		default: P(() => [l("div", { innerHTML: n.tooltip }, null, 8, ft)]),
 		_: 3
 	}, 16)) : (b(), o(s, _(h({ key: 1 }, a.buttonProps)), {
 		loading: P(() => [w(e.$slots, "loading")]),
@@ -2488,7 +2488,7 @@ function ft(e, t, n, r, i, a) {
 		_: 3
 	}, 16));
 }
-var pt = /* @__PURE__ */ Y({
+var mt = /* @__PURE__ */ J({
 	name: "w-button",
 	inheritAttrs: !1,
 	props: {
@@ -2536,7 +2536,7 @@ var pt = /* @__PURE__ */ Y({
 		lg: { type: Boolean },
 		xl: { type: Boolean }
 	},
-	components: { ButtonPartial: ut },
+	components: { ButtonPartial: dt },
 	emits: [],
 	computed: { buttonProps() {
 		let { tooltip: e, tooltipProps: t = {}, ...n } = this.$props;
@@ -2545,8 +2545,8 @@ var pt = /* @__PURE__ */ Y({
 			...this.$attrs
 		};
 	} }
-}, [["render", ft]]), mt = ["innerHTML"];
-function ht(e, t, n, r, i, a) {
+}, [["render", pt]]), ht = ["innerHTML"];
+function gt(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", {
@@ -2562,7 +2562,7 @@ function ht(e, t, n, r, i, a) {
 				...a.titleClasses
 			}]),
 			innerHTML: n.title
-		}, null, 10, mt)) : s("", !0),
+		}, null, 10, ht)) : s("", !0),
 		n.image ? (b(), o(u, h({
 			key: 2,
 			class: "w-card__image",
@@ -2578,7 +2578,7 @@ function ht(e, t, n, r, i, a) {
 		}, [w(e.$slots, "actions")], 2)) : s("", !0)
 	], 2);
 }
-var gt = /* @__PURE__ */ Y({
+var _t = /* @__PURE__ */ J({
 	name: "w-card",
 	props: {
 		color: { type: String },
@@ -2605,10 +2605,10 @@ var gt = /* @__PURE__ */ Y({
 	emits: [],
 	computed: {
 		titleClasses() {
-			return Z(this.titleClass);
+			return X(this.titleClass);
 		},
 		contentClasses() {
-			return Z(this.contentClass);
+			return X(this.contentClass);
 		},
 		titleHasToolbar() {
 			let { title: e } = this.$slots;
@@ -2637,7 +2637,13 @@ var gt = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", ht]]), Q = {
+}, [["render", gt]]);
+//#endregion
+//#region src/wave-ui/mixins/form-elements.js
+function Z() {
+	return { waveUiUseId: A() };
+}
+var Q = {
 	inject: {
 		formRegister: { default: null },
 		formProps: { default: () => ({
@@ -2645,9 +2651,6 @@ var gt = /* @__PURE__ */ Y({
 			readonly: !1
 		}) }
 	},
-	setup() {
-		return { _waveUiUseId: A() };
-	},
 	props: {
 		id: { type: String },
 		name: { type: String },
@@ -2662,10 +2665,10 @@ var gt = /* @__PURE__ */ Y({
 	computed: {
 		inputId() {
 			let e = this.$options.name || "w-field";
-			return this.id || `${e}--${this._waveUiUseId}`;
+			return this.id || `${e}--${this.waveUiUseId}`;
 		},
 		inputName() {
-			return this.name || `${this.$options.name}--${this._waveUiUseId}`;
+			return this.name || `${this.$options.name}--${this.waveUiUseId}`;
 		},
 		isDisabled() {
 			return this.disabled || this.formProps.disabled;
@@ -2686,7 +2689,7 @@ var gt = /* @__PURE__ */ Y({
 	methods: { validate() {
 		this.$refs.formEl.validate(this);
 	} }
-}, _t = [
+}, vt = [
 	"id",
 	"name",
 	"checked",
@@ -2694,8 +2697,8 @@ var gt = /* @__PURE__ */ Y({
 	"required",
 	"tabindex",
 	"aria-checked"
-], vt = ["for"], yt = ["for", "innerHTML"], bt = ["for"], xt = ["for", "innerHTML"];
-function St(t, n, r, i, a, u) {
+], yt = ["for"], bt = ["for", "innerHTML"], xt = ["for"], St = ["for", "innerHTML"];
+function Ct(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,
@@ -2726,17 +2729,17 @@ function St(t, n, r, i, a, u) {
 				onKeypress: n[3] ||= I((...e) => u.onInput && u.onInput(...e), ["enter"]),
 				"aria-checked": a.isChecked || "false",
 				role: "checkbox"
-			}, null, 40, _t),
+			}, null, 40, vt),
 			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: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, vt)) : r.label ? (b(), c("label", {
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, yt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-checkbox__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, yt)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, bt)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: g(["w-checkbox__input", this.color]),
 				onClick: n[4] ||= (e) => {
@@ -2747,19 +2750,22 @@ function St(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, bt)) : r.label ? (b(), c("label", {
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, xt)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-checkbox__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, xt)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, St)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Ct = /* @__PURE__ */ Y({
+var wt = /* @__PURE__ */ J({
 	name: "w-checkbox",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	inject: { wCheckboxes: { default: null } },
 	props: {
 		modelValue: { default: !1 },
@@ -2824,8 +2830,8 @@ var Ct = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.isChecked = e;
 	} }
-}, [["render", St]]), wt = ["innerHTML"];
-function Tt(t, n, r, i, a, l) {
+}, [["render", Ct]]), Tt = ["innerHTML"];
+function Et(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,
@@ -2866,7 +2872,7 @@ function Tt(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, wt)) : s("", !0)]),
+			}, null, 8, Tt)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -2885,9 +2891,12 @@ function Tt(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Et = /* @__PURE__ */ Y({
+var Dt = /* @__PURE__ */ J({
 	name: "w-checkboxes",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	props: {
 		items: {
 			type: Array,
@@ -2958,10 +2967,10 @@ var Et = /* @__PURE__ */ Y({
 			return this.items[e._index];
 		}
 	}
-}, [["render", Tt]]);
+}, [["render", Et]]);
 //#endregion
 //#region src/wave-ui/components/w-confirm.vue?vue&type=template&lang.js
-function Dt(e, t, n, r, i, a) {
+function Ot(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,
@@ -3001,7 +3010,7 @@ function Dt(e, t, n, r, i, a) {
 		_: 3
 	}, 16, ["modelValue"]);
 }
-var Ot = /* @__PURE__ */ Y({
+var kt = /* @__PURE__ */ J({
 	name: "w-confirm",
 	inheritAttrs: !1,
 	props: {
@@ -3127,16 +3136,16 @@ var Ot = /* @__PURE__ */ Y({
 			this.$emit("confirm"), this.showPopup = !1;
 		}
 	}
-}, [["render", Dt]]);
+}, [["render", Ot]]);
 //#endregion
 //#region src/wave-ui/components/w-date-picker.vue?vue&type=template&lang.js
-function kt(e, t, n, r, i, a) {
+function At(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-date-picker", a.classes]),
 		style: v(a.styles)
 	}, [w(e.$slots, "default")], 6);
 }
-var At = /* @__PURE__ */ Y({
+var jt = /* @__PURE__ */ J({
 	name: "w-date-picker",
 	props: {
 		dark: { type: Boolean },
@@ -3154,10 +3163,10 @@ var At = /* @__PURE__ */ Y({
 			return !1;
 		}
 	}
-}, [["render", kt]]);
+}, [["render", At]]);
 //#endregion
 //#region src/wave-ui/components/w-dialog.vue?vue&type=template&lang.js
-function jt(e, t, n, i, a, s) {
+function Mt(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]),
@@ -3218,7 +3227,7 @@ function jt(e, t, n, i, a, s) {
 		"class"
 	]);
 }
-var Mt = /* @__PURE__ */ Y({
+var Nt = /* @__PURE__ */ J({
 	name: "w-dialog",
 	props: {
 		modelValue: { default: !0 },
@@ -3278,13 +3287,13 @@ var Mt = /* @__PURE__ */ Y({
 	},
 	computed: {
 		titleClasses() {
-			return Z(this.titleClass);
+			return X(this.titleClass);
 		},
 		contentClasses() {
-			return Z(this.contentClass);
+			return X(this.contentClass);
 		},
 		dialogClasses() {
-			return Z(this.dialogClass);
+			return X(this.dialogClass);
 		},
 		maxWidth() {
 			let e = this.width;
@@ -3315,15 +3324,15 @@ var Mt = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.showWrapper = e, this.showContent = e;
 	} }
-}, [["render", jt]]), Nt = ["role", "aria-orientation"];
-function Pt(e, t, n, r, i, a) {
+}, [["render", Mt]]), Pt = ["role", "aria-orientation"];
+function Ft(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"
-	}, [w(e.$slots, "default")], 10, Nt);
+	}, [w(e.$slots, "default")], 10, Pt);
 }
-var Ft = /* @__PURE__ */ Y({
+var It = /* @__PURE__ */ J({
 	name: "w-divider",
 	props: {
 		vertical: { type: Boolean },
@@ -3341,8 +3350,8 @@ var Ft = /* @__PURE__ */ Y({
 			"w-divider--light": this.light
 		};
 	} }
-}, [["render", Pt]]), It = { class: "w-drawer-wrap__pushable" };
-function Lt(t, n, i, a, u, d) {
+}, [["render", Ft]]), Lt = { class: "w-drawer-wrap__pushable" };
+function Rt(t, n, i, a, u, d) {
 	let p = T("w-overlay");
 	return u.showWrapper || i.pushContent ? (b(), c("div", {
 		key: 0,
@@ -3351,7 +3360,7 @@ function Lt(t, n, i, a, u, d) {
 		key: 0,
 		class: "w-drawer-wrap__track",
 		style: v(d.trackStyles)
-	}, [l("div", It, [i.noOverlay ? s("", !0) : (b(), o(p, {
+	}, [l("div", Lt, [i.noOverlay ? s("", !0) : (b(), o(p, {
 		key: 0,
 		modelValue: u.showDrawer,
 		"onUpdate:modelValue": n[0] ||= (e) => u.showDrawer = e,
@@ -3420,12 +3429,12 @@ function Lt(t, n, i, a, u, d) {
 }
 //#endregion
 //#region src/wave-ui/components/w-drawer.vue
-var Rt = {
+var zt = {
 	left: "right",
 	right: "left",
 	top: "down",
 	bottom: "up"
-}, zt = /* @__PURE__ */ Y({
+}, Bt = /* @__PURE__ */ J({
 	name: "w-drawer",
 	props: {
 		modelValue: { default: !0 },
@@ -3531,7 +3540,7 @@ var Rt = {
 			return !this.showWrapper;
 		},
 		transitionName() {
-			return `slide-${Rt[this.position]}`;
+			return `slide-${zt[this.position]}`;
 		}
 	},
 	methods: {
@@ -3548,16 +3557,16 @@ var Rt = {
 	watch: { modelValue(e) {
 		e && (this.showWrapper = !0), this.showDrawer = e;
 	} }
-}, [["render", Lt]]);
+}, [["render", Rt]]);
 //#endregion
 //#region src/wave-ui/components/w-flex.vue?vue&type=template&lang.js
-function Bt(e, t, n, r, i, a) {
+function Vt(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 Vt = /* @__PURE__ */ Y({
+var Ht = /* @__PURE__ */ J({
 	name: "w-flex",
 	props: {
 		tag: {
@@ -3608,10 +3617,10 @@ var Vt = /* @__PURE__ */ Y({
 			[`gap${this.gap}`]: ~~this.gap
 		};
 	} }
-}, [["render", Bt]]);
+}, [["render", Vt]]);
 //#endregion
 //#region src/wave-ui/components/w-form.vue?vue&type=template&lang.js
-function Ht(e, t, n, r, i, a) {
+function Ut(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),
@@ -3621,10 +3630,10 @@ function Ht(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/wave-ui/components/w-form.vue
-var Ut = async (e, t) => {
+var Wt = async (e, t) => {
 	for (let n of e) if (await t(n)) return !0;
 	return !1;
-}, Wt = /* @__PURE__ */ Y({
+}, Gt = /* @__PURE__ */ J({
 	name: "w-form",
 	props: {
 		modelValue: {},
@@ -3699,7 +3708,7 @@ var Ut = async (e, t) => {
 		},
 		async checkElementValidators(e) {
 			let t = !1, n = "";
-			await Ut(e.validators, async (r) => {
+			await Wt(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;
@@ -3720,10 +3729,10 @@ var Ut = async (e, t) => {
 	watch: { modelValue(e) {
 		(this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
 	} }
-}, [["render", Ht]]);
+}, [["render", Ut]]);
 //#endregion
 //#region src/wave-ui/components/w-form-element.vue?vue&type=template&lang.js
-function Gt(e, t, n, r, i, a) {
+function Kt(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", {
@@ -3733,7 +3742,7 @@ function Gt(e, t, n, r, i, a) {
 		_: 3
 	})], 2);
 }
-var Kt = /* @__PURE__ */ Y({
+var qt = /* @__PURE__ */ J({
 	name: "w-form-element",
 	props: {
 		valid: { required: !0 },
@@ -3801,16 +3810,16 @@ var Kt = /* @__PURE__ */ Y({
 	beforeUnmount() {
 		this.formUnregister && this.formUnregister(this);
 	}
-}, [["render", Gt]]);
+}, [["render", Kt]]);
 //#endregion
 //#region src/wave-ui/components/w-grid.vue?vue&type=template&lang.js
-function qt(e, t, n, r, i, a) {
+function Jt(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 Jt = /* @__PURE__ */ Y({
+var Yt = /* @__PURE__ */ J({
 	name: "w-grid",
 	props: {
 		tag: {
@@ -3882,10 +3891,10 @@ var Jt = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", qt]]);
+}, [["render", Jt]]);
 //#endregion
 //#region src/wave-ui/components/w-icon.vue?vue&type=template&lang.js
-function Yt(t, n, r, i, a, l) {
+function Xt(t, n, r, i, a, l) {
 	return b(), o(D(r.tag || "i"), {
 		class: g(["w-icon", l.classes]),
 		role: "icon",
@@ -3896,7 +3905,7 @@ function Yt(t, n, r, i, a, l) {
 		_: 1
 	}, 8, ["class", "style"]);
 }
-var Xt = /* @__PURE__ */ Y({
+var Zt = /* @__PURE__ */ J({
 	name: "w-icon",
 	props: {
 		tag: {
@@ -3966,11 +3975,11 @@ var Xt = /* @__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", Yt]]), Zt = {
+}, [["render", Xt]]), Qt = {
 	key: 0,
 	class: "w-image__loader"
-}, Qt = ["innerHTML"];
-function $t(e, t, n, i, a, l) {
+}, $t = ["innerHTML"];
+function en(e, t, n, i, a, l) {
 	let u = T("w-progress");
 	return b(), o(D(l.wrapperTag), {
 		class: g(["w-image", l.wrapperClasses]),
@@ -3995,7 +4004,7 @@ function $t(e, t, n, i, a, l) {
 				])) : s("", !0)]),
 				_: 1
 			}, 8, ["name"]),
-			!n.noSpinner && a.loading ? (b(), c("span", Zt, [e.$slots.loading ? w(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
+			!n.noSpinner && a.loading ? (b(), c("span", Qt, [e.$slots.loading ? w(e.$slots, "loading", { key: 0 }) : (b(), o(u, h({
 				key: 1,
 				circle: "",
 				indeterminate: ""
@@ -4014,12 +4023,12 @@ function $t(e, t, n, i, a, l) {
 				key: 3,
 				class: g(["w-image__caption caption", n.captionClass]),
 				innerHTML: n.caption
-			}, null, 10, Qt)) : s("", !0)
+			}, null, 10, $t)) : s("", !0)
 		]),
 		_: 3
 	}, 40, ["class", "style"]);
 }
-var en = /* @__PURE__ */ Y({
+var tn = /* @__PURE__ */ J({
 	name: "w-image",
 	props: {
 		tag: {
@@ -4132,7 +4141,7 @@ var en = /* @__PURE__ */ Y({
 	watch: { src() {
 		this.loadImage();
 	} }
-}, [["render", $t]]), tn = ["name"], nn = ["for"], rn = [
+}, [["render", en]]), nn = ["name"], rn = ["for"], an = [
 	"id",
 	"type",
 	"name",
@@ -4147,17 +4156,17 @@ var en = /* @__PURE__ */ Y({
 	"disabled",
 	"required",
 	"tabindex"
-], an = [
+], on = [
 	"id",
 	"name",
 	"multiple",
 	"disabled",
 	"data-progress"
-], on = {
+], sn = {
 	class: "w-input__no-file",
 	key: "no-file"
-}, sn = ["for"], cn = ["src"], ln = ["for"];
-function un(t, n, r, a, u, p) {
+}, cn = ["for"], ln = ["src"], un = ["for"];
+function dn(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,
@@ -4181,12 +4190,12 @@ function un(t, n, r, a, u, p) {
 			type: "hidden",
 			name: t.name || null,
 			"onUpdate:modelValue": n[0] ||= (e) => u.inputValue = e
-		}, null, 8, tn)), [[M, u.inputValue]]) : (b(), c(e, { key: 1 }, [
+		}, null, 8, nn)), [[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: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, nn)) : s("", !0)], 64)) : s("", !0),
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, rn)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: g(["w-input__input-wrap", p.inputWrapClasses]) }, [
 				w(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(m, {
 					key: 0,
@@ -4210,13 +4219,13 @@ function un(t, n, r, a, u, p) {
 				}, p.attrs, {
 					disabled: t.isDisabled || null,
 					"data-progress": p.overallFilesProgress
-				}), null, 16, an), f(i, {
+				}), null, 16, on), f(i, {
 					class: "w-input__input w-input__input--file",
 					tag: "label",
 					name: "fade",
 					for: t.inputId
 				}, {
-					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 }, [
+					default: P(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", sn, [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",
@@ -4247,7 +4256,7 @@ function un(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, rn)), [[j, u.inputValue]]),
+				}, p.attrs, { class: r.inputClass }), null, 16, an)), [[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])
@@ -4282,15 +4291,15 @@ function un(t, n, r, a, u, p) {
 				key: `${n}b`,
 				src: t.preview,
 				alt: ""
-			}, null, 8, cn)) : (b(), c("i", {
+			}, null, 8, ln)) : (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, sn)) : s("", !0),
+			}, null, 2))], 64))), 256))], 8, cn)) : 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: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, ln)) : s("", !0)], 64)) : s("", !0)
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, un)) : s("", !0)], 64)) : s("", !0)
 		], 64))]),
 		_: 3
 	}, 16, [
@@ -4300,10 +4309,13 @@ function un(t, n, r, a, u, p) {
 		"style"
 	]);
 }
-var dn = /* @__PURE__ */ Y({
+var fn = /* @__PURE__ */ J({
 	name: "w-input",
 	mixins: [Q],
 	inheritAttrs: !1,
+	setup() {
+		return Z();
+	},
 	props: {
 		modelValue: { default: "" },
 		type: {
@@ -4488,10 +4500,10 @@ var dn = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
 	} }
-}, [["render", un]]);
+}, [["render", dn]]);
 //#endregion
 //#region src/wave-ui/components/w-list.vue?vue&type=template&lang.js
-function fn(t, n, r, i, a, l) {
+function pn(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 }]),
@@ -4558,10 +4570,10 @@ function fn(t, n, r, i, a, l) {
 		}]), 1040, ["items", "depth"])) : s("", !0)
 	], 2))), 128))], 2);
 }
-var pn = /* @__PURE__ */ Y({
+var mn = /* @__PURE__ */ J({
 	name: "w-list",
 	setup() {
-		return { _waveUiUseId: A() };
+		return { waveUiUseId: A() };
 	},
 	props: {
 		items: {
@@ -4625,7 +4637,7 @@ var pn = /* @__PURE__ */ Y({
 			return "$router" in this;
 		},
 		listId() {
-			return this.addIds ? typeof this.addIds == "string" ? this.addIds : `w-list--${this._waveUiUseId}` : null;
+			return this.addIds ? typeof this.addIds == "string" ? this.addIds : `w-list--${this.waveUiUseId}` : null;
 		},
 		selectedItems() {
 			return this.listItems.filter((e) => e._selected);
@@ -4755,8 +4767,8 @@ var pn = /* @__PURE__ */ Y({
 			}
 		}
 	}
-}, [["render", fn]]), mn = 4;
-function hn(e) {
+}, [["render", pn]]), hn = 4;
+function gn(e) {
 	return {
 		top: "bottom",
 		bottom: "top",
@@ -4764,7 +4776,7 @@ function hn(e) {
 		right: "left"
 	}[e] || "bottom";
 }
-var gn = {
+var _n = {
 	props: {
 		appendTo: { type: [
 			String,
@@ -4901,8 +4913,8 @@ var gn = {
 			this.viewportPlacementOverride = null, this.detachableEl.style.display = "flex";
 			let e = window.getComputedStyle(this.detachableEl, null), t = this.detachableEl.offsetWidth, n = this.detachableEl.offsetHeight, r = this.position;
 			if (!this.noPosition) {
-				let e = mn, i = window.innerWidth, a = window.innerHeight, { top: o, left: s, width: c, height: l } = this.activatorEl.getBoundingClientRect();
-				(r === "bottom" && o + l + n > a - e && o - n >= e || r === "top" && o - n < e && o + l + n <= a - e || r === "right" && s + c + t > i - e && s - t >= e || r === "left" && s - t < e && s + c + t <= i - e) && (r = hn(r), this.viewportPlacementOverride = r);
+				let e = hn, 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 = gn(r), this.viewportPlacementOverride = r);
 			}
 			let i = this.getActivatorCoordinates(), { top: a, left: o } = this._applyDetachablePlacement(r, i, e);
 			this.detachableCoords = {
@@ -4966,7 +4978,7 @@ var gn = {
 };
 //#endregion
 //#region src/wave-ui/components/w-menu.vue?vue&type=template&lang.js
-function _n(t, n, i, a, l, d) {
+function vn(t, n, i, a, l, d) {
 	let p = T("w-card"), m = T("w-overlay");
 	return b(), c(e, null, [
 		w(t.$slots, "activator", { on: d.activatorEventHandlers }),
@@ -5039,9 +5051,9 @@ function _n(t, n, i, a, l, d) {
 		])) : s("", !0)
 	], 64);
 }
-var vn = /* @__PURE__ */ Y({
+var yn = /* @__PURE__ */ J({
 	name: "w-menu",
-	mixins: [gn],
+	mixins: [_n],
 	inheritAttrs: !1,
 	props: {
 		modelValue: {},
@@ -5117,17 +5129,17 @@ var vn = /* @__PURE__ */ Y({
 			return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
 		},
 		menuClasses() {
-			return Z(this.menuClass);
+			return X(this.menuClass);
 		},
 		titleClasses() {
-			return Z(this.titleClass);
+			return X(this.titleClass);
 		},
 		contentClasses() {
-			return Z(this.contentClass);
+			return X(this.contentClass);
 		},
 		overlayClasses() {
 			return {
-				...Z(this.overlayClass),
+				...X(this.overlayClass),
 				"w-overlay--no-pointer-event": this.showOnHover
 			};
 		},
@@ -5186,10 +5198,10 @@ var vn = /* @__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", _n]]);
+}, [["render", vn]]);
 //#endregion
 //#region src/wave-ui/components/w-notification.vue?vue&type=template&lang.js
-function yn(e, t, n, i, a, l) {
+function bn(e, t, n, i, a, l) {
 	let u = T("w-alert");
 	return b(), o(r, {
 		name: l.transitionName,
@@ -5211,7 +5223,7 @@ function yn(e, t, n, i, a, l) {
 		_: 3
 	}, 8, ["name"]);
 }
-var bn = /* @__PURE__ */ Y({
+var xn = /* @__PURE__ */ J({
 	name: "w-notification",
 	props: {
 		modelValue: { default: !0 },
@@ -5341,10 +5353,10 @@ var bn = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
 	} }
-}, [["render", yn]]);
+}, [["render", bn]]);
 //#endregion
 //#region src/wave-ui/components/w-overlay.vue?vue&type=template&lang.js
-function xn(e, t, n, i, a, l) {
+function Sn(e, t, n, i, a, l) {
 	let u = E("focus");
 	return b(), o(r, {
 		name: "fade",
@@ -5363,7 +5375,7 @@ function xn(e, t, n, i, a, l) {
 		_: 3
 	}, 8, ["onAfterLeave"]);
 }
-var Sn = /* @__PURE__ */ Y({
+var Cn = /* @__PURE__ */ J({
 	name: "w-overlay",
 	props: {
 		modelValue: {},
@@ -5427,22 +5439,22 @@ var Sn = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		e && (this.showOverlay = !0);
 	} }
-}, [["render", xn]]), Cn = { class: "w-parallax" };
-function wn(e, t, n, r, i, a) {
-	return b(), c("div", Cn);
+}, [["render", Sn]]), wn = { class: "w-parallax" };
+function Tn(e, t, n, r, i, a) {
+	return b(), c("div", wn);
 }
-var Tn = /* @__PURE__ */ Y({
+var En = /* @__PURE__ */ J({
 	name: "w-parallax",
 	props: {},
 	emits: [],
 	data: () => ({})
-}, [["render", wn]]), En = ["viewBox"], Dn = [
+}, [["render", Tn]]), Dn = ["viewBox"], On = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-width"
-], On = [
+], kn = [
 	"cx",
 	"cy",
 	"r",
@@ -5450,7 +5462,7 @@ var Tn = /* @__PURE__ */ Y({
 	"stroke-linecap",
 	"stroke-dasharray"
 ];
-function kn(e, t, n, r, i, a) {
+function An(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-progress", a.classes]),
 		style: v(a.styles)
@@ -5466,7 +5478,7 @@ function kn(e, t, n, r, i, a) {
 		fill: "transparent",
 		"stroke-dasharray": e.circleCircumference,
 		"stroke-width": n.stroke
-	}, null, 10, Dn)) : s("", !0), l("circle", {
+	}, null, 10, On)) : s("", !0), l("circle", {
 		class: "w-progress__progress",
 		cx: a.circleCenter,
 		cy: a.circleCenter,
@@ -5476,7 +5488,7 @@ function kn(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, On)], 8, En)) : (b(), c("div", {
+	}, null, 12, kn)], 8, Dn)) : (b(), c("div", {
 		key: 0,
 		class: g(["w-progress__progress", { full: a.progressValue === 100 }]),
 		style: v(`width: ${a.progressValue}%`)
@@ -5487,7 +5499,7 @@ function kn(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/wave-ui/components/w-progress.vue
-var $ = 40, An = $ / 2, jn = Math.round($ * 3.14 * 100) / 100, Mn = /* @__PURE__ */ Y({
+var $ = 40, jn = $ / 2, Mn = Math.round($ * 3.14 * 100) / 100, Nn = /* @__PURE__ */ J({
 	name: "w-progress",
 	props: {
 		modelValue: {
@@ -5530,8 +5542,8 @@ var $ = 40, An = $ / 2, jn = Math.round($ * 3.14 * 100) / 100, Mn = /* @__PURE__
 	emits: [],
 	data: () => ({
 		circleSize: $,
-		circleRadius: An,
-		circleCircumference: jn
+		circleRadius: jn,
+		circleCircumference: Mn
 	}),
 	computed: {
 		progressValue() {
@@ -5568,7 +5580,7 @@ var $ = 40, An = $ / 2, jn = Math.round($ * 3.14 * 100) / 100, Mn = /* @__PURE__
 			return { [this.circle ? "width" : "height"]: this.forcedSize || null };
 		}
 	}
-}, [["render", kn]]), Nn = [
+}, [["render", An]]), Pn = [
 	"id",
 	"name",
 	"checked",
@@ -5576,8 +5588,8 @@ var $ = 40, An = $ / 2, jn = Math.round($ * 3.14 * 100) / 100, Mn = /* @__PURE__
 	"required",
 	"tabindex",
 	"aria-checked"
-], Pn = ["for"], Fn = ["for", "innerHTML"], In = ["for"], Ln = ["for", "innerHTML"];
-function Rn(t, n, r, i, a, u) {
+], Fn = ["for"], In = ["for", "innerHTML"], Ln = ["for"], Rn = ["for", "innerHTML"];
+function zn(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,
@@ -5606,17 +5618,17 @@ function Rn(t, n, r, i, a, u) {
 				onChange: n[1] ||= (e) => u.onInput(e),
 				"aria-checked": t.inputValue || "false",
 				role: "radio"
-			}, null, 40, Nn),
+			}, null, 40, Pn),
 			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: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Pn)) : r.label ? (b(), c("label", {
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Fn)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-radio__label w-form-el-shakable pr2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, Fn)) : s("", !0)], 64)) : s("", !0),
+			}, null, 10, In)) : s("", !0)], 64)) : s("", !0),
 			l("div", {
 				class: g(["w-radio__input", this.color]),
 				onClick: n[2] ||= (e) => {
@@ -5627,19 +5639,22 @@ function Rn(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, In)) : r.label ? (b(), c("label", {
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Ln)) : r.label ? (b(), c("label", {
 				key: 1,
 				class: g(["w-radio__label w-form-el-shakable pl2", t.labelClasses]),
 				for: t.inputId,
 				innerHTML: r.label
-			}, null, 10, Ln)) : s("", !0)], 64)) : s("", !0)
+			}, null, 10, Rn)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var zn = /* @__PURE__ */ Y({
+var Bn = /* @__PURE__ */ J({
 	name: "w-radio",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	inject: { wRadios: { default: null } },
 	props: {
 		modelValue: { default: !1 },
@@ -5705,8 +5720,8 @@ var zn = /* @__PURE__ */ Y({
 	watch: { modelValue() {
 		this.toggleFromOutside();
 	} }
-}, [["render", Rn]]), Bn = ["innerHTML"];
-function Vn(t, n, r, i, a, l) {
+}, [["render", zn]]), Vn = ["innerHTML"];
+function Hn(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,
@@ -5748,7 +5763,7 @@ function Vn(t, n, r, i, a, l) {
 			}) : e.label ? (b(), c("div", {
 				key: 1,
 				innerHTML: e.label
-			}, null, 8, Bn)) : s("", !0)]),
+			}, null, 8, Vn)) : s("", !0)]),
 			_: 2
 		}, 1040, [
 			"model-value",
@@ -5766,9 +5781,12 @@ function Vn(t, n, r, i, a, l) {
 		"class"
 	]);
 }
-var Hn = /* @__PURE__ */ Y({
+var Un = /* @__PURE__ */ J({
 	name: "w-radios",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	props: {
 		items: {
 			type: Array,
@@ -5833,17 +5851,17 @@ var Hn = /* @__PURE__ */ Y({
 			return this.items[e._index];
 		}
 	}
-}, [["render", Vn]]), Un = [
+}, [["render", Hn]]), Wn = [
 	"id",
 	"name",
 	"value"
-], Wn = [
+], Gn = [
 	"disabled",
 	"onMouseenter",
 	"onClick",
 	"tabindex"
 ];
-function Gn(t, n, r, i, a, u) {
+function Kn(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,
@@ -5863,7 +5881,7 @@ function Gn(t, n, r, i, a, u) {
 			name: t.inputName,
 			type: "hidden",
 			value: a.rating
-		}, null, 8, Un), (b(!0), c(e, null, C(r.max, (i) => (b(), c(e, { key: i }, [t.$slots.item ? w(t.$slots, "item", {
+		}, null, 8, Wn), (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", {
@@ -5883,13 +5901,16 @@ function Gn(t, n, r, i, a, u) {
 			role: "icon",
 			"aria-hidden": "true",
 			style: v(u.halfStarStyle)
-		}, null, 6)) : s("", !0)], 42, Wn)], 64))), 128))]),
+		}, null, 6)) : s("", !0)], 42, Gn)], 64))), 128))]),
 		_: 3
 	}, 16, ["valid", "class"]);
 }
-var Kn = /* @__PURE__ */ Y({
+var qn = /* @__PURE__ */ J({
 	name: "w-rating",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	props: {
 		modelValue: {},
 		max: {
@@ -5992,7 +6013,7 @@ var Kn = /* @__PURE__ */ Y({
 	watch: { value(e) {
 		this.rating = parseFloat(e);
 	} }
-}, [["render", Gn]]), qn = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
+}, [["render", Kn]]), Jn = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
 	__name: "w-scrollable",
 	props: {
 		color: {
@@ -6100,15 +6121,15 @@ var Kn = /* @__PURE__ */ Y({
 			style: v(k.value)
 		}, null, 4)], 34)], 16));
 	}
-}), Jn = [
+}), Yn = [
 	"aria-expanded",
 	"aria-owns",
 	"aria-activedescendant"
-], Yn = {
+], Xn = {
 	key: 0,
 	class: "w-select__selection-slot"
-}, Xn = ["innerHTML"], Zn = ["value", "name"];
-function Qn(t, n, r, i, a, p) {
+}, Zn = ["innerHTML"], Qn = ["value", "name"];
+function $n(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,
@@ -6147,8 +6168,8 @@ function Qn(t, n, r, i, a, p) {
 					role: "button",
 					"aria-haspopup": "listbox",
 					"aria-expanded": t.showMenu ? "true" : "false",
-					"aria-owns": p.selectListId,
-					"aria-activedescendant": `${p.selectListId}_item-1`
+					"aria-owns": i.selectListId,
+					"aria-activedescendant": `${i.selectListId}_item-1`
 				}, [
 					w(t.$slots, "icon-left", {}, () => [r.innerIconLeft ? (b(), o(m, {
 						key: 0,
@@ -6159,20 +6180,20 @@ function Qn(t, n, r, i, a, p) {
 						default: P(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					})) : s("", !0)]),
-					t.$slots.selection ? (b(), c("div", Yn, [w(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
+					t.$slots.selection ? (b(), c("div", Xn, [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, Xn),
+					}, p.selectionAttributes, { innerHTML: p.selectionHtml }), null, 16, Zn),
 					(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, Zn))), 128)),
+					}, null, 8, Qn))), 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])
@@ -6186,7 +6207,7 @@ function Qn(t, n, r, i, a, p) {
 						default: P(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					})) : s("", !0)])
-				], 10, Jn)]),
+				], 10, Yn)]),
 				default: P(() => [f(_, {
 					ref: "w-list",
 					"model-value": t.inputValue,
@@ -6200,7 +6221,7 @@ function Qn(t, n, r, i, a, p) {
 					multiple: r.multiple,
 					"arrows-navigation": "",
 					"return-object": "",
-					"add-ids": p.selectListId,
+					"add-ids": i.selectListId,
 					"no-unselect": r.noUnselect,
 					"selection-color": r.selectionColor,
 					"item-color-key": r.itemColorKey,
@@ -6252,9 +6273,16 @@ function Qn(t, n, r, i, a, p) {
 		"class"
 	]);
 }
-var $n = /* @__PURE__ */ Y({
+var er = /* @__PURE__ */ J({
 	name: "w-select",
 	mixins: [Q],
+	setup(e) {
+		let { waveUiUseId: t } = Z();
+		return {
+			waveUiUseId: t,
+			selectListId: a(() => e.id ? `${e.id}__listbox` : `w-select-menu--${t}`)
+		};
+	},
 	props: {
 		items: {
 			type: Array,
@@ -6334,9 +6362,6 @@ var $n = /* @__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 };
@@ -6480,12 +6505,12 @@ var $n = /* @__PURE__ */ Y({
 			this.inputValue = this.checkSelection(this.modelValue);
 		}
 	}
-}, [["render", Qn]]), er = ["for"], tr = ["for", "innerHTML"], nr = { class: "w-slider__track-wrap" }, rr = [
+}, [["render", $n]]), tr = ["for"], nr = ["for", "innerHTML"], rr = { class: "w-slider__track-wrap" }, ir = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-readonly"
-], ir = [
+], ar = [
 	"id",
 	"name",
 	"model-value",
@@ -6493,11 +6518,11 @@ var $n = /* @__PURE__ */ Y({
 	"readonly",
 	"aria-readonly",
 	"tabindex"
-], ar = ["for"], or = { key: 0 }, sr = {
+], or = ["for"], sr = { key: 0 }, cr = {
 	key: 0,
 	class: "w-slider__step-labels"
-}, cr = ["onClick"], lr = ["for"], ur = ["for", "innerHTML"];
-function dr(t, n, r, i, a, u) {
+}, lr = ["onClick"], ur = ["for"], dr = ["for", "innerHTML"];
+function fr(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,
@@ -6518,13 +6543,13 @@ function dr(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId
-			}, [w(t.$slots, "label-left")], 10, er)) : r.labelLeft ? (b(), c("label", {
+			}, [w(t.$slots, "label-left")], 10, tr)) : r.labelLeft ? (b(), c("label", {
 				key: 1,
 				class: g(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId,
 				innerHTML: r.labelLeft
-			}, null, 10, tr)) : s("", !0),
-			l("div", nr, [l("div", {
+			}, null, 10, nr)) : s("", !0),
+			l("div", rr, [l("div", {
 				class: g(["w-slider__track", u.trackClasses]),
 				ref: "track",
 				onMousedown: n[4] ||= (...e) => u.onTrackMouseDown && u.onTrackMouseDown(...e),
@@ -6555,14 +6580,14 @@ function dr(t, n, r, i, a, u) {
 				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] ||= L(() => {}, ["prevent"])
-			}, null, 42, ir), r.thumbLabel ? (b(), c("label", {
+			}, null, 42, ar), r.thumbLabel ? (b(), c("label", {
 				key: 0,
 				class: g(["w-slider__thumb-label", u.thumbClasses]),
 				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", {
+			}, [r.thumbLabel === "droplet" ? (b(), c("div", sr, [w(t.$slots, "label", { value: t.rangeValueScaled }, () => [d(O(~~t.rangeValueScaled), 1)])])) : w(t.$slots, "label", {
 				key: 1,
 				value: t.rangeValueScaled
-			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, ar)) : s("", !0)], 4)], 42, rr), r.stepLabels && r.step ? (b(), c("div", sr, [
+			}, () => [d(O(~~t.rangeValueScaled), 1)])], 10, or)) : s("", !0)], 4)], 42, ir), r.stepLabels && r.step ? (b(), c("div", cr, [
 				l("div", {
 					class: "w-slider__step-label",
 					onClick: n[6] ||= (e) => u.onStepLabelClick(0)
@@ -6572,7 +6597,7 @@ function dr(t, n, r, i, a, u) {
 					key: e,
 					onClick: (t) => u.onStepLabelClick(e * (100 / u.numberOfSteps)),
 					style: v(`left: ${e * (100 / u.numberOfSteps)}%`)
-				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, cr))), 128)),
+				}, O(u.percentToScaled(e * (100 / u.numberOfSteps))), 13, lr))), 128)),
 				~~u.numberOfSteps === u.numberOfSteps ? s("", !0) : (b(), c("div", {
 					key: 0,
 					class: "w-slider__step-label",
@@ -6584,12 +6609,12 @@ function dr(t, n, r, i, a, u) {
 				key: 2,
 				class: g(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId
-			}, [w(t.$slots, "label-right")], 10, lr)) : r.labelRight ? (b(), c("label", {
+			}, [w(t.$slots, "label-right")], 10, ur)) : r.labelRight ? (b(), c("label", {
 				key: 3,
 				class: g(["w-slider__label w-slider__label--right w-form-el-shakable", t.labelClasses]),
 				for: u.thumbId,
 				innerHTML: r.labelRight
-			}, null, 10, ur)) : s("", !0)
+			}, null, 10, dr)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -6598,9 +6623,12 @@ function dr(t, n, r, i, a, u) {
 		"class"
 	]);
 }
-var fr = /* @__PURE__ */ Y({
+var pr = /* @__PURE__ */ J({
 	name: "w-slider",
 	mixins: [Q],
+	setup() {
+		return Z();
+	},
 	props: {
 		modelValue: {
 			type: Number,
@@ -6651,7 +6679,7 @@ var fr = /* @__PURE__ */ Y({
 	}),
 	computed: {
 		thumbId() {
-			return this.id ? `${this.id}__thumb` : `button--${this._waveUiUseId}`;
+			return this.id ? `${this.id}__thumb` : `button--${this.waveUiUseId}`;
 		},
 		minVal() {
 			return parseFloat(this.min);
@@ -6747,15 +6775,15 @@ var fr = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
 	} }
-}, [["render", dr]]), pr = { key: 0 };
-function mr(e, t, n, r, i, a) {
+}, [["render", fr]]), mr = { key: 0 };
+function hr(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", pr)) : s("", !0)], 6)) : s("", !0);
+	}, [a.isThreeDots ? (b(), c("span", mr)) : s("", !0)], 6)) : s("", !0);
 }
-var hr = /* @__PURE__ */ Y({
+var gr = /* @__PURE__ */ J({
 	name: "w-spinner",
 	props: {
 		modelValue: {},
@@ -6796,13 +6824,13 @@ var hr = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", mr]]);
+}, [["render", hr]]);
 //#endregion
 //#region src/wave-ui/components/w-steps.vue?vue&type=template&lang.js
-function gr(e, t, n, r, i, a) {
+function _r(e, t, n, r, i, a) {
 	return b(), c("div", { class: g(["w-steps", a.classes]) }, null, 2);
 }
-var _r = /* @__PURE__ */ Y({
+var vr = /* @__PURE__ */ J({
 	name: "w-steps",
 	props: {
 		dark: { type: Boolean },
@@ -6816,7 +6844,7 @@ var _r = /* @__PURE__ */ Y({
 			"w-steps--light": this.light
 		};
 	} }
-}, [["render", gr]]), vr = [
+}, [["render", _r]]), yr = [
 	"id",
 	"name",
 	"checked",
@@ -6826,14 +6854,14 @@ var _r = /* @__PURE__ */ Y({
 	"required",
 	"tabindex",
 	"aria-checked"
-], yr = ["for"], br = {
+], br = ["for"], xr = {
 	key: 0,
 	class: "w-switch__track"
-}, xr = {
+}, Sr = {
 	key: 1,
 	class: "w-switch__thumb"
-}, Sr = ["for"];
-function Cr(t, n, r, i, a, u) {
+}, Cr = ["for"];
+function wr(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,
@@ -6870,18 +6898,18 @@ function Cr(t, n, r, i, a, u) {
 				onBlur: n[2] ||= (e) => t.$emit("blur", e),
 				"aria-checked": a.isOn || "false",
 				role: "switch"
-			}), null, 16, vr),
+			}), null, 16, yr),
 			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: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, yr)) : s("", !0)], 64)) : s("", !0),
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, br)) : 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", br, [w(t.$slots, "track")])) : s("", !0), t.$slots.thumb || r.loading ? (b(), c("div", xr, [r.loading ? (b(), o(f, h({
+			}, [t.$slots.track ? (b(), c("div", xr, [w(t.$slots, "track")])) : s("", !0), t.$slots.thumb || r.loading ? (b(), c("div", Sr, [r.loading ? (b(), o(f, h({
 				key: 0,
 				circle: "",
 				color: "inherit"
@@ -6890,7 +6918,7 @@ function Cr(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-switch__label w-switch__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Sr)) : s("", !0)], 64)) : s("", !0)
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, Cr)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -6899,10 +6927,13 @@ function Cr(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var wr = /* @__PURE__ */ Y({
+var Tr = /* @__PURE__ */ J({
 	name: "w-switch",
 	mixins: [Q],
 	inheritAttrs: !1,
+	setup() {
+		return Z();
+	},
 	props: {
 		modelValue: { default: !1 },
 		label: {
@@ -6982,27 +7013,27 @@ var wr = /* @__PURE__ */ Y({
 	watch: { modelValue(e) {
 		this.isOn = e;
 	} }
-}, [["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 })]);
+}, [["render", wr]]), Er = { class: "w-tabs__content" };
+function Dr(e, t, n, r, i, a) {
+	return b(), c("div", Er, [w(e.$slots, "default", { item: n.item })]);
 }
-var Dr = /* @__PURE__ */ Y({
+var Or = /* @__PURE__ */ J({
 	name: "tab-content",
 	props: { item: Object }
-}, [["render", Er]]), Or = [
+}, [["render", Dr]]), kr = [
 	"onClick",
 	"onFocus",
 	"tabindex",
 	"onKeypress",
 	"aria-selected"
-], kr = ["innerHTML"], Ar = {
+], Ar = ["innerHTML"], jr = {
 	key: 0,
 	class: "w-tabs__bar-extra"
-}, jr = {
+}, Mr = {
 	key: 0,
 	class: "w-tabs__content-wrap"
-}, Mr = ["innerHTML"], Nr = ["innerHTML"];
-function Pr(n, a, u, d, f, p) {
+}, Nr = ["innerHTML"], Pr = ["innerHTML"];
+function Fr(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]),
@@ -7027,14 +7058,14 @@ function Pr(n, a, u, d, f, p) {
 			item: p.getOriginalItem(e),
 			index: t + 1,
 			active: e._uid === n.activeTabUid
-		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, kr)])], 42, Or))), 128)),
-		n.$slots["tabs-bar-extra"] ? (b(), c("div", Ar, [w(n.$slots, "tabs-bar-extra")])) : s("", !0),
+		}, () => [l("div", { innerHTML: e[u.itemTitleKey] }, null, 8, Ar)])], 42, kr))), 128)),
+		n.$slots["tabs-bar-extra"] ? (b(), c("div", jr, [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", jr, [u.keepInDom ? (b(), o(i, {
+	], 2), n.tabs.length ? (b(), c("div", Mr, [u.keepInDom ? (b(), o(i, {
 		key: 0,
 		name: p.transitionName
 	}, {
@@ -7056,7 +7087,7 @@ function Pr(n, a, u, d, f, p) {
 			}, () => [e[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: e[u.itemContentKey]
-			}, null, 8, Mr)) : s("", !0)])]),
+			}, null, 8, Nr)) : s("", !0)])]),
 			_: 2
 		}, 1032, ["item", "class"])), [[N, e._uid === p.activeTab._uid]])), 128))]),
 		_: 3
@@ -7083,16 +7114,16 @@ function Pr(n, a, u, d, f, p) {
 			}, () => [t[u.itemContentKey] ? (b(), c("div", {
 				key: 0,
 				innerHTML: t[u.itemContentKey]
-			}, null, 8, Nr)) : s("", !0)])], 64)) : s("", !0)]),
+			}, null, 8, Pr)) : s("", !0)])], 64)) : s("", !0)]),
 			_: 3
 		}, 8, ["item", "class"]))], 1032, ["exclude"]))]),
 		_: 3
 	}, 8, ["name", "mode"]))])) : s("", !0)], 2);
 }
-var Fr = /* @__PURE__ */ Y({
+var Ir = /* @__PURE__ */ J({
 	name: "w-tabs",
 	setup() {
-		return { _tabsStableId: A() };
+		return { tabsStableId: A() };
 	},
 	props: {
 		modelValue: { type: [Number, String] },
@@ -7154,7 +7185,7 @@ var Fr = /* @__PURE__ */ Y({
 			default: !1
 		}
 	},
-	components: { TabContent: Dr },
+	components: { TabContent: Or },
 	emits: [
 		"input",
 		"update:modelValue",
@@ -7174,7 +7205,7 @@ var Fr = /* @__PURE__ */ Y({
 	}),
 	computed: {
 		contentClasses() {
-			return Z(this.contentClass);
+			return X(this.contentClass);
 		},
 		transitionName() {
 			return this.transition === !1 ? "" : this.transition || `w-tabs-slide-${this.direction}`;
@@ -7217,7 +7248,7 @@ var Fr = /* @__PURE__ */ Y({
 	},
 	methods: {
 		addTab(e) {
-			(e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = `${this._tabsStableId}-${this.tabs.length}`), 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,
@@ -7226,7 +7257,7 @@ var 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._tabsStableId}-${t}`), {
+			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,
@@ -7248,8 +7279,8 @@ var Fr = /* @__PURE__ */ Y({
 				[this.color]: this.color && !e._disabled && !(this.activeClass && t),
 				"w-tabs__bar-item--active": t,
 				"w-tabs__bar-item--disabled": e._disabled,
-				...Z(this.titleClass),
-				...t ? Z(this.activeClass) : {}
+				...X(this.titleClass),
+				...t ? X(this.activeClass) : {}
 			};
 		},
 		openTab(e) {
@@ -7306,45 +7337,45 @@ var Fr = /* @__PURE__ */ Y({
 			e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
 		}
 	}
-}, [["render", Pr]]), Ir = { class: "w-table__scroll-wrap" }, Lr = { ref: "colgroup" }, Rr = ["width"], zr = { key: 0 }, Br = ["onClick"], Vr = ["innerHTML"], Hr = {
+}, [["render", Fr]]), Lr = { class: "w-table__scroll-wrap" }, Rr = { ref: "colgroup" }, zr = ["width"], Br = { key: 0 }, Vr = ["onClick"], Hr = ["innerHTML"], Ur = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, Ur = ["colspan"], Wr = {
+}, Wr = ["colspan"], Gr = {
 	key: 0,
 	class: "w-table__progress-bar"
-}, Gr = ["colspan"], Kr = { class: "w-table__loading-text" }, qr = {
+}, Kr = ["colspan"], qr = { class: "w-table__loading-text" }, Jr = {
 	key: 1,
 	class: "no-data"
-}, Jr = ["colspan"], Yr = ["onClick"], Xr = ["data-label"], Zr = ["data-label"], Qr = ["innerHTML"], $r = {
+}, Yr = ["colspan"], Xr = ["onClick"], Zr = ["data-label"], Qr = ["data-label"], $r = ["innerHTML"], ei = {
 	key: 2,
 	class: "w-table__row w-table__row--expansion"
-}, ei = ["colspan"], ti = { key: 0 }, ni = {
+}, ti = ["colspan"], ni = { key: 0 }, ri = {
 	key: 3,
 	class: "w-table__extra-row"
-}, ri = {
+}, ii = {
 	key: 1,
 	class: "w-table__footer"
-}, ii = {
+}, ai = {
 	key: 1,
 	class: "w-table__row"
-}, ai = ["colspan"], oi = {
+}, oi = ["colspan"], si = {
 	key: 0,
 	class: "w-table__pagination w-pagination"
-}, si = { class: "pages-wrap" }, ci = { class: "w-pagination__results" };
-function li(t, n, r, i, a, u) {
+}, ci = { class: "pages-wrap" }, li = { class: "w-pagination__results" };
+function ui(t, n, r, i, a, u) {
 	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", {
+	return b(), c("div", { class: g(["w-table w-table--wrap", u.classes]) }, [l("div", Lr, [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, C(r.headers, (e, t) => (b(), c("col", {
+		l("colgroup", Rr, [(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, C(r.headers, (i, a) => (b(), c("th", {
+		}, null, 10, zr))), 128))], 512),
+		r.noHeaders ? s("", !0) : (b(), c("thead", Br, [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)
@@ -7364,7 +7395,7 @@ function li(t, n, r, i, a, u) {
 			}, () => [d(O(i.label || ""), 1)]) : (b(), c("span", {
 				key: 1,
 				innerHTML: i.label || ""
-			}, null, 8, Vr))], 64)) : s("", !0),
+			}, null, 8, Hr))], 64)) : s("", !0),
 			i.sortable !== !1 && i.align !== "right" ? (b(), o(p, {
 				key: 2,
 				class: g(["w-table__header-sort", u.headerSortClasses(i)])
@@ -7380,15 +7411,15 @@ function li(t, n, r, i, a, u) {
 				}]),
 				onClick: n[0] ||= L(() => {}, ["stop"])
 			}, null, 2)) : s("", !0)
-		], 10, Br))), 128))]), f(h, null, {
-			default: P(() => [r.loading === "header" ? (b(), c("tr", Hr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Ur)])) : s("", !0)]),
+		], 10, Vr))), 128))]), f(h, null, {
+			default: P(() => [r.loading === "header" ? (b(), c("tr", Ur, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Wr)])) : 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, [w(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", Gr, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" }), l("div", qr, [w(t.$slots, "loading", {}, () => [n[10] ||= d("Loading...", -1)])])], 8, Kr)])) : u.tableItems.length ? s("", !0) : (b(), c("tr", Jr, [l("td", {
 				class: "w-table__cell text-center",
 				colspan: r.headers.length
-			}, [w(t.$slots, "no-data", {}, () => [n[11] ||= d("No data to show.", -1)])], 8, Jr)])),
+			}, [w(t.$slots, "no-data", {}, () => [n[11] ||= d("No data to show.", -1)])], 8, Yr)])),
 			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,
@@ -7438,24 +7469,24 @@ function li(t, n, r, i, a, u) {
 					"w-table__col-resizer--hover": t.colResizing.hover === o,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === o
 				}])
-			}, null, 2)) : s("", !0)], 10, Xr)) : (b(), c("td", {
+			}, null, 2)) : s("", !0)], 10, Zr)) : (b(), c("td", {
 				class: g(["w-table__cell", {
 					[`text-${a.align || "left"}`]: !0,
 					"w-table__cell--sticky": a.sticky
 				}]),
 				key: `${o}-b`,
 				"data-label": a.label
-			}, [l("div", { innerHTML: n[a.key] || "" }, null, 8, Qr), o < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
+			}, [l("div", { innerHTML: n[a.key] || "" }, null, 8, $r), o < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
 				key: 0,
 				class: g(["w-table__col-resizer", {
 					"w-table__col-resizer--hover": t.colResizing.hover === o,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === o
 				}])
-			}, null, 2)) : s("", !0)], 10, Zr))], 64))), 256))], 10, Yr)), u.expandedRowsByUid[n._uid] ? (b(), c("tr", $r, [l("td", {
+			}, null, 2)) : s("", !0)], 10, Qr))], 64))), 256))], 10, Xr)), u.expandedRowsByUid[n._uid] ? (b(), c("tr", ei, [l("td", {
 				class: "w-table__cell",
 				colspan: r.headers.length
 			}, [f(_, { y: "" }, {
-				default: P(() => [u.expandedRowsByUid[n._uid] ? (b(), c("div", ti, [w(t.$slots, "row-expansion", {
+				default: P(() => [u.expandedRowsByUid[n._uid] ? (b(), c("div", ni, [w(t.$slots, "row-expansion", {
 					item: n,
 					index: i + 1
 				})])) : s("", !0), i < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -7466,14 +7497,14 @@ 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, [w(t.$slots, "extra-row")])) : s("", !0)
+			}, 1024)], 8, ti)])) : s("", !0)], 64))), 128)) : s("", !0),
+			t.$slots["extra-row"] ? (b(), c("div", ri, [w(t.$slots, "extra-row")])) : s("", !0)
 		]),
-		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", {
+		t.$slots.footer || t.$slots["footer-row"] ? (b(), c("tfoot", ii, [t.$slots["footer-row"] ? w(t.$slots, "footer-row", { key: 0 }) : t.$slots.footer ? (b(), c("tr", ai, [l("td", {
 			class: "w-table__cell",
 			colspan: r.headers.length
-		}, [w(t.$slots, "footer")], 8, ai)])) : s("", !0)])) : s("", !0)
-	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", oi, [w(t.$slots, "pagination", {
+		}, [w(t.$slots, "footer")], 8, oi)])) : s("", !0)])) : s("", !0)
+	], 32)]), r.pagination && t.paginationConfig ? (b(), c("div", si, [w(t.$slots, "pagination", {
 		range: `${t.paginationConfig.start}-${t.paginationConfig.end}`,
 		total: t.paginationConfig.total,
 		pagesCount: t.paginationConfig.pagesCount,
@@ -7491,7 +7522,7 @@ function li(t, n, r, i, a, u) {
 			label: "Items per page",
 			"label-color": "inherit"
 		}, null, 8, ["modelValue", "items"])) : s("", !0),
-		l("div", si, [
+		l("div", ci, [
 			f(y, {
 				class: "w-pagination__arrow w-pagination__arrow--prev",
 				onClick: n[6] ||= (e) => u.goToPage("-1"),
@@ -7549,12 +7580,12 @@ function li(t, n, r, i, a, u) {
 				lg: ""
 			}, null, 8, ["disabled"])
 		]),
-		l("span", ci, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
+		l("span", li, O(t.paginationConfig.start) + "-" + O(t.paginationConfig.end || t.paginationConfig.total) + " of " + O(t.paginationConfig.total), 1)
 	])])) : s("", !0)], 2);
 }
 //#endregion
 //#region src/wave-ui/components/w-table.vue
-var ui = 15, di = /* @__PURE__ */ Y({
+var di = 15, fi = /* @__PURE__ */ J({
 	name: "w-table",
 	props: {
 		items: {
@@ -7753,9 +7784,9 @@ var ui = 15, di = /* @__PURE__ */ Y({
 			this.colResizing.dragging = !0;
 			let o = e.pageX - t, s = i + a, c = i + o, l = a - o;
 			n.style.width = `${i + o}px`, r.style.width = `${a - o}px`;
-			let u = o < 0 && n.offsetWidth > c || n.offsetWidth <= ui, d = o > 0 && r.offsetWidth > l;
+			let u = o < 0 && n.offsetWidth > c || n.offsetWidth <= di, d = o > 0 && r.offsetWidth > l;
 			if (u) {
-				let e = Math.max(n.offsetWidth, ui);
+				let e = Math.max(n.offsetWidth, di);
 				n.style.width = `${e}px`, r.style.width = `${s - e}px`;
 			} else d && (n.style.width = `${s - r.offsetWidth}px`, r.style.width = `${r.offsetWidth}px`);
 		},
@@ -7842,12 +7873,12 @@ var ui = 15, di = /* @__PURE__ */ Y({
 			this.updatePaginationConfig({ total: e });
 		}
 	}
-}, [["render", li]]), fi = [
+}, [["render", ui]]), pi = [
 	"role",
 	"aria-pressed",
 	"tabindex"
 ];
-function pi(e, t, n, r, i, a) {
+function mi(e, t, n, r, i, a) {
 	return b(), c("span", {
 		class: g(["w-tag", a.classes]),
 		onClick: t[1] ||= (t) => {
@@ -7868,9 +7899,9 @@ function pi(e, t, n, r, i, a) {
 		}, ["stop"]),
 		role: "icon",
 		"aria-hidden": "true"
-	})) : s("", !0)], 46, fi);
+	})) : s("", !0)], 46, pi);
 }
-var mi = /* @__PURE__ */ Y({
+var hi = /* @__PURE__ */ J({
 	name: "w-tag",
 	props: {
 		modelValue: {
@@ -7922,7 +7953,7 @@ var mi = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", pi]]), hi = ["for"], gi = [
+}, [["render", mi]]), gi = ["for"], _i = [
 	"id",
 	"name",
 	"placeholder",
@@ -7933,8 +7964,8 @@ var mi = /* @__PURE__ */ Y({
 	"disabled",
 	"required",
 	"tabindex"
-], _i = ["for"];
-function vi(t, n, r, i, a, u) {
+], vi = ["for"];
+function yi(t, n, r, i, a, u) {
 	let f = T("w-icon");
 	return b(), o(D(t.formRegister ? "w-form-element" : "div"), h({ ref: "formEl" }, t.formRegister && {
 		validators: t.validators,
@@ -7958,7 +7989,7 @@ function vi(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-textarea__label w-textarea__label--left w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, hi)) : s("", !0)], 64)) : s("", !0),
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, gi)) : s("", !0)], 64)) : s("", !0),
 			l("div", { class: g(["w-textarea__textarea-wrap", u.inputWrapClasses]) }, [
 				w(t.$slots, "icon-left", { inputId: t.inputId }, () => [r.innerIconLeft ? (b(), o(f, {
 					key: 0,
@@ -7988,7 +8019,7 @@ function vi(t, n, r, i, a, u) {
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}), null, 16, gi), [[M, a.inputValue]]),
+				}), null, 16, _i), [[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])
@@ -8008,7 +8039,7 @@ function vi(t, n, r, i, a, u) {
 				key: 0,
 				class: g(["w-textarea__label w-textarea__label--right w-form-el-shakable", t.labelClasses]),
 				for: t.inputId
-			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, _i)) : s("", !0)], 64)) : s("", !0)
+			}, [w(t.$slots, "default", {}, () => [d(O(r.label), 1)])], 10, vi)) : s("", !0)], 64)) : s("", !0)
 		]),
 		_: 3
 	}, 16, [
@@ -8018,10 +8049,13 @@ function vi(t, n, r, i, a, u) {
 		"style"
 	]);
 }
-var yi = /* @__PURE__ */ Y({
+var bi = /* @__PURE__ */ J({
 	name: "w-textarea",
 	mixins: [Q],
 	inheritAttrs: !1,
+	setup() {
+		return Z();
+	},
 	props: {
 		modelValue: { default: "" },
 		label: { type: String },
@@ -8153,8 +8187,8 @@ var yi = /* @__PURE__ */ Y({
 			e ? this.getLineHeight() : this.height = null;
 		}
 	}
-}, [["render", vi]]), bi = ["innerHTML"], xi = ["innerHTML"];
-function Si(t, n, r, i, a, s) {
+}, [["render", yi]]), xi = ["innerHTML"], Si = ["innerHTML"];
+function Ci(t, n, r, i, a, s) {
 	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
@@ -8172,12 +8206,12 @@ function Si(t, n, r, i, a, s) {
 	}, () => [l("div", {
 		class: g(["w-timeline-item__title", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]),
 		innerHTML: e[r.itemTitleKey]
-	}, null, 10, bi), l("div", {
+	}, null, 10, xi), l("div", {
 		class: "w-timeline-item__content",
 		innerHTML: e[r.itemContentKey]
-	}, null, 8, xi)])]))), 128))], 2);
+	}, null, 8, Si)])]))), 128))], 2);
 }
-var Ci = /* @__PURE__ */ Y({
+var wi = /* @__PURE__ */ J({
 	name: "w-timeline",
 	props: {
 		items: {
@@ -8212,16 +8246,16 @@ var Ci = /* @__PURE__ */ Y({
 			"w-timeline--light": this.light
 		};
 	} }
-}, [["render", Si]]);
+}, [["render", Ci]]);
 //#endregion
 //#region src/wave-ui/components/w-toolbar.vue?vue&type=template&lang.js
-function wi(e, t, n, r, i, a) {
+function Ti(e, t, n, r, i, a) {
 	return b(), c("div", {
 		class: g(["w-toolbar", a.classes]),
 		style: v(a.styles)
 	}, [w(e.$slots, "default")], 6);
 }
-var Ti = /* @__PURE__ */ Y({
+var Ei = /* @__PURE__ */ J({
 	name: "w-toolbar",
 	props: {
 		color: { type: String },
@@ -8276,10 +8310,10 @@ var Ti = /* @__PURE__ */ Y({
 			};
 		}
 	}
-}, [["render", wi]]);
+}, [["render", Ti]]);
 //#endregion
 //#region src/wave-ui/components/w-tooltip.vue?vue&type=template&lang.js
-function Ei(t, n, i, a, o, l) {
+function Di(t, n, i, a, o, l) {
 	return b(), c(e, null, [w(t.$slots, "activator", { on: l.activatorEventHandlers }), f(r, {
 		name: l.transitionName,
 		appear: "",
@@ -8288,17 +8322,17 @@ function Ei(t, n, i, a, o, l) {
 		default: P(() => [t.detachableVisible ? (b(), c("div", {
 			class: g(["w-tooltip", l.classes]),
 			ref: "detachable",
-			key: a._tooltipInstanceId,
+			key: a.tooltipInstanceId,
 			style: v(l.styles)
 		}, [w(t.$slots, "default")], 6)) : s("", !0)]),
 		_: 3
 	}, 8, ["name", "onAfterLeave"])], 64);
 }
-var Di = /* @__PURE__ */ Y({
+var Oi = /* @__PURE__ */ J({
 	name: "w-tooltip",
-	mixins: [gn],
+	mixins: [_n],
 	setup() {
-		return { _tooltipInstanceId: A() };
+		return { tooltipInstanceId: A() };
 	},
 	props: {
 		modelValue: {},
@@ -8345,7 +8379,7 @@ var Di = /* @__PURE__ */ Y({
 	}),
 	computed: {
 		tooltipClasses() {
-			return Z(this.tooltipClass);
+			return X(this.tooltipClass);
 		},
 		transitionName() {
 			let e = this.effectiveDetachablePosition.replace(/top|bottom/, (e) => ({
@@ -8410,25 +8444,25 @@ var Di = /* @__PURE__ */ Y({
 			this.detachableVisible && (this.showOnHover && !e && (await new Promise((e) => setTimeout(e, 10)), this.showOnHover && this.hoveringActivator) || (this.$emit("update:modelValue", this.detachableVisible = !1), this.$emit("input", !1), this.$emit("close"), this.viewportPlacementOverride = null, typeof document < "u" && document.removeEventListener("mousedown", this.onOutsideMousedown), typeof window < "u" && window.removeEventListener("resize", this.onResize)));
 		}
 	}
-}, [["render", Ei]]);
+}, [["render", Di]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-bounce.vue?vue&type=template&lang.js
-function Oi(e, t, n, i, a, s) {
+function ki(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "bounce" }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var ki = /* @__PURE__ */ Y({
+var Ai = /* @__PURE__ */ J({
 	name: "w-transition-bounce",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] }
 	}
-}, [["render", Oi]]);
+}, [["render", ki]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-expand.vue?vue&type=template&lang.js
-function Ai(e, t, n, i, a, s) {
+function ji(e, t, n, i, a, s) {
 	return b(), o(r, {
 		name: "expand",
 		mode: "out-in",
@@ -8457,7 +8491,7 @@ function Ai(e, t, n, i, a, s) {
 		"onAfterLeave"
 	]);
 }
-var ji = /* @__PURE__ */ Y({
+var Mi = /* @__PURE__ */ J({
 	name: "w-transition-expand",
 	props: {
 		x: { type: Boolean },
@@ -8550,61 +8584,61 @@ var ji = /* @__PURE__ */ Y({
 			this.animX && (this.el.width = e.offsetWidth, this.el.marginLeft = t.getPropertyValue("marginLeft"), this.el.marginRight = t.getPropertyValue("marginRight"), this.el.paddingLeft = t.getPropertyValue("paddingLeft"), this.el.paddingRight = t.getPropertyValue("paddingRight"), this.el.borderLeftWidth = t.getPropertyValue("borderLeftWidth"), this.el.borderRightWidth = t.getPropertyValue("borderRightWidth")), this.animY && (this.el.height = e.offsetHeight, this.el.marginTop = t.getPropertyValue("marginTop"), this.el.marginBottom = t.getPropertyValue("marginBottom"), this.el.paddingTop = t.getPropertyValue("paddingTop"), this.el.paddingBottom = t.getPropertyValue("paddingBottom"), this.el.borderTopWidth = t.getPropertyValue("borderTopWidth"), this.el.borderBottomWidth = t.getPropertyValue("borderBottomWidth")), this.el.savedState = !0;
 		}
 	}
-}, [["render", Ai]]);
+}, [["render", ji]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-fade.vue?vue&type=template&lang.js
-function Mi(e, t, n, i, a, s) {
+function Ni(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "fade" }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var Ni = /* @__PURE__ */ Y({
+var Pi = /* @__PURE__ */ J({
 	name: "w-transition-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] }
 	}
-}, [["render", Mi]]);
+}, [["render", Ni]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale.vue?vue&type=template&lang.js
-function Pi(e, t, n, i, a, s) {
+function Fi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale" }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var Fi = /* @__PURE__ */ Y({
+var Ii = /* @__PURE__ */ J({
 	name: "w-transition-scale",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] }
 	}
-}, [["render", Pi]]);
+}, [["render", Fi]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-scale-fade.vue?vue&type=template&lang.js
-function Ii(e, t, n, i, a, s) {
+function Li(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale-fade" }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var Li = /* @__PURE__ */ Y({
+var Ri = /* @__PURE__ */ J({
 	name: "w-transition-scale-fade",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] }
 	}
-}, [["render", Ii]]);
+}, [["render", Li]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide.vue?vue&type=template&lang.js
-function Ri(e, t, n, i, a, s) {
+function zi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var zi = /* @__PURE__ */ Y({
+var Bi = /* @__PURE__ */ J({
 	name: "w-transition-slide",
 	props: {
 		appear: { type: Boolean },
@@ -8622,16 +8656,16 @@ var zi = /* @__PURE__ */ Y({
 			return `slide-${this.direction}`;
 		}
 	}
-}, [["render", Ri]]);
+}, [["render", zi]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-slide-fade.vue?vue&type=template&lang.js
-function Bi(e, t, n, i, a, s) {
+function Vi(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
-var Vi = /* @__PURE__ */ Y({
+var Hi = /* @__PURE__ */ J({
 	name: "w-transition-slide-fade",
 	props: {
 		appear: { type: Boolean },
@@ -8649,26 +8683,26 @@ var Vi = /* @__PURE__ */ Y({
 			return `slide-fade-${this.direction}`;
 		}
 	}
-}, [["render", Bi]]);
+}, [["render", Vi]]);
 //#endregion
 //#region src/wave-ui/components/transitions/w-transition-twist.vue?vue&type=template&lang.js
-function Hi(e, t, n, i, a, s) {
+function Ui(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "twist" }, e.$props), {
 		default: P(() => [w(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
-var Ui = /* @__PURE__ */ Y({
+var Wi = /* @__PURE__ */ J({
 	name: "w-transition-twist",
 	props: {
 		appear: { type: Boolean },
 		duration: { type: [Number, String] }
 	}
-}, [["render", Hi]]), Wi = ["innerHTML"], Gi = {
+}, [["render", Ui]]), Gi = ["innerHTML"], Ki = {
 	key: 1,
 	class: "ml1"
 };
-function Ki(t, n, r, i, a, u) {
+function qi(t, n, r, i, a, u) {
 	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)]),
@@ -8708,8 +8742,8 @@ function Ki(t, n, r, i, a, u) {
 				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, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
+			l("span", { innerHTML: e.label }, null, 8, Gi),
+			r.counts && (e.children || e.branch) ? (b(), c("span", Ki, "(" + O(e.originalItem.children?.length || 0) + ")", 1)) : s("", !0)
 		])]),
 		_: 2
 	}, 1040, [
@@ -8755,7 +8789,7 @@ function Ki(t, n, r, i, a, u) {
 		"onAfterLeave"
 	]))], 2))), 128))], 2);
 }
-var qi = /* @__PURE__ */ Y({
+var Ji = /* @__PURE__ */ J({
 	name: "w-tree",
 	props: {
 		modelValue: { type: [Object, Array] },
@@ -8940,66 +8974,66 @@ var qi = /* @__PURE__ */ Y({
 	unmounted() {
 		this.dataPropUnwatch();
 	}
-}, [["render", Ki]]), Ji = /* @__PURE__ */ ne({
-	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,
-	WTextarea: () => yi,
-	WTimeline: () => Ci,
-	WToolbar: () => Ti,
-	WTooltip: () => Di,
-	WTransitionBounce: () => ki,
-	WTransitionExpand: () => ji,
-	WTransitionFade: () => Ni,
-	WTransitionScale: () => Fi,
-	WTransitionScaleFade: () => Li,
-	WTransitionSlide: () => zi,
-	WTransitionSlideFade: () => Vi,
-	WTransitionTwist: () => Ui,
-	WTree: () => qi
-}), Yi = X.install;
-X.install = (e, t = {}) => Yi.call(X, e, {
-	components: Ji,
+}, [["render", qi]]), Yi = /* @__PURE__ */ ne({
+	WAccordion: () => Ve,
+	WAccordionItem: () => ze,
+	WAlert: () => We,
+	WApp: () => nt,
+	WAutocomplete: () => $e,
+	WBadge: () => at,
+	WBreadcrumbs: () => ct,
+	WButton: () => mt,
+	WCard: () => _t,
+	WCheckbox: () => wt,
+	WCheckboxes: () => Dt,
+	WConfirm: () => kt,
+	WDatePicker: () => jt,
+	WDialog: () => Nt,
+	WDivider: () => It,
+	WDrawer: () => Bt,
+	WFlex: () => Ht,
+	WForm: () => Gt,
+	WFormElement: () => qt,
+	WGrid: () => Yt,
+	WIcon: () => Zt,
+	WImage: () => tn,
+	WInput: () => fn,
+	WList: () => mn,
+	WMenu: () => yn,
+	WNotification: () => xn,
+	WOverlay: () => Cn,
+	WParallax: () => En,
+	WProgress: () => Nn,
+	WRadio: () => Bn,
+	WRadios: () => Un,
+	WRating: () => qn,
+	WScrollable: () => Jn,
+	WSelect: () => er,
+	WSlider: () => pr,
+	WSpinner: () => gr,
+	WSteps: () => vr,
+	WSwitch: () => Tr,
+	WTable: () => fi,
+	WTabs: () => Ir,
+	WTag: () => hi,
+	WTextarea: () => bi,
+	WTimeline: () => wi,
+	WToolbar: () => Ei,
+	WTooltip: () => Oi,
+	WTransitionBounce: () => Ai,
+	WTransitionExpand: () => Mi,
+	WTransitionFade: () => Pi,
+	WTransitionScale: () => Ii,
+	WTransitionScaleFade: () => Ri,
+	WTransitionSlide: () => Bi,
+	WTransitionSlideFade: () => Hi,
+	WTransitionTwist: () => Wi,
+	WTree: () => Ji
+}), Xi = Y.install;
+Y.install = (e, t = {}) => Xi.call(Y, e, {
+	components: Yi,
 	...t
 });
-var Xi = X;
+var Zi = Y;
 //#endregion
-export { Xi as default };
+export { Zi as default };