@maltjoy/core-vue 5.22.1 → 5.22.2-next.1

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as oe, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as $o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as F, createBlock as T, resolveDynamicComponent as Q, mergeProps as q, withCtx as z, renderSlot as w, provide as ne, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as Co, readonly as So, customRef as xo, shallowRef as Nt, watch as W, nextTick as Fe, getCurrentInstance as Vo, h as To, Teleport as Te, shallowReadonly as Ie, onBeforeUnmount as Je, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as Io, useModel as Lo, mergeModels as Bo, createStaticVNode as Ht, createPropsRestProxy as Ao, vShow as Eo, render as Ct, withModifiers as zo } from "vue";
+import { defineComponent as B, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as oe, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as $o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as F, createBlock as T, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as w, provide as ne, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as Co, readonly as So, customRef as xo, shallowRef as Nt, watch as W, nextTick as Fe, getCurrentInstance as Vo, h as To, Teleport as Te, shallowReadonly as Ie, onBeforeUnmount as Je, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as Io, useModel as Lo, mergeModels as Bo, createStaticVNode as Ht, createPropsRestProxy as Ao, vShow as Eo, render as Ct, withModifiers as zo } from "vue";
 function St(e) {
   const t = e.target;
   if (!t)
@@ -309,7 +309,7 @@ const Xo = {
     typeof window < "u" && Yt(), e.directive("joy-ripple", Wt);
   }
 };
-function pu() {
+function mu() {
   Ue = 0, Kt = [];
 }
 function Yt(e = { appendTo: "body", defaultMountSelector: Gt }) {
@@ -330,7 +330,7 @@ function Yt(e = { appendTo: "body", defaultMountSelector: Gt }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function vu(e) {
+function pu(e) {
   var a, r;
   Ue++;
   let t, n;
@@ -364,7 +364,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), hu = /* @__PURE__ */ E(tn, [["__scopeId", "data-v-114794fd"]]), on = ["title"], nn = /* @__PURE__ */ B({
+}), vu = /* @__PURE__ */ E(tn, [["__scopeId", "data-v-114794fd"]]), on = ["title"], nn = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,7 +389,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ], 64)) : k("", !0)
     ], 10, on));
   }
-}), gu = /* @__PURE__ */ E(nn, [["__scopeId", "data-v-b3bb9092"]]), ln = ["src", "title", "alt", "loading"], an = {
+}), hu = /* @__PURE__ */ E(nn, [["__scopeId", "data-v-b3bb9092"]]), ln = ["src", "title", "alt", "loading"], an = {
   key: 0,
   class: "joy-avatar__strategy"
 }, rn = ["height"], sn = /* @__PURE__ */ B({
@@ -445,7 +445,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
         "joy-avatar__wrapper--has-photo": f.value
       }])
     }, [
-      (c(), T(Q(e.link ? "button" : "div"), q(s.value, {
+      (c(), T(X(e.link ? "button" : "div"), q(s.value, {
         title: e.fullName,
         class: [m.value],
         onClick: y
@@ -509,7 +509,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       w(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), bu = /* @__PURE__ */ E(cn, [["__scopeId", "data-v-66e67dbb"]]), dn = /* @__PURE__ */ B({
+}), gu = /* @__PURE__ */ E(cn, [["__scopeId", "data-v-66e67dbb"]]), dn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: { default: void 0 },
@@ -565,7 +565,7 @@ const Qo = { class: "joy-admin-banner" }, en = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), wu = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-f3f82e51"]]);
+}), bu = /* @__PURE__ */ E(fn, [["__scopeId", "data-v-f3f82e51"]]);
 var ee = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(ee || {}), Ge = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ge || {});
 const yn = { class: "joy-badge-level" }, mn = {
   key: 1,
@@ -707,7 +707,7 @@ const yn = { class: "joy-badge-level" }, mn = {
       ], 2)
     ]));
   }
-}), ju = /* @__PURE__ */ E(gn, [["__scopeId", "data-v-08a5e2c8"]]), bn = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ E(gn, [["__scopeId", "data-v-08a5e2c8"]]), bn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -744,7 +744,7 @@ const yn = { class: "joy-badge-level" }, mn = {
       })
     }, null, 6));
   }
-}), ku = /* @__PURE__ */ E(bn, [["__scopeId", "data-v-4da2c7cb"]]), wn = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ E(bn, [["__scopeId", "data-v-4da2c7cb"]]), wn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -811,7 +811,7 @@ const yn = { class: "joy-badge-level" }, mn = {
     const n = e, o = le(), l = De() + "--JoyButton", a = V(() => ["ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ generatedId: l }), (r, i) => {
       const u = dt("joy-ripple");
-      return Xe((c(), T(Q(F(o).href ? "a" : "button"), {
+      return Xe((c(), T(X(F(o).href ? "a" : "button"), {
         id: e.id,
         disabled: e.loading || F(o).disabled,
         type: F(o).type || "button",
@@ -1261,7 +1261,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       ], 16)) : k("", !0)
     ], 8, ["to"])) : k("", !0);
   }
-}), _u = /* @__PURE__ */ E(On, [["__scopeId", "data-v-0f122c0c"]]), $u = /* @__PURE__ */ B({
+}), ku = /* @__PURE__ */ E(On, [["__scopeId", "data-v-0f122c0c"]]), _u = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1273,7 +1273,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       var u;
       o("click"), (u = l.value) == null || u.show();
     }
-    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(Q(m), {
+    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(X(m), {
       key: m,
       onClick: i
     }))), 128));
@@ -1301,7 +1301,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       var m;
       a.value && (s.key !== "Enter" && s.key !== " " || (s.preventDefault(), !t.disabled && ((m = s.currentTarget) == null || m.click())));
     }
-    return (s, m) => (c(), T(Q(o.value), q(F(n), {
+    return (s, m) => (c(), T(X(o.value), q(F(n), {
       class: [
         "joy-button-card",
         `joy-button-card--align-${e.align}`,
@@ -1322,7 +1322,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       _: 3
     }, 16, ["class", "href", "role", "aria-disabled", "tabindex"]));
   }
-}), Cu = /* @__PURE__ */ E(Dn, [["__scopeId", "data-v-c87dff4c"]]), ve = "JoyFormElementContext", Rn = { class: "joy-checkbox__wrapper" }, Nn = { class: "joy-checkbox__input-wrapper" }, qn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Hn = { class: "joy-checkbox__content-wrapper" }, Wn = { class: "joy-checkbox__content" }, Un = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ E(Dn, [["__scopeId", "data-v-c87dff4c"]]), ve = "JoyFormElementContext", Rn = { class: "joy-checkbox__wrapper" }, Nn = { class: "joy-checkbox__input-wrapper" }, qn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Hn = { class: "joy-checkbox__content-wrapper" }, Wn = { class: "joy-checkbox__content" }, Un = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     indeterminate: { type: Boolean, default: !1 },
@@ -1533,7 +1533,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Fn = { class: "joy-bottom-shee
       }, 16, ["onUpdate:checked", "onFocus", "onBlur"])
     ], 34));
   }
-}), Su = /* @__PURE__ */ E(el, [["__scopeId", "data-v-2598ae39"]]), it = Math.min, tl = Math.max, ol = {
+}), Cu = /* @__PURE__ */ E(el, [["__scopeId", "data-v-2598ae39"]]), it = Math.min, tl = Math.max, ol = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1815,7 +1815,7 @@ const dl = 50, fl = async (e, t, n) => {
     }, p = bt(l), y = gt(p), g = await r.getDimensions(s), b = p === "y", $ = b ? "top" : "left", _ = b ? "bottom" : "right", j = b ? "clientHeight" : "clientWidth", x = a.reference[y] + a.reference[p] - f[p] - a.floating[y], A = f[p] - a.reference[p], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
     let C = L ? L[j] : 0;
     (!C || !await (r.isElement == null ? void 0 : r.isElement(L))) && (C = i.floating[j] || a.floating[y]);
-    const P = x / 2 - A / 2, M = C / 2 - g[y] / 2 - 1, X = it(d[$], M), O = it(d[_], M), U = X, G = C - g[y] - O, Z = C / 2 - g[y] / 2 + P, fe = rt(U, Z, G), ye = !u.arrow && Ne(l) != null && Z !== fe && a.reference[y] / 2 - (Z < U ? X : O) - g[y] / 2 < 0, re = ye ? Z < U ? Z - U : Z - G : 0;
+    const P = x / 2 - A / 2, M = C / 2 - g[y] / 2 - 1, Q = it(d[$], M), O = it(d[_], M), U = Q, G = C - g[y] - O, Z = C / 2 - g[y] / 2 + P, fe = rt(U, Z, G), ye = !u.arrow && Ne(l) != null && Z !== fe && a.reference[y] / 2 - (Z < U ? Q : O) - g[y] / 2 < 0, re = ye ? Z < U ? Z - U : Z - G : 0;
     return {
       [p]: f[p] + re,
       data: {
@@ -1855,12 +1855,12 @@ const dl = 50, fl = async (e, t, n) => {
       const $ = je(l), _ = me(i), j = je(i) === i, x = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), A = f || (j || !g ? [Ke(i)] : ll(i)), L = y !== "none";
       !f && L && A.push(...sl(i, g, y, x));
       const C = [i, ...A], P = await u.detectOverflow(t, b), M = [];
-      let X = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      let Q = ((o = a.flip) == null ? void 0 : o.overflows) || [];
       if (m && M.push(P[$]), d) {
         const Z = nl(l, r, x);
         M.push(P[Z[0]], P[Z[1]]);
       }
-      if (X = [...X, {
+      if (Q = [...Q, {
         placement: l,
         overflows: M
       }], !M.every((Z) => Z <= 0)) {
@@ -1868,22 +1868,22 @@ const dl = 50, fl = async (e, t, n) => {
         const Z = (((O = a.flip) == null ? void 0 : O.index) || 0) + 1, fe = C[Z];
         if (fe && (!(d === "alignment" ? _ !== me(fe) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        X.every((se) => me(se.placement) === _ ? se.overflows[0] > 0 : !0)))
+        Q.every((se) => me(se.placement) === _ ? se.overflows[0] > 0 : !0)))
           return {
             data: {
               index: Z,
-              overflows: X
+              overflows: Q
             },
             reset: {
               placement: fe
             }
           };
-        let ye = (U = X.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : U.placement;
+        let ye = (U = Q.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : U.placement;
         if (!ye)
           switch (p) {
             case "bestFit": {
               var G;
-              const re = (G = X.filter((se) => {
+              const re = (G = Q.filter((se) => {
                 if (L) {
                   const ge = me(se.placement);
                   return ge === _ || // Create a bias to the `y` side axis due to horizontal
@@ -2785,7 +2785,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       class: I(["joy-label__group", { "joy-label__group--standalone": !F(t) }])
     }, [
       h("div", Ml, [
-        (c(), T(Q(e.tagName), q({
+        (c(), T(X(e.tagName), q({
           "data-joy-form-label": "",
           class: ["joy-label", `joy-label--${e.size}`]
         }, n.$attrs), {
@@ -2885,7 +2885,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       ], 2)
     ], 8, Nl));
   }
-}), xu = /* @__PURE__ */ E(ql, [["__scopeId", "data-v-70dbe1be"]]), Hl = ["id"], Wl = { class: "joy-collapse-item__header-right" }, Ul = {
+}), Su = /* @__PURE__ */ E(ql, [["__scopeId", "data-v-70dbe1be"]]), Hl = ["id"], Wl = { class: "joy-collapse-item__header-right" }, Ul = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
 }, Gl = { class: "joy-collapse-item__summary___preview" }, Kl = ["aria-labelledby"], Yl = /* @__PURE__ */ B({
@@ -3065,19 +3065,19 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
         "onCollapseItem:close": () => f(b)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), v(H, null, K(s(b, "collapse-header-right"), ($, _) => (c(), T(Q($), { key: _ }))), 128))
+          (c(!0), v(H, null, K(s(b, "collapse-header-right"), ($, _) => (c(), T(X($), { key: _ }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), v(H, null, K(s(b, "collapse-preview"), ($, _) => (c(), T(Q($), { key: _ }))), 128))
+          (c(!0), v(H, null, K(s(b, "collapse-preview"), ($, _) => (c(), T(X($), { key: _ }))), 128))
         ]),
         default: z(() => [
-          (c(!0), v(H, null, K(s(b, "default"), ($, _) => (c(), T(Q($), { key: _ }))), 128))
+          (c(!0), v(H, null, K(s(b, "default"), ($, _) => (c(), T(X($), { key: _ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Vu = /* @__PURE__ */ E(Ql, [["__scopeId", "data-v-35744932"]]), ea = ["src", "alt", "title", "loading"], ta = /* @__PURE__ */ B({
+}), xu = /* @__PURE__ */ E(Ql, [["__scopeId", "data-v-35744932"]]), ea = ["src", "alt", "title", "loading"], ta = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -3125,7 +3125,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Tu = /* @__PURE__ */ E(ta, [["__scopeId", "data-v-2f1289c1"]]), oa = /* @__PURE__ */ B({
+}), Vu = /* @__PURE__ */ E(ta, [["__scopeId", "data-v-2f1289c1"]]), oa = /* @__PURE__ */ B({
   __name: "VJoyIconButton",
   props: {
     /** Name of the icon displayed inside the button */
@@ -3510,7 +3510,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Iu = /* @__PURE__ */ E(ya, [["__scopeId", "data-v-86fff334"]]), Lu = /* @__PURE__ */ B({
+}), Tu = /* @__PURE__ */ E(ya, [["__scopeId", "data-v-86fff334"]]), Iu = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -3522,7 +3522,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       var u;
       l("click"), await ((u = o.value) == null ? void 0 : u.show());
     }
-    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(Q(m), {
+    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(X(m), {
       key: m,
       onClick: i
     }))), 128));
@@ -3758,7 +3758,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Bu = /* @__PURE__ */ E(wa, [["__scopeId", "data-v-29200965"]]), Au = /* @__PURE__ */ B({
+}), Lu = /* @__PURE__ */ E(wa, [["__scopeId", "data-v-29200965"]]), Bu = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -3770,7 +3770,7 @@ const El = ["aria-describedby"], zl = ["id"], Jl = /* @__PURE__ */ B({
       var u;
       o("click"), await ((u = l.value) == null ? void 0 : u.show());
     }
-    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(Q(m), {
+    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(X(m), {
       key: m,
       onClick: i
     }))), 128));
@@ -4167,7 +4167,7 @@ const Va = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), Eu = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-b597f860"]]), Ta = ["aria-hidden"], Ia = { key: 1 }, La = /* @__PURE__ */ B({
+}), Au = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-b597f860"]]), Ta = ["aria-hidden"], Ia = { key: 1 }, La = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -4200,26 +4200,30 @@ const Va = /* @__PURE__ */ B({
   },
   setup(e) {
     const t = Y();
-    return (n, o) => (c(), v("div", {
-      "data-joy-form-error": "",
-      "aria-hidden": e.visible,
-      class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
-      role: "alert"
-    }, [
-      D(N, {
-        class: "joy-icon-error",
-        name: "warning-triangle"
-      }),
-      h("div", null, [
-        t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Ia, [
-          (c(!0), v(H, null, K(e.errors, (l) => (c(), v("li", { key: l }, J(l), 1))), 128))
-        ])) : (c(), v(H, { key: 2 }, [
-          R(J(e.noHtmlErrorText), 1)
-        ], 64))
-      ])
-    ], 10, Ta));
+    return (n, o) => {
+      var l;
+      return t.default || (l = e.errors) != null && l.length || e.noHtmlErrorText ? (c(), v("div", {
+        key: 0,
+        "data-joy-form-error": "",
+        "aria-hidden": e.visible,
+        class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
+        role: "alert"
+      }, [
+        D(N, {
+          class: "joy-icon-error",
+          name: "warning-triangle"
+        }),
+        h("div", null, [
+          t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Ia, [
+            (c(!0), v(H, null, K(e.errors, (a) => (c(), v("li", { key: a }, J(a), 1))), 128))
+          ])) : (c(), v(H, { key: 2 }, [
+            R(J(e.noHtmlErrorText), 1)
+          ], 64))
+        ])
+      ], 10, Ta)) : k("", !0);
+    };
   }
-}), _t = /* @__PURE__ */ E(La, [["__scopeId", "data-v-de16f6d9"]]), Ba = { class: "joy-dropzone__icon-wrapper" }, Aa = /* @__PURE__ */ B({
+}), _t = /* @__PURE__ */ E(La, [["__scopeId", "data-v-cc934fa8"]]), Ba = { class: "joy-dropzone__icon-wrapper" }, Aa = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 },
@@ -4326,7 +4330,7 @@ const Va = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    return (t, n) => (c(), T(Q(e.href ? "a" : "button"), q({ href: e.href }, t.$attrs, {
+    return (t, n) => (c(), T(X(e.href ? "a" : "button"), q({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`],
       type: e.type
     }), {
@@ -4403,7 +4407,7 @@ const Va = /* @__PURE__ */ B({
     function x(O) {
       var G;
       const U = (G = O.target) == null ? void 0 : G.files;
-      o.disabled || !U || U.length === 0 || (i.value ? (X(i.value, Array.from(U)), i.value = void 0) : M(Array.from(U)));
+      o.disabled || !U || U.length === 0 || (i.value ? (Q(i.value, Array.from(U)), i.value = void 0) : M(Array.from(U)));
     }
     function A(O) {
       o.disabled || !O || O.length === 0 || (i.value = void 0, M(O));
@@ -4420,7 +4424,7 @@ const Va = /* @__PURE__ */ B({
     function M(O) {
       o.multiple ? C([...l.value, ...O]) : C([O[0]]);
     }
-    function X(O, [U, ...G]) {
+    function Q(O, [U, ...G]) {
       if (o.multiple) {
         const Z = [...l.value];
         Z[l.value.indexOf(O)] = U, Z.push(...G), C(Z);
@@ -4530,7 +4534,7 @@ const Va = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : k("", !0)
     ], 2));
   }
-}), zu = /* @__PURE__ */ E(Ka, [["__scopeId", "data-v-9f9a9756"]]), Ya = ["aria-label"], Za = { class: "joy-filter-bar__wrapper" }, Xa = /* @__PURE__ */ B({
+}), Eu = /* @__PURE__ */ E(Ka, [["__scopeId", "data-v-9f9a9756"]]), Ya = ["aria-label"], Za = { class: "joy-filter-bar__wrapper" }, Xa = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4547,7 +4551,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 8, Ya));
   }
-}), Ju = /* @__PURE__ */ E(Xa, [["__scopeId", "data-v-cb769d05"]]), Qa = /* @__PURE__ */ B({
+}), zu = /* @__PURE__ */ E(Xa, [["__scopeId", "data-v-cb769d05"]]), Qa = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -4585,7 +4589,7 @@ const Va = /* @__PURE__ */ B({
       })) : k("", !0)
     ], 2));
   }
-}), Pu = /* @__PURE__ */ E(Qa, [["__scopeId", "data-v-ef875842"]]), ei = { class: "floating-actions-bar__content" }, ti = { class: "floating-actions-bar__actions" }, oi = /* @__PURE__ */ B({
+}), Ju = /* @__PURE__ */ E(Qa, [["__scopeId", "data-v-ef875842"]]), ei = { class: "floating-actions-bar__content" }, ti = { class: "floating-actions-bar__actions" }, oi = /* @__PURE__ */ B({
   __name: "VJoyFloatingActionsBar",
   props: {
     height: { default: "92px" },
@@ -4626,7 +4630,7 @@ const Va = /* @__PURE__ */ B({
       ], 6)
     ], 8, ["to"])) : k("", !0);
   }
-}), Mu = /* @__PURE__ */ E(oi, [["__scopeId", "data-v-2d398d78"]]), ni = /* @__PURE__ */ B({
+}), Pu = /* @__PURE__ */ E(oi, [["__scopeId", "data-v-2d398d78"]]), ni = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -4664,7 +4668,7 @@ const Va = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), Fu = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3004f370"]]), li = /* @__PURE__ */ B({
+}), Mu = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3004f370"]]), li = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyFormGroup",
   setup(e) {
@@ -4672,7 +4676,7 @@ const Va = /* @__PURE__ */ B({
       w(t.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Ou = /* @__PURE__ */ E(li, [["__scopeId", "data-v-0424f0f1"]]), ai = { class: "joy-funnel__header" }, ii = { class: "funnel__header__inner" }, ri = /* @__PURE__ */ B({
+}), Fu = /* @__PURE__ */ E(li, [["__scopeId", "data-v-0424f0f1"]]), ai = { class: "joy-funnel__header" }, ii = { class: "funnel__header__inner" }, ri = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -4745,7 +4749,7 @@ const Va = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), Du = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-e2fccb79"]]), si = { class: "joy-funnel-footer" }, ui = { class: "joy-funnel-footer__left" }, ci = { class: "joy-funnel-footer__right" }, di = /* @__PURE__ */ B({
+}), Ou = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-e2fccb79"]]), si = { class: "joy-funnel-footer" }, ui = { class: "joy-funnel-footer__left" }, ci = { class: "joy-funnel-footer__right" }, di = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, n) => (c(), v("footer", si, [
@@ -4757,7 +4761,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ru = /* @__PURE__ */ E(di, [["__scopeId", "data-v-bdeeb2bd"]]), fi = { class: "joy-funnel-header" }, yi = { class: "joy-funnel-header__left" }, mi = { class: "joy-funnel-header__right" }, pi = /* @__PURE__ */ B({
+}), Du = /* @__PURE__ */ E(di, [["__scopeId", "data-v-bdeeb2bd"]]), fi = { class: "joy-funnel-header" }, yi = { class: "joy-funnel-header__left" }, mi = { class: "joy-funnel-header__right" }, pi = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, n) => (c(), v("header", fi, [
@@ -4769,7 +4773,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Nu = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-e423038b"]]), vi = { class: "joy-highlight__decorator" }, hi = { class: "joy-highlight__text" }, gi = { key: 0 }, bi = /* @__PURE__ */ B({
+}), Ru = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-e423038b"]]), vi = { class: "joy-highlight__decorator" }, hi = { class: "joy-highlight__text" }, gi = { key: 0 }, bi = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -4826,7 +4830,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), qu = /* @__PURE__ */ E(bi, [["__scopeId", "data-v-e5c2ff23"]]), wi = ["aria-label"], ji = /* @__PURE__ */ B({
+}), Nu = /* @__PURE__ */ E(bi, [["__scopeId", "data-v-e5c2ff23"]]), wi = ["aria-label"], ji = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -4905,7 +4909,7 @@ const Va = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), Hu = /* @__PURE__ */ E(_i, [["__scopeId", "data-v-f2dd63e9"]]), $i = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ci = ["data-unit"], Si = /* @__PURE__ */ B({
+}), qu = /* @__PURE__ */ E(_i, [["__scopeId", "data-v-f2dd63e9"]]), $i = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ci = ["data-unit"], Si = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -5231,7 +5235,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Wu = /* @__PURE__ */ E(Vi, [["__scopeId", "data-v-f359f1d1"]]), Ti = { class: "joy-input-unit" }, Ii = {
+}), Hu = /* @__PURE__ */ E(Vi, [["__scopeId", "data-v-f359f1d1"]]), Ti = { class: "joy-input-unit" }, Ii = {
   key: 0,
   class: "joy-input__unit___label"
 }, Li = { class: "joy-input__unit___label____text" }, Bi = /* @__PURE__ */ B({
@@ -5284,7 +5288,7 @@ const Va = /* @__PURE__ */ B({
       }, 16)
     ]));
   }
-}), Uu = /* @__PURE__ */ E(Bi, [["__scopeId", "data-v-1c0b98ad"]]), Ai = { class: "joy-input-password" }, Ei = /* @__PURE__ */ B({
+}), Wu = /* @__PURE__ */ E(Bi, [["__scopeId", "data-v-1c0b98ad"]]), Ai = { class: "joy-input-password" }, Ei = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInputPassword",
   props: {
@@ -5347,7 +5351,7 @@ const Va = /* @__PURE__ */ B({
       })) : k("", !0)
     ]));
   }
-}), Gu = /* @__PURE__ */ E(Ei, [["__scopeId", "data-v-48cbd09c"]]), zi = { class: "joy-list-item__left" }, Ji = { class: "joy-font-primary-300 joy-m-0" }, Pi = { class: "joy-list-item__right" }, Mi = /* @__PURE__ */ B({
+}), Uu = /* @__PURE__ */ E(Ei, [["__scopeId", "data-v-48cbd09c"]]), zi = { class: "joy-list-item__left" }, Ji = { class: "joy-font-primary-300 joy-m-0" }, Pi = { class: "joy-list-item__right" }, Mi = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -5383,7 +5387,7 @@ const Va = /* @__PURE__ */ B({
       })
     ]));
   }
-}), Ku = /* @__PURE__ */ E(Mi, [["__scopeId", "data-v-6c3750f0"]]), Fi = ["aria-activedescendant", "aria-label"], Oi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Di = { "aria-hidden": "true" }, Ri = /* @__PURE__ */ B({
+}), Gu = /* @__PURE__ */ E(Mi, [["__scopeId", "data-v-6c3750f0"]]), Fi = ["aria-activedescendant", "aria-label"], Oi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Di = { "aria-hidden": "true" }, Ri = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -5487,7 +5491,7 @@ const Va = /* @__PURE__ */ B({
       ], 40, Fi);
     };
   }
-}), Yu = /* @__PURE__ */ E(Ri, [["__scopeId", "data-v-b76ae1e8"]]), Ni = ["aria-disabled", "aria-current", "title", "aria-label"], qi = { class: "joy-menu-item__label joy-font-primary-400" }, Hi = /* @__PURE__ */ B({
+}), Ku = /* @__PURE__ */ E(Ri, [["__scopeId", "data-v-b76ae1e8"]]), Ni = ["aria-disabled", "aria-current", "title", "aria-label"], qi = { class: "joy-menu-item__label joy-font-primary-400" }, Hi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -5517,7 +5521,7 @@ const Va = /* @__PURE__ */ B({
       "aria-label": e.label,
       role: "menuitem"
     }, [
-      (c(), T(Q(e.disabled ? "div" : e.type), q({ ...r.value, ...u.$attrs }, {
+      (c(), T(X(e.disabled ? "div" : e.type), q({ ...r.value, ...u.$attrs }, {
         class: [
           "joy-menu-item__inner",
           {
@@ -5546,7 +5550,7 @@ const Va = /* @__PURE__ */ B({
       }, 16, ["class", "type"]))
     ], 8, Ni));
   }
-}), Zu = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-1a8cef6b"]]), Mt = /* @__PURE__ */ B({
+}), Yu = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-1a8cef6b"]]), Mt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5680,7 +5684,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 8, Wi));
   }
-}), Xu = /* @__PURE__ */ E(Yi, [["__scopeId", "data-v-7e82041f"]]), Zi = { class: "joy-screen-loader__content" }, Xi = {
+}), Zu = /* @__PURE__ */ E(Yi, [["__scopeId", "data-v-7e82041f"]]), Zi = { class: "joy-screen-loader__content" }, Xi = {
   key: 0,
   class: "joy-screen-loader__content"
 }, Qi = /* @__PURE__ */ B({
@@ -5810,7 +5814,7 @@ const Va = /* @__PURE__ */ B({
       }, 8, ["color"])) : k("", !0)
     ], 6));
   }
-}), Qu = /* @__PURE__ */ E(ir, [["__scopeId", "data-v-b4158802"]]), rr = { class: "joy-panel-section" }, sr = {
+}), Xu = /* @__PURE__ */ E(ir, [["__scopeId", "data-v-b4158802"]]), rr = { class: "joy-panel-section" }, sr = {
   key: 0,
   class: "joy-panel-section__title"
 }, ur = {
@@ -5829,7 +5833,7 @@ const Va = /* @__PURE__ */ B({
       ])) : k("", !0)
     ]));
   }
-}), ec = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-d88510ab"]]), dr = { class: "joy-password-requirement__label" }, fr = /* @__PURE__ */ B({
+}), Qu = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-d88510ab"]]), dr = { class: "joy-password-requirement__label" }, fr = /* @__PURE__ */ B({
   __name: "VJoyPasswordRequirement",
   props: {
     label: {},
@@ -5857,7 +5861,7 @@ const Va = /* @__PURE__ */ B({
       h("span", dr, J(t.label), 1)
     ], 16));
   }
-}), tc = /* @__PURE__ */ E(fr, [["__scopeId", "data-v-57c149c0"]]), yr = /* @__PURE__ */ B({
+}), ec = /* @__PURE__ */ E(fr, [["__scopeId", "data-v-57c149c0"]]), yr = /* @__PURE__ */ B({
   __name: "VJoyProductTourSpotlight",
   props: {
     disableOverlay: { type: Boolean }
@@ -5917,7 +5921,7 @@ const Va = /* @__PURE__ */ B({
         ]
       })
     ), y = V(() => {
-      const { middlewareData: C, placement: P } = p.value, M = C.arrow, X = {
+      const { middlewareData: C, placement: P } = p.value, M = C.arrow, Q = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -5928,7 +5932,7 @@ const Va = /* @__PURE__ */ B({
         top: (M == null ? void 0 : M.y) && `${M == null ? void 0 : M.y}px`,
         right: "",
         bottom: "",
-        [X]: "-12px"
+        [Q]: "-12px"
       };
     });
     function g() {
@@ -5953,8 +5957,8 @@ const Va = /* @__PURE__ */ B({
     function x() {
       if (!m.value)
         return;
-      const { left: C, top: P, height: M, width: X } = u.value.getBoundingClientRect();
-      m.value.style.left = `calc(${window.scrollX + C - l.spotlightPadding}px`, m.value.style.top = `${window.scrollY + P - l.spotlightPadding}px`, m.value.style.width = `${X}px`, m.value.style.height = `${M}px`, m.value.style.position = "absolute", m.value.style.padding = l.spotlightPadding + "px", m.value.style.boxSizing = "content-box";
+      const { left: C, top: P, height: M, width: Q } = u.value.getBoundingClientRect();
+      m.value.style.left = `calc(${window.scrollX + C - l.spotlightPadding}px`, m.value.style.top = `${window.scrollY + P - l.spotlightPadding}px`, m.value.style.width = `${Q}px`, m.value.style.height = `${M}px`, m.value.style.position = "absolute", m.value.style.padding = l.spotlightPadding + "px", m.value.style.boxSizing = "content-box";
     }
     function A() {
       i.value && i.value.remove();
@@ -6047,7 +6051,7 @@ const Va = /* @__PURE__ */ B({
       ]);
     };
   }
-}), kr = /* @__PURE__ */ E(jr, [["__scopeId", "data-v-a0dee67d"]]), oc = /* @__PURE__ */ B({
+}), kr = /* @__PURE__ */ E(jr, [["__scopeId", "data-v-a0dee67d"]]), tc = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -6111,7 +6115,7 @@ const Va = /* @__PURE__ */ B({
       }, 16)
     ]));
   }
-}), nc = /* @__PURE__ */ B({
+}), oc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -6123,7 +6127,7 @@ const Va = /* @__PURE__ */ B({
       var u;
       o("click"), l.value && ((u = l.value) == null || u.show());
     }
-    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(Q(m), {
+    return (u, s) => (c(!0), v(H, null, K(r.value, (m) => (c(), T(X(m), {
       key: m,
       onClick: i
     }))), 128));
@@ -6188,7 +6192,7 @@ const Va = /* @__PURE__ */ B({
       _: 1
     }, 8, ["class"]));
   }
-}), lc = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-fb2f0e09"]]), Sr = ["id", "value", "checked", "disabled", "required", "name"], xr = { class: "joy-radio-label" }, Vr = { class: "joy-radio-header-right" }, Tr = { class: "joy-radio-sublabel" }, Ir = { class: "joy-radio-content__wrapper" }, Lr = { class: "joy-radio-content" }, Br = /* @__PURE__ */ B({
+}), nc = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-fb2f0e09"]]), Sr = ["id", "value", "checked", "disabled", "required", "name"], xr = { class: "joy-radio-label" }, Vr = { class: "joy-radio-header-right" }, Tr = { class: "joy-radio-sublabel" }, Ir = { class: "joy-radio-content__wrapper" }, Lr = { class: "joy-radio-content" }, Br = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6305,7 +6309,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), ac = /* @__PURE__ */ E(Br, [["__scopeId", "data-v-6efefd03"]]), Ar = ["form", "name"], Er = /* @__PURE__ */ B({
+}), lc = /* @__PURE__ */ E(Br, [["__scopeId", "data-v-6efefd03"]]), Ar = ["form", "name"], Er = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -6329,7 +6333,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ], 8, Ar));
   }
-}), ic = /* @__PURE__ */ E(Er, [["__scopeId", "data-v-cc091c50"]]), zr = ["aria-label"], Jr = { class: "joy-rating-stars" }, Pr = { class: "joy-rating-stars__content" }, Mr = { key: 0 }, Fr = /* @__PURE__ */ B({
+}), ac = /* @__PURE__ */ E(Er, [["__scopeId", "data-v-cc091c50"]]), zr = ["aria-label"], Jr = { class: "joy-rating-stars" }, Pr = { class: "joy-rating-stars__content" }, Mr = { key: 0 }, Fr = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6547,7 +6551,7 @@ const Va = /* @__PURE__ */ B({
       ], 2)
     ], 512));
   }
-}), rc = /* @__PURE__ */ E(Nr, [["__scopeId", "data-v-d5d840bc"]]), qr = ["aria-disabled"], Hr = ["id", "value", "checked", "disabled", "required", "name"], Wr = { class: "joy-selectable-item__label" }, Ur = /* @__PURE__ */ B({
+}), ic = /* @__PURE__ */ E(Nr, [["__scopeId", "data-v-d5d840bc"]]), qr = ["aria-disabled"], Hr = ["id", "value", "checked", "disabled", "required", "name"], Wr = { class: "joy-selectable-item__label" }, Ur = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6614,7 +6618,7 @@ const Va = /* @__PURE__ */ B({
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...p) => s.onBlur && s.onBlur(...p))
       }, null, 40, Hr)),
-      (c(), T(Q(F(i)), {
+      (c(), T(X(F(i)), {
         for: u.value,
         class: I([
           "joy-selectable-item",
@@ -6758,7 +6762,7 @@ const Va = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : k("", !0)
     ], 8, Kr));
   }
-}), sc = /* @__PURE__ */ E(Yr, [["__scopeId", "data-v-83760d1d"]]), Zr = /* @__PURE__ */ B({
+}), rc = /* @__PURE__ */ E(Yr, [["__scopeId", "data-v-83760d1d"]]), Zr = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6777,7 +6781,7 @@ const Va = /* @__PURE__ */ B({
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), uc = /* @__PURE__ */ E(Zr, [["__scopeId", "data-v-21db2899"]]), Xr = ["id"], Qr = { class: "joy-step__stroke" }, es = {
+}), sc = /* @__PURE__ */ E(Zr, [["__scopeId", "data-v-21db2899"]]), Xr = ["id"], Qr = { class: "joy-step__stroke" }, es = {
   key: 0,
   class: "joy-step__label"
 }, ts = /* @__PURE__ */ B({
@@ -6890,7 +6894,7 @@ const Va = /* @__PURE__ */ B({
           default: z(() => {
             var $;
             return [
-              ($ = y.children) != null && $.default ? (c(), T(Q(y.children.default), { key: 0 })) : k("", !0)
+              ($ = y.children) != null && $.default ? (c(), T(X(y.children.default), { key: 0 })) : k("", !0)
             ];
           }),
           _: 2
@@ -6898,7 +6902,7 @@ const Va = /* @__PURE__ */ B({
       }), 128))
     ]));
   }
-}), cc = /* @__PURE__ */ E(ls, [["__scopeId", "data-v-22705668"]]), as = ["id", "aria-hidden", "aria-labelledby"], is = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ E(ls, [["__scopeId", "data-v-22705668"]]), as = ["id", "aria-hidden", "aria-labelledby"], is = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6931,7 +6935,7 @@ const Va = /* @__PURE__ */ B({
   setup(e) {
     const t = e, n = de("VJoyTabs", S("")), o = V(() => n.value === t.tab);
     return (l, a) => (c(), v("div", {
-      id: `joy-tab-${e.tab}`,
+      id: `joy-tab-panel-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": o.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
@@ -6943,10 +6947,7 @@ const Va = /* @__PURE__ */ B({
       w(l.$slots, "default", {}, void 0, !0)
     ], 10, as));
   }
-}), dc = /* @__PURE__ */ E(is, [["__scopeId", "data-v-60bfe6bd"]]), rs = ["id", "href", "aria-selected", "aria-controls"], ss = {
-  type: "button",
-  tabindex: "-1"
-}, us = /* @__PURE__ */ B({
+}), cc = /* @__PURE__ */ E(is, [["__scopeId", "data-v-de41713d"]]), rs = { class: "joy-tab-button__content" }, ss = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6990,23 +6991,21 @@ const Va = /* @__PURE__ */ B({
     function r(i) {
       (i.code === "Enter" || i.code === "NumpadEnter") && o("changeTab");
     }
-    return (i, u) => (c(), v("a", {
+    return (i, u) => (c(), T(X(e.href ? "a" : "button"), {
       id: `joy-tab-${e.tab}`,
+      type: e.href ? null : "button",
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
-      "aria-controls": `job-tab-${e.tab}`,
-      tabindex: "0",
       role: "tab",
+      class: I({
+        "joy-tab-button": !0,
+        "joy-tab-button__selected": e.selected
+      }),
       onClick: a,
       onKeydown: u[0] || (u[0] = (s) => r(s))
-    }, [
-      h("div", {
-        class: I({
-          "joy-tab-button": !0,
-          "joy-tab-button__selected": e.selected
-        })
-      }, [
-        h("button", ss, [
+    }, {
+      default: z(() => [
+        h("div", rs, [
           w(i.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0),
@@ -7017,10 +7016,11 @@ const Va = /* @__PURE__ */ B({
             number: e.notifications
           }, null, 8, ["number"])) : k("", !0)
         ])
-      ], 2)
-    ], 40, rs));
+      ]),
+      _: 3
+    }, 40, ["id", "type", "href", "aria-selected", "class"]));
   }
-}), cs = /* @__PURE__ */ E(us, [["__scopeId", "data-v-358b26cc"]]), ds = { class: "joy-tabs" }, fs = /* @__PURE__ */ B({
+}), us = /* @__PURE__ */ E(ss, [["__scopeId", "data-v-07b24e2a"]]), cs = { class: "joy-tabs" }, ds = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7063,7 +7063,7 @@ const Va = /* @__PURE__ */ B({
       (b = u.value) == null || b.removeEventListener("scroll", y);
     }), t({
       tabs: d
-    }), (b, $) => (c(), v("div", ds, [
+    }), (b, $) => (c(), v("div", cs, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: i,
@@ -7082,7 +7082,7 @@ const Va = /* @__PURE__ */ B({
           (c(!0), v(H, null, K(d.value, (_) => (c(), v("div", {
             key: _.props.tab
           }, [
-            D(cs, {
+            D(us, {
               tab: _.props.tab,
               label: _.props.label,
               href: _.props.href,
@@ -7093,7 +7093,7 @@ const Va = /* @__PURE__ */ B({
               default: z(() => {
                 var j;
                 return [
-                  (j = _.children) != null && j.header ? (c(), T(Q(_.children.header), { key: 0 })) : k("", !0)
+                  (j = _.children) != null && j.header ? (c(), T(X(_.children.header), { key: 0 })) : k("", !0)
                 ];
               }),
               _: 2
@@ -7106,7 +7106,7 @@ const Va = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), fc = /* @__PURE__ */ E(fs, [["__scopeId", "data-v-9aea2d41"]]), ys = ["id", "role", "tabindex"], ms = /* @__PURE__ */ B({
+}), dc = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-9aea2d41"]]), fs = ["id", "role", "tabindex"], ys = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7165,9 +7165,9 @@ const Va = /* @__PURE__ */ B({
         onClick: zo(u, ["stop"]),
         onKeydown: Re(u, ["enter"])
       })) : k("", !0)
-    ], 10, ys));
+    ], 10, fs));
   }
-}), ko = /* @__PURE__ */ E(ms, [["__scopeId", "data-v-4d8f5321"]]);
+}), ko = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-4d8f5321"]]);
 var Me = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Me || {});
 function Ft(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7180,7 +7180,7 @@ function Ft(e) {
       return o;
   }) === void 0 : t(e);
 }
-const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholder"], hs = { key: 0 }, gs = { key: 1 }, bs = /* @__PURE__ */ B({
+const ms = { class: "joy-tags-input__wrapper" }, ps = ["id", "name", "placeholder"], vs = { key: 0 }, hs = { key: 1 }, gs = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7207,8 +7207,8 @@ const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholde
       var P, M;
       let L = !1;
       if (m.value) {
-        let X = a.value;
-        (P = i.value) != null && P.value && (X = [...X, (M = i.value) == null ? void 0 : M.value]), L = !Ft(X);
+        let Q = a.value;
+        (P = i.value) != null && P.value && (Q = [...Q, (M = i.value) == null ? void 0 : M.value]), L = !Ft(Q);
       }
       const C = y();
       u.value = L || C, C ? s.value = Me.DUPLICATED_ENTRY : L ? s.value = Me.INVALID_EMAIL : s.value = null;
@@ -7252,7 +7252,7 @@ const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholde
     ), t({
       isInvalid: u,
       hasDuplicates: y
-    }), (L, C) => (c(), v("div", ps, [
+    }), (L, C) => (c(), v("div", ms, [
       L.$slots.default ? (c(), T(Pe, {
         key: 0,
         id: e.name,
@@ -7297,7 +7297,7 @@ const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholde
           onKeydown: _,
           onFocus: j,
           onBlur: x
-        }, null, 40, vs)
+        }, null, 40, ps)
       ], 2),
       p.value ? (c(), T(_t, {
         key: 1,
@@ -7305,15 +7305,15 @@ const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", hs, J(e.duplicationError), 1)) : k("", !0),
-            d.value ? (c(), v("li", gs, J(e.invalidEmailError), 1)) : k("", !0)
+            f.value ? (c(), v("li", vs, J(e.duplicationError), 1)) : k("", !0),
+            d.value ? (c(), v("li", hs, J(e.invalidEmailError), 1)) : k("", !0)
           ])
         ]),
         _: 1
       })) : k("", !0)
     ]));
   }
-}), yc = /* @__PURE__ */ E(bs, [["__scopeId", "data-v-efb84377"]]), ws = /* @__PURE__ */ B({
+}), fc = /* @__PURE__ */ E(gs, [["__scopeId", "data-v-efb84377"]]), bs = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7391,36 +7391,36 @@ const ps = { class: "joy-tags-input__wrapper" }, vs = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), mc = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-1d8003ef"]]), js = {}, ks = {
+}), yc = /* @__PURE__ */ E(bs, [["__scopeId", "data-v-1d8003ef"]]), ws = {}, js = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
-function _s(e, t) {
-  return c(), v("div", ks, [...t[0] || (t[0] = [
+function ks(e, t) {
+  return c(), v("div", js, [...t[0] || (t[0] = [
     Ht('<div class="shapes__wrapper" data-v-2077977e><div class="shape_1" data-v-2077977e></div><div class="shape_2" data-v-2077977e></div><div class="shape_3" data-v-2077977e></div><div class="shape_4" data-v-2077977e></div></div>', 1)
   ])]);
 }
-const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e"]]), Cs = { class: "joy-template__wrapper" }, Ss = {
+const _s = /* @__PURE__ */ E(ws, [["render", ks], ["__scopeId", "data-v-2077977e"]]), $s = { class: "joy-template__wrapper" }, Cs = {
   key: 0,
   class: "joy-template__heading"
-}, xs = {
+}, Ss = {
   key: 0,
   class: "joy-template-slot-back"
-}, Vs = { class: "joy-template__heading___headings" }, Ts = {
+}, xs = { class: "joy-template__heading___headings" }, Vs = {
   key: 0,
   class: "joy-template-slot-title"
-}, Is = {
+}, Ts = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Ls = {
+}, Is = {
   key: 1,
   class: "joy-template-slot-actions"
-}, Bs = {
+}, Ls = {
   key: 0,
   class: "joy-template-slot-main"
-}, As = {
+}, Bs = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Es = /* @__PURE__ */ B({
+}, As = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7445,21 +7445,21 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
     return (l, a) => (c(), v("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), T($s, { key: 0 })) : k("", !0),
-      h("div", Cs, [
-        o.value ? (c(), v("div", Ss, [
-          n["template-back"] ? (c(), v("div", xs, [
+      e.shapes ? (c(), T(_s, { key: 0 })) : k("", !0),
+      h("div", $s, [
+        o.value ? (c(), v("div", Cs, [
+          n["template-back"] ? (c(), v("div", Ss, [
             w(l.$slots, "template-back", {}, void 0, !0)
           ])) : k("", !0),
-          h("div", Vs, [
-            n["template-title"] ? (c(), v("div", Ts, [
+          h("div", xs, [
+            n["template-title"] ? (c(), v("div", Vs, [
               w(l.$slots, "template-title", {}, void 0, !0)
             ])) : k("", !0),
-            n["template-subtitle"] ? (c(), v("div", Is, [
+            n["template-subtitle"] ? (c(), v("div", Ts, [
               w(l.$slots, "template-subtitle", {}, void 0, !0)
             ])) : k("", !0)
           ]),
-          n["template-actions"] ? (c(), v("div", Ls, [
+          n["template-actions"] ? (c(), v("div", Is, [
             w(l.$slots, "template-actions", {}, void 0, !0)
           ])) : k("", !0)
         ])) : k("", !0),
@@ -7471,10 +7471,10 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
             }
           ])
         }, [
-          l.$slots["template-main"] ? (c(), v("div", Bs, [
+          l.$slots["template-main"] ? (c(), v("div", Ls, [
             w(l.$slots, "template-main", {}, void 0, !0)
           ])) : k("", !0),
-          l.$slots["template-sidebar"] ? (c(), v("div", As, [
+          l.$slots["template-sidebar"] ? (c(), v("div", Bs, [
             w(l.$slots, "template-sidebar", {}, void 0, !0)
           ])) : k("", !0)
         ], 2)
@@ -7491,7 +7491,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       }, 8, ["color"])) : k("", !0)
     ], 2));
   }
-}), pc = /* @__PURE__ */ E(Es, [["__scopeId", "data-v-37b74fad"]]), zs = /* @__PURE__ */ B({
+}), mc = /* @__PURE__ */ E(As, [["__scopeId", "data-v-37b74fad"]]), Es = /* @__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 */
@@ -7506,7 +7506,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
     }
   },
   setup(e) {
-    return (t, n) => (c(), T(Q(e.tagName), {
+    return (t, n) => (c(), T(X(e.tagName), {
       class: I(`joy-text joy-font-${e.preset}`)
     }, {
       default: z(() => [
@@ -7515,13 +7515,13 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       _: 3
     }, 8, ["class"]));
   }
-}), vc = /* @__PURE__ */ E(zs, [["__scopeId", "data-v-8a40109a"]]), Js = ["aria-disabled"], Ps = { class: "joy-textarea_wrapper" }, Ms = ["id", "disabled", "name", "required", "minlength", "value"], Fs = {
+}), pc = /* @__PURE__ */ E(Es, [["__scopeId", "data-v-8a40109a"]]), zs = ["aria-disabled"], Js = { class: "joy-textarea_wrapper" }, Ps = ["id", "disabled", "name", "required", "minlength", "value"], Ms = {
   key: 1,
   class: "joy-textarea_helpers"
-}, Os = {
+}, Fs = {
   inheritAttrs: !1
-}, Ds = /* @__PURE__ */ B({
-  ...Os,
+}, Os = /* @__PURE__ */ B({
+  ...Fs,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7643,7 +7643,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : k("", !0),
-      h("div", Ps, [
+      h("div", Js, [
         h("textarea", q(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7663,9 +7663,9 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
           (...b) => p.onFocus && p.onFocus(...b)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...b) => p.onBlur && p.onBlur(...b))
-        }), null, 16, Ms)
+        }), null, 16, Ps)
       ]),
-      e.minlength || e.maxlength ? (c(), v("div", Fs, [
+      e.minlength || e.maxlength ? (c(), v("div", Ms, [
         e.minlength ? (c(), v("p", {
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7683,25 +7683,25 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
           class: I(["joy-textarea-count", { "joy-textarea-count-invalid": m.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : k("", !0)
       ])) : k("", !0)
-    ], 10, Js));
+    ], 10, zs));
   }
-}), hc = /* @__PURE__ */ E(Ds, [["__scopeId", "data-v-f62629b6"]]), Rs = /* @__PURE__ */ B({
+}), vc = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-f62629b6"]]), Ds = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
-    return (t, n) => (c(), T(Q(e.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
+    return (t, n) => (c(), T(X(e.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
       default: z(() => [
         w(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), gc = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-72b57f87"]]), Ns = { class: "joy-toggle__wrapper" }, qs = ["name", "disabled", "checked", "required", "aria-checked", "value"], Hs = { class: "joy-toggle__symbol" }, Ws = { class: "joy-toggle__symbol-bubble" }, Us = {
+}), hc = /* @__PURE__ */ E(Ds, [["__scopeId", "data-v-72b57f87"]]), Rs = { class: "joy-toggle__wrapper" }, Ns = ["name", "disabled", "checked", "required", "aria-checked", "value"], qs = { class: "joy-toggle__symbol" }, Hs = { class: "joy-toggle__symbol-bubble" }, Ws = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, Gs = { class: "joy-toggle__content-label" }, Ks = /* @__PURE__ */ B({
+}, Us = { class: "joy-toggle__content-label" }, Gs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7760,7 +7760,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
         o.value = !1;
       }
     };
-    return (a, r) => (c(), v("div", Ns, [
+    return (a, r) => (c(), v("div", Rs, [
       h("label", {
         class: I([
           "joy-toggle",
@@ -7790,13 +7790,13 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
           (...i) => l.onFocus && l.onFocus(...i)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...i) => l.onBlur && l.onBlur(...i))
-        }, null, 40, qs),
+        }, null, 40, Ns),
         h("p", {
           class: I(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
-          h("span", Hs, [
-            h("span", Ws, [
-              e.variant === "default" ? (c(), v("span", Us, [...r[3] || (r[3] = [
+          h("span", qs, [
+            h("span", Hs, [
+              e.variant === "default" ? (c(), v("span", Ws, [...r[3] || (r[3] = [
                 h("svg", {
                   width: "18",
                   height: "10",
@@ -7816,7 +7816,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
               }))
             ])
           ]),
-          h("span", Gs, [
+          h("span", Us, [
             w(a.$slots, "default", {}, () => [
               R(J(e.label), 1)
             ], !0)
@@ -7825,7 +7825,7 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       ], 2)
     ]));
   }
-}), bc = /* @__PURE__ */ E(Ks, [["__scopeId", "data-v-71b1ca7c"]]), Ys = { class: "joy-user-card__picture" }, Zs = { class: "joy-user-card__informations" }, Xs = { class: "joy-user-card__title" }, Qs = { class: "joy-user-card__subtitle joy-font-primary-450" }, eu = /* @__PURE__ */ B({
+}), gc = /* @__PURE__ */ E(Gs, [["__scopeId", "data-v-71b1ca7c"]]), Ks = { class: "joy-user-card__picture" }, Ys = { class: "joy-user-card__informations" }, Zs = { class: "joy-user-card__title" }, Xs = { class: "joy-user-card__subtitle joy-font-primary-450" }, Qs = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7852,13 +7852,13 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
     }
   },
   setup(e) {
-    return (t, n) => (c(), T(Q(e.link ? "a" : "div"), q({
+    return (t, n) => (c(), T(X(e.link ? "a" : "div"), q({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", Ys, [
+        h("div", Ks, [
           w(t.$slots, "user-card-avatar", {}, () => [
             D(un, {
               "photo-url": e.photoUrl,
@@ -7866,13 +7866,13 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", Zs, [
-          h("p", Xs, [
+        h("div", Ys, [
+          h("p", Zs, [
             w(t.$slots, "user-card-title", {}, () => [
               R(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", Qs, [
+          h("p", Xs, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               R(J(e.subTitle), 1)
             ], !0)
@@ -7891,13 +7891,13 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       _: 3
     }, 16, ["href", "title"]));
   }
-}), wc = /* @__PURE__ */ E(eu, [["__scopeId", "data-v-e0dba25f"]]), tu = { class: "joy-walkthrough-trigger__content" }, ou = {
+}), bc = /* @__PURE__ */ E(Qs, [["__scopeId", "data-v-e0dba25f"]]), eu = { class: "joy-walkthrough-trigger__content" }, tu = {
   key: 0,
   class: "joy-pr-3"
-}, nu = {
+}, ou = {
   key: 1,
   class: "joy-pl-3"
-}, lu = /* @__PURE__ */ B({
+}, nu = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7920,9 +7920,9 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
         }, null, 8, ["name"])) : k("", !0),
-        h("div", tu, [
-          e.title ? (c(), v("span", ou, J(e.title), 1)) : k("", !0),
-          e.subtitle ? (c(), v("span", nu, J(e.subtitle), 1)) : k("", !0)
+        h("div", eu, [
+          e.title ? (c(), v("span", tu, J(e.title), 1)) : k("", !0),
+          e.subtitle ? (c(), v("span", ou, J(e.subtitle), 1)) : k("", !0)
         ]),
         D(N, {
           class: "joy-ml-3",
@@ -7934,16 +7934,16 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       ]);
     };
   }
-}), au = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-e34e1407"]]), iu = { class: "joy-walkthrough-modal__illustration" }, ru = { class: "joy-walkthrough-modal__content___titles" }, su = { class: "joy-walkthrough-modal__content___title" }, uu = { class: "joy-walkthrough-modal__content___subtitle" }, cu = {
+}), lu = /* @__PURE__ */ E(nu, [["__scopeId", "data-v-e34e1407"]]), au = { class: "joy-walkthrough-modal__illustration" }, iu = { class: "joy-walkthrough-modal__content___titles" }, ru = { class: "joy-walkthrough-modal__content___title" }, su = { class: "joy-walkthrough-modal__content___subtitle" }, uu = {
   key: 0,
   class: "joy-mt-4"
-}, du = {
+}, cu = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, fu = {
+}, du = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, yu = /* @__PURE__ */ B({
+}, fu = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -8027,24 +8027,24 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", iu, [
+                h("div", au, [
                   w(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", ru, [
-                  h("div", su, [
+                h("div", iu, [
+                  h("div", ru, [
                     w(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", uu, [
+                  h("div", su, [
                     w(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), v("div", cu, [
+            f.$slots["walkthrough-progress"] ? (c(), v("div", uu, [
               w(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : k("", !0),
-            f.$slots["walkthrough-content"] ? (c(), v("div", du, [
+            f.$slots["walkthrough-content"] ? (c(), v("div", cu, [
               w(f.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : k("", !0)
           ], 2),
@@ -8053,10 +8053,10 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: m
           }, [
-            h("button", fu, J(e.footer), 1)
+            h("button", du, J(e.footer), 1)
           ])) : k("", !0)
         ], 16)) : k("", !0),
-        r.value ? k("", !0) : (c(), T(au, q({ key: 1 }, e.triggerAttrs, {
+        r.value ? k("", !0) : (c(), T(lu, q({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,
@@ -8066,98 +8066,98 @@ const $s = /* @__PURE__ */ E(js, [["render", _s], ["__scopeId", "data-v-2077977e
       ], 2)
     ], 8, ["disabled"]));
   }
-}), jc = /* @__PURE__ */ E(yu, [["__scopeId", "data-v-bfb1ca7c"]]), kc = {
+}), wc = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-bfb1ca7c"]]), jc = {
   install: (e) => {
     typeof window < "u" && Yt(), e.directive("joy-ripple", Wt), e.directive("bind-once", Oo);
   }
 };
 export {
-  kc as JoyVueLightPlugin,
-  hu as VJoyAdminBanner,
-  gu as VJoyAvailability,
+  jc as JoyVueLightPlugin,
+  vu as VJoyAdminBanner,
+  hu as VJoyAvailability,
   un as VJoyAvatar,
-  bu as VJoyAvatarsList,
-  wu as VJoyBadge,
-  ju as VJoyBadgeLevel,
-  ku as VJoyBlockSkeleton,
-  _u as VJoyBottomSheet,
-  $u as VJoyBottomSheetTrigger,
+  gu as VJoyAvatarsList,
+  bu as VJoyBadge,
+  wu as VJoyBadgeLevel,
+  ju as VJoyBlockSkeleton,
+  ku as VJoyBottomSheet,
+  _u as VJoyBottomSheetTrigger,
   Ee as VJoyButton,
-  Cu as VJoyButtonCard,
+  $u as VJoyButtonCard,
   vt as VJoyCheckbox,
-  Su as VJoyCheckboxCard,
-  xu as VJoyCheckboxGroup,
-  Vu as VJoyCollapse,
+  Cu as VJoyCheckboxCard,
+  Su as VJoyCheckboxGroup,
+  xu as VJoyCollapse,
   Zl as VJoyCollapseItem,
-  Tu as VJoyCompanyAvatar,
-  Iu as VJoyDialog,
-  Lu as VJoyDialogTrigger,
+  Vu as VJoyCompanyAvatar,
+  Tu as VJoyDialog,
+  Iu as VJoyDialogTrigger,
   Zt as VJoyDot,
-  Bu as VJoyDrawer,
-  Au as VJoyDrawerTrigger,
-  Eu as VJoyDropdown,
+  Lu as VJoyDrawer,
+  Bu as VJoyDrawerTrigger,
+  Au as VJoyDropdown,
   Sa as VJoyDropdownList,
-  zu as VJoyDropzone,
-  Ju as VJoyFilterBar,
-  Pu as VJoyFilterBarButton,
-  Mu as VJoyFloatingActionsBar,
+  Eu as VJoyDropzone,
+  zu as VJoyFilterBar,
+  Ju as VJoyFilterBarButton,
+  Pu as VJoyFloatingActionsBar,
   _t as VJoyFormError,
-  Fu as VJoyFormFieldSkeleton,
-  Ou as VJoyFormGroup,
-  Du as VJoyFunnel,
-  Ru as VJoyFunnelFooter,
-  Nu as VJoyFunnelHeader,
-  qu as VJoyHighlight,
+  Mu as VJoyFormFieldSkeleton,
+  Fu as VJoyFormGroup,
+  Ou as VJoyFunnel,
+  Du as VJoyFunnelFooter,
+  Ru as VJoyFunnelHeader,
+  Nu as VJoyHighlight,
   N as VJoyIcon,
   Ve as VJoyIconButton,
   ki as VJoyIndicator,
-  Hu as VJoyIndicators,
+  qu as VJoyIndicators,
   $t as VJoyInput,
-  Wu as VJoyInputDigit,
-  Uu as VJoyInputNumber,
-  Gu as VJoyInputPassword,
+  Hu as VJoyInputDigit,
+  Wu as VJoyInputNumber,
+  Uu as VJoyInputPassword,
   Pe as VJoyLabel,
   Ra as VJoyLink,
-  Ku as VJoyListItem,
-  Yu as VJoyMenu,
-  Zu as VJoyMenuItem,
-  xu as VJoyMultiCheckbox,
-  Xu as VJoyPagination,
-  Qu as VJoyPanel,
-  ec as VJoyPanelSection,
-  tc as VJoyPasswordRequirement,
-  oc as VJoyProductTour,
-  nc as VJoyProductTourTrigger,
-  lc as VJoyProgressBar,
-  ac as VJoyRadio,
-  ic as VJoyRadioGroup,
+  Gu as VJoyListItem,
+  Ku as VJoyMenu,
+  Yu as VJoyMenuItem,
+  Su as VJoyMultiCheckbox,
+  Zu as VJoyPagination,
+  Xu as VJoyPanel,
+  Qu as VJoyPanelSection,
+  ec as VJoyPasswordRequirement,
+  tc as VJoyProductTour,
+  oc as VJoyProductTourTrigger,
+  nc as VJoyProgressBar,
+  lc as VJoyRadio,
+  ac as VJoyRadioGroup,
   Or as VJoyRatingStars,
   wo as VJoyScreenLoader,
-  rc as VJoySelect,
+  ic as VJoySelect,
   Gr as VJoySelectableItem,
-  sc as VJoySelectableItemGroup,
-  uc as VJoySeparator,
+  rc as VJoySelectableItemGroup,
+  sc as VJoySeparator,
   Go as VJoySnackbar,
   Xt as VJoySpinner,
   os as VJoyStep,
-  cc as VJoyStepper,
-  dc as VJoyTab,
-  fc as VJoyTabs,
+  uc as VJoyStepper,
+  cc as VJoyTab,
+  dc as VJoyTabs,
   ko as VJoyTag,
-  yc as VJoyTagsInput,
-  mc as VJoyTagsList,
-  pc as VJoyTemplate,
-  vc as VJoyText,
-  hc as VJoyTextarea,
-  gc as VJoyTitleBrand,
-  bc as VJoyToggle,
+  fc as VJoyTagsInput,
+  yc as VJoyTagsList,
+  mc as VJoyTemplate,
+  pc as VJoyText,
+  vc as VJoyTextarea,
+  hc as VJoyTitleBrand,
+  gc as VJoyToggle,
   Pl as VJoyTooltip,
-  wc as VJoyUserCard,
-  jc as VJoyWalkthrough,
-  au as VJoyWalkthroughTrigger,
+  bc as VJoyUserCard,
+  wc as VJoyWalkthrough,
+  lu as VJoyWalkthroughTrigger,
   ue as VJoyWrapper,
   Yt as createAllSnackbarsContainer,
-  vu as pushVJoySnackbar,
-  pu as resetCount,
+  pu as pushVJoySnackbar,
+  mu as resetCount,
   Wt as vJoyRipple
 };