@maltjoy/core-vue 4.2.1-next → 4.3.0

package/dist/{style-DGXw70Nw.js → style-CuJh_KFd.js}

@@ -5,12 +5,12 @@ function $t(e) {
     return;
   const l = t.getBoundingClientRect(), o = "joy-ripple-effect";
   let n;
-  const r = t.querySelector(`.${o}`);
-  r || (n = document.createElement("span"), n.classList.add(o));
-  const a = r || n;
+  const i = t.querySelector(`.${o}`);
+  i || (n = document.createElement("span"), n.classList.add(o));
+  const a = i || n;
   t.prepend(a);
-  const i = Math.sqrt(Math.pow(l.width, 2) + Math.pow(l.height, 2)) * 2;
-  a.style.width = a.style.height = `${i}px`, a.style.left = `${e.clientX - l.left}px`, a.style.top = `${e.clientY - l.top}px`;
+  const r = Math.sqrt(Math.pow(l.width, 2) + Math.pow(l.height, 2)) * 2;
+  a.style.width = a.style.height = `${r}px`, a.style.left = `${e.clientX - l.left}px`, a.style.top = `${e.clientY - l.top}px`;
 }
 const Lo = {
   mounted: (e) => {
@@ -28,26 +28,26 @@ function zo(e, t) {
   const l = Ao, o = [];
   if (!e || typeof e != "string")
     return o;
-  let n = "", r, a;
-  for (const i of e) {
-    const s = l.includes(i);
+  let n = "", i, a;
+  for (const r of e) {
+    const s = l.includes(r);
     if (s === !0) {
-      o.push(n), n = "", r = void 0;
+      o.push(n), n = "", i = void 0;
       continue;
     }
-    const u = Eo(i);
+    const u = Eo(r);
     if (a === !1) {
-      if (r === !1 && u === !0) {
-        o.push(n), n = i, r = u;
+      if (i === !1 && u === !0) {
+        o.push(n), n = r, i = u;
         continue;
       }
-      if (r === !0 && u === !1 && n.length > 1) {
+      if (i === !0 && u === !1 && n.length > 1) {
         const p = n.at(-1);
-        o.push(n.slice(0, Math.max(0, n.length - 1))), n = p + i, r = u;
+        o.push(n.slice(0, Math.max(0, n.length - 1))), n = p + r, i = u;
         continue;
       }
     }
-    n += i, r = u, a = s;
+    n += r, i = u, a = s;
   }
   return o.push(n), o;
 }
@@ -165,9 +165,9 @@ const Ps = {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = V(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "small"), a = V(() => n.link ? {
+    const o = l, n = e, i = V(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "small"), a = V(() => n.link ? {
       type: "button"
-    } : null), i = V(() => ({
+    } : null), r = V(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": n.link,
       "joy-avatar__placeholder": s.value,
@@ -194,7 +194,7 @@ const Ps = {
       class: T(["joy-avatar__wrapper", [`joy-avatar__wrapper--${d.size}`]])
     }, [
       (f(), I(Q(d.link ? "button" : "div"), H(a.value, {
-        class: [i.value],
+        class: [r.value],
         onClick: p
       }), {
         default: z(() => [
@@ -202,7 +202,7 @@ const Ps = {
             key: 0,
             name: "user-photo",
             color: "white",
-            size: r.value
+            size: i.value
           }, null, 8, ["size"])) : _("", !0),
           d.photoUrl ? (f(), b("img", {
             key: 1,
@@ -263,13 +263,14 @@ const Ps = {
     }
   },
   setup(e) {
-    return (t, l) => (f(), b("div", {
-      class: T(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
+    const t = e, l = V(() => typeof t.number == "number");
+    return (o, n) => (f(), b("div", {
+      class: T(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
-      e.number ? (f(), b("span", Ho, M(e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
+      l.value ? (f(), b("span", Ho, M(e.number && e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
     ], 2));
   }
-}), Ct = /* @__PURE__ */ A(Wo, [["__scopeId", "data-v-0dc5251e"]]), Uo = /* @__PURE__ */ B({
+}), Ct = /* @__PURE__ */ A(Wo, [["__scopeId", "data-v-49daa300"]]), Uo = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -298,7 +299,8 @@ const Ps = {
     number: Number
   },
   setup(e) {
-    return (t, l) => e.number ? (f(), I(Ct, {
+    const t = e, l = V(() => typeof t.number == "number");
+    return (o, n) => l.value ? (f(), I(Ct, {
       key: 0,
       variant: e.variant,
       number: e.number
@@ -312,12 +314,12 @@ const Ps = {
         class: "joy-badge_dot",
         variant: e.variant
       }, null, 8, ["variant"])) : _("", !0),
-      w(t.$slots, "default", {}, () => [
+      w(o.$slots, "default", {}, () => [
         D(M(e.label), 1)
       ], !0)
     ], 2));
   }
-}), Go = /* @__PURE__ */ A(Uo, [["__scopeId", "data-v-80e93664"]]);
+}), Go = /* @__PURE__ */ A(Uo, [["__scopeId", "data-v-f159ad49"]]);
 var Z = /* @__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))(Z || {}), He = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(He || {});
 const Yo = { class: "joy-badge-level" }, Ko = {
   key: 1,
@@ -383,7 +385,7 @@ const Yo = { class: "joy-badge-level" }, Ko = {
       }
     });
     return (o, n) => (f(), b("span", Yo, [
-      e.type === q(Z).SUPER_MALTER ? (f(!0), b(W, { key: 0 }, U(e.superMalterLevel, (r, a) => (f(), b("svg", {
+      e.type === q(Z).SUPER_MALTER ? (f(!0), b(W, { key: 0 }, U(e.superMalterLevel, (i, a) => (f(), b("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -483,7 +485,7 @@ const Yo = { class: "joy-badge-level" }, Ko = {
       let n = "1 0";
       return t.width && (n += ` ${t.width}`), n;
     });
-    return (n, r) => (f(), b("div", {
+    return (n, i) => (f(), b("div", {
       "aria-hidden": "true",
       class: T({
         "joy-block-skeleton": !0,
@@ -585,7 +587,7 @@ const nn = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Ce(), n = Fe() + "--JoyButton", r = V(() => {
+    const l = e, o = Ce(), n = Fe() + "--JoyButton", i = V(() => {
       switch (l.size) {
         case "xxsmall":
           return "xxsmall";
@@ -599,7 +601,7 @@ const nn = /* @__PURE__ */ B({
           return "small";
       }
     }), a = V(() => ["white", "ghost", "secondary"].includes(l.variant) ? "teal" : "white");
-    return t({ generatedId: n }), (i, s) => {
+    return t({ generatedId: n }), (r, s) => {
       const u = dt("joy-ripple");
       return Ke((f(), I(Q(q(o).href ? "a" : "button"), {
         id: e.id,
@@ -614,14 +616,14 @@ const nn = /* @__PURE__ */ B({
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (i.$slots.default || e.label) && n
+        "aria-labelledby": (r.$slots.default || e.label) && n
       }, {
         default: z(() => [
           e.icon && e.iconPosition === "left" ? (f(), I(N, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : _("", !0),
           e.loading ? (f(), I(Nt, {
@@ -632,7 +634,7 @@ const nn = /* @__PURE__ */ B({
             id: n,
             class: "joy-button--slot"
           }, [
-            w(i.$slots, "default", {}, () => [
+            w(r.$slots, "default", {}, () => [
               D(M(e.label), 1)
             ], !0)
           ]),
@@ -640,7 +642,7 @@ const nn = /* @__PURE__ */ B({
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : _("", !0)
         ]),
@@ -682,16 +684,16 @@ function _e(...e) {
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = pt) : [t, l, o, n] = e, !t)
     return Le;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const r = [], a = () => {
-    r.forEach((p) => p()), r.length = 0;
-  }, i = (p, d, c, m) => (p.addEventListener(d, c, m), () => p.removeEventListener(d, c, m)), s = K(
+  const i = [], a = () => {
+    i.forEach((p) => p()), i.length = 0;
+  }, r = (p, d, c, m) => (p.addEventListener(d, c, m), () => p.removeEventListener(d, c, m)), s = K(
     () => [we(t), me(n)],
     ([p, d]) => {
       if (a(), !p)
         return;
       const c = qt(d) ? { ...d } : d;
-      r.push(
-        ...l.flatMap((m) => o.map((y) => i(p, m, y, c)))
+      i.push(
+        ...l.flatMap((m) => o.map((y) => r(p, m, y, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -702,11 +704,11 @@ function _e(...e) {
 }
 let Vt = !1;
 function dn(e, t, l = {}) {
-  const { window: o = pt, ignore: n = [], capture: r = !0, detectIframe: a = !1 } = l;
+  const { window: o = pt, ignore: n = [], capture: i = !0, detectIframe: a = !1 } = l;
   if (!o)
     return Le;
   lt && !Vt && (Vt = !0, Array.from(o.document.body.children).forEach((c) => c.addEventListener("click", Le)), o.document.documentElement.addEventListener("click", Le));
-  let i = !0;
+  let r = !0;
   const s = (c) => n.some((m) => {
     if (typeof m == "string")
       return Array.from(o.document.querySelectorAll(m)).some((y) => y === c.target || c.composedPath().includes(y));
@@ -718,16 +720,16 @@ function dn(e, t, l = {}) {
     _e(o, "click", (c) => {
       const m = we(e);
       if (!(!m || m === c.target || c.composedPath().includes(m))) {
-        if (c.detail === 0 && (i = !s(c)), !i) {
-          i = !0;
+        if (c.detail === 0 && (r = !s(c)), !r) {
+          r = !0;
           return;
         }
         t(c);
       }
-    }, { passive: !0, capture: r }),
+    }, { passive: !0, capture: i }),
     _e(o, "pointerdown", (c) => {
       const m = we(e);
-      i = !s(c) && !!(m && !c.composedPath().includes(m));
+      r = !s(c) && !!(m && !c.composedPath().includes(m));
     }, { passive: !0 }),
     a && _e(o, "blur", (c) => {
       setTimeout(() => {
@@ -751,9 +753,9 @@ function fn(e) {
 }
 function pn(e, t = {}) {
   const l = C(!1), o = Ft(null);
-  let n = 0, r = !0;
+  let n = 0, i = !0;
   if (et) {
-    const a = typeof t == "function" ? { onDrop: t } : t, i = (s) => {
+    const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
       var u, p;
       const d = Array.from((p = (u = s.dataTransfer) == null ? void 0 : u.files) != null ? p : []);
       return o.value = d.length === 0 ? null : d;
@@ -763,19 +765,19 @@ function pn(e, t = {}) {
       const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((c) => c.kind === "file" ? c.type : null).filter(an);
       if (a.dataTypes && s.dataTransfer) {
         const c = q(a.dataTypes);
-        if (r = typeof c == "function" ? c(d) : c ? c.some((m) => d.includes(m)) : !0, !r)
+        if (i = typeof c == "function" ? c(d) : c ? c.some((m) => d.includes(m)) : !0, !i)
           return;
       }
-      s.preventDefault(), n += 1, l.value = !0, (p = a.onEnter) == null || p.call(a, i(s), s);
+      s.preventDefault(), n += 1, l.value = !0, (p = a.onEnter) == null || p.call(a, r(s), s);
     }), _e(e, "dragover", (s) => {
       var u;
-      r && (s.preventDefault(), (u = a.onOver) == null || u.call(a, i(s), s));
+      i && (s.preventDefault(), (u = a.onOver) == null || u.call(a, r(s), s));
     }), _e(e, "dragleave", (s) => {
       var u;
-      r && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (u = a.onLeave) == null || u.call(a, i(s), s));
+      i && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (u = a.onLeave) == null || u.call(a, r(s), s));
     }), _e(e, "drop", (s) => {
       var u;
-      s.preventDefault(), n = 0, l.value = !1, (u = a.onDrop) == null || u.call(a, i(s), s);
+      s.preventDefault(), n = 0, l.value = !1, (u = a.onDrop) == null || u.call(a, r(s), s);
     });
   }
   return {
@@ -785,21 +787,21 @@ function pn(e, t = {}) {
 }
 function yn(e, t, l = {}) {
   const { window: o = pt, ...n } = l;
-  let r;
-  const a = fn(() => o && "ResizeObserver" in o), i = () => {
-    r && (r.disconnect(), r = void 0);
+  let i;
+  const a = fn(() => o && "ResizeObserver" in o), r = () => {
+    i && (i.disconnect(), i = void 0);
   }, s = V(() => Array.isArray(e) ? e.map((d) => we(d)) : [we(e)]), u = K(
     s,
     (d) => {
-      if (i(), a.value && o) {
-        r = new ResizeObserver(t);
+      if (r(), a.value && o) {
+        i = new ResizeObserver(t);
         for (const c of d)
-          c && r.observe(c, n);
+          c && i.observe(c, n);
       }
     },
     { immediate: !0, flush: "post" }
   ), p = () => {
-    i(), u();
+    r(), u();
   };
   return Qe(p), {
     isSupported: a,
@@ -808,13 +810,13 @@ function yn(e, t, l = {}) {
 }
 function mn(e) {
   var t;
-  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", r = C(1);
+  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
   function a() {
-    var i, s;
+    var r, s;
     if (!l.value)
       return;
     let u = "";
-    l.value.style[n] = "1px", r.value = (i = l.value) == null ? void 0 : i.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${r.value}px` : u = `${r.value}px`, l.value.style[n] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
+    l.value.style[n] = "1px", i.value = (r = l.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${i.value}px` : u = `${i.value}px`, l.value.style[n] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
   }
   return K([o, l], () => Je(a), { immediate: !0 }), yn(l, () => a()), e != null && e.watch && K(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
@@ -847,16 +849,16 @@ function gn(...e) {
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = hn) : [t, l, o, n] = e, !t)
     return Le;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const r = [], a = () => {
-    r.forEach((p) => p()), r.length = 0;
-  }, i = (p, d, c, m) => (p.addEventListener(d, c, m), () => p.removeEventListener(d, c, m)), s = K(
+  const i = [], a = () => {
+    i.forEach((p) => p()), i.length = 0;
+  }, r = (p, d, c, m) => (p.addEventListener(d, c, m), () => p.removeEventListener(d, c, m)), s = K(
     () => [vn(t), me(n)],
     ([p, d]) => {
       if (a(), !p)
         return;
       const c = qt(d) ? { ...d } : d;
-      r.push(
-        ...l.flatMap((m) => o.map((y) => i(p, m, y, c)))
+      i.push(
+        ...l.flatMap((m) => o.map((y) => r(p, m, y, c)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -885,8 +887,8 @@ const Ne = /* @__PURE__ */ new WeakMap();
 function wn(e, t = !1) {
   const l = C(t);
   let o = null, n;
-  K(un(e), (i) => {
-    const s = nt(me(i));
+  K(un(e), (r) => {
+    const s = nt(me(r));
     if (s) {
       const u = s;
       Ne.get(u) || Ne.set(u, n), l.value && (u.style.overflow = "hidden");
@@ -894,27 +896,27 @@ function wn(e, t = !1) {
   }, {
     immediate: !0
   });
-  const r = () => {
-    const i = nt(me(e));
-    !i || l.value || (lt && (o = gn(
-      i,
+  const i = () => {
+    const r = nt(me(e));
+    !r || l.value || (lt && (o = gn(
+      r,
       "touchmove",
       (s) => {
         bn(s);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", l.value = !0);
+    )), r.style.overflow = "hidden", l.value = !0);
   }, a = () => {
-    var i;
+    var r;
     const s = nt(me(e));
-    !s || !l.value || (lt && (o == null || o()), s.style.overflow = (i = Ne.get(s)) != null ? i : "", Ne.delete(s), l.value = !1);
+    !s || !l.value || (lt && (o == null || o()), s.style.overflow = (r = Ne.get(s)) != null ? r : "", Ne.delete(s), l.value = !1);
   };
   return Qe(a), V({
     get() {
       return l.value;
     },
-    set(i) {
-      i ? r() : a();
+    set(r) {
+      r ? i() : a();
     }
   });
 }
@@ -926,7 +928,7 @@ function _n() {
       return;
     e = !0;
     const n = wn(l, o.value);
-    K(t, (r) => n.value = r);
+    K(t, (i) => n.value = i);
   };
 }
 _n();
@@ -942,10 +944,10 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = Ce(), r = V(() => {
-      if (i.value)
+    const o = e, n = Ce(), i = V(() => {
+      if (r.value)
         return n;
-    }), a = l, i = C(!1), s = C(!1), u = C(o.open), p = C(!1), d = C();
+    }), a = l, r = C(!1), s = C(!1), u = C(o.open), p = C(!1), d = C();
     let c = 0;
     function m() {
       u.value = !0, P();
@@ -988,17 +990,17 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
         k === !0 ? m() : y();
       }
     ), te(() => {
-      i.value = !0, o.open && P();
+      r.value = !0, o.open && P();
     }), t({
       hide: y,
       show: m,
       isOpen: u,
       moveContainer: E
-    }), (k, R) => i.value ? (f(), I(ze, {
+    }), (k, R) => r.value ? (f(), I(ze, {
       key: 0,
       to: k.teleport
     }, [
-      u.value ? (f(), b("div", H({ key: 0 }, r.value, {
+      u.value ? (f(), b("div", H({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -1054,14 +1056,14 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.bottomSheet), r = G(), a = V(() => r.default());
-    function i() {
+    const l = e, o = t, n = V(() => l.bottomSheet), i = G(), a = V(() => i.default());
+    function r() {
       var s;
       o("click"), (s = n.value) == null || s.show();
     }
     return (s, u) => (f(!0), b(W, null, U(a.value, (p) => (f(), I(Q(p), {
       key: p,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), Sn = { class: "joy-checkbox__wrapper" }, Cn = { class: "joy-checkbox__input-wrapper" }, Vn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], xn = { class: "joy-checkbox__content-wrapper" }, Tn = { class: "joy-checkbox__content" }, In = /* @__PURE__ */ B({
@@ -1119,10 +1121,10 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(), a = C(n.indeterminate), i = C(n.invalid), s = C(!1), u = {
+    const o = l, n = e, i = C(), a = C(n.indeterminate), r = C(n.invalid), s = C(!1), u = {
       onChange: (p) => {
         const d = p.target.checked;
-        a.value = !1, i.value = !1, o("update:checked", d);
+        a.value = !1, r.value = !1, o("update:checked", d);
       },
       onFocus: () => {
         s.value = !0, o("focus");
@@ -1141,7 +1143,7 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
             "joy-checkbox__checked": e.checked,
             "joy-checkbox__indeterminate": a.value,
             "joy-checkbox__disabled": e.disabled,
-            "joy-checkbox__invalid": i.value,
+            "joy-checkbox__invalid": r.value,
             "joy-checkbox__focusing": s.value && e.displayFocus
           }
         ])
@@ -1150,7 +1152,7 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
           h("input", {
             id: e.id,
             ref_key: "input",
-            ref: r,
+            ref: i,
             type: "checkbox",
             class: "joy-checkbox__input",
             name: e.name,
@@ -1213,28 +1215,28 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(o.open), a = C(!1);
+    const o = e, n = l, i = C(o.open), a = C(!1);
     K(
       () => o.open,
       (u) => {
-        r.value = u;
+        i.value = u;
       }
     );
-    function i() {
-      r.value = !r.value, s();
+    function r() {
+      i.value = !i.value, s();
     }
     function s() {
-      r.value ? n("collapse-item:open") : n("collapse-item:close");
+      i.value ? n("collapse-item:open") : n("collapse-item:close");
     }
     return t({
-      isOpen: r,
-      onToggle: i,
+      isOpen: i,
+      onToggle: r,
       props: o
     }), (u, p) => (f(), b("div", {
       class: T([
         "joy-collapse-item",
         {
-          "joy-collapse-item--open": r.value,
+          "joy-collapse-item--open": i.value,
           "joy-collapse-item--outline": e.mode === "outline",
           "joy-collapse-item--focusing": a.value
         }
@@ -1244,8 +1246,8 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
         role: "button",
         tabindex: "0",
         class: "joy-collapse-item__summary",
-        onClick: i,
-        onKeydown: Oe(i, ["enter"]),
+        onClick: r,
+        onKeydown: Oe(r, ["enter"]),
         onFocus: p[0] || (p[0] = (d) => a.value = !0),
         onBlur: p[1] || (p[1] = (d) => a.value = !1)
       }, [
@@ -1273,14 +1275,14 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
           w(u.$slots, "collapse-preview")
         ])
       ], 32),
-      r.value ? (f(), b("div", {
+      i.value ? (f(), b("div", {
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
         class: T([
           "joy-collapse-item__detail",
           {
-            "joy-collapse-item__detail--open": r.value
+            "joy-collapse-item__detail--open": i.value
           }
         ])
       }, [
@@ -1313,8 +1315,8 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = C(o.modelValue), r = G(), a = l, i = V(() => {
-      const y = r.default();
+    const o = e, n = C(o.modelValue), i = G(), a = l, r = V(() => {
+      const y = i.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(s) : y.filter(s);
     });
     function s(y) {
@@ -1347,10 +1349,10 @@ const jn = { class: "joy-bottom-sheet_content" }, kn = { class: "joy-bottom-shee
       getValForModel: m,
       isItem: s,
       isOpen: p,
-      items: i,
+      items: r,
       openedCollapseItem: n
     }), (y, v) => (f(), b("div", Pn, [
-      (f(!0), b(W, null, U(i.value, (g) => (f(), I(Jn, H({ ref_for: !0 }, g.props, {
+      (f(!0), b(W, null, U(r.value, (g) => (f(), I(Jn, H({ ref_for: !0 }, g.props, {
         key: g.props.id,
         open: p(g),
         mode: e.mode,
@@ -1578,8 +1580,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(!1), i = C();
-    vt(i, n.autofocus);
+    const o = l, n = e, i = C(!1), a = C(!1), r = C();
+    vt(r, n.autofocus);
     function s() {
       const g = d(!1);
       g >= 0 ? o("update:modelValue", g <= n.min ? n.min : g) : o("update:modelValue", 0), p();
@@ -1589,7 +1591,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       n.max && g <= n.max ? o("update:modelValue", g >= n.max ? n.max : g) : n.max && g > n.max ? o("update:modelValue", n.max) : o("update:modelValue", g), p();
     }
     function p() {
-      r.value = !c();
+      i.value = !c();
     }
     function d(g = !0) {
       const $ = n.step.toString().split("."), j = $.length === 2 ? $[1].length : 0;
@@ -1606,7 +1608,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     }
     const v = {
       onInput: (g) => {
-        o("update:modelValue", +g.target.value || 0), r.value = !1;
+        o("update:modelValue", +g.target.value || 0), i.value = !1;
       },
       onFocus: () => {
         a.value = !0;
@@ -1648,12 +1650,12 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
           h("input", H({
             id: e.id,
             ref_key: "input",
-            ref: i,
+            ref: r,
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || r.value },
+            class: { "joy-counter__invalid": e.invalid || i.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || r.value,
+            "aria-invalid": e.invalid || i.value,
             name: e.name,
             required: e.required,
             step: "any",
@@ -1768,11 +1770,6 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       type: String,
       default: "default"
     },
-    /** Allows to set a focus-trap within the dialog. It means you can loop over all interactive elements within the open dialog. */
-    focusTrap: {
-      type: Boolean,
-      default: !1
-    },
     /** By default the dialog is teleported to the end of body tag */
     teleport: {
       type: String,
@@ -1789,6 +1786,10 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       type: Boolean,
       default: !0
     },
+    disableTeleport: {
+      type: Boolean,
+      default: !1
+    },
     /** Mostly for documentation purpose, it prevents the component from being hidden */
     demoMode: {
       type: Boolean,
@@ -1840,13 +1841,13 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = Fe() + "--JoyDialog", a = G(), i = C(!1), s = C(), u = C(o.open), p = Ce(), d = V(() => {
-      if (i.value)
+    const o = e, n = l, i = Fe() + "--JoyDialog", a = G(), r = C(!1), s = C(), u = C(o.open), p = Ce(), d = V(() => {
+      if (r.value)
         return p;
     }), c = V(() => {
       const L = a["dialog-cancel"] || a["dialog-confirm"], P = o.cancelText || o.confirmText;
       return !!L || !!P;
-    }), y = V(() => o.id || r).value + "-header";
+    }), y = V(() => o.id || i).value + "-header";
     function v() {
       !o.patternConfirm && g();
     }
@@ -1866,7 +1867,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       n("dialog:after-hide");
     }
     return te(async () => {
-      i.value = !0;
+      r.value = !0;
     }), Me(() => {
       u.value === !0 && (n("dialog:before-unmount"), ye(!1));
     }), t({
@@ -1874,10 +1875,10 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       hide: g,
       isOpen: u,
       show: $
-    }), (L, P) => i.value ? (f(), I(ze, {
+    }), (L, P) => r.value ? (f(), I(ze, {
       key: 0,
       to: e.teleport,
-      disabled: e.demoMode
+      disabled: e.disableTeleport
     }, [
       O(ct, {
         duration: { enter: 300, leave: 100 },
@@ -1889,7 +1890,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       }, {
         default: z(() => [
           u.value ? (f(), b("div", H({ key: 0 }, d.value, {
-            id: e.id || r,
+            id: e.id || i,
             ref_key: "dialogRef",
             ref: s,
             role: "dialog",
@@ -2015,21 +2016,21 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), Gs = /* @__PURE__ */ A(cl, [["__scopeId", "data-v-ea61c4f8"]]), Ys = /* @__PURE__ */ B({
+}), Gs = /* @__PURE__ */ A(cl, [["__scopeId", "data-v-04cca18d"]]), Ys = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = V(() => l.dialog), n = t, r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, o = V(() => l.dialog), n = t, i = G(), a = V(() => i.default());
+    async function r() {
       var s;
       n("click"), await ((s = o.value) == null ? void 0 : s.show());
     }
     return (s, u) => (f(!0), b(W, null, U(a.value, (p) => (f(), I(Q(p), {
       key: p,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), fl = ["disabled"], pl = { class: "joy-divider-cta--icon" }, yl = { class: "joy-divider-cta--content" }, ml = { class: "joy-divider-cta--content---title" }, vl = /* @__PURE__ */ B({
@@ -2070,11 +2071,6 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     id: {
       type: String
     },
-    /** Allows to set a focus-trap within the drawer. It means you can loop over all interactive elements within the open drawer. */
-    focusTrap: {
-      type: Boolean,
-      default: !1
-    },
     size: {
       type: String,
       default: "default"
@@ -2088,7 +2084,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       type: Boolean,
       default: !1
     },
-    /** Removes the overlay and allows interacting with background content. It deactivates the focusTrap as well. */
+    /** Removes the overlay and allows interacting with background content.*/
     elevated: {
       type: Boolean,
       default: !1
@@ -2100,6 +2096,10 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       type: Boolean,
       default: !0
     },
+    disableTeleport: {
+      type: Boolean,
+      default: !1
+    },
     /** Mostly for documentation purpose, it prevents the component from being hidden */
     demoMode: {
       type: Boolean,
@@ -2130,13 +2130,13 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = Fe() + "--JoyDrawer", a = G(), i = C(!1), s = C(), u = C(o.open), p = Ce(), d = V(() => {
-      if (i.value)
+    const o = e, n = l, i = Fe() + "--JoyDrawer", a = G(), r = C(!1), s = C(), u = C(o.open), p = Ce(), d = V(() => {
+      if (r.value)
         return p;
     }), c = V(() => {
       const E = a["drawer-cancel"] || a["drawer-confirm"], L = o.cancelText || o.confirmText;
       return !!E || !!L;
-    }), m = V(() => o.id || r), y = m.value + "-header";
+    }), m = V(() => o.id || i), y = m.value + "-header";
     async function v(E = { fireHideEvent: !0 }) {
       o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (u.value = !1, await Je(), ye(!1), E.fireHideEvent && n("drawer:hide"));
     }
@@ -2153,7 +2153,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       n("drawer:after-hide");
     }
     return te(() => {
-      i.value = !0;
+      r.value = !0;
     }), Me(() => {
       u.value === !0 && (n("drawer:before-unmount"), ye(!1));
     }), t({
@@ -2161,10 +2161,10 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       hide: v,
       isOpen: u,
       show: g
-    }), (E, L) => i.value ? (f(), I(ze, {
+    }), (E, L) => r.value ? (f(), I(ze, {
       key: 0,
       to: e.teleport,
-      disabled: e.demoMode
+      disabled: e.disableTeleport
     }, [
       O(ct, {
         duration: { enter: 300, leave: 100 },
@@ -2290,21 +2290,21 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), Zs = /* @__PURE__ */ A(jl, [["__scopeId", "data-v-c1760194"]]), Xs = /* @__PURE__ */ B({
+}), Zs = /* @__PURE__ */ A(jl, [["__scopeId", "data-v-056f6134"]]), Xs = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.drawer), r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, o = t, n = V(() => l.drawer), i = G(), a = V(() => i.default());
+    async function r() {
       var s;
       o("click"), await ((s = n.value) == null ? void 0 : s.show());
     }
     return (s, u) => (f(!0), b(W, null, U(a.value, (p) => (f(), I(Q(p), {
       key: p,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), kl = {
@@ -2357,17 +2357,17 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(), a = V(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
-    function i(y) {
+    const o = l, n = e, i = C(), a = V(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
+    function r(y) {
       y.disabled || o("update:modelValue", y.value || y.id);
     }
     function s() {
       var y;
-      return Array.from(((y = r.value) == null ? void 0 : y.querySelectorAll("li")) || []);
+      return Array.from(((y = i.value) == null ? void 0 : y.querySelectorAll("li")) || []);
     }
     function u() {
       const y = s().find((v) => v.getAttribute("aria-selected") === "true");
-      y && (y.focus(), r.value.scrollTo({
+      y && (y.focus(), i.value.scrollTo({
         top: y.offsetTop
       }));
     }
@@ -2376,8 +2376,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     }
     function d(y) {
       var v;
-      if (!(r.value && !r.value.contains(document.activeElement) || !r.value)) {
-        if ((y.key === "Escape" || y.key === "Tab") && o("close:dropdownList"), (y.key === "Enter" || y.key === "enter") && (y.preventDefault(), p() && ((v = r.value) != null && v.contains(p())))) {
+      if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
+        if ((y.key === "Escape" || y.key === "Tab") && o("close:dropdownList"), (y.key === "Enter" || y.key === "enter") && (y.preventDefault(), p() && ((v = i.value) != null && v.contains(p())))) {
           const g = p();
           if (!g)
             return;
@@ -2429,7 +2429,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         e.options.length ? (f(), b("ul", {
           key: 0,
           ref_key: "listbox",
-          ref: r,
+          ref: i,
           role: "listbox",
           "aria-expanded": "true",
           "aria-label": e.ariaLabel,
@@ -2454,7 +2454,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
             "aria-label": g.label,
             ".dataModel": g.value || g.id,
             role: "option",
-            onClick: ($) => i(g)
+            onClick: ($) => r(g)
           }, [
             w(y.$slots, "label", H({ ref_for: !0 }, g), () => [
               h("span", null, M(g.label), 1)
@@ -2555,14 +2555,14 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(null), i = C(), s = C(null), u = C(null), p = C(!1), d = "joy-dropdown--" + Xe();
+    const o = l, n = e, i = C(!1), a = C(null), r = C(), s = C(null), u = C(null), p = C(!1), d = "joy-dropdown--" + Xe();
     Ze("VJoyDropdownContext", n);
     const c = {
-      ignore: [i, ".joy-dropdown__list"]
+      ignore: [r, ".joy-dropdown__list"]
     };
     let m = null;
     K(
-      () => r.value,
+      () => i.value,
       (k) => {
         k && on(s);
       },
@@ -2576,14 +2576,14 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     });
     function v() {
       m && clearTimeout(m), p.value = !0, m = setTimeout(() => {
-        r.value = !1, p.value = !1, o("dropdown:hide");
+        i.value = !1, p.value = !1, o("dropdown:hide");
       }, 300);
     }
     function g() {
-      p.value = !1, m && clearTimeout(m), r.value = !0, o("dropdown:open");
+      p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
     function $(k) {
-      k.stopPropagation(), r.value ? j() : g(), u.value = k.target;
+      k.stopPropagation(), i.value ? j() : g(), u.value = k.target;
     }
     function j() {
       v(), x();
@@ -2598,12 +2598,12 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       o("dropdown:reset");
     }
     function P() {
-      !i.value || !i.value.children.length || (i.value.children[0].id = d);
+      !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
     return Un(v), te(() => {
       P();
     }), t({
-      showDropdownList: r,
+      showDropdownList: i,
       generatedId: d
     }), (k, R) => (f(), I(q(yt), {
       ref_key: "dropdown",
@@ -2615,14 +2615,14 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       default: z(() => [
         h("div", {
           ref_key: "button",
-          ref: i,
+          ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
           onClick: $
         }, [
           w(k.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        r.value ? (f(), b("div", {
+        i.value ? (f(), b("div", {
           key: 0,
           ref_key: "list",
           ref: s,
@@ -2751,7 +2751,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
               icon: "pen",
               title: o.updateLabel,
               "aria-label": o.updateLabel,
-              onClick: n[0] || (n[0] = (r) => o.$emit("update"))
+              onClick: n[0] || (n[0] = (i) => o.$emit("update"))
             }, null, 8, ["title", "aria-label"]),
             O(ne, {
               circle: "",
@@ -2760,7 +2760,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
               icon: "trash",
               title: o.deleteLabel,
               "aria-label": o.deleteLabel,
-              onClick: n[1] || (n[1] = (r) => o.$emit("delete"))
+              onClick: n[1] || (n[1] = (i) => o.$emit("delete"))
             }, null, 8, ["title", "aria-label"])
           ]),
           _: 3
@@ -2793,7 +2793,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = G(), o = e, n = Co(e, "modelValue"), r = C(y(n.value)), a = C(), i = C(), s = C(), { isOverDropZone: u } = pn(i, {
+    const l = G(), o = e, n = Co(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { isOverDropZone: u } = pn(r, {
       onDrop: x
     }), p = V(() => n.value.filter((S) => S instanceof File)), d = V(() => o.multiple || p.value.length === 0 ? void 0 : v(p.value[0]));
     function c(S) {
@@ -2834,7 +2834,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       a.value = S, s.value && s.value.click();
     }
     function L(S) {
-      r.value = y(S), n.value = S;
+      i.value = y(S), n.value = S;
     }
     function P(S) {
       L(n.value.filter((J) => J !== S));
@@ -2850,17 +2850,17 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         L([J]);
     }
     return t({
-      invalid: r
+      invalid: i
     }), (S, J) => (f(), b("div", {
       class: T(["joy-dropzone", {
         "joy-dropzone--dragover": q(u),
-        "joy-dropzone--invalid": r.value,
+        "joy-dropzone--invalid": i.value,
         "joy-dropzone--empty": n.value.length === 0
       }])
     }, [
       h("div", {
         ref_key: "dropzoneAreaRef",
-        ref: i,
+        ref: r,
         class: "joy-dropzone__area"
       }, [
         h("input", {
@@ -2936,7 +2936,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       }, null, 8, ["no-html-error-text"])) : _("", !0)
     ], 2));
   }
-}), eu = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-ee77e9fc"]]), ql = ["aria-label"], Hl = { class: "joy-filter-bar__wrapper" }, Wl = /* @__PURE__ */ B({
+}), eu = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-b0b187bf"]]), ql = ["aria-label"], Hl = { class: "joy-filter-bar__wrapper" }, Wl = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2971,13 +2971,13 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   emits: ["filter"],
   setup(e, { emit: t }) {
     const l = e, o = t, n = Se("VJoyDropdownContext", null);
-    function r() {
+    function i() {
       o("filter", l.value);
     }
-    return (a, i) => (f(), b("button", {
+    return (a, r) => (f(), b("button", {
       type: "button",
       class: T(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
-      onClick: r
+      onClick: i
     }, [
       D(M(e.label) + " ", 1),
       w(a.$slots, "default", {}, void 0, !0),
@@ -3011,15 +3011,15 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   setup(e, { expose: t }) {
     const l = e, o = Se("VJoyWrapperContext", {}), n = V(() => {
-      const r = o.direction === "column" ? "auto" : null;
+      const i = o.direction === "column" ? "auto" : null;
       if (!l.width && l.flex === "1") {
         const s = ["1", "0"];
-        return r && s.push(r), s.join(" ");
+        return i && s.push(i), s.join(" ");
       }
-      const a = [l.flex || "1", "0"], i = l.width || r;
-      return i && a.push(i), a.join(" ");
+      const a = [l.flex || "1", "0"], r = l.width || i;
+      return r && a.push(r), a.join(" ");
     });
-    return t({ flexStyle: n }), (r, a) => (f(), b("div", {
+    return t({ flexStyle: n }), (i, a) => (f(), b("div", {
       "aria-hidden": "true",
       class: T(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ee({
@@ -3050,15 +3050,15 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   setup(e, { expose: t }) {
     const l = C(!0), o = G(), n = C(!0);
     Ze("VJoyStepperShowLabels", n);
-    function r(s) {
+    function i(s) {
       const u = s.currentTarget;
       l.value = u.scrollTop === 0, a.value && !l.value ? n.value = !1 : a.value && l.value && (n.value = !0);
     }
-    const a = V(() => !!o["funnel-stepper"]), i = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const a = V(() => !!o["funnel-stepper"]), r = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: l,
       hasStepperSlot: a,
-      hasFooterSlot: i
+      hasFooterSlot: r
     }), (s, u) => (f(), b("div", {
       class: T([
         "joy-funnel",
@@ -3078,7 +3078,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
-            "joy-funnel__shapes--no-footer": !i.value
+            "joy-funnel__shapes--no-footer": !r.value
           }
         ])
       }, u[0] || (u[0] = [
@@ -3091,7 +3091,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       ], 2),
       h("div", {
         class: "joy-funnel__scrollable",
-        onScroll: r
+        onScroll: i
       }, [
         h("div", {
           class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
@@ -3155,7 +3155,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     const l = e, o = V(() => l.icon ? l.icon : Rt(l.level));
     return t({
       getRelevantIcon: o
-    }), (n, r) => (f(), b("div", {
+    }), (n, i) => (f(), b("div", {
       class: T([
         "joy-highlight",
         `joy-highlight_${e.level}`,
@@ -3228,8 +3228,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = C(o.modelValue), i = V(() => {
-      const d = r.default();
+    const o = e, n = l, i = G(), a = C(o.modelValue), r = V(() => {
+      const d = i.default();
       return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(u) : d.filter(u);
     });
     function s(d) {
@@ -3248,12 +3248,12 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         d !== c && (a.value = d);
       }
     ), t({
-      indicators: i,
+      indicators: r,
       isSelected: s
     }), (d, c) => (f(), b("ul", {
       class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (f(!0), b(W, null, U(i.value, (m) => (f(), I(fa, H({
+      (f(!0), b(W, null, U(r.value, (m) => (f(), I(fa, H({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -3339,9 +3339,9 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = Se("VJoyWrapperContext", {}), a = C(), i = C(), s = Ce(), u = G(), p = C(!1), d = C(!1);
+    const o = l, n = e, i = Se("VJoyWrapperContext", {}), a = C(), r = C(), s = Ce(), u = G(), p = C(!1), d = C(!1);
     vt(a, n.autofocus);
-    const c = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => u.default && u.default()), y = V(() => Object.keys(r).length > 0), v = C(n.type), g = V(() => n.type === "password" && !!n.modelValue);
+    const c = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => u.default && u.default()), y = V(() => Object.keys(i).length > 0), v = C(n.type), g = V(() => n.type === "password" && !!n.modelValue);
     Vo(() => {
       v.value = n.unit ? "number" : n.type;
     });
@@ -3378,7 +3378,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       focus: $
     }), (x, E) => (f(), b("div", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: T([`joy-input--${n.size}`])
     }, [
       h("div", {
@@ -3560,8 +3560,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = C(), r = C(0), a = C();
-    function i(c) {
+    const o = l, n = C(), i = C(0), a = C();
+    function r(c) {
       c.disabled || o("selectItem", c);
     }
     function s() {
@@ -3602,7 +3602,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         ref_key: "menu",
         ref: n,
         class: "joy-menu-list joy-menu-list__items",
-        tabindex: r.value,
+        tabindex: i.value,
         "aria-activedescendant": a.value,
         "aria-label": e.ariaLabel,
         role: "menu",
@@ -3624,7 +3624,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
           "aria-label": v.label,
           ".dataModel": v.value || v.id,
           role: "menuitem",
-          onClick: (g) => i(v)
+          onClick: (g) => r(v)
         }, [
           h("div", Ca, [
             w(c.$slots, "menu-item", H({ ref_for: !0 }, v), () => [
@@ -3661,11 +3661,11 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     function n(a) {
       return o.value.includes(a.value);
     }
-    function r(a, i) {
+    function i(a, r) {
       let s = [...o.value || []];
-      i ? s.push(a) : s.splice(s.indexOf(a), 1), l("update:value", s);
+      r ? s.push(a) : s.splice(s.indexOf(a), 1), l("update:value", s);
     }
-    return (a, i) => (f(), b("fieldset", {
+    return (a, r) => (f(), b("fieldset", {
       id: a.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
@@ -3688,7 +3688,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
           name: s.name,
           value: s.value,
           checked: n(s),
-          "onUpdate:checked": (u) => r(s.value, u)
+          "onUpdate:checked": (u) => i(s.value, u)
         }, {
           default: z(() => [
             w(a.$slots, "checkbox", H({ ref_for: !0 }, s), () => [
@@ -3765,8 +3765,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     const l = e, o = t, n = V(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), r = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ea ? s(2, l.totalPages - 1) : u(l.currentPage));
-    function i(p, d) {
+    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ea ? s(2, l.totalPages - 1) : u(l.currentPage));
+    function r(p, d) {
       l.currentPage === 1 && d === "prev" || l.currentPage === l.totalPages && d === "next" || o("update:current-page", p);
     }
     function s(p, d) {
@@ -3789,7 +3789,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
       h("ul", null, [
         h("li", {
           class: "joy-pagination__item joy-pagination__previous",
-          onClick: d[0] || (d[0] = (c) => i(e.currentPage - 1, "prev"))
+          onClick: d[0] || (d[0] = (c) => r(e.currentPage - 1, "prev"))
         }, [
           w(p.$slots, "pagination-prev", {}, () => [
             O(It, {
@@ -3806,10 +3806,10 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: c === e.currentPage,
-                "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && c === 1 && r.value,
+                "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && c === 1 && i.value,
                 "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && c === e.totalPages && n.value
               }),
-              onClick: (m) => i(c)
+              onClick: (m) => r(c)
             }, [
               w(p.$slots, "page", H({ ref_for: !0 }, { page: c }), () => [
                 h("button", {
@@ -3822,7 +3822,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         ]),
         h("li", {
           class: "joy-pagination__next",
-          onClick: d[1] || (d[1] = (c) => i(e.currentPage + 1, "next"))
+          onClick: d[1] || (d[1] = (c) => r(e.currentPage + 1, "next"))
         }, [
           w(p.$slots, "pagination-next", {}, () => [
             O(It, {
@@ -3912,8 +3912,8 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
     }
   },
   setup(e) {
-    const t = Se("VJoyWrapperContext", {}), l = V(() => Object.keys(t).length > 0), o = G(), n = C(), r = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
-    return (a, i) => (f(), b("section", {
+    const t = Se("VJoyWrapperContext", {}), l = V(() => Object.keys(t).length > 0), o = G(), n = C(), i = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
+    return (a, r) => (f(), b("section", {
       ref_key: "panel",
       ref: n,
       style: ee({ flex: e.flex }),
@@ -3927,7 +3927,7 @@ const Gn = { class: "joy-counter" }, Yn = ["aria-label", "disabled"], Kn = { cla
         }
       ])
     }, [
-      r.value ? (f(), b("header", Fa, [
+      i.value ? (f(), b("header", Fa, [
         o["panel-title"] ? (f(), b("div", {
           key: 0,
           class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
@@ -4017,9 +4017,9 @@ function bt(e) {
 }
 function or(e, t, l) {
   l === void 0 && (l = !1);
-  const o = De(e), n = bt(e), r = gt(n);
+  const o = De(e), n = bt(e), i = gt(n);
   let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (a = Ue(a)), [a, Ue(a)];
+  return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
 function nr(e) {
   const t = Ue(e);
@@ -4029,22 +4029,22 @@ function it(e) {
   return e.replace(/start|end/g, (t) => tr[t]);
 }
 function lr(e, t, l) {
-  const o = ["left", "right"], n = ["right", "left"], r = ["top", "bottom"], a = ["bottom", "top"];
+  const o = ["left", "right"], n = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
       return l ? t ? n : o : t ? o : n;
     case "left":
     case "right":
-      return t ? r : a;
+      return t ? i : a;
     default:
       return [];
   }
 }
 function ar(e, t, l, o) {
   const n = De(e);
-  let r = lr(ve(e), l === "start", o);
-  return n && (r = r.map((a) => a + "-" + n), t && (r = r.concat(r.map(it)))), r;
+  let i = lr(ve(e), l === "start", o);
+  return n && (i = i.map((a) => a + "-" + n), t && (i = i.concat(i.map(it)))), i;
 }
 function Ue(e) {
   return e.replace(/left|right|bottom|top/g, (t) => er[t]);
@@ -4089,7 +4089,7 @@ function Lt(e, t, l) {
     reference: o,
     floating: n
   } = e;
-  const r = ke(t), a = bt(t), i = gt(a), s = ve(t), u = r === "y", p = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, c = o[i] / 2 - n[i] / 2;
+  const i = ke(t), a = bt(t), r = gt(a), s = ve(t), u = i === "y", p = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, c = o[r] / 2 - n[r] / 2;
   let m;
   switch (s) {
     case "top":
@@ -4136,9 +4136,9 @@ const ir = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
-    middleware: r = [],
+    middleware: i = [],
     platform: a
-  } = l, i = r.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(t));
+  } = l, r = i.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(t));
   let u = await a.getElementRects({
     reference: e,
     floating: t,
@@ -4147,11 +4147,11 @@ const ir = async (e, t, l) => {
     x: p,
     y: d
   } = Lt(u, o, s), c = o, m = {}, y = 0;
-  for (let v = 0; v < i.length; v++) {
+  for (let v = 0; v < r.length; v++) {
     const {
       name: g,
       fn: $
-    } = i[v], {
+    } = r[v], {
       x: j,
       y: x,
       data: E,
@@ -4199,9 +4199,9 @@ async function Kt(e, t) {
   const {
     x: o,
     y: n,
-    platform: r,
+    platform: i,
     rects: a,
-    elements: i,
+    elements: r,
     strategy: s
   } = e, {
     boundary: u = "clippingAncestors",
@@ -4209,8 +4209,8 @@ async function Kt(e, t) {
     elementContext: d = "floating",
     altBoundary: c = !1,
     padding: m = 0
-  } = je(t, e), y = Yt(m), g = i[c ? d === "floating" ? "reference" : "floating" : d], $ = Ge(await r.getClippingRect({
-    element: (l = await (r.isElement == null ? void 0 : r.isElement(g))) == null || l ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+  } = je(t, e), y = Yt(m), g = r[c ? d === "floating" ? "reference" : "floating" : d], $ = Ge(await i.getClippingRect({
+    element: (l = await (i.isElement == null ? void 0 : i.isElement(g))) == null || l ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: p,
     strategy: s
@@ -4219,14 +4219,14 @@ async function Kt(e, t) {
     y: n,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), E = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
+  } : a.reference, x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), E = await (i.isElement == null ? void 0 : i.isElement(x)) ? await (i.getScale == null ? void 0 : i.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, L = Ge(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: i,
+  }, L = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
     rect: j,
     offsetParent: x,
     strategy: s
@@ -4246,9 +4246,9 @@ const sr = (e) => ({
       x: l,
       y: o,
       placement: n,
-      rects: r,
+      rects: i,
       platform: a,
-      elements: i,
+      elements: r,
       middlewareData: s
     } = t, {
       element: u,
@@ -4259,10 +4259,10 @@ const sr = (e) => ({
     const d = Yt(p), c = {
       x: l,
       y: o
-    }, m = bt(n), y = gt(m), v = await a.getDimensions(u), g = m === "y", $ = g ? "top" : "left", j = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", E = r.reference[y] + r.reference[m] - c[m] - r.floating[y], L = c[m] - r.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, m = bt(n), y = gt(m), v = await a.getDimensions(u), g = m === "y", $ = g ? "top" : "left", j = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - c[m] - i.floating[y], L = c[m] - i.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let k = P ? P[x] : 0;
-    (!k || !await (a.isElement == null ? void 0 : a.isElement(P))) && (k = i.floating[x] || r.floating[y]);
-    const R = E / 2 - L / 2, S = k / 2 - v[y] / 2 - 1, J = at(d[$], S), F = at(d[j], S), Y = J, se = k - v[y] - F, X = k / 2 - v[y] / 2 + R, xe = rt(Y, X, se), ue = !s.arrow && De(n) != null && X !== xe && r.reference[y] / 2 - (X < Y ? J : F) - v[y] / 2 < 0, ae = ue ? X < Y ? X - Y : X - se : 0;
+    (!k || !await (a.isElement == null ? void 0 : a.isElement(P))) && (k = r.floating[x] || i.floating[y]);
+    const R = E / 2 - L / 2, S = k / 2 - v[y] / 2 - 1, J = at(d[$], S), F = at(d[j], S), Y = J, se = k - v[y] - F, X = k / 2 - v[y] / 2 + R, xe = rt(Y, X, se), ue = !s.arrow && De(n) != null && X !== xe && i.reference[y] / 2 - (X < Y ? J : F) - v[y] / 2 < 0, ae = ue ? X < Y ? X - Y : X - se : 0;
     return {
       [m]: c[m] + ae,
       data: {
@@ -4283,9 +4283,9 @@ const sr = (e) => ({
       var l, o;
       const {
         placement: n,
-        middlewareData: r,
+        middlewareData: i,
         rects: a,
-        initialPlacement: i,
+        initialPlacement: r,
         platform: s,
         elements: u
       } = t, {
@@ -4297,12 +4297,12 @@ const sr = (e) => ({
         flipAlignment: v = !0,
         ...g
       } = je(e, t);
-      if ((l = r.arrow) != null && l.alignmentOffset)
+      if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const $ = ve(n), j = ke(i), x = ve(i) === i, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), L = c || (x || !v ? [Ue(i)] : nr(i)), P = y !== "none";
-      !c && P && L.push(...ar(i, v, y, E));
-      const k = [i, ...L], R = await Kt(t, g), S = [];
-      let J = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      const $ = ve(n), j = ke(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), L = c || (x || !v ? [Ue(r)] : nr(r)), P = y !== "none";
+      !c && P && L.push(...ar(r, v, y, E));
+      const k = [r, ...L], R = await Kt(t, g), S = [];
+      let J = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (p && S.push(R[$]), d) {
         const X = or(n, a, E);
         S.push(R[X[0]], R[X[1]]);
@@ -4312,7 +4312,7 @@ const sr = (e) => ({
         overflows: S
       }], !S.every((X) => X <= 0)) {
         var F, Y;
-        const X = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, xe = k[X];
+        const X = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, xe = k[X];
         if (xe)
           return {
             data: {
@@ -4341,7 +4341,7 @@ const sr = (e) => ({
               break;
             }
             case "initialPlacement":
-              ue = i;
+              ue = r;
               break;
           }
         if (n !== ue)
@@ -4360,7 +4360,7 @@ async function ur(e, t) {
     placement: l,
     platform: o,
     elements: n
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), a = ve(l), i = De(l), s = ke(l) === "y", u = ["left", "top"].includes(a) ? -1 : 1, p = r && s ? -1 : 1, d = je(t, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), a = ve(l), r = De(l), s = ke(l) === "y", u = ["left", "top"].includes(a) ? -1 : 1, p = i && s ? -1 : 1, d = je(t, e);
   let {
     mainAxis: c,
     crossAxis: m,
@@ -4375,7 +4375,7 @@ async function ur(e, t) {
     alignmentAxis: null,
     ...d
   };
-  return i && typeof y == "number" && (m = i === "end" ? y * -1 : y), s ? {
+  return r && typeof y == "number" && (m = r === "end" ? y * -1 : y), s ? {
     x: m * p,
     y: c * u
   } : {
@@ -4391,13 +4391,13 @@ const Xt = function(e) {
       var l, o;
       const {
         x: n,
-        y: r,
+        y: i,
         placement: a,
-        middlewareData: i
+        middlewareData: r
       } = t, s = await ur(t, e);
-      return a === ((l = i.offset) == null ? void 0 : l.placement) && (o = i.arrow) != null && o.alignmentOffset ? {} : {
+      return a === ((l = r.offset) == null ? void 0 : l.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: n + s.x,
-        y: r + s.y,
+        y: i + s.y,
         data: {
           ...s,
           placement: a
@@ -4415,9 +4415,9 @@ const Xt = function(e) {
         y: o,
         placement: n
       } = t, {
-        mainAxis: r = !0,
+        mainAxis: i = !0,
         crossAxis: a = !1,
-        limiter: i = {
+        limiter: r = {
           fn: (g) => {
             let {
               x: $,
@@ -4435,7 +4435,7 @@ const Xt = function(e) {
         y: o
       }, p = await Kt(t, s), d = ke(ve(n)), c = ht(d);
       let m = u[c], y = u[d];
-      if (r) {
+      if (i) {
         const g = c === "y" ? "top" : "left", $ = c === "y" ? "bottom" : "right", j = m + p[g], x = m - p[$];
         m = rt(j, m, x);
       }
@@ -4443,7 +4443,7 @@ const Xt = function(e) {
         const g = d === "y" ? "top" : "left", $ = d === "y" ? "bottom" : "right", j = y + p[g], x = y - p[$];
         y = rt(j, y, x);
       }
-      const v = i.fn({
+      const v = r.fn({
         ...t,
         [c]: m,
         [d]: y
@@ -4465,10 +4465,10 @@ const Xt = function(e) {
         x: l,
         y: o,
         placement: n,
-        rects: r,
+        rects: i,
         middlewareData: a
       } = t, {
-        offset: i = 0,
+        offset: r = 0,
         mainAxis: s = !0,
         crossAxis: u = !0
       } = je(e, t), p = {
@@ -4476,7 +4476,7 @@ const Xt = function(e) {
         y: o
       }, d = ke(n), c = ht(d);
       let m = p[c], y = p[d];
-      const v = je(i, t), g = typeof v == "number" ? {
+      const v = je(r, t), g = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -4485,12 +4485,12 @@ const Xt = function(e) {
         ...v
       };
       if (s) {
-        const x = c === "y" ? "height" : "width", E = r.reference[c] - r.floating[x] + g.mainAxis, L = r.reference[c] + r.reference[x] - g.mainAxis;
+        const x = c === "y" ? "height" : "width", E = i.reference[c] - i.floating[x] + g.mainAxis, L = i.reference[c] + i.reference[x] - g.mainAxis;
         m < E ? m = E : m > L && (m = L);
       }
       if (u) {
         var $, j;
-        const x = c === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), L = r.reference[d] - r.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : g.crossAxis), P = r.reference[d] + r.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[d]) || 0) - (E ? g.crossAxis : 0);
+        const x = c === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), L = i.reference[d] - i.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : g.crossAxis), P = i.reference[d] + i.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[d]) || 0) - (E ? g.crossAxis : 0);
         y < L ? y = L : y > P && (y = P);
       }
       return {
@@ -4588,17 +4588,17 @@ function oo(e) {
 function Pe(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
-  const n = oo(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), a = oe(n);
-  return r ? t.concat(a, a.visualViewport || [], Re(n) ? n : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(n, Pe(n, [], l));
+  const n = oo(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), a = oe(n);
+  return i ? t.concat(a, a.visualViewport || [], Re(n) ? n : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(n, Pe(n, [], l));
 }
 function no(e) {
   const t = le(e);
   let l = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const n = ie(e), r = n ? e.offsetWidth : l, a = n ? e.offsetHeight : o, i = Ye(l) !== r || Ye(o) !== a;
-  return i && (l = r, o = a), {
+  const n = ie(e), i = n ? e.offsetWidth : l, a = n ? e.offsetHeight : o, r = Ye(l) !== i || Ye(o) !== a;
+  return r && (l = i, o = a), {
     width: l,
     height: o,
-    $: i
+    $: r
   };
 }
 function jt(e) {
@@ -4611,12 +4611,12 @@ function Ae(e) {
   const l = t.getBoundingClientRect(), {
     width: o,
     height: n,
-    $: r
+    $: i
   } = no(t);
-  let a = (r ? Ye(l.width) : l.width) / o, i = (r ? Ye(l.height) : l.height) / n;
-  return (!a || !Number.isFinite(a)) && (a = 1), (!i || !Number.isFinite(i)) && (i = 1), {
+  let a = (i ? Ye(l.width) : l.width) / o, r = (i ? Ye(l.height) : l.height) / n;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
-    y: i
+    y: r
   };
 }
 const fr = /* @__PURE__ */ he(0);
@@ -4632,13 +4632,13 @@ function pr(e, t, l) {
 }
 function $e(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
-  const n = e.getBoundingClientRect(), r = jt(e);
+  const n = e.getBoundingClientRect(), i = jt(e);
   let a = he(1);
   t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
-  const i = pr(r, l, o) ? lo(r) : he(0);
-  let s = (n.left + i.x) / a.x, u = (n.top + i.y) / a.y, p = n.width / a.x, d = n.height / a.y;
-  if (r) {
-    const c = oe(r), m = o && de(o) ? oe(o) : o;
+  const r = pr(i, l, o) ? lo(i) : he(0);
+  let s = (n.left + r.x) / a.x, u = (n.top + r.y) / a.y, p = n.width / a.x, d = n.height / a.y;
+  if (i) {
+    const c = oe(i), m = o && de(o) ? oe(o) : o;
     let y = c.frameElement;
     for (; y && o && m !== c; ) {
       const v = Ae(y), g = y.getBoundingClientRect(), $ = le(y), j = g.left + (y.clientLeft + parseFloat($.paddingLeft)) * v.x, x = g.top + (y.clientTop + parseFloat($.paddingTop)) * v.y;
@@ -4658,23 +4658,23 @@ function yr(e) {
     offsetParent: l,
     strategy: o
   } = e;
-  const n = ie(l), r = ce(l);
-  if (l === r)
+  const n = ie(l), i = ce(l);
+  if (l === i)
     return t;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, i = he(1);
+  }, r = he(1);
   const s = he(0);
-  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || Re(r)) && (a = ot(l)), ie(l))) {
+  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || Re(i)) && (a = ot(l)), ie(l))) {
     const u = $e(l);
-    i = Ae(l), s.x = u.x + l.clientLeft, s.y = u.y + l.clientTop;
+    r = Ae(l), s.x = u.x + l.clientLeft, s.y = u.y + l.clientTop;
   }
   return {
-    width: t.width * i.x,
-    height: t.height * i.y,
-    x: t.x * i.x - a.scrollLeft * i.x + s.x,
-    y: t.y * i.y - a.scrollTop * i.y + s.y
+    width: t.width * r.x,
+    height: t.height * r.y,
+    x: t.x * r.x - a.scrollLeft * r.x + s.x,
+    y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
 function mr(e) {
@@ -4684,36 +4684,36 @@ function ao(e) {
   return $e(ce(e)).left + ot(e).scrollLeft;
 }
 function vr(e) {
-  const t = ce(e), l = ot(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ce(e), l = ot(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -l.scrollLeft + ao(e);
-  const i = -l.scrollTop;
+  const r = -l.scrollTop;
   return le(o).direction === "rtl" && (a += Be(t.clientWidth, o.clientWidth) - n), {
     width: n,
-    height: r,
+    height: i,
     x: a,
-    y: i
+    y: r
   };
 }
 function hr(e, t) {
   const l = oe(e), o = ce(e), n = l.visualViewport;
-  let r = o.clientWidth, a = o.clientHeight, i = 0, s = 0;
+  let i = o.clientWidth, a = o.clientHeight, r = 0, s = 0;
   if (n) {
-    r = n.width, a = n.height;
+    i = n.width, a = n.height;
     const u = _t();
-    (!u || u && t === "fixed") && (i = n.offsetLeft, s = n.offsetTop);
+    (!u || u && t === "fixed") && (r = n.offsetLeft, s = n.offsetTop);
   }
   return {
-    width: r,
+    width: i,
     height: a,
-    x: i,
+    x: r,
     y: s
   };
 }
 function gr(e, t) {
-  const l = $e(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, r = ie(e) ? Ae(e) : he(1), a = e.clientWidth * r.x, i = e.clientHeight * r.y, s = n * r.x, u = o * r.y;
+  const l = $e(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, u = o * i.y;
   return {
     width: a,
-    height: i,
+    height: r,
     x: s,
     y: u
   };
@@ -4744,12 +4744,12 @@ function br(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Pe(e, [], !1).filter((i) => de(i) && ge(i) !== "body"), n = null;
-  const r = le(e).position === "fixed";
-  let a = r ? Ee(e) : e;
+  let o = Pe(e, [], !1).filter((r) => de(r) && ge(r) !== "body"), n = null;
+  const i = le(e).position === "fixed";
+  let a = i ? Ee(e) : e;
   for (; de(a) && !tt(a); ) {
-    const i = le(a), s = wt(a);
-    !s && i.position === "fixed" && (n = null), (r ? !s && !n : !s && i.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Re(a) && !s && ro(e, a)) ? o = o.filter((p) => p !== a) : n = i, a = Ee(a);
+    const r = le(a), s = wt(a);
+    !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Re(a) && !s && ro(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Ee(a);
   }
   return t.set(e, o), o;
 }
@@ -4760,10 +4760,10 @@ function wr(e) {
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? br(t, this._c) : [].concat(l), o], i = a[0], s = a.reduce((u, p) => {
+  const a = [...l === "clippingAncestors" ? br(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
     const d = At(t, p, n);
     return u.top = Be(d.top, u.top), u.right = st(d.right, u.right), u.bottom = st(d.bottom, u.bottom), u.left = Be(d.left, u.left), u;
-  }, At(t, i, n));
+  }, At(t, r, n));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -4775,20 +4775,20 @@ function _r(e) {
   return no(e);
 }
 function jr(e, t, l) {
-  const o = ie(t), n = ce(t), r = l === "fixed", a = $e(e, !0, r, t);
-  let i = {
+  const o = ie(t), n = ce(t), i = l === "fixed", a = $e(e, !0, i, t);
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const s = he(0);
-  if (o || !o && !r)
-    if ((ge(t) !== "body" || Re(n)) && (i = ot(t)), o) {
-      const u = $e(t, !0, r, t);
+  if (o || !o && !i)
+    if ((ge(t) !== "body" || Re(n)) && (r = ot(t)), o) {
+      const u = $e(t, !0, i, t);
       s.x = u.x + t.clientLeft, s.y = u.y + t.clientTop;
     } else n && (s.x = ao(n));
   return {
-    x: a.left + i.scrollLeft - s.x,
-    y: a.top + i.scrollTop - s.y,
+    x: a.left + r.scrollLeft - s.x,
+    y: a.top + r.scrollTop - s.y,
     width: a.width,
     height: a.height
   };
@@ -4811,13 +4811,13 @@ const kr = async function(e) {
     floating: l,
     strategy: o
   } = e;
-  const n = this.getOffsetParent || io, r = this.getDimensions;
+  const n = this.getOffsetParent || io, i = this.getDimensions;
   return {
     reference: jr(t, await n(l), o),
     floating: {
       x: 0,
       y: 0,
-      ...await r(l)
+      ...await i(l)
     }
   };
 };
@@ -4839,18 +4839,18 @@ const Sr = {
 function Cr(e, t) {
   let l = null, o;
   const n = ce(e);
-  function r() {
+  function i() {
     clearTimeout(o), l && l.disconnect(), l = null;
   }
-  function a(i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = 1), r();
+  function a(r, s) {
+    r === void 0 && (r = !1), s === void 0 && (s = 1), i();
     const {
       left: u,
       top: p,
       width: d,
       height: c
     } = e.getBoundingClientRect();
-    if (i || t(), !d || !c)
+    if (r || t(), !d || !c)
       return;
     const m = qe(p), y = qe(n.clientWidth - (u + d)), v = qe(n.clientHeight - (p + c)), g = qe(u), j = {
       rootMargin: -m + "px " + -y + "px " + -v + "px " + -g + "px",
@@ -4879,23 +4879,23 @@ function Cr(e, t) {
     }
     l.observe(e);
   }
-  return a(!0), r;
+  return a(!0), i;
 }
 function Vr(e, t, l, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: n = !0,
-    ancestorResize: r = !0,
+    ancestorResize: i = !0,
     elementResize: a = typeof ResizeObserver == "function",
-    layoutShift: i = typeof IntersectionObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, u = jt(e), p = n || r ? [...u ? Pe(u) : [], ...Pe(t)] : [];
+  } = o, u = jt(e), p = n || i ? [...u ? Pe(u) : [], ...Pe(t)] : [];
   p.forEach(($) => {
     n && $.addEventListener("scroll", l, {
       passive: !0
-    }), r && $.addEventListener("resize", l);
+    }), i && $.addEventListener("resize", l);
   });
-  const d = u && i ? Cr(u, l) : null;
+  const d = u && r ? Cr(u, l) : null;
   let c = -1, m = null;
   a && (m = new ResizeObserver(($) => {
     let [j] = $;
@@ -4911,7 +4911,7 @@ function Vr(e, t, l, o) {
   }
   return l(), () => {
     p.forEach(($) => {
-      n && $.removeEventListener("scroll", l), r && $.removeEventListener("resize", l);
+      n && $.removeEventListener("scroll", l), i && $.removeEventListener("resize", l);
     }), d && d(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
@@ -4919,13 +4919,13 @@ const xr = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
     platform: Sr,
     ...l
-  }, r = {
+  }, i = {
     ...n.platform,
     _c: o
   };
   return ir(e, t, {
     ...n,
-    platform: r
+    platform: i
   });
 };
 function Tr(e) {
@@ -4976,16 +4976,16 @@ function fo(e, t, l) {
   const o = l.whileElementsMounted, n = V(() => {
     var k;
     return (k = Ie(l.open)) != null ? k : !0;
-  }), r = V(() => Ie(l.middleware)), a = V(() => {
+  }), i = V(() => Ie(l.middleware)), a = V(() => {
     var k;
     return (k = Ie(l.placement)) != null ? k : "bottom";
-  }), i = V(() => {
+  }), r = V(() => {
     var k;
     return (k = Ie(l.strategy)) != null ? k : "absolute";
   }), s = V(() => {
     var k;
     return (k = Ie(l.transform)) != null ? k : !0;
-  }), u = V(() => ut(e.value)), p = V(() => ut(t.value)), d = C(0), c = C(0), m = C(i.value), y = C(a.value), v = Ft({}), g = C(!1), $ = V(() => {
+  }), u = V(() => ut(e.value)), p = V(() => ut(t.value)), d = C(0), c = C(0), m = C(r.value), y = C(a.value), v = Ft({}), g = C(!1), $ = V(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -5009,9 +5009,9 @@ function fo(e, t, l) {
   let j;
   function x() {
     u.value == null || p.value == null || xr(u.value, p.value, {
-      middleware: r.value,
+      middleware: i.value,
       placement: a.value,
-      strategy: i.value
+      strategy: r.value
     }).then((k) => {
       d.value = k.x, c.value = k.y, m.value = k.strategy, y.value = k.placement, v.value = k.middlewareData, g.value = !0;
     });
@@ -5032,7 +5032,7 @@ function fo(e, t, l) {
   function P() {
     n.value || (g.value = !1);
   }
-  return K([r, a, i], x, {
+  return K([i, a, r], x, {
     flush: "sync"
   }), K([u, p], L, {
     flush: "sync"
@@ -5080,7 +5080,7 @@ const Br = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: r } = po, a = C(null), i = C(null), s = C(null), u = C(null), p = C(null), d = C(n.open), c = C(), m = C(
+    const o = l, n = e, { clearProductTourRef: i } = po, a = C(null), r = C(null), s = C(null), u = C(null), p = C(null), d = C(n.open), c = C(), m = C(
       fo(s, a, {
         placement: n.position,
         whileElementsMounted(...k) {
@@ -5121,13 +5121,13 @@ const Br = () => {
       }), (k = m.value) == null || k.update(), d.value = !0);
     }
     function g() {
-      d.value = !1, r(), P(), o("product-tour:hide");
+      d.value = !1, i(), P(), o("product-tour:hide");
     }
     function $(k) {
       s.value && (k.disableOverlay || j(), x(k.elementToHighlight));
     }
     function j() {
-      i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", g, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
+      r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", g, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function x(k) {
       k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = O(Xa), p.value = document.createElement("div"), p.value.classList.add(Jr), document.body.appendChild(p.value), kt(u.value, p.value), E());
@@ -5139,7 +5139,7 @@ const Br = () => {
       p.value.style.left = `calc(${window.scrollX + k - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + R - n.spotlightPadding}px`, p.value.style.width = `${J}px`, p.value.style.height = `${S}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
     }
     function L() {
-      i.value && i.value.remove();
+      r.value && r.value.remove();
     }
     function P() {
       L(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (kt(null, p.value), p.value.remove());
@@ -5246,7 +5246,7 @@ const Br = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = C(!1), n = e, r = l, { storeProductTourRef: a, clearProductTourRef: i } = po, s = C(), u = Ce(), p = V(() => {
+    const o = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = po, s = C(), u = Ce(), p = V(() => {
       if (o.value)
         return u;
     });
@@ -5254,11 +5254,11 @@ const Br = () => {
       a(s.value);
     }
     function c() {
-      r("product-tour:hide");
+      i("product-tour:hide");
     }
     function m(y = { fireHideEvent: !1 }) {
       var v;
-      (v = s.value) == null || v.hide(), i(), y.fireHideEvent && c();
+      (v = s.value) == null || v.hide(), r(), y.fireHideEvent && c();
     }
     return te(() => {
       o.value = !0, n.open && a(s.value);
@@ -5300,17 +5300,20 @@ const Br = () => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.productTour), r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, o = t, n = V(() => l.productTour), i = G(), a = V(() => i.default());
+    async function r() {
       var s;
       o("click"), n.value && ((s = n.value) == null || s.show());
     }
     return (s, u) => (f(!0), b(W, null, U(a.value, (p) => (f(), I(Q(p), {
       key: p,
-      onClick: i
+      onClick: r
     }))), 128));
   }
-}), Or = /* @__PURE__ */ B({
+}), Or = {
+  key: 0,
+  class: "joy-progress-bar-label joy-font-primary-450"
+}, Dr = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5335,26 +5338,40 @@ const Br = () => {
      */
     percentage: {
       type: Number
+    },
+    /** Display the actual progress value next to the bar */
+    showLabel: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(0), n = V(() => r());
-    function r() {
+    const l = e, o = C(0), n = V(() => i());
+    function i() {
       return l.percentage ? o.value = l.percentage : l.currentStep && l.steps ? o.value = Math.round(l.currentStep / l.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
     return t({
       computeInnerWidth: n,
       computedPercentage: o
-    }), (a, i) => (f(), b("div", {
-      class: T(["joy-progress-bar-wrapper", [`joy-progress-bar_${e.color}`]])
-    }, [
-      h("div", {
-        class: "joy-progress-bar-inner",
-        style: ee({ width: n.value })
-      }, null, 4)
-    ], 2));
+    }), (a, r) => (f(), I(re, {
+      wrap: "nowrap",
+      align: "center"
+    }, {
+      default: z(() => [
+        e.showLabel && e.percentage ? (f(), b("span", Or, M(e.percentage + "%"), 1)) : _("", !0),
+        h("div", {
+          class: T(["joy-progress-bar-wrapper", [`joy-progress-bar_${e.color}`]])
+        }, [
+          h("div", {
+            class: "joy-progress-bar-inner",
+            style: ee({ width: n.value })
+          }, null, 4)
+        ], 2)
+      ]),
+      _: 1
+    }));
   }
-}), bu = /* @__PURE__ */ A(Or, [["__scopeId", "data-v-14b07f95"]]), Dr = ["id", "value", "checked", "disabled", "required", "name"], Rr = { class: "joy-radio-label" }, Nr = { class: "joy-radio-content__wrapper" }, qr = { class: "joy-radio-content" }, Hr = /* @__PURE__ */ B({
+}), bu = /* @__PURE__ */ A(Dr, [["__scopeId", "data-v-59de6407"]]), Rr = ["id", "value", "checked", "disabled", "required", "name"], Nr = { class: "joy-radio-label" }, qr = { class: "joy-radio-content__wrapper" }, Hr = { class: "joy-radio-content" }, Wr = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5387,9 +5404,9 @@ const Br = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(!1), i = C(null), s = C(null), u = G(), p = V(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
+    const o = l, n = e, i = C(!1), a = C(!1), r = C(null), s = C(null), u = G(), p = V(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
     function d() {
-      r.value = !!u["expandable-content"] && p.value;
+      i.value = !!u["expandable-content"] && p.value;
     }
     function c() {
       o("update:modelValue", n.value), d();
@@ -5410,10 +5427,10 @@ const Br = () => {
       }
     ), t({
       checked: p,
-      isExpanded: r
+      isExpanded: i
     }), (v, g) => (f(), b("label", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: T([
         "joy-radio",
         `joy-radio--${e.theme}`,
@@ -5436,25 +5453,25 @@ const Br = () => {
         onChange: c,
         onFocus: m,
         onBlur: y
-      }, null, 40, Dr),
-      h("span", Rr, [
+      }, null, 40, Rr),
+      h("span", Nr, [
         w(v.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", Nr, [
-        h("div", qr, [
+      h("div", qr, [
+        h("div", Hr, [
           w(v.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
           ref_key: "expandableElement",
           ref: s,
-          class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
+          class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
           w(v.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
-}), wu = /* @__PURE__ */ A(Hr, [["__scopeId", "data-v-d684b26e"]]), Wr = ["form", "name"], Ur = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ A(Wr, [["__scopeId", "data-v-d684b26e"]]), Ur = ["form", "name"], Gr = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5475,9 +5492,9 @@ const Br = () => {
       }, [
         w(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Wr));
+    ], 8, Ur));
   }
-}), _u = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-ac4dd24e"]]), Gr = ["ariaLabel"], Yr = { class: "joy-rating-stars" }, Kr = { class: "joy-rating-stars__content" }, Zr = { key: 0 }, Xr = /* @__PURE__ */ B({
+}), _u = /* @__PURE__ */ A(Gr, [["__scopeId", "data-v-ac4dd24e"]]), Yr = ["ariaLabel"], Kr = { class: "joy-rating-stars" }, Zr = { class: "joy-rating-stars__content" }, Xr = { key: 0 }, Qr = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5497,29 +5514,29 @@ const Br = () => {
   },
   setup(e, { expose: t }) {
     const l = e, o = Ce(), n = V(() => {
-      let r = [], a = 0.24, i = 0.75;
+      let i = [], a = 0.24, r = 0.75;
       for (let s = 0; s < 5; s++)
-        l.ratingValue > a ? r.push(l.ratingValue < i ? "half" : "full") : r.push("empty"), a += 1, i += 1;
-      return r;
+        l.ratingValue > a ? i.push(l.ratingValue < r ? "half" : "full") : i.push("empty"), a += 1, r += 1;
+      return i;
     });
     return t({
       setStars: n
-    }), (r, a) => (f(), b("div", {
+    }), (i, a) => (f(), b("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
       ariaLabel: q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", Yr, [
-        (f(!0), b(W, null, U(n.value, (i, s) => (f(), b("li", {
+      h("ul", Kr, [
+        (f(!0), b(W, null, U(n.value, (r, s) => (f(), b("li", {
           key: s,
           class: T([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (f(), I(N, {
+          r === "full" ? (f(), I(N, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (f(), I(N, {
+          })) : r === "half" ? (f(), I(N, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
@@ -5532,14 +5549,14 @@ const Br = () => {
           }))
         ], 2))), 128))
       ]),
-      h("div", Kr, [
-        w(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (f(), b("span", Zr, "(" + M(e.reviewCount) + ")", 1)) : _("", !0)
+      h("div", Zr, [
+        w(i.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (f(), b("span", Xr, "(" + M(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
-    ], 8, Gr));
+    ], 8, Yr));
   }
-}), Qr = /* @__PURE__ */ A(Xr, [["__scopeId", "data-v-4c9a1026"]]), ei = ["id", "name", "aria-invalid", "required", "disabled"], ti = ["selected"], oi = /* @__PURE__ */ B({
+}), ei = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-4c9a1026"]]), ti = ["id", "name", "aria-invalid", "required", "disabled"], oi = ["selected"], ni = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -5583,28 +5600,28 @@ const Br = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = V(() => {
-      const v = r.default();
+    const o = e, n = l, i = G(), a = V(() => {
+      const v = i.default();
       let g = [];
       return v.forEach(($) => {
-        if (i($))
+        if (r($))
           g.push($);
         else {
           const j = $.children;
           if (typeof j == "string" || !j.length)
             return;
-          const x = j.filter(i);
+          const x = j.filter(r);
           g = [...g, ...x];
         }
       }), g;
     });
-    function i(v) {
+    function r(v) {
       return (v == null ? void 0 : v.type) === "option";
     }
     const s = C(), u = C(), p = C(!1), d = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     te(() => {
       var $;
-      const v = r["select-label"] && r["select-label"]();
+      const v = i["select-label"] && i["select-label"]();
       if (!v || !v.length)
         return;
       const g = v[0];
@@ -5678,9 +5695,9 @@ const Br = () => {
               ref_for: !0
             }, $.props, {
               selected: ((x = $.props) == null ? void 0 : x.value) === e.modelValue
-            }), M($.children), 17, ti);
+            }), M($.children), 17, oi);
           }), 128))
-        ], 40, ei),
+        ], 40, ti),
         O(N, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5688,7 +5705,7 @@ const Br = () => {
       ], 2)
     ], 512));
   }
-}), ju = /* @__PURE__ */ A(oi, [["__scopeId", "data-v-7e3adcd9"]]), ni = ["aria-disabled"], li = ["id", "value", "checked", "disabled", "required", "name"], ai = { class: "joy-selectable-item__label" }, ri = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-7e3adcd9"]]), li = ["aria-disabled"], ai = ["id", "value", "checked", "disabled", "required", "name"], ri = { class: "joy-selectable-item__label" }, ii = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5706,7 +5723,7 @@ const Br = () => {
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = Fe() + "--JoySelectableItem", n = e, r = C(), a = C(!1), i = n.multiple ? "div" : "label", s = V(() => n.id || o), u = {
+    const l = t, o = Fe() + "--JoySelectableItem", n = e, i = C(), a = C(!1), r = n.multiple ? "div" : "label", s = V(() => n.id || o), u = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
@@ -5741,7 +5758,7 @@ const Br = () => {
         key: 0,
         id: s.value,
         ref_key: "inputRadio",
-        ref: r,
+        ref: i,
         type: "radio",
         value: d.value,
         checked: d.checked,
@@ -5754,8 +5771,8 @@ const Br = () => {
         (...m) => u.onFocus && u.onFocus(...m)),
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...m) => u.onBlur && u.onBlur(...m))
-      }, null, 40, li)),
-      (f(), I(Q(q(i)), {
+      }, null, 40, ai)),
+      (f(), I(Q(q(r)), {
         for: s.value,
         class: T([
           "joy-selectable-item",
@@ -5788,7 +5805,7 @@ const Br = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : _("", !0),
-          h("div", ai, [
+          h("div", ri, [
             d.multiple ? _("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -5801,9 +5818,9 @@ const Br = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, ni));
+    ], 10, li));
   }
-}), ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-ce43afb6"]]), si = ["id"], ui = /* @__PURE__ */ B({
+}), si = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-ce43afb6"]]), ui = ["id"], di = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -5822,31 +5839,31 @@ const Br = () => {
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const l = t, o = e;
-    function n(i) {
-      return typeof o.value == "string" ? o.value === a(i) : (o.value || []).includes(a(i));
+    function n(r) {
+      return typeof o.value == "string" ? o.value === a(r) : (o.value || []).includes(a(r));
     }
-    function r(i, s) {
+    function i(r, s) {
       if (!o.multiple)
         return l("update:value", s);
       let u = [...o.value || []];
-      s && typeof s == "boolean" ? u.push(i) : u.splice(u.indexOf(i), 1), l("update:value", u);
+      s && typeof s == "boolean" ? u.push(r) : u.splice(u.indexOf(r), 1), l("update:value", u);
     }
-    function a(i) {
-      return o.valueKey && Object.prototype.hasOwnProperty.call(i, o.valueKey) ? i[o.valueKey] : i.value;
+    function a(r) {
+      return o.valueKey && Object.prototype.hasOwnProperty.call(r, o.valueKey) ? r[o.valueKey] : r.value;
     }
-    return (i, s) => (f(), b("fieldset", {
-      id: i.id,
+    return (r, s) => (f(), b("fieldset", {
+      id: r.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      i.label ? (f(), I(Ve, {
+      r.label ? (f(), I(Ve, {
         key: 0,
         "tag-name": "legend",
-        required: i.required && i.requiredMark,
-        "optional-label": i.optionalLabel,
-        size: i.labelSize
+        required: r.required && r.requiredMark,
+        "optional-label": r.optionalLabel,
+        size: r.labelSize
       }, {
         default: z(() => [
-          D(M(i.label), 1)
+          D(M(r.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
@@ -5854,26 +5871,26 @@ const Br = () => {
         class: T([
           "joy-selectable-item-group",
           {
-            "joy-selectable-item-group--multiple": i.multiple,
-            "joy-selectable-item-group--single": !i.multiple,
-            "joy-selectable-item-group--full": i.fullWidth
+            "joy-selectable-item-group--multiple": r.multiple,
+            "joy-selectable-item-group--single": !r.multiple,
+            "joy-selectable-item-group--full": r.fullWidth
           }
         ])
       }, [
-        (f(!0), b(W, null, U(i.options, (u) => (f(), I(ii, H({ ref_for: !0 }, u.attrs, {
+        (f(!0), b(W, null, U(r.options, (u) => (f(), I(si, H({ ref_for: !0 }, u.attrs, {
           id: u.id,
           key: u.id,
           name: u.name,
           disabled: u.disabled,
           value: a(u),
-          multiple: i.multiple,
+          multiple: r.multiple,
           variant: u.variant,
           checked: n(u),
-          "onUpdate:checked": (p) => r(a(u), p)
+          "onUpdate:checked": (p) => i(a(u), p)
         }), ft({
           default: z(() => [
-            w(i.$slots, "item", H({ ref_for: !0 }, u), () => [
-              D(M(i.labelKey && u[i.labelKey] || u.label), 1)
+            w(r.$slots, "item", H({ ref_for: !0 }, u), () => [
+              D(M(r.labelKey && u[r.labelKey] || u.label), 1)
             ], !0)
           ]),
           _: 2
@@ -5887,9 +5904,9 @@ const Br = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "variant", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, si));
+    ], 8, ui));
   }
-}), ku = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-55121685"]]), di = /* @__PURE__ */ B({
+}), ku = /* @__PURE__ */ A(di, [["__scopeId", "data-v-55121685"]]), ci = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -5908,10 +5925,10 @@ const Br = () => {
       h("span", null, M(e.text), 1)
     ], 2));
   }
-}), $u = /* @__PURE__ */ A(di, [["__scopeId", "data-v-21db2899"]]), ci = { class: "joy-snackbar__img joy-core-radius-6" }, fi = { class: "joy-snackbar__content" }, pi = {
+}), $u = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-21db2899"]]), fi = { class: "joy-snackbar__img joy-core-radius-6" }, pi = { class: "joy-snackbar__content" }, yi = {
   key: 0,
   class: "joy-mb-1"
-}, yi = ["innerHTML"], mi = /* @__PURE__ */ B({
+}, mi = ["innerHTML"], vi = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -5960,14 +5977,14 @@ const Br = () => {
   },
   setup(e, { expose: t }) {
     const l = e, o = C(!0);
-    let n, r;
-    const a = "joy-snackbar-" + Xe(), i = V(() => Rt(l.level));
+    let n, i;
+    const a = "joy-snackbar-" + Xe(), r = V(() => Rt(l.level));
     function s() {
       var v;
       (v = l.bus) == null || v.emit("snackbar:action-click");
     }
     function u() {
-      n && clearTimeout(n), r && clearTimeout(r);
+      n && clearTimeout(n), i && clearTimeout(i);
     }
     function p() {
       var v;
@@ -5980,7 +5997,7 @@ const Br = () => {
       n = setTimeout(d, l.duration), m();
     }
     function m() {
-      r = setTimeout(function() {
+      i = setTimeout(function() {
         var v;
         (v = l.bus) == null || v.emit("snackbar:hide");
       }, l.duration + 300);
@@ -6007,16 +6024,16 @@ const Br = () => {
         id: a,
         class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        h("div", ci, [
+        h("div", fi, [
           O(N, {
             color: "white",
-            name: i.value,
+            name: r.value,
             size: "small"
           }, null, 8, ["name"])
         ]),
-        h("div", fi, [
-          e.header ? (f(), b("strong", pi, M(e.header), 1)) : _("", !0),
-          h("span", { innerHTML: e.message }, null, 8, yi),
+        h("div", pi, [
+          e.header ? (f(), b("strong", yi, M(e.header), 1)) : _("", !0),
+          h("span", { innerHTML: e.message }, null, 8, mi),
           e.actionText ? (f(), b("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
@@ -6037,10 +6054,10 @@ const Br = () => {
       ], 2)
     ], 2));
   }
-}), vi = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-544f38e7"]]), hi = ["id"], gi = { class: "joy-step__stroke" }, bi = {
+}), hi = /* @__PURE__ */ A(vi, [["__scopeId", "data-v-544f38e7"]]), gi = ["id"], bi = { class: "joy-step__stroke" }, wi = {
   key: 0,
   class: "joy-step__label"
-}, wi = /* @__PURE__ */ B({
+}, _i = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6074,7 +6091,7 @@ const Br = () => {
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(0.1), a = V(() => o.completed ? "100%" : i.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), i = V(() => o.currentSubStep > 0);
+    const o = e, n = l, i = C(0.1), a = V(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = V(() => o.currentSubStep > 0);
     function s(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
@@ -6087,11 +6104,11 @@ const Br = () => {
         `joy-step--size-${e.size}`,
         {
           "joy-step--completed": e.completed,
-          "joy-step--ongoing": i.value
+          "joy-step--ongoing": r.value
         }
       ])
     }, [
-      h("span", gi, [
+      h("span", bi, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6099,15 +6116,15 @@ const Br = () => {
       ]),
       O(ct, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (f(), b("span", bi, [
+          e.showLabel ? (f(), b("span", wi, [
             w(u.$slots, "default", {}, void 0, !0)
           ])) : _("", !0)
         ]),
         _: 3
       })
-    ], 10, hi));
+    ], 10, gi));
   }
-}), _i = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-3820cdf3"]]), ji = { class: "joy-stepper" }, ki = /* @__PURE__ */ B({
+}), ji = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-3820cdf3"]]), ki = { class: "joy-stepper" }, $i = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6122,7 +6139,7 @@ const Br = () => {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = G(), n = Se("VJoyStepperShowLabels", !0), r = V(() => {
+    const l = e, o = G(), n = Se("VJoyStepperShowLabels", !0), i = V(() => {
       const c = o.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(a) : c.filter(a);
     });
@@ -6130,18 +6147,18 @@ const Br = () => {
       var m;
       return ((m = c.type) == null ? void 0 : m.__name) === "VJoyStep";
     }
-    const i = V(() => l.step > 0 ? r.value[l.step - 1] : r.value[0]), s = V(() => i.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), u = V(() => s.value && i.value.props ? i.value.props["sub-steps"] : l.subStep), p = V(() => i.value.props === null ? i.value.type.props.subSteps.default : i.value.props["sub-steps"]);
+    const r = V(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = V(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), u = V(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), p = V(() => r.value.props === null ? r.value.type.props.subSteps.default : r.value.props["sub-steps"]);
     function d(c) {
       return c !== l.step - 1 ? 0 : u.value;
     }
     return t({
       currentItemSubStep: u,
-      steps: r,
+      steps: i,
       invalidSubStepValue: s
-    }), (c, m) => (f(), b("div", ji, [
-      (f(!0), b(W, null, U(r.value, (y, v) => {
+    }), (c, m) => (f(), b("div", ki, [
+      (f(!0), b(W, null, U(i.value, (y, v) => {
         var g;
-        return f(), I(_i, H({ ref_for: !0 }, y.props, {
+        return f(), I(ji, H({ ref_for: !0 }, y.props, {
           key: (g = y.props) == null ? void 0 : g.id,
           completed: v < e.step - 1,
           "current-sub-step": d(v),
@@ -6158,7 +6175,7 @@ const Br = () => {
       }), 128))
     ]));
   }
-}), Su = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-22705668"]]), $i = ["id", "aria-hidden", "aria-labelledby"], Si = /* @__PURE__ */ B({
+}), Su = /* @__PURE__ */ A($i, [["__scopeId", "data-v-22705668"]]), Si = ["id", "aria-hidden", "aria-labelledby"], Ci = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6190,7 +6207,7 @@ const Br = () => {
   },
   setup(e) {
     const t = e, l = Se("VJoyTabs", C("")), o = V(() => l.value === t.tab);
-    return (n, r) => (f(), b("div", {
+    return (n, i) => (f(), b("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": o.value ? void 0 : "true",
@@ -6201,12 +6218,12 @@ const Br = () => {
       })
     }, [
       w(n.$slots, "default", {}, void 0, !0)
-    ], 10, $i));
+    ], 10, Si));
   }
-}), Cu = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-a76a7c92"]]), Ci = ["id", "href", "aria-selected", "aria-controls"], Vi = {
+}), Cu = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-a76a7c92"]]), Vi = ["id", "href", "aria-selected", "aria-controls"], xi = {
   type: "button",
   tabindex: "-1"
-}, xi = /* @__PURE__ */ B({
+}, Ti = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6243,22 +6260,22 @@ const Br = () => {
   },
   emits: ["changeTab"],
   setup(e, { emit: t }) {
-    const l = t;
-    function o() {
-      l("changeTab");
+    const l = e, o = t, n = V(() => typeof l.notifications == "number");
+    function i() {
+      o("changeTab");
     }
-    function n(r) {
-      (r.code === "Enter" || r.code === "NumpadEnter") && l("changeTab");
+    function a(r) {
+      (r.code === "Enter" || r.code === "NumpadEnter") && o("changeTab");
     }
-    return (r, a) => (f(), b("a", {
+    return (r, s) => (f(), b("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
       "aria-controls": `job-tab-${e.tab}`,
       tabindex: "0",
       role: "tab",
-      onClick: o,
-      onKeydown: a[0] || (a[0] = (i) => n(i))
+      onClick: i,
+      onKeydown: s[0] || (s[0] = (u) => a(u))
     }, [
       h("div", {
         class: T({
@@ -6266,11 +6283,11 @@ const Br = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Vi, [
+        h("button", xi, [
           w(r.$slots, "default", {}, () => [
             D(M(e.label), 1)
           ], !0),
-          e.notifications ? (f(), I(Go, {
+          n.value ? (f(), I(Go, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6278,9 +6295,9 @@ const Br = () => {
           }, null, 8, ["number"])) : _("", !0)
         ])
       ], 2)
-    ], 40, Ci));
+    ], 40, Vi));
   }
-}), Ti = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-26b80ed6"]]), Ii = { class: "joy-tabs" }, Li = /* @__PURE__ */ B({
+}), Ii = /* @__PURE__ */ A(Ti, [["__scopeId", "data-v-8424823d"]]), Li = { class: "joy-tabs" }, Bi = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6290,10 +6307,10 @@ const Br = () => {
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = C(o.selectedTab);
+    const o = e, n = l, i = G(), a = C(o.selectedTab);
     Ze("VJoyTabs", a);
-    const i = C(null), s = C(null), u = C(!1), p = C(!1), d = V(() => {
-      const g = r.default();
+    const r = C(null), s = C(null), u = C(!1), p = C(!1), d = V(() => {
+      const g = i.default();
       return g.length === 1 && typeof g[0].type != "object" ? g[0].children.filter(c) : g.filter(c);
     });
     function c(g) {
@@ -6304,7 +6321,7 @@ const Br = () => {
       return g.props.tab === a.value;
     }
     function y() {
-      s.value && i.value && s.value.scrollWidth > i.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, u.value = s.value.scrollLeft + i.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, u.value = !1);
+      s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, u.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, u.value = !1);
     }
     function v(g, $ = !0) {
       g && $ && (a.value = g, n("update:selected-tab", g));
@@ -6323,10 +6340,10 @@ const Br = () => {
       (g = s.value) == null || g.removeEventListener("scroll", y);
     }), t({
       tabs: d
-    }), (g, $) => (f(), b("div", Ii, [
+    }), (g, $) => (f(), b("div", Li, [
       h("div", {
         ref_key: "buttonListWrapper",
-        ref: i,
+        ref: r,
         class: T({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": u.value,
@@ -6342,7 +6359,7 @@ const Br = () => {
           (f(!0), b(W, null, U(d.value, (j) => (f(), b("div", {
             key: j.props.tab
           }, [
-            O(Ti, {
+            O(Ii, {
               tab: j.props.tab,
               label: j.props.label,
               href: j.props.href,
@@ -6366,7 +6383,7 @@ const Br = () => {
       ])
     ]));
   }
-}), Vu = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-9aea2d41"]]), Bi = ["id", "role"], Ai = /* @__PURE__ */ B({
+}), Vu = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-9aea2d41"]]), Ai = ["id", "role"], Ei = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6384,7 +6401,7 @@ const Br = () => {
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const l = ["primary", "secondary"], o = t, n = e, r = V(() => ({
+    const l = ["primary", "secondary"], o = t, n = e, i = V(() => ({
       "joy-tag": !0,
       "joy-tag__selected": n.selected,
       "joy-tag__selectable": n.selectable || n.link,
@@ -6393,7 +6410,7 @@ const Br = () => {
       "joy-tag__disabled": n.disabled,
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
-    })), a = Fe() + "--JoyTag", i = V(() => n.id || a);
+    })), a = Fe() + "--JoyTag", r = V(() => n.id || a);
     function s() {
       o("remove", { value: n.value });
     }
@@ -6401,8 +6418,8 @@ const Br = () => {
       n.disabled || (o("click"), n.selectable && l.includes(n.variant) && o("selected", { selected: !n.selected, value: n.value }));
     }
     return (p, d) => (f(), b("span", {
-      id: i.value,
-      class: T([r.value]),
+      id: r.value,
+      class: T([i.value]),
       role: p.link || p.selectable ? "button" : void 0,
       onClick: u
     }, [
@@ -6424,9 +6441,9 @@ const Br = () => {
         onClick: To(s, ["stop"]),
         onKeydown: Oe(s, ["enter"])
       })) : _("", !0)
-    ], 10, Bi));
+    ], 10, Ai));
   }
-}), yo = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-9c079536"]]);
+}), yo = /* @__PURE__ */ A(Ei, [["__scopeId", "data-v-9c079536"]]);
 var be = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(be || {});
 function Mt(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6439,7 +6456,7 @@ function Mt(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholder"], Mi = { key: 0 }, Ji = { key: 1 }, Pi = /* @__PURE__ */ B({
+const zi = { class: "joy-tags-input__wrapper" }, Mi = ["id", "name", "placeholder"], Ji = { key: 0 }, Pi = { key: 1 }, Fi = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6454,14 +6471,14 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(o.modelValue), a = C(!1), i = C(null), s = C(o.invalid), u = C(null), p = V(() => o.validation === "email"), d = V(() => p.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), c = V(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = V(() => s.value && (!!d.value || !!c.value));
+    const o = e, n = l, i = C(o.modelValue), a = C(!1), r = C(null), s = C(o.invalid), u = C(null), p = V(() => o.validation === "email"), d = V(() => p.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), c = V(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = V(() => s.value && (!!d.value || !!c.value));
     function y() {
       p.value && s.value === !0 && (u.value = be.INVALID_EMAIL);
     }
     function v() {
       var F;
-      const S = r.value.map((Y) => Y.trim());
-      return S.filter((Y, se) => S.indexOf(Y) !== se).length ? !0 : (F = i.value) != null && F.value ? S.includes(i.value.value.trim()) : !1;
+      const S = i.value.map((Y) => Y.trim());
+      return S.filter((Y, se) => S.indexOf(Y) !== se).length ? !0 : (F = r.value) != null && F.value ? S.includes(r.value.value.trim()) : !1;
     }
     function g() {
       v() && (u.value = be.DUPLICATED_ENTRY);
@@ -6469,14 +6486,14 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
     function $(S) {
       var J;
       if (["Backspace"].includes(S.key)) {
-        if (((J = i.value) == null ? void 0 : J.value) !== "")
+        if (((J = r.value) == null ? void 0 : J.value) !== "")
           return;
-        r.value.pop(), n("update:modelValue", r.value), p.value && R();
+        i.value.pop(), n("update:modelValue", i.value), p.value && R();
       }
     }
     function j() {
       var S, J;
-      (S = i.value) != null && S.value && (r.value = [...r.value, (J = i.value) == null ? void 0 : J.value], i.value.value = "", n("update:modelValue", r.value));
+      (S = r.value) != null && S.value && (i.value = [...i.value, (J = r.value) == null ? void 0 : J.value], r.value.value = "", n("update:modelValue", i.value));
     }
     function x(S) {
       var J;
@@ -6485,7 +6502,7 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
           if (S.preventDefault(), R(), v()) {
             n("validation:error", be.DUPLICATED_ENTRY);
             return;
-          } else if ((J = i.value) != null && J.value && !Mt(i.value.value)) {
+          } else if ((J = r.value) != null && J.value && !Mt(r.value.value)) {
             n("validation:error", be.INVALID_EMAIL);
             return;
           }
@@ -6508,14 +6525,14 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
     }
     function P(S) {
       var J;
-      r.value = r.value.filter((F) => F !== S.value), n("update:modelValue", r.value), (J = i.value) == null || J.focus(), R();
+      i.value = i.value.filter((F) => F !== S.value), n("update:modelValue", i.value), (J = r.value) == null || J.focus(), R();
     }
     function k() {
       var J, F;
       let S = !1;
       if (p.value) {
-        let Y = r.value;
-        (J = i.value) != null && J.value && (Y = [...Y, (F = i.value) == null ? void 0 : F.value]), S = !Mt(Y);
+        let Y = i.value;
+        (J = r.value) != null && J.value && (Y = [...Y, (F = r.value) == null ? void 0 : F.value]), S = !Mt(Y);
       }
       s.value = S || v(), !S && v() && (u.value = null);
     }
@@ -6531,7 +6548,7 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: v
-    }), (S, J) => (f(), b("div", Ei, [
+    }), (S, J) => (f(), b("div", zi, [
       S.$slots.default ? (f(), I(Ve, {
         key: 0,
         id: S.name,
@@ -6551,7 +6568,7 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
           }
         ])
       }, [
-        (f(!0), b(W, null, U(r.value, (F) => (f(), I(yo, {
+        (f(!0), b(W, null, U(i.value, (F) => (f(), I(yo, {
           key: F,
           variant: S.variant,
           removable: !0,
@@ -6568,14 +6585,14 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
         h("input", {
           id: S.name,
           ref_key: "inputEl",
-          ref: i,
+          ref: r,
           type: "text",
           name: S.name,
           placeholder: S.placeholder,
           onKeydown: x,
           onFocus: E,
           onBlur: L
-        }, null, 40, zi)
+        }, null, 40, Mi)
       ], 2),
       m.value ? (f(), I(mt, {
         key: 1,
@@ -6583,15 +6600,15 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            c.value ? (f(), b("li", Mi, M(S.duplicationError), 1)) : _("", !0),
-            d.value ? (f(), b("li", Ji, M(S.invalidEmailError), 1)) : _("", !0)
+            c.value ? (f(), b("li", Ji, M(S.duplicationError), 1)) : _("", !0),
+            d.value ? (f(), b("li", Pi, M(S.invalidEmailError), 1)) : _("", !0)
           ])
         ]),
         _: 1
       })) : _("", !0)
     ]));
   }
-}), xu = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-f00760e9"]]), Fi = /* @__PURE__ */ B({
+}), xu = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-f00760e9"]]), Oi = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6631,13 +6648,13 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
       var p;
       return o.removable ? !1 : (p = o.modelValue) == null ? void 0 : p.includes(u.value);
     }
-    function r(u) {
+    function i(u) {
       return !o.modelValue || o.removable || u.removable ? !1 : u.selectable !== void 0 ? u.selectable : o.selectable;
     }
     function a(u) {
       return u.removable !== void 0 ? u.removable : o.removable;
     }
-    function i(u, p) {
+    function r(u, p) {
       let d = [];
       u.selected && !n(p) ? d = [...o.modelValue || [], p.value] : d = (o.modelValue || []).filter((c) => c !== p.value), l("update:modelValue", d);
     }
@@ -6651,17 +6668,17 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
         key: d.value || d.label,
         ref_for: !0
       }, d, {
-        selectable: r(d),
+        selectable: i(d),
         removable: a(d),
         variant: d.variant ? d.variant : e.variant,
         selected: n(d),
         onRemove: s,
-        onSelected: (c) => i(c, d)
+        onSelected: (c) => r(c, d)
       }), {
         default: z(() => [
           w(u.$slots, "tag", H({ ref_for: !0 }, {
             ...d,
-            selectable: r(d),
+            selectable: i(d),
             selected: n(d),
             removable: a(d)
           }), void 0, !0)
@@ -6670,36 +6687,36 @@ const Ei = { class: "joy-tags-input__wrapper" }, zi = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Tu = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-1d8003ef"]]), Oi = {}, Di = {
+}), Tu = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-1d8003ef"]]), Di = {}, Ri = {
   class: /* @__PURE__ */ T(["joy-template-shape__shapes"])
 };
-function Ri(e, t) {
-  return f(), b("div", Di, t[0] || (t[0] = [
+function Ni(e, t) {
+  return f(), b("div", Ri, t[0] || (t[0] = [
     Ot('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46"]]), qi = { class: "joy-template__wrapper" }, Hi = {
+const qi = /* @__PURE__ */ A(Di, [["render", Ni], ["__scopeId", "data-v-da63aa46"]]), Hi = { class: "joy-template__wrapper" }, Wi = {
   key: 0,
   class: "joy-template__heading"
-}, Wi = {
+}, Ui = {
   key: 0,
   class: "joy-template-slot-back"
-}, Ui = { class: "joy-template__heading___headings" }, Gi = {
+}, Gi = { class: "joy-template__heading___headings" }, Yi = {
   key: 0,
   class: "joy-template-slot-title"
-}, Yi = {
+}, Ki = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Ki = {
+}, Zi = {
   key: 1,
   class: "joy-template-slot-actions"
-}, Zi = {
+}, Xi = {
   key: 0,
   class: "joy-template-slot-main"
-}, Xi = {
+}, Qi = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Qi = /* @__PURE__ */ B({
+}, es = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6721,24 +6738,24 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
   },
   setup(e) {
     const t = e, l = G(), o = V(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
-    return (n, r) => (f(), b("div", {
+    return (n, i) => (f(), b("div", {
       class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (f(), I(Ni, { key: 0 })) : _("", !0),
-      h("div", qi, [
-        o.value ? (f(), b("div", Hi, [
-          l["template-back"] ? (f(), b("div", Wi, [
+      e.shapes ? (f(), I(qi, { key: 0 })) : _("", !0),
+      h("div", Hi, [
+        o.value ? (f(), b("div", Wi, [
+          l["template-back"] ? (f(), b("div", Ui, [
             w(n.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
-          h("div", Ui, [
-            l["template-title"] ? (f(), b("div", Gi, [
+          h("div", Gi, [
+            l["template-title"] ? (f(), b("div", Yi, [
               w(n.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
-            l["template-subtitle"] ? (f(), b("div", Yi, [
+            l["template-subtitle"] ? (f(), b("div", Ki, [
               w(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
-          l["template-actions"] ? (f(), b("div", Ki, [
+          l["template-actions"] ? (f(), b("div", Zi, [
             w(n.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
@@ -6750,10 +6767,10 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          n.$slots["template-main"] ? (f(), b("div", Zi, [
+          n.$slots["template-main"] ? (f(), b("div", Xi, [
             w(n.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
-          n.$slots["template-sidebar"] ? (f(), b("div", Xi, [
+          n.$slots["template-sidebar"] ? (f(), b("div", Qi, [
             w(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
@@ -6770,7 +6787,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : _("", !0)
     ], 2));
   }
-}), Iu = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-8e1d59ca"]]), es = /* @__PURE__ */ B({
+}), Iu = /* @__PURE__ */ A(es, [["__scopeId", "data-v-8e1d59ca"]]), ts = /* @__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 */
@@ -6794,13 +6811,13 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Lu = /* @__PURE__ */ A(es, [["__scopeId", "data-v-6295f9ec"]]), ts = ["aria-disabled"], os = { class: "joy-textarea_wrapper" }, ns = ["id", "disabled", "name", "required", "minlength", "value"], ls = {
+}), Lu = /* @__PURE__ */ A(ts, [["__scopeId", "data-v-6295f9ec"]]), os = ["aria-disabled"], ns = { class: "joy-textarea_wrapper" }, ls = ["id", "disabled", "name", "required", "minlength", "value"], as = {
   key: 1,
   class: "joy-textarea_helpers"
-}, as = {
+}, rs = {
   inheritAttrs: !1
-}, rs = /* @__PURE__ */ B({
-  ...as,
+}, is = /* @__PURE__ */ B({
+  ...rs,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -6858,11 +6875,11 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = G(), a = C(), { triggerResize: i } = mn({
+    const o = l, n = e, i = G(), a = C(), { triggerResize: r } = mn({
       element: n.autogrow ? a : void 0
     }), s = C(!1), u = C(!1);
     vt(a, n.autofocus);
-    const p = V(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = V(() => n.minlength ? n.modelValue.length < n.minlength : !1), c = V(() => !!(n.label || r.default)), m = {
+    const p = V(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = V(() => n.minlength ? n.modelValue.length < n.minlength : !1), c = V(() => !!(n.label || i.default)), m = {
       onInput: (y) => {
         n.modelModifiers.lazy || o("update:modelValue", y.target.value), m.triggerResize();
       },
@@ -6879,7 +6896,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
        * Here we store the function in an object to more easily test it with vitest.
        * There is an issue when we try to use spyOn vm object directly.
        * */
-      triggerResize: i
+      triggerResize: r
     };
     return K(
       () => n.modelValue,
@@ -6891,7 +6908,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       isInvalid: s,
       valueOverMaxlength: p,
       valueUnderMinlength: d,
-      triggerResize: i,
+      triggerResize: r,
       eventHandlers: m
     }), (y, v) => (f(), b("div", {
       "aria-disabled": e.disabled,
@@ -6919,7 +6936,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      h("div", os, [
+      h("div", ns, [
         h("textarea", H(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -6938,9 +6955,9 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
           (...g) => m.onFocus && m.onFocus(...g)),
           onBlur: v[3] || (v[3] = //@ts-ignore
           (...g) => m.onBlur && m.onBlur(...g))
-        }), null, 16, ns)
+        }), null, 16, ls)
       ]),
-      e.minlength || e.maxlength ? (f(), b("div", ls, [
+      e.minlength || e.maxlength ? (f(), b("div", as, [
         e.minlength ? (f(), b("p", {
           key: 0,
           class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -6958,9 +6975,9 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
           class: T(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
         }, M(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
       ])) : _("", !0)
-    ], 10, ts));
+    ], 10, os));
   }
-}), Bu = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-52e4553a"]]), is = { class: "joy-toggle__wrapper" }, ss = ["name", "disabled", "checked", "required", "aria-checked", "value"], us = { class: "joy-toggle__content" }, ds = { class: "joy-toggle__content-label" }, cs = /* @__PURE__ */ B({
+}), Bu = /* @__PURE__ */ A(is, [["__scopeId", "data-v-52e4553a"]]), ss = { class: "joy-toggle__wrapper" }, us = ["name", "disabled", "checked", "required", "aria-checked", "value"], ds = { class: "joy-toggle__content" }, cs = { class: "joy-toggle__content-label" }, fs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -6997,8 +7014,8 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
     const l = t;
     G();
     const o = C(!1), n = {
-      onChange: (r) => {
-        const a = r.target.checked;
+      onChange: (i) => {
+        const a = i.target.checked;
         l("update:modelValue", a);
       },
       onFocus: () => {
@@ -7008,7 +7025,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (r, a) => (f(), b("div", is, [
+    return (i, a) => (f(), b("div", ss, [
       h("label", {
         class: T([
           "joy-toggle",
@@ -7031,16 +7048,16 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
           "aria-checked": e.modelValue,
           value: e.value,
           onChange: a[0] || (a[0] = //@ts-ignore
-          (...i) => n.onChange && n.onChange(...i)),
+          (...r) => n.onChange && n.onChange(...r)),
           onFocus: a[1] || (a[1] = //@ts-ignore
-          (...i) => n.onFocus && n.onFocus(...i)),
+          (...r) => n.onFocus && n.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
-          (...i) => n.onBlur && n.onBlur(...i))
-        }, null, 40, ss),
-        h("p", us, [
+          (...r) => n.onBlur && n.onBlur(...r))
+        }, null, 40, us),
+        h("p", ds, [
           a[3] || (a[3] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
-          h("span", ds, [
-            w(r.$slots, "default", {}, () => [
+          h("span", cs, [
+            w(i.$slots, "default", {}, () => [
               D(M(e.label), 1)
             ], !0)
           ]),
@@ -7062,7 +7079,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Au = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-99a4c774"]]), fs = /* @__PURE__ */ B({
+}), Au = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-99a4c774"]]), ps = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7106,8 +7123,8 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e, { expose: t }) {
-    const l = G(), o = e, n = C(!1), r = C(null), a = C(null), i = C(null), s = C(), u = C(
-      fo(r, i, {
+    const l = G(), o = e, n = C(!1), i = C(null), a = C(null), r = C(null), s = C(), u = C(
+      fo(i, r, {
         placement: o.placement,
         transform: !1,
         middleware: [
@@ -7162,7 +7179,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       n.value = !1;
     }), t({
       tooltipVisible: n,
-      tooltip: i
+      tooltip: r
     }), ($, j) => (f(), I(q(yt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
@@ -7174,7 +7191,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
         return [
           h("div", {
             ref_key: "tooltipWrapper",
-            ref: r,
+            ref: i,
             class: "joy-tooltip__wrapper",
             onClick: y,
             onMouseenter: c,
@@ -7186,7 +7203,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
               n.value && d.value ? (f(), b("div", {
                 key: 0,
                 ref_key: "tooltip",
-                ref: i,
+                ref: r,
                 role: "tooltip",
                 class: T([
                   "joy-tooltip__content",
@@ -7220,7 +7237,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["options"]));
   }
-}), Eu = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-711b68c7"]]), ps = { class: "joy-user-card__picture" }, ys = { class: "joy-user-card__informations" }, ms = { class: "joy-user-card__title" }, vs = { class: "joy-user-card__subtitle" }, hs = /* @__PURE__ */ B({
+}), Eu = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-711b68c7"]]), ys = { class: "joy-user-card__picture" }, ms = { class: "joy-user-card__informations" }, vs = { class: "joy-user-card__title" }, hs = { class: "joy-user-card__subtitle" }, gs = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7253,7 +7270,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", ps, [
+        h("div", ys, [
           w(t.$slots, "user-card-avatar", {}, () => [
             O(No, {
               "photo-url": e.photoUrl,
@@ -7261,19 +7278,19 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", ys, [
-          h("p", ms, [
+        h("div", ms, [
+          h("p", vs, [
             w(t.$slots, "user-card-title", {}, () => [
               D(M(e.fullName), 1)
             ], !0)
           ]),
-          h("p", vs, [
+          h("p", hs, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               D(M(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (f(), I(Qr, {
+            e.ratingValue ? (f(), I(ei, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : _("", !0)
@@ -7286,13 +7303,13 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), zu = /* @__PURE__ */ A(hs, [["__scopeId", "data-v-86acec3a"]]), gs = { class: "joy-walkthrough-trigger__content" }, bs = {
+}), zu = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-86acec3a"]]), bs = { class: "joy-walkthrough-trigger__content" }, ws = {
   key: 0,
   class: "joy-pr-3"
-}, ws = {
+}, _s = {
   key: 1,
   class: "joy-pl-3"
-}, _s = /* @__PURE__ */ B({
+}, js = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7303,7 +7320,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
   setup(e) {
     const l = C(e.open);
     return (o, n) => {
-      const r = dt("joy-ripple");
+      const i = dt("joy-ripple");
       return Ke((f(), b("button", H(o.$attrs, {
         type: "button",
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
@@ -7315,9 +7332,9 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : _("", !0),
-        h("div", gs, [
-          o.title ? (f(), b("span", bs, M(o.title), 1)) : _("", !0),
-          o.subtitle ? (f(), b("span", ws, M(o.subtitle), 1)) : _("", !0)
+        h("div", bs, [
+          o.title ? (f(), b("span", ws, M(o.title), 1)) : _("", !0),
+          o.subtitle ? (f(), b("span", _s, M(o.subtitle), 1)) : _("", !0)
         ]),
         O(N, {
           class: "joy-ml-3",
@@ -7325,12 +7342,15 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
           name: l.value ? "chevron-down" : "chevron-up"
         }, null, 8, ["name"])
       ], 16)), [
-        [r]
+        [i]
       ]);
     };
   }
-}), js = /* @__PURE__ */ A(_s, [["__scopeId", "data-v-56824d11"]]), ks = { class: "joy-walkthrough-modal__illustration" }, $s = { class: "joy-walkthrough-modal__content___titles" }, Ss = { class: "joy-walkthrough-modal__content___title" }, Cs = { class: "joy-walkthrough-modal__content___subtitle" }, Vs = { class: "joy-font-primary-450" }, xs = { style: { flex: "1" } }, Ts = {
+}), ks = /* @__PURE__ */ A(js, [["__scopeId", "data-v-56824d11"]]), $s = { class: "joy-walkthrough-modal__illustration" }, Ss = { class: "joy-walkthrough-modal__content___titles" }, Cs = { class: "joy-walkthrough-modal__content___title" }, Vs = { class: "joy-walkthrough-modal__content___subtitle" }, xs = {
   key: 0,
+  class: "joy-mt-4"
+}, Ts = {
+  key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
 }, Is = {
   type: "button",
@@ -7342,7 +7362,6 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
     triggerTitle: {},
     triggerSubtitle: {},
     triggerIcon: {},
-    progress: { default: 0 },
     footer: {},
     triggerAttrs: {},
     disableTeleport: { type: Boolean }
@@ -7350,8 +7369,8 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
   emits: ["hide", "hide:header", "hide:footer"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l;
-    let r = null;
-    const a = C(o.open), i = C(!1);
+    let i = null;
+    const a = C(o.open), r = C(!1);
     function s() {
       a.value ? d() : a.value = !0;
     }
@@ -7362,8 +7381,8 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       d(), n("hide"), n("hide:footer");
     }
     function d() {
-      r && clearTimeout(r), i.value = !0, r = setTimeout(() => {
-        a.value = !1, i.value = !1;
+      i && clearTimeout(i), r.value = !0, i = setTimeout(() => {
+        a.value = !1, r.value = !1;
       }, 200);
     }
     return K(
@@ -7381,7 +7400,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
         class: T(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !a.value }])
       }, [
         a.value ? (f(), b("div", H({ key: 0 }, c.$attrs, {
-          class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": i.value }]
+          class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": r.value }]
         }), [
           O(re, {
             "no-margin": "",
@@ -7420,32 +7439,23 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", ks, [
+                h("div", $s, [
                   w(c.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", $s, [
-                  h("div", Ss, [
+                h("div", Ss, [
+                  h("div", Cs, [
                     w(c.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Cs, [
+                  h("div", Vs, [
                     w(c.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            O(re, {
-              "no-margin": "",
-              class: "joy-mt-4"
-            }, {
-              default: z(() => [
-                h("span", Vs, M(c.progress + "%"), 1),
-                h("div", xs, [
-                  w(c.$slots, "walkthrough-progress", {}, void 0, !0)
-                ])
-              ]),
-              _: 3
-            }),
+            c.$slots["walkthrough-progress"] ? (f(), b("div", xs, [
+              w(c.$slots, "walkthrough-progress", {}, void 0, !0)
+            ])) : _("", !0),
             c.$slots["walkthrough-content"] ? (f(), b("div", Ts, [
               w(c.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : _("", !0)
@@ -7458,7 +7468,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
             h("button", Is, M(c.footer), 1)
           ])) : _("", !0)
         ], 16)) : _("", !0),
-        a.value ? _("", !0) : (f(), I(js, H({ key: 1 }, c.triggerAttrs, {
+        a.value ? _("", !0) : (f(), I(ks, H({ key: 1 }, c.triggerAttrs, {
           title: c.triggerTitle,
           subtitle: c.triggerSubtitle,
           icon: c.triggerIcon,
@@ -7468,7 +7478,7 @@ const Ni = /* @__PURE__ */ A(Oi, [["render", Ri], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Mu = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-a781459b"]]);
+}), Mu = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-c1a50091"]]);
 function Bs(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, l) {
     var o = e.get(t);
@@ -7517,21 +7527,21 @@ function Ms(e = { appendTo: "body", defaultMountSelector: mo }) {
     `, document.head.appendChild(l), 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) {
-  var r, a;
+  var i, a;
   We++;
   let t, l;
   const o = As();
   t = Io(
-    vi,
+    hi,
     Object.assign(e.props, {
       bus: o,
       instanceNb: We
     })
   );
   const n = document.createElement("div");
-  return n.classList.add("joy-snackbar__shell"), l = `${Es}${We}`, n.id = l, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(n) : (a = document.getElementById(mo)) == null || a.appendChild(n), t.use(zs).mount("#" + l), vo.push(t), o.on("snackbar:hide", () => {
-    var i;
-    t.unmount(), (i = document.getElementById(l)) == null || i.remove();
+  return n.classList.add("joy-snackbar__shell"), l = `${Es}${We}`, n.id = l, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(n) : (a = document.getElementById(mo)) == null || a.appendChild(n), t.use(zs).mount("#" + l), vo.push(t), o.on("snackbar:hide", () => {
+    var r;
+    t.unmount(), (r = document.getElementById(l)) == null || r.remove();
   }), {
     snackbarEventBus: o,
     snackbarApp: t
@@ -7559,17 +7569,17 @@ export {
   bu as R,
   wu as S,
   _u as T,
-  Qr as U,
+  ei as U,
   Fs as V,
   Gt as W,
   ju as X,
-  ii as Y,
+  si as Y,
   ku as Z,
   qs as _,
   No as a,
-  vi as a0,
+  hi as a0,
   Nt as a1,
-  _i as a2,
+  ji as a2,
   Su as a3,
   Cu as a4,
   Vu as a5,
@@ -7577,14 +7587,14 @@ export {
   xu as a7,
   Tu as a8,
   Iu as a9,
-  Ni as aa,
+  qi as aa,
   Lu as ab,
   Bu as ac,
   Au as ad,
   Eu as ae,
   zu as af,
   Mu as ag,
-  js as ah,
+  ks as ah,
   re as ai,
   Ms as aj,
   Lo as ak,