wave-ui 3.20.0 → 3.21.1

package/dist/wave-ui.es.js

@@ -1,12 +1,12 @@
-var $e = Object.defineProperty;
-var de = (e) => {
+var Xe = Object.defineProperty;
+var Ce = (e) => {
   throw TypeError(e);
 };
-var Ie = (e, t, i) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var F = (e, t, i) => Ie(e, typeof t != "symbol" ? t + "" : t, i), ue = (e, t, i) => t.has(e) || de("Cannot " + i);
-var Y = (e, t, i) => (ue(e, t, "read from private field"), i ? i.call(e) : t.get(e)), te = (e, t, i) => t.has(e) ? de("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), ie = (e, t, i, s) => (ue(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
-import { reactive as Z, resolveComponent as $, createBlock as b, openBlock as o, Teleport as Ve, createVNode as T, TransitionGroup as ae, normalizeClass as m, withCtx as f, createElementBlock as u, Fragment as v, renderList as x, createCommentVNode as p, mergeProps as _, createElementVNode as w, h as Te, render as Le, inject as Re, withKeys as A, renderSlot as c, withModifiers as M, createTextVNode as B, toDisplayString as S, normalizeStyle as R, toHandlers as ne, Transition as O, resolveDynamicComponent as L, normalizeProps as le, resolveDirective as ke, withDirectives as W, createSlots as ee, vShow as re, vModelText as ve, vModelDynamic as xe, KeepAlive as Oe } from "vue";
-const Pe = Z({
+var Ye = (e, t, i) => t in e ? Xe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var G = (e, t, i) => Ye(e, typeof t != "symbol" ? t + "" : t, i), Se = (e, t, i) => t.has(e) || Ce("Cannot " + i);
+var ie = (e, t, i) => (Se(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ue = (e, t, i) => t.has(e) ? Ce("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), he = (e, t, i, s) => (Se(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
+import { reactive as ae, resolveComponent as V, createBlock as b, openBlock as o, Teleport as Ge, createVNode as L, TransitionGroup as fe, normalizeClass as m, withCtx as f, createElementBlock as u, Fragment as v, renderList as O, createCommentVNode as p, mergeProps as $, createElementVNode as k, h as Je, render as Qe, inject as Ze, withKeys as N, renderSlot as c, withModifiers as A, createTextVNode as _, toDisplayString as S, normalizeStyle as x, toHandlers as ge, Transition as P, resolveDynamicComponent as R, normalizeProps as ce, resolveDirective as xe, withDirectives as F, createSlots as ne, vShow as be, vModelText as Oe, vModelDynamic as et, ref as D, computed as H, onMounted as tt, onBeforeUnmount as it, KeepAlive as lt } from "vue";
+const st = ae({
   on: "#app",
   // Sets the Wave UI root node. If not found, will default to `body`.
   breakpoints: {
@@ -66,15 +66,15 @@ const Pe = Z({
   },
   presets: {}
   // User presets for each component.
-}), Ce = (e, t = Pe) => {
+}), Pe = (e, t = st) => {
   if (!Object.keys(t).length) t = Object.assign(t, e);
   else
     for (const i in e) {
       const s = e[i];
-      typeof s == "object" && typeof t[i] == "object" ? Ce(e[i], t[i]) : t[i] = s;
+      typeof s == "object" && typeof t[i] == "object" ? Pe(e[i], t[i]) : t[i] = s;
     }
   return t;
-}, j = (e) => console.warn(`Wave UI: ${e}`), D = (e) => console.error(`Wave UI: ${e}`), ze = (e) => {
+}, J = (e) => console.warn(`Wave UI: ${e}`), X = (e) => console.error(`Wave UI: ${e}`), ot = (e) => {
   ["light", "dark"].forEach((t) => {
     var s, n, l;
     const i = e.colors[t];
@@ -85,13 +85,13 @@ const Pe = Z({
       if (h) {
         h.length === 3 && (d.color = `${h[0]}${h[0]}${h[1]}${h[1]}${h[2]}${h[2]}`);
         for (let y = 1; y <= 6; y++) {
-          const k = Ke(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = Ne(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
-          i.shades[`${d.label}-light${y}`] = k, i.shades[`${d.label}-dark${y}`] = g;
+          const w = ht(`#${d.color}`, y * ((r == null ? void 0 : r.lightIncrement) ?? 16) + ((r == null ? void 0 : r.lightOffset) ?? 0)), g = ct(`#${d.color}`, y * ((r == null ? void 0 : r.darkIncrement) ?? 12.4) + ((r == null ? void 0 : r.darkOffset) ?? 0));
+          i.shades[`${d.label}-light${y}`] = w, i.shades[`${d.label}-dark${y}`] = g;
         }
       }
     }
   });
-}, he = (e, t) => {
+}, Be = (e, t) => {
   const i = {
     ...t.reduce((s, n) => {
       s[n.label] = n.color;
@@ -101,27 +101,27 @@ const Pe = Z({
   };
   return delete i.shades, i;
 };
-function G(e, t, i) {
+function le(e, t, i) {
   return Math.min(Math.max(e, t), i);
 }
-function J(e) {
+function se(e) {
   const t = e.toString(16);
-  return t.length === 1 && `0${t}` || t.length === 2 && t || D(`expected value from 0~255, got: ${e}`) || "";
+  return t.length === 1 && `0${t}` || t.length === 2 && t || X(`expected value from 0~255, got: ${e}`) || "";
 }
-function Me(e) {
+function at(e) {
   return /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e);
 }
-function Ee(e) {
+function nt(e) {
   return /^#[0-9a-f]{3}([0-9a-f])?$/i.test(e);
 }
-function Ae(e) {
+function rt(e) {
   return `#${e.substring(1).split("").map((t) => `${t}${t}`).join("")}`;
 }
-function We(e) {
-  return Me(e) && e || Ee(e) && Ae(e) || D(`expected color hex string, got '${e}'`) || "";
+function dt(e) {
+  return at(e) && e || nt(e) && rt(e) || X(`expected color hex string, got '${e}'`) || "";
 }
-function ce(e) {
-  const t = We(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), n = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
+function _e(e) {
+  const t = dt(e), i = parseInt(t.substring(1, 3), 16), s = parseInt(t.substring(3, 5), 16), n = parseInt(t.substring(5, 7), 16), l = t.length === 9 ? parseInt(t.substring(7, 9), 16) / 255 : 1;
   return {
     red: i,
     green: s,
@@ -130,20 +130,20 @@ function ce(e) {
     hasAlpha: t.length === 9
   };
 }
-function pe(e, t, i, s) {
-  return `#${J(e)}${J(t)}${J(i)}${s ? J(Math.floor(s * 255)) : ""}`;
+function ut(e, t, i, s) {
+  return `#${se(e)}${se(t)}${se(i)}${s ? se(Math.floor(s * 255)) : ""}`;
 }
-function Se(e, t, i = 50) {
-  const s = ce(e), n = ce(t), l = G(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = G(Math.round(s.red * d + n.red * h), 0, 255), k = G(Math.round(s.green * d + n.green * h), 0, 255), g = G(Math.round(s.blue * d + n.blue * h), 0, 255), V = s.alpha * l + n.alpha * (1 - l);
-  return s.hasAlpha || n.hasAlpha || V !== 1 ? pe(y, k, g, V) : pe(y, k, g);
+function ze(e, t, i = 50) {
+  const s = _e(e), n = _e(t), l = le(i, 0, 100) / 100, a = 2 * l - 1, r = s.alpha - n.alpha, d = ((a * r === -1 ? a : (a + r) / (1 + a * r)) + 1) / 2, h = 1 - d, y = le(Math.round(s.red * d + n.red * h), 0, 255), w = le(Math.round(s.green * d + n.green * h), 0, 255), g = le(Math.round(s.blue * d + n.blue * h), 0, 255), B = s.alpha * l + n.alpha * (1 - l), I = [y, w, g];
+  return (s.hasAlpha || n.hasAlpha || B !== 1) && I.push(B), ut(...I);
 }
-function Ke(e, t = 15) {
-  return Se("#ffffff", e, t);
+function ht(e, t = 15) {
+  return ze("#ffffff", e, t);
 }
-function Ne(e, t = 12.4) {
-  return Se("#000000", e, t);
+function ct(e, t = 12.4) {
+  return ze("#000000", e, t);
 }
-const me = [
+const $e = [
   {
     label: "pink",
     color: "#e91e63",
@@ -490,30 +490,30 @@ const me = [
   { label: "white", color: "#fff" },
   { label: "transparent", color: "transparent" },
   { label: "inherit", color: "inherit" }
-], U = {
+], Q = {
   cssScope: ".w-app",
   baseIncrement: 4
 };
-let se = { keys: [], values: [] }, fe = null;
-const De = (e, t) => {
-  var V;
+let pe = { keys: [], values: [] }, Ie = null;
+const pt = (e, t) => {
+  var B;
   let i = "";
-  const s = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: y } = U;
+  const s = {}, { info: n, warning: l, success: a, error: r, shades: d, ...h } = e, { cssScope: y } = Q;
   for (const I in h)
     i += `${y} .${I}--bg{background-color:var(--w-${I}-color)}${y} .${I}{color:var(--w-${I}-color)}`;
   for (const I in d)
     i += `${y} .${I}--bg{background-color:${d[I]}}${y} .${I}{color:${d[I]}}`;
-  const k = { ...h, info: n, warning: l, success: a, error: r };
-  for (const I in k) s[I] = ((V = k[I]) == null ? void 0 : V.color) ?? k[I];
+  const w = { ...h, info: n, warning: l, success: a, error: r };
+  for (const I in w) s[I] = ((B = w[I]) == null ? void 0 : B.color) ?? w[I];
   if (t)
     for (const I in d) s[I] = d[I];
   let g = "";
-  return Object.entries(s).forEach(([I, z]) => {
-    g += `--w-${I}-color: ${z};`;
+  return Object.entries(s).forEach(([I, E]) => {
+    g += `--w-${I}-color: ${E};`;
   }), `:root{${g}}${i}`;
-}, He = (e, t) => {
+}, mt = (e, t) => {
   let i = "";
-  const { cssScope: s } = U;
+  const { cssScope: s } = Q;
   return e.forEach(({ min: n, label: l }) => {
     if (l === "xs")
       for (let a = 0; a < t; a++)
@@ -525,9 +525,9 @@ const De = (e, t) => {
       i += "}";
     }
   }), i;
-}, Fe = (e) => {
+}, ft = (e) => {
   let t = "";
-  const { cssScope: i, baseIncrement: s } = U, n = [
+  const { cssScope: i, baseIncrement: s } = Q, n = [
     "show{display:block}",
     "hide{display:none}",
     "d-flex{display:flex}",
@@ -574,11 +574,11 @@ const De = (e, t) => {
     a !== "xl" && (t += `@media (max-width:${r}px){` + n.map((d) => `${i} .${a}d-${d}`).join("") + // w-grid columns and gap.
     l.map((d, h) => `.w-grid.${a}d-columns${h + 1}{grid-template-columns:repeat(${h + 1},1fr);}`).join("") + l.map((d, h) => `.w-flex.${a}d-gap${h + 1},.w-grid.${a}d-gap${h + 1}{gap:${(h + 1) * s}px;}`).join("") + `.w-flex.${a}d-gap0,.w-flex.${a}d-gap0{gap:0}}`);
   }), t;
-}, ge = (e) => {
-  const t = window.innerWidth, i = se.values.slice(0);
+}, Ve = (e) => {
+  const t = window.innerWidth, i = pe.values.slice(0);
   i.push(t), i.sort((n, l) => n - l);
-  const s = se.keys[i.indexOf(t)] || "xl";
-  s !== fe && (fe = s, e.breakpoint = {
+  const s = pe.keys[i.indexOf(t)] || "xl";
+  s !== Ie && (Ie = s, e.breakpoint = {
     name: s,
     xs: s === "xs",
     sm: s === "sm",
@@ -587,43 +587,43 @@ const De = (e, t) => {
     xl: s === "xl",
     width: t
   }), e.breakpoint.width = window.innerWidth;
-}, je = (e) => {
+}, gt = (e) => {
   const { config: t } = e;
-  if (se = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
+  if (pe = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
-    i.id = "wave-ui-styles", i.innerHTML = qe(t);
+    i.id = "wave-ui-styles", i.innerHTML = yt(t);
     const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     s ? s.before(i) : document.head.appendChild(i);
   }
-  ge(e), window.addEventListener("resize", () => ge(e));
-}, Ue = (e, t, i) => {
+  Ve(e), window.addEventListener("resize", () => Ve(e));
+}, bt = (e, t, i) => {
   if (!document.getElementById("wave-ui-colors")) {
     const s = document.createElement("style");
-    s.id = "wave-ui-colors", s.innerHTML = De(e, t);
+    s.id = "wave-ui-colors", s.innerHTML = pt(e, t);
     const n = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
     n ? n.before(s) : document.head.appendChild(s);
   }
-}, qe = (e) => {
+}, yt = (e) => {
   const t = Object.entries(e.breakpoints), i = t.map(([l, a], r) => {
     const [, d = 0] = t[r - 1] || [];
     return { label: l, min: d ? d + 1 : 0, max: a };
   }), s = getComputedStyle(document.documentElement);
-  U.cssScope = s.getPropertyValue("--w-css-scope"), U.baseIncrement = parseInt(s.getPropertyValue("--w-base-increment"));
+  Q.cssScope = s.getPropertyValue("--w-css-scope"), Q.baseIncrement = parseInt(s.getPropertyValue("--w-base-increment"));
   let n = "";
-  return n += He(i, e.css.grid), e.css.breakpointLayoutClasses && (n += Fe(i)), n;
-}, Xe = ["innerHTML"];
-function Ye(e, t, i, s, n, l) {
-  const a = $("w-alert");
-  return o(), b(Ve, { to: ".w-app" }, [
-    T(ae, {
+  return n += mt(i, e.css.grid), e.css.breakpointLayoutClasses && (n += ft(i)), n;
+}, wt = ["innerHTML"];
+function kt(e, t, i, s, n, l) {
+  const a = V("w-alert");
+  return o(), b(Ge, { to: ".w-app" }, [
+    L(fe, {
       class: m(["w-notification-manager", { "w-notification-manager--left": l.conf.align === "left" }]),
       tag: "div",
       name: l.transition,
       appear: ""
     }, {
       default: f(() => [
-        (o(!0), u(v, null, x(l.notifications, (r) => (o(), u(v, null, [
-          r._value ? (o(), b(a, _({
+        (o(!0), u(v, null, O(l.notifications, (r) => (o(), u(v, null, [
+          r._value ? (o(), b(a, $({
             class: "white--bg",
             key: r._uid,
             modelValue: r._value,
@@ -632,9 +632,9 @@ function Ye(e, t, i, s, n, l) {
             ref_for: !0
           }, l.notifProps(r)), {
             default: f(() => [
-              w("div", {
+              k("div", {
                 innerHTML: r.message
-              }, null, 8, Xe)
+              }, null, 8, wt)
             ]),
             _: 2
           }, 1040, ["modelValue", "onUpdate:modelValue", "onClose"])) : p("", !0)
@@ -649,7 +649,7 @@ const C = (e, t) => {
   for (const [s, n] of t)
     i[s] = n;
   return i;
-}, Ge = {
+}, vt = {
   name: "w-notification-manager",
   computed: {
     conf() {
@@ -671,23 +671,23 @@ const C = (e, t) => {
       return l.dismiss && (l.dismiss = !0), l;
     }
   }
-}, Je = /* @__PURE__ */ C(Ge, [["render", Ye]]);
-var H;
-const K = class K {
+}, Ct = /* @__PURE__ */ C(vt, [["render", kt]]);
+var Y;
+const U = class U {
   constructor() {
-    F(this, "notifications");
+    G(this, "notifications");
     // Private fields.
-    F(this, "_uid");
+    G(this, "_uid");
     // A unique ID for each notification.
-    F(this, "_notificationDefaults");
-    if (Y(K, H)) return Y(K, H);
+    G(this, "_notificationDefaults");
+    if (ie(U, Y)) return ie(U, Y);
     this.notifications = [], this._uid = 0, this._notificationDefaults = {
       _uid: 0,
       _value: !0,
       message: "",
       timeout: 4e3,
       dismiss: !0
-    }, ie(K, H, this);
+    }, he(U, Y, this);
   }
   notify(...t) {
     let i = {
@@ -710,21 +710,21 @@ const K = class K {
     this.notifications = this.notifications.filter((i) => i._uid !== t);
   }
 };
-H = new WeakMap(), te(K, H);
-let oe = K;
-const Qe = (e) => {
+Y = new WeakMap(), ue(U, Y);
+let me = U;
+const St = (e) => {
   const t = document.createElement("div");
   document.body.appendChild(t);
-  const i = Te(Je);
-  i.appContext = e._context, Le(i, t), t.remove();
+  const i = Je(Ct);
+  i.appContext = e._context, Qe(i, t), t.remove();
 };
-let be = !1;
-const Ze = (e) => {
+let Te = !1;
+const Bt = (e) => {
   const t = window.matchMedia("(prefers-color-scheme: dark)");
   e.preferredTheme = t.matches ? "dark" : "light", e.switchTheme(e.preferredTheme), t.addEventListener("change", (i) => {
     e.preferredTheme = i.matches ? "dark" : "light", e.switchTheme(e.preferredTheme);
   });
-}, et = (e, t) => {
+}, _t = (e, t) => {
   var i, s;
   for (const n in t)
     if ((i = e.props) != null && i[n])
@@ -737,16 +737,16 @@ const Ze = (e) => {
             a.props[n].default = t[n], l = !0;
             break;
           }
-        l || j(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
+        l || J(`Attempting to set a preset on a prop that doesn't exist: \`${e.name}.${n}\`.`);
       }
     }
 };
-var X;
-const N = class N {
+var ee;
+const q = class q {
   constructor(t, i = {}) {
     // Exposed as a global object and also `app.provide`d.
     // Accessible from this.$waveui, or inject('$waveui').
-    F(this, "$waveui", {
+    G(this, "$waveui", {
       breakpoint: {
         name: "",
         xs: !1,
@@ -781,7 +781,7 @@ const N = class N {
         var s, n;
         this.theme = t, document.documentElement.setAttribute("data-theme", t), (n = (s = document.head.querySelector("#wave-ui-colors")) == null ? void 0 : s.remove) == null || n.call(s);
         const i = this.config.colors[this.theme];
-        Ue(i, this.config.css.colorShadeCssVariables), this.colors = he(i, me);
+        bt(i, this.config.css.colorShadeCssVariables), this.colors = Be(i, $e);
       },
       /**
        * Set the classes of the app element. (Callable from this.$waveui)
@@ -793,15 +793,15 @@ const N = class N {
         i && (i.className = "w-app", i.classList.add(...t));
       }
     });
-    if (Y(N, X)) return;
-    if (this.$waveui._notificationManager = new oe(), i.theme || (i.theme = "light"), i.colors) {
+    if (ie(q, ee)) return;
+    if (this.$waveui._notificationManager = new me(), i.theme || (i.theme = "light"), i.colors) {
       const a = { ...i.colors };
       i.colors.light || (i.colors.light = a), i.colors.dark || (i.colors.dark = a), i.colors = { light: i.colors.light, dark: i.colors.dark };
     }
     let { components: s, ...n } = i;
-    n = this.$waveui.config = Ce(n), n.css.colorShades && ze(n);
-    const l = Z(this.$waveui);
-    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = he(n.colors[n.theme], me));
+    n = this.$waveui.config = Pe(n), n.css.colorShades && ot(n);
+    const l = ae(this.$waveui);
+    t.config.globalProperties.$waveui = l, t.provide("$waveui", l), n.theme !== "auto" && (this.$waveui.colors = Be(n.colors[n.theme], $e));
   }
   static install(t, i = {}) {
     var n;
@@ -819,34 +819,34 @@ const N = class N {
     const { components: s = {} } = i || {};
     for (const l in s) {
       const a = s[l];
-      (n = i.presets) != null && n[a.name] && et(a, i.presets[a.name]), t.component(a.name, a);
+      (n = i.presets) != null && n[a.name] && _t(a, i.presets[a.name]), t.component(a.name, a);
     }
     t.mixin({
       // Add a mixin to capture the first mounted hook, trigger the Wave UI init then unregister the mixin straight away.
       beforeMount() {
-        if (!be) {
-          be = !0;
-          const l = Re("$waveui"), { config: a } = l;
-          (document.querySelector(a.on) || document.body).classList.add("w-app"), a.theme === "auto" ? Ze(l) : l.switchTheme(a.theme, !0), je(l), Qe(t), t._context.mixins.find((d) => d.mounted && (d.mounted = void 0));
+        if (!Te) {
+          Te = !0;
+          const l = Ze("$waveui"), { config: a } = l;
+          (document.querySelector(a.on) || document.body).classList.add("w-app"), a.theme === "auto" ? Bt(l) : l.switchTheme(a.theme, !0), gt(l), St(t), t._context.mixins.find((d) => d.mounted && (d.mounted = void 0));
         }
       }
-    }), new N(t, i), ie(N, X, !0);
+    }), new q(t, i), he(q, ee, !0);
   }
 };
-X = new WeakMap(), te(N, X, !1);
-let q = N;
-const P = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), tt = ["aria-expanded"], it = ["tabindex"], lt = ["innerHTML"], st = ["innerHTML"];
-function ot(e, t, i, s, n, l) {
-  const a = $("w-button"), r = $("w-transition-expand");
+ee = new WeakMap(), ue(q, ee, !1);
+let Z = q;
+const z = (e = {}) => (typeof e == "string" ? e = { [e]: !0 } : Array.isArray(e) && (e = { [e.join(" ")]: !0 }), e), $t = ["aria-expanded"], It = ["tabindex"], Vt = ["innerHTML"], Tt = ["innerHTML"];
+function Lt(e, t, i, s, n, l) {
+  const a = V("w-button"), r = V("w-transition-expand");
   return o(), u("div", {
     class: m(["w-accordion__item", l.itemClasses]),
     "aria-expanded": l.accordionItem._expanded ? "true" : "false"
   }, [
-    w("div", {
+    k("div", {
       class: m(["w-accordion__item-title", l.titleClasses]),
       onClick: t[4] || (t[4] = (d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d)),
       onFocus: t[5] || (t[5] = (d) => e.$emit("focus", l.accordionItem)),
-      onKeypress: t[6] || (t[6] = A((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["enter"])),
+      onKeypress: t[6] || (t[6] = N((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["enter"])),
       tabindex: !l.accordionItem._disabled && 0
     }, [
       l.options.expandIcon && !l.options.expandIconRight ? (o(), b(a, {
@@ -857,31 +857,31 @@ function ot(e, t, i, s, n, l) {
         disabled: l.accordionItem._disabled || null,
         tabindex: -1,
         text: "",
-        onKeypress: t[0] || (t[0] = M(() => {
+        onKeypress: t[0] || (t[0] = A(() => {
         }, ["stop"])),
-        onClick: t[1] || (t[1] = M((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
+        onClick: t[1] || (t[1] = A((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
       }, null, 8, ["icon", "icon-props", "disabled", "class"])) : p("", !0),
       c(e.$slots, "title", {
         item: l.getOriginalItem(l.accordionItem),
         expanded: l.accordionItem._expanded,
         index: l.accordionItem._index + 1
       }, () => [
-        w("div", {
+        k("div", {
           class: "grow",
           innerHTML: l.accordionItem[l.options.itemTitleKey]
-        }, null, 8, lt)
+        }, null, 8, Vt)
       ]),
       l.options.expandIcon && l.options.expandIconRight ? (o(), b(a, {
         key: 1,
         class: m(["w-accordion__expand-icon", { "w-accordion__expand-icon--expanded": l.accordionItem._expanded, "w-accordion__expand-icon--rotate90": l.options.expandIconRotate90 }]),
         icon: l.accordionItem._expanded && l.options.collapseIcon || l.options.expandIcon,
         text: "",
-        onKeypress: t[2] || (t[2] = M(() => {
+        onKeypress: t[2] || (t[2] = A(() => {
         }, ["stop"])),
-        onClick: t[3] || (t[3] = M((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
+        onClick: t[3] || (t[3] = A((d) => !l.accordionItem._disabled && l.toggleItem(l.accordionItem, d), ["stop"]))
       }, null, 8, ["icon", "class"])) : p("", !0)
-    ], 42, it),
-    T(r, {
+    ], 42, It),
+    L(r, {
       y: "",
       onAfterLeave: t[7] || (t[7] = (d) => l.onEndOfCollapse(l.accordionItem)),
       duration: l.options.duration
@@ -896,17 +896,17 @@ function ot(e, t, i, s, n, l) {
             expanded: l.accordionItem._expanded,
             index: l.accordionItem._index + 1
           }, () => [
-            w("div", {
+            k("div", {
               innerHTML: l.accordionItem[l.options.itemContentKey]
-            }, null, 8, st)
+            }, null, 8, Tt)
           ])
         ], 2)) : p("", !0)
       ]),
       _: 3
     }, 8, ["duration"])
-  ], 10, tt);
+  ], 10, $t);
 }
-const at = {
+const Rt = {
   name: "w-accordion-item",
   props: {
     title: { type: String },
@@ -960,13 +960,13 @@ const at = {
   beforeUnmount() {
     this.unregisterItem(this._.uid);
   }
-}, Be = /* @__PURE__ */ C(at, [["render", ot]]);
-function nt(e, t, i, s, n, l) {
-  const a = $("w-accordion-item");
+}, Ee = /* @__PURE__ */ C(Rt, [["render", Lt]]);
+function xt(e, t, i, s, n, l) {
+  const a = V("w-accordion-item");
   return o(), u("div", {
     class: m(["w-accordion", l.accordionClasses])
   }, [
-    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : (i.items || []).length ? (o(!0), u(v, { key: 1 }, x(i.items.length ? i.items : e.accordionItems, (r, d) => (o(), b(a, {
+    l.accordionItemsProvided ? c(e.$slots, "default", { key: 0 }) : (i.items || []).length ? (o(!0), u(v, { key: 1 }, O(i.items.length ? i.items : e.accordionItems, (r, d) => (o(), b(a, {
       key: d,
       class: m(l.itemClasses),
       title: r.title,
@@ -975,37 +975,37 @@ function nt(e, t, i, s, n, l) {
       disabled: r.disabled || r._disabled,
       onFocus: t[0] || (t[0] = (h) => e.$emit("focus", h))
     }, {
-      title: f(({ item: h, expanded: y, index: k }) => [
-        e.$slots[`item-title.${h.id || k}`] ? c(e.$slots, `item-title.${h.id || k}`, {
+      title: f(({ item: h, expanded: y, index: w }) => [
+        e.$slots[`item-title.${h.id || w}`] ? c(e.$slots, `item-title.${h.id || w}`, {
           key: 0,
           item: h,
           expanded: y,
-          index: k
+          index: w
         }) : c(e.$slots, "item-title", {
           key: 1,
           item: h,
           expanded: y,
-          index: k
+          index: w
         })
       ]),
-      content: f(({ item: h, expanded: y, index: k }) => [
-        e.$slots[`item-content.${h.id || k}`] ? c(e.$slots, `item-content.${h.id || k}`, {
+      content: f(({ item: h, expanded: y, index: w }) => [
+        e.$slots[`item-content.${h.id || w}`] ? c(e.$slots, `item-content.${h.id || w}`, {
           key: 0,
           item: h,
           expanded: y,
-          index: k
+          index: w
         }) : c(e.$slots, "item-content", {
           key: 1,
           item: h,
           expanded: y,
-          index: k
+          index: w
         })
       ]),
       _: 2
     }, 1032, ["class", "title", "content", "expanded", "disabled"]))), 128)) : p("", !0)
   ], 2);
 }
-const rt = {
+const Ot = {
   name: "w-accordion",
   props: {
     modelValue: { type: Array },
@@ -1032,7 +1032,7 @@ const rt = {
     dark: { type: Boolean },
     light: { type: Boolean }
   },
-  components: { WAccordionItem: Be },
+  components: { WAccordionItem: Ee },
   emits: ["input", "update:modelValue", "focus", "item-expand", "item-collapsed"],
   // All provided to the WAccordionItem, not passed as prop since it could be used externally.
   provide() {
@@ -1076,13 +1076,13 @@ const rt = {
       };
     },
     itemClasses() {
-      return P(this.itemClass);
+      return z(this.itemClass);
     },
     titleClasses() {
-      return P(this.titleClass);
+      return z(this.titleClass);
     },
     contentClasses() {
-      return P(this.contentClass);
+      return z(this.contentClass);
     }
   },
   methods: {
@@ -1116,7 +1116,7 @@ const rt = {
     }
   },
   created() {
-    isNaN(this.items) || D(
+    isNaN(this.items) || X(
       "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"
     );
   },
@@ -1132,9 +1132,9 @@ const rt = {
       e.forEach((t, i) => (this.accordionItems[i] || {})._expanded = t);
     }
   }
-}, dt = /* @__PURE__ */ C(rt, [["render", nt]]), ut = { class: "w-alert__content" };
-function ht(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-button");
+}, Pt = /* @__PURE__ */ C(Ot, [["render", xt]]), zt = { class: "w-alert__content" };
+function Et(e, t, i, s, n, l) {
+  const a = V("w-icon"), r = V("w-button");
   return n.show ? (o(), u("div", {
     key: 0,
     class: m(["w-alert", l.classes])
@@ -1145,11 +1145,11 @@ function ht(e, t, i, s, n, l) {
         class: "w-alert__icon"
       }, {
         default: f(() => [
-          B(S(l.type ? l.typeIcon : i.icon), 1)
+          _(S(l.type ? l.typeIcon : i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      w("div", ut, [
+      k("div", zt, [
         c(e.$slots, "default")
       ]),
       i.dismiss ? (o(), b(r, {
@@ -1166,7 +1166,7 @@ function ht(e, t, i, s, n, l) {
     ], 64)) : c(e.$slots, "default", { key: 1 })
   ], 2)) : p("", !0);
 }
-const ct = {
+const Mt = {
   name: "w-alert",
   props: {
     modelValue: { default: !0 },
@@ -1248,24 +1248,24 @@ const ct = {
       this.show = e;
     }
   }
-}, pt = /* @__PURE__ */ C(ct, [["render", ht]]), mt = { class: "w-autocomplete__selection" }, ft = ["innerHTML"], gt = ["innerHTML"], bt = ["value"], yt = ["onClick"], wt = ["innerHTML"], kt = ["innerHTML"];
-function vt(e, t, i, s, n, l) {
-  const a = $("w-button"), r = $("w-transition-slide-fade");
+}, At = /* @__PURE__ */ C(Mt, [["render", Et]]), Wt = { class: "w-autocomplete__selection" }, Kt = ["innerHTML"], Nt = ["innerHTML"], Dt = ["value"], Ht = ["onClick"], Ft = ["innerHTML"], jt = ["innerHTML"];
+function Ut(e, t, i, s, n, l) {
+  const a = V("w-button"), r = V("w-transition-slide-fade");
   return o(), u("div", {
     class: m(["w-autocomplete", l.classes]),
     onClick: t[5] || (t[5] = (...d) => l.onClick && l.onClick(...d)),
-    style: R(e.$attrs.style)
+    style: x(e.$attrs.style)
   }, [
-    e.selection.length ? (o(!0), u(v, { key: 0 }, x(e.selection, (d, h) => (o(), u("div", mt, [
+    e.selection.length ? (o(!0), u(v, { key: 0 }, O(e.selection, (d, h) => (o(), u("div", Wt, [
       c(e.$slots, "selection", {
         item: d,
         unselect: (y) => l.unselectItem(y)
       }, () => [
-        w("span", {
+        k("span", {
           innerHTML: d[i.itemLabelKey]
-        }, null, 8, ft),
-        T(a, {
-          onClick: M((y) => l.unselectItem(h), ["stop"]),
+        }, null, 8, Kt),
+        L(a, {
+          onClick: A((y) => l.unselectItem(h), ["stop"]),
           icon: "wi-cross",
           xs: "",
           text: "",
@@ -1277,13 +1277,13 @@ function vt(e, t, i, s, n, l) {
       key: 1,
       class: "w-autocomplete__placeholder",
       innerHTML: i.placeholder
-    }, null, 8, gt)) : p("", !0),
-    w("input", _({
+    }, null, 8, Nt)) : p("", !0),
+    k("input", $({
       class: "w-autocomplete__input",
       ref: "input",
       value: e.keywords
-    }, ne(l.inputEventListeners, !0), l.inputAttrs), null, 16, bt),
-    T(r, null, {
+    }, ge(l.inputEventListeners, !0), l.inputAttrs), null, 16, Dt),
+    L(r, null, {
       default: f(() => [
         e.menuOpen ? (o(), u("ul", {
           key: 0,
@@ -1294,29 +1294,29 @@ function vt(e, t, i, s, n, l) {
           onTouchstart: t[3] || (t[3] = (d) => e.menuIsBeingClicked = !0),
           onTouchend: t[4] || (t[4] = (...d) => l.setEndOfMenuClick && l.setEndOfMenuClick(...d))
         }, [
-          (o(!0), u(v, null, x(l.filteredItems, (d, h) => (o(), u("li", {
+          (o(!0), u(v, null, O(l.filteredItems, (d, h) => (o(), u("li", {
             key: h,
-            onClick: M((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
+            onClick: A((y) => (l.selectItem(d), e.$emit("item-click", d)), ["stop"]),
             class: m({ highlighted: e.highlightedItem === d.uid })
           }, [
             c(e.$slots, "item", {
               item: d,
               highlighted: e.highlightedItem === d.uid
             }, () => [
-              w("span", {
+              k("span", {
                 innerHTML: d[i.itemLabelKey]
-              }, null, 8, wt)
+              }, null, 8, Ft)
             ])
-          ], 10, yt))), 128)),
+          ], 10, Ht))), 128)),
           l.filteredItems.length ? p("", !0) : (o(), u("li", {
             key: 0,
             class: m(["w-autocomplete__no-match", { "w-autocomplete__no-match--default": !e.$slots.noMatch }])
           }, [
             c(e.$slots, "no-match", {}, () => [
-              w("div", {
+              k("div", {
                 class: "caption",
                 innerHTML: i.noMatch ?? "No match."
-              }, null, 8, kt)
+              }, null, 8, jt)
             ])
           ], 2)),
           e.$slots["extra-item"] ? (o(), u("li", {
@@ -1332,7 +1332,7 @@ function vt(e, t, i, s, n, l) {
     })
   ], 6);
 }
-const Ct = {
+const qt = {
   name: "w-autocomplete",
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
@@ -1515,13 +1515,13 @@ const Ct = {
       });
     }
   }
-}, St = /* @__PURE__ */ C(Ct, [["render", vt]]), Bt = { class: "w-app" };
-function _t(e, t, i, s, n, l) {
-  return o(), u("div", Bt, [
+}, Xt = /* @__PURE__ */ C(qt, [["render", Ut]]), Yt = { class: "w-app" };
+function Gt(e, t, i, s, n, l) {
+  return o(), u("div", Yt, [
     c(e.$slots, "default")
   ]);
 }
-const $t = {
+const Jt = {
   name: "w-app",
   // Keep the props for the API documentation.
   props: {
@@ -1537,25 +1537,25 @@ const $t = {
     textCenter: { type: Boolean },
     textRight: { type: Boolean }
   }
-}, It = /* @__PURE__ */ C($t, [["render", _t]]), Vt = { class: "w-badge-wrap" };
-function Tt(e, t, i, s, n, l) {
-  return o(), u("div", Vt, [
+}, Qt = /* @__PURE__ */ C(Jt, [["render", Gt]]), Zt = { class: "w-badge-wrap" };
+function ei(e, t, i, s, n, l) {
+  return o(), u("div", Zt, [
     c(e.$slots, "default"),
-    T(O, {
+    L(P, {
       name: `${i.transition}`
     }, {
       default: f(() => [
         i.modelValue ? (o(), u("div", {
           key: 0,
           class: m(["w-badge", l.classes]),
-          style: R(l.styles),
+          style: x(l.styles),
           "aria-atomic": "true",
           "aria-label": "Badge",
           "aria-live": "polite",
           role: "status"
         }, [
           i.dot ? p("", !0) : c(e.$slots, "badge", { key: 0 }, () => [
-            B(S(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
+            _(S(i.modelValue === !0 ? "" : i.modelValue || ""), 1)
           ])
         ], 6)) : p("", !0)
       ]),
@@ -1563,7 +1563,7 @@ function Tt(e, t, i, s, n, l) {
     }, 8, ["name"])
   ]);
 }
-const Lt = {
+const ti = {
   name: "w-badge",
   props: {
     modelValue: { default: !0 },
@@ -1627,13 +1627,13 @@ const Lt = {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
   }
-}, Rt = /* @__PURE__ */ C(Lt, [["render", Tt]]), xt = ["innerHTML"];
-function Ot(e, t, i, s, n, l) {
-  const a = $("w-icon");
+}, ii = /* @__PURE__ */ C(ti, [["render", ei]]), li = ["innerHTML"];
+function si(e, t, i, s, n, l) {
+  const a = V("w-icon");
   return o(), u("div", {
     class: m(["w-breadcrumbs", l.classes])
   }, [
-    (o(!0), u(v, null, x(i.items, (r, d) => (o(), u(v, null, [
+    (o(!0), u(v, null, O(i.items, (r, d) => (o(), u(v, null, [
       d && e.$slots.separator ? (o(), u("span", {
         class: m(["w-breadcrumbs__separator", i.separatorColor]),
         key: `${d}a`
@@ -1644,12 +1644,12 @@ function Ot(e, t, i, s, n, l) {
         key: `${d}b`
       }, {
         default: f(() => [
-          B(S(i.icon), 1)
+          _(S(i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])) : p("", !0),
       r[i.itemRouteKey] && (d < i.items.length - 1 || i.linkLastItem) ? (o(), u(v, { key: 2 }, [
-        e.$slots.item ? (o(), b(L(l.hasRouter ? "router-link" : "a"), {
+        e.$slots.item ? (o(), b(R(l.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", i.color || null]),
           key: `${d}c`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1663,7 +1663,7 @@ function Ot(e, t, i, s, n, l) {
             })
           ]),
           _: 2
-        }, 1032, ["to", "href", "class"])) : (o(), b(L(l.hasRouter ? "router-link" : "a"), {
+        }, 1032, ["to", "href", "class"])) : (o(), b(R(l.hasRouter ? "router-link" : "a"), {
           class: m(["w-breadcrumbs__item", i.color || null]),
           key: `${d}d`,
           to: l.hasRouter && r[i.itemRouteKey],
@@ -1678,11 +1678,11 @@ function Ot(e, t, i, s, n, l) {
       }) : (o(), u("span", {
         key: `${d}f`,
         innerHTML: r[i.itemLabelKey]
-      }, null, 8, xt))
+      }, null, 8, li))
     ], 64))), 256))
   ], 2);
 }
-const Pt = {
+const oi = {
   name: "w-breadcrumbs",
   props: {
     items: { type: Array, required: !0 },
@@ -1713,31 +1713,31 @@ const Pt = {
       };
     }
   }
-}, zt = /* @__PURE__ */ C(Pt, [["render", Ot]]), Mt = {
+}, ai = /* @__PURE__ */ C(oi, [["render", si]]), ni = {
   key: 0,
   class: "w-button__loader"
 };
-function Et(e, t, i, s, n, l) {
-  const a = $("w-icon");
-  return o(), b(L(!i.disabled && i.route ? "a" : "button"), _({
+function ri(e, t, i, s, n, l) {
+  const a = V("w-icon");
+  return o(), b(R(!i.disabled && i.route ? "a" : "button"), $({
     class: ["w-button", l.classes],
     type: !i.route && i.type,
     href: !i.disabled && i.route && (l.externalLink ? i.route : l.resolvedRoute) || null,
     disabled: !!i.disabled || null
   }, l.attrs, { style: l.styles }), {
     default: f(() => [
-      i.icon ? (o(), b(a, le(_({ key: 0 }, i.iconProps || {})), {
+      i.icon ? (o(), b(a, ce($({ key: 0 }, i.iconProps || {})), {
         default: f(() => [
-          B(S(i.icon), 1)
+          _(S(i.icon), 1)
         ]),
         _: 1
       }, 16)) : c(e.$slots, "default", { key: 1 }),
-      T(O, { name: "scale-fade" }, {
+      L(P, { name: "scale-fade" }, {
         default: f(() => [
-          i.loading ? (o(), u("div", Mt, [
+          i.loading ? (o(), u("div", ni, [
             c(e.$slots, "loading", {}, () => [
-              t[0] || (t[0] = w("svg", { viewBox: "0 0 40 40" }, [
-                w("circle", {
+              t[0] || (t[0] = k("svg", { viewBox: "0 0 40 40" }, [
+                k("circle", {
                   cx: "20",
                   cy: "20",
                   r: "18",
@@ -1756,7 +1756,7 @@ function Et(e, t, i, s, n, l) {
     _: 3
   }, 16, ["type", "href", "class", "disabled", "style"]);
 }
-const At = {
+const di = {
   // Fully handle the attrs and listeners manually for the case of a router link that has both a
   // route and onClick.
   inheritAttrs: !1,
@@ -1857,12 +1857,12 @@ const At = {
       };
     }
   }
-}, Wt = /* @__PURE__ */ C(At, [["render", Et]]), Kt = ["innerHTML"];
-function Nt(e, t, i, s, n, l) {
-  const a = $("button-partial");
-  return i.tooltip ? (o(), b(L("w-tooltip"), le(_({ key: 0 }, i.tooltipProps)), {
+}, ui = /* @__PURE__ */ C(di, [["render", ri]]), hi = ["innerHTML"];
+function ci(e, t, i, s, n, l) {
+  const a = V("button-partial");
+  return i.tooltip ? (o(), b(R("w-tooltip"), ce($({ key: 0 }, i.tooltipProps)), {
     activator: f(({ on: r }) => [
-      T(a, _(l.buttonProps, ne(r)), {
+      L(a, $(l.buttonProps, ge(r)), {
         default: f(() => [
           c(e.$slots, "default")
         ]),
@@ -1870,10 +1870,10 @@ function Nt(e, t, i, s, n, l) {
       }, 1040)
     ]),
     default: f(() => [
-      w("div", { innerHTML: i.tooltip }, null, 8, Kt)
+      k("div", { innerHTML: i.tooltip }, null, 8, hi)
     ]),
     _: 3
-  }, 16)) : (o(), b(a, le(_({ key: 1 }, l.buttonProps)), {
+  }, 16)) : (o(), b(a, ce($({ key: 1 }, l.buttonProps)), {
     loading: f(() => [
       c(e.$slots, "loading")
     ]),
@@ -1883,7 +1883,7 @@ function Nt(e, t, i, s, n, l) {
     _: 3
   }, 16));
 }
-const Dt = {
+const pi = {
   name: "w-button",
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
@@ -1926,7 +1926,7 @@ const Dt = {
     lg: { type: Boolean },
     xl: { type: Boolean }
   },
-  components: { ButtonPartial: Wt },
+  components: { ButtonPartial: ui },
   emits: [],
   computed: {
     buttonProps() {
@@ -1934,9 +1934,9 @@ const Dt = {
       return { ...i, ...this.$attrs };
     }
   }
-}, Ht = /* @__PURE__ */ C(Dt, [["render", Nt]]), Ft = ["innerHTML"];
-function jt(e, t, i, s, n, l) {
-  const a = $("w-image");
+}, mi = /* @__PURE__ */ C(pi, [["render", ci]]), fi = ["innerHTML"];
+function gi(e, t, i, s, n, l) {
+  const a = V("w-image");
   return o(), u("div", {
     class: m(["w-card", l.classes])
   }, [
@@ -1949,8 +1949,8 @@ function jt(e, t, i, s, n, l) {
       key: 1,
       class: m(["w-card__title", { "w-card__title--has-toolbar": e.$slots.title && l.titleHasToolbar, ...l.titleClasses }]),
       innerHTML: i.title
-    }, null, 10, Ft)) : p("", !0),
-    i.image ? (o(), b(a, _({
+    }, null, 10, fi)) : p("", !0),
+    i.image ? (o(), b(a, $({
       key: 2,
       class: "w-card__image",
       src: i.image
@@ -1960,7 +1960,7 @@ function jt(e, t, i, s, n, l) {
       ]),
       _: 3
     }, 16, ["src"])) : p("", !0),
-    w("div", {
+    k("div", {
       class: m(["w-card__content", l.contentClasses])
     }, [
       c(e.$slots, "default")
@@ -1973,7 +1973,7 @@ function jt(e, t, i, s, n, l) {
     ], 2)) : p("", !0)
   ], 2);
 }
-const Ut = {
+const bi = {
   name: "w-card",
   props: {
     color: { type: String },
@@ -1992,10 +1992,10 @@ const Ut = {
   emits: [],
   computed: {
     titleClasses() {
-      return P(this.titleClass);
+      return z(this.titleClass);
     },
     contentClasses() {
-      return P(this.contentClass);
+      return z(this.contentClass);
     },
     titleHasToolbar() {
       var t;
@@ -2026,7 +2026,7 @@ const Ut = {
       };
     }
   }
-}, qt = /* @__PURE__ */ C(Ut, [["render", jt]]), E = {
+}, yi = /* @__PURE__ */ C(bi, [["render", gi]]), W = {
   inject: {
     // Used in each form component to determine whether to use the w-form-element wrap or not.
     // So, if a form component is in a form, use the w-form-element wrap.
@@ -2073,9 +2073,9 @@ const Ut = {
       this.$refs.formEl.validate(this);
     }
   }
-}, Xt = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Yt = ["for"], Gt = ["for", "innerHTML"], Jt = ["for"], Qt = ["for", "innerHTML"];
-function Zt(e, t, i, s, n, l) {
-  return o(), b(L(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, wi = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ki = ["for"], vi = ["for", "innerHTML"], Ci = ["for"], Si = ["for", "innerHTML"];
+function Bi(e, t, i, s, n, l) {
+  return o(), b(R(e.formRegister && !l.wCheckboxes ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (a) => e.valid = a),
     onReset: t[6] || (t[6] = (a) => {
@@ -2084,7 +2084,7 @@ function Zt(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: f(() => [
-      w("input", {
+      k("input", {
         ref: "input",
         id: `w-checkbox--${e._.uid}`,
         type: "checkbox",
@@ -2096,10 +2096,10 @@ function Zt(e, t, i, s, n, l) {
         onFocus: t[0] || (t[0] = (a) => e.$emit("focus", a)),
         onBlur: t[1] || (t[1] = (a) => e.$emit("blur", a)),
         onChange: t[2] || (t[2] = (a) => l.onInput()),
-        onKeypress: t[3] || (t[3] = A((...a) => l.onInput && l.onInput(...a), ["enter"])),
+        onKeypress: t[3] || (t[3] = N((...a) => l.onInput && l.onInput(...a), ["enter"])),
         "aria-checked": n.isChecked || "false",
         role: "checkbox"
-      }, null, 40, Xt),
+      }, null, 40, wi),
       l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -2107,23 +2107,23 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, Yt)) : i.label ? (o(), u("label", {
+        ], 10, ki)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Gt)) : p("", !0)
+        }, null, 10, vi)) : p("", !0)
       ], 64)) : p("", !0),
-      w("div", {
+      k("div", {
         class: m(["w-checkbox__input", this.color]),
         onClick: t[4] || (t[4] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, t[7] || (t[7] = [
-        w("svg", { viewBox: "-0.5 0 12 10" }, [
-          w("polyline", { points: "1 5 4 8 10 2" })
+        k("svg", { viewBox: "-0.5 0 12 10" }, [
+          k("polyline", { points: "1 5 4 8 10 2" })
         ], -1)
       ]), 2),
       l.hasLabel && !i.labelOnLeft ? (o(), u(v, { key: 1 }, [
@@ -2133,22 +2133,22 @@ function Zt(e, t, i, s, n, l) {
           for: `w-checkbox--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, Jt)) : i.label ? (o(), u("label", {
+        ], 10, Ci)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-checkbox__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-checkbox--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Qt)) : p("", !0)
+        }, null, 10, Si)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const ei = {
+const _i = {
   name: "w-checkbox",
-  mixins: [E],
+  mixins: [W],
   inject: {
     wCheckboxes: { default: null }
   },
@@ -2213,10 +2213,10 @@ const ei = {
       this.isChecked = e;
     }
   }
-}, ti = /* @__PURE__ */ C(ei, [["render", Zt]]), ii = ["innerHTML"];
-function li(e, t, i, s, n, l) {
-  const a = $("w-checkbox");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
+}, $i = /* @__PURE__ */ C(_i, [["render", Bi]]), Ii = ["innerHTML"];
+function Vi(e, t, i, s, n, l) {
+  const a = V("w-checkbox");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.checkboxItems.some((r) => r._isChecked), disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: l.reset,
@@ -2225,7 +2225,7 @@ function li(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (o(!0), u(v, null, x(l.checkboxItems, (r, d) => (o(), b(a, _({
+      (o(!0), u(v, null, O(l.checkboxItems, (r, d) => (o(), b(a, $({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => l.toggleCheck(r, h),
@@ -2247,7 +2247,7 @@ function li(e, t, i, s, n, l) {
           }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, ii)) : p("", !0)
+          }, null, 8, Ii)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -2255,9 +2255,9 @@ function li(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "column", "wrap", "class"]);
 }
-const si = {
+const Ti = {
   name: "w-checkboxes",
-  mixins: [E],
+  mixins: [W],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -2287,7 +2287,7 @@ const si = {
       return (this.items || []).map((e, t) => {
         var s;
         const i = e[this.itemValueKey] === void 0 ? e[this.itemLabelKey] || t : e[this.itemValueKey];
-        return Z({
+        return ae({
           ...e,
           label: e[this.itemLabelKey],
           _index: t,
@@ -2319,15 +2319,15 @@ const si = {
       return this.items[e._index];
     }
   }
-}, oi = /* @__PURE__ */ C(si, [["render", li]]);
-function ai(e, t, i, s, n, l) {
-  const a = $("w-button"), r = $("w-flex"), d = $("w-menu"), h = ke("focus");
-  return o(), b(d, _({
+}, Li = /* @__PURE__ */ C(Ti, [["render", Vi]]);
+function Ri(e, t, i, s, n, l) {
+  const a = V("w-button"), r = V("w-flex"), d = V("w-menu"), h = xe("focus");
+  return o(), b(d, $({
     modelValue: e.showPopup,
     "onUpdate:modelValue": t[2] || (t[2] = (y) => e.showPopup = y)
   }, l.wMenuProps), {
     activator: f(({ on: y }) => [
-      T(a, _({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, ne(i.disablePrompt ? {} : { ...y })), {
+      L(a, $({ class: "w-confirm" }, { ...e.$attrs, ...l.buttonProps }, ge(i.disablePrompt ? {} : { ...y })), {
         default: f(() => [
           c(e.$slots, "default")
         ]),
@@ -2335,42 +2335,42 @@ function ai(e, t, i, s, n, l) {
       }, 1040)
     ]),
     default: f(() => [
-      T(r, {
+      L(r, {
         column: !i.inline,
         "align-center": ""
       }, {
         default: f(() => [
-          w("div", null, [
+          k("div", null, [
             c(e.$slots, "question", {}, () => [
-              B(S(i.question), 1)
+              _(S(i.question), 1)
             ])
           ]),
-          w("div", {
+          k("div", {
             class: m(["w-flex justify-end", i.inline ? "ml2" : "mt2"])
           }, [
-            i.cancel !== !1 ? (o(), b(a, _({
+            i.cancel !== !1 ? (o(), b(a, $({
               key: 0,
               class: "mr2"
             }, l.cancelButtonProps, {
               "bg-color": (l.cancelButton || {}).bgColor || "error",
-              onKeyup: t[0] || (t[0] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[0] || (t[0] = N((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onCancel
             }), {
               default: f(() => [
                 c(e.$slots, "cancel", {}, () => [
-                  B(S(l.cancelButton.label), 1)
+                  _(S(l.cancelButton.label), 1)
                 ])
               ]),
               _: 3
             }, 16, ["bg-color", "onClick"])) : p("", !0),
-            W((o(), b(a, _(l.confirmButtonProps, {
+            F((o(), b(a, $(l.confirmButtonProps, {
               "bg-color": (l.confirmButton || {}).bgColor || "success",
-              onKeyup: t[1] || (t[1] = A((y) => !i.persistent && l.onCancel(), ["escape"])),
+              onKeyup: t[1] || (t[1] = N((y) => !i.persistent && l.onCancel(), ["escape"])),
               onClick: l.onConfirm
             }), {
               default: f(() => [
                 c(e.$slots, "confirm", {}, () => [
-                  B(S(l.confirmButton.label), 1)
+                  _(S(l.confirmButton.label), 1)
                 ])
               ]),
               _: 3
@@ -2385,7 +2385,7 @@ function ai(e, t, i, s, n, l) {
     _: 3
   }, 16, ["modelValue"]);
 }
-const ni = {
+const xi = {
   name: "w-confirm",
   inheritAttrs: !1,
   // The attrs are only bound to the button, not the w-menu.
@@ -2498,16 +2498,16 @@ const ni = {
       this.$emit("confirm"), this.showPopup = !1;
     }
   }
-}, ri = /* @__PURE__ */ C(ni, [["render", ai]]);
-function di(e, t, i, s, n, l) {
+}, Oi = /* @__PURE__ */ C(xi, [["render", Ri]]);
+function Pi(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-date-picker", l.classes]),
-    style: R(l.styles)
+    style: x(l.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const ui = {
+const zi = {
   name: "w-date-picker",
   props: {
     dark: { type: Boolean },
@@ -2525,9 +2525,9 @@ const ui = {
       return !1;
     }
   }
-}, hi = /* @__PURE__ */ C(ui, [["render", di]]);
-function ci(e, t, i, s, n, l) {
-  const a = $("w-card"), r = $("w-overlay");
+}, Ei = /* @__PURE__ */ C(zi, [["render", Pi]]);
+function Mi(e, t, i, s, n, l) {
+  const a = V("w-card"), r = V("w-overlay");
   return o(), b(r, {
     class: m(["w-dialog", l.classes]),
     "model-value": n.showWrapper,
@@ -2539,13 +2539,13 @@ function ci(e, t, i, s, n, l) {
     opacity: i.overlayOpacity
   }, {
     default: f(() => [
-      T(O, {
+      L(P, {
         name: i.transition,
         appear: "",
         onAfterLeave: l.onBeforeClose
       }, {
         default: f(() => [
-          W(T(a, {
+          F(L(a, {
             class: m(["w-dialog__content", i.dialogClass]),
             ref: "dialog",
             "no-border": "",
@@ -2554,8 +2554,8 @@ function ci(e, t, i, s, n, l) {
             "title-class": i.titleClass,
             "content-class": i.contentClass,
             title: i.title || void 0,
-            style: R(l.contentStyles)
-          }, ee({
+            style: x(l.contentStyles)
+          }, ne({
             default: f(() => [
               c(e.$slots, "default")
             ]),
@@ -2576,7 +2576,7 @@ function ci(e, t, i, s, n, l) {
               key: "1"
             } : void 0
           ]), 1032, ["color", "bg-color", "class", "title-class", "content-class", "title", "style"]), [
-            [re, n.showContent]
+            [be, n.showContent]
           ])
         ]),
         _: 3
@@ -2585,7 +2585,7 @@ function ci(e, t, i, s, n, l) {
     _: 3
   }, 8, ["model-value", "persistent", "persistent-no-animation", "onClick", "onClose", "bg-color", "opacity", "class"]);
 }
-const pi = {
+const Ai = {
   name: "w-dialog",
   props: {
     modelValue: { default: !0 },
@@ -2623,13 +2623,13 @@ const pi = {
   },
   computed: {
     titleClasses() {
-      return P(this.titleClass);
+      return z(this.titleClass);
     },
     contentClasses() {
-      return P(this.contentClass);
+      return z(this.contentClass);
     },
     dialogClasses() {
-      return P(this.dialogClass);
+      return z(this.dialogClass);
     },
     maxWidth() {
       let e = this.width;
@@ -2664,17 +2664,17 @@ const pi = {
       this.showWrapper = e, this.showContent = e;
     }
   }
-}, mi = /* @__PURE__ */ C(pi, [["render", ci]]), fi = ["role", "aria-orientation"];
-function gi(e, t, i, s, n, l) {
+}, Wi = /* @__PURE__ */ C(Ai, [["render", Mi]]), Ki = ["role", "aria-orientation"];
+function Ni(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-divider", l.classes]),
     role: e.$slots.default ? null : "presentation",
     "aria-orientation": i.vertical ? "vertical" : "horizontal"
   }, [
     c(e.$slots, "default")
-  ], 10, fi);
+  ], 10, Ki);
 }
-const bi = {
+const Di = {
   name: "w-divider",
   props: {
     vertical: { type: Boolean },
@@ -2694,9 +2694,9 @@ const bi = {
       };
     }
   }
-}, yi = /* @__PURE__ */ C(bi, [["render", gi]]), wi = { class: "w-drawer-wrap__pushable" };
-function ki(e, t, i, s, n, l) {
-  const a = $("w-overlay");
+}, Hi = /* @__PURE__ */ C(Di, [["render", Ni]]), Fi = { class: "w-drawer-wrap__pushable" };
+function ji(e, t, i, s, n, l) {
+  const a = V("w-overlay");
   return n.showWrapper || i.pushContent ? (o(), u("div", {
     key: 0,
     class: m(["w-drawer-wrap", l.wrapperClasses])
@@ -2704,9 +2704,9 @@ function ki(e, t, i, s, n, l) {
     i.pushContent ? (o(), u("div", {
       key: 0,
       class: "w-drawer-wrap__track",
-      style: R(l.trackStyles)
+      style: x(l.trackStyles)
     }, [
-      w("div", wi, [
+      k("div", Fi, [
         i.noOverlay ? p("", !0) : (o(), b(a, {
           key: 0,
           modelValue: n.showDrawer,
@@ -2719,17 +2719,17 @@ function ki(e, t, i, s, n, l) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         c(e.$slots, "pushable")
       ]),
-      T(O, {
+      L(P, {
         name: "fade",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(R(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(l.styles)
+            style: x(l.styles)
           }, {
             default: f(() => [
               c(e.$slots, "default")
@@ -2750,18 +2750,18 @@ function ki(e, t, i, s, n, l) {
         "bg-color": i.overlayColor,
         opacity: i.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      T(O, {
+      L(P, {
         name: l.transitionName,
         appear: "",
         onBeforeLeave: l.onBeforeClose,
         onAfterLeave: l.onClose
       }, {
         default: f(() => [
-          n.showDrawer ? (o(), b(L(i.tag || "aside"), {
+          n.showDrawer ? (o(), b(R(i.tag || "aside"), {
             key: 0,
             class: m(["w-drawer", l.drawerClasses]),
             ref: "drawer",
-            style: R(l.styles)
+            style: x(l.styles)
           }, {
             default: f(() => [
               c(e.$slots, "default")
@@ -2774,7 +2774,7 @@ function ki(e, t, i, s, n, l) {
     ], 64))
   ], 2)) : p("", !0);
 }
-const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
+const Ui = { left: "right", right: "left", top: "down", bottom: "up" }, qi = {
   name: "w-drawer",
   props: {
     modelValue: { default: !0 },
@@ -2868,7 +2868,7 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
       return !this.showWrapper;
     },
     transitionName() {
-      return `slide-${vi[this.position]}`;
+      return `slide-${Ui[this.position]}`;
     }
   },
   methods: {
@@ -2887,9 +2887,9 @@ const vi = { left: "right", right: "left", top: "down", bottom: "up" }, Ci = {
       e && (this.showWrapper = !0), this.showDrawer = e;
     }
   }
-}, Si = /* @__PURE__ */ C(Ci, [["render", ki]]);
-function Bi(e, t, i, s, n, l) {
-  return o(), b(L(i.tag), {
+}, Xi = /* @__PURE__ */ C(qi, [["render", ji]]);
+function Yi(e, t, i, s, n, l) {
+  return o(), b(R(i.tag), {
     class: m(["w-flex", l.classes])
   }, {
     default: f(() => [
@@ -2898,7 +2898,7 @@ function Bi(e, t, i, s, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const _i = {
+const Gi = {
   name: "w-flex",
   props: {
     tag: { type: String, default: "div" },
@@ -2945,8 +2945,8 @@ const _i = {
       };
     }
   }
-}, $i = /* @__PURE__ */ C(_i, [["render", Bi]]);
-function Ii(e, t, i, s, n, l) {
+}, Ji = /* @__PURE__ */ C(Gi, [["render", Yi]]);
+function Qi(e, t, i, s, n, l) {
   return o(), u("form", {
     class: m(["w-form", l.classes]),
     onSubmit: t[0] || (t[0] = (...a) => l.onSubmit && l.onSubmit(...a)),
@@ -2956,11 +2956,11 @@ function Ii(e, t, i, s, n, l) {
     c(e.$slots, "default")
   ], 34);
 }
-const Vi = async (e, t) => {
+const Zi = async (e, t) => {
   for (const i of e)
     if (await t(i)) return !0;
   return !1;
-}, Ti = {
+}, el = {
   name: "w-form",
   props: {
     modelValue: {},
@@ -3040,7 +3040,7 @@ const Vi = async (e, t) => {
     // message in the form element.
     async checkElementValidators(e) {
       let t = !1, i = "";
-      await Vi(e.validators, async (s) => {
+      await Zi(e.validators, async (s) => {
         const n = await (typeof s == "function" && s(e.inputValue));
         return t = typeof n != "string", i = t ? "" : n, !t;
       }), e.hasJustReset = !1, e.Validation.isValid = t, e.Validation.message = i;
@@ -3066,18 +3066,18 @@ const Vi = async (e, t) => {
       (this.status === !1 && e || e === null && this.status !== null) && this.reset(), this.status = e;
     }
   }
-}, Li = /* @__PURE__ */ C(Ti, [["render", Ii]]);
-function Ri(e, t, i, s, n, l) {
-  const a = $("w-transition-expand");
+}, tl = /* @__PURE__ */ C(el, [["render", Qi]]);
+function il(e, t, i, s, n, l) {
+  const a = V("w-transition-expand");
   return o(), u("div", {
     class: m(l.classes)
   }, [
-    w("div", {
+    k("div", {
       class: m(["w-flex grow", [i.column ? "column" : "align-center", i.wrap ? "wrap" : ""]])
     }, [
       c(e.$slots, "default")
     ], 2),
-    T(a, { y: "" }, {
+    L(a, { y: "" }, {
       default: f(() => [
         e.Validation.message ? (o(), u("div", {
           key: 0,
@@ -3086,7 +3086,7 @@ function Ri(e, t, i, s, n, l) {
           c(e.$slots, "error-message", {
             message: e.Validation.message
           }, () => [
-            B(S(e.Validation.message), 1)
+            _(S(e.Validation.message), 1)
           ])
         ], 2)) : p("", !0)
       ]),
@@ -3094,7 +3094,7 @@ function Ri(e, t, i, s, n, l) {
     })
   ], 2);
 }
-const xi = {
+const ll = {
   name: "w-form-element",
   props: {
     valid: { required: !0 },
@@ -3167,9 +3167,9 @@ const xi = {
   beforeUnmount() {
     this.formUnregister && this.formUnregister(this);
   }
-}, Oi = /* @__PURE__ */ C(xi, [["render", Ri]]);
-function Pi(e, t, i, s, n, l) {
-  return o(), b(L(i.tag), {
+}, sl = /* @__PURE__ */ C(ll, [["render", il]]);
+function ol(e, t, i, s, n, l) {
+  return o(), b(R(i.tag), {
     class: m(["w-grid", l.classes])
   }, {
     default: f(() => [
@@ -3178,7 +3178,7 @@ function Pi(e, t, i, s, n, l) {
     _: 3
   }, 8, ["class"]);
 }
-const zi = {
+const al = {
   name: "w-grid",
   props: {
     tag: { type: String, default: "div" },
@@ -3222,23 +3222,23 @@ const zi = {
       };
     }
   }
-}, Mi = /* @__PURE__ */ C(zi, [["render", Pi]]);
-function Ei(e, t, i, s, n, l) {
-  return o(), b(L(i.tag || "i"), {
+}, nl = /* @__PURE__ */ C(al, [["render", ol]]);
+function rl(e, t, i, s, n, l) {
+  return o(), b(R(i.tag || "i"), {
     class: m(["w-icon", l.classes]),
     role: "icon",
     "aria-hidden": "true",
-    style: R(l.readIcon() && l.styles)
+    style: x(l.readIcon() && l.styles)
   }, {
     default: f(() => [
       l.hasLigature ? (o(), u(v, { key: 0 }, [
-        B(S(e.icon), 1)
+        _(S(e.icon), 1)
       ], 64)) : p("", !0)
     ]),
     _: 1
   }, 8, ["class", "style"]);
 }
-const Ai = {
+const dl = {
   name: "w-icon",
   props: {
     tag: { type: String, default: "i" },
@@ -3308,39 +3308,39 @@ const Ai = {
       return this.fontName = t, this.icon = i, !0;
     }
   }
-}, Wi = /* @__PURE__ */ C(Ai, [["render", Ei]]), Ki = {
+}, ul = /* @__PURE__ */ C(dl, [["render", rl]]), hl = {
   key: 0,
   class: "w-image__loader"
-}, Ni = ["innerHTML"];
-function Di(e, t, i, s, n, l) {
-  const a = $("w-progress");
-  return o(), b(L(l.wrapperTag), {
+}, cl = ["innerHTML"];
+function pl(e, t, i, s, n, l) {
+  const a = V("w-progress");
+  return o(), b(R(l.wrapperTag), {
     class: m(["w-image", l.wrapperClasses]),
-    style: R(l.wrapperStyles)
+    style: x(l.wrapperStyles)
   }, {
     default: f(() => [
-      T(O, {
+      L(P, {
         name: i.transition,
         appear: ""
       }, {
         default: f(() => [
-          n.loaded ? (o(), b(L(l.normalized.tag), {
+          n.loaded ? (o(), b(R(l.normalized.tag), {
             key: 0,
             class: m(["w-image__image", l.imageClasses]),
-            style: R(l.imageStyles),
+            style: x(l.imageStyles),
             src: l.normalized.tag === "img" ? n.computedImg.src : null
           }, null, 8, ["class", "style", "src"])) : p("", !0)
         ]),
         _: 1
       }, 8, ["name"]),
-      !i.noSpinner && n.loading ? (o(), u("span", Ki, [
-        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, _({
+      !i.noSpinner && n.loading ? (o(), u("span", hl, [
+        e.$slots.loading ? c(e.$slots, "loading", { key: 0 }) : (o(), b(a, $({
           key: 1,
           circle: "",
           indeterminate: ""
         }, i.spinnerColor ? { color: i.spinnerColor } : {}), null, 16))
       ])) : p("", !0),
-      e.$slots.default ? (o(), b(L(l.wrapperTag), {
+      e.$slots.default ? (o(), b(R(l.wrapperTag), {
         key: 1,
         class: m(["w-image__content", i.contentClass])
       }, {
@@ -3358,12 +3358,12 @@ function Di(e, t, i, s, n, l) {
         key: 3,
         class: m(["w-image__caption caption", i.captionClass]),
         innerHTML: i.caption
-      }, null, 10, Ni)) : p("", !0)
+      }, null, 10, cl)) : p("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
 }
-const Hi = {
+const ml = {
   name: "w-image",
   props: {
     tag: { type: String, default: "span" },
@@ -3459,7 +3459,7 @@ const Hi = {
     }
   },
   mounted() {
-    if (!this.src) return j("The w-image component was used without src.");
+    if (!this.src) return J("The w-image component was used without src.");
     if (this.lazy) {
       const e = new IntersectionObserver((t) => {
         var i;
@@ -3473,13 +3473,13 @@ const Hi = {
       this.loadImage();
     }
   }
-}, Fi = /* @__PURE__ */ C(Hi, [["render", Di]]), ji = ["name"], Ui = ["for"], qi = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], Xi = ["id", "name", "multiple", "disabled", "data-progress"], Yi = {
+}, fl = /* @__PURE__ */ C(ml, [["render", pl]]), gl = ["name"], bl = ["for"], yl = ["id", "type", "name", "placeholder", "step", "min", "max", "minlength", "maxlength", "readonly", "aria-readonly", "disabled", "required", "tabindex"], wl = ["id", "name", "multiple", "disabled", "data-progress"], kl = {
   class: "w-input__no-file",
   key: "no-file"
-}, Gi = ["for"], Ji = ["src"], Qi = ["for"];
-function Zi(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-progress");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+}, vl = ["for"], Cl = ["src"], Sl = ["for"];
+function Bl(e, t, i, s, n, l) {
+  const a = V("w-icon"), r = V("w-progress");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[10] || (t[10] = (d) => e.valid = d),
     onReset: t[11] || (t[11] = (d) => {
@@ -3490,13 +3490,13 @@ function Zi(e, t, i, s, n, l) {
     style: e.$attrs.style
   }), {
     default: f(() => [
-      i.type === "hidden" ? W((o(), u("input", {
+      i.type === "hidden" ? F((o(), u("input", {
         key: 0,
         type: "hidden",
         name: e.name || null,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => n.inputValue = d)
-      }, null, 8, ji)), [
-        [ve, n.inputValue]
+      }, null, 8, gl)), [
+        [Oe, n.inputValue]
       ]) : (o(), u(v, { key: 1 }, [
         i.labelPosition === "left" ? (o(), u(v, { key: 0 }, [
           e.$slots.default || i.label ? (o(), u("label", {
@@ -3505,11 +3505,11 @@ function Zi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              B(S(i.label), 1)
+              _(S(i.label), 1)
             ])
-          ], 10, Ui)) : p("", !0)
+          ], 10, bl)) : p("", !0)
         ], 64)) : p("", !0),
-        w("div", {
+        k("div", {
           class: m(["w-input__input-wrap", l.inputWrapClasses])
         }, [
           c(e.$slots, "icon-left", {
@@ -3523,12 +3523,12 @@ function Zi(e, t, i, s, n, l) {
               onClick: t[1] || (t[1] = (d) => e.$emit("click:inner-icon-left", d))
             }, {
               default: f(() => [
-                B(S(i.innerIconLeft), 1)
+                _(S(i.innerIconLeft), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
           ]),
-          i.type !== "file" ? W((o(), u("input", _({
+          i.type !== "file" ? F((o(), u("input", $({
             key: 0,
             class: "w-input__input",
             ref: "input",
@@ -3550,10 +3550,10 @@ function Zi(e, t, i, s, n, l) {
             disabled: e.isDisabled || null,
             required: e.required || null,
             tabindex: e.tabindex || null
-          }, l.attrs), null, 16, qi)), [
-            [xe, n.inputValue]
+          }, l.attrs), null, 16, yl)), [
+            [et, n.inputValue]
           ]) : (o(), u(v, { key: 1 }, [
-            w("input", _({
+            k("input", $({
               ref: "input",
               id: `w-input--${e._.uid}`,
               type: "file",
@@ -3566,30 +3566,30 @@ function Zi(e, t, i, s, n, l) {
               disabled: e.isDisabled || null,
               "data-progress": l.overallFilesProgress
               /* Needed to emit the overallProgress. */
-            }), null, 16, Xi),
-            T(ae, {
+            }), null, 16, wl),
+            L(fe, {
               class: "w-input__input w-input__input--file",
               tag: "label",
               name: "fade",
               for: `w-input--${e._.uid}`
             }, {
               default: f(() => [
-                !n.inputFiles.length && n.isFocused ? (o(), u("span", Yi, [
+                !n.inputFiles.length && n.isFocused ? (o(), u("span", kl, [
                   c(e.$slots, "no-file", {}, () => [
                     e.$slots["no-file"] === void 0 ? (o(), u(v, { key: 0 }, [
-                      B("No file")
+                      _("No file")
                     ], 64)) : p("", !0)
                   ])
                 ])) : p("", !0),
-                (o(!0), u(v, null, x(n.inputFiles, (d, h) => (o(), u("span", {
+                (o(!0), u(v, null, O(n.inputFiles, (d, h) => (o(), u("span", {
                   key: d.lastModified
                 }, [
-                  B(S(h ? ", " : ""), 1),
+                  _(S(h ? ", " : ""), 1),
                   (o(), u("span", {
                     class: "filename",
                     key: `${h}b`
                   }, S(d.base), 1)),
-                  B(S(d.extension ? `.${d.extension}` : ""), 1)
+                  _(S(d.extension ? `.${d.extension}` : ""), 1)
                 ]))), 128))
               ]),
               _: 3
@@ -3601,7 +3601,7 @@ function Zi(e, t, i, s, n, l) {
               class: m(["w-input__label w-input__label--inside w-form-el-shakable", e.labelClasses])
             }, [
               c(e.$slots, "default", {}, () => [
-                B(S(i.label), 1)
+                _(S(i.label), 1)
               ])
             ], 2)) : p("", !0)
           ], 64)) : p("", !0),
@@ -3616,7 +3616,7 @@ function Zi(e, t, i, s, n, l) {
               onClick: t[9] || (t[9] = (d) => e.$emit("click:inner-icon-right", d))
             }, {
               default: f(() => [
-                B(S(i.innerIconRight), 1)
+                _(S(i.innerIconRight), 1)
               ]),
               _: 1
             }, 8, ["for"])) : p("", !0)
@@ -3634,7 +3634,7 @@ function Zi(e, t, i, s, n, l) {
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (o(!0), u(v, null, x(n.inputFiles, (d, h) => (o(), u(v, null, [
+          (o(!0), u(v, null, O(n.inputFiles, (d, h) => (o(), u(v, null, [
             d.progress < 100 ? (o(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3643,12 +3643,12 @@ function Zi(e, t, i, s, n, l) {
               key: `${h}b`,
               src: d.preview,
               alt: ""
-            }, null, 8, Ji)) : (o(), u("i", {
+            }, null, 8, Cl)) : (o(), u("i", {
               class: m(["w-icon w-input__file-preview primary size--md", i.preview && typeof i.preview == "string" ? i.preview : "wi-file"]),
               key: `${h}c`
             }, null, 2))
           ], 64))), 256))
-        ], 8, Gi)) : p("", !0),
+        ], 8, vl)) : p("", !0),
         i.labelPosition === "right" ? (o(), u(v, { key: 2 }, [
           e.$slots.default || i.label ? (o(), u("label", {
             key: 0,
@@ -3656,18 +3656,18 @@ function Zi(e, t, i, s, n, l) {
             for: `w-input--${e._.uid}`
           }, [
             c(e.$slots, "default", {}, () => [
-              B(S(i.label), 1)
+              _(S(i.label), 1)
             ])
-          ], 10, Qi)) : p("", !0)
+          ], 10, Sl)) : p("", !0)
         ], 64)) : p("", !0)
       ], 64))
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const el = {
+const _l = {
   name: "w-input",
-  mixins: [E],
+  mixins: [W],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -3814,7 +3814,7 @@ const el = {
     // For file input.
     onFileChange(e) {
       this.inputFiles = [...e.target.files].map((i) => {
-        const [, s = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = Z({
+        const [, s = "", n = "", l = ""] = i.name.match(/^(.*?)\.([^.]*)$|(.*)/), a = ae({
           name: i.name,
           base: s || l,
           extension: n,
@@ -3852,13 +3852,13 @@ const el = {
       this.inputValue = e, !e && e !== 0 && (this.isAutofilled = !1, this.inputFiles = []);
     }
   }
-}, tl = /* @__PURE__ */ C(el, [["render", Zi]]);
-function il(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-list", !0);
+}, $l = /* @__PURE__ */ C(_l, [["render", Bl]]);
+function Il(e, t, i, s, n, l) {
+  const a = V("w-icon"), r = V("w-list", !0);
   return o(), u("ul", {
     class: m(["w-list", l.classes])
   }, [
-    (o(!0), u(v, null, x(e.listItems, (d, h) => (o(), u("li", {
+    (o(!0), u(v, null, O(e.listItems, (d, h) => (o(), u("li", {
       class: m(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
@@ -3867,11 +3867,11 @@ function il(e, t, i, s, n, l) {
         class: "w-list__item-bullet"
       }, {
         default: f(() => [
-          B(S(i.icon), 1)
+          _(S(i.icon), 1)
         ]),
         _: 1
       })) : p("", !0),
-      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      e.$slots[`item.${h + 1}`] || e.$slots.item || e.$slots.default ? (o(), b(R(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), $({
         key: 1,
         class: "w-list__item-label",
         ref_for: !0
@@ -3893,16 +3893,16 @@ function il(e, t, i, s, n, l) {
             index: h + 1,
             selected: d._selected
           }, () => [
-            B(S(d._label), 1)
+            _(S(d._label), 1)
           ])
         ]),
         _: 2
-      }, 1040)) : (o(), b(L(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), _({
+      }, 1040)) : (o(), b(R(i.checklist ? "w-checkbox" : i.nav && !d.disabled && d.route ? l.hasRouter ? "router-link" : "a" : "div"), $({
         key: 2,
         class: "w-list__item-label",
         ref_for: !0
       }, l.liLabelProps(d, h, d._selected)), null, 16)),
-      (d.children || []).length ? (o(), b(r, _({
+      (d.children || []).length ? (o(), b(r, $({
         key: 3,
         ref_for: !0
       }, e.$props, {
@@ -3912,26 +3912,26 @@ function il(e, t, i, s, n, l) {
         onInput: t[1] || (t[1] = (y) => e.$emit("input", y)),
         onItemClick: t[2] || (t[2] = (y) => e.$emit("item-click", y)),
         onItemSelect: t[3] || (t[3] = (y) => e.$emit("item-select", y))
-      }), ee({ _: 2 }, [
+      }), ne({ _: 2 }, [
         e.$slots.item ? {
           name: "item",
-          fn: f(({ item: y, index: k, selected: g }) => [
+          fn: f(({ item: y, index: w, selected: g }) => [
             c(e.$slots, "item", {
               item: l.cleanLi(y),
-              index: k,
+              index: w,
               selected: g
             })
           ]),
           key: "0"
         } : {
           name: "default",
-          fn: f(({ item: y, index: k, selected: g }) => [
+          fn: f(({ item: y, index: w, selected: g }) => [
             c(e.$slots, "default", {
               item: l.cleanLi(y),
-              index: k,
+              index: w,
               selected: g
             }, () => [
-              B(S(y[i.itemLabelKey]), 1)
+              _(S(y[i.itemLabelKey]), 1)
             ])
           ]),
           key: "1"
@@ -3940,7 +3940,7 @@ function il(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const ll = {
+const Vl = {
   name: "w-list",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -4134,7 +4134,7 @@ const ll = {
       }
     }
   }
-}, sl = /* @__PURE__ */ C(ll, [["render", il]]), _e = {
+}, Tl = /* @__PURE__ */ C(Vl, [["render", Il]]), Me = {
   props: {
     // Position.
     appendTo: { type: [String, Boolean, Object] },
@@ -4175,7 +4175,7 @@ const ll = {
       let e = ".w-app";
       typeof this.detachableDefaultRoot == "function" && (e = this.detachableDefaultRoot() || e);
       let t = this.appendTo || e;
-      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, j(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (j(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
+      return t === !0 ? t = e : this.appendTo === "activator" ? t = this.$el.previousElementSibling : t && !["object", "string"].includes(typeof t) ? t = e : typeof t == "object" && !t.nodeType && (t = e, J(`Invalid node provided in ${this.$options.name} \`append-to\`. Falling back to .w-app.`)), typeof t == "string" && (t = document.querySelector(t)), t || (J(`Unable to locate ${this.appendTo ? `target ${this.appendTo}` : e}`), t = document.querySelector(e)), t;
     },
     // DOM element that will receive the tooltip/menu.
     // ! \ This computed uses the DOM - NO SSR (only trigger from beforeMount and later).
@@ -4312,16 +4312,16 @@ const ll = {
     }
   }
 };
-function ol(e, t, i, s, n, l) {
-  const a = $("w-card"), r = $("w-overlay");
+function Ll(e, t, i, s, n, l) {
+  const a = V("w-card"), r = V("w-overlay");
   return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    T(O, {
+    L(P, {
       name: l.transitionName,
       appear: ""
     }, {
       default: f(() => [
-        i.custom && e.detachableVisible ? (o(), u("div", _({
+        i.custom && e.detachableVisible ? (o(), u("div", $({
           key: 0,
           class: "w-menu",
           ref: "detachable"
@@ -4333,7 +4333,7 @@ function ol(e, t, i, s, n, l) {
           style: l.styles
         }), [
           c(e.$slots, "default")
-        ], 16)) : e.detachableVisible ? (o(), b(a, _({
+        ], 16)) : e.detachableVisible ? (o(), b(a, $({
           key: 1,
           class: "w-menu",
           ref: "detachable"
@@ -4348,7 +4348,7 @@ function ol(e, t, i, s, n, l) {
           "no-border": i.noBorder,
           class: l.classes,
           style: l.styles
-        }), ee({
+        }), ne({
           default: f(() => [
             c(e.$slots, "default")
           ]),
@@ -4372,7 +4372,7 @@ function ol(e, t, i, s, n, l) {
       ]),
       _: 3
     }, 8, ["name"]),
-    i.overlay ? (o(), b(r, _({
+    i.overlay ? (o(), b(r, $({
       key: 0,
       ref: "overlay",
       "model-value": e.detachableVisible,
@@ -4384,9 +4384,9 @@ function ol(e, t, i, s, n, l) {
     }), null, 16, ["model-value", "persistent", "class", "z-index"])) : p("", !0)
   ], 64);
 }
-const al = {
+const Rl = {
   name: "w-menu",
-  mixins: [_e],
+  mixins: [Me],
   inheritAttrs: !1,
   // The attrs are only bound to the button-partial, not the root.
   props: {
@@ -4467,17 +4467,17 @@ const al = {
       return this.maxWidth === "activator" ? this.activatorWidth ? `${this.activatorWidth}px` : 0 : isNaN(this.maxWidth) ? this.maxWidth : this.maxWidth ? `${this.maxWidth}px` : 0;
     },
     menuClasses() {
-      return P(this.menuClass);
+      return z(this.menuClass);
     },
     titleClasses() {
-      return P(this.titleClass);
+      return z(this.titleClass);
     },
     contentClasses() {
-      return P(this.contentClass);
+      return z(this.contentClass);
     },
     overlayClasses() {
       return {
-        ...P(this.overlayClass),
+        ...z(this.overlayClass),
         "w-overlay--no-pointer-event": this.showOnHover
       };
     },
@@ -4557,10 +4557,10 @@ const al = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, nl = /* @__PURE__ */ C(al, [["render", ol]]);
-function rl(e, t, i, s, n, l) {
-  const a = $("w-alert");
-  return o(), b(O, {
+}, xl = /* @__PURE__ */ C(Rl, [["render", Ll]]);
+function Ol(e, t, i, s, n, l) {
+  const a = V("w-alert");
+  return o(), b(P, {
     name: l.transitionName,
     appear: ""
   }, {
@@ -4568,9 +4568,9 @@ function rl(e, t, i, s, n, l) {
       n.show ? (o(), u("div", {
         key: 0,
         class: m(["w-notification", l.classes]),
-        style: R(l.styles)
+        style: x(l.styles)
       }, [
-        T(a, _(l.alertProps, {
+        L(a, $(l.alertProps, {
           class: l.alertClasses,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => {
             e.$emit("update:modelValue", !1), e.$emit("input", !1);
@@ -4586,7 +4586,7 @@ function rl(e, t, i, s, n, l) {
     _: 3
   }, 8, ["name"]);
 }
-const dl = {
+const Pl = {
   name: "w-notification",
   props: {
     // Notification props.
@@ -4709,34 +4709,34 @@ const dl = {
       clearTimeout(this.timeoutId), this.show = e, e && this.timeoutVal && this.countdown();
     }
   }
-}, ul = /* @__PURE__ */ C(dl, [["render", rl]]);
-function hl(e, t, i, s, n, l) {
-  const a = ke("focus");
-  return o(), b(O, {
+}, zl = /* @__PURE__ */ C(Pl, [["render", Ol]]);
+function El(e, t, i, s, n, l) {
+  const a = xe("focus");
+  return o(), b(P, {
     name: "fade",
     appear: "",
     onAfterLeave: l.onClose
   }, {
     default: f(() => [
-      i.modelValue ? W((o(), u("div", {
+      i.modelValue ? F((o(), u("div", {
         key: 0,
         class: m(["w-overlay", l.classes]),
         ref: "overlay",
-        style: R(i.modelValue && l.styles || null),
-        onKeydown: t[0] || (t[0] = A(M((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
+        style: x(i.modelValue && l.styles || null),
+        onKeydown: t[0] || (t[0] = N(A((...r) => l.onClick && l.onClick(...r), ["stop"]), ["escape"])),
         onClick: t[1] || (t[1] = (...r) => l.onClick && l.onClick(...r)),
         tabindex: "0"
       }, [
         c(e.$slots, "default")
       ], 38)), [
-        [re, e.showOverlay],
+        [be, e.showOverlay],
         [a]
       ]) : p("", !0)
     ]),
     _: 3
   }, 8, ["onAfterLeave"]);
 }
-const cl = {
+const Ml = {
   name: "w-overlay",
   props: {
     modelValue: {},
@@ -4794,20 +4794,20 @@ const cl = {
       e && (this.showOverlay = !0);
     }
   }
-}, pl = /* @__PURE__ */ C(cl, [["render", hl]]), ml = { class: "w-parallax" };
-function fl(e, t, i, s, n, l) {
-  return o(), u("div", ml);
+}, Al = /* @__PURE__ */ C(Ml, [["render", El]]), Wl = { class: "w-parallax" };
+function Kl(e, t, i, s, n, l) {
+  return o(), u("div", Wl);
 }
-const gl = {
+const Nl = {
   name: "w-parallax",
   props: {},
   emits: [],
   data: () => ({})
-}, bl = /* @__PURE__ */ C(gl, [["render", fl]]), yl = ["viewBox"], wl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], kl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
-function vl(e, t, i, s, n, l) {
+}, Dl = /* @__PURE__ */ C(Nl, [["render", Kl]]), Hl = ["viewBox"], Fl = ["cx", "cy", "r", "stroke-dasharray", "stroke-width"], jl = ["cx", "cy", "r", "stroke-width", "stroke-linecap", "stroke-dasharray"];
+function Ul(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-progress", l.classes]),
-    style: R(l.styles)
+    style: x(l.styles)
   }, [
     i.circle ? (o(), u("svg", {
       key: 1,
@@ -4822,8 +4822,8 @@ function vl(e, t, i, s, n, l) {
         fill: "transparent",
         "stroke-dasharray": e.circleCircumference,
         "stroke-width": i.stroke
-      }, null, 10, wl)) : p("", !0),
-      w("circle", {
+      }, null, 10, Fl)) : p("", !0),
+      k("circle", {
         class: "w-progress__progress",
         cx: l.circleCenter,
         cy: l.circleCenter,
@@ -4832,24 +4832,24 @@ function vl(e, t, i, s, n, l) {
         "stroke-width": i.stroke,
         "stroke-linecap": i.roundCap && "round",
         "stroke-dasharray": e.circleCircumference,
-        style: R(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
-      }, null, 12, kl)
-    ], 8, yl)) : (o(), u("div", {
+        style: x(`stroke-dashoffset: ${(1 - l.progressValue / 100) * e.circleCircumference}`)
+      }, null, 12, jl)
+    ], 8, Hl)) : (o(), u("div", {
       key: 0,
       class: m(["w-progress__progress", { full: l.progressValue === 100 }]),
-      style: R(`width: ${l.progressValue}%`)
+      style: x(`width: ${l.progressValue}%`)
     }, null, 6)),
     i.label || e.$slots.default ? (o(), u("div", {
       key: 2,
       class: m(["w-progress__label", i.labelColor || !1])
     }, [
       c(e.$slots, "default", {}, () => [
-        B(S(Math.round(l.progressValue)) + S(i.circle ? "" : "%"), 1)
+        _(S(Math.round(l.progressValue)) + S(i.circle ? "" : "%"), 1)
       ])
     ], 2)) : p("", !0)
   ], 6);
 }
-const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
+const oe = 40, ql = oe / 2, Xl = Math.round(oe * 3.14 * 100) / 100, Yl = {
   name: "w-progress",
   props: {
     modelValue: { type: [Number, String, Boolean], default: -1 },
@@ -4876,16 +4876,16 @@ const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
   },
   emits: [],
   data: () => ({
-    circleSize: Q,
-    circleRadius: Cl,
-    circleCircumference: Sl
+    circleSize: oe,
+    circleRadius: ql,
+    circleCircumference: Xl
   }),
   computed: {
     progressValue() {
       return parseFloat(this.modelValue);
     },
     circleCenter() {
-      return Q + this.stroke;
+      return oe + this.stroke;
     },
     forcedSize() {
       return this.size && (isNaN(this.size) ? this.size : `${this.size}px`);
@@ -4918,9 +4918,9 @@ const Q = 40, Cl = Q / 2, Sl = Math.round(Q * 3.14 * 100) / 100, Bl = {
       };
     }
   }
-}, _l = /* @__PURE__ */ C(Bl, [["render", vl]]), $l = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Il = ["for"], Vl = ["for", "innerHTML"], Tl = ["for"], Ll = ["for", "innerHTML"];
-function Rl(e, t, i, s, n, l) {
-  return o(), b(L(e.formRegister && !l.wRadios ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Gl = /* @__PURE__ */ C(Yl, [["render", Ul]]), Jl = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], Ql = ["for"], Zl = ["for", "innerHTML"], es = ["for"], ts = ["for", "innerHTML"];
+function is(e, t, i, s, n, l) {
+  return o(), b(R(e.formRegister && !l.wRadios ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (a) => e.valid = a),
     onReset: t[4] || (t[4] = (a) => {
@@ -4929,7 +4929,7 @@ function Rl(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: f(() => [
-      w("input", {
+      k("input", {
         ref: "input",
         id: `w-radio--${e._.uid}`,
         type: "radio",
@@ -4942,7 +4942,7 @@ function Rl(e, t, i, s, n, l) {
         onChange: t[1] || (t[1] = (a) => l.onInput(a)),
         "aria-checked": e.inputValue || "false",
         role: "radio"
-      }, null, 40, $l),
+      }, null, 40, Jl),
       l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
         e.$slots.default ? (o(), u("label", {
           key: 0,
@@ -4950,16 +4950,16 @@ function Rl(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, Il)) : i.label ? (o(), u("label", {
+        ], 10, Ql)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pr2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Vl)) : p("", !0)
+        }, null, 10, Zl)) : p("", !0)
       ], 64)) : p("", !0),
-      w("div", {
+      k("div", {
         class: m(["w-radio__input", this.color]),
         onClick: t[2] || (t[2] = (a) => {
           e.$refs.input.focus(), e.$refs.input.click();
@@ -4972,22 +4972,22 @@ function Rl(e, t, i, s, n, l) {
           for: `w-radio--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, Tl)) : i.label ? (o(), u("label", {
+        ], 10, es)) : i.label ? (o(), u("label", {
           key: 1,
           class: m(["w-radio__label w-form-el-shakable pl2", e.labelClasses]),
           for: `w-radio--${e._.uid}`,
           innerHTML: i.label
-        }, null, 10, Ll)) : p("", !0)
+        }, null, 10, ts)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const xl = {
+const ls = {
   name: "w-radio",
-  mixins: [E],
+  mixins: [W],
   inject: { wRadios: { default: null } },
   props: {
     modelValue: { default: !1 },
@@ -5050,10 +5050,10 @@ const xl = {
       this.toggleFromOutside();
     }
   }
-}, Ol = /* @__PURE__ */ C(xl, [["render", Rl]]), Pl = ["innerHTML"];
-function zl(e, t, i, s, n, l) {
-  const a = $("w-radio");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+}, ss = /* @__PURE__ */ C(ls, [["render", is]]), os = ["innerHTML"];
+function as(e, t, i, s, n, l) {
+  const a = V("w-radio");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
     valid: e.valid,
     "onUpdate:valid": t[1] || (t[1] = (r) => e.valid = r),
     onReset: t[2] || (t[2] = (r) => {
@@ -5064,7 +5064,7 @@ function zl(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: f(() => [
-      (o(!0), u(v, null, x(l.radioItems, (r, d) => (o(), b(a, _({
+      (o(!0), u(v, null, O(l.radioItems, (r, d) => (o(), b(a, $({
         key: d,
         "model-value": r.value === i.modelValue,
         "onUpdate:modelValue": (h) => l.onInput(r),
@@ -5086,7 +5086,7 @@ function zl(e, t, i, s, n, l) {
           }) : r.label ? (o(), u("div", {
             key: 1,
             innerHTML: r.label
-          }, null, 8, Pl)) : p("", !0)
+          }, null, 8, os)) : p("", !0)
         ]),
         _: 2
       }, 1040, ["model-value", "onUpdate:modelValue", "name", "disabled", "readonly", "class"]))), 128))
@@ -5094,9 +5094,9 @@ function zl(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "column", "wrap", "class"]);
 }
-const Ml = {
+const ns = {
   name: "w-radios",
-  mixins: [E],
+  mixins: [W],
   props: {
     items: { type: Array, required: !0 },
     // All the possible options.
@@ -5147,9 +5147,9 @@ const Ml = {
       return this.items[e._index];
     }
   }
-}, El = /* @__PURE__ */ C(Ml, [["render", zl]]), Al = ["id", "name", "value"], Wl = ["disabled", "onMouseenter", "onClick", "tabindex"];
-function Kl(e, t, i, s, n, l) {
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, rs = /* @__PURE__ */ C(ns, [["render", as]]), ds = ["id", "name", "value"], us = ["disabled", "onMouseenter", "onClick", "tabindex"];
+function hs(e, t, i, s, n, l) {
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.rating, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[4] || (t[4] = (a) => e.valid = a),
     onReset: t[5] || (t[5] = (a) => {
@@ -5158,18 +5158,18 @@ function Kl(e, t, i, s, n, l) {
     class: l.classes
   }), {
     default: f(() => [
-      w("input", {
+      k("input", {
         id: e.inputName,
         name: e.inputName,
         type: "hidden",
         value: n.rating
-      }, null, 8, Al),
-      (o(!0), u(v, null, x(i.max, (a) => (o(), u(v, { key: a }, [
+      }, null, 8, ds),
+      (o(!0), u(v, null, O(i.max, (a) => (o(), u(v, { key: a }, [
         e.$slots.item ? c(e.$slots, "item", {
           key: 0,
           index: a + 1
         }) : p("", !0),
-        w("button", {
+        k("button", {
           class: m(["w-rating__button", l.buttonClasses(a)]),
           disabled: e.isDisabled || e.isReadonly,
           onMouseenter: (r) => n.hover = a,
@@ -5186,17 +5186,17 @@ function Kl(e, t, i, s, n, l) {
             class: m(["w-icon", `${i.icon} ${i.color}`]),
             role: "icon",
             "aria-hidden": "true",
-            style: R(l.halfStarStyle)
+            style: x(l.halfStarStyle)
           }, null, 6)) : p("", !0)
-        ], 42, Wl)
+        ], 42, us)
       ], 64))), 128))
     ]),
     _: 3
   }, 16, ["valid", "class"]);
 }
-const Nl = {
+const cs = {
   name: "w-rating",
-  mixins: [E],
+  mixins: [W],
   props: {
     modelValue: {},
     max: { type: [Number, String], default: 5 },
@@ -5288,56 +5288,8 @@ const Nl = {
       this.rating = parseFloat(e);
     }
   }
-}, Dl = /* @__PURE__ */ C(Nl, [["render", Kl]]);
-function Hl(e, t, i, s, n, l) {
-  return o(), u(v, null, [
-    w("div", _({
-      class: ["w-scrollable", l.scrollableClasses],
-      ref: "scrollable",
-      onMouseenter: t[0] || (t[0] = (...a) => l.onMouseEnter && l.onMouseEnter(...a)),
-      onMouseleave: t[1] || (t[1] = (...a) => l.onMouseLeave && l.onMouseLeave(...a)),
-      onMousewheel: t[2] || (t[2] = (...a) => l.onMouseWheel && l.onMouseWheel(...a))
-    }, e.$attrs, { style: l.scrollableStyles }), [
-      c(e.$slots, "default")
-    ], 16),
-    w("div", {
-      class: m(["w-scrollbar", l.scrollbarClasses]),
-      ref: "track",
-      onMousedown: t[3] || (t[3] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a))
-    }, [
-      w("div", {
-        class: "w-scrollbar__thumb",
-        ref: "thumb",
-        style: R(l.thumbStyles)
-      }, null, 4)
-    ], 34)
-  ], 64);
-}
-const Fl = {
-  h: {
-    direction: "horizontal",
-    topOrLeft: "left",
-    size: "width",
-    offsetSize: "offsetWidth",
-    maxSize: "max-width",
-    scrollSize: "scrollWidth",
-    clientXorY: "clientX",
-    deltaXorY: "deltaX",
-    scrollTopOrLeft: "scrollLeft"
-  },
-  v: {
-    direction: "vertical",
-    topOrLeft: "top",
-    size: "height",
-    offsetSize: "offsetHeight",
-    maxSize: "max-height",
-    scrollSize: "scrollHeight",
-    clientXorY: "clientY",
-    deltaXorY: "deltaY",
-    scrollTopOrLeft: "scrollTop"
-  }
-}, jl = {
-  name: "w-scrollable",
+}, ps = /* @__PURE__ */ C(cs, [["render", hs]]), ms = /* @__PURE__ */ Object.assign({ name: "WScrollable" }, {
+  __name: "w-scrollable",
   props: {
     color: { type: String, default: "primary" },
     bgColor: { type: String },
@@ -5345,97 +5297,129 @@ const Fl = {
     height: { type: [Number, String] }
   },
   emits: [],
-  data: () => ({
-    mounted: !1,
-    scrollable: {
+  setup(e, { expose: t, emit: i }) {
+    const s = e, n = {
+      h: {
+        direction: "horizontal",
+        topOrLeft: "left",
+        size: "width",
+        offsetSize: "offsetWidth",
+        maxSize: "max-width",
+        scrollSize: "scrollWidth",
+        clientXorY: "clientX",
+        deltaXorY: "deltaX",
+        scrollTopOrLeft: "scrollLeft"
+      },
+      v: {
+        direction: "vertical",
+        topOrLeft: "top",
+        size: "height",
+        offsetSize: "offsetHeight",
+        maxSize: "max-height",
+        scrollSize: "scrollHeight",
+        clientXorY: "clientY",
+        deltaXorY: "deltaY",
+        scrollTopOrLeft: "scrollTop"
+      }
+    }, l = D(!1), a = D(null), r = D(null), d = D(null), h = D({
       top: null,
       left: null,
       hovered: !1
-    },
-    scrollValuePercent: 0
-  }),
-  computed: {
-    isHorizontal() {
-      var e, t, i, s;
-      return this.mounted ? (console.log("💂‍♂️", (e = this.$refs.scrollable) == null ? void 0 : e.scrollWidth, (t = this.$refs.scrollable) == null ? void 0 : t.offsetWidth), this.width && !this.height || ((i = this.$refs.scrollable) == null ? void 0 : i.scrollWidth) > ((s = this.$refs.scrollable) == null ? void 0 : s.offsetWidth)) : !1;
-    },
-    m() {
-      return Fl[this.isHorizontal ? "h" : "v"];
-    },
-    scrollableClasses() {
-      return {
-        [`w-scrollable--${this.m.direction}`]: !0
-      };
-    },
-    scrollbarClasses() {
-      return {
-        [`w-scrollbar--${this.m.direction}`]: !0
-      };
-    },
-    thumbSizePercent() {
-      var t;
-      return this.mounted && (this[this.m.size] ?? this.$refs.scrollable[[this.m.offsetSize]]) * 100 / ((t = this.$refs.scrollable) == null ? void 0 : t[this.m.scrollSize]) || 0;
-    },
-    scrollableStyles() {
-      return {
-        [this.m.maxSize]: `${this[this.m.size]}px`
-      };
-    },
-    thumbStyles() {
-      let e = this.scrollValuePercent;
-      return e = Math.max(0, Math.min(e, 100 - this.thumbSizePercent)), {
-        [this.m.size]: `${this.thumbSizePercent}%`,
-        [this.m.topOrLeft]: `${e}%`
+    }), y = D(0), w = D(!1), g = H(() => {
+      var T, M, K, j;
+      return l.value ? (console.log("💂‍♂️", (T = a.value) == null ? void 0 : T.scrollWidth, (M = a.value) == null ? void 0 : M.offsetWidth), s.width && !s.height || ((K = a.value) == null ? void 0 : K.scrollWidth) > ((j = a.value) == null ? void 0 : j.offsetWidth)) : !1;
+    }), B = H(() => n[g.value ? "h" : "v"]), I = H(() => ({
+      [`w-scrollable--${B.value.direction}`]: !0
+    })), E = H(() => ({
+      [`w-scrollable__scrollbar--${B.value.direction}`]: !0
+    })), ye = D(0), re = H(() => {
+      var M, K;
+      return ye.value, l.value && (s[B.value.size] ?? ((M = a.value) == null ? void 0 : M[B.value.offsetSize])) * 100 / ((K = a.value) == null ? void 0 : K[B.value.scrollSize]) || 0;
+    });
+    function we() {
+      ye.value++;
+    }
+    const Ae = H(() => ({
+      [B.value.maxSize]: s[B.value.size] ? `${s[B.value.size]}px` : void 0
+    })), We = H(() => {
+      let T = y.value;
+      return T = Math.max(0, Math.min(T, 100 - re.value)), {
+        [B.value.size]: `${re.value}%`,
+        [B.value.topOrLeft]: `${T}%`
       };
+    });
+    function Ke(T) {
+      if (s.isDisabled || s.isReadonly || "ontouchstart" in window && T.type === "mousedown") return;
+      const { top: M, left: K, width: j, height: de } = r.value.getBoundingClientRect();
+      g.value ? (r.value.width = j, r.value.left = K) : (r.value.height = de, r.value.top = M), w.value = !0, ve(T.type === "touchstart" ? T.touches[0][B.value.clientXorY] : T[B.value.clientXorY]), te(), document.addEventListener(T.type === "touchstart" ? "touchmove" : "mousemove", ke), document.addEventListener(T.type === "touchstart" ? "touchend" : "mouseup", Ne, { once: !0 });
     }
-  },
-  methods: {
-    onTrackMouseDown(e) {
-      if (this.isDisabled || this.isReadonly || "ontouchstart" in window && e.type === "mousedown") return;
-      const { top: t, left: i, width: s, height: n } = this.$refs.track.getBoundingClientRect();
-      this.isHorizontal ? (this.$refs.track.width = s, this.$refs.track.left = i) : (this.$refs.track.height = n, this.$refs.track.top = t), this.dragging = !0, this.computeScroll(e.type === "touchstart" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll(), document.addEventListener(e.type === "touchstart" ? "touchmove" : "mousemove", this.onDrag), document.addEventListener(e.type === "touchstart" ? "touchend" : "mouseup", this.onMouseUp, { once: !0 });
-    },
-    onDrag(e) {
-      this.computeScroll(e.type === "touchmove" ? e.touches[0][this.m.clientXorY] : e[this.m.clientXorY]), this.scroll();
-    },
-    onMouseUp(e) {
-      this.dragging = !1, document.removeEventListener(e.type === "touchend" ? "touchmove" : "mousemove", this.onDrag), this.$refs.thumb && this.$refs.thumb.focus();
-    },
-    onMouseEnter() {
-      this.scrollable.hovered = !0;
-    },
-    onMouseLeave() {
-      this.scrollable.hovered = !1;
-    },
-    onResize() {
-    },
-    onMouseWheel(e) {
-      this.scrollable.hovered && (this.scrollValuePercent <= 0 && e[this.m.deltaXorY] < 0 || this.scrollValuePercent >= 100 - this.thumbSizePercent && e[this.m.deltaXorY] > 0 || (e.preventDefault(), this.scrollValuePercent += e[this.m.deltaXorY] * 0.05, this.scrollValuePercent = Math.max(0, Math.min(this.scrollValuePercent, 100)), this.scroll()));
-    },
-    computeScroll(e) {
-      const { top: t, left: i, width: s, height: n } = this.$refs.scrollable.getBoundingClientRect(), l = this.isHorizontal ? i : t, a = this.isHorizontal ? s : n;
-      this.scrollValuePercent = Math.max(0, Math.min((e - l) / a * 100, 100));
-    },
-    scroll() {
-      var e;
-      this.$refs.scrollable[this.m.scrollTopOrLeft] = this.scrollValuePercent * ((e = this.$refs.scrollable) == null ? void 0 : e[this.m.scrollSize]) / 100, this.updateThumbPosition();
-    },
-    updateThumbPosition() {
-      this.$refs.thumb.style[this.m.topOrLeft] = this.scrollValuePercent;
+    function ke(T) {
+      ve(T.type === "touchmove" ? T.touches[0][B.value.clientXorY] : T[B.value.clientXorY]), te();
     }
-  },
-  mounted() {
-    this.mounted = !0;
-    const { top: e, left: t } = this.$refs.scrollable.getBoundingClientRect();
-    this.scrollable.top = e, this.scrollable.left = t, this.$el.parentNode.style.position = "relative", this.$el.parentNode.style.padding = 0, window.addEventListener("resize", this.onResize);
+    function Ne(T) {
+      w.value = !1, document.removeEventListener(T.type === "touchend" ? "touchmove" : "mousemove", ke), d.value && d.value.focus();
+    }
+    function De() {
+      h.value.hovered = !0;
+    }
+    function He() {
+      h.value.hovered = !1;
+    }
+    function Fe(T) {
+      h.value.hovered && (y.value <= 0 && T[B.value.deltaXorY] < 0 || y.value >= 100 - re.value && T[B.value.deltaXorY] > 0 || (T.preventDefault(), y.value += T[B.value.deltaXorY] * 0.05, y.value = Math.max(0, Math.min(y.value, 100)), te()));
+    }
+    function ve(T) {
+      const { top: M, left: K, width: j, height: de } = a.value.getBoundingClientRect(), Ue = g.value ? K : M, qe = g.value ? j : de;
+      y.value = Math.max(0, Math.min((T - Ue) / qe * 100, 100));
+    }
+    function te() {
+      var T;
+      a.value[B.value.scrollTopOrLeft] = y.value * ((T = a.value) == null ? void 0 : T[B.value.scrollSize]) / 100, je();
+    }
+    function je() {
+      d.value.style[B.value.topOrLeft] = y.value;
+    }
+    return tt(() => {
+      l.value = !0;
+      const { top: T, left: M } = a.value.getBoundingClientRect();
+      h.value.top = T, h.value.left = M, window.addEventListener("resize", we);
+    }), it(() => {
+      window.removeEventListener("resize", we);
+    }), t({ scroll: te }), (T, M) => (o(), u("div", $({
+      class: ["w-scrollable", I.value],
+      onMouseenter: De,
+      onMouseleave: He,
+      onMousewheel: Fe
+    }, T.$attrs, { style: Ae.value }), [
+      k("div", {
+        class: "w-scrollable__content",
+        ref_key: "scrollableEl",
+        ref: a
+      }, [
+        c(T.$slots, "default")
+      ], 512),
+      k("div", {
+        class: m(["w-scrollable__scrollbar", E.value]),
+        ref_key: "trackEl",
+        ref: r,
+        onMousedown: Ke
+      }, [
+        k("div", {
+          class: "w-scrollable__scrollbar-thumb",
+          ref_key: "thumbEl",
+          ref: d,
+          style: x(We.value)
+        }, null, 4)
+      ], 34)
+    ], 16));
   }
-}, Ul = /* @__PURE__ */ C(jl, [["render", Hl]]), ql = ["aria-expanded", "aria-owns", "aria-activedescendant"], Xl = {
+}), fs = ["aria-expanded", "aria-owns", "aria-activedescendant"], gs = {
   key: 0,
   class: "w-select__selection-slot"
-}, Yl = ["innerHTML"], Gl = ["value", "name"];
-function Jl(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-list"), d = $("w-menu");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
+}, bs = ["innerHTML"], ys = ["value", "name"];
+function ws(e, t, i, s, n, l) {
+  const a = V("w-icon"), r = V("w-list"), d = V("w-menu");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: l.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[12] || (t[12] = (h) => e.valid = h),
     onReset: l.onReset,
@@ -5450,11 +5434,11 @@ function Jl(e, t, i, s, n, l) {
           onClick: t[0] || (t[0] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0),
-      T(d, _({
+      L(d, $({
         modelValue: e.showMenu,
         "onUpdate:modelValue": t[10] || (t[10] = (h) => e.showMenu = h),
         onClose: l.closeMenu,
@@ -5466,7 +5450,7 @@ function Jl(e, t, i, s, n, l) {
         "min-width": "activator"
       }, i.menuProps || {}), {
         activator: f(() => [
-          w("div", {
+          k("div", {
             class: m(["w-select__selection-wrap", l.inputWrapClasses]),
             onClick: t[6] || (t[6] = (h) => !e.isDisabled && !e.isReadonly && l.onInputFieldClick()),
             role: "button",
@@ -5483,36 +5467,36 @@ function Jl(e, t, i, s, n, l) {
                 onClick: t[1] || (t[1] = (h) => e.$emit("click:inner-icon-left", h))
               }, {
                 default: f(() => [
-                  B(S(i.innerIconLeft), 1)
+                  _(S(i.innerIconLeft), 1)
                 ]),
                 _: 1
               })) : p("", !0)
             ]),
-            e.$slots.selection ? (o(), u("div", Xl, [
+            e.$slots.selection ? (o(), u("div", gs, [
               c(e.$slots, "selection", {
                 item: i.multiple ? e.inputValue : e.inputValue[0]
               })
             ])) : p("", !0),
-            w("div", _({
+            k("div", $({
               class: "w-select__selection",
               ref: "selection-input",
               onFocus: t[2] || (t[2] = (h) => !e.isDisabled && !e.isReadonly && l.onFocus(h)),
               onBlur: t[3] || (t[3] = (...h) => l.onBlur && l.onBlur(...h)),
               onKeydown: t[4] || (t[4] = (h) => !e.isDisabled && !e.isReadonly && l.onKeydown(h))
-            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, Yl),
-            (o(!0), u(v, null, x(e.inputValue.length ? e.inputValue : [{}], (h, y) => (o(), u("input", {
+            }, l.selectionAttributes, { innerHTML: l.selectionHtml }), null, 16, bs),
+            (o(!0), u(v, null, O(e.inputValue.length ? e.inputValue : [{}], (h, y) => (o(), u("input", {
               key: y,
               type: "hidden",
               value: h.value === void 0 ? "" : h.value.toString(),
               name: e.inputName + (i.multiple ? "[]" : "")
-            }, null, 8, Gl))), 128)),
+            }, null, 8, ys))), 128)),
             i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 1 }, [
               e.$slots.default || i.label ? (o(), u("label", {
                 key: 0,
                 class: m(["w-select__label w-select__label--inside w-form-el-shakable", e.labelClasses])
               }, [
                 c(e.$slots, "default", {}, () => [
-                  B(S(i.label), 1)
+                  _(S(i.label), 1)
                 ])
               ], 2)) : p("", !0)
             ], 64)) : p("", !0),
@@ -5524,15 +5508,15 @@ function Jl(e, t, i, s, n, l) {
                 onClick: t[5] || (t[5] = (h) => e.$emit("click:inner-icon-right", h))
               }, {
                 default: f(() => [
-                  B(S(i.innerIconRight), 1)
+                  _(S(i.innerIconRight), 1)
                 ]),
                 _: 1
               })) : p("", !0)
             ])
-          ], 10, ql)
+          ], 10, fs)
         ]),
         default: f(() => [
-          T(r, {
+          L(r, {
             ref: "w-list",
             "model-value": e.inputValue,
             "onUpdate:modelValue": l.onInput,
@@ -5551,24 +5535,24 @@ function Jl(e, t, i, s, n, l) {
             "item-color-key": i.itemColorKey,
             role: "listbox",
             tabindex: "-1"
-          }, ee({ _: 2 }, [
-            x(i.items.length, (h) => ({
+          }, ne({ _: 2 }, [
+            O(i.items.length, (h) => ({
               name: `item.${h}`,
-              fn: f(({ item: y, selected: k, index: g }) => [
-                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, k, g) ? c(e.$slots, `item.${h}`, {
+              fn: f(({ item: y, selected: w, index: g }) => [
+                e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, w, g) ? c(e.$slots, `item.${h}`, {
                   key: 0,
                   item: y,
-                  selected: k,
+                  selected: w,
                   index: g
                 }, () => [
-                  B(S(y[i.itemLabelKey]), 1)
+                  _(S(y[i.itemLabelKey]), 1)
                 ]) : c(e.$slots, "item", {
                   key: 1,
                   item: y,
-                  selected: k,
+                  selected: w,
                   index: g
                 }, () => [
-                  B(S(y[i.itemLabelKey]), 1)
+                  _(S(y[i.itemLabelKey]), 1)
                 ])
               ])
             }))
@@ -5583,7 +5567,7 @@ function Jl(e, t, i, s, n, l) {
           onClick: t[11] || (t[11] = (h) => e.$refs["selection-input"].click())
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
         ], 2)) : p("", !0)
       ], 64)) : p("", !0)
@@ -5591,9 +5575,9 @@ function Jl(e, t, i, s, n, l) {
     _: 3
   }, 16, ["valid", "onReset", "wrap", "class"]);
 }
-const Ql = {
+const ks = {
   name: "w-select",
-  mixins: [E],
+  mixins: [W],
   props: {
     items: { type: Array, required: !0 },
     modelValue: {},
@@ -5821,12 +5805,12 @@ const Ql = {
       this.inputValue = this.checkSelection(this.modelValue);
     }
   }
-}, Zl = /* @__PURE__ */ C(Ql, [["render", Jl]]), es = ["for"], ts = ["for", "innerHTML"], is = { class: "w-slider__track-wrap" }, ls = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], ss = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], os = ["for"], as = { key: 0 }, ns = {
+}, vs = /* @__PURE__ */ C(ks, [["render", ws]]), Cs = ["for"], Ss = ["for", "innerHTML"], Bs = { class: "w-slider__track-wrap" }, _s = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-readonly"], $s = ["id", "name", "model-value", "disabled", "readonly", "aria-readonly", "tabindex"], Is = ["for"], Vs = { key: 0 }, Ts = {
   key: 0,
   class: "w-slider__step-labels"
-}, rs = ["onClick"], ds = ["for"], us = ["for", "innerHTML"];
-function hs(e, t, i, s, n, l) {
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, Ls = ["onClick"], Rs = ["for"], xs = ["for", "innerHTML"];
+function Os(e, t, i, s, n, l) {
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.rangeValueScaled, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[8] || (t[8] = (a) => e.valid = a),
     onReset: t[9] || (t[9] = (a) => {
@@ -5842,14 +5826,14 @@ function hs(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-left")
-      ], 10, es)) : i.labelLeft ? (o(), u("label", {
+      ], 10, Cs)) : i.labelLeft ? (o(), u("label", {
         key: 1,
         class: m(["w-slider__label w-slider__label--left w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelLeft
-      }, null, 10, ts)) : p("", !0),
-      w("div", is, [
-        w("div", {
+      }, null, 10, Ss)) : p("", !0),
+      k("div", Bs, [
+        k("div", {
           class: m(["w-slider__track", l.trackClasses]),
           ref: "track",
           onMousedown: t[4] || (t[4] = (...a) => l.onTrackMouseDown && l.onTrackMouseDown(...a)),
@@ -5862,15 +5846,15 @@ function hs(e, t, i, s, n, l) {
           "aria-readonly": e.isReadonly ? "true" : "false",
           "aria-orientation": "horizontal"
         }, [
-          w("div", {
+          k("div", {
             class: m(["w-slider__range", l.rangeClasses]),
-            style: R(l.rangeStyles)
+            style: x(l.rangeStyles)
           }, null, 6),
-          w("div", {
+          k("div", {
             class: "w-slider__thumb",
-            style: R(l.thumbStyles)
+            style: x(l.thumbStyles)
           }, [
-            w("button", {
+            k("button", {
               class: m(["w-slider__thumb-button", [i.color]]),
               ref: "thumb",
               id: `button--${e._.uid}`,
@@ -5881,42 +5865,42 @@ function hs(e, t, i, s, n, l) {
               "aria-readonly": e.isReadonly ? "true" : "false",
               tabindex: e.isDisabled || e.isReadonly ? -1 : null,
               onKeydown: [
-                t[0] || (t[0] = A((a) => l.onKeyDown(a, -1), ["left"])),
-                t[1] || (t[1] = A((a) => l.onKeyDown(a, 1), ["right"]))
+                t[0] || (t[0] = N((a) => l.onKeyDown(a, -1), ["left"])),
+                t[1] || (t[1] = N((a) => l.onKeyDown(a, 1), ["right"]))
               ],
               onFocus: t[2] || (t[2] = (a) => e.$emit("focus", a)),
-              onClick: t[3] || (t[3] = M(() => {
+              onClick: t[3] || (t[3] = A(() => {
               }, ["prevent"]))
-            }, null, 42, ss),
+            }, null, 42, $s),
             i.thumbLabel ? (o(), u("label", {
               key: 0,
               class: m(["w-slider__thumb-label", l.thumbClasses]),
               for: `button--${e._.uid}`
             }, [
-              i.thumbLabel === "droplet" ? (o(), u("div", as, [
+              i.thumbLabel === "droplet" ? (o(), u("div", Vs, [
                 c(e.$slots, "label", { value: e.rangeValueScaled }, () => [
-                  B(S(~~e.rangeValueScaled), 1)
+                  _(S(~~e.rangeValueScaled), 1)
                 ])
               ])) : c(e.$slots, "label", {
                 key: 1,
                 value: e.rangeValueScaled
               }, () => [
-                B(S(~~e.rangeValueScaled), 1)
+                _(S(~~e.rangeValueScaled), 1)
               ])
-            ], 10, os)) : p("", !0)
+            ], 10, Is)) : p("", !0)
           ], 4)
-        ], 42, ls),
-        i.stepLabels && i.step ? (o(), u("div", ns, [
-          w("div", {
+        ], 42, _s),
+        i.stepLabels && i.step ? (o(), u("div", Ts, [
+          k("div", {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => l.onStepLabelClick(0))
           }, S(this.minVal), 1),
-          (o(!0), u(v, null, x(~~l.numberOfSteps, (a) => (o(), u("div", {
+          (o(!0), u(v, null, O(~~l.numberOfSteps, (a) => (o(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => l.onStepLabelClick(a * (100 / l.numberOfSteps)),
-            style: R(`left: ${a * (100 / l.numberOfSteps)}%`)
-          }, S(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, rs))), 128)),
+            style: x(`left: ${a * (100 / l.numberOfSteps)}%`)
+          }, S(l.percentToScaled(a * (100 / l.numberOfSteps))), 13, Ls))), 128)),
           ~~l.numberOfSteps !== l.numberOfSteps ? (o(), u("div", {
             key: 0,
             class: "w-slider__step-label",
@@ -5931,19 +5915,19 @@ function hs(e, t, i, s, n, l) {
         for: `button--${e._.uid}`
       }, [
         c(e.$slots, "label-right")
-      ], 10, ds)) : i.labelRight ? (o(), u("label", {
+      ], 10, Rs)) : i.labelRight ? (o(), u("label", {
         key: 3,
         class: m(["w-slider__label w-slider__label--right w-form-el-shakable", e.labelClasses]),
         for: `button--${e._.uid}`,
         innerHTML: i.labelRight
-      }, null, 10, us)) : p("", !0)
+      }, null, 10, xs)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class"]);
 }
-const cs = {
+const Ps = {
   name: "w-slider",
-  mixins: [E],
+  mixins: [W],
   props: {
     modelValue: { type: Number, default: 0 },
     color: { type: String, default: "primary" },
@@ -6078,17 +6062,17 @@ const cs = {
       this.rangeValueScaled !== e && (this.rangeValueScaled = e, this.rangeValuePercent = this.scaledToPercent(e));
     }
   }
-}, ps = /* @__PURE__ */ C(cs, [["render", hs]]), ms = { key: 0 };
-function fs(e, t, i, s, n, l) {
+}, zs = /* @__PURE__ */ C(Ps, [["render", Os]]), Es = { key: 0 };
+function Ms(e, t, i, s, n, l) {
   return i.modelValue || i.modelValue === void 0 ? (o(), u("div", {
     key: 0,
     class: m(["w-spinner", l.classes]),
-    style: R(l.styles)
+    style: x(l.styles)
   }, [
-    l.isThreeDots ? (o(), u("span", ms)) : p("", !0)
+    l.isThreeDots ? (o(), u("span", Es)) : p("", !0)
   ], 6)) : p("", !0);
 }
-const gs = {
+const As = {
   name: "w-spinner",
   props: {
     modelValue: {},
@@ -6126,13 +6110,13 @@ const gs = {
       };
     }
   }
-}, bs = /* @__PURE__ */ C(gs, [["render", fs]]);
-function ys(e, t, i, s, n, l) {
+}, Ws = /* @__PURE__ */ C(As, [["render", Ms]]);
+function Ks(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-steps", l.classes])
   }, null, 2);
 }
-const ws = {
+const Ns = {
   name: "w-steps",
   props: {
     dark: { type: Boolean },
@@ -6148,16 +6132,16 @@ const ws = {
       };
     }
   }
-}, ks = /* @__PURE__ */ C(ws, [["render", ys]]), vs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Cs = ["for"], Ss = {
+}, Ds = /* @__PURE__ */ C(Ns, [["render", Ks]]), Hs = ["id", "name", "checked", "disabled", "readonly", "aria-readonly", "required", "tabindex", "aria-checked"], Fs = ["for"], js = {
   key: 0,
   class: "w-switch__track"
-}, Bs = {
+}, Us = {
   key: 1,
   class: "w-switch__thumb"
-}, _s = ["for"];
-function $s(e, t, i, s, n, l) {
-  const a = $("w-progress");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
+}, qs = ["for"];
+function Xs(e, t, i, s, n, l) {
+  const a = V("w-progress");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.isOn, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (r) => e.valid = r),
     onReset: t[4] || (t[4] = (r) => {
@@ -6167,7 +6151,7 @@ function $s(e, t, i, s, n, l) {
     style: e.$attrs.style
   }), {
     default: f(() => [
-      w("input", _({
+      k("input", $({
         ref: "input",
         id: `w-switch--${e._.uid}`,
         type: "checkbox",
@@ -6183,7 +6167,7 @@ function $s(e, t, i, s, n, l) {
         onFocus: t[1] || (t[1] = (r) => e.$emit("focus", r)),
         "aria-checked": n.isOn || "false",
         role: "switch"
-      }), null, 16, vs),
+      }), null, 16, Hs),
       l.hasLabel && i.labelOnLeft ? (o(), u(v, { key: 0 }, [
         e.$slots.default || i.label ? (o(), u("label", {
           key: 0,
@@ -6191,21 +6175,21 @@ function $s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, Cs)) : p("", !0)
+        ], 10, Fs)) : p("", !0)
       ], 64)) : p("", !0),
-      w("div", {
+      k("div", {
         class: m(["w-switch__input", l.inputClasses]),
         onClick: t[2] || (t[2] = (r) => {
           e.$refs.input.focus(), e.$refs.input.click();
         })
       }, [
-        e.$slots.track ? (o(), u("div", Ss, [
+        e.$slots.track ? (o(), u("div", js, [
           c(e.$slots, "track")
         ])) : p("", !0),
-        e.$slots.thumb || i.loading ? (o(), u("div", Bs, [
-          i.loading ? (o(), b(a, _({
+        e.$slots.thumb || i.loading ? (o(), u("div", Us, [
+          i.loading ? (o(), b(a, $({
             key: 0,
             circle: "",
             color: "inherit"
@@ -6219,17 +6203,17 @@ function $s(e, t, i, s, n, l) {
           for: `w-switch--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, _s)) : p("", !0)
+        ], 10, qs)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "class", "style"]);
 }
-const Is = {
+const Ys = {
   name: "w-switch",
-  mixins: [E],
+  mixins: [W],
   inheritAttrs: !1,
   // The attrs should only be added to the input not the wrapper.
   props: {
@@ -6303,39 +6287,39 @@ const Is = {
       this.isOn = e;
     }
   }
-}, Vs = /* @__PURE__ */ C(Is, [["render", $s]]), Ts = { class: "w-tabs__content" };
-function Ls(e, t, i, s, n, l) {
-  return o(), u("div", Ts, [
+}, Gs = /* @__PURE__ */ C(Ys, [["render", Xs]]), Js = { class: "w-tabs__content" };
+function Qs(e, t, i, s, n, l) {
+  return o(), u("div", Js, [
     c(e.$slots, "default", { item: i.item })
   ]);
 }
-const Rs = {
+const Zs = {
   name: "tab-content",
   // Keep-alive include/exclude mechanism is component-name-based.
   props: { item: Object }
-}, xs = /* @__PURE__ */ C(Rs, [["render", Ls]]), Os = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], Ps = ["innerHTML"], zs = {
+}, eo = /* @__PURE__ */ C(Zs, [["render", Qs]]), to = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"], io = ["innerHTML"], lo = {
   key: 0,
   class: "w-tabs__bar-extra"
-}, Ms = {
+}, so = {
   key: 0,
   class: "w-tabs__content-wrap"
-}, Es = ["innerHTML"], As = ["innerHTML"];
-function Ws(e, t, i, s, n, l) {
-  const a = $("tab-content");
+}, oo = ["innerHTML"], ao = ["innerHTML"];
+function no(e, t, i, s, n, l) {
+  const a = V("tab-content");
   return o(), u("div", {
     class: m(["w-tabs", l.tabsClasses])
   }, [
-    w("div", {
+    k("div", {
       class: m(["w-tabs__bar", l.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (o(!0), u(v, null, x(e.tabs, (r, d) => (o(), u("div", {
+      (o(!0), u(v, null, O(e.tabs, (r, d) => (o(), u("div", {
         class: m(["w-tabs__bar-item", l.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && r._uid !== e.activeTabUid && l.openTab(r._uid),
         onFocus: (h) => e.$emit("focus", l.getOriginalItem(r)),
         tabindex: !r._disabled && 0,
-        onKeypress: A((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
+        onKeypress: N((h) => !r._disabled && l.openTab(r._uid), ["enter"]),
         "aria-selected": r._uid === e.activeTabUid ? "true" : "false",
         role: "tab"
       }, [
@@ -6350,27 +6334,27 @@ function Ws(e, t, i, s, n, l) {
           index: d + 1,
           active: r._uid === e.activeTabUid
         }, () => [
-          w("div", {
+          k("div", {
             innerHTML: r[i.itemTitleKey]
-          }, null, 8, Ps)
+          }, null, 8, io)
         ])
-      ], 42, Os))), 128)),
-      e.$slots["tabs-bar-extra"] ? (o(), u("div", zs, [
+      ], 42, to))), 128)),
+      e.$slots["tabs-bar-extra"] ? (o(), u("div", lo, [
         c(e.$slots, "tabs-bar-extra")
       ])) : p("", !0),
       !i.noSlider && !i.card ? (o(), u("div", {
         key: 1,
         class: m(["w-tabs__slider", i.sliderColor]),
-        style: R(l.sliderStyles)
+        style: x(l.sliderStyles)
       }, null, 6)) : p("", !0)
     ], 2),
-    e.tabs.length ? (o(), u("div", Ms, [
-      i.keepInDom ? (o(), b(ae, {
+    e.tabs.length ? (o(), u("div", so, [
+      i.keepInDom ? (o(), b(fe, {
         key: 0,
         name: l.transitionName
       }, {
         default: f(() => [
-          (o(!0), u(v, null, x(e.tabs, (r, d) => W((o(), b(a, {
+          (o(!0), u(v, null, O(e.tabs, (r, d) => F((o(), b(a, {
             key: r._uid,
             item: r,
             class: m(l.contentClasses)
@@ -6390,22 +6374,22 @@ function Ws(e, t, i, s, n, l) {
                 r[i.itemContentKey] ? (o(), u("div", {
                   key: 0,
                   innerHTML: r[i.itemContentKey]
-                }, null, 8, Es)) : p("", !0)
+                }, null, 8, oo)) : p("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["item", "class"])), [
-            [re, r._uid === l.activeTab._uid]
+            [be, r._uid === l.activeTab._uid]
           ])), 128))
         ]),
         _: 3
-      }, 8, ["name"])) : (o(), b(O, {
+      }, 8, ["name"])) : (o(), b(P, {
         key: 1,
         name: l.transitionName,
         mode: l.transitionMode
       }, {
         default: f(() => [
-          (o(), b(Oe, {
+          (o(), b(lt, {
             exclude: i.keepAlive ? "" : "tab-content"
           }, [
             (o(), b(a, {
@@ -6429,7 +6413,7 @@ function Ws(e, t, i, s, n, l) {
                     r[i.itemContentKey] ? (o(), u("div", {
                       key: 0,
                       innerHTML: r[i.itemContentKey]
-                    }, null, 8, As)) : p("", !0)
+                    }, null, 8, ao)) : p("", !0)
                   ])
                 ], 64)) : p("", !0)
               ]),
@@ -6442,8 +6426,8 @@ function Ws(e, t, i, s, n, l) {
     ])) : p("", !0)
   ], 2);
 }
-let ye = 0;
-const Ks = {
+let Le = 0;
+const ro = {
   name: "w-tabs",
   props: {
     modelValue: { type: [Number, String] },
@@ -6469,7 +6453,7 @@ const Ks = {
     keepAlive: { type: Boolean, default: !0 },
     keepInDom: { type: Boolean, default: !1 }
   },
-  components: { TabContent: xs },
+  components: { TabContent: eo },
   emits: ["input", "update:modelValue", "focus"],
   data: () => ({
     tabs: [],
@@ -6486,7 +6470,7 @@ const Ks = {
   }),
   computed: {
     contentClasses() {
-      return P(this.contentClass);
+      return z(this.contentClass);
     },
     transitionName() {
       return this.transition === !1 ? "" : this.transition || `w-tabs-slide-${this.direction}`;
@@ -6531,7 +6515,7 @@ const Ks = {
   methods: {
     // Adding a tab in the list.
     addTab(e) {
-      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++ye}`), this.tabs.push({
+      (e[this.itemIdKey] ?? e._uid ?? !1) || (e._uid = +`${this._.uid}${++Le}`), this.tabs.push({
         _uid: e[this.itemIdKey] ?? e._uid,
         _index: this.tabs.length,
         ...e,
@@ -6540,7 +6524,7 @@ const Ks = {
     },
     refreshTabs() {
       let e = this.items;
-      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++ye}`), {
+      typeof e == "number" && (e = Array(e).fill().map((t, i) => this.tabs[i] || {})), this.tabs = e.map((t, i) => ((t[this.itemIdKey] ?? t._uid ?? !1) || (t._uid = +`${this._.uid}${++Le}`), {
         ...t,
         _uid: t[this.itemIdKey] ?? t._uid,
         _index: i,
@@ -6563,8 +6547,8 @@ const Ks = {
         [this.color]: this.color && !e._disabled && !(this.activeClass && t),
         "w-tabs__bar-item--active": t,
         "w-tabs__bar-item--disabled": e._disabled,
-        ...P(this.titleClass),
-        ...t ? P(this.activeClass) : {}
+        ...z(this.titleClass),
+        ...t ? z(this.activeClass) : {}
       };
     },
     // Switching tabs.
@@ -6622,55 +6606,55 @@ const Ks = {
       e ? window.removeEventListener("resize", this.onResize) : (this.updateSlider(), window.addEventListener("resize", this.onResize));
     }
   }
-}, Ns = /* @__PURE__ */ C(Ks, [["render", Ws]]), Ds = { class: "w-table__scroll-wrap" }, Hs = { ref: "colgroup" }, Fs = ["width"], js = { key: 0 }, Us = ["onClick"], qs = ["innerHTML"], Xs = {
+}, uo = /* @__PURE__ */ C(ro, [["render", no]]), ho = { class: "w-table__scroll-wrap" }, co = { ref: "colgroup" }, po = ["width"], mo = { key: 0 }, fo = ["onClick"], go = ["innerHTML"], bo = {
   key: 0,
   class: "w-table__progress-bar"
-}, Ys = ["colspan"], Gs = {
+}, yo = ["colspan"], wo = {
   key: 0,
   class: "w-table__progress-bar"
-}, Js = ["colspan"], Qs = { class: "w-table__loading-text" }, Zs = {
+}, ko = ["colspan"], vo = { class: "w-table__loading-text" }, Co = {
   key: 1,
   class: "no-data"
-}, eo = ["colspan"], to = ["onClick"], io = ["data-label"], lo = ["data-label"], so = ["innerHTML"], oo = {
+}, So = ["colspan"], Bo = ["onClick"], _o = ["data-label"], $o = ["data-label"], Io = ["innerHTML"], Vo = {
   key: 2,
   class: "w-table__row w-table__row--expansion"
-}, ao = ["colspan"], no = { key: 0 }, ro = {
+}, To = ["colspan"], Lo = { key: 0 }, Ro = {
   key: 3,
   class: "w-table__extra-row"
-}, uo = {
+}, xo = {
   key: 1,
   class: "w-table__footer"
-}, ho = {
+}, Oo = {
   key: 1,
   class: "w-table__row"
-}, co = ["colspan"], po = {
+}, Po = ["colspan"], zo = {
   key: 0,
   class: "w-table__pagination w-pagination"
-}, mo = { class: "pages-wrap" }, fo = { class: "w-pagination__results" };
-function go(e, t, i, s, n, l) {
-  const a = $("w-icon"), r = $("w-progress"), d = $("w-transition-fade"), h = $("w-transition-expand"), y = $("w-select"), k = $("w-button");
+}, Eo = { class: "pages-wrap" }, Mo = { class: "w-pagination__results" };
+function Ao(e, t, i, s, n, l) {
+  const a = V("w-icon"), r = V("w-progress"), d = V("w-transition-fade"), h = V("w-transition-expand"), y = V("w-select"), w = V("w-button");
   return o(), u("div", {
     class: m(["w-table w-table--wrap", l.classes])
   }, [
-    w("div", Ds, [
-      w("table", {
+    k("div", ho, [
+      k("table", {
         class: "w-table__table",
         onMousedown: t[1] || (t[1] = (...g) => l.onMouseDown && l.onMouseDown(...g)),
         onMouseover: t[2] || (t[2] = (...g) => l.onMouseOver && l.onMouseOver(...g)),
         onMouseout: t[3] || (t[3] = (...g) => l.onMouseOut && l.onMouseOut(...g))
       }, [
-        w("colgroup", Hs, [
-          (o(!0), u(v, null, x(i.headers, (g, V) => (o(), u("col", {
-            class: m(["w-table__col", l.colClasses[V]]),
-            key: V,
+        k("colgroup", co, [
+          (o(!0), u(v, null, O(i.headers, (g, B) => (o(), u("col", {
+            class: m(["w-table__col", l.colClasses[B]]),
+            key: B,
             width: g.width || null
-          }, null, 10, Fs))), 128))
+          }, null, 10, po))), 128))
         ], 512),
-        i.noHeaders ? p("", !0) : (o(), u("thead", js, [
-          w("tr", null, [
-            (o(!0), u(v, null, x(i.headers, (g, V) => (o(), u("th", {
+        i.noHeaders ? p("", !0) : (o(), u("thead", mo, [
+          k("tr", null, [
+            (o(!0), u(v, null, O(i.headers, (g, B) => (o(), u("th", {
               class: m(["w-table__header", l.headerClasses(g)]),
-              key: V,
+              key: B,
               onClick: (I) => !e.colResizing.dragging && g.sortable !== !1 && l.sortTable(g)
             }, [
               g.sortable !== !1 && g.align === "right" ? (o(), b(a, {
@@ -6678,7 +6662,7 @@ function go(e, t, i, s, n, l) {
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: f(() => t[8] || (t[8] = [
-                  B("wi-arrow-down")
+                  _("wi-arrow-down")
                 ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
@@ -6687,82 +6671,82 @@ function go(e, t, i, s, n, l) {
                   key: 0,
                   header: g,
                   label: g.label,
-                  index: V + 1
+                  index: B + 1
                 }, () => [
-                  B(S(g.label || ""), 1)
+                  _(S(g.label || ""), 1)
                 ]) : (o(), u("span", {
                   key: 1,
                   innerHTML: g.label || ""
-                }, null, 8, qs))
+                }, null, 8, go))
               ], 64)) : p("", !0),
               g.sortable !== !1 && g.align !== "right" ? (o(), b(a, {
                 key: 2,
                 class: m(["w-table__header-sort", l.headerSortClasses(g)])
               }, {
                 default: f(() => t[9] || (t[9] = [
-                  B("wi-arrow-down")
+                  _("wi-arrow-down")
                 ])),
                 _: 2
               }, 1032, ["class"])) : p("", !0),
-              V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+              B < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                 key: 3,
-                class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === V }]),
-                onClick: t[0] || (t[0] = M(() => {
+                class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === B, "w-table__col-resizer--active": e.colResizing.columnIndex === B }]),
+                onClick: t[0] || (t[0] = A(() => {
                 }, ["stop"]))
               }, null, 2)) : p("", !0)
-            ], 10, Us))), 128))
+            ], 10, fo))), 128))
           ]),
-          T(d, null, {
+          L(d, null, {
             default: f(() => [
-              i.loading === "header" ? (o(), u("tr", Xs, [
-                w("td", {
+              i.loading === "header" ? (o(), u("tr", bo, [
+                k("td", {
                   colspan: i.headers.length
                 }, [
-                  T(r, { tile: "" })
-                ], 8, Ys)
+                  L(r, { tile: "" })
+                ], 8, yo)
               ])) : p("", !0)
             ]),
             _: 1
           })
         ])),
-        w("tbody", null, [
-          i.loading === !0 ? (o(), u("tr", Gs, [
-            w("td", {
+        k("tbody", null, [
+          i.loading === !0 ? (o(), u("tr", wo, [
+            k("td", {
               colspan: i.headers.length
             }, [
-              T(r, { tile: "" }),
-              w("div", Qs, [
+              L(r, { tile: "" }),
+              k("div", vo, [
                 c(e.$slots, "loading", {}, () => [
-                  t[10] || (t[10] = B("Loading..."))
+                  t[10] || (t[10] = _("Loading..."))
                 ])
               ])
-            ], 8, Js)
-          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Zs, [
-            w("td", {
+            ], 8, ko)
+          ])) : l.tableItems.length ? p("", !0) : (o(), u("tr", Co, [
+            k("td", {
               class: "w-table__cell text-center",
               colspan: i.headers.length
             }, [
               c(e.$slots, "no-data", {}, () => [
-                t[11] || (t[11] = B("No data to show."))
+                t[11] || (t[11] = _("No data to show."))
               ])
-            ], 8, eo)
+            ], 8, So)
           ])),
-          l.tableItems.length && i.loading !== !0 ? (o(!0), u(v, { key: 2 }, x(l.paginatedItems, (g, V) => (o(), u(v, { key: V }, [
+          l.tableItems.length && i.loading !== !0 ? (o(!0), u(v, { key: 2 }, O(l.paginatedItems, (g, B) => (o(), u(v, { key: B }, [
             e.$slots.item ? c(e.$slots, "item", {
               key: 0,
               item: g,
-              index: V + 1,
-              select: () => l.doSelectRow(g, V),
+              index: B + 1,
+              select: () => l.doSelectRow(g, B),
               classes: { "w-table__row": !0, "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }
             }) : (o(), u("tr", {
               key: 1,
               class: m(["w-table__row", { "w-table__row--selected": l.selectedRowsByUid[g._uid] !== void 0, "w-table__row--expanded": l.expandedRowsByUid[g._uid] !== void 0 }]),
-              onClick: (I) => l.doSelectRow(g, V)
+              onClick: (I) => l.doSelectRow(g, B)
             }, [
-              (o(!0), u(v, null, x(i.headers, (I, z) => (o(), u(v, null, [
-                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${z + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
+              (o(!0), u(v, null, O(i.headers, (I, E) => (o(), u(v, null, [
+                e.$slots[`item-cell.${I.key}`] || e.$slots[`item-cell.${E + 1}`] || e.$slots["item-cell"] ? (o(), u("td", {
                   class: m(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
-                  key: `${z}-a`,
+                  key: `${E}-a`,
                   "data-label": I.label
                 }, [
                   e.$slots[`item-cell.${I.key}`] ? c(e.$slots, `item-cell.${I.key}`, {
@@ -6770,79 +6754,79 @@ function go(e, t, i, s, n, l) {
                     header: I,
                     item: g,
                     label: g[I.key] || "",
-                    index: V + 1
-                  }) : e.$slots[`item-cell.${z + 1}`] ? c(e.$slots, `item-cell.${z + 1}`, {
+                    index: B + 1
+                  }) : e.$slots[`item-cell.${E + 1}`] ? c(e.$slots, `item-cell.${E + 1}`, {
                     key: 1,
                     header: I,
                     item: g,
                     label: g[I.key] || "",
-                    index: V + 1
+                    index: B + 1
                   }) : e.$slots["item-cell"] ? c(e.$slots, "item-cell", {
                     key: 2,
                     header: I,
                     item: g,
                     label: g[I.key] || "",
-                    index: V + 1
+                    index: B + 1
                   }) : p("", !0),
-                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  E < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 3,
-                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
+                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === E, "w-table__col-resizer--active": e.colResizing.columnIndex === E }])
                   }, null, 2)) : p("", !0)
-                ], 10, io)) : (o(), u("td", {
+                ], 10, _o)) : (o(), u("td", {
                   class: m(["w-table__cell", { [`text-${I.align || "left"}`]: !0, "w-table__cell--sticky": I.sticky }]),
-                  key: `${z}-b`,
+                  key: `${E}-b`,
                   "data-label": I.label
                 }, [
-                  w("div", {
+                  k("div", {
                     innerHTML: g[I.key] || ""
-                  }, null, 8, so),
-                  z < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                  }, null, 8, Io),
+                  E < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                     key: 0,
-                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === z, "w-table__col-resizer--active": e.colResizing.columnIndex === z }])
+                    class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === E, "w-table__col-resizer--active": e.colResizing.columnIndex === E }])
                   }, null, 2)) : p("", !0)
-                ], 10, lo))
+                ], 10, $o))
               ], 64))), 256))
-            ], 10, to)),
-            l.expandedRowsByUid[g._uid] ? (o(), u("tr", oo, [
-              w("td", {
+            ], 10, Bo)),
+            l.expandedRowsByUid[g._uid] ? (o(), u("tr", Vo, [
+              k("td", {
                 class: "w-table__cell",
                 colspan: i.headers.length
               }, [
-                T(h, { y: "" }, {
+                L(h, { y: "" }, {
                   default: f(() => [
-                    l.expandedRowsByUid[g._uid] ? (o(), u("div", no, [
+                    l.expandedRowsByUid[g._uid] ? (o(), u("div", Lo, [
                       c(e.$slots, "row-expansion", {
                         item: g,
-                        index: V + 1
+                        index: B + 1
                       })
                     ])) : p("", !0),
-                    V < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
+                    B < i.headers.length - 1 && i.resizableColumns ? (o(), u("span", {
                       key: 1,
-                      class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === V, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
+                      class: m(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === B, "w-table__col-resizer--active": e.colResizing.columnIndex === e.j }])
                     }, null, 2)) : p("", !0)
                   ]),
                   _: 2
                 }, 1024)
-              ], 8, ao)
+              ], 8, To)
             ])) : p("", !0)
           ], 64))), 128)) : p("", !0),
-          e.$slots["extra-row"] ? (o(), u("div", ro, [
+          e.$slots["extra-row"] ? (o(), u("div", Ro, [
             c(e.$slots, "extra-row")
           ])) : p("", !0)
         ]),
-        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", uo, [
-          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", ho, [
-            w("td", {
+        e.$slots.footer || e.$slots["footer-row"] ? (o(), u("tfoot", xo, [
+          e.$slots["footer-row"] ? c(e.$slots, "footer-row", { key: 0 }) : e.$slots.footer ? (o(), u("tr", Oo, [
+            k("td", {
               class: "w-table__cell",
               colspan: i.headers.length
             }, [
               c(e.$slots, "footer")
-            ], 8, co)
+            ], 8, Po)
           ])) : p("", !0)
         ])) : p("", !0)
       ], 32)
     ]),
-    i.pagination && e.paginationConfig ? (o(), u("div", po, [
+    i.pagination && e.paginationConfig ? (o(), u("div", zo, [
       c(e.$slots, "pagination", {
         range: `${e.paginationConfig.start}-${e.paginationConfig.end}`,
         total: e.paginationConfig.total,
@@ -6861,8 +6845,8 @@ function go(e, t, i, s, n, l) {
           label: "Items per page",
           "label-color": "inherit"
         }, null, 8, ["modelValue", "items"])) : p("", !0),
-        w("div", mo, [
-          T(k, {
+        k("div", Eo, [
+          L(w, {
             class: "w-pagination__arrow w-pagination__arrow--prev",
             onClick: t[6] || (t[6] = (g) => l.goToPage("-1")),
             disabled: e.paginationConfig.page <= 1,
@@ -6870,43 +6854,43 @@ function go(e, t, i, s, n, l) {
             text: "",
             lg: ""
           }, null, 8, ["disabled"]),
-          e.paginationConfig.pagesCount > 7 ? (o(!0), u(v, { key: 0 }, x(e.paginationConfig.pagesCount, (g) => (o(), u(v, { key: g }, [
-            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (o(), b(k, {
+          e.paginationConfig.pagesCount > 7 ? (o(!0), u(v, { key: 0 }, O(e.paginationConfig.pagesCount, (g) => (o(), u(v, { key: g }, [
+            [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g) ? (o(), b(w, {
               key: 0,
               class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
-              onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
+              onClick: (B) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: f(() => [
-                B(S(g), 1)
+                _(S(g), 1)
               ]),
               _: 2
-            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (o(), b(k, {
+            }, 1032, ["onClick", "class"])) : [1, e.paginationConfig.pagesCount, e.paginationConfig.page - 1, e.paginationConfig.page, e.paginationConfig.page + 1].includes(g - 1) ? (o(), b(w, {
               key: 1,
               class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
-              onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
+              onClick: (B) => g !== e.paginationConfig.page && l.goToPage(g),
               round: "",
               lg: ""
             }, {
               default: f(() => t[12] || (t[12] = [
-                B("...")
+                _("...")
               ])),
               _: 2
             }, 1032, ["onClick", "class"])) : p("", !0)
-          ], 64))), 128)) : (o(!0), u(v, { key: 1 }, x(e.paginationConfig.pagesCount, (g) => (o(), b(k, {
+          ], 64))), 128)) : (o(!0), u(v, { key: 1 }, O(e.paginationConfig.pagesCount, (g) => (o(), b(w, {
             class: m(["w-pagination__page", { "w-pagination__page--active": g === e.paginationConfig.page }]),
             key: g,
-            onClick: (V) => g !== e.paginationConfig.page && l.goToPage(g),
+            onClick: (B) => g !== e.paginationConfig.page && l.goToPage(g),
             round: "",
             lg: ""
           }, {
             default: f(() => [
-              B(S(g), 1)
+              _(S(g), 1)
             ]),
             _: 2
           }, 1032, ["onClick", "class"]))), 128)),
-          T(k, {
+          L(w, {
             class: "w-pagination__arrow w-pagination__arrow--next",
             onClick: t[7] || (t[7] = (g) => l.goToPage("+1")),
             disabled: e.paginationConfig.page >= e.paginationConfig.pagesCount,
@@ -6915,12 +6899,12 @@ function go(e, t, i, s, n, l) {
             lg: ""
           }, null, 8, ["disabled"])
         ]),
-        w("span", fo, S(e.paginationConfig.start) + "-" + S(e.paginationConfig.end || e.paginationConfig.total) + " of " + S(e.paginationConfig.total), 1)
+        k("span", Mo, S(e.paginationConfig.start) + "-" + S(e.paginationConfig.end || e.paginationConfig.total) + " of " + S(e.paginationConfig.total), 1)
       ])
     ])) : p("", !0)
   ], 2);
 }
-const we = 15, bo = {
+const Re = 15, Wo = {
   name: "w-table",
   props: {
     items: { type: Array, required: !0 },
@@ -6937,14 +6921,14 @@ const we = 15, bo = {
     filter: { type: Function },
     fetch: { type: Function },
     expandableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || D(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || X(
         `Wrong value for the w-table's \`expandableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
     // Allow providing the expanded rows and keeping it in sync via .sync in Vue 2 or v-model:expandedRows in Vue 3.
     expandedRows: { type: Array },
     selectableRows: {
-      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || D(
+      validator: (e) => ([void 0, !0, !1, 1, "1", ""].includes(e) || X(
         `Wrong value for the w-table's \`selectableRows\` prop. Given: "${e}", expected one of: [undefined, true, false, 1, '1', ''].`
       ), !0)
     },
@@ -6964,7 +6948,7 @@ const we = 15, bo = {
     // - total
     pagination: {
       type: [Boolean, Object, String],
-      validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (D(
+      validator: (e) => e && typeof e == "object" && (!e.itemsPerPage || e.page && isNaN(e.page)) ? (X(
         "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
     },
@@ -7137,11 +7121,11 @@ const we = 15, bo = {
       this.colResizing.dragging = !0;
       const a = e.pageX - t, r = n + l, d = n + a, h = l - a;
       i.style.width = `${n + a}px`, s.style.width = `${l - a}px`;
-      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= we, k = a > 0 && s.offsetWidth > h;
+      const y = a < 0 && i.offsetWidth > d || i.offsetWidth <= Re, w = a > 0 && s.offsetWidth > h;
       if (y) {
-        const g = Math.max(i.offsetWidth, we);
+        const g = Math.max(i.offsetWidth, Re);
         i.style.width = `${g}px`, s.style.width = `${r - g}px`;
-      } else k && (i.style.width = `${r - s.offsetWidth}px`, s.style.width = `${s.offsetWidth}px`);
+      } else w && (i.style.width = `${r - s.offsetWidth}px`, s.style.width = `${s.offsetWidth}px`);
     },
     onResizerMouseUp() {
       document.removeEventListener("mousemove", this.onResizerMouseMove), document.removeEventListener("mouseup", this.onResizerMouseUp), setTimeout(() => {
@@ -7243,34 +7227,34 @@ const we = 15, bo = {
       this.updatePaginationConfig({ total: e });
     }
   }
-}, yo = /* @__PURE__ */ C(bo, [["render", go]]), wo = ["role", "aria-pressed", "tabindex"];
-function ko(e, t, i, s, n, l) {
+}, Ko = /* @__PURE__ */ C(Wo, [["render", Ao]]), No = ["role", "aria-pressed", "tabindex"];
+function Do(e, t, i, s, n, l) {
   return o(), u("span", {
     class: m(["w-tag", l.classes]),
     onClick: t[1] || (t[1] = (a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }),
-    onKeypress: t[2] || (t[2] = A((a) => {
+    onKeypress: t[2] || (t[2] = N((a) => {
       e.$emit("update:modelValue", !i.modelValue), e.$emit("input", !i.modelValue);
     }, ["enter"])),
     role: i.modelValue !== -1 && "button",
     "aria-pressed": i.modelValue !== -1 && (i.modelValue ? "true" : "false"),
     tabindex: i.modelValue !== -1 && 0,
-    style: R(l.styles)
+    style: x(l.styles)
   }, [
     c(e.$slots, "default"),
     i.closable && i.modelValue ? (o(), u("i", {
       key: 0,
       class: "w-icon w-tag__closable wi-cross",
-      onClick: t[0] || (t[0] = M((a) => {
+      onClick: t[0] || (t[0] = A((a) => {
         e.$emit("update:modelValue", !1), e.$emit("input", !1);
       }, ["stop"])),
       role: "icon",
       "aria-hidden": "true"
     })) : p("", !0)
-  ], 46, wo);
+  ], 46, No);
 }
-const vo = {
+const Ho = {
   name: "w-tag",
   props: {
     modelValue: { type: [Boolean, Number], default: -1 },
@@ -7319,10 +7303,10 @@ const vo = {
       };
     }
   }
-}, Co = /* @__PURE__ */ C(vo, [["render", ko]]), So = ["for"], Bo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], _o = ["for"];
-function $o(e, t, i, s, n, l) {
-  const a = $("w-icon");
-  return o(), b(L(e.formRegister ? "w-form-element" : "div"), _({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
+}, Fo = /* @__PURE__ */ C(Ho, [["render", Do]]), jo = ["for"], Uo = ["id", "name", "placeholder", "rows", "cols", "readonly", "aria-readonly", "disabled", "required", "tabindex"], qo = ["for"];
+function Xo(e, t, i, s, n, l) {
+  const a = V("w-icon");
+  return o(), b(R(e.formRegister ? "w-form-element" : "div"), $({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: n.inputValue, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: n.isFocused }, {
     valid: e.valid,
     "onUpdate:valid": t[6] || (t[6] = (r) => e.valid = r),
     wrap: l.hasLabel && i.labelPosition !== "inside",
@@ -7340,11 +7324,11 @@ function $o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, So)) : p("", !0)
+        ], 10, jo)) : p("", !0)
       ], 64)) : p("", !0),
-      w("div", {
+      k("div", {
         class: m(["w-textarea__textarea-wrap", l.inputWrapClasses])
       }, [
         c(e.$slots, "icon-left", {
@@ -7358,12 +7342,12 @@ function $o(e, t, i, s, n, l) {
             onClick: t[0] || (t[0] = (r) => e.$emit("click:inner-icon-left", r))
           }, {
             default: f(() => [
-              B(S(i.innerIconLeft), 1)
+              _(S(i.innerIconLeft), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
         ]),
-        W(w("textarea", _({
+        F(k("textarea", $({
           class: "w-textarea__textarea",
           ref: "textarea",
           "onUpdate:modelValue": t[1] || (t[1] = (r) => n.inputValue = r)
@@ -7381,8 +7365,8 @@ function $o(e, t, i, s, n, l) {
           disabled: e.isDisabled || null,
           required: e.required || null,
           tabindex: e.tabindex || null
-        }), null, 16, Bo), [
-          [ve, n.inputValue]
+        }), null, 16, Uo), [
+          [Oe, n.inputValue]
         ]),
         i.labelPosition === "inside" && l.showLabelInside ? (o(), u(v, { key: 0 }, [
           e.$slots.default || i.label ? (o(), u("label", {
@@ -7390,7 +7374,7 @@ function $o(e, t, i, s, n, l) {
             class: m(["w-textarea__label w-textarea__label--inside w-form-el-shakable", e.labelClasses])
           }, [
             c(e.$slots, "default", {}, () => [
-              B(S(i.label), 1)
+              _(S(i.label), 1)
             ])
           ], 2)) : p("", !0)
         ], 64)) : p("", !0),
@@ -7405,7 +7389,7 @@ function $o(e, t, i, s, n, l) {
             onClick: t[5] || (t[5] = (r) => e.$emit("click:inner-icon-right", r))
           }, {
             default: f(() => [
-              B(S(i.innerIconRight), 1)
+              _(S(i.innerIconRight), 1)
             ]),
             _: 1
           }, 8, ["for"])) : p("", !0)
@@ -7418,17 +7402,17 @@ function $o(e, t, i, s, n, l) {
           for: `w-textarea--${e._.uid}`
         }, [
           c(e.$slots, "default", {}, () => [
-            B(S(i.label), 1)
+            _(S(i.label), 1)
           ])
-        ], 10, _o)) : p("", !0)
+        ], 10, qo)) : p("", !0)
       ], 64)) : p("", !0)
     ]),
     _: 3
   }, 16, ["valid", "wrap", "class", "style"]);
 }
-const Io = {
+const Yo = {
   name: "w-textarea",
-  mixins: [E],
+  mixins: [W],
   inheritAttrs: !1,
   // The attrs should only be added to the textarea not the wrapper.
   props: {
@@ -7552,20 +7536,20 @@ const Io = {
       e ? this.getLineHeight() : this.height = null;
     }
   }
-}, Vo = /* @__PURE__ */ C(Io, [["render", $o]]), To = ["innerHTML"], Lo = ["innerHTML"];
-function Ro(e, t, i, s, n, l) {
+}, Go = /* @__PURE__ */ C(Yo, [["render", Xo]]), Jo = ["innerHTML"], Qo = ["innerHTML"];
+function Zo(e, t, i, s, n, l) {
   return o(), u("ul", {
     class: m(["w-timeline", l.classes])
   }, [
-    (o(!0), u(v, null, x(i.items, (a, r) => (o(), u("li", {
+    (o(!0), u(v, null, O(i.items, (a, r) => (o(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
-      (o(), b(L(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
+      (o(), b(R(a[i.itemIconKey] || i.icon ? "w-icon" : "div"), {
         class: m(["w-timeline-item__bullet", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }])
       }, {
         default: f(() => [
-          B(S(a[i.itemIconKey] || i.icon), 1)
+          _(S(a[i.itemIconKey] || i.icon), 1)
         ]),
         _: 2
       }, 1032, ["class"])),
@@ -7578,19 +7562,19 @@ function Ro(e, t, i, s, n, l) {
         item: a,
         index: r + 1
       }, () => [
-        w("div", {
+        k("div", {
           class: m(["w-timeline-item__title", { [a[i.itemColorKey] || i.color]: a[i.itemColorKey] || i.color }]),
           innerHTML: a[i.itemTitleKey]
-        }, null, 10, To),
-        w("div", {
+        }, null, 10, Jo),
+        k("div", {
           class: "w-timeline-item__content",
           innerHTML: a[i.itemContentKey]
-        }, null, 8, Lo)
+        }, null, 8, Qo)
       ])
     ]))), 128))
   ], 2);
 }
-const xo = {
+const ea = {
   name: "w-timeline",
   props: {
     items: { type: [Array, Number], required: !0 },
@@ -7612,16 +7596,16 @@ const xo = {
       };
     }
   }
-}, Oo = /* @__PURE__ */ C(xo, [["render", Ro]]);
-function Po(e, t, i, s, n, l) {
+}, ta = /* @__PURE__ */ C(ea, [["render", Zo]]);
+function ia(e, t, i, s, n, l) {
   return o(), u("div", {
     class: m(["w-toolbar", l.classes]),
-    style: R(l.styles)
+    style: x(l.styles)
   }, [
     c(e.$slots, "default")
   ], 6);
 }
-const zo = {
+const la = {
   name: "w-toolbar",
   props: {
     color: { type: String },
@@ -7672,11 +7656,11 @@ const zo = {
       };
     }
   }
-}, Mo = /* @__PURE__ */ C(zo, [["render", Po]]);
-function Eo(e, t, i, s, n, l) {
+}, sa = /* @__PURE__ */ C(la, [["render", ia]]);
+function oa(e, t, i, s, n, l) {
   return o(), u(v, null, [
     c(e.$slots, "activator", { on: l.activatorEventHandlers }),
-    T(O, {
+    L(P, {
       name: l.transitionName,
       appear: ""
     }, {
@@ -7685,7 +7669,7 @@ function Eo(e, t, i, s, n, l) {
           class: m(["w-tooltip", l.classes]),
           ref: "detachable",
           key: e._.uid,
-          style: R(l.styles)
+          style: x(l.styles)
         }, [
           c(e.$slots, "default")
         ], 6)) : p("", !0)
@@ -7694,9 +7678,9 @@ function Eo(e, t, i, s, n, l) {
     }, 8, ["name"])
   ], 64);
 }
-const Ao = {
+const aa = {
   name: "w-tooltip",
-  mixins: [_e],
+  mixins: [Me],
   props: {
     modelValue: {},
     showOnClick: { type: Boolean },
@@ -7746,7 +7730,7 @@ const Ao = {
      * - `alignment`
      **/
     tooltipClasses() {
-      return P(this.tooltipClass);
+      return z(this.tooltipClass);
     },
     transitionName() {
       const e = this.position.replace(/top|bottom/, (t) => ({ top: "up", bottom: "down" })[t]);
@@ -7830,24 +7814,24 @@ const Ao = {
     }
   }
   // watch, mounted & beforeDestroy hooks are set in the detachable.js mixin.
-}, Wo = /* @__PURE__ */ C(Ao, [["render", Eo]]);
-function Ko(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: "bounce" }, e.$props), {
+}, na = /* @__PURE__ */ C(aa, [["render", oa]]);
+function ra(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: "bounce" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const No = {
+const da = {
   name: "w-transition-bounce",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Do = /* @__PURE__ */ C(No, [["render", Ko]]);
-function Ho(e, t, i, s, n, l) {
-  return o(), b(O, {
+}, ua = /* @__PURE__ */ C(da, [["render", ra]]);
+function ha(e, t, i, s, n, l) {
+  return o(), b(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -7867,7 +7851,7 @@ function Ho(e, t, i, s, n, l) {
     _: 3
   }, 8, ["onBeforeAppear", "onAppear", "onAfterAppear", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"]);
 }
-const Fo = {
+const ca = {
   name: "w-transition-expand",
   props: {
     x: { type: Boolean },
@@ -7957,61 +7941,61 @@ const Fo = {
       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;
     }
   }
-}, jo = /* @__PURE__ */ C(Fo, [["render", Ho]]);
-function Uo(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: "fade" }, e.$props), {
+}, pa = /* @__PURE__ */ C(ca, [["render", ha]]);
+function ma(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: "fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const qo = {
+const fa = {
   name: "w-transition-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Xo = /* @__PURE__ */ C(qo, [["render", Uo]]);
-function Yo(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: "scale" }, e.$props), {
+}, ga = /* @__PURE__ */ C(fa, [["render", ma]]);
+function ba(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: "scale" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Go = {
+const ya = {
   name: "w-transition-scale",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, Jo = /* @__PURE__ */ C(Go, [["render", Yo]]);
-function Qo(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: "scale-fade" }, e.$props), {
+}, wa = /* @__PURE__ */ C(ya, [["render", ba]]);
+function ka(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: "scale-fade" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const Zo = {
+const va = {
   name: "w-transition-scale-fade",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, ea = /* @__PURE__ */ C(Zo, [["render", Qo]]);
-function ta(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: l.transitionName }, e.$props), {
+}, Ca = /* @__PURE__ */ C(va, [["render", ka]]);
+function Sa(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const ia = {
+const Ba = {
   name: "w-transition-slide",
   props: {
     appear: { type: Boolean },
@@ -8029,16 +8013,16 @@ const ia = {
       return `slide-${this.direction}`;
     }
   }
-}, la = /* @__PURE__ */ C(ia, [["render", ta]]);
-function sa(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: l.transitionName }, e.$props), {
+}, _a = /* @__PURE__ */ C(Ba, [["render", Sa]]);
+function $a(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: l.transitionName }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["name"]);
 }
-const oa = {
+const Ia = {
   name: "w-transition-slide-fade",
   props: {
     appear: { type: Boolean },
@@ -8056,47 +8040,47 @@ const oa = {
       return `slide-fade-${this.direction}`;
     }
   }
-}, aa = /* @__PURE__ */ C(oa, [["render", sa]]);
-function na(e, t, i, s, n, l) {
-  return o(), b(O, _({ name: "twist" }, e.$props), {
+}, Va = /* @__PURE__ */ C(Ia, [["render", $a]]);
+function Ta(e, t, i, s, n, l) {
+  return o(), b(P, $({ name: "twist" }, e.$props), {
     default: f(() => [
       c(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const ra = {
+const La = {
   name: "w-transition-twist",
   props: {
     appear: { type: Boolean },
     duration: { type: [Number, String] }
   }
-}, da = /* @__PURE__ */ C(ra, [["render", na]]), ua = ["innerHTML"], ha = {
+}, Ra = /* @__PURE__ */ C(La, [["render", Ta]]), xa = ["innerHTML"], Oa = {
   key: 1,
   class: "ml1"
 };
-function ca(e, t, i, s, n, l) {
-  const a = $("w-button"), r = $("w-icon"), d = $("w-tree", !0);
+function Pa(e, t, i, s, n, l) {
+  const a = V("w-button"), r = V("w-icon"), d = V("w-tree", !0);
   return o(), u("ul", {
     class: m(["w-tree", l.classes])
   }, [
-    (o(!0), u(v, null, x(e.currentDepthItems, (h, y) => (o(), u("li", {
+    (o(!0), u(v, null, O(e.currentDepthItems, (h, y) => (o(), u("li", {
       class: m(["w-tree__item", l.itemClasses(h)]),
       key: y
     }, [
-      (o(), b(L(l.getTreeItemComponent(h)), _({
+      (o(), b(R(l.getTreeItemComponent(h)), $({
         class: "w-tree__item-label",
         ref_for: !0
       }, h.route && { [!e.$router || l.hasExternalLink(h) ? "href" : "to"]: h.route }, {
-        onClick: (k) => !i.disabled && !h.disabled && l.onLabelClick(h, k),
-        onKeydown: (k) => !i.disabled && !h.disabled && l.onLabelKeydown(h, k),
+        onClick: (w) => !i.disabled && !h.disabled && l.onLabelClick(h, w),
+        onKeydown: (w) => !i.disabled && !h.disabled && l.onLabelKeydown(h, w),
         tabindex: l.getTreeItemTabindex(h)
       }), {
         default: f(() => [
           (h.children || h.branch) && (i.expandOpenIcon && h.open || i.expandIcon) && !(i.unexpandableEmpty && !h.children) ? (o(), b(a, {
             key: 0,
             class: "w-tree__item-expand",
-            onClick: M((k) => !i.disabled && !h.disabled && l.onLabelClick(h, k), ["stop"]),
+            onClick: A((w) => !i.disabled && !h.disabled && l.onLabelClick(h, w), ["stop"]),
             color: "inherit",
             icon: h.open && i.expandOpenIcon || i.expandIcon,
             "icon-props": { rotate90a: !h.open },
@@ -8111,7 +8095,7 @@ function ca(e, t, i, s, n, l) {
             path: h.path,
             open: h.open
           }, () => {
-            var k;
+            var w;
             return [
               l.itemIcon(h) ? (o(), b(r, {
                 key: 0,
@@ -8119,45 +8103,45 @@ function ca(e, t, i, s, n, l) {
                 color: h.originalItem[i.itemIconColorKey] || i.iconColor
               }, {
                 default: f(() => [
-                  B(S(l.itemIcon(h)), 1)
+                  _(S(l.itemIcon(h)), 1)
                 ]),
                 _: 2
               }, 1032, ["color"])) : p("", !0),
-              w("span", {
+              k("span", {
                 innerHTML: h.label
-              }, null, 8, ua),
-              i.counts && (h.children || h.branch) ? (o(), u("span", ha, "(" + S(((k = h.originalItem.children) == null ? void 0 : k.length) || 0) + ")", 1)) : p("", !0)
+              }, null, 8, xa),
+              i.counts && (h.children || h.branch) ? (o(), u("span", Oa, "(" + S(((w = h.originalItem.children) == null ? void 0 : w.length) || 0) + ")", 1)) : p("", !0)
             ];
           })
         ]),
         _: 2
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
-      (o(), b(L(i.noTransition ? "div" : "w-transition-expand"), {
+      (o(), b(R(i.noTransition ? "div" : "w-transition-expand"), {
         y: !i.noTransition || null,
-        onAfterEnter: (k) => e.$emit("open", l.emitPayload(h)),
-        onAfterLeave: (k) => e.$emit("close", l.emitPayload(h))
+        onAfterEnter: (w) => e.$emit("open", l.emitPayload(h)),
+        onAfterLeave: (w) => e.$emit("close", l.emitPayload(h))
       }, {
         default: f(() => [
-          h.children && h.open ? (o(), b(d, _({
+          h.children && h.open ? (o(), b(d, $({
             key: 0,
             ref_for: !0
           }, e.$props, {
             depth: i.depth + 1,
             data: h.originalItem.children,
             parent: h,
-            onBeforeOpen: t[0] || (t[0] = (k) => e.$emit("before-open", k)),
-            onOpen: t[1] || (t[1] = (k) => e.$emit("open", k)),
-            onBeforeClose: t[2] || (t[2] = (k) => e.$emit("before-close", k)),
-            onClose: t[3] || (t[3] = (k) => e.$emit("close", k)),
-            onClick: t[4] || (t[4] = (k) => e.$emit("click", k)),
-            onSelect: t[5] || (t[5] = (k) => e.$emit("select", k)),
-            "onUpdate:modelValue": t[6] || (t[6] = (k) => e.$emit("update:model-value", k))
+            onBeforeOpen: t[0] || (t[0] = (w) => e.$emit("before-open", w)),
+            onOpen: t[1] || (t[1] = (w) => e.$emit("open", w)),
+            onBeforeClose: t[2] || (t[2] = (w) => e.$emit("before-close", w)),
+            onClose: t[3] || (t[3] = (w) => e.$emit("close", w)),
+            onClick: t[4] || (t[4] = (w) => e.$emit("click", w)),
+            onSelect: t[5] || (t[5] = (w) => e.$emit("select", w)),
+            "onUpdate:modelValue": t[6] || (t[6] = (w) => e.$emit("update:model-value", w))
           }), {
-            item: f(({ item: k, depth: g, path: V, open: I }) => [
+            item: f(({ item: w, depth: g, path: B, open: I }) => [
               c(e.$slots, "item", {
-                item: k,
+                item: w,
                 depth: g,
-                path: V,
+                path: B,
                 open: I
               })
             ]),
@@ -8169,7 +8153,7 @@ function ca(e, t, i, s, n, l) {
     ], 2))), 128))
   ], 2);
 }
-const pa = {
+const za = {
   name: "w-tree",
   props: {
     modelValue: { type: [Object, Array] },
@@ -8230,7 +8214,7 @@ const pa = {
     //  From data watcher, retain the oldItems open state.
     updateCurrentDepthTree(e, t = []) {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
-        return j(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
+        return J(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
       Array.isArray(e) || (e = [e]), e.forEach((i, s) => {
         var l, a;
         const n = {
@@ -8367,64 +8351,64 @@ const pa = {
   unmounted() {
     this.dataPropUnwatch();
   }
-}, ma = /* @__PURE__ */ C(pa, [["render", ca]]), fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ea = /* @__PURE__ */ C(za, [["render", Pa]]), Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WAccordion: dt,
-  WAccordionItem: Be,
-  WAlert: pt,
-  WApp: It,
-  WAutocomplete: St,
-  WBadge: Rt,
-  WBreadcrumbs: zt,
-  WButton: Ht,
-  WCard: qt,
-  WCheckbox: ti,
-  WCheckboxes: oi,
-  WConfirm: ri,
-  WDatePicker: hi,
-  WDialog: mi,
-  WDivider: yi,
-  WDrawer: Si,
-  WFlex: $i,
-  WForm: Li,
-  WFormElement: Oi,
-  WGrid: Mi,
-  WIcon: Wi,
-  WImage: Fi,
-  WInput: tl,
-  WList: sl,
-  WMenu: nl,
-  WNotification: ul,
-  WOverlay: pl,
-  WParallax: bl,
-  WProgress: _l,
-  WRadio: Ol,
-  WRadios: El,
-  WRating: Dl,
-  WScrollable: Ul,
-  WSelect: Zl,
-  WSlider: ps,
-  WSpinner: bs,
-  WSteps: ks,
-  WSwitch: Vs,
-  WTable: yo,
-  WTabs: Ns,
-  WTag: Co,
-  WTextarea: Vo,
-  WTimeline: Oo,
-  WToolbar: Mo,
-  WTooltip: Wo,
-  WTransitionBounce: Do,
-  WTransitionExpand: jo,
-  WTransitionFade: Xo,
-  WTransitionScale: Jo,
-  WTransitionScaleFade: ea,
-  WTransitionSlide: la,
-  WTransitionSlideFade: aa,
-  WTransitionTwist: da,
-  WTree: ma
-}, Symbol.toStringTag, { value: "Module" })), ga = q.install;
-q.install = (e, t = {}) => ga.call(q, e, { components: fa, ...t });
+  WAccordion: Pt,
+  WAccordionItem: Ee,
+  WAlert: At,
+  WApp: Qt,
+  WAutocomplete: Xt,
+  WBadge: ii,
+  WBreadcrumbs: ai,
+  WButton: mi,
+  WCard: yi,
+  WCheckbox: $i,
+  WCheckboxes: Li,
+  WConfirm: Oi,
+  WDatePicker: Ei,
+  WDialog: Wi,
+  WDivider: Hi,
+  WDrawer: Xi,
+  WFlex: Ji,
+  WForm: tl,
+  WFormElement: sl,
+  WGrid: nl,
+  WIcon: ul,
+  WImage: fl,
+  WInput: $l,
+  WList: Tl,
+  WMenu: xl,
+  WNotification: zl,
+  WOverlay: Al,
+  WParallax: Dl,
+  WProgress: Gl,
+  WRadio: ss,
+  WRadios: rs,
+  WRating: ps,
+  WScrollable: ms,
+  WSelect: vs,
+  WSlider: zs,
+  WSpinner: Ws,
+  WSteps: Ds,
+  WSwitch: Gs,
+  WTable: Ko,
+  WTabs: uo,
+  WTag: Fo,
+  WTextarea: Go,
+  WTimeline: ta,
+  WToolbar: sa,
+  WTooltip: na,
+  WTransitionBounce: ua,
+  WTransitionExpand: pa,
+  WTransitionFade: ga,
+  WTransitionScale: wa,
+  WTransitionScaleFade: Ca,
+  WTransitionSlide: _a,
+  WTransitionSlideFade: Va,
+  WTransitionTwist: Ra,
+  WTree: Ea
+}, Symbol.toStringTag, { value: "Module" })), Aa = Z.install;
+Z.install = (e, t = {}) => Aa.call(Z, e, { components: Ma, ...t });
 export {
-  q as default
+  Z as default
 };