@maltjoy/core-vue 5.22.2 → 5.23.0

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as oe, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as $o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as F, createBlock as T, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as w, provide as ne, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as Co, readonly as So, customRef as xo, shallowRef as Nt, watch as W, nextTick as Fe, getCurrentInstance as Vo, h as To, Teleport as Te, shallowReadonly as Ie, onBeforeUnmount as Je, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as Io, useModel as Lo, mergeModels as Bo, createStaticVNode as Ht, createPropsRestProxy as Ao, vShow as Eo, render as Ct, withModifiers as zo } from "vue";
+import { defineComponent as B, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as ne, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as $o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as F, createBlock as T, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as w, provide as oe, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as Co, readonly as So, customRef as xo, shallowRef as Nt, watch as W, nextTick as Fe, getCurrentInstance as Vo, h as To, Teleport as Te, shallowReadonly as Le, onBeforeUnmount as Pe, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as Io, useModel as Lo, mergeModels as Bo, createStaticVNode as Ht, createPropsRestProxy as Ao, vShow as Eo, render as Ct, withModifiers as zo } from "vue";
 function St(e) {
   const t = e.target;
   if (!t)
@@ -225,7 +225,7 @@ const Ro = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ B({
         (g = n.bus) == null || g.emit("snackbar:hide");
       }, n.duration + 300);
     }
-    oe(() => {
+    ne(() => {
       var g;
       (g = n.bus) == null || g.emit("snackbar:show"), typeof n.duration == "number" && f();
     });
@@ -309,7 +309,7 @@ const Xo = {
     typeof window < "u" && Yt(), e.directive("joy-ripple", Wt);
   }
 };
-function mu() {
+function yu() {
   Ue = 0, Kt = [];
 }
 function Yt(e = { appendTo: "body", defaultMountSelector: Gt }) {
@@ -330,7 +330,7 @@ function Yt(e = { appendTo: "body", defaultMountSelector: Gt }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function pu(e) {
+function mu(e) {
   var a, r;
   Ue++;
   let t, n;
@@ -364,7 +364,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), vu = /* @__PURE__ */ E(tn, [["__scopeId", "data-v-114794fd"]]), on = ["title"], nn = /* @__PURE__ */ B({
+}), pu = /* @__PURE__ */ E(tn, [["__scopeId", "data-v-114794fd"]]), on = ["title"], nn = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,7 +389,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ], 64)) : k("", !0)
     ], 10, on));
   }
-}), hu = /* @__PURE__ */ E(nn, [["__scopeId", "data-v-b3bb9092"]]), ln = ["src", "title", "alt", "loading"], an = {
+}), vu = /* @__PURE__ */ E(nn, [["__scopeId", "data-v-b3bb9092"]]), ln = ["src", "title", "alt", "loading"], an = {
   key: 0,
   class: "joy-avatar__strategy"
 }, rn = ["height"], sn = /* @__PURE__ */ B({
@@ -502,14 +502,14 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
     }
   },
   setup(e) {
-    return ne("VJoyAvatarsList", { compress: e.compress }), (n, o) => (c(), v("div", {
+    return oe("VJoyAvatarsList", { compress: e.compress }), (n, o) => (c(), v("div", {
       ref: "avatarsList",
       class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
       w(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), gu = /* @__PURE__ */ E(cn, [["__scopeId", "data-v-66e67dbb"]]), dn = /* @__PURE__ */ B({
+}), hu = /* @__PURE__ */ E(cn, [["__scopeId", "data-v-66e67dbb"]]), dn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: { default: void 0 },
@@ -565,7 +565,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), bu = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-f3f82e51"]]);
+}), gu = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-f3f82e51"]]);
 var ee = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(ee || {}), Ge = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ge || {});
 const yn = { class: "joy-badge-level" }, mn = {
   key: 1,
@@ -707,7 +707,7 @@ const yn = { class: "joy-badge-level" }, mn = {
       ], 2)
     ]));
   }
-}), wu = /* @__PURE__ */ E(gn, [["__scopeId", "data-v-08a5e2c8"]]), bn = /* @__PURE__ */ B({
+}), bu = /* @__PURE__ */ E(gn, [["__scopeId", "data-v-08a5e2c8"]]), bn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -744,7 +744,7 @@ const yn = { class: "joy-badge-level" }, mn = {
       })
     }, null, 6));
   }
-}), ju = /* @__PURE__ */ E(bn, [["__scopeId", "data-v-4da2c7cb"]]), wn = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ E(bn, [["__scopeId", "data-v-4da2c7cb"]]), wn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -859,7 +859,7 @@ const yn = { class: "joy-badge-level" }, mn = {
       ]);
     };
   }
-}), Ee = /* @__PURE__ */ E(jn, [["__scopeId", "data-v-5478bebe"]]);
+}), ze = /* @__PURE__ */ E(jn, [["__scopeId", "data-v-5478bebe"]]);
 function et(e) {
   return Dt() ? (Rt(e), !0) : !1;
 }
@@ -868,7 +868,7 @@ function we(e) {
 }
 const tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const kn = (e) => e != null, _n = Object.prototype.toString, Qt = (e) => _n.call(e) === "[object Object]", Le = () => {
+const kn = (e) => e != null, _n = Object.prototype.toString, Qt = (e) => _n.call(e) === "[object Object]", Be = () => {
 }, at = /* @__PURE__ */ $n();
 function $n() {
   var e, t;
@@ -878,7 +878,7 @@ function Cn(...e) {
   if (e.length !== 1)
     return Co(...e);
   const t = e[0];
-  return typeof t == "function" ? So(xo(() => ({ get: t, set: Le }))) : S(t);
+  return typeof t == "function" ? So(xo(() => ({ get: t, set: Be }))) : S(t);
 }
 function $e(e) {
   var t;
@@ -889,7 +889,7 @@ const mt = tt ? window : void 0;
 function Ce(...e) {
   let t, n, o, l;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = mt) : [t, n, o, l] = e, !t)
-    return Le;
+    return Be;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((m) => m()), a.length = 0;
@@ -913,8 +913,8 @@ let Vt = !1;
 function Sn(e, t, n = {}) {
   const { window: o = mt, ignore: l = [], capture: a = !0, detectIframe: r = !1 } = n;
   if (!o)
-    return Le;
-  at && !Vt && (Vt = !0, Array.from(o.document.body.children).forEach((f) => f.addEventListener("click", Le)), o.document.documentElement.addEventListener("click", Le));
+    return Be;
+  at && !Vt && (Vt = !0, Array.from(o.document.body.children).forEach((f) => f.addEventListener("click", Be)), o.document.documentElement.addEventListener("click", Be));
   let i = !0;
   const u = (f) => l.some((p) => {
     if (typeof p == "string")
@@ -950,7 +950,7 @@ function Sn(e, t, n = {}) {
 }
 function xn() {
   const e = S(!1), t = Vo();
-  return t && oe(() => {
+  return t && ne(() => {
     e.value = !0;
   }, t), e;
 }
@@ -1054,7 +1054,7 @@ const An = tt ? window : void 0;
 function En(...e) {
   let t, n, o, l;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = An) : [t, n, o, l] = e, !t)
-    return Le;
+    return Be;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((m) => m()), a.length = 0;
@@ -1198,7 +1198,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       (P) => {
         P === !0 ? y() : g();
       }
-    ), oe(() => {
+    ), ne(() => {
       u.value = !0, o.open && C();
     }), t({
       hide: g,
@@ -1247,7 +1247,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
               ]),
               h("div", Fn, [
                 w(P.$slots, "bottom-sheet-cta", {}, () => [
-                  D(Ee, {
+                  D(ze, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
                     onClick: g
@@ -1261,7 +1261,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       ], 16)) : k("", !0)
     ], 8, ["to"])) : k("", !0);
   }
-}), ku = /* @__PURE__ */ E(On, [["__scopeId", "data-v-0f122c0c"]]), _u = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ E(On, [["__scopeId", "data-v-0f122c0c"]]), ku = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1322,7 +1322,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       _: 3
     }, 16, ["class", "href", "role", "aria-disabled", "tabindex"]));
   }
-}), $u = /* @__PURE__ */ E(Dn, [["__scopeId", "data-v-c87dff4c"]]), ve = "JoyFormElementContext", Rn = { class: "joy-checkbox__wrapper" }, Nn = { class: "joy-checkbox__input-wrapper" }, qn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Hn = { class: "joy-checkbox__content-wrapper" }, Wn = { class: "joy-checkbox__content" }, Un = /* @__PURE__ */ B({
+}), _u = /* @__PURE__ */ E(Dn, [["__scopeId", "data-v-c87dff4c"]]), fe = "JoyFormElementContext", Rn = { class: "joy-checkbox__wrapper" }, Nn = { class: "joy-checkbox__input-wrapper" }, qn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Hn = { class: "joy-checkbox__content-wrapper" }, Wn = { class: "joy-checkbox__content" }, Un = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     indeterminate: { type: Boolean, default: !1 },
@@ -1339,7 +1339,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
     const o = n, l = e;
-    ne(ve, !0);
+    oe(fe, !0);
     const a = S(), r = S(l.indeterminate), i = S(l.invalid && !l.checked), u = S(!1);
     W(
       () => l.invalid,
@@ -1533,7 +1533,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       }, 16, ["onUpdate:checked", "onFocus", "onBlur"])
     ], 34));
   }
-}), Cu = /* @__PURE__ */ E(el, [["__scopeId", "data-v-2598ae39"]]), it = Math.min, tl = Math.max, ol = {
+}), $u = /* @__PURE__ */ E(el, [["__scopeId", "data-v-2598ae39"]]), it = Math.min, tl = Math.max, ol = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1557,12 +1557,12 @@ function ht(e) {
 function gt(e) {
   return e === "y" ? "height" : "width";
 }
-function me(e) {
+function pe(e) {
   const t = e[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
 function bt(e) {
-  return ht(me(e));
+  return ht(pe(e));
 }
 function nl(e, t, n) {
   n === void 0 && (n = !1);
@@ -1639,7 +1639,7 @@ function At(e, t, n) {
     reference: o,
     floating: l
   } = e;
-  const a = me(t), r = bt(t), i = gt(r), u = je(t), s = a === "y", m = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[i] / 2 - l[i] / 2;
+  const a = pe(t), r = bt(t), i = gt(r), u = je(t), s = a === "y", m = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[i] / 2 - l[i] / 2;
   let p;
   switch (u) {
     case "top":
@@ -1815,17 +1815,17 @@ const dl = 50, fl = async (e, t, n) => {
     }, p = bt(l), y = gt(p), g = await r.getDimensions(s), b = p === "y", $ = b ? "top" : "left", _ = b ? "bottom" : "right", j = b ? "clientHeight" : "clientWidth", x = a.reference[y] + a.reference[p] - f[p] - a.floating[y], A = f[p] - a.reference[p], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
     let C = L ? L[j] : 0;
     (!C || !await (r.isElement == null ? void 0 : r.isElement(L))) && (C = i.floating[j] || a.floating[y]);
-    const P = x / 2 - A / 2, M = C / 2 - g[y] / 2 - 1, Q = it(d[$], M), O = it(d[_], M), U = Q, G = C - g[y] - O, Z = C / 2 - g[y] / 2 + P, fe = rt(U, Z, G), ye = !u.arrow && Ne(l) != null && Z !== fe && a.reference[y] / 2 - (Z < U ? Q : O) - g[y] / 2 < 0, re = ye ? Z < U ? Z - U : Z - G : 0;
+    const P = x / 2 - A / 2, M = C / 2 - g[y] / 2 - 1, Q = it(d[$], M), O = it(d[_], M), U = Q, G = C - g[y] - O, Z = C / 2 - g[y] / 2 + P, ye = rt(U, Z, G), me = !u.arrow && Ne(l) != null && Z !== ye && a.reference[y] / 2 - (Z < U ? Q : O) - g[y] / 2 < 0, re = me ? Z < U ? Z - U : Z - G : 0;
     return {
       [p]: f[p] + re,
       data: {
-        [p]: fe,
-        centerOffset: Z - fe - re,
-        ...ye && {
+        [p]: ye,
+        centerOffset: Z - ye - re,
+        ...me && {
           alignmentOffset: re
         }
       },
-      reset: ye
+      reset: me
     };
   }
 }), oo = function(e) {
@@ -1852,7 +1852,7 @@ const dl = 50, fl = async (e, t, n) => {
       } = Se(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const $ = je(l), _ = me(i), j = je(i) === i, x = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), A = f || (j || !g ? [Ke(i)] : ll(i)), L = y !== "none";
+      const $ = je(l), _ = pe(i), j = je(i) === i, x = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), A = f || (j || !g ? [Ke(i)] : ll(i)), L = y !== "none";
       !f && L && A.push(...sl(i, g, y, x));
       const C = [i, ...A], P = await u.detectOverflow(t, b), M = [];
       let Q = ((o = a.flip) == null ? void 0 : o.overflows) || [];
@@ -1865,44 +1865,44 @@ const dl = 50, fl = async (e, t, n) => {
         overflows: M
       }], !M.every((Z) => Z <= 0)) {
         var O, U;
-        const Z = (((O = a.flip) == null ? void 0 : O.index) || 0) + 1, fe = C[Z];
-        if (fe && (!(d === "alignment" ? _ !== me(fe) : !1) || // We leave the current main axis only if every placement on that axis
+        const Z = (((O = a.flip) == null ? void 0 : O.index) || 0) + 1, ye = C[Z];
+        if (ye && (!(d === "alignment" ? _ !== pe(ye) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        Q.every((se) => me(se.placement) === _ ? se.overflows[0] > 0 : !0)))
+        Q.every((se) => pe(se.placement) === _ ? se.overflows[0] > 0 : !0)))
           return {
             data: {
               index: Z,
               overflows: Q
             },
             reset: {
-              placement: fe
+              placement: ye
             }
           };
-        let ye = (U = Q.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : U.placement;
-        if (!ye)
+        let me = (U = Q.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : U.placement;
+        if (!me)
           switch (p) {
             case "bestFit": {
               var G;
               const re = (G = Q.filter((se) => {
                 if (L) {
-                  const ge = me(se.placement);
+                  const ge = pe(se.placement);
                   return ge === _ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ge === "y";
                 }
                 return !0;
               }).map((se) => [se.placement, se.overflows.filter((ge) => ge > 0).reduce((ge, _o) => ge + _o, 0)]).sort((se, ge) => se[1] - ge[1])[0]) == null ? void 0 : G[0];
-              re && (ye = re);
+              re && (me = re);
               break;
             }
             case "initialPlacement":
-              ye = i;
+              me = i;
               break;
           }
-        if (l !== ye)
+        if (l !== me)
           return {
             reset: {
-              placement: ye
+              placement: me
             }
           };
       }
@@ -1915,7 +1915,7 @@ async function ml(e, t) {
     placement: n,
     platform: o,
     elements: l
-  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), r = je(n), i = Ne(n), u = me(n) === "y", s = no.has(r) ? -1 : 1, m = a && u ? -1 : 1, d = Se(t, e);
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), r = je(n), i = Ne(n), u = pe(n) === "y", s = no.has(r) ? -1 : 1, m = a && u ? -1 : 1, d = Se(t, e);
   let {
     mainAxis: f,
     crossAxis: p,
@@ -1988,7 +1988,7 @@ const lo = function(e) {
       } = Se(e, t), m = {
         x: n,
         y: o
-      }, d = await a.detectOverflow(t, s), f = me(je(l)), p = ht(f);
+      }, d = await a.detectOverflow(t, s), f = pe(je(l)), p = ht(f);
       let y = m[p], g = m[f];
       if (r) {
         const $ = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", j = y + d[$], x = y - d[_];
@@ -2033,7 +2033,7 @@ const lo = function(e) {
       } = Se(e, t), m = {
         x: n,
         y: o
-      }, d = me(l), f = ht(d);
+      }, d = pe(l), f = ht(d);
       let p = m[f], y = m[d];
       const g = Se(i, t), b = typeof g == "number" ? {
         mainAxis: g,
@@ -2058,7 +2058,7 @@ const lo = function(e) {
       };
     }
   };
-}, ut = Math.min, Be = Math.max, Ze = Math.round, We = Math.floor, ke = (e) => ({
+}, ut = Math.min, Ae = Math.max, Ze = Math.round, We = Math.floor, ke = (e) => ({
   x: e,
   y: e
 });
@@ -2076,7 +2076,7 @@ function he(e) {
 function ro(e) {
   return e instanceof Node || e instanceof ae(e).Node;
 }
-function pe(e) {
+function ve(e) {
   return e instanceof Element || e instanceof ae(e).Element;
 }
 function ce(e) {
@@ -2102,11 +2102,11 @@ function wt(e) {
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
 function vl(e) {
-  let t = ze(e);
+  let t = Je(e);
   for (; ce(t) && !ot(t); ) {
     if (wt(t))
       return t;
-    t = ze(t);
+    t = Je(t);
   }
   return null;
 }
@@ -2120,7 +2120,7 @@ function ie(e) {
   return ae(e).getComputedStyle(e);
 }
 function nt(e) {
-  return pe(e) ? {
+  return ve(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -2128,7 +2128,7 @@ function nt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function ze(e) {
+function Je(e) {
   if (_e(e) === "html")
     return e;
   const t = (
@@ -2141,7 +2141,7 @@ function ze(e) {
   return Et(t) ? t.host : t;
 }
 function so(e) {
-  const t = ze(e);
+  const t = Je(e);
   return ot(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(t) && qe(t) ? t : so(t);
 }
 function Oe(e, t, n) {
@@ -2161,9 +2161,9 @@ function uo(e) {
   };
 }
 function kt(e) {
-  return pe(e) ? e : e.contextElement;
+  return ve(e) ? e : e.contextElement;
 }
-function Ae(e) {
+function Ee(e) {
   const t = kt(e);
   if (!ce(t))
     return ke(1);
@@ -2193,14 +2193,14 @@ function xe(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const l = e.getBoundingClientRect(), a = kt(e);
   let r = ke(1);
-  t && (o ? pe(o) && (r = Ae(o)) : r = Ae(e));
+  t && (o ? ve(o) && (r = Ee(o)) : r = Ee(e));
   const i = gl(a, n, o) ? co(a) : ke(0);
   let u = (l.left + i.x) / r.x, s = (l.top + i.y) / r.y, m = l.width / r.x, d = l.height / r.y;
   if (a) {
-    const f = ae(a), p = o && pe(o) ? ae(o) : o;
+    const f = ae(a), p = o && ve(o) ? ae(o) : o;
     let y = f.frameElement;
     for (; y && o && p !== f; ) {
-      const g = Ae(y), b = y.getBoundingClientRect(), $ = ie(y), _ = b.left + (y.clientLeft + parseFloat($.paddingLeft)) * g.x, j = b.top + (y.clientTop + parseFloat($.paddingTop)) * g.y;
+      const g = Ee(y), b = y.getBoundingClientRect(), $ = ie(y), _ = b.left + (y.clientLeft + parseFloat($.paddingLeft)) * g.x, j = b.top + (y.clientTop + parseFloat($.paddingTop)) * g.y;
       u *= g.x, s *= g.y, m *= g.x, d *= g.y, u += _, s += j, y = ae(y).frameElement;
     }
   }
@@ -2227,7 +2227,7 @@ function bl(e) {
   const u = ke(0);
   if ((l || !l && o !== "fixed") && ((_e(n) !== "body" || qe(a)) && (r = nt(n)), ce(n))) {
     const s = xe(n);
-    i = Ae(n), u.x = s.x + n.clientLeft, u.y = s.y + n.clientTop;
+    i = Ee(n), u.x = s.x + n.clientLeft, u.y = s.y + n.clientTop;
   }
   return {
     width: t.width * i.x,
@@ -2243,10 +2243,10 @@ function fo(e) {
   return xe(he(e)).left + nt(e).scrollLeft;
 }
 function jl(e) {
-  const t = he(e), n = nt(e), o = e.ownerDocument.body, l = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), a = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = he(e), n = nt(e), o = e.ownerDocument.body, l = Ae(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), a = Ae(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + fo(e);
   const i = -n.scrollTop;
-  return ie(o).direction === "rtl" && (r += Be(t.clientWidth, o.clientWidth) - l), {
+  return ie(o).direction === "rtl" && (r += Ae(t.clientWidth, o.clientWidth) - l), {
     width: l,
     height: a,
     x: r,
@@ -2269,7 +2269,7 @@ function kl(e, t) {
   };
 }
 function _l(e, t) {
-  const n = xe(e, !0, t === "fixed"), o = n.top + e.clientTop, l = n.left + e.clientLeft, a = ce(e) ? Ae(e) : ke(1), r = e.clientWidth * a.x, i = e.clientHeight * a.y, u = l * a.x, s = o * a.y;
+  const n = xe(e, !0, t === "fixed"), o = n.top + e.clientTop, l = n.left + e.clientLeft, a = ce(e) ? Ee(e) : ke(1), r = e.clientWidth * a.x, i = e.clientHeight * a.y, u = l * a.x, s = o * a.y;
   return {
     width: r,
     height: i,
@@ -2283,7 +2283,7 @@ function zt(e, t, n) {
     o = kl(e, n);
   else if (t === "document")
     o = jl(he(e));
-  else if (pe(t))
+  else if (ve(t))
     o = _l(t, n);
   else {
     const l = co(e);
@@ -2296,19 +2296,19 @@ function zt(e, t, n) {
   return Ye(o);
 }
 function yo(e, t) {
-  const n = ze(e);
-  return n === t || !pe(n) || ot(n) ? !1 : ie(n).position === "fixed" || yo(n, t);
+  const n = Je(e);
+  return n === t || !ve(n) || ot(n) ? !1 : ie(n).position === "fixed" || yo(n, t);
 }
 function $l(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Oe(e, [], !1).filter((i) => pe(i) && _e(i) !== "body"), l = null;
+  let o = Oe(e, [], !1).filter((i) => ve(i) && _e(i) !== "body"), l = null;
   const a = ie(e).position === "fixed";
-  let r = a ? ze(e) : e;
-  for (; pe(r) && !ot(r); ) {
+  let r = a ? Je(e) : e;
+  for (; ve(r) && !ot(r); ) {
     const i = ie(r), u = wt(r);
-    !u && i.position === "fixed" && (l = null), (a ? !u && !l : !u && i.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || qe(r) && !u && yo(e, r)) ? o = o.filter((m) => m !== r) : l = i, r = ze(r);
+    !u && i.position === "fixed" && (l = null), (a ? !u && !l : !u && i.position === "static" && !!l && ["absolute", "fixed"].includes(l.position) || qe(r) && !u && yo(e, r)) ? o = o.filter((m) => m !== r) : l = i, r = Je(r);
   }
   return t.set(e, o), o;
 }
@@ -2321,7 +2321,7 @@ function Cl(e) {
   } = e;
   const r = [...n === "clippingAncestors" ? $l(t, this._c) : [].concat(n), o], i = r[0], u = r.reduce((s, m) => {
     const d = zt(t, m, l);
-    return s.top = Be(d.top, s.top), s.right = ut(d.right, s.right), s.bottom = ut(d.bottom, s.bottom), s.left = Be(d.left, s.left), s;
+    return s.top = Ae(d.top, s.top), s.right = ut(d.right, s.right), s.bottom = ut(d.bottom, s.bottom), s.left = Ae(d.left, s.left), s;
   }, zt(t, i, l));
   return {
     width: u.right - u.left,
@@ -2391,8 +2391,8 @@ const Il = {
   getElementRects: Vl,
   getClientRects: wl,
   getDimensions: Sl,
-  getScale: Ae,
-  isElement: pe,
+  getScale: Ee,
+  isElement: ve,
   isRTL: Tl
 };
 function Ll(e, t) {
@@ -2413,7 +2413,7 @@ function Ll(e, t) {
       return;
     const p = We(m), y = We(l.clientWidth - (s + d)), g = We(l.clientHeight - (m + f)), b = We(s), _ = {
       rootMargin: -p + "px " + -y + "px " + -g + "px " + -b + "px",
-      threshold: Be(0, ut(1, u)) || 1
+      threshold: Ae(0, ut(1, u)) || 1
     };
     let j = !0;
     function x(A) {
@@ -2579,12 +2579,12 @@ function ho(e, t, n) {
   }), W(l, L, {
     flush: "sync"
   }), Dt() && Rt(x), {
-    x: Ie(d),
-    y: Ie(f),
-    strategy: Ie(p),
-    placement: Ie(y),
-    middlewareData: Ie(g),
-    isPositioned: Ie(b),
+    x: Le(d),
+    y: Le(f),
+    strategy: Le(p),
+    placement: Le(y),
+    middlewareData: Le(g),
+    isPositioned: Le(b),
     floatingStyles: $,
     update: j
   };
@@ -2685,9 +2685,9 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
         [x]: "-4px"
       };
     });
-    return oe(() => {
+    return ne(() => {
       o.show && g();
-    }), Je(() => {
+    }), Pe(() => {
       l.value = !1;
     }), t({
       tooltipVisible: l,
@@ -2780,7 +2780,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
     text: String
   },
   setup(e) {
-    const t = de(ve, !1);
+    const t = de(fe, !1);
     return (n, o) => (c(), v("div", {
       class: I(["joy-label__group", { "joy-label__group--standalone": !F(t) }])
     }, [
@@ -2819,7 +2819,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       ])) : k("", !0)
     ], 2));
   }
-}), Pe = /* @__PURE__ */ E(Rl, [["__scopeId", "data-v-77417189"]]), Nl = ["id"], ql = /* @__PURE__ */ B({
+}), Ie = /* @__PURE__ */ E(Rl, [["__scopeId", "data-v-77417189"]]), Nl = ["id"], ql = /* @__PURE__ */ B({
   __name: "VJoyCheckboxGroup",
   props: {
     options: { default: () => [] },
@@ -2835,7 +2835,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const n = t, o = e;
-    ne(ve, !0);
+    oe(fe, !0);
     const l = V(() => ({
       value: o.value,
       isChecked: a,
@@ -2852,7 +2852,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (c(), T(Pe, {
+      e.label ? (c(), T(Ie, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -2885,7 +2885,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       ], 2)
     ], 8, Nl));
   }
-}), Su = /* @__PURE__ */ E(ql, [["__scopeId", "data-v-70dbe1be"]]), Hl = ["id"], Wl = { class: "joy-collapse-item__header-right" }, Ul = {
+}), Cu = /* @__PURE__ */ E(ql, [["__scopeId", "data-v-70dbe1be"]]), Hl = ["id"], Wl = { class: "joy-collapse-item__header-right" }, Ul = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
 }, Gl = { class: "joy-collapse-item__summary___preview" }, Kl = ["aria-labelledby"], Yl = /* @__PURE__ */ B({
@@ -3077,7 +3077,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), xu = /* @__PURE__ */ E(Ql, [["__scopeId", "data-v-35744932"]]), ea = ["src", "alt", "title", "loading"], ta = /* @__PURE__ */ B({
+}), Su = /* @__PURE__ */ E(Ql, [["__scopeId", "data-v-35744932"]]), ea = ["src", "alt", "title", "loading"], ta = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -3125,7 +3125,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Vu = /* @__PURE__ */ E(ta, [["__scopeId", "data-v-2f1289c1"]]), oa = /* @__PURE__ */ B({
+}), xu = /* @__PURE__ */ E(ta, [["__scopeId", "data-v-2f1289c1"]]), oa = /* @__PURE__ */ B({
   __name: "VJoyIconButton",
   props: {
     /** Name of the icon displayed inside the button */
@@ -3161,7 +3161,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = e, n = le();
-    return (o, l) => (c(), T(Ee, q({
+    return (o, l) => (c(), T(ze, q({
       id: e.id,
       class: "joy-icon-button"
     }, F(n), {
@@ -3223,7 +3223,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    return ne("VJoyWrapperContext", e), (n, o) => (c(), v("div", {
+    return oe("VJoyWrapperContext", e), (n, o) => (c(), v("div", {
       class: I([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -3361,9 +3361,9 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
     function x() {
       l("dialog:after-hide");
     }
-    return oe(async () => {
+    return ne(async () => {
       i.value = !0;
-    }), Je(() => {
+    }), Pe(() => {
       s.value === !0 && (l("dialog:before-unmount"), be(!1));
     }), t({
       hasFooterSlots: f,
@@ -3468,7 +3468,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
                   }, {
                     default: z(() => [
                       w(A.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (c(), T(Ee, {
+                        e.cancelText ? (c(), T(ze, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -3482,7 +3482,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
                         }, 8, ["size"])) : k("", !0)
                       ], !0),
                       w(A.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (c(), T(Ee, {
+                        e.confirmText ? (c(), T(ze, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -3510,7 +3510,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Tu = /* @__PURE__ */ E(ya, [["__scopeId", "data-v-86fff334"]]), Iu = /* @__PURE__ */ B({
+}), Vu = /* @__PURE__ */ E(ya, [["__scopeId", "data-v-86fff334"]]), Tu = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -3621,9 +3621,9 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
     function j() {
       l("drawer:after-hide");
     }
-    return oe(() => {
+    return ne(() => {
       i.value = !0;
-    }), Je(() => {
+    }), Pe(() => {
       s.value === !0 && (l("drawer:before-unmount"), be(!1));
     }), t({
       hasFooterSlots: f,
@@ -3719,7 +3719,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
                   }, {
                     default: z(() => [
                       w(x.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (c(), T(Ee, {
+                        e.cancelText ? (c(), T(ze, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
@@ -3733,7 +3733,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
                         }, 8, ["size"])) : k("", !0)
                       ], !0),
                       w(x.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (c(), T(Ee, {
+                        e.confirmText ? (c(), T(ze, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
@@ -3758,7 +3758,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Lu = /* @__PURE__ */ E(wa, [["__scopeId", "data-v-29200965"]]), Bu = /* @__PURE__ */ B({
+}), Iu = /* @__PURE__ */ E(wa, [["__scopeId", "data-v-29200965"]]), Lu = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -3869,9 +3869,9 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
     function p() {
       o("reset");
     }
-    return oe(() => {
+    return ne(() => {
       window.addEventListener("keydown", d), s();
-    }), Je(() => {
+    }), Pe(() => {
       window.removeEventListener("keydown", d);
     }), t({
       isSelected: r
@@ -3938,14 +3938,14 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
 }), Sa = /* @__PURE__ */ E(Ca, [["__scopeId", "data-v-7a3292aa"]]);
 function xa(e) {
   const t = () => e();
-  oe(() => {
+  ne(() => {
     window.addEventListener("resize", t);
-  }), Je(() => {
+  }), Pe(() => {
     window.removeEventListener("resize", t);
   });
 }
 function go(e, t) {
-  oe(() => {
+  ne(() => {
     var n;
     t && ((n = e.value) == null || n.focus());
   });
@@ -4039,7 +4039,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
     const o = n, l = e, a = S(!1), r = S(null), i = S(), u = S(null), s = S(null), m = S(!1), d = "joy-dropdown--" + Qe();
-    ne("VJoyDropdownContext", l);
+    oe("VJoyDropdownContext", l);
     const f = {
       ignore: [i, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
@@ -4083,7 +4083,7 @@ const Va = /* @__PURE__ */ B({
     function L() {
       !i.value || !i.value.children.length || (i.value.children[0].id = d);
     }
-    return xa(g), oe(() => {
+    return xa(g), ne(() => {
       L();
     }), t({
       showDropdownList: a,
@@ -4167,7 +4167,7 @@ const Va = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), Au = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-b597f860"]]), Ta = ["aria-hidden"], Ia = { key: 1 }, La = /* @__PURE__ */ B({
+}), Bu = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-b597f860"]]), Ta = ["aria-hidden"], Ia = { key: 1 }, La = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -4200,26 +4200,30 @@ const Va = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = Y();
-    return (n, o) => (c(), v("div", {
-      "data-joy-form-error": "",
-      "aria-hidden": e.visible,
-      class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
-      role: "alert"
-    }, [
-      D(N, {
-        class: "joy-icon-error",
-        name: "warning-triangle"
-      }),
-      h("div", null, [
-        t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Ia, [
-          (c(!0), v(H, null, K(e.errors, (l) => (c(), v("li", { key: l }, J(l), 1))), 128))
-        ])) : (c(), v(H, { key: 2 }, [
-          R(J(e.noHtmlErrorText), 1)
-        ], 64))
-      ])
-    ], 10, Ta));
+    return (n, o) => {
+      var l;
+      return t.default || (l = e.errors) != null && l.length || e.noHtmlErrorText ? (c(), v("div", {
+        key: 0,
+        "data-joy-form-error": "",
+        "aria-hidden": e.visible,
+        class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
+        role: "alert"
+      }, [
+        D(N, {
+          class: "joy-icon-error",
+          name: "warning-triangle"
+        }),
+        h("div", null, [
+          t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Ia, [
+            (c(!0), v(H, null, K(e.errors, (a) => (c(), v("li", { key: a }, J(a), 1))), 128))
+          ])) : (c(), v(H, { key: 2 }, [
+            R(J(e.noHtmlErrorText), 1)
+          ], 64))
+        ])
+      ], 10, Ta)) : k("", !0);
+    };
   }
-}), _t = /* @__PURE__ */ E(La, [["__scopeId", "data-v-de16f6d9"]]), Ba = { class: "joy-dropzone__icon-wrapper" }, Aa = /* @__PURE__ */ B({
+}), _t = /* @__PURE__ */ E(La, [["__scopeId", "data-v-cc934fa8"]]), Ba = { class: "joy-dropzone__icon-wrapper" }, Aa = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 },
@@ -4344,16 +4348,17 @@ const Va = /* @__PURE__ */ B({
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), Ra = /* @__PURE__ */ E(Da, [["__scopeId", "data-v-19a65db4"]]), Na = ["name", "disabled", "accept", "multiple"], qa = ["for"], Ha = {
+}), Ra = /* @__PURE__ */ E(Da, [["__scopeId", "data-v-19a65db4"]]), Na = ["id", "name", "disabled", "accept", "multiple"], qa = ["for"], Ha = {
   key: 0,
   class: "joy-dropzone__files"
 }, Wa = { class: "joy-dropzone__instruction__description" }, Ua = { class: "joy-dropzone__instruction__subtitle" }, Ga = {
-  key: 0,
+  key: 1,
   class: "joy-dropzone__legend"
 }, Ka = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Bo({
     name: {},
+    label: {},
     multiple: { type: Boolean, default: !1 },
     accept: { default: () => [] },
     maxSize: { default: 32 },
@@ -4371,7 +4376,9 @@ const Va = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Y(), o = e, l = Lo(e, "modelValue"), a = S(b(l.value)), r = V(() => a.value || o.invalid), i = S(), u = S(), s = S(), { isOverDropZone: m } = Tn(u, {
+    const n = Y(), o = e;
+    oe(fe, !0);
+    const l = Lo(e, "modelValue"), a = S(b(l.value)), r = V(() => a.value || o.invalid), i = S(), u = S(), s = S(), { isOverDropZone: m } = Tn(u, {
       onDrop: A
     }), d = V(() => l.value.filter((O) => O instanceof File)), f = V(() => o.multiple || d.value.length === 0 ? void 0 : $(d.value[0])), p = V(() => o.disabled ? "neutral" : r.value ? "error" : "secondary");
     function y(O) {
@@ -4437,12 +4444,22 @@ const Va = /* @__PURE__ */ B({
         "joy-dropzone--disabled": e.disabled
       }])
     }, [
+      e.label ? (c(), T(Ie, {
+        key: 0,
+        for: e.name
+      }, {
+        default: z(() => [
+          R(J(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["for"])) : k("", !0),
       h("div", {
         ref_key: "dropzoneAreaRef",
         ref: u,
         class: "joy-dropzone__area"
       }, [
         h("input", {
+          id: e.name,
           ref_key: "inputRef",
           ref: s,
           name: e.name,
@@ -4467,8 +4484,8 @@ const Va = /* @__PURE__ */ B({
               "delete-label": e.deleteLabel,
               "can-delete": e.canDelete,
               disabled: e.disabled,
-              onUpdate: (fe) => L(G),
-              onDelete: (fe) => P(G)
+              onUpdate: (ye) => L(G),
+              onDelete: (ye) => P(G)
             }, yt({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
@@ -4524,13 +4541,13 @@ const Va = /* @__PURE__ */ B({
         w(O.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : k("", !0),
       f.value ? (c(), T(_t, {
-        key: 1,
+        key: 2,
         "no-html-error-text": f.value,
         class: "joy-dropzone__error"
       }, null, 8, ["no-html-error-text"])) : k("", !0)
     ], 2));
   }
-}), Eu = /* @__PURE__ */ E(Ka, [["__scopeId", "data-v-9f9a9756"]]), Ya = ["aria-label"], Za = { class: "joy-filter-bar__wrapper" }, Xa = /* @__PURE__ */ B({
+}), Au = /* @__PURE__ */ E(Ka, [["__scopeId", "data-v-72d5fa4a"]]), Ya = ["aria-label"], Za = { class: "joy-filter-bar__wrapper" }, Xa = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4547,7 +4564,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 8, Ya));
   }
-}), zu = /* @__PURE__ */ E(Xa, [["__scopeId", "data-v-cb769d05"]]), Qa = /* @__PURE__ */ B({
+}), Eu = /* @__PURE__ */ E(Xa, [["__scopeId", "data-v-cb769d05"]]), Qa = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -4585,7 +4602,7 @@ const Va = /* @__PURE__ */ B({
       })) : k("", !0)
     ], 2));
   }
-}), Ju = /* @__PURE__ */ E(Qa, [["__scopeId", "data-v-ef875842"]]), ei = { class: "floating-actions-bar__content" }, ti = { class: "floating-actions-bar__actions" }, oi = /* @__PURE__ */ B({
+}), zu = /* @__PURE__ */ E(Qa, [["__scopeId", "data-v-ef875842"]]), ei = { class: "floating-actions-bar__content" }, ti = { class: "floating-actions-bar__actions" }, oi = /* @__PURE__ */ B({
   __name: "VJoyFloatingActionsBar",
   props: {
     height: { default: "92px" },
@@ -4594,7 +4611,7 @@ const Va = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = e, n = S(!1);
-    return oe(() => {
+    return ne(() => {
       n.value = !0;
     }), (o, l) => n.value ? (c(), T(Te, {
       key: 0,
@@ -4626,7 +4643,7 @@ const Va = /* @__PURE__ */ B({
       ], 6)
     ], 8, ["to"])) : k("", !0);
   }
-}), Pu = /* @__PURE__ */ E(oi, [["__scopeId", "data-v-2d398d78"]]), ni = /* @__PURE__ */ B({
+}), Ju = /* @__PURE__ */ E(oi, [["__scopeId", "data-v-2d398d78"]]), ni = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -4664,7 +4681,7 @@ const Va = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), Mu = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3004f370"]]), li = /* @__PURE__ */ B({
+}), Pu = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3004f370"]]), li = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyFormGroup",
   setup(e) {
@@ -4672,7 +4689,7 @@ const Va = /* @__PURE__ */ B({
       w(t.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Fu = /* @__PURE__ */ E(li, [["__scopeId", "data-v-0424f0f1"]]), ai = { class: "joy-funnel__header" }, ii = { class: "funnel__header__inner" }, ri = /* @__PURE__ */ B({
+}), Mu = /* @__PURE__ */ E(li, [["__scopeId", "data-v-0424f0f1"]]), ai = { class: "joy-funnel__header" }, ii = { class: "funnel__header__inner" }, ri = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -4693,7 +4710,7 @@ const Va = /* @__PURE__ */ B({
   },
   setup(e, { expose: t }) {
     const n = S(!0), o = Y(), l = S(!0);
-    ne("VJoyStepperShowLabels", l);
+    oe("VJoyStepperShowLabels", l);
     function a(u) {
       const s = u.currentTarget;
       n.value = s.scrollTop === 0, r.value && !n.value ? l.value = !1 : r.value && n.value && (l.value = !0);
@@ -4745,7 +4762,7 @@ const Va = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), Ou = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-e2fccb79"]]), si = { class: "joy-funnel-footer" }, ui = { class: "joy-funnel-footer__left" }, ci = { class: "joy-funnel-footer__right" }, di = /* @__PURE__ */ B({
+}), Fu = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-e2fccb79"]]), si = { class: "joy-funnel-footer" }, ui = { class: "joy-funnel-footer__left" }, ci = { class: "joy-funnel-footer__right" }, di = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, n) => (c(), v("footer", si, [
@@ -4757,7 +4774,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Du = /* @__PURE__ */ E(di, [["__scopeId", "data-v-bdeeb2bd"]]), fi = { class: "joy-funnel-header" }, yi = { class: "joy-funnel-header__left" }, mi = { class: "joy-funnel-header__right" }, pi = /* @__PURE__ */ B({
+}), Ou = /* @__PURE__ */ E(di, [["__scopeId", "data-v-bdeeb2bd"]]), fi = { class: "joy-funnel-header" }, yi = { class: "joy-funnel-header__left" }, mi = { class: "joy-funnel-header__right" }, pi = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, n) => (c(), v("header", fi, [
@@ -4769,7 +4786,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ru = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-e423038b"]]), vi = { class: "joy-highlight__decorator" }, hi = { class: "joy-highlight__text" }, gi = { key: 0 }, bi = /* @__PURE__ */ B({
+}), Du = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-e423038b"]]), vi = { class: "joy-highlight__decorator" }, hi = { class: "joy-highlight__text" }, gi = { key: 0 }, bi = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -4826,7 +4843,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), Nu = /* @__PURE__ */ E(bi, [["__scopeId", "data-v-e5c2ff23"]]), wi = ["aria-label"], ji = /* @__PURE__ */ B({
+}), Ru = /* @__PURE__ */ E(bi, [["__scopeId", "data-v-e5c2ff23"]]), wi = ["aria-label"], ji = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -4905,7 +4922,7 @@ const Va = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), qu = /* @__PURE__ */ E(_i, [["__scopeId", "data-v-f2dd63e9"]]), $i = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ci = ["data-unit"], Si = /* @__PURE__ */ B({
+}), Nu = /* @__PURE__ */ E(_i, [["__scopeId", "data-v-f2dd63e9"]]), $i = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ci = ["data-unit"], Si = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4932,7 +4949,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
     const o = n, l = e, a = de("VJoyWrapperContext", {});
-    ne(ve, !0);
+    oe(fe, !0);
     const r = S(), i = S(), u = le(), s = Y(), m = S(!1), d = S(!1);
     go(r, l.autofocus);
     const f = V(() => typeof l.modelValue == "number" || !l.clearable || l.unit || !l.modelValue ? !1 : l.modelValue.length > 0 && !l.unit), p = V(() => s.default && s.default()), y = V(() => Object.keys(a).length > 0), g = S(l.type), b = V(() => l.type === "password" && !!l.modelValue);
@@ -4991,7 +5008,7 @@ const Va = /* @__PURE__ */ B({
           }
         ])
       }, [
-        p.value || e.label ? (c(), T(Pe, {
+        p.value || e.label ? (c(), T(Ie, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -5089,7 +5106,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
     const o = e, l = n, a = le(), r = S([]), i = S([]);
-    ne("VJoyWrapperContext", { withinInputDigit: !0 });
+    oe("VJoyWrapperContext", { withinInputDigit: !0 });
     const u = V(() => Math.max(1, o.length));
     function s(j) {
       return `${o.inputAriaLabel ?? "Digit"} ${j + 1}/${u.value}`;
@@ -5231,7 +5248,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Hu = /* @__PURE__ */ E(Vi, [["__scopeId", "data-v-f359f1d1"]]), Ti = { class: "joy-input-unit" }, Ii = {
+}), qu = /* @__PURE__ */ E(Vi, [["__scopeId", "data-v-f359f1d1"]]), Ti = { class: "joy-input-unit" }, Ii = {
   key: 0,
   class: "joy-input__unit___label"
 }, Li = { class: "joy-input__unit___label____text" }, Bi = /* @__PURE__ */ B({
@@ -5284,7 +5301,7 @@ const Va = /* @__PURE__ */ B({
       }, 16)
     ]));
   }
-}), Wu = /* @__PURE__ */ E(Bi, [["__scopeId", "data-v-1c0b98ad"]]), Ai = { class: "joy-input-password" }, Ei = /* @__PURE__ */ B({
+}), Hu = /* @__PURE__ */ E(Bi, [["__scopeId", "data-v-1c0b98ad"]]), Ai = { class: "joy-input-password" }, Ei = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInputPassword",
   props: {
@@ -5347,7 +5364,7 @@ const Va = /* @__PURE__ */ B({
       })) : k("", !0)
     ]));
   }
-}), Uu = /* @__PURE__ */ E(Ei, [["__scopeId", "data-v-48cbd09c"]]), zi = { class: "joy-list-item__left" }, Ji = { class: "joy-font-primary-300 joy-m-0" }, Pi = { class: "joy-list-item__right" }, Mi = /* @__PURE__ */ B({
+}), Wu = /* @__PURE__ */ E(Ei, [["__scopeId", "data-v-48cbd09c"]]), zi = { class: "joy-list-item__left" }, Ji = { class: "joy-font-primary-300 joy-m-0" }, Pi = { class: "joy-list-item__right" }, Mi = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -5383,7 +5400,7 @@ const Va = /* @__PURE__ */ B({
       })
     ]));
   }
-}), Gu = /* @__PURE__ */ E(Mi, [["__scopeId", "data-v-6c3750f0"]]), Fi = ["aria-activedescendant", "aria-label"], Oi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Di = { "aria-hidden": "true" }, Ri = /* @__PURE__ */ B({
+}), Uu = /* @__PURE__ */ E(Mi, [["__scopeId", "data-v-6c3750f0"]]), Fi = ["aria-activedescendant", "aria-label"], Oi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Di = { "aria-hidden": "true" }, Ri = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -5487,7 +5504,7 @@ const Va = /* @__PURE__ */ B({
       ], 40, Fi);
     };
   }
-}), Ku = /* @__PURE__ */ E(Ri, [["__scopeId", "data-v-b76ae1e8"]]), Ni = ["aria-disabled", "aria-current", "title", "aria-label"], qi = { class: "joy-menu-item__label joy-font-primary-400" }, Hi = /* @__PURE__ */ B({
+}), Gu = /* @__PURE__ */ E(Ri, [["__scopeId", "data-v-b76ae1e8"]]), Ni = ["aria-disabled", "aria-current", "title", "aria-label"], qi = { class: "joy-menu-item__label joy-font-primary-400" }, Hi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -5546,7 +5563,7 @@ const Va = /* @__PURE__ */ B({
       }, 16, ["class", "type"]))
     ], 8, Ni));
   }
-}), Yu = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-1a8cef6b"]]), Mt = /* @__PURE__ */ B({
+}), Ku = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-1a8cef6b"]]), Mt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5680,7 +5697,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 8, Wi));
   }
-}), Zu = /* @__PURE__ */ E(Yi, [["__scopeId", "data-v-7e82041f"]]), Zi = { class: "joy-screen-loader__content" }, Xi = {
+}), Yu = /* @__PURE__ */ E(Yi, [["__scopeId", "data-v-7e82041f"]]), Zi = { class: "joy-screen-loader__content" }, Xi = {
   key: 0,
   class: "joy-screen-loader__content"
 }, Qi = /* @__PURE__ */ B({
@@ -5810,7 +5827,7 @@ const Va = /* @__PURE__ */ B({
       }, 8, ["color"])) : k("", !0)
     ], 6));
   }
-}), Xu = /* @__PURE__ */ E(ir, [["__scopeId", "data-v-b4158802"]]), rr = { class: "joy-panel-section" }, sr = {
+}), Zu = /* @__PURE__ */ E(ir, [["__scopeId", "data-v-b4158802"]]), rr = { class: "joy-panel-section" }, sr = {
   key: 0,
   class: "joy-panel-section__title"
 }, ur = {
@@ -5829,7 +5846,7 @@ const Va = /* @__PURE__ */ B({
       ])) : k("", !0)
     ]));
   }
-}), Qu = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-d88510ab"]]), dr = { class: "joy-password-requirement__label" }, fr = /* @__PURE__ */ B({
+}), Xu = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-d88510ab"]]), dr = { class: "joy-password-requirement__label" }, fr = /* @__PURE__ */ B({
   __name: "VJoyPasswordRequirement",
   props: {
     label: {},
@@ -5857,7 +5874,7 @@ const Va = /* @__PURE__ */ B({
       h("span", dr, J(t.label), 1)
     ], 16));
   }
-}), ec = /* @__PURE__ */ E(fr, [["__scopeId", "data-v-57c149c0"]]), yr = /* @__PURE__ */ B({
+}), Qu = /* @__PURE__ */ E(fr, [["__scopeId", "data-v-57c149c0"]]), yr = /* @__PURE__ */ B({
   __name: "VJoyProductTourSpotlight",
   props: {
     disableOverlay: { type: Boolean }
@@ -6047,7 +6064,7 @@ const Va = /* @__PURE__ */ B({
       ]);
     };
   }
-}), kr = /* @__PURE__ */ E(jr, [["__scopeId", "data-v-a0dee67d"]]), tc = /* @__PURE__ */ B({
+}), kr = /* @__PURE__ */ E(jr, [["__scopeId", "data-v-a0dee67d"]]), ec = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -6078,7 +6095,7 @@ const Va = /* @__PURE__ */ B({
       var g;
       (g = u.value) == null || g.hide(), i(), y.fireHideEvent && f();
     }
-    return oe(() => {
+    return ne(() => {
       o.value = !0, l.open && r(u.value);
     }), t({
       show: d,
@@ -6111,7 +6128,7 @@ const Va = /* @__PURE__ */ B({
       }, 16)
     ]));
   }
-}), oc = /* @__PURE__ */ B({
+}), tc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -6188,7 +6205,7 @@ const Va = /* @__PURE__ */ B({
       _: 1
     }, 8, ["class"]));
   }
-}), nc = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-fb2f0e09"]]), Sr = ["id", "value", "checked", "disabled", "required", "name"], xr = { class: "joy-radio-label" }, Vr = { class: "joy-radio-header-right" }, Tr = { class: "joy-radio-sublabel" }, Ir = { class: "joy-radio-content__wrapper" }, Lr = { class: "joy-radio-content" }, Br = /* @__PURE__ */ B({
+}), oc = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-fb2f0e09"]]), Sr = ["id", "value", "checked", "disabled", "required", "name"], xr = { class: "joy-radio-label" }, Vr = { class: "joy-radio-header-right" }, Tr = { class: "joy-radio-sublabel" }, Ir = { class: "joy-radio-content__wrapper" }, Lr = { class: "joy-radio-content" }, Br = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6237,7 +6254,7 @@ const Va = /* @__PURE__ */ B({
     function g() {
       o("update:modelValue", l.value), y();
     }
-    oe(() => {
+    ne(() => {
       l.theme === "outline" && y();
     });
     function b() {
@@ -6305,7 +6322,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), lc = /* @__PURE__ */ E(Br, [["__scopeId", "data-v-6efefd03"]]), Ar = ["form", "name"], Er = /* @__PURE__ */ B({
+}), nc = /* @__PURE__ */ E(Br, [["__scopeId", "data-v-6efefd03"]]), Ar = ["form", "name"], Er = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -6314,7 +6331,7 @@ const Va = /* @__PURE__ */ B({
     invalid: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return ne("VJoyRadioGroupInvalid", e.invalid), (n, o) => (c(), v("fieldset", {
+    return oe("VJoyRadioGroupInvalid", e.invalid), (n, o) => (c(), v("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
@@ -6329,7 +6346,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ], 8, Ar));
   }
-}), ac = /* @__PURE__ */ E(Er, [["__scopeId", "data-v-cc091c50"]]), zr = ["aria-label"], Jr = { class: "joy-rating-stars" }, Pr = { class: "joy-rating-stars__content" }, Mr = { key: 0 }, Fr = /* @__PURE__ */ B({
+}), lc = /* @__PURE__ */ E(Er, [["__scopeId", "data-v-cc091c50"]]), zr = ["aria-label"], Jr = { class: "joy-rating-stars" }, Pr = { class: "joy-rating-stars__content" }, Mr = { key: 0 }, Fr = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6391,7 +6408,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 8, zr));
   }
-}), Or = /* @__PURE__ */ E(Fr, [["__scopeId", "data-v-df20c585"]]), Dr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], Rr = ["selected"], Nr = /* @__PURE__ */ B({
+}), ac = /* @__PURE__ */ E(Fr, [["__scopeId", "data-v-df20c585"]]), Or = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], Dr = ["selected"], Rr = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -6440,7 +6457,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
     const o = e;
-    ne(ve, !0);
+    oe(fe, !0);
     const l = n, a = Y(), r = V(() => {
       const g = (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default());
       let b = [];
@@ -6460,7 +6477,7 @@ const Va = /* @__PURE__ */ B({
       return (g == null ? void 0 : g.type) === "option";
     }
     const u = S(), s = S(), m = S(!1), d = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
-    oe(() => {
+    ne(() => {
       var $;
       const g = a["select-label"] && a["select-label"]();
       if (!g || !g.length)
@@ -6492,7 +6509,7 @@ const Va = /* @__PURE__ */ B({
       ref: u
     }, [
       w(g.$slots, "select-label", {}, () => [
-        e.label ? (c(), T(Pe, {
+        e.label ? (c(), T(Ie, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -6537,9 +6554,9 @@ const Va = /* @__PURE__ */ B({
               key: (_ = $.props) == null ? void 0 : _.value
             }, { ref_for: !0 }, $.props, {
               selected: ((j = $.props) == null ? void 0 : j.value) === e.modelValue
-            }), J($.children), 17, Rr);
+            }), J($.children), 17, Dr);
           }), 128))
-        ], 40, Dr),
+        ], 40, Or),
         D(N, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -6547,7 +6564,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ], 512));
   }
-}), ic = /* @__PURE__ */ E(Nr, [["__scopeId", "data-v-d5d840bc"]]), qr = ["aria-disabled"], Hr = ["id", "value", "checked", "disabled", "required", "name"], Wr = { class: "joy-selectable-item__label" }, Ur = /* @__PURE__ */ B({
+}), ic = /* @__PURE__ */ E(Rr, [["__scopeId", "data-v-d5d840bc"]]), Nr = ["aria-disabled"], qr = ["id", "value", "checked", "disabled", "required", "name"], Hr = { class: "joy-selectable-item__label" }, Wr = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6613,7 +6630,7 @@ const Va = /* @__PURE__ */ B({
         (...p) => s.onFocus && s.onFocus(...p)),
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...p) => s.onBlur && s.onBlur(...p))
-      }, null, 40, Hr)),
+      }, null, 40, qr)),
       (c(), T(X(F(i)), {
         for: u.value,
         class: I([
@@ -6648,7 +6665,7 @@ const Va = /* @__PURE__ */ B({
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : k("", !0),
-          h("div", Wr, [
+          h("div", Hr, [
             e.multiple ? k("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -6661,9 +6678,9 @@ const Va = /* @__PURE__ */ B({
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, qr));
+    ], 10, Nr));
   }
-}), Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-1bc198e0"]]), Kr = ["id"], Yr = /* @__PURE__ */ B({
+}), Ur = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-1bc198e0"]]), Gr = ["id"], Kr = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6684,7 +6701,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const n = t, o = e;
-    ne(ve, !0);
+    oe(fe, !0);
     function l(i) {
       return typeof o.value == "string" ? o.value === r(i) : (o.value || []).includes(r(i));
     }
@@ -6701,7 +6718,7 @@ const Va = /* @__PURE__ */ B({
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (c(), T(Pe, {
+      e.label ? (c(), T(Ie, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -6724,7 +6741,7 @@ const Va = /* @__PURE__ */ B({
           }
         ])
       }, [
-        (c(!0), v(H, null, K(e.options, (s) => (c(), T(Gr, q({ ref_for: !0 }, s.attrs, {
+        (c(!0), v(H, null, K(e.options, (s) => (c(), T(Ur, q({ ref_for: !0 }, s.attrs, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -6756,9 +6773,9 @@ const Va = /* @__PURE__ */ B({
         "no-html-error-text": e.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : k("", !0)
-    ], 8, Kr));
+    ], 8, Gr));
   }
-}), rc = /* @__PURE__ */ E(Yr, [["__scopeId", "data-v-83760d1d"]]), Zr = /* @__PURE__ */ B({
+}), rc = /* @__PURE__ */ E(Kr, [["__scopeId", "data-v-83760d1d"]]), Yr = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6777,10 +6794,10 @@ const Va = /* @__PURE__ */ B({
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), sc = /* @__PURE__ */ E(Zr, [["__scopeId", "data-v-21db2899"]]), Xr = ["id"], Qr = { class: "joy-step__stroke" }, es = {
+}), sc = /* @__PURE__ */ E(Yr, [["__scopeId", "data-v-21db2899"]]), Zr = ["id"], Xr = { class: "joy-step__stroke" }, Qr = {
   key: 0,
   class: "joy-step__label"
-}, ts = /* @__PURE__ */ B({
+}, es = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6831,7 +6848,7 @@ const Va = /* @__PURE__ */ B({
         }
       ])
     }, [
-      h("span", Qr, [
+      h("span", Xr, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: te({ maxWidth: r.value })
@@ -6839,15 +6856,15 @@ const Va = /* @__PURE__ */ B({
       ]),
       D(ft, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), v("span", es, [
+          e.showLabel ? (c(), v("span", Qr, [
             w(s.$slots, "default", {}, void 0, !0)
           ])) : k("", !0)
         ]),
         _: 3
       })
-    ], 10, Xr));
+    ], 10, Zr));
   }
-}), os = /* @__PURE__ */ E(ts, [["__scopeId", "data-v-3820cdf3"]]), ns = { class: "joy-stepper" }, ls = /* @__PURE__ */ B({
+}), ts = /* @__PURE__ */ E(es, [["__scopeId", "data-v-3820cdf3"]]), os = { class: "joy-stepper" }, ns = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6878,10 +6895,10 @@ const Va = /* @__PURE__ */ B({
       currentItemSubStep: s,
       steps: a,
       invalidSubStepValue: u
-    }), (f, p) => (c(), v("div", ns, [
+    }), (f, p) => (c(), v("div", os, [
       (c(!0), v(H, null, K(a.value, (y, g) => {
         var b;
-        return c(), T(os, q({ ref_for: !0 }, y.props, {
+        return c(), T(ts, q({ ref_for: !0 }, y.props, {
           key: (b = y.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": d(g),
@@ -6898,7 +6915,7 @@ const Va = /* @__PURE__ */ B({
       }), 128))
     ]));
   }
-}), uc = /* @__PURE__ */ E(ls, [["__scopeId", "data-v-22705668"]]), as = ["id", "aria-hidden", "aria-labelledby"], is = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ E(ns, [["__scopeId", "data-v-22705668"]]), ls = ["id", "aria-hidden", "aria-labelledby"], as = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6941,9 +6958,9 @@ const Va = /* @__PURE__ */ B({
       })
     }, [
       w(l.$slots, "default", {}, void 0, !0)
-    ], 10, as));
+    ], 10, ls));
   }
-}), cc = /* @__PURE__ */ E(is, [["__scopeId", "data-v-de41713d"]]), rs = { class: "joy-tab-button__content" }, ss = /* @__PURE__ */ B({
+}), cc = /* @__PURE__ */ E(as, [["__scopeId", "data-v-de41713d"]]), is = { class: "joy-tab-button__content" }, rs = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -7001,7 +7018,7 @@ const Va = /* @__PURE__ */ B({
       onKeydown: u[0] || (u[0] = (s) => r(s))
     }, {
       default: z(() => [
-        h("div", rs, [
+        h("div", is, [
           w(i.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0),
@@ -7016,7 +7033,7 @@ const Va = /* @__PURE__ */ B({
       _: 3
     }, 40, ["id", "type", "href", "aria-selected", "class"]));
   }
-}), us = /* @__PURE__ */ E(ss, [["__scopeId", "data-v-07b24e2a"]]), cs = { class: "joy-tabs" }, ds = /* @__PURE__ */ B({
+}), ss = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-07b24e2a"]]), us = { class: "joy-tabs" }, cs = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7027,7 +7044,7 @@ const Va = /* @__PURE__ */ B({
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
     const o = e, l = n, a = Y(), r = S(o.selectedTab);
-    ne("VJoyTabs", r);
+    oe("VJoyTabs", r);
     const i = S(null), u = S(null), s = S(!1), m = S(!1), d = V(() => {
       const b = a.default();
       return b.length === 1 && typeof b[0].type != "object" ? b[0].children.filter(f) : b.filter(f);
@@ -7051,15 +7068,15 @@ const Va = /* @__PURE__ */ B({
         b && g(b);
       },
       { immediate: !0 }
-    ), oe(() => {
+    ), ne(() => {
       var b;
       y(), (b = u.value) == null || b.addEventListener("scroll", y);
-    }), Je(() => {
+    }), Pe(() => {
       var b;
       (b = u.value) == null || b.removeEventListener("scroll", y);
     }), t({
       tabs: d
-    }), (b, $) => (c(), v("div", cs, [
+    }), (b, $) => (c(), v("div", us, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: i,
@@ -7078,7 +7095,7 @@ const Va = /* @__PURE__ */ B({
           (c(!0), v(H, null, K(d.value, (_) => (c(), v("div", {
             key: _.props.tab
           }, [
-            D(us, {
+            D(ss, {
               tab: _.props.tab,
               label: _.props.label,
               href: _.props.href,
@@ -7102,7 +7119,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), dc = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-9aea2d41"]]), fs = ["id", "role", "tabindex"], ys = /* @__PURE__ */ B({
+}), dc = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-9aea2d41"]]), ds = ["id", "role", "tabindex"], fs = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7161,9 +7178,9 @@ const Va = /* @__PURE__ */ B({
         onClick: zo(u, ["stop"]),
         onKeydown: Re(u, ["enter"])
       })) : k("", !0)
-    ], 10, fs));
+    ], 10, ds));
   }
-}), ko = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-4d8f5321"]]);
+}), ko = /* @__PURE__ */ E(fs, [["__scopeId", "data-v-4d8f5321"]]);
 var Me = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Me || {});
 function Ft(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7176,7 +7193,7 @@ function Ft(e) {
       return o;
   }) === void 0 : t(e);
 }
-const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholder"], vs = { key: 0 }, hs = { key: 1 }, gs = /* @__PURE__ */ B({
+const ys = { class: "joy-tags-input__wrapper" }, ms = ["id", "name", "placeholder"], ps = { key: 0 }, vs = { key: 1 }, hs = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7192,7 +7209,7 @@ const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholde
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
     const o = e;
-    ne(ve, !0);
+    oe(fe, !0);
     const l = n, a = S(o.modelValue), r = S(!1), i = S(null), u = S(o.invalid), s = S(null), m = V(() => o.validation === "email"), d = V(() => m.value && s.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = V(() => s.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = V(() => u.value && (d.value || f.value));
     function y() {
       var P;
@@ -7248,8 +7265,8 @@ const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholde
     ), t({
       isInvalid: u,
       hasDuplicates: y
-    }), (L, C) => (c(), v("div", ms, [
-      L.$slots.default ? (c(), T(Pe, {
+    }), (L, C) => (c(), v("div", ys, [
+      L.$slots.default ? (c(), T(Ie, {
         key: 0,
         id: e.name,
         class: "joy-tags-input__label"
@@ -7293,7 +7310,7 @@ const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholde
           onKeydown: _,
           onFocus: j,
           onBlur: x
-        }, null, 40, ps)
+        }, null, 40, ms)
       ], 2),
       p.value ? (c(), T(_t, {
         key: 1,
@@ -7301,15 +7318,15 @@ const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", vs, J(e.duplicationError), 1)) : k("", !0),
-            d.value ? (c(), v("li", hs, J(e.invalidEmailError), 1)) : k("", !0)
+            f.value ? (c(), v("li", ps, J(e.duplicationError), 1)) : k("", !0),
+            d.value ? (c(), v("li", vs, J(e.invalidEmailError), 1)) : k("", !0)
           ])
         ]),
         _: 1
       })) : k("", !0)
     ]));
   }
-}), fc = /* @__PURE__ */ E(gs, [["__scopeId", "data-v-efb84377"]]), bs = /* @__PURE__ */ B({
+}), fc = /* @__PURE__ */ E(hs, [["__scopeId", "data-v-efb84377"]]), gs = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7387,36 +7404,36 @@ const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), yc = /* @__PURE__ */ E(bs, [["__scopeId", "data-v-1d8003ef"]]), ws = {}, js = {
+}), yc = /* @__PURE__ */ E(gs, [["__scopeId", "data-v-1d8003ef"]]), bs = {}, ws = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
-function ks(e, t) {
-  return c(), v("div", js, [...t[0] || (t[0] = [
+function js(e, t) {
+  return c(), v("div", ws, [...t[0] || (t[0] = [
     Ht('<div class="shapes__wrapper" data-v-2077977e><div class="shape_1" data-v-2077977e></div><div class="shape_2" data-v-2077977e></div><div class="shape_3" data-v-2077977e></div><div class="shape_4" data-v-2077977e></div></div>', 1)
   ])]);
 }
-const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e"]]), $s = { class: "joy-template__wrapper" }, Cs = {
+const ks = /* @__PURE__ */ E(bs, [["render", js], ["__scopeId", "data-v-2077977e"]]), _s = { class: "joy-template__wrapper" }, $s = {
   key: 0,
   class: "joy-template__heading"
-}, Ss = {
+}, Cs = {
   key: 0,
   class: "joy-template-slot-back"
-}, xs = { class: "joy-template__heading___headings" }, Vs = {
+}, Ss = { class: "joy-template__heading___headings" }, xs = {
   key: 0,
   class: "joy-template-slot-title"
-}, Ts = {
+}, Vs = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Is = {
+}, Ts = {
   key: 1,
   class: "joy-template-slot-actions"
-}, Ls = {
+}, Is = {
   key: 0,
   class: "joy-template-slot-main"
-}, Bs = {
+}, Ls = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, As = /* @__PURE__ */ B({
+}, Bs = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7441,21 +7458,21 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
     return (l, a) => (c(), v("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), T(_s, { key: 0 })) : k("", !0),
-      h("div", $s, [
-        o.value ? (c(), v("div", Cs, [
-          n["template-back"] ? (c(), v("div", Ss, [
+      e.shapes ? (c(), T(ks, { key: 0 })) : k("", !0),
+      h("div", _s, [
+        o.value ? (c(), v("div", $s, [
+          n["template-back"] ? (c(), v("div", Cs, [
             w(l.$slots, "template-back", {}, void 0, !0)
           ])) : k("", !0),
-          h("div", xs, [
-            n["template-title"] ? (c(), v("div", Vs, [
+          h("div", Ss, [
+            n["template-title"] ? (c(), v("div", xs, [
               w(l.$slots, "template-title", {}, void 0, !0)
             ])) : k("", !0),
-            n["template-subtitle"] ? (c(), v("div", Ts, [
+            n["template-subtitle"] ? (c(), v("div", Vs, [
               w(l.$slots, "template-subtitle", {}, void 0, !0)
             ])) : k("", !0)
           ]),
-          n["template-actions"] ? (c(), v("div", Is, [
+          n["template-actions"] ? (c(), v("div", Ts, [
             w(l.$slots, "template-actions", {}, void 0, !0)
           ])) : k("", !0)
         ])) : k("", !0),
@@ -7467,10 +7484,10 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
             }
           ])
         }, [
-          l.$slots["template-main"] ? (c(), v("div", Ls, [
+          l.$slots["template-main"] ? (c(), v("div", Is, [
             w(l.$slots, "template-main", {}, void 0, !0)
           ])) : k("", !0),
-          l.$slots["template-sidebar"] ? (c(), v("div", Bs, [
+          l.$slots["template-sidebar"] ? (c(), v("div", Ls, [
             w(l.$slots, "template-sidebar", {}, void 0, !0)
           ])) : k("", !0)
         ], 2)
@@ -7487,7 +7504,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       }, 8, ["color"])) : k("", !0)
     ], 2));
   }
-}), mc = /* @__PURE__ */ E(As, [["__scopeId", "data-v-37b74fad"]]), Es = /* @__PURE__ */ B({
+}), mc = /* @__PURE__ */ E(Bs, [["__scopeId", "data-v-37b74fad"]]), As = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7511,13 +7528,13 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       _: 3
     }, 8, ["class"]));
   }
-}), pc = /* @__PURE__ */ E(Es, [["__scopeId", "data-v-8a40109a"]]), zs = ["aria-disabled"], Js = { class: "joy-textarea_wrapper" }, Ps = ["id", "disabled", "name", "required", "minlength", "value"], Ms = {
+}), pc = /* @__PURE__ */ E(As, [["__scopeId", "data-v-8a40109a"]]), Es = ["aria-disabled"], zs = { class: "joy-textarea_wrapper" }, Js = ["id", "disabled", "name", "required", "minlength", "value"], Ps = {
   key: 1,
   class: "joy-textarea_helpers"
-}, Fs = {
+}, Ms = {
   inheritAttrs: !1
-}, Os = /* @__PURE__ */ B({
-  ...Fs,
+}, Fs = /* @__PURE__ */ B({
+  ...Ms,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7577,7 +7594,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
     const o = n, l = e;
-    ne(ve, !0);
+    oe(fe, !0);
     const a = Y(), r = S(), { triggerResize: i } = Ln({
       element: l.autogrow ? r : void 0
     }), u = S(!1), s = S(!1);
@@ -7625,7 +7642,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
         }
       ])
     }, [
-      f.value ? (c(), T(Pe, {
+      f.value ? (c(), T(Ie, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7639,7 +7656,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : k("", !0),
-      h("div", Js, [
+      h("div", zs, [
         h("textarea", q(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7659,9 +7676,9 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
           (...b) => p.onFocus && p.onFocus(...b)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...b) => p.onBlur && p.onBlur(...b))
-        }), null, 16, Ps)
+        }), null, 16, Js)
       ]),
-      e.minlength || e.maxlength ? (c(), v("div", Ms, [
+      e.minlength || e.maxlength ? (c(), v("div", Ps, [
         e.minlength ? (c(), v("p", {
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7679,9 +7696,9 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
           class: I(["joy-textarea-count", { "joy-textarea-count-invalid": m.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : k("", !0)
       ])) : k("", !0)
-    ], 10, zs));
+    ], 10, Es));
   }
-}), vc = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-f62629b6"]]), Ds = /* @__PURE__ */ B({
+}), vc = /* @__PURE__ */ E(Fs, [["__scopeId", "data-v-f62629b6"]]), Os = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7694,10 +7711,10 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       _: 3
     }));
   }
-}), hc = /* @__PURE__ */ E(Ds, [["__scopeId", "data-v-72b57f87"]]), Rs = { class: "joy-toggle__wrapper" }, Ns = ["name", "disabled", "checked", "required", "aria-checked", "value"], qs = { class: "joy-toggle__symbol" }, Hs = { class: "joy-toggle__symbol-bubble" }, Ws = {
+}), hc = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-72b57f87"]]), Ds = { class: "joy-toggle__wrapper" }, Rs = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ns = { class: "joy-toggle__symbol" }, qs = { class: "joy-toggle__symbol-bubble" }, Hs = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, Us = { class: "joy-toggle__content-label" }, Gs = /* @__PURE__ */ B({
+}, Ws = { class: "joy-toggle__content-label" }, Us = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7743,7 +7760,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = t;
-    ne(ve, !0), Y();
+    oe(fe, !0), Y();
     const o = S(!1), l = {
       onChange: (a) => {
         const r = a.target.checked;
@@ -7756,7 +7773,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
         o.value = !1;
       }
     };
-    return (a, r) => (c(), v("div", Rs, [
+    return (a, r) => (c(), v("div", Ds, [
       h("label", {
         class: I([
           "joy-toggle",
@@ -7786,13 +7803,13 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
           (...i) => l.onFocus && l.onFocus(...i)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...i) => l.onBlur && l.onBlur(...i))
-        }, null, 40, Ns),
+        }, null, 40, Rs),
         h("p", {
           class: I(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
-          h("span", qs, [
-            h("span", Hs, [
-              e.variant === "default" ? (c(), v("span", Ws, [...r[3] || (r[3] = [
+          h("span", Ns, [
+            h("span", qs, [
+              e.variant === "default" ? (c(), v("span", Hs, [...r[3] || (r[3] = [
                 h("svg", {
                   width: "18",
                   height: "10",
@@ -7812,7 +7829,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
               }))
             ])
           ]),
-          h("span", Us, [
+          h("span", Ws, [
             w(a.$slots, "default", {}, () => [
               R(J(e.label), 1)
             ], !0)
@@ -7821,7 +7838,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       ], 2)
     ]));
   }
-}), gc = /* @__PURE__ */ E(Gs, [["__scopeId", "data-v-71b1ca7c"]]), Ks = { class: "joy-user-card__picture" }, Ys = { class: "joy-user-card__informations" }, Zs = { class: "joy-user-card__title" }, Xs = { class: "joy-user-card__subtitle joy-font-primary-450" }, Qs = /* @__PURE__ */ B({
+}), gc = /* @__PURE__ */ E(Us, [["__scopeId", "data-v-71b1ca7c"]]), Gs = { class: "joy-user-card__picture" }, Ks = { class: "joy-user-card__informations" }, Ys = { class: "joy-user-card__title" }, Zs = { class: "joy-user-card__subtitle joy-font-primary-450" }, Xs = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7841,10 +7858,6 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
     },
     subTitle: {
       type: String
-    },
-    /** Introduce a VJoyRatingStars component with given rating */
-    ratingValue: {
-      type: Number
     }
   },
   setup(e) {
@@ -7854,7 +7867,7 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", Ks, [
+        h("div", Gs, [
           w(t.$slots, "user-card-avatar", {}, () => [
             D(un, {
               "photo-url": e.photoUrl,
@@ -7862,23 +7875,18 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", Ys, [
-          h("p", Zs, [
+        h("div", Ks, [
+          h("p", Ys, [
             w(t.$slots, "user-card-title", {}, () => [
               R(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", Xs, [
+          h("p", Zs, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               R(J(e.subTitle), 1)
             ], !0)
           ]),
-          w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), T(Or, {
-              key: 0,
-              "rating-value": e.ratingValue
-            }, null, 8, ["rating-value"])) : k("", !0)
-          ], !0),
+          w(t.$slots, "user-card-rating-stars", {}, void 0, !0),
           h("div", null, [
             w(t.$slots, "default", {}, void 0, !0)
           ])
@@ -7887,13 +7895,13 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       _: 3
     }, 16, ["href", "title"]));
   }
-}), bc = /* @__PURE__ */ E(Qs, [["__scopeId", "data-v-e0dba25f"]]), eu = { class: "joy-walkthrough-trigger__content" }, tu = {
+}), bc = /* @__PURE__ */ E(Xs, [["__scopeId", "data-v-a344cf4f"]]), Qs = { class: "joy-walkthrough-trigger__content" }, eu = {
   key: 0,
   class: "joy-pr-3"
-}, ou = {
+}, tu = {
   key: 1,
   class: "joy-pl-3"
-}, nu = /* @__PURE__ */ B({
+}, ou = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7916,9 +7924,9 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
         }, null, 8, ["name"])) : k("", !0),
-        h("div", eu, [
-          e.title ? (c(), v("span", tu, J(e.title), 1)) : k("", !0),
-          e.subtitle ? (c(), v("span", ou, J(e.subtitle), 1)) : k("", !0)
+        h("div", Qs, [
+          e.title ? (c(), v("span", eu, J(e.title), 1)) : k("", !0),
+          e.subtitle ? (c(), v("span", tu, J(e.subtitle), 1)) : k("", !0)
         ]),
         D(N, {
           class: "joy-ml-3",
@@ -7930,16 +7938,16 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       ]);
     };
   }
-}), lu = /* @__PURE__ */ E(nu, [["__scopeId", "data-v-e34e1407"]]), au = { class: "joy-walkthrough-modal__illustration" }, iu = { class: "joy-walkthrough-modal__content___titles" }, ru = { class: "joy-walkthrough-modal__content___title" }, su = { class: "joy-walkthrough-modal__content___subtitle" }, uu = {
+}), nu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-e34e1407"]]), lu = { class: "joy-walkthrough-modal__illustration" }, au = { class: "joy-walkthrough-modal__content___titles" }, iu = { class: "joy-walkthrough-modal__content___title" }, ru = { class: "joy-walkthrough-modal__content___subtitle" }, su = {
   key: 0,
   class: "joy-mt-4"
-}, cu = {
+}, uu = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, du = {
+}, cu = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, fu = /* @__PURE__ */ B({
+}, du = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -8023,24 +8031,24 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", au, [
+                h("div", lu, [
                   w(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", iu, [
-                  h("div", ru, [
+                h("div", au, [
+                  h("div", iu, [
                     w(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", su, [
+                  h("div", ru, [
                     w(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), v("div", uu, [
+            f.$slots["walkthrough-progress"] ? (c(), v("div", su, [
               w(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : k("", !0),
-            f.$slots["walkthrough-content"] ? (c(), v("div", cu, [
+            f.$slots["walkthrough-content"] ? (c(), v("div", uu, [
               w(f.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : k("", !0)
           ], 2),
@@ -8049,10 +8057,10 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: m
           }, [
-            h("button", du, J(e.footer), 1)
+            h("button", cu, J(e.footer), 1)
           ])) : k("", !0)
         ], 16)) : k("", !0),
-        r.value ? k("", !0) : (c(), T(lu, q({ key: 1 }, e.triggerAttrs, {
+        r.value ? k("", !0) : (c(), T(nu, q({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,
@@ -8062,80 +8070,80 @@ const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e
       ], 2)
     ], 8, ["disabled"]));
   }
-}), wc = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-bfb1ca7c"]]), jc = {
+}), wc = /* @__PURE__ */ E(du, [["__scopeId", "data-v-bfb1ca7c"]]), jc = {
   install: (e) => {
     typeof window < "u" && Yt(), e.directive("joy-ripple", Wt), e.directive("bind-once", Oo);
   }
 };
 export {
   jc as JoyVueLightPlugin,
-  vu as VJoyAdminBanner,
-  hu as VJoyAvailability,
+  pu as VJoyAdminBanner,
+  vu as VJoyAvailability,
   un as VJoyAvatar,
-  gu as VJoyAvatarsList,
-  bu as VJoyBadge,
-  wu as VJoyBadgeLevel,
-  ju as VJoyBlockSkeleton,
-  ku as VJoyBottomSheet,
-  _u as VJoyBottomSheetTrigger,
-  Ee as VJoyButton,
-  $u as VJoyButtonCard,
+  hu as VJoyAvatarsList,
+  gu as VJoyBadge,
+  bu as VJoyBadgeLevel,
+  wu as VJoyBlockSkeleton,
+  ju as VJoyBottomSheet,
+  ku as VJoyBottomSheetTrigger,
+  ze as VJoyButton,
+  _u as VJoyButtonCard,
   vt as VJoyCheckbox,
-  Cu as VJoyCheckboxCard,
-  Su as VJoyCheckboxGroup,
-  xu as VJoyCollapse,
+  $u as VJoyCheckboxCard,
+  Cu as VJoyCheckboxGroup,
+  Su as VJoyCollapse,
   Zl as VJoyCollapseItem,
-  Vu as VJoyCompanyAvatar,
-  Tu as VJoyDialog,
-  Iu as VJoyDialogTrigger,
+  xu as VJoyCompanyAvatar,
+  Vu as VJoyDialog,
+  Tu as VJoyDialogTrigger,
   Zt as VJoyDot,
-  Lu as VJoyDrawer,
-  Bu as VJoyDrawerTrigger,
-  Au as VJoyDropdown,
+  Iu as VJoyDrawer,
+  Lu as VJoyDrawerTrigger,
+  Bu as VJoyDropdown,
   Sa as VJoyDropdownList,
-  Eu as VJoyDropzone,
-  zu as VJoyFilterBar,
-  Ju as VJoyFilterBarButton,
-  Pu as VJoyFloatingActionsBar,
+  Au as VJoyDropzone,
+  Eu as VJoyFilterBar,
+  zu as VJoyFilterBarButton,
+  Ju as VJoyFloatingActionsBar,
   _t as VJoyFormError,
-  Mu as VJoyFormFieldSkeleton,
-  Fu as VJoyFormGroup,
-  Ou as VJoyFunnel,
-  Du as VJoyFunnelFooter,
-  Ru as VJoyFunnelHeader,
-  Nu as VJoyHighlight,
+  Pu as VJoyFormFieldSkeleton,
+  Mu as VJoyFormGroup,
+  Fu as VJoyFunnel,
+  Ou as VJoyFunnelFooter,
+  Du as VJoyFunnelHeader,
+  Ru as VJoyHighlight,
   N as VJoyIcon,
   Ve as VJoyIconButton,
   ki as VJoyIndicator,
-  qu as VJoyIndicators,
+  Nu as VJoyIndicators,
   $t as VJoyInput,
-  Hu as VJoyInputDigit,
-  Wu as VJoyInputNumber,
-  Uu as VJoyInputPassword,
-  Pe as VJoyLabel,
+  qu as VJoyInputDigit,
+  Hu as VJoyInputNumber,
+  Wu as VJoyInputPassword,
+  Ie as VJoyLabel,
   Ra as VJoyLink,
-  Gu as VJoyListItem,
-  Ku as VJoyMenu,
-  Yu as VJoyMenuItem,
-  Su as VJoyMultiCheckbox,
-  Zu as VJoyPagination,
-  Xu as VJoyPanel,
-  Qu as VJoyPanelSection,
-  ec as VJoyPasswordRequirement,
-  tc as VJoyProductTour,
-  oc as VJoyProductTourTrigger,
-  nc as VJoyProgressBar,
-  lc as VJoyRadio,
-  ac as VJoyRadioGroup,
-  Or as VJoyRatingStars,
+  Uu as VJoyListItem,
+  Gu as VJoyMenu,
+  Ku as VJoyMenuItem,
+  Cu as VJoyMultiCheckbox,
+  Yu as VJoyPagination,
+  Zu as VJoyPanel,
+  Xu as VJoyPanelSection,
+  Qu as VJoyPasswordRequirement,
+  ec as VJoyProductTour,
+  tc as VJoyProductTourTrigger,
+  oc as VJoyProgressBar,
+  nc as VJoyRadio,
+  lc as VJoyRadioGroup,
+  ac as VJoyRatingStars,
   wo as VJoyScreenLoader,
   ic as VJoySelect,
-  Gr as VJoySelectableItem,
+  Ur as VJoySelectableItem,
   rc as VJoySelectableItemGroup,
   sc as VJoySeparator,
   Go as VJoySnackbar,
   Xt as VJoySpinner,
-  os as VJoyStep,
+  ts as VJoyStep,
   uc as VJoyStepper,
   cc as VJoyTab,
   dc as VJoyTabs,
@@ -8150,10 +8158,10 @@ export {
   Pl as VJoyTooltip,
   bc as VJoyUserCard,
   wc as VJoyWalkthrough,
-  lu as VJoyWalkthroughTrigger,
+  nu as VJoyWalkthroughTrigger,
   ue as VJoyWrapper,
   Yt as createAllSnackbarsContainer,
-  pu as pushVJoySnackbar,
-  mu as resetCount,
+  mu as pushVJoySnackbar,
+  yu as resetCount,
   Wt as vJoyRipple
 };