wave-ui 4.1.1 → 4.2.1

package/dist/wave-ui.esm.js

@@ -1,13 +1,13 @@
-import { Fragment as e, KeepAlive as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, h as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, reactive as x, ref as S, render as C, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as ne, resolveDynamicComponent as D, toDisplayString as O, toHandlers as k, unref as re, useAttrs as ie, useId as A, vModelDynamic as ae, vModelText as j, vShow as oe, watch as se, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
+import { Fragment as e, KeepAlive as t, Teleport as n, Transition as r, TransitionGroup as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, h as p, inject as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ee, onMounted as te, openBlock as b, reactive as x, ref as S, render as C, renderList as w, renderSlot as T, resolveComponent as E, resolveDirective as ne, resolveDynamicComponent as D, toDisplayString as O, toHandlers as k, unref as re, useAttrs as ie, useId as ae, vModelDynamic as oe, vModelText as A, vShow as se, watch as ce, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
 //#region \0rolldown/runtime.js
-var ce = Object.defineProperty, I = (e, t) => {
+var le = Object.defineProperty, F = (e, t) => {
 	let n = {};
-	for (var r in e) ce(n, r, {
+	for (var r in e) le(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || ce(n, Symbol.toStringTag, { value: "Module" }), n;
-}, L = x({
+	return t || le(n, Symbol.toStringTag, { value: "Module" }), n;
+}, I = x({
 	on: "#app",
 	breakpoints: {
 		xs: 600,
@@ -52,14 +52,14 @@ var ce = Object.defineProperty, I = (e, t) => {
 	},
 	ripple: !0,
 	presets: {}
-}), le = (e, t = L) => {
+}), ue = (e, t = I) => {
 	if (!Object.keys(t).length) t = Object.assign(t, e);
 	else for (let n in e) {
 		let r = e[n];
-		typeof r == "object" && typeof t[n] == "object" ? le(e[n], t[n]) : t[n] = r;
+		typeof r == "object" && typeof t[n] == "object" ? ue(e[n], t[n]) : t[n] = r;
 	}
 	return t;
-}, R = (e) => console.warn(`Wave UI: ${e}`), z = (e) => console.error(`Wave UI: ${e}`), ue = (e) => {
+}, L = (e) => console.warn(`Wave UI: ${e}`), R = (e) => console.error(`Wave UI: ${e}`), de = (e) => {
 	["light", "dark"].forEach((t) => {
 		let n = e.colors[t];
 		n.shades = {};
@@ -72,13 +72,13 @@ var ce = Object.defineProperty, I = (e, t) => {
 			if (i) {
 				i.length === 3 && (r.color = `${i[0]}${i[0]}${i[1]}${i[1]}${i[2]}${i[2]}`);
 				for (let e = 1; e <= 6; e++) {
-					let i = ye(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = be(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
+					let i = be(`#${r.color}`, e * (t?.lightIncrement ?? 16) + (t?.lightOffset ?? 0)), a = xe(`#${r.color}`, e * (t?.darkIncrement ?? 12.4) + (t?.darkOffset ?? 0));
 					n.shades[`${r.label}-light${e}`] = i, n.shades[`${r.label}-dark${e}`] = a;
 				}
 			}
 		}
 	});
-}, de = (e, t) => {
+}, fe = (e, t) => {
 	let n = { ...t.reduce((e, t) => (e[t.label] = t.color, (t.shades || []).forEach((t) => {
 		e[t.label] = t.color;
 	}), e), {
@@ -87,27 +87,27 @@ var ce = Object.defineProperty, I = (e, t) => {
 	}) };
 	return delete n.shades, n;
 };
-function fe(e, t, n) {
+function pe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function B(e) {
+function z(e) {
 	let t = e.toString(16);
-	return t.length === 1 && `0${t}` || t.length === 2 && t || z(`expected value from 0~255, got: ${e}`) || "";
+	return t.length === 1 && `0${t}` || t.length === 2 && t || R(`expected value from 0~255, got: ${e}`) || "";
 }
-function V(e) {
+function B(e) {
 	return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
-function pe(e) {
-	return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
-}
 function me(e) {
-	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
+	return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
 }
 function he(e) {
-	return V(e) && e || pe(e) && me(e) || z(`expected color hex string, got '${e}'`) || "";
+	return `#${e.substring(1).split("").map((e) => `${e}${e}`).join("")}`;
 }
 function ge(e) {
-	let t = he(e);
+	return B(e) && e || me(e) && he(e) || R(`expected color hex string, got '${e}'`) || "";
+}
+function _e(e) {
+	let t = ge(e);
 	return {
 		red: parseInt(t.substring(1, 3), 16),
 		green: parseInt(t.substring(3, 5), 16),
@@ -116,24 +116,24 @@ function ge(e) {
 		hasAlpha: t.length === 9
 	};
 }
-function _e(e, t, n, r) {
-	return `#${B(e)}${B(t)}${B(n)}${r ? B(Math.floor(r * 255)) : ""}`;
+function ve(e, t, n, r) {
+	return `#${z(e)}${z(t)}${z(n)}${r ? z(Math.floor(r * 255)) : ""}`;
 }
-function ve(e, t, n = 50) {
-	let r = ge(e), i = ge(t), a = fe(n, 0, 100) / 100, o = 2 * a - 1, s = r.alpha - i.alpha, c = ((o * s === -1 ? o : (o + s) / (1 + o * s)) + 1) / 2, l = 1 - c, u = fe(Math.round(r.red * c + i.red * l), 0, 255), d = fe(Math.round(r.green * c + i.green * l), 0, 255), f = fe(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
+function ye(e, t, n = 50) {
+	let r = _e(e), i = _e(t), a = pe(n, 0, 100) / 100, o = 2 * a - 1, s = r.alpha - i.alpha, c = ((o * s === -1 ? o : (o + s) / (1 + o * s)) + 1) / 2, l = 1 - c, u = pe(Math.round(r.red * c + i.red * l), 0, 255), d = pe(Math.round(r.green * c + i.green * l), 0, 255), f = pe(Math.round(r.blue * c + i.blue * l), 0, 255), p = r.alpha * a + i.alpha * (1 - a), m = [
 		u,
 		d,
 		f
 	];
-	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), _e(...m);
+	return (r.hasAlpha || i.hasAlpha || p !== 1) && m.push(p), ve(...m);
 }
-function ye(e, t = 15) {
-	return ve("#ffffff", e, t);
+function be(e, t = 15) {
+	return ye("#ffffff", e, t);
 }
-function be(e, t = 12.4) {
-	return ve("#000000", e, t);
+function xe(e, t = 12.4) {
+	return ye("#000000", e, t);
 }
-var xe = [
+var Se = [
 	{
 		label: "pink",
 		color: "#e91e63",
@@ -1176,38 +1176,38 @@ var xe = [
 		label: "inherit",
 		color: "inherit"
 	}
-], H = {
+], V = {
 	cssScope: ".w-app",
 	baseIncrement: 4
-}, U = {
+}, H = {
 	keys: [],
 	values: []
-}, Se = null, Ce = (e) => {
+}, Ce = null, we = (e) => {
 	let t = "";
 	return e.forEach(({ label: e, color: n, shades: r = [] }) => {
 		t += `--w-${e}-color: ${n};`, r.forEach((e) => {
 			t += `--w-${e.label}-color: ${e.color};`;
 		});
 	}), `:root{${t}}`;
-}, we = (e, t) => {
-	let n = "", r = "", { info: i, warning: a, success: o, error: s, shades: c, ...l } = e, { cssScope: u } = H;
-	for (let e in l) n += `${u} .${e}--bg{background-color:var(--w-${e}-color)}${u} .${e}{color:var(--w-${e}-color)}`;
-	for (let e in c) {
-		let r = t ? `var(--w-${e}-color)` : c[e];
-		n += `${u} .${e}--bg{background-color:${r}}${u} .${e}{color:${r}}`;
+}, U = (e, t, n = ":root") => {
+	let r = "", i = "", { info: a, warning: o, success: s, error: c, shades: l, ...u } = e, { cssScope: d } = V;
+	for (let e in u) r += `${d} .${e}--bg{background-color:var(--w-${e}-color)}${d} .${e}{color:var(--w-${e}-color)}`;
+	for (let e in l) {
+		let n = t ? `var(--w-${e}-color)` : l[e];
+		r += `${d} .${e}--bg{background-color:${n}}${d} .${e}{color:${n}}`;
 	}
-	let d = {
-		...l,
-		info: i,
-		warning: a,
-		success: o,
-		error: s
+	let f = {
+		...u,
+		info: a,
+		warning: o,
+		success: s,
+		error: c
 	};
-	for (let e in d) r += `--w-${e}-color: ${d[e]?.color ?? d[e]};`;
-	if (t) for (let e in c) r += `--w-${e}-color: ${c[e]};`;
-	return `:root{${r}}${n}`;
+	for (let e in f) i += `--w-${e}-color: ${f[e]?.color ?? f[e]};`;
+	if (t) for (let e in l) i += `--w-${e}-color: ${l[e]};`;
+	return `${n}{${i}}${r}`;
 }, Te = (e, t) => {
-	let n = "", { cssScope: r } = H;
+	let n = "", { cssScope: r } = V;
 	return e.forEach(({ min: e, label: i }) => {
 		if (i === "xs") for (let e = 0; e < t; e++) n += `${r} .${i}${t - e}{width:${parseFloat(((t - e) * 100 / t).toFixed(4))}%;}`;
 		else {
@@ -1217,7 +1217,7 @@ var xe = [
 		}
 	}), n;
 }, Ee = (e) => {
-	let t = "", { cssScope: n } = H, r = /* @__PURE__ */ "show{display:block}.hide{display:none}.d-flex{display:flex}.d-iflex{display:inline-flex}.d-block{display:block}.d-iblock{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-nowrap{white-space:nowrap}.row{flex-direction:row}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.grow{flex-grow:1;flex-basis:auto}.no-grow{flex-grow:0}.shrink{flex-shrink:1;margin-left:auto;margin-right:auto}.no-shrink{flex-shrink:0}.wrap{flex-wrap: wrap}.no-wrap{flex-wrap: nowrap}.fill-width{width:100%}.fill-height{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.basis-zero{flex-basis:0}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}".split("."), i = Array(12).fill();
+	let t = "", { cssScope: n } = V, r = /* @__PURE__ */ "show{display:block}.hide{display:none}.d-flex{display:flex}.d-iflex{display:inline-flex}.d-block{display:block}.d-iblock{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-nowrap{white-space:nowrap}.row{flex-direction:row}.column{flex-direction:column}.column-reverse{flex-direction:column-reverse}.grow{flex-grow:1;flex-basis:auto}.no-grow{flex-grow:0}.shrink{flex-shrink:1;margin-left:auto;margin-right:auto}.no-shrink{flex-shrink:0}.wrap{flex-wrap: wrap}.no-wrap{flex-wrap: nowrap}.fill-width{width:100%}.fill-height{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.basis-zero{flex-basis:0}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}".split("."), i = Array(12).fill();
 	return e.forEach(({ label: e, min: a }) => {
 		e !== "xs" && (t += `@media(min-width:${a}px){` + r.map((t) => `${n} .${e}u-${t}`).join("") + i.map((t, n) => `.w-grid.${e}u-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + i.map((t, n) => `.w-flex.${e}u-gap${n + 1},.w-grid.${e}u-gap${n + 1}{gap:calc(${n + 1} * var(--w-base-increment));}`).join("") + `.w-flex.${e}u-gap0,.w-flex.${e}u-gap0{gap:0}}`);
 	}), e.forEach(({ label: e, min: a, max: o }) => {
@@ -1226,10 +1226,10 @@ var xe = [
 		e !== "xl" && (t += `@media (max-width:${a}px){` + r.map((t) => `${n} .${e}d-${t}`).join("") + i.map((t, n) => `.w-grid.${e}d-columns${n + 1}{grid-template-columns:repeat(${n + 1},1fr);}`).join("") + i.map((t, n) => `.w-flex.${e}d-gap${n + 1},.w-grid.${e}d-gap${n + 1}{gap:calc(${n + 1} * var(--w-base-increment));}`).join("") + `.w-flex.${e}d-gap0,.w-flex.${e}d-gap0{gap:0}}`);
 	}), t;
 }, W = (e) => {
-	let t = window.innerWidth, n = U.values.slice(0);
+	let t = window.innerWidth, n = H.values.slice(0);
 	n.push(t), n.sort((e, t) => e - t);
-	let r = U.keys[n.indexOf(t)] || "xl";
-	r !== Se && (Se = r, e.breakpoint = {
+	let r = H.keys[n.indexOf(t)] || "xl";
+	r !== Ce && (Ce = r, e.breakpoint = {
 		name: r,
 		xs: r === "xs",
 		sm: r === "sm",
@@ -1240,7 +1240,7 @@ var xe = [
 	}), e.breakpoint.width = window.innerWidth;
 }, G = (e) => {
 	let { config: t } = e;
-	if (U = {
+	if (H = {
 		keys: Object.keys(t.breakpoints),
 		values: Object.values(t.breakpoints)
 	}, !document.getElementById("wave-ui-styles")) {
@@ -1259,13 +1259,13 @@ var xe = [
 }, De = (e, t, n) => {
 	if (!document.getElementById("wave-ui-palette")) {
 		let e = document.createElement("style");
-		e.id = "wave-ui-palette", e.innerHTML = Ce(t);
+		e.id = "wave-ui-palette", e.innerHTML = we(t);
 		let n = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]")[0];
 		n ? n.before(e) : document.head.appendChild(e);
 	}
 	if (!document.getElementById("wave-ui-colors")) {
 		let t = document.createElement("style");
-		t.id = "wave-ui-colors", t.innerHTML = we(e, n);
+		t.id = "wave-ui-colors", t.innerHTML = U(e, n);
 		let r = document.head.querySelectorAll("style,link[rel=\"stylesheet\"]")[0];
 		r ? r.before(t) : document.head.appendChild(t);
 	}
@@ -1278,7 +1278,7 @@ var xe = [
 			max: n
 		};
 	}), r = getComputedStyle(document.documentElement);
-	H.cssScope = (r.getPropertyValue("--w-css-scope") || ".w-app").trim() || ".w-app", H.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"), 10);
+	V.cssScope = (r.getPropertyValue("--w-css-scope") || ".w-app").trim() || ".w-app", V.baseIncrement = parseInt(r.getPropertyValue("--w-base-increment"), 10);
 	let i = "";
 	return i += Te(n, e.css.grid), e.css.breakpointLayoutClasses && (i += Ee(n)), i;
 }, Oe = ["innerHTML"];
@@ -1290,14 +1290,14 @@ function ke(t, r, a, u, d, p) {
 		name: p.transition,
 		appear: ""
 	}, {
-		default: M(() => [(b(!0), c(e, null, w(p.notifications, (t) => (b(), c(e, null, [t._value ? (b(), o(m, h({
+		default: j(() => [(b(!0), c(e, null, w(p.notifications, (t) => (b(), c(e, null, [t._value ? (b(), o(m, h({
 			class: "white--bg",
 			key: t._uid,
 			modelValue: t._value,
 			"onUpdate:modelValue": (e) => t._value = e,
 			onClose: t.dismiss
 		}, { ref_for: !0 }, p.notifProps(t)), {
-			default: M(() => [l("div", { innerHTML: t.message }, null, 8, Oe)]),
+			default: j(() => [l("div", { innerHTML: t.message }, null, 8, Oe)]),
 			_: 2
 		}, 1040, [
 			"modelValue",
@@ -1489,7 +1489,7 @@ var Ze = !1, Qe = (e) => {
 				i.props[n].default = t[n], r = !0;
 				break;
 			}
-			r || R(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+			r || L(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
 		}
 	}
 }, et = class e {
@@ -1512,15 +1512,38 @@ var Ze = !1, Qe = (e) => {
 			this._notificationManager.notify(...e);
 		},
 		switchTheme(e) {
-			this.theme = e, document.documentElement.setAttribute("data-theme", e), document.head.querySelector("#wave-ui-colors")?.remove?.();
+			this.theme !== e && document.head.querySelector("#wave-ui-colors")?.remove?.(), this.theme = e, document.documentElement.setAttribute("data-theme", e);
 			let t = this.config.colors[this.theme];
-			De(t, xe, this.config.css.colorShadeCssVariables), this.colors = de(t, xe);
+			De(t, Se, this.config.css.colorShadeCssVariables), this.colors = fe(t, Se);
 		},
 		setAppClasses(...e) {
 			let t = document.querySelector(".w-app");
 			t && (t.className = "w-app", e.length && e[0] && t.classList.add(...e));
+		},
+		getSSRStyles(e) {
+			let t = we(Se), { colorShadeCssVariables: n } = this.config.css;
+			return e ? {
+				theme: e,
+				palette: t,
+				colors: U(this.config.colors[e], n)
+			} : {
+				theme: this.theme || this.config?.theme || "light",
+				palette: t,
+				colors: U(this.config.colors.light, n, "[data-theme=\"light\"]") + U(this.config.colors.dark, n, "[data-theme=\"dark\"]")
+			};
 		}
 	};
+	static resolveInitialTheme(e = "waveui-theme") {
+		if (typeof window > "u") return "light";
+		try {
+			let t = localStorage.getItem(e);
+			if (t === "light" || t === "dark") return t;
+		} catch {}
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	static getThemeInitScript(e = "waveui-theme") {
+		return `(function(){try{var t=localStorage.getItem(${JSON.stringify(e)});if(t==='dark'||t==='light'){document.documentElement.setAttribute('data-theme',t);return}}catch(e){}if(window.matchMedia('(prefers-color-scheme:dark)').matches)document.documentElement.setAttribute('data-theme','dark')})()`;
+	}
 	static install(t, n = {}) {
 		t.directive("focus", {
 			mounted: (e) => {
@@ -1546,7 +1569,12 @@ var Ze = !1, Qe = (e) => {
 					let e = typeof n.css.appClasses == "string" ? n.css.appClasses.split(" ").filter((e) => e) : n.css.appClasses;
 					e.length && r.classList.add(...e);
 				}
-				n.theme === "auto" ? Qe(e) : e.switchTheme(n.theme, !0), G(e), Me(t), t._context.mixins.find((e) => e.mounted &&= void 0);
+				if (n.theme === "auto") Qe(e);
+				else {
+					let t = document.documentElement.getAttribute("data-theme");
+					e.switchTheme(t === "light" || t === "dark" ? t : n.theme);
+				}
+				G(e), Me(t), t._context.mixins.find((e) => e.mounted &&= void 0);
 			}
 		} }), new e(t, n);
 	}
@@ -1560,9 +1588,9 @@ var Ze = !1, Qe = (e) => {
 			};
 		}
 		let { components: n, ...r } = t;
-		r = this.$waveui.config = le(r), r.css.colorShades && ue(r);
+		r = this.$waveui.config = ue(r), r.css.colorShades && de(r);
 		let i = x(this.$waveui);
-		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.colors = de(r.colors[r.theme], xe));
+		e.config.globalProperties.$waveui = i, e.provide("$waveui", i), r.theme !== "auto" && (this.$waveui.theme = r.theme, this.$waveui.colors = fe(r.colors[r.theme], Se));
 	}
 }, Y = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), X = {
 	inject: { $waveui: {
@@ -1606,7 +1634,7 @@ function dt(e, n, r, i, a, u) {
 		onClick: n[4] ||= (e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e),
 		onPointerdown: n[5] ||= (...e) => u.onAccordionTitlePointerDown && u.onAccordionTitlePointerDown(...e),
 		onFocus: n[6] ||= (t) => e.$emit("focus", u.accordionItem),
-		onKeypress: n[7] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
+		onKeypress: n[7] ||= N((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["enter"]),
 		tabindex: !u.accordionItem._disabled && 0
 	}, [
 		u.options.expandIcon && !u.options.expandIconRight ? (b(), o(d, {
@@ -1620,8 +1648,8 @@ function dt(e, n, r, i, a, u) {
 			disabled: u.accordionItem._disabled || null,
 			tabindex: -1,
 			text: "",
-			onKeypress: n[0] ||= F(() => {}, ["stop"]),
-			onClick: n[1] ||= F((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[0] ||= P(() => {}, ["stop"]),
+			onClick: n[1] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, [
 			"icon",
 			"icon-props",
@@ -1644,8 +1672,8 @@ function dt(e, n, r, i, a, u) {
 			}]),
 			icon: u.accordionItem._expanded && u.options.collapseIcon || u.options.expandIcon,
 			text: "",
-			onKeypress: n[2] ||= F(() => {}, ["stop"]),
-			onClick: n[3] ||= F((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
+			onKeypress: n[2] ||= P(() => {}, ["stop"]),
+			onClick: n[3] ||= P((e) => !u.accordionItem._disabled && u.toggleItem(u.accordionItem, e), ["stop"])
 		}, null, 8, ["icon", "class"])) : s("", !0)
 	], 42, at), u.options.keepInDom ? (b(), o(m, {
 		key: 0,
@@ -1653,11 +1681,11 @@ function dt(e, n, r, i, a, u) {
 		onAfterLeave: n[8] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: M(() => [N(f(p, {
+		default: j(() => [M(f(p, {
 			item: u.accordionItem,
 			class: _(u.contentClasses)
 		}, {
-			default: M(() => [e.$slots.content ? T(e.$slots, "content", {
+			default: j(() => [e.$slots.content ? T(e.$slots, "content", {
 				key: 0,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
@@ -1669,7 +1697,7 @@ function dt(e, n, r, i, a, u) {
 				index: u.accordionItem._index + 1
 			}, () => [l("div", { innerHTML: u.accordionItem[u.options.itemContentKey] }, null, 8, ct)])]),
 			_: 3
-		}, 8, ["item", "class"]), [[oe, u.accordionItem._expanded]])]),
+		}, 8, ["item", "class"]), [[se, u.accordionItem._expanded]])]),
 		_: 3
 	}, 8, ["duration"])) : (b(), o(m, {
 		key: 1,
@@ -1677,12 +1705,12 @@ function dt(e, n, r, i, a, u) {
 		onAfterLeave: n[9] ||= (e) => u.onEndOfCollapse(u.accordionItem),
 		duration: u.options.duration
 	}, {
-		default: M(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
+		default: j(() => [(b(), o(t, { exclude: u.options.keepAlive ? "" : "accordion-content" }, [u.accordionItem._expanded ? (b(), o(p, {
 			key: u.accordionItem._cuid,
 			item: u.accordionItem,
 			class: _(u.contentClasses)
 		}, {
-			default: M(() => [e.$slots.content ? T(e.$slots, "content", {
+			default: j(() => [e.$slots.content ? T(e.$slots, "content", {
 				key: 0,
 				item: u.getOriginalItem(u.accordionItem),
 				expanded: u.accordionItem._expanded,
@@ -1704,7 +1732,7 @@ var ft = /* @__PURE__ */ q({
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
-		return { accordionItemUid: A() };
+		return { accordionItemUid: ae() };
 	},
 	components: { AccordionContent: rt },
 	props: {
@@ -1799,7 +1827,7 @@ function pt(t, n, r, i, a, l) {
 		disabled: e.disabled || e._disabled,
 		onFocus: n[0] ||= (e) => t.$emit("focus", e)
 	}, {
-		title: M(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? T(t.$slots, `item-title.${e.id || r}`, {
+		title: j(({ item: e, expanded: n, index: r }) => [t.$slots[`item-title.${e.id || r}`] ? T(t.$slots, `item-title.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
@@ -1810,7 +1838,7 @@ function pt(t, n, r, i, a, l) {
 			expanded: n,
 			index: r
 		})]),
-		content: M(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? T(t.$slots, `item-content.${e.id || r}`, {
+		content: j(({ item: e, expanded: n, index: r }) => [t.$slots[`item-content.${e.id || r}`] ? T(t.$slots, `item-content.${e.id || r}`, {
 			key: 0,
 			item: e,
 			expanded: n,
@@ -1986,7 +2014,7 @@ var mt = /* @__PURE__ */ q({
 		}
 	},
 	created() {
-		isNaN(this.items) || z("Since version 3.17.3, the w-accordion `items` prop can no longer be a Number.\n        Please use the w-accordion-item component instead for advanced custom rendering.\n        https://antoniandre.github.io/wave-ui/w-accordion#w-accordion-item");
+		isNaN(this.items) || R("Since version 3.17.3, the w-accordion `items` prop can no longer be a Number.\n        Please use the w-accordion-item component instead for advanced custom rendering.\n        https://antoniandre.github.io/wave-ui/w-accordion#w-accordion-item");
 	},
 	unmounted() {
 		this.accordionItems = [];
@@ -2009,7 +2037,7 @@ function gt(t, n, r, i, a, u) {
 			key: 0,
 			class: "w-alert__icon"
 		}, {
-			default: M(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
+			default: j(() => [d(O(u.type ? u.typeIcon : r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
 		l("div", ht, [T(t.$slots, "default")]),
@@ -2108,7 +2136,7 @@ var _t = /* @__PURE__ */ q({
 //#endregion
 //#region src/wave-ui/mixins/form-elements.js
 function Z() {
-	return { waveUiUseId: A() };
+	return { waveUiUseId: ae() };
 }
 var Q = {
 	inject: {
@@ -2193,7 +2221,7 @@ function Et(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-autocomplete__label w-autocomplete__label--left w-form-el-shakable", t.labelClasses]),
@@ -2211,7 +2239,7 @@ function Et(t, n, r, i, a, u) {
 				custom: "",
 				"min-width": "activator"
 			}, u.menuPropsComputed), {
-				content: M(() => [l("div", {
+				content: j(() => [l("div", {
 					class: "w-autocomplete__list-wrap",
 					ref: "listWrap",
 					onMousedownCapture: n[4] ||= (e) => t.menuIsBeingClicked = !0,
@@ -2231,7 +2259,7 @@ function Et(t, n, r, i, a, u) {
 						"selection-color": r.color,
 						onItemSelect: u.onListItemSelect
 					}, {
-						item: M(({ item: e }) => [T(t.$slots, "item", {
+						item: j(({ item: e }) => [T(t.$slots, "item", {
 							item: e,
 							highlighted: t.highlightedItem === e.uid
 						}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, Ct)])]),
@@ -2254,10 +2282,10 @@ function Et(t, n, r, i, a, u) {
 					t.$slots["extra-item"] ? (b(), c("div", {
 						key: 2,
 						class: _(["w-autocomplete__extra-item", { highlighted: t.highlightedItem === "extra-item" }]),
-						onClick: n[3] ||= F((...e) => u.selectExtraItem && u.selectExtraItem(...e), ["stop"])
+						onClick: n[3] ||= P((...e) => u.selectExtraItem && u.selectExtraItem(...e), ["stop"])
 					}, [T(t.$slots, "extra-item")], 2)) : s("", !0)
 				], 544)]),
-				default: M(() => [l("div", {
+				default: j(() => [l("div", {
 					class: _(["w-autocomplete__input-wrap", u.inputWrapClasses]),
 					onClick: n[2] ||= (e) => !t.isDisabled && !t.isReadonly && u.onWrapClick()
 				}, [
@@ -2266,9 +2294,9 @@ function Et(t, n, r, i, a, u) {
 						class: "w-autocomplete__icon w-autocomplete__icon--inner-left",
 						tag: "label",
 						for: t.inputId,
-						onClick: n[0] ||= F((e) => t.$emit("click:inner-icon-left", e), ["stop"])
+						onClick: n[0] ||= P((e) => t.$emit("click:inner-icon-left", e), ["stop"])
 					}, {
-						default: M(() => [d(O(r.innerIconLeft), 1)]),
+						default: j(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					}, 8, ["for"])) : s("", !0)]),
 					t.selection.length ? (b(!0), c(e, { key: 0 }, w(t.selection, (e, n) => (b(), c("div", {
@@ -2278,7 +2306,7 @@ function Et(t, n, r, i, a, u) {
 						item: e,
 						unselect: () => u.unselectItem(n)
 					}, () => [l("span", { innerHTML: e[r.itemLabelKey] }, null, 8, yt), f(m, {
-						onClick: F((e) => u.unselectItem(n), ["stop"]),
+						onClick: P((e) => u.unselectItem(n), ["stop"]),
 						icon: "wi-cross",
 						xs: "",
 						text: "",
@@ -2309,9 +2337,9 @@ function Et(t, n, r, i, a, u) {
 						class: "w-autocomplete__icon w-autocomplete__icon--inner-right",
 						tag: "label",
 						for: t.inputId,
-						onClick: n[1] ||= F((e) => t.$emit("click:inner-icon-right", e), ["stop"])
+						onClick: n[1] ||= P((e) => t.$emit("click:inner-icon-right", e), ["stop"])
 					}, {
-						default: M(() => [d(O(r.innerIconRight), 1)]),
+						default: j(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					}, 8, ["for"])) : s("", !0)])
 				], 2)]),
@@ -2635,7 +2663,7 @@ var Dt = /* @__PURE__ */ q({
 }, [["render", Et]]), Ot = { class: "w-badge-wrap" };
 function kt(e, t, n, i, a, o) {
 	return b(), c("div", Ot, [T(e.$slots, "default"), f(r, { name: `${n.transition}` }, {
-		default: M(() => [n.modelValue ? (b(), c("div", {
+		default: j(() => [n.modelValue ? (b(), c("div", {
 			key: 0,
 			class: _(["w-badge", o.classes]),
 			style: y(o.styles),
@@ -2723,7 +2751,7 @@ function Mt(t, n, r, i, a, l) {
 		class: _(["w-breadcrumbs__separator", r.separatorColor]),
 		key: `${i}b`
 	}, {
-		default: M(() => [d(O(r.icon), 1)]),
+		default: j(() => [d(O(r.icon), 1)]),
 		_: 1
 	}, 8, ["class"])) : s("", !0), n[r.itemRouteKey] && (i < r.items.length - 1 || r.linkLastItem) ? (b(), c(e, { key: 2 }, [t.$slots.item ? (b(), o(D(l.hasRouter ? "router-link" : "a"), {
 		class: _(["w-breadcrumbs__item", l.breadcrumbLinkClasses]),
@@ -2732,7 +2760,7 @@ function Mt(t, n, r, i, a, l) {
 		href: n[r.itemRouteKey],
 		onPointerdown: t.onRipple
 	}, {
-		default: M(() => [T(t.$slots, "item", {
+		default: j(() => [T(t.$slots, "item", {
 			item: n,
 			index: i + 1,
 			isLast: i === r.items.length - 1
@@ -2828,11 +2856,11 @@ function Ft(e, t, n, i, a, u) {
 		style: u.styles,
 		onPointerdown: u.onPointerDownRipple
 	}), {
-		default: M(() => [n.icon ? (b(), o(p, v(h({ key: 0 }, n.iconProps || {})), {
-			default: M(() => [d(O(n.icon), 1)]),
+		default: j(() => [n.icon ? (b(), o(p, v(h({ key: 0 }, n.iconProps || {})), {
+			default: j(() => [d(O(n.icon), 1)]),
 			_: 1
 		}, 16)) : T(e.$slots, "default", { key: 1 }), f(r, { name: "scale-fade" }, {
-			default: M(() => [n.loading ? (b(), c("div", Pt, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
+			default: j(() => [n.loading ? (b(), c("div", Pt, [T(e.$slots, "loading", {}, () => [t[0] ||= l("svg", { viewBox: "0 0 40 40" }, [l("circle", {
 				cx: "20",
 				cy: "20",
 				r: "18",
@@ -2960,9 +2988,9 @@ var It = /* @__PURE__ */ q({
 function Rt(e, t, n, r, i, a) {
 	let s = E("button-partial");
 	return n.tooltip ? (b(), o(D("w-tooltip"), v(h({ key: 0 }, n.tooltipProps)), {
-		tooltip: M(() => [l("div", { innerHTML: n.tooltip }, null, 8, Lt)]),
-		default: M(() => [f(s, h({ ref: "button" }, a.buttonProps), {
-			default: M(() => [T(e.$slots, "default")]),
+		tooltip: j(() => [l("div", { innerHTML: n.tooltip }, null, 8, Lt)]),
+		default: j(() => [f(s, h({ ref: "button" }, a.buttonProps), {
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
 		_: 3
@@ -2970,8 +2998,8 @@ function Rt(e, t, n, r, i, a) {
 		key: 1,
 		ref: "button"
 	}, a.buttonProps), {
-		loading: M(() => [T(e.$slots, "loading")]),
-		default: M(() => [T(e.$slots, "default")]),
+		loading: j(() => [T(e.$slots, "loading")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16));
 }
@@ -3064,7 +3092,7 @@ function Vt(e, t, n, r, i, a) {
 			class: "w-card__image",
 			src: n.image
 		}, a.imgProps), {
-			default: M(() => [T(e.$slots, "image-content")]),
+			default: j(() => [T(e.$slots, "image-content")]),
 			_: 3
 		}, 16, ["src"])) : s("", !0),
 		l("div", { class: _(["w-card__content", a.contentClasses]) }, [T(e.$slots, "default")], 2),
@@ -3158,7 +3186,7 @@ function Jt(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", {
 				ref: "input",
 				id: t.inputId,
@@ -3171,7 +3199,7 @@ function Jt(t, n, r, i, a, u) {
 				onFocus: n[0] ||= (e) => t.$emit("focus", e),
 				onBlur: n[1] ||= (e) => t.$emit("blur", e),
 				onChange: n[2] ||= (e) => u.onInput(),
-				onKeypress: n[3] ||= P((...e) => u.onInput && u.onInput(...e), ["enter"]),
+				onKeypress: n[3] ||= N((...e) => u.onInput && u.onInput(...e), ["enter"]),
 				"aria-checked": a.isChecked || "false",
 				role: "checkbox"
 			}, null, 40, Ut),
@@ -3301,7 +3329,7 @@ function Zt(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: M(() => [(b(!0), c(e, null, w(l.checkboxItems, (e, i) => (b(), o(u, h({
+		default: j(() => [(b(!0), c(e, null, w(l.checkboxItems, (e, i) => (b(), o(u, h({
 			ref_for: !0,
 			ref: "item",
 			key: i,
@@ -3320,7 +3348,7 @@ function Zt(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: M(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: j(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				checked: !!e._isChecked,
@@ -3450,35 +3478,35 @@ function $t(e, t, n, r, i, a) {
 		modelValue: e.showPopup,
 		"onUpdate:modelValue": t[2] ||= (t) => e.showPopup = t
 	}, a.wMenuProps, { disable: n.disablePrompt }), {
-		content: M(() => [f(u, {
+		content: j(() => [f(u, {
 			column: !n.inline,
 			"align-center": ""
 		}, {
-			default: M(() => [l("div", null, [T(e.$slots, "question", {}, () => [d(O(n.question), 1)])]), l("div", { class: _(["w-flex justify-end", n.inline ? "ml2" : "mt2"]) }, [n.cancel === !1 ? s("", !0) : (b(), o(c, h({
+			default: j(() => [l("div", null, [T(e.$slots, "question", {}, () => [d(O(n.question), 1)])]), l("div", { class: _(["w-flex justify-end", n.inline ? "ml2" : "mt2"]) }, [n.cancel === !1 ? s("", !0) : (b(), o(c, h({
 				key: 0,
 				class: "mr2"
 			}, a.cancelButtonProps, {
 				"bg-color": (a.cancelButton || {}).bgColor || "error",
-				onKeyup: t[0] ||= P((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[0] ||= N((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onCancel
 			}), {
-				default: M(() => [T(e.$slots, "cancel", {}, () => [d(O(a.cancelButton.label), 1)])]),
+				default: j(() => [T(e.$slots, "cancel", {}, () => [d(O(a.cancelButton.label), 1)])]),
 				_: 3
-			}, 16, ["bg-color", "onClick"])), N((b(), o(c, h(a.confirmButtonProps, {
+			}, 16, ["bg-color", "onClick"])), M((b(), o(c, h(a.confirmButtonProps, {
 				"bg-color": (a.confirmButton || {}).bgColor || "success",
-				onKeyup: t[1] ||= P((e) => !n.persistent && a.onCancel(), ["escape"]),
+				onKeyup: t[1] ||= N((e) => !n.persistent && a.onCancel(), ["escape"]),
 				onClick: a.onConfirm
 			}), {
-				default: M(() => [T(e.$slots, "confirm", {}, () => [d(O(a.confirmButton.label), 1)])]),
+				default: j(() => [T(e.$slots, "confirm", {}, () => [d(O(a.confirmButton.label), 1)])]),
 				_: 3
 			}, 16, ["bg-color", "onClick"])), [[m]])], 2)]),
 			_: 3
 		}, 8, ["column"])]),
-		default: M(() => [f(c, h({ class: "w-confirm" }, {
+		default: j(() => [f(c, h({ class: "w-confirm" }, {
 			...e.$attrs,
 			...a.buttonProps
 		}), {
-			default: M(() => [T(e.$slots, "default")]),
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16)]),
 		_: 3
@@ -3653,12 +3681,12 @@ function rn(e, t, n, i, a, s) {
 		"bg-color": n.overlayColor,
 		opacity: n.overlayOpacity
 	}, {
-		default: M(() => [f(r, {
+		default: j(() => [f(r, {
 			name: n.transition,
 			appear: "",
 			onAfterLeave: s.onBeforeClose
 		}, {
-			default: M(() => [N(f(c, {
+			default: j(() => [M(f(c, {
 				class: _(["w-dialog__content", n.dialogClass]),
 				ref: "dialog",
 				"no-border": "",
@@ -3669,15 +3697,15 @@ function rn(e, t, n, i, a, s) {
 				title: n.title || void 0,
 				style: y(s.contentStyles)
 			}, u({
-				default: M(() => [T(e.$slots, "default")]),
+				default: j(() => [T(e.$slots, "default")]),
 				_: 2
 			}, [e.$slots.title ? {
 				name: "title",
-				fn: M(() => [T(e.$slots, "title")]),
+				fn: j(() => [T(e.$slots, "title")]),
 				key: "0"
 			} : void 0, e.$slots.actions ? {
 				name: "actions",
-				fn: M(() => [T(e.$slots, "actions")]),
+				fn: j(() => [T(e.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1032, [
 				"color",
@@ -3687,7 +3715,7 @@ function rn(e, t, n, i, a, s) {
 				"content-class",
 				"title",
 				"style"
-			]), [[oe, a.showContent]])]),
+			]), [[se, a.showContent]])]),
 			_: 3
 		}, 8, ["name", "onAfterLeave"])]),
 		_: 3
@@ -3860,15 +3888,15 @@ function un(t, n, i, a, u, d) {
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: M(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
+		default: j(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
-			onKeydown: n[1] ||= P(F((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
+			onKeydown: n[1] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
 		}, {
-			default: M(() => [T(t.$slots, "default")]),
+			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"class",
@@ -3898,15 +3926,15 @@ function un(t, n, i, a, u, d) {
 		onBeforeLeave: d.onBeforeClose,
 		onAfterLeave: d.onClose
 	}, {
-		default: M(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
+		default: j(() => [u.showDrawer ? (b(), o(D(i.tag || "aside"), {
 			key: 0,
 			class: _(["w-drawer", d.drawerClasses]),
 			ref: "drawer",
 			style: y(d.styles),
 			tabindex: i.noOverlay ? 0 : null,
-			onKeydown: n[3] ||= P(F((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
+			onKeydown: n[3] ||= N(P((e) => i.noOverlay && !i.persistent && d.onOutsideClick(), ["stop"]), ["escape"])
 		}, {
-			default: M(() => [T(t.$slots, "default")]),
+			default: j(() => [T(t.$slots, "default")]),
 			_: 3
 		}, 40, [
 			"class",
@@ -4059,7 +4087,7 @@ var dn = {
 //#region src/wave-ui/components/w-flex.vue?vue&type=template&lang.js
 function pn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-flex", a.classes]) }, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
@@ -4232,7 +4260,7 @@ var gn = async (e, t) => {
 function vn(e, t, n, r, i, a) {
 	let o = E("w-transition-expand");
 	return b(), c("div", { class: _(a.classes) }, [l("div", { class: _(["w-flex grow", [n.column ? "column" : "align-center", n.wrap ? "wrap" : ""]]) }, [T(e.$slots, "default")], 2), f(o, { y: "" }, {
-		default: M(() => [e.Validation.message ? (b(), c("div", {
+		default: j(() => [e.Validation.message ? (b(), c("div", {
 			key: 0,
 			class: _(["w-form-el__error", a.formProps.validationColor])
 		}, [T(e.$slots, "error-message", { message: e.Validation.message }, () => [d(O(e.Validation.message), 1)])], 2)) : s("", !0)]),
@@ -4312,7 +4340,7 @@ var yn = /* @__PURE__ */ q({
 //#region src/wave-ui/components/w-grid.vue?vue&type=template&lang.js
 function bn(e, t, n, r, i, a) {
 	return b(), o(D(n.tag), { class: _(["w-grid", a.classes]) }, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, ["class"]);
 }
@@ -4398,7 +4426,7 @@ function Sn(t, n, r, i, a, l) {
 		"aria-hidden": "true",
 		style: y(l.readIcon() && l.styles)
 	}, {
-		default: M(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
+		default: j(() => [l.hasLigature ? (b(), c(e, { key: 0 }, [d(O(t.icon), 1)], 64)) : s("", !0)]),
 		_: 1
 	}, 8, ["class", "style"]);
 }
@@ -4484,12 +4512,12 @@ function En(e, t, n, i, a, l) {
 		style: y(l.wrapperStyles),
 		onError: t[0] ||= (e) => a.error = !0
 	}, {
-		default: M(() => [
+		default: j(() => [
 			f(r, {
 				name: n.transition,
 				appear: ""
 			}, {
-				default: M(() => [a.loaded ? (b(), o(D(l.normalized.tag), {
+				default: j(() => [a.loaded ? (b(), o(D(l.normalized.tag), {
 					key: 0,
 					class: _(["w-image__image", l.imageClasses]),
 					style: y(l.imageStyles),
@@ -4510,7 +4538,7 @@ function En(e, t, n, i, a, l) {
 				key: 1,
 				class: _(["w-image__content", n.contentClass])
 			}, {
-				default: M(() => [T(e.$slots, "default")]),
+				default: j(() => [T(e.$slots, "default")]),
 				_: 3
 			}, 8, ["class"])) : s("", !0),
 			e.$slots.caption ? (b(), c("figcaption", {
@@ -4627,7 +4655,7 @@ var Dn = /* @__PURE__ */ q({
 		});
 	} },
 	mounted() {
-		if (!this.src) return R("The w-image component was used without src.");
+		if (!this.src) return L("The w-image component was used without src.");
 		if (this.lazy) {
 			let e = new IntersectionObserver((t) => {
 				t[0]?.isIntersecting && (this.loadImage(), e.disconnect());
@@ -4682,12 +4710,12 @@ function In(t, n, r, a, u, p) {
 		class: p.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [r.type === "hidden" ? N((b(), c("input", {
+		default: j(() => [r.type === "hidden" ? M((b(), c("input", {
 			key: 0,
 			type: "hidden",
 			name: t.name || null,
 			"onUpdate:modelValue": n[0] ||= (e) => u.inputValue = e
-		}, null, 8, On)), [[j, u.inputValue]]) : (b(), c(e, { key: 1 }, [
+		}, null, 8, On)), [[A, u.inputValue]]) : (b(), c(e, { key: 1 }, [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-input__label w-input__label--left w-form-el-shakable", t.labelClasses]),
@@ -4701,7 +4729,7 @@ function In(t, n, r, a, u, p) {
 					for: t.inputId,
 					onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: M(() => [d(O(r.innerIconLeft), 1)]),
+					default: j(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				r.type === "file" ? (b(), c(e, { key: 1 }, [l("input", h({
@@ -4722,7 +4750,7 @@ function In(t, n, r, a, u, p) {
 					name: "fade",
 					for: t.inputId
 				}, {
-					default: M(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", Mn, [T(t.$slots, "no-file", {}, () => [t.$slots["no-file"] === void 0 ? (b(), c(e, { key: 0 }, [d("No file")], 64)) : s("", !0)])])) : s("", !0), (b(!0), c(e, null, w(u.inputFiles, (e, t) => (b(), c("span", { key: e.lastModified }, [
+					default: j(() => [!u.inputFiles.length && u.isFocused ? (b(), c("span", Mn, [T(t.$slots, "no-file", {}, () => [t.$slots["no-file"] === void 0 ? (b(), c(e, { key: 0 }, [d("No file")], 64)) : s("", !0)])])) : s("", !0), (b(!0), c(e, null, w(u.inputFiles, (e, t) => (b(), c("span", { key: e.lastModified }, [
 						d(O(t ? ", " : ""), 1),
 						(b(), c("span", {
 							class: "filename",
@@ -4731,7 +4759,7 @@ function In(t, n, r, a, u, p) {
 						d(O(e.extension ? `.${e.extension}` : ""), 1)
 					]))), 128))]),
 					_: 3
-				}, 8, ["for"])], 64)) : N((b(), c("input", h({
+				}, 8, ["for"])], 64)) : M((b(), c("input", h({
 					key: 0,
 					class: "w-input__input",
 					ref: "input",
@@ -4753,7 +4781,7 @@ function In(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, An)), [[ae, u.inputValue]]),
+				}, p.attrs, { class: r.inputClass }), null, 16, An)), [[oe, u.inputValue]]),
 				r.labelPosition === "inside" && p.showLabelInside ? (b(), c(e, { key: 2 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: _(["w-input__label w-input__label--inside w-form-el-shakable", t.labelClasses])
@@ -4765,7 +4793,7 @@ function In(t, n, r, a, u, p) {
 					for: t.inputId,
 					onClick: n[9] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: M(() => [d(O(r.innerIconRight), 1)]),
+					default: j(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
 				p.hasLoading || r.showProgress && (p.uploadInProgress || p.uploadComplete) ? (b(), o(g, {
@@ -5020,14 +5048,14 @@ function Rn(t, n, r, i, a, l) {
 			key: 0,
 			class: "w-list__item-bullet"
 		}, {
-			default: M(() => [d(O(r.icon), 1)]),
+			default: j(() => [d(O(r.icon), 1)]),
 			_: 1
 		})) : s("", !0),
 		t.$slots[`item.${i + 1}`] || t.$slots.item || t.$slots.default ? (b(), o(D(r.checklist ? "w-checkbox" : r.nav && !e.disabled && e.route ? l.hasRouter ? "router-link" : "a" : "div"), h({
 			key: 1,
 			class: "w-list__item-label"
 		}, { ref_for: !0 }, l.liLabelProps(e, i, e._selected)), {
-			default: M(() => [t.$slots[`item.${i + 1}`] ? T(t.$slots, `item.${i + 1}`, {
+			default: j(() => [t.$slots[`item.${i + 1}`] ? T(t.$slots, `item.${i + 1}`, {
 				key: 0,
 				item: l.cleanLi(e),
 				index: i + 1,
@@ -5060,7 +5088,7 @@ function Rn(t, n, r, i, a, l) {
 			onItemSelect: n[3] ||= (e) => t.$emit("item-select", e)
 		}), u({ _: 2 }, [t.$slots.item ? {
 			name: "item",
-			fn: M(({ item: e, index: n, selected: r }) => [T(t.$slots, "item", {
+			fn: j(({ item: e, index: n, selected: r }) => [T(t.$slots, "item", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: r
@@ -5068,7 +5096,7 @@ function Rn(t, n, r, i, a, l) {
 			key: "0"
 		} : {
 			name: "default",
-			fn: M(({ item: e, index: n, selected: i }) => [T(t.$slots, "default", {
+			fn: j(({ item: e, index: n, selected: i }) => [T(t.$slots, "default", {
 				item: l.cleanLi(e),
 				index: n,
 				selected: i
@@ -5083,7 +5111,7 @@ var zn = /* @__PURE__ */ q({
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
-		return { waveUiUseId: A() };
+		return { waveUiUseId: ae() };
 	},
 	props: {
 		items: {
@@ -5336,7 +5364,7 @@ var Hn = {
 			let e = ".w-app";
 			typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
 			let t = this.appendTo || e;
-			return t === !0 ? t = e : this.appendTo === "activator" ? t = this.activatorEl : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, R(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`, this)), typeof t == "string" && (t = document.querySelector(t)), t ||= (R(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`, this), document.querySelector(e)), t;
+			return t === !0 ? t = e : this.appendTo === "activator" ? t = this.activatorEl : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, L(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`, this)), typeof t == "string" && (t = document.querySelector(t)), t ||= (L(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`, this), document.querySelector(e)), t;
 		},
 		detachableParentEl() {
 			return this.appendToTarget;
@@ -5545,7 +5573,7 @@ function Un(t, i, a, l, d, p) {
 			onAfterEnter: t.onDetachableAfterEnter,
 			onAfterLeave: t.onAfterLeave
 		}, {
-			default: M(() => [a.custom && t.detachableVisible ? (b(), c("div", h({
+			default: j(() => [a.custom && t.detachableVisible ? (b(), c("div", h({
 				key: 0,
 				class: "w-menu",
 				ref: "detachable"
@@ -5571,15 +5599,15 @@ function Un(t, i, a, l, d, p) {
 				class: p.classes,
 				style: p.styles
 			}), u({
-				default: M(() => [t.$slots.activator ? T(t.$slots, "default", { key: 0 }) : T(t.$slots, "content", { key: 1 })]),
+				default: j(() => [t.$slots.activator ? T(t.$slots, "default", { key: 0 }) : T(t.$slots, "content", { key: 1 })]),
 				_: 2
 			}, [t.$slots.title ? {
 				name: "title",
-				fn: M(() => [T(t.$slots, "title")]),
+				fn: j(() => [T(t.$slots, "title")]),
 				key: "0"
 			} : void 0, t.$slots.actions ? {
 				name: "actions",
-				fn: M(() => [T(t.$slots, "actions")]),
+				fn: j(() => [T(t.$slots, "actions")]),
 				key: "1"
 			} : void 0]), 1040, [
 				"tile",
@@ -5614,7 +5642,7 @@ function Un(t, i, a, l, d, p) {
 }
 var Wn = /* @__PURE__ */ q({
 	name: "w-menu",
-	expose: ["focus"],
+	expose: ["focus", "computeDetachableCoords"],
 	mixins: [Hn],
 	inheritAttrs: !1,
 	props: {
@@ -5772,7 +5800,7 @@ function Gn(e, t, n, i, a, l) {
 		name: l.transitionName,
 		appear: ""
 	}, {
-		default: M(() => [a.show ? (b(), c("div", {
+		default: j(() => [a.show ? (b(), c("div", {
 			key: 0,
 			class: _(["w-notification", l.classes]),
 			style: y(l.styles)
@@ -5782,7 +5810,7 @@ function Gn(e, t, n, i, a, l) {
 				e.$emit("update:modelValue", !1), e.$emit("input", !1);
 			}
 		}), {
-			default: M(() => [T(e.$slots, "default")]),
+			default: j(() => [T(e.$slots, "default")]),
 			_: 3
 		}, 16, ["class"])], 6)) : s("", !0)]),
 		_: 3
@@ -5927,14 +5955,14 @@ function qn(e, t, n, i, a, l) {
 		appear: "",
 		onAfterLeave: l.onClose
 	}, {
-		default: M(() => [n.modelValue ? N((b(), c("div", {
+		default: j(() => [n.modelValue ? M((b(), c("div", {
 			key: 0,
 			class: _(["w-overlay", l.classes]),
 			ref: "overlay",
 			style: y(n.modelValue && l.styles || null),
 			onClick: t[0] ||= (...e) => l.onClick && l.onClick(...e),
 			tabindex: "0"
-		}, [T(e.$slots, "default")], 6)), [[oe, e.showOverlay]]) : s("", !0)]),
+		}, [T(e.$slots, "default")], 6)), [[se, e.showOverlay]]) : s("", !0)]),
 		_: 3
 	}, 8, ["onAfterLeave"]);
 }
@@ -6187,7 +6215,7 @@ function dr(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", {
 				ref: "input",
 				id: t.inputId,
@@ -6331,7 +6359,7 @@ function mr(t, n, r, i, a, l) {
 		wrap: r.inline,
 		class: l.classes
 	}), {
-		default: M(() => [(b(!0), c(e, null, w(l.radioItems, (e, i) => (b(), o(u, h({
+		default: j(() => [(b(!0), c(e, null, w(l.radioItems, (e, i) => (b(), o(u, h({
 			ref_for: !0,
 			ref: "item",
 			key: i,
@@ -6349,7 +6377,7 @@ function mr(t, n, r, i, a, l) {
 			readonly: t.isReadonly || null,
 			class: { mt1: !r.inline && i }
 		}), {
-			default: M(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
+			default: j(() => [t.$slots[`item.${i + 1}`] || t.$slots.item ? T(t.$slots, t.$slots[`item.${i + 1}`] ? `item.${i + 1}` : "item", {
 				key: 0,
 				item: l.getOriginalItem(e),
 				index: i + 1,
@@ -6488,7 +6516,7 @@ function vr(t, n, r, i, a, u) {
 		},
 		class: u.classes
 	}), {
-		default: M(() => [l("input", {
+		default: j(() => [l("input", {
 			id: t.inputId,
 			name: t.inputName,
 			type: "hidden",
@@ -6714,54 +6742,54 @@ var yr = /* @__PURE__ */ q({
 				deltaXorY: "deltaY",
 				scrollTopOrLeft: "scrollTop"
 			}
-		}, s = A(), u = ie(), d = S(null), f = S(null), p = S(null), m = S(null), v = S(!1), x = S(!1), C = S(!1), w = S(0), E = S(0), ne = S("native"), D = S(!1), O = S(!1), k = S({
+		}, s = ae(), u = ie(), d = S(null), f = S(null), p = S(null), m = S(null), v = S(!1), x = S(!1), C = S(!1), w = S(0), E = S(0), ne = S("native"), D = S(!1), O = S(!1), k = S({
 			offset: 0,
 			trackStart: 0,
 			trackSize: 0
-		}), ae = S(null), j = null, M = null, P = null, ce = "", I = a(() => r.horizontal), L = a(() => o[I.value ? "h" : "v"]), le = a(() => r.disabled ? -1 : r.tabindex), R = a(() => {
+		}), oe = S(null), A = null, j = null, N = null, le = "", F = a(() => r.horizontal), I = a(() => o[F.value ? "h" : "v"]), ue = a(() => r.disabled ? -1 : r.tabindex), L = a(() => {
 			let e = r.scrollbar;
 			return e === 0 || e === "0" ? "off" : e === 1 || e === "1" ? "always" : e === "hover" ? "hover" : e === "interaction" ? "interaction" : "always";
-		}), z = a(() => R.value !== "off"), ue = a(() => ({
-			[`w-scrollable--${L.value.direction}`]: !0,
+		}), R = a(() => L.value !== "off"), de = a(() => ({
+			[`w-scrollable--${I.value.direction}`]: !0,
 			"w-scrollable--disabled": r.disabled,
 			"w-scrollable--dragging": C.value,
 			"w-scrollable--scrolling": x.value || C.value
-		})), de = a(() => ({
-			[`w-scrollable__scrollbar--${L.value.direction}`]: !0,
-			"w-scrollable__scrollbar--hidden": !ye.value,
+		})), fe = a(() => ({
+			[`w-scrollable__scrollbar--${I.value.direction}`]: !0,
+			"w-scrollable__scrollbar--hidden": !be.value,
 			[`${r.bgColor}--bg`]: !!r.bgColor
-		})), fe = a(() => Y(r.contentClass ?? {})), B = a(() => (E.value, f.value ? f.value[L.value.scrollSize] > f.value[L.value.clientSize] + 1 : !1)), V = a(() => (E.value, f.value ? Math.max(0, f.value[L.value.scrollSize] - f.value[L.value.clientSize]) : 0)), pe = a(() => I.value ? "horizontal" : "vertical"), me = a(() => B.value ? Math.max(0, Math.round(V.value)) : 0), he = a(() => {
+		})), pe = a(() => Y(r.contentClass ?? {})), z = a(() => (E.value, f.value ? f.value[I.value.scrollSize] > f.value[I.value.clientSize] + 1 : !1)), B = a(() => (E.value, f.value ? Math.max(0, f.value[I.value.scrollSize] - f.value[I.value.clientSize]) : 0)), me = a(() => F.value ? "horizontal" : "vertical"), he = a(() => z.value ? Math.max(0, Math.round(B.value)) : 0), ge = a(() => {
 			if (!f.value) return 0;
-			let e = Math.round(f.value[L.value.scrollTopOrLeft]), t = me.value;
+			let e = Math.round(f.value[I.value.scrollTopOrLeft]), t = he.value;
 			return t ? Math.min(t, Math.max(0, e)) : 0;
-		}), ge = a(() => {
+		}), _e = a(() => {
 			let e = u["aria-label"] ?? u.ariaLabel;
 			return typeof e == "string" && e ? e : "";
-		}), _e = a(() => ge.value ? `${ge.value}, scroll position` : I.value ? "Horizontal scrollbar" : "Vertical scrollbar"), ve = a(() => {
-			if (E.value, !f.value || !B.value) return 100;
-			let e = f.value[L.value.clientSize], t = f.value[L.value.scrollSize];
+		}), ve = a(() => _e.value ? `${_e.value}, scroll position` : F.value ? "Horizontal scrollbar" : "Vertical scrollbar"), ye = a(() => {
+			if (E.value, !f.value || !z.value) return 100;
+			let e = f.value[I.value.clientSize], t = f.value[I.value.scrollSize];
 			return Math.max(8, Math.min(100, e * 100 / t));
-		}), ye = a(() => {
-			let e = R.value;
-			return !B.value || e === "off" ? !1 : e === "always" ? !0 : e === "hover" ? v.value || C.value || x.value : e === "interaction" ? C.value || x.value : !0;
+		}), be = a(() => {
+			let e = L.value;
+			return !z.value || e === "off" ? !1 : e === "always" ? !0 : e === "hover" ? v.value || C.value || x.value : e === "interaction" ? C.value || x.value : !0;
 		});
-		function be(e) {
+		function xe(e) {
 			if (!(e == null || e === "")) return typeof e == "number" ? `${e}px` : typeof e == "string" && /^-?\d+(\.\d+)?$/.test(e.trim()) ? `${e.trim()}px` : e;
 		}
-		let xe = a(() => ({
-			"max-width": be(r.width),
-			"max-height": be(r.height)
-		})), H = a(() => {
-			let e = Math.max(0, 100 - ve.value), t = U(w.value / 100 * e, 0, e);
+		let Se = a(() => ({
+			"max-width": xe(r.width),
+			"max-height": xe(r.height)
+		})), V = a(() => {
+			let e = Math.max(0, 100 - ye.value), t = H(w.value / 100 * e, 0, e);
 			return {
-				[L.value.size]: `${ve.value}%`,
-				[L.value.topOrLeft]: `${t}%`
+				[I.value.size]: `${ye.value}%`,
+				[I.value.topOrLeft]: `${t}%`
 			};
 		});
-		function U(e, t, n) {
+		function H(e, t, n) {
 			return Math.max(t, Math.min(e, n));
 		}
-		function Se(e) {
+		function Ce(e) {
 			if (!e || e === d.value) return !1;
 			let t = e.tagName;
 			return t ? e.isContentEditable ? !0 : [
@@ -6771,7 +6799,7 @@ var yr = /* @__PURE__ */ q({
 				"BUTTON"
 			].includes(t) : !1;
 		}
-		function Ce(e = "native") {
+		function we(e = "native") {
 			if (!f.value) return {
 				top: 0,
 				left: 0,
@@ -6792,10 +6820,10 @@ var yr = /* @__PURE__ */ q({
 				source: e
 			};
 		}
-		function we(e = "native") {
-			let t = Ce(e);
-			i("scroll", t), O.value || (O.value = !0, i("scroll-start", t)), j && window.clearTimeout(j), j = window.setTimeout(() => {
-				O.value = !1, i("scroll-end", Ce("native"));
+		function U(e = "native") {
+			let t = we(e);
+			i("scroll", t), O.value || (O.value = !0, i("scroll-start", t)), A && window.clearTimeout(A), A = window.setTimeout(() => {
+				O.value = !1, i("scroll-end", we("native"));
 			}, Cr);
 		}
 		function Te() {
@@ -6805,19 +6833,19 @@ var yr = /* @__PURE__ */ q({
 			v.value = !1;
 		}
 		function W() {
-			f.value && (w.value = V.value ? f.value[L.value.scrollTopOrLeft] * 100 / V.value : 0);
+			f.value && (w.value = B.value ? f.value[I.value.scrollTopOrLeft] * 100 / B.value : 0);
 		}
 		function G(e, t = "api") {
 			if (!f.value) return;
-			let n = U(e, 0, V.value), r = f.value[L.value.scrollTopOrLeft];
+			let n = H(e, 0, B.value), r = f.value[I.value.scrollTopOrLeft];
 			if (ne.value = t, Math.abs(r - n) < 1) {
-				W(), we(t);
+				W(), U(t);
 				return;
 			}
-			(t === "wheel" || t === "keyboard") && q(), D.value = !0, f.value[L.value.scrollTopOrLeft] = n, W(), we(t);
+			(t === "wheel" || t === "keyboard") && q(), D.value = !0, f.value[I.value.scrollTopOrLeft] = n, W(), U(t);
 		}
 		function De(e, t = "api") {
-			G(U(e, 0, 100) / 100 * V.value, t);
+			G(H(e, 0, 100) / 100 * B.value, t);
 		}
 		function K() {
 			g(() => {
@@ -6831,15 +6859,15 @@ var yr = /* @__PURE__ */ q({
 				D.value = !1;
 				return;
 			}
-			W(), we(ne.value), ne.value = "native";
+			W(), U(ne.value), ne.value = "native";
 		}
 		function ke(e) {
 			let t = e.deltaX || 0, n = e.deltaY || 0, i = 0;
-			return I.value ? (i = Math.abs(t) >= Math.abs(n) ? t : n, !i && e.shiftKey && (i = n)) : i = Math.abs(n) >= Math.abs(t) ? n : t, f.value ? e.deltaMode === 1 ? i * r.wheelStep : e.deltaMode === 2 ? i * f.value[L.value.clientSize] : i : i;
+			return F.value ? (i = Math.abs(t) >= Math.abs(n) ? t : n, !i && e.shiftKey && (i = n)) : i = Math.abs(n) >= Math.abs(t) ? n : t, f.value ? e.deltaMode === 1 ? i * r.wheelStep : e.deltaMode === 2 ? i * f.value[I.value.clientSize] : i : i;
 		}
 		function q() {
-			x.value = !0, M && window.clearTimeout(M), M = window.setTimeout(() => {
-				x.value = !1, M = null;
+			x.value = !0, j && window.clearTimeout(j), j = window.setTimeout(() => {
+				x.value = !1, j = null;
 			}, wr);
 		}
 		function Ae() {
@@ -6853,14 +6881,14 @@ var yr = /* @__PURE__ */ q({
 			if (typeof e != "object" || !e) return;
 			let t = f.value, n = Math.max(0, t.scrollHeight - t.clientHeight), i = Math.max(0, t.scrollWidth - t.clientWidth), a = "top" in e && e.top != null && typeof e.top == "number" && !Number.isNaN(e.top), o = "left" in e && e.left != null && typeof e.left == "number" && !Number.isNaN(e.left);
 			if (a || o) {
-				D.value = !0, a && (t.scrollTop = U(e.top, 0, n)), o && (t.scrollLeft = U(e.left, 0, i)), W(), we("api");
+				D.value = !0, a && (t.scrollTop = H(e.top, 0, n)), o && (t.scrollLeft = H(e.left, 0, i)), W(), U("api");
 				return;
 			}
-			let s = I.value ? e.left ?? e.top : e.top ?? e.left;
+			let s = F.value ? e.left ?? e.top : e.top ?? e.left;
 			typeof s == "number" && !Number.isNaN(s) && G(s, "api");
 		}
 		function je(e) {
-			e ? (ce = document.documentElement.style.cursor, document.documentElement.style.cursor = "grabbing") : (document.documentElement.style.cursor = ce, ce = "");
+			e ? (le = document.documentElement.style.cursor, document.documentElement.style.cursor = "grabbing") : (document.documentElement.style.cursor = le, le = "");
 		}
 		function Me() {
 			document.addEventListener("pointermove", Ve, !0), document.addEventListener("pointerup", He, !0), document.addEventListener("pointercancel", He, !0);
@@ -6869,51 +6897,51 @@ var yr = /* @__PURE__ */ q({
 			document.removeEventListener("pointermove", Ve, !0), document.removeEventListener("pointerup", He, !0), document.removeEventListener("pointercancel", He, !0);
 		}
 		function Pe(e) {
-			if (r.disabled || !B.value) return;
+			if (r.disabled || !z.value) return;
 			if (e.metaKey) {
 				let t = ke(e);
 				if (!t) return;
-				e.preventDefault(), G(t < 0 ? 0 : V.value, "wheel");
+				e.preventDefault(), G(t < 0 ? 0 : B.value, "wheel");
 				return;
 			}
 			let t = ke(e);
 			if (!t) return;
-			let n = f.value[L.value.scrollTopOrLeft], i = U(n + t, 0, V.value), a = n <= 0 && t < 0, o = n >= V.value && t > 0;
+			let n = f.value[I.value.scrollTopOrLeft], i = H(n + t, 0, B.value), a = n <= 0 && t < 0, o = n >= B.value && t > 0;
 			a || o || (e.preventDefault(), G(i, "wheel"));
 		}
 		function Fe(e) {
-			if (r.disabled || !B.value || Se(e.target)) return;
-			let t = f.value[L.value.scrollTopOrLeft], n = r.wheelStep, i = f.value[L.value.clientSize], a = null;
+			if (r.disabled || !z.value || Ce(e.target)) return;
+			let t = f.value[I.value.scrollTopOrLeft], n = r.wheelStep, i = f.value[I.value.clientSize], a = null;
 			if (e.metaKey) {
-				if (e.key === "ArrowUp" && !I.value) {
+				if (e.key === "ArrowUp" && !F.value) {
 					e.preventDefault(), G(0, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowDown" && !I.value) {
-					e.preventDefault(), G(V.value, "keyboard");
+				if (e.key === "ArrowDown" && !F.value) {
+					e.preventDefault(), G(B.value, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowLeft" && I.value) {
+				if (e.key === "ArrowLeft" && F.value) {
 					e.preventDefault(), G(0, "keyboard");
 					return;
 				}
-				if (e.key === "ArrowRight" && I.value) {
-					e.preventDefault(), G(V.value, "keyboard");
+				if (e.key === "ArrowRight" && F.value) {
+					e.preventDefault(), G(B.value, "keyboard");
 					return;
 				}
 			}
 			switch (e.key) {
 				case "ArrowUp":
-					I.value || (a = t - n);
+					F.value || (a = t - n);
 					break;
 				case "ArrowDown":
-					I.value || (a = t + n);
+					F.value || (a = t + n);
 					break;
 				case "ArrowLeft":
-					I.value && (a = t - n);
+					F.value && (a = t - n);
 					break;
 				case "ArrowRight":
-					I.value && (a = t + n);
+					F.value && (a = t + n);
 					break;
 				case "PageUp":
 					a = t - i;
@@ -6925,7 +6953,7 @@ var yr = /* @__PURE__ */ q({
 					a = 0;
 					break;
 				case "End":
-					a = V.value;
+					a = B.value;
 					break;
 			}
 			a !== null && (e.preventDefault(), G(a, "keyboard"));
@@ -6933,43 +6961,43 @@ var yr = /* @__PURE__ */ q({
 		function Ie(e, t, n) {
 			if (!p.value) return;
 			let r = p.value.getBoundingClientRect();
-			k.value.trackStart = r[L.value.topOrLeft], k.value.trackSize = r[L.value.size], k.value.offset = Number.isFinite(t) ? t : 0, C.value = !0;
+			k.value.trackStart = r[I.value.topOrLeft], k.value.trackSize = r[I.value.size], k.value.offset = Number.isFinite(t) ? t : 0, C.value = !0;
 			let i = n?.pointerId;
 			if (i != null && d.value?.setPointerCapture) try {
-				d.value.setPointerCapture(i), ae.value = i;
+				d.value.setPointerCapture(i), oe.value = i;
 			} catch {
-				ae.value = null;
+				oe.value = null;
 			}
 			je(!0), Le(e), Me();
 		}
 		function Le(e) {
 			if (!C.value || !k.value.trackSize) return;
-			let t = k.value.trackSize * (ve.value / 100), n = Math.max(1, k.value.trackSize - t);
-			De(U(e - k.value.trackStart - k.value.offset, 0, n) / n * 100, "drag");
+			let t = k.value.trackSize * (ye.value / 100), n = Math.max(1, k.value.trackSize - t);
+			De(H(e - k.value.trackStart - k.value.offset, 0, n) / n * 100, "drag");
 		}
 		function Re() {
-			if (ae.value != null && d.value?.releasePointerCapture) {
+			if (oe.value != null && d.value?.releasePointerCapture) {
 				try {
-					d.value.releasePointerCapture(ae.value);
+					d.value.releasePointerCapture(oe.value);
 				} catch {}
-				ae.value = null;
+				oe.value = null;
 			}
 			je(!1), C.value = !1, Ne();
 		}
 		function ze(e) {
 			if (r.disabled || e.button !== 0 && e.pointerType !== "touch") return;
 			Re();
-			let t = m.value?.getBoundingClientRect(), n = t ? t[L.value.size] / 2 : 0;
-			Ie(e[L.value.clientXorY], n, e);
+			let t = m.value?.getBoundingClientRect(), n = t ? t[I.value.size] / 2 : 0;
+			Ie(e[I.value.clientXorY], n, e);
 		}
 		function Be(e) {
 			if (r.disabled || e.button !== 0 && e.pointerType !== "touch") return;
 			Re();
-			let t = m.value?.getBoundingClientRect(), n = t ? e[L.value.clientXorY] - t[L.value.topOrLeft] : 0;
-			Ie(e[L.value.clientXorY], n, e);
+			let t = m.value?.getBoundingClientRect(), n = t ? e[I.value.clientXorY] - t[I.value.topOrLeft] : 0;
+			Ie(e[I.value.clientXorY], n, e);
 		}
 		function Ve(e) {
-			C.value && (e.cancelable && e.preventDefault(), Le(e[L.value.clientXorY]));
+			C.value && (e.cancelable && e.preventDefault(), Le(e[I.value.clientXorY]));
 		}
 		function He() {
 			C.value && Re();
@@ -6982,43 +7010,43 @@ var yr = /* @__PURE__ */ q({
 			e && typeof e == "object" && J(e);
 		}
 		function J({ top: e, left: t, behavior: n = "auto" } = {}) {
-			let r = I.value ? t ?? e : e ?? t;
+			let r = F.value ? t ?? e : e ?? t;
 			typeof r == "number" && G(r, "api");
 		}
 		function We({ top: e = 0, left: t = 0, behavior: n = "auto" } = {}) {
 			if (!f.value) return;
-			let r = I.value ? t : e;
-			G(f.value[L.value.scrollTopOrLeft] + r, "api");
+			let r = F.value ? t : e;
+			G(f.value[I.value.scrollTopOrLeft] + r, "api");
 		}
 		function Ge() {
 			G(0, "api");
 		}
 		function Ke() {
-			G(V.value, "api");
+			G(B.value, "api");
 		}
 		function qe() {
 			d.value?.focus();
 		}
 		return te(() => {
-			K(), window.addEventListener("resize", K), typeof ResizeObserver < "u" && f.value && (P = new ResizeObserver(() => K()), P.observe(f.value)), g(() => {
+			K(), window.addEventListener("resize", K), typeof ResizeObserver < "u" && f.value && (N = new ResizeObserver(() => K()), N.observe(f.value)), g(() => {
 				requestAnimationFrame(() => {
 					Ae(), W();
 				});
 			});
-		}), se(() => [
+		}), ce(() => [
 			r.horizontal,
 			r.width,
 			r.height
-		], () => K()), se(() => r.scrollPosition, () => {
+		], () => K()), ce(() => r.scrollPosition, () => {
 			r.scrollPosition != null && g(() => {
 				Ae(), W();
 			});
-		}, { deep: !0 }), se(I, () => {
+		}, { deep: !0 }), ce(F, () => {
 			r.scrollPosition != null && g(() => {
 				Ae(), W();
 			});
 		}), ee(() => {
-			window.removeEventListener("resize", K), Re(), j && window.clearTimeout(j), M && window.clearTimeout(M), P && f.value && P.unobserve(f.value), P = null;
+			window.removeEventListener("resize", K), Re(), A && window.clearTimeout(A), j && window.clearTimeout(j), N && f.value && N.unobserve(f.value), N = null;
 		}), t({
 			scroll: Ue,
 			scrollTo: J,
@@ -7032,43 +7060,43 @@ var yr = /* @__PURE__ */ q({
 			ref_key: "rootEl",
 			ref: d
 		}, e.$attrs, {
-			tabindex: le.value,
+			tabindex: ue.value,
 			role: "region",
 			"aria-disabled": r.disabled ? "true" : void 0,
 			onMouseenter: Te,
 			onMouseleave: Ee,
 			onWheel: Pe,
 			onKeydown: Fe,
-			class: ue.value,
-			style: xe.value
+			class: de.value,
+			style: Se.value
 		}), [l("div", {
-			class: _(["w-scrollable__content", fe.value]),
+			class: _(["w-scrollable__content", pe.value]),
 			id: re(s),
 			ref_key: "scrollableEl",
 			ref: f,
 			onScroll: Oe
-		}, [T(e.$slots, "default")], 42, xr), N(l("div", {
-			class: _(["w-scrollable__scrollbar", de.value]),
+		}, [T(e.$slots, "default")], 42, xr), M(l("div", {
+			class: _(["w-scrollable__scrollbar", fe.value]),
 			ref_key: "trackEl",
 			ref: p,
 			role: "presentation",
-			onPointerdown: F(ze, ["prevent"])
+			onPointerdown: P(ze, ["prevent"])
 		}, [l("div", {
 			class: _(["w-scrollable__scrollbar-thumb", { [r.color]: !!r.color }]),
 			ref_key: "thumbEl",
 			ref: m,
-			style: y(H.value),
+			style: y(V.value),
 			role: "scrollbar",
 			"aria-controls": re(s),
-			"aria-orientation": pe.value,
+			"aria-orientation": me.value,
 			"aria-valuemin": 0,
-			"aria-valuemax": me.value,
-			"aria-valuenow": he.value,
+			"aria-valuemax": he.value,
+			"aria-valuenow": ge.value,
 			"aria-disabled": r.disabled ? "true" : void 0,
-			"aria-label": _e.value,
+			"aria-label": ve.value,
 			tabindex: "-1",
-			onPointerdown: F(Be, ["stop", "prevent"])
-		}, null, 46, Sr)], 34), [[oe, B.value && z.value]])], 16, br));
+			onPointerdown: P(Be, ["stop", "prevent"])
+		}, null, 46, Sr)], 34), [[se, z.value && R.value]])], 16, br));
 	}
 }), Er = [
 	"aria-expanded",
@@ -7094,7 +7122,7 @@ function Ar(t, n, r, i, a, p) {
 		wrap: p.hasLabel && r.labelPosition !== "inside",
 		class: p.classes
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-select__label w-select__label--left w-form-el-shakable", t.labelClasses]),
@@ -7111,7 +7139,7 @@ function Ar(t, n, r, i, a, p) {
 				custom: "",
 				"min-width": "activator"
 			}, r.menuProps || {}), {
-				content: M(() => [f(g, {
+				content: j(() => [f(g, {
 					ref: "w-list",
 					"model-value": t.inputValue,
 					"onUpdate:modelValue": p.onInput,
@@ -7132,7 +7160,7 @@ function Ar(t, n, r, i, a, p) {
 					tabindex: "-1"
 				}, u({ _: 2 }, [w(r.items.length, (e) => ({
 					name: `item.${e}`,
-					fn: M(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? T(t.$slots, `item.${e}`, {
+					fn: j(({ item: n, selected: i, index: a }) => [t.$slots[`item.${e}`] && t.$slots[`item.${e}`](n, i, a) ? T(t.$slots, `item.${e}`, {
 						key: 0,
 						item: n,
 						selected: i,
@@ -7155,7 +7183,7 @@ function Ar(t, n, r, i, a, p) {
 					"selection-color",
 					"item-color-key"
 				])]),
-				default: M(() => [l("div", {
+				default: j(() => [l("div", {
 					class: _(["w-select__selection-wrap", p.inputWrapClasses]),
 					onClick: n[6] ||= (e) => !t.isDisabled && !t.isReadonly && p.onInputFieldClick(),
 					role: "button",
@@ -7170,7 +7198,7 @@ function Ar(t, n, r, i, a, p) {
 						tag: "label",
 						onClick: n[1] ||= (e) => t.$emit("click:inner-icon-left", e)
 					}, {
-						default: M(() => [d(O(r.innerIconLeft), 1)]),
+						default: j(() => [d(O(r.innerIconLeft), 1)]),
 						_: 1
 					})) : s("", !0)]),
 					t.$slots.selection ? (b(), c("div", Dr, [T(t.$slots, "selection", { item: r.multiple ? t.inputValue : t.inputValue[0] })])) : s("", !0),
@@ -7197,7 +7225,7 @@ function Ar(t, n, r, i, a, p) {
 						tag: "label",
 						onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 					}, {
-						default: M(() => [d(O(r.innerIconRight), 1)]),
+						default: j(() => [d(O(r.innerIconRight), 1)]),
 						_: 1
 					})) : s("", !0)])
 				], 10, Er)]),
@@ -7500,7 +7528,7 @@ function Ur(t, n, r, i, a, u) {
 		wrap: t.formRegister || null,
 		class: u.wrapperClasses
 	}), {
-		default: M(() => [
+		default: j(() => [
 			t.$slots["label-left"] ? (b(), c("label", {
 				key: 0,
 				class: _(["w-slider__label w-slider__label--left w-form-el-shakable", t.labelClasses]),
@@ -7539,9 +7567,9 @@ function Ur(t, n, r, i, a, u) {
 				readonly: t.isReadonly || null,
 				"aria-readonly": t.isReadonly ? "true" : "false",
 				tabindex: t.isDisabled || t.isReadonly ? -1 : null,
-				onKeydown: [n[0] ||= P((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= P((e) => u.onKeyDown(e, 1), ["right"])],
+				onKeydown: [n[0] ||= N((e) => u.onKeyDown(e, -1), ["left"]), n[1] ||= N((e) => u.onKeyDown(e, 1), ["right"])],
 				onFocus: n[2] ||= (e) => t.$emit("focus", e),
-				onClick: n[3] ||= F(() => {}, ["prevent"])
+				onClick: n[3] ||= P(() => {}, ["prevent"])
 			}, null, 42, Ir), r.thumbLabel ? (b(), c("label", {
 				key: 0,
 				class: _(["w-slider__thumb-label", u.thumbClasses]),
@@ -7841,7 +7869,7 @@ function ni(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			l("input", h({
 				ref: "input",
 				id: t.inputId,
@@ -8018,7 +8046,7 @@ function pi(n, a, u, d, f, p) {
 			onClick: (t) => !e._disabled && e._uid !== n.activeTabUid && p.openTab(e._uid),
 			onFocus: (t) => n.$emit("focus", p.getOriginalItem(e)),
 			tabindex: !e._disabled && 0,
-			onKeypress: P((t) => !e._disabled && p.openTab(e._uid), ["enter"]),
+			onKeypress: N((t) => !e._disabled && p.openTab(e._uid), ["enter"]),
 			"aria-selected": e._uid === n.activeTabUid ? "true" : "false",
 			role: "tab"
 		}, [n.$slots[`item-title.${e.id || t + 1}`] ? T(n.$slots, `item-title.${e.id || t + 1}`, {
@@ -8042,12 +8070,12 @@ function pi(n, a, u, d, f, p) {
 		key: 0,
 		name: p.transitionName
 	}, {
-		default: M(() => [(b(!0), c(e, null, w(n.tabs, (e, t) => N((b(), o(m, {
+		default: j(() => [(b(!0), c(e, null, w(n.tabs, (e, t) => M((b(), o(m, {
 			key: e._uid,
 			item: e,
 			class: _(p.contentClasses)
 		}, {
-			default: M(() => [n.$slots[`item-content.${e._index + 1}`] ? T(n.$slots, `item-content.${e._index + 1}`, {
+			default: j(() => [n.$slots[`item-content.${e._index + 1}`] ? T(n.$slots, `item-content.${e._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(e),
 				index: e._index + 1,
@@ -8062,19 +8090,19 @@ function pi(n, a, u, d, f, p) {
 				innerHTML: e[u.itemContentKey]
 			}, null, 8, di)) : s("", !0)])]),
 			_: 2
-		}, 1032, ["item", "class"])), [[oe, e._uid === p.activeTab._uid]])), 128))]),
+		}, 1032, ["item", "class"])), [[se, e._uid === p.activeTab._uid]])), 128))]),
 		_: 3
 	}, 8, ["name"])) : (b(), o(r, {
 		key: 1,
 		name: p.transitionName,
 		mode: p.transitionMode
 	}, {
-		default: M(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
+		default: j(() => [(b(), o(t, { exclude: u.keepAlive ? "" : "tab-content" }, [(b(), o(m, {
 			key: n.activeTabUid,
 			item: p.activeTab,
 			class: _(u.contentClass)
 		}, {
-			default: M(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? T(n.$slots, `item-content.${t._index + 1}`, {
+			default: j(({ item: t }) => [t ? (b(), c(e, { key: 0 }, [n.$slots[`item-content.${t._index + 1}`] ? T(n.$slots, `item-content.${t._index + 1}`, {
 				key: 0,
 				item: p.getOriginalItem(t),
 				index: t._index + 1,
@@ -8099,7 +8127,7 @@ var mi = /* @__PURE__ */ q({
 	expose: ["focus"],
 	mixins: [X],
 	setup() {
-		return { tabsStableId: A() };
+		return { tabsStableId: ae() };
 	},
 	props: {
 		modelValue: { type: [Number, String] },
@@ -8394,7 +8422,7 @@ function Hi(t, n, r, i, a, u) {
 				key: 0,
 				class: _(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: M(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
+				default: j(() => [...n[9] ||= [d("wi-arrow-down", -1)]]),
 				_: 1
 			}, 8, ["class"])) : s("", !0),
 			i.label ? (b(), c(e, { key: 1 }, [t.$slots["header-label"] ? T(t.$slots, "header-label", {
@@ -8410,7 +8438,7 @@ function Hi(t, n, r, i, a, u) {
 				key: 2,
 				class: _(["w-table__header-sort", u.headerSortClasses(i)])
 			}, {
-				default: M(() => [...n[10] ||= [d("wi-arrow-down", -1)]]),
+				default: j(() => [...n[10] ||= [d("wi-arrow-down", -1)]]),
 				_: 1
 			}, 8, ["class"])) : s("", !0),
 			a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -8419,10 +8447,10 @@ function Hi(t, n, r, i, a, u) {
 					"w-table__col-resizer--hover": t.colResizing.hover === a,
 					"w-table__col-resizer--active": t.colResizing.columnIndex === a
 				}]),
-				onClick: n[0] ||= F(() => {}, ["stop"])
+				onClick: n[0] ||= P(() => {}, ["stop"])
 			}, null, 2)) : s("", !0)
 		], 42, yi))), 128))]), f(h, null, {
-			default: M(() => [r.loading === "header" ? (b(), c("tr", xi, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Si)])) : s("", !0)]),
+			default: j(() => [r.loading === "header" ? (b(), c("tr", xi, [l("td", { colspan: r.headers.length }, [f(m, { tile: "" })], 8, Si)])) : s("", !0)]),
 			_: 1
 		})])),
 		l("tbody", null, [
@@ -8491,7 +8519,7 @@ function Hi(t, n, r, i, a, u) {
 				class: "w-table__cell",
 				colspan: r.headers.length
 			}, [f(g, { y: "" }, {
-				default: M(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Pi, [T(t.$slots, "row-expansion", {
+				default: j(() => [u.expandedRowsByUid[i._uid] ? (b(), c("div", Pi, [T(t.$slots, "row-expansion", {
 					item: i,
 					index: a + 1
 				})])) : s("", !0), a < r.headers.length - 1 && r.resizableColumns ? (b(), c("span", {
@@ -8549,7 +8577,7 @@ function Hi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [d(O(r), 1)]),
+				default: j(() => [d(O(r), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"])) : [
 				1,
@@ -8564,7 +8592,7 @@ function Hi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [...n[13] ||= [d("...", -1)]]),
+				default: j(() => [...n[13] ||= [d("...", -1)]]),
 				_: 1
 			}, 8, ["onClick", "class"])) : s("", !0)], 64))), 128)) : (b(!0), c(e, { key: 1 }, w(t.paginationConfig.pagesCount, (e) => (b(), o(y, {
 				class: _(["w-pagination__page", { "w-pagination__page--active": e === t.paginationConfig.page }]),
@@ -8573,7 +8601,7 @@ function Hi(t, n, r, i, a, u) {
 				round: "",
 				lg: ""
 			}, {
-				default: M(() => [d(O(e), 1)]),
+				default: j(() => [d(O(e), 1)]),
 				_: 2
 			}, 1032, ["onClick", "class"]))), 128)),
 			f(y, {
@@ -8618,7 +8646,7 @@ var Ui = 15, Wi = /* @__PURE__ */ q({
 			1,
 			"1",
 			""
-		].includes(e) || z(`Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
+		].includes(e) || R(`Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
 		expandedRows: { type: Array },
 		selectableRows: { validator: (e) => ([
 			void 0,
@@ -8627,7 +8655,7 @@ var Ui = 15, Wi = /* @__PURE__ */ q({
 			1,
 			"1",
 			""
-		].includes(e) || z(`Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
+		].includes(e) || R(`Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`), !0) },
 		selectedRows: { type: Array },
 		forceSelection: { type: Boolean },
 		uidKey: {
@@ -8645,7 +8673,7 @@ var Ui = 15, Wi = /* @__PURE__ */ q({
 				Object,
 				String
 			],
-			validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (z("Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."), !1) : !0
+			validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (R("Wrong pagination config received in the w-table's `pagination` prop (received: `" + JSON.stringify(e) + "`). \nExpected object: { itemsPerPage: Integer, page: Integer } or { itemsPerPage: Integer, start: Integer }."), !1) : !0
 		},
 		dark: { type: Boolean },
 		light: { type: Boolean }
@@ -8912,7 +8940,7 @@ function Ki(e, t, n, r, i, a) {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		},
 		onPointerdown: t[2] ||= (...e) => a.onTagPointerDown && a.onTagPointerDown(...e),
-		onKeypress: t[3] ||= P((t) => {
+		onKeypress: t[3] ||= N((t) => {
 			e.$emit("update:modelValue", !n.modelValue), e.$emit("input", !n.modelValue);
 		}, ["enter"]),
 		role: n.modelValue !== -1 && "button",
@@ -8922,7 +8950,7 @@ function Ki(e, t, n, r, i, a) {
 	}, [T(e.$slots, "default"), n.closable && n.modelValue ? (b(), c("i", {
 		key: 0,
 		class: "w-icon w-tag__closable wi-cross",
-		onClick: t[0] ||= F((t) => {
+		onClick: t[0] ||= P((t) => {
 			e.$emit("update:modelValue", !1), e.$emit("input", !1);
 		}, ["stop"]),
 		role: "icon",
@@ -9022,7 +9050,7 @@ function Zi(t, n, r, i, a, u) {
 		class: u.classes,
 		style: t.$attrs.style
 	}), {
-		default: M(() => [
+		default: j(() => [
 			r.labelPosition === "left" ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 				key: 0,
 				class: _(["w-textarea__label w-textarea__label--left w-form-el-shakable", t.labelClasses]),
@@ -9036,10 +9064,10 @@ function Zi(t, n, r, i, a, u) {
 					for: t.inputId,
 					onClick: n[0] ||= (e) => t.$emit("click:inner-icon-left", e)
 				}, {
-					default: M(() => [d(O(r.innerIconLeft), 1)]),
+					default: j(() => [d(O(r.innerIconLeft), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)]),
-				N(l("textarea", h({
+				M(l("textarea", h({
 					class: "w-textarea__textarea",
 					ref: "textarea",
 					"onUpdate:modelValue": n[1] ||= (e) => a.inputValue = e
@@ -9057,7 +9085,7 @@ function Zi(t, n, r, i, a, u) {
 					disabled: t.isDisabled || null,
 					required: t.required || null,
 					tabindex: t.tabindex || null
-				}), null, 16, Yi), [[j, a.inputValue]]),
+				}), null, 16, Yi), [[A, a.inputValue]]),
 				r.labelPosition === "inside" && u.showLabelInside ? (b(), c(e, { key: 0 }, [t.$slots.default || r.label ? (b(), c("label", {
 					key: 0,
 					class: _(["w-textarea__label w-textarea__label--inside w-form-el-shakable", t.labelClasses])
@@ -9069,7 +9097,7 @@ function Zi(t, n, r, i, a, u) {
 					for: t.inputId,
 					onClick: n[5] ||= (e) => t.$emit("click:inner-icon-right", e)
 				}, {
-					default: M(() => [d(O(r.innerIconRight), 1)]),
+					default: j(() => [d(O(r.innerIconRight), 1)]),
 					_: 1
 				}, 8, ["for"])) : s("", !0)])
 			], 2),
@@ -9233,7 +9261,7 @@ function ta(t, n, r, i, a, s) {
 		class: "w-timeline-item",
 		key: n
 	}, [(b(), o(D(e[r.itemIconKey] || r.icon ? "w-icon" : "div"), { class: _(["w-timeline-item__bullet", { [e[r.itemColorKey] || r.color]: e[r.itemColorKey] || r.color }]) }, {
-		default: M(() => [d(O(e[r.itemIconKey] || r.icon), 1)]),
+		default: j(() => [d(O(e[r.itemIconKey] || r.icon), 1)]),
 		_: 2
 	}, 1032, ["class"])), t.$slots[`item.${n + 1}`] ? T(t.$slots, `item.${n + 1}`, {
 		key: 1,
@@ -9367,7 +9395,7 @@ function aa(t, i, a, l, u, p) {
 			onAfterEnter: t.onDetachableAfterEnter,
 			onAfterLeave: t.onAfterLeave
 		}, {
-			default: M(() => [t.detachableVisible ? (b(), c("div", {
+			default: j(() => [t.detachableVisible ? (b(), c("div", {
 				class: _(["w-tooltip", p.classes]),
 				ref: "detachable",
 				key: l.tooltipInstanceId,
@@ -9385,7 +9413,7 @@ var oa = /* @__PURE__ */ q({
 	name: "w-tooltip",
 	mixins: [Hn],
 	setup() {
-		return { tooltipInstanceId: A() };
+		return { tooltipInstanceId: ae() };
 	},
 	props: {
 		modelValue: {},
@@ -9503,7 +9531,7 @@ var oa = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-bounce.vue?vue&type=template&lang.js
 function sa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "bounce" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -9532,7 +9560,7 @@ function la(e, t, n, i, a, s) {
 		onLeave: s.leave,
 		onAfterLeave: s.afterLeave
 	}, {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 8, [
 		"mode",
@@ -9649,7 +9677,7 @@ var ua = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-fade.vue?vue&type=template&lang.js
 function da(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "fade" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -9665,7 +9693,7 @@ var fa = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-scale.vue?vue&type=template&lang.js
 function pa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -9681,7 +9709,7 @@ var ma = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-scale-fade.vue?vue&type=template&lang.js
 function ha(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "scale-fade" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -9697,7 +9725,7 @@ var ga = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-slide.vue?vue&type=template&lang.js
 function _a(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
@@ -9725,7 +9753,7 @@ var va = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-slide-fade.vue?vue&type=template&lang.js
 function ya(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: s.transitionName }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16, ["name"]);
 }
@@ -9753,7 +9781,7 @@ var ba = /* @__PURE__ */ q({
 //#region src/wave-ui/components/transitions/w-transition-twist.vue?vue&type=template&lang.js
 function xa(e, t, n, i, a, s) {
 	return b(), o(r, h({ name: "twist" }, e.$props), {
-		default: M(() => [T(e.$slots, "default")]),
+		default: j(() => [T(e.$slots, "default")]),
 		_: 3
 	}, 16);
 }
@@ -9780,10 +9808,10 @@ function Ta(t, n, r, i, a, u) {
 		class: u.itemLabelClasses(e),
 		tabindex: u.getTreeItemTabindex(e)
 	}), {
-		default: M(() => [(e.children || e.branch) && (r.expandOpenIcon && e.open || r.expandIcon) && !(r.unexpandableEmpty && !e.children) ? (b(), o(f, {
+		default: j(() => [(e.children || e.branch) && (r.expandOpenIcon && e.open || r.expandIcon) && !(r.unexpandableEmpty && !e.children) ? (b(), o(f, {
 			key: 0,
 			class: "w-tree__item-expand",
-			onClick: F((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
+			onClick: P((t) => !r.disabled && !e.disabled && u.onLabelClick(e, t), ["stop"]),
 			color: "inherit",
 			icon: e.open && r.expandOpenIcon || r.expandIcon,
 			"icon-props": { rotate90a: !e.open },
@@ -9807,7 +9835,7 @@ function Ta(t, n, r, i, a, u) {
 				class: "w-tree__item-icon",
 				color: e.originalItem[r.itemIconColorKey] || r.iconColor
 			}, {
-				default: M(() => [d(O(u.itemIcon(e)), 1)]),
+				default: j(() => [d(O(u.itemIcon(e)), 1)]),
 				_: 2
 			}, 1032, ["color"])) : s("", !0),
 			l("span", { innerHTML: e.label }, null, 8, Ca),
@@ -9825,7 +9853,7 @@ function Ta(t, n, r, i, a, u) {
 		onAfterEnter: (n) => t.$emit("open", u.emitPayload(e)),
 		onAfterLeave: (n) => t.$emit("close", u.emitPayload(e))
 	}, {
-		default: M(() => [e.children && e.open ? (b(), o(m, h({
+		default: j(() => [e.children && e.open ? (b(), o(m, h({
 			key: 0,
 			ref_for: !0
 		}, t.$props, {
@@ -9840,7 +9868,7 @@ function Ta(t, n, r, i, a, u) {
 			onSelect: n[5] ||= (e) => t.$emit("select", e),
 			"onUpdate:modelValue": n[6] ||= (e) => t.$emit("update:model-value", e)
 		}), {
-			item: M(({ item: e, depth: n, path: r, open: i }) => [T(t.$slots, "item", {
+			item: j(({ item: e, depth: n, path: r, open: i }) => [T(t.$slots, "item", {
 				item: e,
 				depth: n,
 				path: r,
@@ -9948,7 +9976,7 @@ var Ea = /* @__PURE__ */ q({
 			this.disabled || J(this.$el.querySelector(".w-tree__item-label[tabindex=\"0\"]"));
 		},
 		updateCurrentDepthTree(e, t = []) {
-			if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object") return R(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`, e);
+			if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object") return L(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`, e);
 			Array.isArray(e) || (e = [e]), e.forEach((e, n) => {
 				let r = {
 					originalItem: e,
@@ -10059,7 +10087,7 @@ var Ea = /* @__PURE__ */ q({
 	unmounted() {
 		this.dataPropUnwatch();
 	}
-}, [["render", Ta]]), Da = /* @__PURE__ */ I({
+}, [["render", Ta]]), Da = /* @__PURE__ */ F({
 	WAccordion: () => mt,
 	WAccordionItem: () => ft,
 	WAlert: () => _t,