@maltjoy/core-vue 5.13.0 → 5.13.1

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as C, openBlock as c, createElementBlock as v, normalizeClass as L, createElementVNode as h, ref as S, onMounted as te, onUnmounted as Et, createVNode as N, toDisplayString as J, createCommentVNode as j, createApp as go, createTextVNode as R, Fragment as H, inject as de, unref as D, createBlock as V, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, provide as Ae, renderList as U, normalizeStyle as ee, useAttrs as we, useId as Oe, resolveDirective as ut, withDirectives as Ke, getCurrentScope as zt, onScopeDispose as Jt, toRef as bo, readonly as wo, customRef as jo, shallowRef as Pt, watch as G, nextTick as Pe, getCurrentInstance as ko, h as $o, Teleport as Ee, useSlots as Y, withKeys as Fe, onBeforeUnmount as ze, Transition as ct, createSlots as dt, normalizeProps as _o, guardReactiveProps as So, mergeModels as Co, useModel as xo, createStaticVNode as Mt, shallowReadonly as Ve, onBeforeMount as Vo, vShow as To, render as jt, withModifiers as Lo } from "vue";
+import { defineComponent as I, computed as C, openBlock as c, createElementBlock as v, normalizeClass as L, createElementVNode as h, ref as S, onMounted as te, onUnmounted as Et, createVNode as N, toDisplayString as J, createCommentVNode as j, createApp as go, createTextVNode as R, Fragment as H, inject as de, unref as D, createBlock as V, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, provide as Ae, renderList as U, normalizeStyle as ee, useAttrs as we, useId as Oe, resolveDirective as ut, withDirectives as Ke, getCurrentScope as zt, onScopeDispose as Jt, toRef as bo, readonly as wo, customRef as jo, shallowRef as Pt, watch as G, nextTick as Pe, getCurrentInstance as ko, h as $o, Teleport as Ee, useSlots as Y, withKeys as Fe, onBeforeUnmount as ze, Transition as ct, createSlots as dt, normalizeProps as _o, guardReactiveProps as So, mergeModels as Co, useModel as xo, createStaticVNode as Mt, shallowReadonly as Ve, onBeforeMount as Vo, vShow as To, render as jt, withModifiers as Lo } from "vue";
 function kt(e) {
   const t = e.target;
   if (!t)
@@ -100,7 +100,7 @@ const Ze = function(e = 10) {
 function pe(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
+const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ I({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -151,7 +151,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
 }), Mo = { class: "joy-snackbar__img joy-core-radius-6" }, Oo = { class: "joy-snackbar__content" }, Fo = {
   key: 0,
   class: "joy-mb-1"
-}, Do = ["innerHTML"], Ro = /* @__PURE__ */ B({
+}, Do = ["innerHTML"], Ro = /* @__PURE__ */ I({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -309,7 +309,7 @@ const Uo = {
     typeof window < "u" && Nt(), e.directive("joy-ripple", Ot);
   }
 };
-function Ms() {
+function Js() {
   He = 0, Rt = [];
 }
 function Nt(e = { appendTo: "body", defaultMountSelector: Dt }) {
@@ -330,7 +330,7 @@ function Nt(e = { appendTo: "body", defaultMountSelector: Dt }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (l = document.body.querySelector(e.appendTo)) == null || l.appendChild(t));
 }
-function Os(e) {
+function Ps(e) {
   var i, a;
   He++;
   let t, n;
@@ -351,7 +351,7 @@ function Os(e) {
     snackbarApp: t
   };
 }
-const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ B({
+const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ I({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -364,7 +364,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Fs = /* @__PURE__ */ A(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
+}), Ms = /* @__PURE__ */ A(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ I({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,10 +389,10 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], 64)) : j("", !0)
     ], 10, Zo));
   }
-}), Ds = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
+}), Os = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
-}, tn = ["height"], on = /* @__PURE__ */ B({
+}, tn = ["height"], on = /* @__PURE__ */ I({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -487,7 +487,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : j("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ A(on, [["__scopeId", "data-v-11bcdf50"]]), ln = /* @__PURE__ */ B({
+}), nn = /* @__PURE__ */ A(on, [["__scopeId", "data-v-11bcdf50"]]), ln = /* @__PURE__ */ I({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -504,7 +504,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       w(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-66e67dbb"]]), an = /* @__PURE__ */ B({
+}), Fs = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-66e67dbb"]]), an = /* @__PURE__ */ I({
   __name: "VJoyDot",
   props: {
     number: { default: void 0 },
@@ -518,7 +518,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       h("span", null, J(e.number), 1)
     ], 2));
   }
-}), qt = /* @__PURE__ */ A(an, [["__scopeId", "data-v-056a3587"]]), rn = /* @__PURE__ */ B({
+}), qt = /* @__PURE__ */ A(an, [["__scopeId", "data-v-056a3587"]]), rn = /* @__PURE__ */ I({
   __name: "VJoyBadge",
   props: {
     /**
@@ -560,7 +560,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), Ns = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-f3f82e51"]]);
+}), Ds = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-f3f82e51"]]);
 var X = /* @__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))(X || {}), We = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(We || {});
 const sn = { class: "joy-badge-level" }, un = {
   key: 1,
@@ -586,7 +586,7 @@ const sn = { class: "joy-badge-level" }, un = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, yn = /* @__PURE__ */ B({
+}, yn = /* @__PURE__ */ I({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -702,7 +702,7 @@ const sn = { class: "joy-badge-level" }, un = {
       ], 2)
     ]));
   }
-}), qs = /* @__PURE__ */ A(yn, [["__scopeId", "data-v-08a5e2c8"]]), mn = /* @__PURE__ */ B({
+}), Rs = /* @__PURE__ */ A(yn, [["__scopeId", "data-v-08a5e2c8"]]), mn = /* @__PURE__ */ I({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -739,7 +739,7 @@ const sn = { class: "joy-badge-level" }, un = {
       })
     }, null, 6));
   }
-}), Hs = /* @__PURE__ */ A(mn, [["__scopeId", "data-v-4da2c7cb"]]), pn = /* @__PURE__ */ B({
+}), Ns = /* @__PURE__ */ A(mn, [["__scopeId", "data-v-4da2c7cb"]]), pn = /* @__PURE__ */ I({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -751,7 +751,7 @@ const sn = { class: "joy-badge-level" }, un = {
       class: L(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ A(pn, [["__scopeId", "data-v-52944a9b"]]), vn = /* @__PURE__ */ B({
+}), Ht = /* @__PURE__ */ A(pn, [["__scopeId", "data-v-52944a9b"]]), vn = /* @__PURE__ */ I({
   __name: "VJoyButton",
   props: {
     /**
@@ -1025,7 +1025,7 @@ function Cn(e) {
     triggerResize: a
   };
 }
-const yt = /* @__PURE__ */ B({
+const yt = /* @__PURE__ */ I({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
@@ -1133,7 +1133,7 @@ function Bn() {
   };
 }
 Bn();
-const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-sheet_footer" }, St = 75, Ct = "moving", zn = /* @__PURE__ */ B({
+const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-sheet_footer" }, St = 75, Ct = "moving", zn = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1169,7 +1169,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
     function k(O) {
       if (d.value) {
         const _ = T(O);
-        _ > St ? g() : _ > 0 && I(_);
+        _ > St ? g() : _ > 0 && B(_);
       }
     }
     function T(O) {
@@ -1178,7 +1178,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
     function E(O) {
       return ["touchend", "touchmove", "touchstart"].includes(O.type) ? O.changedTouches[0].clientY : O.clientY;
     }
-    function I(O) {
+    function B(O) {
       y.value.style.setProperty("transform", `translateY(${O}px)`);
     }
     function M() {
@@ -1198,7 +1198,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       hide: g,
       show: m,
       isOpen: f,
-      moveContainer: I
+      moveContainer: B
     }), (O, _) => s.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport
@@ -1255,7 +1255,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), Ws = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-0f122c0c"]]), Us = /* @__PURE__ */ B({
+}), qs = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-0f122c0c"]]), Hs = /* @__PURE__ */ I({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1272,7 +1272,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), Jn = { class: "joy-checkbox__wrapper" }, Pn = { class: "joy-checkbox__input-wrapper" }, Mn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], On = { class: "joy-checkbox__content-wrapper" }, Fn = { class: "joy-checkbox__content" }, Dn = /* @__PURE__ */ B({
+}), Jn = { class: "joy-checkbox__wrapper" }, Pn = { class: "joy-checkbox__input-wrapper" }, Mn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], On = { class: "joy-checkbox__content-wrapper" }, Fn = { class: "joy-checkbox__content" }, Dn = /* @__PURE__ */ I({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1404,7 +1404,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
 }), Gt = /* @__PURE__ */ A(Dn, [["__scopeId", "data-v-b08aada8"]]), Rn = ["id"], Nn = { class: "joy-collapse-item__header-right" }, qn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Hn = { class: "joy-collapse-item__summary___preview" }, Wn = ["aria-labelledby"], Un = /* @__PURE__ */ B({
+}, Hn = { class: "joy-collapse-item__summary___preview" }, Wn = ["aria-labelledby"], Un = /* @__PURE__ */ I({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1511,7 +1511,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       ], 10, Wn)) : j("", !0)
     ], 2));
   }
-}), Gn = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-382ef065"]]), Yn = { class: "joy-collapse" }, Kn = /* @__PURE__ */ B({
+}), Gn = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-382ef065"]]), Yn = { class: "joy-collapse" }, Kn = /* @__PURE__ */ I({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1593,7 +1593,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Gs = /* @__PURE__ */ A(Kn, [["__scopeId", "data-v-35744932"]]), Zn = ["src", "alt", "title", "loading"], Xn = /* @__PURE__ */ B({
+}), Ws = /* @__PURE__ */ A(Kn, [["__scopeId", "data-v-35744932"]]), Zn = ["src", "alt", "title", "loading"], Xn = /* @__PURE__ */ I({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1641,7 +1641,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Ys = /* @__PURE__ */ A(Xn, [["__scopeId", "data-v-2f1289c1"]]), Qn = /* @__PURE__ */ B({
+}), Us = /* @__PURE__ */ A(Xn, [["__scopeId", "data-v-2f1289c1"]]), Qn = /* @__PURE__ */ I({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1716,7 +1716,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
 }, rl = {
   key: 2,
   class: "joy-dialog--indicators"
-}, sl = /* @__PURE__ */ B({
+}, sl = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -1802,14 +1802,14 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       if (r.value)
         return f;
     }), y = C(() => {
-      const I = a["dialog-cancel"] || a["dialog-confirm"], M = l.cancelText || l.confirmText;
-      return !!I || !!M;
+      const B = a["dialog-cancel"] || a["dialog-confirm"], M = l.cancelText || l.confirmText;
+      return !!B || !!M;
     }), m = C(() => l.id || i).value + "-header";
     function g() {
       !l.patternConfirm && b();
     }
-    async function b(I = { fireHideEvent: !0 }) {
-      l.demoMode || (u.value = !1, await Pe(), pe(!1), I.fireHideEvent && o("dialog:hide"));
+    async function b(B = { fireHideEvent: !0 }) {
+      l.demoMode || (u.value = !1, await Pe(), pe(!1), B.fireHideEvent && o("dialog:hide"));
     }
     async function $() {
       u.value = !0, await Pe(), l.preventBodyScroll && pe(!0);
@@ -1832,7 +1832,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       hide: b,
       isOpen: u,
       show: $
-    }), (I, M) => r.value ? (c(), V(Ee, {
+    }), (B, M) => r.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -1889,17 +1889,17 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                   })
                 }, null, 4)) : j("", !0),
                 h("div", nl, [
-                  I.$slots["dialog-preheader"] ? (c(), v("div", ll, [
-                    w(I.$slots, "dialog-preheader", {}, void 0, !0)
+                  B.$slots["dialog-preheader"] ? (c(), v("div", ll, [
+                    w(B.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : j("", !0),
                   h("div", {
                     id: m,
                     class: "joy-dialog--header__title"
                   }, [
-                    w(I.$slots, "dialog-header", {}, void 0, !0)
+                    w(B.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", al, [
-                    w(I.$slots, "dialog-subheader", {}, void 0, !0)
+                    w(B.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? j("", !0) : (c(), V(ne, {
                     key: 1,
@@ -1915,7 +1915,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                   }, null, 8, ["label"]))
                 ]),
                 h("div", il, [
-                  w(I.$slots, "dialog-body", {}, void 0, !0)
+                  w(B.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: L([
@@ -1930,7 +1930,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                     "no-margin": ""
                   }, {
                     default: z(() => [
-                      w(I.$slots, "dialog-cancel", {}, () => [
+                      w(B.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (c(), V(ne, {
                           key: 0,
                           class: "joy-dialog--cancel",
@@ -1944,7 +1944,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                           _: 1
                         }, 8, ["size"])) : j("", !0)
                       ], !0),
-                      w(I.$slots, "dialog-confirm", {}, () => [
+                      w(B.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (c(), V(ne, {
                           key: 0,
                           class: "joy-dialog--confirm",
@@ -1963,7 +1963,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                   })
                 ], 2),
                 D(a)["dialog-indicators"] ? (c(), v("div", rl, [
-                  w(I.$slots, "dialog-indicators", {}, void 0, !0)
+                  w(B.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
             ], 2)
@@ -1973,7 +1973,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : j("", !0);
   }
-}), Ks = /* @__PURE__ */ A(sl, [["__scopeId", "data-v-0f773f72"]]), Zs = /* @__PURE__ */ B({
+}), Gs = /* @__PURE__ */ A(sl, [["__scopeId", "data-v-0f773f72"]]), Ys = /* @__PURE__ */ I({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -1996,7 +1996,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
 }, yl = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, ml = /* @__PURE__ */ B({
+}, ml = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2066,8 +2066,8 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       if (r.value)
         return f;
     }), y = C(() => {
-      const E = a["drawer-cancel"] || a["drawer-confirm"], I = l.cancelText || l.confirmText;
-      return !!E || !!I;
+      const E = a["drawer-cancel"] || a["drawer-confirm"], B = l.cancelText || l.confirmText;
+      return !!E || !!B;
     }), p = C(() => l.id || i), m = p.value + "-header";
     async function g(E = { fireHideEvent: !0 }) {
       l.demoMode || l.onBeforeHide && !await l.onBeforeHide() || (u.value = !1, await Pe(), pe(!1), E.fireHideEvent && o("drawer:hide"));
@@ -2093,7 +2093,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       hide: g,
       isOpen: u,
       show: b
-    }), (E, I) => r.value ? (c(), V(Ee, {
+    }), (E, B) => r.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2122,7 +2122,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
               }
             ],
             "aria-labelledby": m,
-            onKeydown: I[4] || (I[4] = Fe((M) => g(), ["esc"]))
+            onKeydown: B[4] || (B[4] = Fe((M) => g(), ["esc"]))
           }), [
             e.elevated ? j("", !0) : (c(), v("div", {
               key: 0,
@@ -2132,7 +2132,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                   "joy-drawer__overlay--open": u.value
                 }
               ]),
-              onClick: I[0] || (I[0] = (M) => g())
+              onClick: B[0] || (B[0] = (M) => g())
             }, null, 2)),
             h("div", {
               class: L([
@@ -2162,7 +2162,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: I[1] || (I[1] = (M) => g())
+                    onClick: B[1] || (B[1] = (M) => g())
                   }, null, 8, ["label"])
                 ]),
                 h("div", yl, [
@@ -2188,7 +2188,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: I[2] || (I[2] = (M) => g())
+                          onClick: B[2] || (B[2] = (M) => g())
                         }, {
                           default: z(() => [
                             R(J(e.cancelText), 1)
@@ -2202,7 +2202,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: I[3] || (I[3] = (M) => o("drawer:confirm"))
+                          onClick: B[3] || (B[3] = (M) => o("drawer:confirm"))
                         }, {
                           default: z(() => [
                             R(J(e.confirmText), 1)
@@ -2222,7 +2222,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : j("", !0);
   }
-}), Xs = /* @__PURE__ */ A(ml, [["__scopeId", "data-v-056f6134"]]), Qs = /* @__PURE__ */ B({
+}), Ks = /* @__PURE__ */ A(ml, [["__scopeId", "data-v-056f6134"]]), Zs = /* @__PURE__ */ I({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2245,7 +2245,7 @@ const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-shee
 }, vl = ["aria-label", "aria-labelledby"], hl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], gl = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, bl = /* @__PURE__ */ B({
+}, bl = /* @__PURE__ */ I({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2414,7 +2414,7 @@ function Yt(e, t) {
     t && ((n = e.value) == null || n.focus());
   });
 }
-const kl = /* @__PURE__ */ B({
+const kl = /* @__PURE__ */ I({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2541,7 +2541,7 @@ const kl = /* @__PURE__ */ B({
     function E(x) {
       l("update:modelValue", x), o.closeOnSelect && (g(), T());
     }
-    function I() {
+    function B() {
       l("dropdown:reset");
     }
     function M() {
@@ -2595,7 +2595,7 @@ const kl = /* @__PURE__ */ B({
             "aria-labelled-by": d,
             "onUpdate:modelValue": E,
             "onClose:dropdownList": k,
-            onReset: I
+            onReset: B
           }, dt({
             label: z((_) => [
               w(x.$slots, "dropdown-item", _o(So(_)), () => [
@@ -2631,7 +2631,7 @@ const kl = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), eu = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-91e88e50"]]), $l = ["aria-hidden"], _l = { key: 1 }, Sl = /* @__PURE__ */ B({
+}), Xs = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-91e88e50"]]), $l = ["aria-hidden"], _l = { key: 1 }, Sl = /* @__PURE__ */ I({
   __name: "VJoyFormError",
   props: {
     /**
@@ -2683,7 +2683,7 @@ const kl = /* @__PURE__ */ B({
       ])
     ], 10, $l));
   }
-}), mt = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-de16f6d9"]]), Cl = { class: "joy-dropzone__icon-wrapper" }, xl = /* @__PURE__ */ B({
+}), mt = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-de16f6d9"]]), Cl = { class: "joy-dropzone__icon-wrapper" }, xl = /* @__PURE__ */ I({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -2703,7 +2703,7 @@ const kl = /* @__PURE__ */ B({
 }, Il = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, Bl = /* @__PURE__ */ B({
+}, Bl = /* @__PURE__ */ I({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -2776,7 +2776,7 @@ const kl = /* @__PURE__ */ B({
 }, Pl = { class: "joy-dropzone__instruction__text" }, Ml = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Ol = /* @__PURE__ */ B({
+}, Ol = /* @__PURE__ */ I({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Co({
     name: {},
@@ -2835,21 +2835,21 @@ const kl = /* @__PURE__ */ B({
     function E(_) {
       a.value = _, s.value && s.value.click();
     }
-    function I(_) {
+    function B(_) {
       i.value = m(_), o.value = _;
     }
     function M(_) {
-      I(o.value.filter((P) => P !== _));
+      B(o.value.filter((P) => P !== _));
     }
     function x(_) {
-      l.multiple ? I([...o.value, ..._]) : I([_[0]]);
+      l.multiple ? B([...o.value, ..._]) : B([_[0]]);
     }
     function O(_, [P, ...F]) {
       if (l.multiple) {
         const K = [...o.value];
-        K[o.value.indexOf(_)] = P, K.push(...F), I(K);
+        K[o.value.indexOf(_)] = P, K.push(...F), B(K);
       } else
-        I([P]);
+        B([P]);
     }
     return t({
       invalid: i
@@ -2939,7 +2939,7 @@ const kl = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), tu = /* @__PURE__ */ A(Ol, [["__scopeId", "data-v-3c9052aa"]]), Fl = ["aria-label"], Dl = { class: "joy-filter-bar__wrapper" }, Rl = /* @__PURE__ */ B({
+}), Qs = /* @__PURE__ */ A(Ol, [["__scopeId", "data-v-3c9052aa"]]), Fl = ["aria-label"], Dl = { class: "joy-filter-bar__wrapper" }, Rl = /* @__PURE__ */ I({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2956,7 +2956,7 @@ const kl = /* @__PURE__ */ B({
       ])
     ], 8, Fl));
   }
-}), ou = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-cb769d05"]]), Nl = /* @__PURE__ */ B({
+}), eu = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-cb769d05"]]), Nl = /* @__PURE__ */ I({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2994,7 +2994,7 @@ const kl = /* @__PURE__ */ B({
       })) : j("", !0)
     ], 2));
   }
-}), nu = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-ef875842"]]), ql = /* @__PURE__ */ B({
+}), tu = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-ef875842"]]), ql = /* @__PURE__ */ I({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3032,7 +3032,7 @@ const kl = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), lu = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-3004f370"]]), Hl = { class: "joy-funnel__header" }, Wl = { class: "funnel__header__inner" }, Ul = /* @__PURE__ */ B({
+}), ou = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-3004f370"]]), Hl = { class: "joy-funnel__header" }, Wl = { class: "funnel__header__inner" }, Ul = /* @__PURE__ */ I({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3105,7 +3105,7 @@ const kl = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), au = /* @__PURE__ */ A(Ul, [["__scopeId", "data-v-e2fccb79"]]), Gl = { class: "joy-funnel-footer" }, Yl = { class: "joy-funnel-footer__left" }, Kl = { class: "joy-funnel-footer__right" }, Zl = /* @__PURE__ */ B({
+}), nu = /* @__PURE__ */ A(Ul, [["__scopeId", "data-v-e2fccb79"]]), Gl = { class: "joy-funnel-footer" }, Yl = { class: "joy-funnel-footer__left" }, Kl = { class: "joy-funnel-footer__right" }, Zl = /* @__PURE__ */ I({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, n) => (c(), v("footer", Gl, [
@@ -3117,7 +3117,7 @@ const kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), iu = /* @__PURE__ */ A(Zl, [["__scopeId", "data-v-bdeeb2bd"]]), Xl = { class: "joy-funnel-header" }, Ql = { class: "joy-funnel-header__left" }, ea = { class: "joy-funnel-header__right" }, ta = /* @__PURE__ */ B({
+}), lu = /* @__PURE__ */ A(Zl, [["__scopeId", "data-v-bdeeb2bd"]]), Xl = { class: "joy-funnel-header" }, Ql = { class: "joy-funnel-header__left" }, ea = { class: "joy-funnel-header__right" }, ta = /* @__PURE__ */ I({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, n) => (c(), v("header", Xl, [
@@ -3129,7 +3129,7 @@ const kl = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), ru = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-e423038b"]]), oa = { class: "joy-highlight__decorator" }, na = { class: "joy-highlight__text" }, la = { key: 0 }, aa = /* @__PURE__ */ B({
+}), au = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-e423038b"]]), oa = { class: "joy-highlight__decorator" }, na = { class: "joy-highlight__text" }, la = { key: 0 }, aa = /* @__PURE__ */ I({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3186,7 +3186,7 @@ const kl = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), su = /* @__PURE__ */ A(aa, [["__scopeId", "data-v-e5c2ff23"]]), ia = ["aria-label"], ra = /* @__PURE__ */ B({
+}), iu = /* @__PURE__ */ A(aa, [["__scopeId", "data-v-e5c2ff23"]]), ia = ["aria-label"], ra = /* @__PURE__ */ I({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3219,7 +3219,7 @@ const kl = /* @__PURE__ */ B({
       }, null, 10, ia)
     ], 2));
   }
-}), sa = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-5fbd653e"]]), ua = /* @__PURE__ */ B({
+}), sa = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-5fbd653e"]]), ua = /* @__PURE__ */ I({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3265,7 +3265,7 @@ const kl = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), uu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, ca = Math.max, da = {
+}), ru = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, ca = Math.max, da = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -3438,7 +3438,7 @@ const ga = async (e, t, n) => {
       x: k,
       y: T,
       data: E,
-      reset: I
+      reset: B
     } = await $({
       x: f,
       y: d,
@@ -3459,11 +3459,11 @@ const ga = async (e, t, n) => {
         ...p[b],
         ...E
       }
-    }, I && m <= 50 && (m++, typeof I == "object" && (I.placement && (y = I.placement), I.rects && (u = I.rects === !0 ? await a.getElementRects({
+    }, B && m <= 50 && (m++, typeof B == "object" && (B.placement && (y = B.placement), B.rects && (u = B.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : I.rects), {
+    }) : B.rects), {
       x: f,
       y: d
     } = xt(u, y, s)), g = -1);
@@ -3508,17 +3508,17 @@ async function Xt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, I = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, B = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: k,
     offsetParent: T,
     strategy: s
   }) : k);
   return {
-    top: ($.top - I.top + m.top) / E.y,
-    bottom: (I.bottom - $.bottom + m.bottom) / E.y,
-    left: ($.left - I.left + m.left) / E.x,
-    right: (I.right - $.right + m.right) / E.x
+    top: ($.top - B.top + m.top) / E.y,
+    bottom: (B.bottom - $.bottom + m.bottom) / E.y,
+    left: ($.left - B.left + m.left) / E.x,
+    right: (B.right - $.right + m.right) / E.x
   };
 }
 const ba = (e) => ({
@@ -3542,10 +3542,10 @@ const ba = (e) => ({
     const d = Zt(f), y = {
       x: n,
       y: l
-    }, p = ht(o), m = vt(p), g = await a.getDimensions(u), b = p === "y", $ = b ? "top" : "left", k = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", E = i.reference[m] + i.reference[p] - y[p] - i.floating[m], I = y[p] - i.reference[p], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, p = ht(o), m = vt(p), g = await a.getDimensions(u), b = p === "y", $ = b ? "top" : "left", k = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", E = i.reference[m] + i.reference[p] - y[p] - i.floating[m], B = y[p] - i.reference[p], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let x = M ? M[T] : 0;
     (!x || !await (a.isElement == null ? void 0 : a.isElement(M))) && (x = r.floating[T] || i.floating[m]);
-    const O = E / 2 - I / 2, _ = x / 2 - g[m] / 2 - 1, P = lt(d[$], _), F = lt(d[k], _), K = P, se = x - g[m] - F, Q = x / 2 - g[m] / 2 + O, xe = at(K, Q, se), ue = !s.arrow && De(o) != null && Q !== xe && i.reference[m] / 2 - (Q < K ? P : F) - g[m] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    const O = E / 2 - B / 2, _ = x / 2 - g[m] / 2 - 1, P = lt(d[$], _), F = lt(d[k], _), K = P, se = x - g[m] - F, Q = x / 2 - g[m] / 2 + O, xe = at(K, Q, se), ue = !s.arrow && De(o) != null && Q !== xe && i.reference[m] / 2 - (Q < K ? P : F) - g[m] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [p]: y[p] + ae,
       data: {
@@ -3582,9 +3582,9 @@ const ba = (e) => ({
       } = _e(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const $ = he(o), k = Se(r), T = he(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), I = y || (T || !g ? [Ue(r)] : ma(r)), M = m !== "none";
-      !y && M && I.push(...va(r, g, m, E));
-      const x = [r, ...I], O = await Xt(t, b), _ = [];
+      const $ = he(o), k = Se(r), T = he(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), B = y || (T || !g ? [Ue(r)] : ma(r)), M = m !== "none";
+      !y && M && B.push(...va(r, g, m, E));
+      const x = [r, ...B], O = await Xt(t, b), _ = [];
       let P = ((l = i.flip) == null ? void 0 : l.overflows) || [];
       if (f && _.push(O[$]), d) {
         const Q = ya(o, a, E);
@@ -3768,13 +3768,13 @@ const eo = function(e) {
         ...g
       };
       if (s) {
-        const T = y === "y" ? "height" : "width", E = i.reference[y] - i.floating[T] + b.mainAxis, I = i.reference[y] + i.reference[T] - b.mainAxis;
-        p < E ? p = E : p > I && (p = I);
+        const T = y === "y" ? "height" : "width", E = i.reference[y] - i.floating[T] + b.mainAxis, B = i.reference[y] + i.reference[T] - b.mainAxis;
+        p < E ? p = E : p > B && (p = B);
       }
       if (u) {
         var $, k;
-        const T = y === "y" ? "width" : "height", E = ["top", "left"].includes(he(o)), I = i.reference[d] - i.floating[T] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[d] + i.reference[T] + (E ? 0 : ((k = a.offset) == null ? void 0 : k[d]) || 0) - (E ? b.crossAxis : 0);
-        m < I ? m = I : m > M && (m = M);
+        const T = y === "y" ? "width" : "height", E = ["top", "left"].includes(he(o)), B = i.reference[d] - i.floating[T] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[d] + i.reference[T] + (E ? 0 : ((k = a.offset) == null ? void 0 : k[d]) || 0) - (E ? b.crossAxis : 0);
+        m < B ? m = B : m > M && (m = M);
       }
       return {
         [y]: p,
@@ -4140,8 +4140,8 @@ function Pa(e, t) {
       threshold: Le(0, rt(1, s)) || 1
     };
     let T = !0;
-    function E(I) {
-      const M = I[0].intersectionRatio;
+    function E(B) {
+      const M = B[0].intersectionRatio;
       if (M !== s) {
         if (!T)
           return a();
@@ -4283,7 +4283,7 @@ function yo(e, t, n) {
   function E() {
     typeof k == "function" && (k(), k = void 0);
   }
-  function I() {
+  function B() {
     if (E(), l === void 0) {
       T();
       return;
@@ -4298,7 +4298,7 @@ function yo(e, t, n) {
   }
   return G([i, a, r], T, {
     flush: "sync"
-  }), G([u, f], I, {
+  }), G([u, f], B, {
     flush: "sync"
   }), G(o, M, {
     flush: "sync"
@@ -4313,7 +4313,7 @@ function yo(e, t, n) {
     update: T
   };
 }
-const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
+const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ I({
   __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  */
@@ -4483,7 +4483,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
 }, Ga = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Ya = /* @__PURE__ */ B({
+}, Ya = /* @__PURE__ */ I({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -4540,7 +4540,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ])) : j("", !0)
     ]));
   }
-}), Je = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-7f500306"]]), Ka = ["id", "name", "required", "disabled", "readonly", "type", "value"], Za = ["data-unit"], Xa = /* @__PURE__ */ B({
+}), Je = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-7f500306"]]), Ka = ["id", "name", "required", "disabled", "readonly", "type", "value"], Za = ["data-unit"], Xa = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4663,15 +4663,15 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
             type: g.value,
             value: e.modelValue,
             onFocus: E[0] || (E[0] = //@ts-ignore
-            (...I) => k.onFocus && k.onFocus(...I)),
+            (...B) => k.onFocus && k.onFocus(...B)),
             onBlur: E[1] || (E[1] = //@ts-ignore
-            (...I) => k.onBlur && k.onBlur(...I)),
+            (...B) => k.onBlur && k.onBlur(...B)),
             onInput: E[2] || (E[2] = //@ts-ignore
-            (...I) => k.onInput && k.onInput(...I)),
+            (...B) => k.onInput && k.onInput(...B)),
             onChange: E[3] || (E[3] = //@ts-ignore
-            (...I) => k.onChange && k.onChange(...I)),
+            (...B) => k.onChange && k.onChange(...B)),
             onWheel: E[4] || (E[4] = //@ts-ignore
-            (...I) => k.onWheelScroll && k.onWheelScroll(...I))
+            (...B) => k.onWheelScroll && k.onWheelScroll(...B))
           }), null, 16, Ka),
           y.value ? (c(), V(ne, {
             key: 0,
@@ -4703,7 +4703,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ], 2)
     ], 2));
   }
-}), cu = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-7ae40801"]]), Qa = { class: "joy-link__text" }, ei = /* @__PURE__ */ B({
+}), su = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-7ae40801"]]), Qa = { class: "joy-link__text" }, ei = /* @__PURE__ */ I({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4738,7 +4738,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), du = /* @__PURE__ */ A(ei, [["__scopeId", "data-v-19a65db4"]]), ti = { class: "joy-list-item__left" }, oi = { class: "joy-font-primary-300 joy-m-0" }, ni = { class: "joy-list-item__right" }, li = /* @__PURE__ */ B({
+}), uu = /* @__PURE__ */ A(ei, [["__scopeId", "data-v-19a65db4"]]), ti = { class: "joy-list-item__left" }, oi = { class: "joy-font-primary-300 joy-m-0" }, ni = { class: "joy-list-item__right" }, li = /* @__PURE__ */ I({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4774,7 +4774,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       })
     ]));
   }
-}), fu = /* @__PURE__ */ A(li, [["__scopeId", "data-v-6c3750f0"]]), ai = ["aria-activedescendant", "aria-label"], ii = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ri = { "aria-hidden": "true" }, si = /* @__PURE__ */ B({
+}), cu = /* @__PURE__ */ A(li, [["__scopeId", "data-v-6c3750f0"]]), ai = ["aria-activedescendant", "aria-label"], ii = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ri = { "aria-hidden": "true" }, si = /* @__PURE__ */ I({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4878,7 +4878,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ], 40, ai);
     };
   }
-}), yu = /* @__PURE__ */ A(si, [["__scopeId", "data-v-b76ae1e8"]]), ui = ["aria-disabled", "aria-current", "title", "aria-label"], ci = { class: "joy-menu-item__label joy-font-primary-400" }, di = /* @__PURE__ */ B({
+}), du = /* @__PURE__ */ A(si, [["__scopeId", "data-v-b76ae1e8"]]), ui = ["aria-disabled", "aria-current", "title", "aria-label"], ci = { class: "joy-menu-item__label joy-font-primary-400" }, di = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4937,9 +4937,9 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       }, 16, ["class", "type"]))
     ], 8, ui));
   }
-}), mu = /* @__PURE__ */ A(di, [["__scopeId", "data-v-283b560c"]]), fi = ["id"], yi = {
+}), fu = /* @__PURE__ */ A(di, [["__scopeId", "data-v-283b560c"]]), fi = ["id"], yi = {
   class: /* @__PURE__ */ L(["joy-multi-checkbox"])
-}, mi = /* @__PURE__ */ B({
+}, mi = /* @__PURE__ */ I({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -4996,7 +4996,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ])
     ], 8, fi));
   }
-}), pu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e3d7a668"]]), Bt = /* @__PURE__ */ B({
+}), yu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e3d7a668"]]), Bt = /* @__PURE__ */ I({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5027,7 +5027,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       onClick: n[0] || (n[0] = (l) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), pi = ["aria-label", "data-current"], vi = ["onClick"], hi = ["aria-current"], gi = 6, bi = /* @__PURE__ */ B({
+}), pi = ["aria-label", "data-current"], vi = ["onClick"], hi = ["aria-current"], gi = 6, bi = /* @__PURE__ */ I({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5131,10 +5131,10 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ])
     ], 8, pi));
   }
-}), vu = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-7e82041f"]]), wi = { class: "joy-screen-loader__content" }, ji = {
+}), mu = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-7e82041f"]]), wi = { class: "joy-screen-loader__content" }, ji = {
   key: 0,
   class: "joy-screen-loader__content"
-}, ki = /* @__PURE__ */ B({
+}, ki = /* @__PURE__ */ I({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5179,7 +5179,7 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
 }, xi = { class: "joy-panel__body" }, Vi = {
   key: 1,
   class: "joy-panel__footer"
-}, Ti = /* @__PURE__ */ B({
+}, Ti = /* @__PURE__ */ I({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5261,13 +5261,13 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), hu = /* @__PURE__ */ A(Ti, [["__scopeId", "data-v-b4158802"]]), Li = { class: "joy-panel-section" }, Ii = {
+}), pu = /* @__PURE__ */ A(Ti, [["__scopeId", "data-v-b4158802"]]), Li = { class: "joy-panel-section" }, Ii = {
   key: 0,
   class: "joy-panel-section__title"
 }, Bi = {
   key: 1,
   class: "joy-panel-section__content"
-}, Ai = /* @__PURE__ */ B({
+}, Ai = /* @__PURE__ */ I({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
@@ -5280,11 +5280,17 @@ const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
       ])) : j("", !0)
     ]));
   }
-}), gu = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-d88510ab"]]), Ei = {}, zi = { class: "joy-product-tour-spotlight" };
-function Ji(e, t) {
-  return c(), v("div", zi);
-}
-const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78"]]), Mi = () => {
+}), vu = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-d88510ab"]]), Ei = /* @__PURE__ */ I({
+  __name: "VJoyProductTourSpotlight",
+  props: {
+    disableOverlay: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => (c(), v("div", {
+      class: L(["joy-product-tour-spotlight", { "joy-product-tour-spotlight--no-overlay": e.disableOverlay }])
+    }, null, 2));
+  }
+}), zi = /* @__PURE__ */ A(Ei, [["__scopeId", "data-v-343594f0"]]), Ji = () => {
   const e = S(null);
   return {
     clearProductTourRef: () => {
@@ -5296,10 +5302,10 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
     },
     productToursRef: e
   };
-}, po = Mi(), Oi = { class: "joy-product-tour__content" }, Fi = { class: "joy-product-tour__header" }, Di = {
+}, po = Ji(), Pi = { class: "joy-product-tour__content" }, Mi = { class: "joy-product-tour__header" }, Oi = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Ri = { class: "joy-product-tour__footer___steps" }, Ni = "joy-product-tour-spotlight__wrapper", qi = /* @__PURE__ */ B({
+}, Fi = { class: "joy-product-tour__footer___steps" }, Di = "joy-product-tour-spotlight__wrapper", Ri = /* @__PURE__ */ I({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5365,7 +5371,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", b, { 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 T(x) {
-      x && (x.style.position = "relative", x.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = N(Pi), f.value = document.createElement("div"), f.value.classList.add(Ni), document.body.appendChild(f.value), jt(u.value, f.value), E());
+      x && (x.style.position = "relative", x.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = N(zi, { disableOverlay: o.disableOverlay }), f.value = document.createElement("div"), f.value.classList.add(Di), document.body.appendChild(f.value), jt(u.value, f.value), E());
     }
     function E() {
       if (!f.value)
@@ -5373,11 +5379,11 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       const { left: x, top: O, height: _, width: P } = s.value.getBoundingClientRect();
       f.value.style.left = `calc(${window.scrollX + x - o.spotlightPadding}px`, f.value.style.top = `${window.scrollY + O - o.spotlightPadding}px`, f.value.style.width = `${P}px`, f.value.style.height = `${_}px`, f.value.style.position = "absolute", f.value.style.padding = o.spotlightPadding + "px", f.value.style.boxSizing = "content-box";
     }
-    function I() {
+    function B() {
       r.value && r.value.remove();
     }
     function M() {
-      I(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), f.value && (jt(null, f.value), f.value.remove());
+      B(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), f.value && (jt(null, f.value), f.value.remove());
     }
     return G(p.value, () => {
       var x;
@@ -5433,7 +5439,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
               onClick: b
             })) : j("", !0)
           ], 2),
-          h("div", Oi, [
+          h("div", Pi, [
             e.icon ? (c(), V(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5441,17 +5447,17 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             h("div", null, [
-              h("div", Fi, [
+              h("div", Mi, [
                 w(x.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               w(x.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          x.$slots["product-tour-dismiss"] || x.$slots["product-tour-next"] ? (c(), v("div", Di, [
+          x.$slots["product-tour-dismiss"] || x.$slots["product-tour-next"] ? (c(), v("div", Oi, [
             h("div", { onClick: b }, [
               w(x.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", Ri, [
+            h("span", Fi, [
               e.steps > 1 ? (c(), v(H, { key: 0 }, [
                 R(J(e.step) + "/" + J(e.steps), 1)
               ], 64)) : j("", !0)
@@ -5464,7 +5470,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       ]);
     };
   }
-}), Hi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-3f8b3a2a"]]), bu = /* @__PURE__ */ B({
+}), Ni = /* @__PURE__ */ A(Ri, [["__scopeId", "data-v-2486a562"]]), hu = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5501,7 +5507,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       show: d,
       hide: p
     }), (m, g) => (c(), V(Ee, { to: "body" }, [
-      N(Hi, W({ ...o, ...f.value }, {
+      N(Ni, W({ ...o, ...f.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": y
@@ -5528,7 +5534,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), wu = /* @__PURE__ */ B({
+}), gu = /* @__PURE__ */ I({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5545,10 +5551,10 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       onClick: r
     }))), 128));
   }
-}), Wi = { class: "joy-progress-bar-wrapper" }, Ui = {
+}), qi = { class: "joy-progress-bar-wrapper" }, Hi = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Gi = /* @__PURE__ */ B({
+}, Wi = /* @__PURE__ */ I({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5595,18 +5601,18 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       class: L([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        h("div", Wi, [
+        h("div", qi, [
           h("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: o.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage ? (c(), v("span", Ui, J(e.percentage + "%"), 1)) : j("", !0)
+        e.showLabel && e.percentage ? (c(), v("span", Hi, J(e.percentage + "%"), 1)) : j("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ju = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-1216eff6"]]), Yi = ["id", "value", "checked", "disabled", "required", "name"], Ki = { class: "joy-radio-label" }, Zi = { class: "joy-radio-header-right" }, Xi = { class: "joy-radio-sublabel" }, Qi = { class: "joy-radio-content__wrapper" }, er = { class: "joy-radio-content" }, tr = /* @__PURE__ */ B({
+}), bu = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-1216eff6"]]), Ui = ["id", "value", "checked", "disabled", "required", "name"], Gi = { class: "joy-radio-label" }, Yi = { class: "joy-radio-header-right" }, Ki = { class: "joy-radio-sublabel" }, Zi = { class: "joy-radio-content__wrapper" }, Xi = { class: "joy-radio-content" }, Qi = /* @__PURE__ */ I({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5699,17 +5705,17 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         onChange: g,
         onFocus: b,
         onBlur: $
-      }, null, 40, Yi),
-      h("span", Ki, [
+      }, null, 40, Ui),
+      h("span", Gi, [
         w(k.$slots, "default", {}, void 0, !0),
-        h("div", Zi, [
+        h("div", Yi, [
           w(k.$slots, "radio-header-right", {}, void 0, !0)
         ])
       ]),
-      h("div", Xi, [
+      h("div", Ki, [
         w(k.$slots, "radio-sublabel", {}, void 0, !0)
       ]),
-      h("div", Qi, [
+      h("div", Zi, [
         h("div", {
           ref_key: "expandableElement",
           ref: s,
@@ -5717,13 +5723,13 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         }, [
           w(k.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
-        h("div", er, [
+        h("div", Xi, [
           w(k.$slots, "radio-content", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), ku = /* @__PURE__ */ A(tr, [["__scopeId", "data-v-6efefd03"]]), or = ["form", "name"], nr = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-6efefd03"]]), er = ["form", "name"], tr = /* @__PURE__ */ I({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5745,9 +5751,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       }, [
         w(n.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, or));
+    ], 8, er));
   }
-}), $u = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-cc091c50"]]), lr = ["aria-label"], ar = { class: "joy-rating-stars" }, ir = { class: "joy-rating-stars__content" }, rr = { key: 0 }, sr = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ A(tr, [["__scopeId", "data-v-cc091c50"]]), or = ["aria-label"], nr = { class: "joy-rating-stars" }, lr = { class: "joy-rating-stars__content" }, ar = { key: 0 }, ir = /* @__PURE__ */ I({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5779,7 +5785,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       class: "joy-rating-stars__wrapper",
       "aria-label": D(l).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", ar, [
+      h("ul", nr, [
         (c(!0), v(H, null, U(o.value, (r, s) => (c(), v("li", {
           key: s,
           class: L([`joy-rating-stars--${e.size}`])
@@ -5802,14 +5808,14 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
           }))
         ], 2))), 128))
       ]),
-      h("div", ir, [
+      h("div", lr, [
         w(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), v("span", rr, "(" + J(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (c(), v("span", ar, "(" + J(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, lr));
+    ], 8, or));
   }
-}), ur = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-df20c585"]]), cr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], dr = ["selected"], fr = /* @__PURE__ */ B({
+}), rr = /* @__PURE__ */ A(ir, [["__scopeId", "data-v-df20c585"]]), sr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], ur = ["selected"], cr = /* @__PURE__ */ I({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5953,9 +5959,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
               key: (k = $.props) == null ? void 0 : k.value
             }, { ref_for: !0 }, $.props, {
               selected: ((T = $.props) == null ? void 0 : T.value) === e.modelValue
-            }), J($.children), 17, dr);
+            }), J($.children), 17, ur);
           }), 128))
-        ], 40, cr),
+        ], 40, sr),
         N(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5963,7 +5969,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 512));
   }
-}), _u = /* @__PURE__ */ A(fr, [["__scopeId", "data-v-a56560eb"]]), yr = ["aria-disabled"], mr = ["id", "value", "checked", "disabled", "required", "name"], pr = { class: "joy-selectable-item__label" }, vr = /* @__PURE__ */ B({
+}), ku = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-a56560eb"]]), dr = ["aria-disabled"], fr = ["id", "value", "checked", "disabled", "required", "name"], yr = { class: "joy-selectable-item__label" }, mr = /* @__PURE__ */ I({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6029,7 +6035,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         (...p) => u.onFocus && u.onFocus(...p)),
         onBlur: y[2] || (y[2] = //@ts-ignore
         (...p) => u.onBlur && u.onBlur(...p))
-      }, null, 40, mr)),
+      }, null, 40, fr)),
       (c(), V(Z(D(r)), {
         for: s.value,
         class: L([
@@ -6064,7 +6070,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : j("", !0),
-          h("div", pr, [
+          h("div", yr, [
             e.multiple ? j("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -6077,9 +6083,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, yr));
+    ], 10, dr));
   }
-}), hr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-1bc198e0"]]), gr = ["id"], br = /* @__PURE__ */ B({
+}), pr = /* @__PURE__ */ A(mr, [["__scopeId", "data-v-1bc198e0"]]), vr = ["id"], hr = /* @__PURE__ */ I({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6139,7 +6145,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
           }
         ])
       }, [
-        (c(!0), v(H, null, U(e.options, (u) => (c(), V(hr, W({ ref_for: !0 }, u.attrs, {
+        (c(!0), v(H, null, U(e.options, (u) => (c(), V(pr, W({ ref_for: !0 }, u.attrs, {
           id: u.id,
           key: u.id,
           name: u.name,
@@ -6171,9 +6177,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         "no-html-error-text": e.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : j("", !0)
-    ], 8, gr));
+    ], 8, vr));
   }
-}), Su = /* @__PURE__ */ A(br, [["__scopeId", "data-v-b1ae09f7"]]), wr = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ A(hr, [["__scopeId", "data-v-b1ae09f7"]]), gr = /* @__PURE__ */ I({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6192,10 +6198,10 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), Cu = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-21db2899"]]), jr = ["id"], kr = { class: "joy-step__stroke" }, $r = {
+}), _u = /* @__PURE__ */ A(gr, [["__scopeId", "data-v-21db2899"]]), br = ["id"], wr = { class: "joy-step__stroke" }, jr = {
   key: 0,
   class: "joy-step__label"
-}, _r = /* @__PURE__ */ B({
+}, kr = /* @__PURE__ */ I({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6246,7 +6252,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         }
       ])
     }, [
-      h("span", kr, [
+      h("span", wr, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6254,15 +6260,15 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       ]),
       N(ct, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), v("span", $r, [
+          e.showLabel ? (c(), v("span", jr, [
             w(u.$slots, "default", {}, void 0, !0)
           ])) : j("", !0)
         ]),
         _: 3
       })
-    ], 10, jr));
+    ], 10, br));
   }
-}), Sr = /* @__PURE__ */ A(_r, [["__scopeId", "data-v-3820cdf3"]]), Cr = { class: "joy-stepper" }, xr = /* @__PURE__ */ B({
+}), $r = /* @__PURE__ */ A(kr, [["__scopeId", "data-v-3820cdf3"]]), _r = { class: "joy-stepper" }, Sr = /* @__PURE__ */ I({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6293,10 +6299,10 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       currentItemSubStep: u,
       steps: i,
       invalidSubStepValue: s
-    }), (y, p) => (c(), v("div", Cr, [
+    }), (y, p) => (c(), v("div", _r, [
       (c(!0), v(H, null, U(i.value, (m, g) => {
         var b;
-        return c(), V(Sr, W({ ref_for: !0 }, m.props, {
+        return c(), V($r, W({ ref_for: !0 }, m.props, {
           key: (b = m.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": d(g),
@@ -6313,7 +6319,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), xu = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-22705668"]]), Vr = ["id", "aria-hidden", "aria-labelledby"], Tr = /* @__PURE__ */ B({
+}), Su = /* @__PURE__ */ A(Sr, [["__scopeId", "data-v-22705668"]]), Cr = ["id", "aria-hidden", "aria-labelledby"], xr = /* @__PURE__ */ I({
   __name: "VJoyTab",
   props: {
     /**
@@ -6356,12 +6362,12 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       })
     }, [
       w(o.$slots, "default", {}, void 0, !0)
-    ], 10, Vr));
+    ], 10, Cr));
   }
-}), Vu = /* @__PURE__ */ A(Tr, [["__scopeId", "data-v-60bfe6bd"]]), Lr = ["id", "href", "aria-selected", "aria-controls"], Ir = {
+}), Cu = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-60bfe6bd"]]), Vr = ["id", "href", "aria-selected", "aria-controls"], Tr = {
   type: "button",
   tabindex: "-1"
-}, Br = /* @__PURE__ */ B({
+}, Lr = /* @__PURE__ */ I({
   __name: "TabButton",
   props: {
     /**
@@ -6421,7 +6427,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Ir, [
+        h("button", Tr, [
           w(r.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0),
@@ -6433,9 +6439,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, Lr));
+    ], 40, Vr));
   }
-}), Ar = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-358b26cc"]]), Er = { class: "joy-tabs" }, zr = /* @__PURE__ */ B({
+}), Ir = /* @__PURE__ */ A(Lr, [["__scopeId", "data-v-358b26cc"]]), Br = { class: "joy-tabs" }, Ar = /* @__PURE__ */ I({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6478,7 +6484,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       (b = s.value) == null || b.removeEventListener("scroll", m);
     }), t({
       tabs: d
-    }), (b, $) => (c(), v("div", Er, [
+    }), (b, $) => (c(), v("div", Br, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6497,7 +6503,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
           (c(!0), v(H, null, U(d.value, (k) => (c(), v("div", {
             key: k.props.tab
           }, [
-            N(Ar, {
+            N(Ir, {
               tab: k.props.tab,
               label: k.props.label,
               href: k.props.href,
@@ -6521,7 +6527,7 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Tu = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-9aea2d41"]]), Jr = ["id", "role", "tabindex"], Pr = /* @__PURE__ */ B({
+}), xu = /* @__PURE__ */ A(Ar, [["__scopeId", "data-v-9aea2d41"]]), Er = ["id", "role", "tabindex"], zr = /* @__PURE__ */ I({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6580,9 +6586,9 @@ const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78
         onClick: Lo(s, ["stop"]),
         onKeydown: Fe(s, ["enter"])
       })) : j("", !0)
-    ], 10, Jr));
+    ], 10, Er));
   }
-}), vo = /* @__PURE__ */ A(Pr, [["__scopeId", "data-v-4d8f5321"]]);
+}), vo = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-4d8f5321"]]);
 var je = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(je || {});
 function At(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6595,7 +6601,7 @@ function At(e) {
       return l;
   }) === void 0 : t(e);
 }
-const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholder"], Fr = { key: 0 }, Dr = { key: 1 }, Rr = /* @__PURE__ */ B({
+const Jr = { class: "joy-tags-input__wrapper" }, Pr = ["id", "name", "placeholder"], Mr = { key: 0 }, Or = { key: 1 }, Fr = /* @__PURE__ */ I({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6659,7 +6665,7 @@ const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholde
     function E() {
       a.value = !0;
     }
-    function I() {
+    function B() {
       a.value = !1, O();
     }
     function M(_) {
@@ -6687,7 +6693,7 @@ const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), (_, P) => (c(), v("div", Mr, [
+    }), (_, P) => (c(), v("div", Jr, [
       _.$slots.default ? (c(), V(Je, {
         key: 0,
         id: e.name,
@@ -6731,8 +6737,8 @@ const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholde
           placeholder: e.placeholder,
           onKeydown: T,
           onFocus: E,
-          onBlur: I
-        }, null, 40, Or)
+          onBlur: B
+        }, null, 40, Pr)
       ], 2),
       p.value ? (c(), V(mt, {
         key: 1,
@@ -6740,15 +6746,15 @@ const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            y.value ? (c(), v("li", Fr, J(e.duplicationError), 1)) : j("", !0),
-            d.value ? (c(), v("li", Dr, J(e.invalidEmailError), 1)) : j("", !0)
+            y.value ? (c(), v("li", Mr, J(e.duplicationError), 1)) : j("", !0),
+            d.value ? (c(), v("li", Or, J(e.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), Lu = /* @__PURE__ */ A(Rr, [["__scopeId", "data-v-97e5c238"]]), Nr = /* @__PURE__ */ B({
+}), Vu = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-97e5c238"]]), Dr = /* @__PURE__ */ I({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6826,36 +6832,36 @@ const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Iu = /* @__PURE__ */ A(Nr, [["__scopeId", "data-v-1d8003ef"]]), qr = {}, Hr = {
+}), Tu = /* @__PURE__ */ A(Dr, [["__scopeId", "data-v-1d8003ef"]]), Rr = {}, Nr = {
   class: /* @__PURE__ */ L(["joy-template-shape__shapes"])
 };
-function Wr(e, t) {
-  return c(), v("div", Hr, [...t[0] || (t[0] = [
+function qr(e, t) {
+  return c(), v("div", Nr, [...t[0] || (t[0] = [
     Mt('<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 Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46"]]), Gr = { class: "joy-template__wrapper" }, Yr = {
+const Hr = /* @__PURE__ */ A(Rr, [["render", qr], ["__scopeId", "data-v-da63aa46"]]), Wr = { class: "joy-template__wrapper" }, Ur = {
   key: 0,
   class: "joy-template__heading"
-}, Kr = {
+}, Gr = {
   key: 0,
   class: "joy-template-slot-back"
-}, Zr = { class: "joy-template__heading___headings" }, Xr = {
+}, Yr = { class: "joy-template__heading___headings" }, Kr = {
   key: 0,
   class: "joy-template-slot-title"
-}, Qr = {
+}, Zr = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, es = {
+}, Xr = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ts = {
+}, Qr = {
   key: 0,
   class: "joy-template-slot-main"
-}, os = {
+}, es = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ns = /* @__PURE__ */ B({
+}, ts = /* @__PURE__ */ I({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6880,21 +6886,21 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
     return (o, i) => (c(), v("div", {
       class: L(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), V(Ur, { key: 0 })) : j("", !0),
-      h("div", Gr, [
-        l.value ? (c(), v("div", Yr, [
-          n["template-back"] ? (c(), v("div", Kr, [
+      e.shapes ? (c(), V(Hr, { key: 0 })) : j("", !0),
+      h("div", Wr, [
+        l.value ? (c(), v("div", Ur, [
+          n["template-back"] ? (c(), v("div", Gr, [
             w(o.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          h("div", Zr, [
-            n["template-title"] ? (c(), v("div", Xr, [
+          h("div", Yr, [
+            n["template-title"] ? (c(), v("div", Kr, [
               w(o.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            n["template-subtitle"] ? (c(), v("div", Qr, [
+            n["template-subtitle"] ? (c(), v("div", Zr, [
               w(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          n["template-actions"] ? (c(), v("div", es, [
+          n["template-actions"] ? (c(), v("div", Xr, [
             w(o.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -6906,10 +6912,10 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          o.$slots["template-main"] ? (c(), v("div", ts, [
+          o.$slots["template-main"] ? (c(), v("div", Qr, [
             w(o.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          o.$slots["template-sidebar"] ? (c(), v("div", os, [
+          o.$slots["template-sidebar"] ? (c(), v("div", es, [
             w(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
@@ -6926,7 +6932,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), Bu = /* @__PURE__ */ A(ns, [["__scopeId", "data-v-8e1d59ca"]]), ls = /* @__PURE__ */ B({
+}), Lu = /* @__PURE__ */ A(ts, [["__scopeId", "data-v-8e1d59ca"]]), os = /* @__PURE__ */ I({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6950,13 +6956,13 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Au = /* @__PURE__ */ A(ls, [["__scopeId", "data-v-8a40109a"]]), as = ["aria-disabled"], is = { class: "joy-textarea_wrapper" }, rs = ["id", "disabled", "name", "required", "minlength", "value"], ss = {
+}), Iu = /* @__PURE__ */ A(os, [["__scopeId", "data-v-8a40109a"]]), ns = ["aria-disabled"], ls = { class: "joy-textarea_wrapper" }, as = ["id", "disabled", "name", "required", "minlength", "value"], is = {
   key: 1,
   class: "joy-textarea_helpers"
-}, us = {
+}, rs = {
   inheritAttrs: !1
-}, cs = /* @__PURE__ */ B({
-  ...us,
+}, ss = /* @__PURE__ */ I({
+  ...rs,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7076,7 +7082,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      h("div", is, [
+      h("div", ls, [
         h("textarea", W(m.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7096,9 +7102,9 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
           (...b) => p.onFocus && p.onFocus(...b)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...b) => p.onBlur && p.onBlur(...b))
-        }), null, 16, rs)
+        }), null, 16, as)
       ]),
-      e.minlength || e.maxlength ? (c(), v("div", ss, [
+      e.minlength || e.maxlength ? (c(), v("div", is, [
         e.minlength ? (c(), v("p", {
           key: 0,
           class: L(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7116,9 +7122,9 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
           class: L(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, as));
+    ], 10, ns));
   }
-}), Eu = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-26da9592"]]), ds = /* @__PURE__ */ B({
+}), Bu = /* @__PURE__ */ A(ss, [["__scopeId", "data-v-26da9592"]]), us = /* @__PURE__ */ I({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7131,10 +7137,10 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       _: 3
     }));
   }
-}), zu = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-72b57f87"]]), fs = { class: "joy-toggle__wrapper" }, ys = ["name", "disabled", "checked", "required", "aria-checked", "value"], ms = { class: "joy-toggle__symbol" }, ps = { class: "joy-toggle__symbol-bubble" }, vs = {
+}), Au = /* @__PURE__ */ A(us, [["__scopeId", "data-v-72b57f87"]]), cs = { class: "joy-toggle__wrapper" }, ds = ["name", "disabled", "checked", "required", "aria-checked", "value"], fs = { class: "joy-toggle__symbol" }, ys = { class: "joy-toggle__symbol-bubble" }, ms = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, hs = { class: "joy-toggle__content-label" }, gs = /* @__PURE__ */ B({
+}, ps = { class: "joy-toggle__content-label" }, vs = /* @__PURE__ */ I({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7193,7 +7199,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
         l.value = !1;
       }
     };
-    return (i, a) => (c(), v("div", fs, [
+    return (i, a) => (c(), v("div", cs, [
       h("label", {
         class: L([
           "joy-toggle",
@@ -7223,13 +7229,13 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
           (...r) => o.onFocus && o.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
           (...r) => o.onBlur && o.onBlur(...r))
-        }, null, 40, ys),
+        }, null, 40, ds),
         h("p", {
           class: L(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
-          h("span", ms, [
-            h("span", ps, [
-              e.variant === "default" ? (c(), v("span", vs, [...a[3] || (a[3] = [
+          h("span", fs, [
+            h("span", ys, [
+              e.variant === "default" ? (c(), v("span", ms, [...a[3] || (a[3] = [
                 h("svg", {
                   width: "18",
                   height: "10",
@@ -7249,7 +7255,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
               }))
             ])
           ]),
-          h("span", hs, [
+          h("span", ps, [
             w(i.$slots, "default", {}, () => [
               R(J(e.label), 1)
             ], !0)
@@ -7258,7 +7264,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Ju = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-fbe68c0d"]]), bs = { class: "joy-user-card__picture" }, ws = { class: "joy-user-card__informations" }, js = { class: "joy-user-card__title" }, ks = { class: "joy-user-card__subtitle" }, $s = /* @__PURE__ */ B({
+}), Eu = /* @__PURE__ */ A(vs, [["__scopeId", "data-v-fbe68c0d"]]), hs = { class: "joy-user-card__picture" }, gs = { class: "joy-user-card__informations" }, bs = { class: "joy-user-card__title" }, ws = { class: "joy-user-card__subtitle" }, js = /* @__PURE__ */ I({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7291,7 +7297,7 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", bs, [
+        h("div", hs, [
           w(t.$slots, "user-card-avatar", {}, () => [
             N(nn, {
               "photo-url": e.photoUrl,
@@ -7299,19 +7305,19 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", ws, [
-          h("p", js, [
+        h("div", gs, [
+          h("p", bs, [
             w(t.$slots, "user-card-title", {}, () => [
               R(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", ks, [
+          h("p", ws, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               R(J(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), V(ur, {
+            e.ratingValue ? (c(), V(rr, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -7324,13 +7330,13 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Pu = /* @__PURE__ */ A($s, [["__scopeId", "data-v-86acec3a"]]), _s = { class: "joy-walkthrough-trigger__content" }, Ss = {
+}), zu = /* @__PURE__ */ A(js, [["__scopeId", "data-v-86acec3a"]]), ks = { class: "joy-walkthrough-trigger__content" }, $s = {
   key: 0,
   class: "joy-pr-3"
-}, Cs = {
+}, _s = {
   key: 1,
   class: "joy-pl-3"
-}, xs = /* @__PURE__ */ B({
+}, Ss = /* @__PURE__ */ I({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7353,9 +7359,9 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
         }, null, 8, ["name"])) : j("", !0),
-        h("div", _s, [
-          e.title ? (c(), v("span", Ss, J(e.title), 1)) : j("", !0),
-          e.subtitle ? (c(), v("span", Cs, J(e.subtitle), 1)) : j("", !0)
+        h("div", ks, [
+          e.title ? (c(), v("span", $s, J(e.title), 1)) : j("", !0),
+          e.subtitle ? (c(), v("span", _s, J(e.subtitle), 1)) : j("", !0)
         ]),
         N(q, {
           class: "joy-ml-3",
@@ -7367,16 +7373,16 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Vs = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-e34e1407"]]), Ts = { class: "joy-walkthrough-modal__illustration" }, Ls = { class: "joy-walkthrough-modal__content___titles" }, Is = { class: "joy-walkthrough-modal__content___title" }, Bs = { class: "joy-walkthrough-modal__content___subtitle" }, As = {
+}), Cs = /* @__PURE__ */ A(Ss, [["__scopeId", "data-v-e34e1407"]]), xs = { class: "joy-walkthrough-modal__illustration" }, Vs = { class: "joy-walkthrough-modal__content___titles" }, Ts = { class: "joy-walkthrough-modal__content___title" }, Ls = { class: "joy-walkthrough-modal__content___subtitle" }, Is = {
   key: 0,
   class: "joy-mt-4"
-}, Es = {
+}, Bs = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, zs = {
+}, As = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Js = /* @__PURE__ */ B({
+}, Es = /* @__PURE__ */ I({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7460,24 +7466,24 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Ts, [
+                h("div", xs, [
                   w(y.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", Ls, [
-                  h("div", Is, [
+                h("div", Vs, [
+                  h("div", Ts, [
                     w(y.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Bs, [
+                  h("div", Ls, [
                     w(y.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            y.$slots["walkthrough-progress"] ? (c(), v("div", As, [
+            y.$slots["walkthrough-progress"] ? (c(), v("div", Is, [
               w(y.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : j("", !0),
-            y.$slots["walkthrough-content"] ? (c(), v("div", Es, [
+            y.$slots["walkthrough-content"] ? (c(), v("div", Bs, [
               w(y.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : j("", !0)
           ], 2),
@@ -7486,10 +7492,10 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: f
           }, [
-            h("button", zs, J(e.footer), 1)
+            h("button", As, J(e.footer), 1)
           ])) : j("", !0)
         ], 16)) : j("", !0),
-        a.value ? j("", !0) : (c(), V(Vs, W({ key: 1 }, e.triggerAttrs, {
+        a.value ? j("", !0) : (c(), V(Cs, W({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,
@@ -7499,89 +7505,89 @@ const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Mu = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-c1a50091"]]), Ou = {
+}), Ju = /* @__PURE__ */ A(Es, [["__scopeId", "data-v-c1a50091"]]), Pu = {
   install: (e) => {
     typeof window < "u" && Nt(), e.directive("joy-ripple", Ot), e.directive("bind-once", zo);
   }
 };
 export {
-  Ou as JoyVueLightPlugin,
-  Fs as VJoyAdminBanner,
-  Ds as VJoyAvailability,
+  Pu as JoyVueLightPlugin,
+  Ms as VJoyAdminBanner,
+  Os as VJoyAvailability,
   nn as VJoyAvatar,
-  Rs as VJoyAvatarsList,
-  Ns as VJoyBadge,
-  qs as VJoyBadgeLevel,
-  Hs as VJoyBlockSkeleton,
-  Ws as VJoyBottomSheet,
-  Us as VJoyBottomSheetTrigger,
+  Fs as VJoyAvatarsList,
+  Ds as VJoyBadge,
+  Rs as VJoyBadgeLevel,
+  Ns as VJoyBlockSkeleton,
+  qs as VJoyBottomSheet,
+  Hs as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Gt as VJoyCheckbox,
-  Gs as VJoyCollapse,
+  Ws as VJoyCollapse,
   Gn as VJoyCollapseItem,
-  Ys as VJoyCompanyAvatar,
-  Ks as VJoyDialog,
-  Zs as VJoyDialogTrigger,
+  Us as VJoyCompanyAvatar,
+  Gs as VJoyDialog,
+  Ys as VJoyDialogTrigger,
   qt as VJoyDot,
-  Xs as VJoyDrawer,
-  Qs as VJoyDrawerTrigger,
-  eu as VJoyDropdown,
+  Ks as VJoyDrawer,
+  Zs as VJoyDrawerTrigger,
+  Xs as VJoyDropdown,
   wl as VJoyDropdownList,
-  tu as VJoyDropzone,
-  ou as VJoyFilterBar,
-  nu as VJoyFilterBarButton,
+  Qs as VJoyDropzone,
+  eu as VJoyFilterBar,
+  tu as VJoyFilterBarButton,
   mt as VJoyFormError,
-  lu as VJoyFormFieldSkeleton,
-  au as VJoyFunnel,
-  iu as VJoyFunnelFooter,
-  ru as VJoyFunnelHeader,
-  su as VJoyHighlight,
+  ou as VJoyFormFieldSkeleton,
+  nu as VJoyFunnel,
+  lu as VJoyFunnelFooter,
+  au as VJoyFunnelHeader,
+  iu as VJoyHighlight,
   q as VJoyIcon,
   sa as VJoyIndicator,
-  uu as VJoyIndicators,
-  cu as VJoyInput,
+  ru as VJoyIndicators,
+  su as VJoyInput,
   Je as VJoyLabel,
-  du as VJoyLink,
-  fu as VJoyListItem,
-  yu as VJoyMenu,
-  mu as VJoyMenuItem,
-  pu as VJoyMultiCheckbox,
-  vu as VJoyPagination,
-  hu as VJoyPanel,
-  gu as VJoyPanelSection,
-  bu as VJoyProductTour,
-  wu as VJoyProductTourTrigger,
-  ju as VJoyProgressBar,
-  ku as VJoyRadio,
-  $u as VJoyRadioGroup,
-  ur as VJoyRatingStars,
+  uu as VJoyLink,
+  cu as VJoyListItem,
+  du as VJoyMenu,
+  fu as VJoyMenuItem,
+  yu as VJoyMultiCheckbox,
+  mu as VJoyPagination,
+  pu as VJoyPanel,
+  vu as VJoyPanelSection,
+  hu as VJoyProductTour,
+  gu as VJoyProductTourTrigger,
+  bu as VJoyProgressBar,
+  wu as VJoyRadio,
+  ju as VJoyRadioGroup,
+  rr as VJoyRatingStars,
   mo as VJoyScreenLoader,
-  _u as VJoySelect,
-  hr as VJoySelectableItem,
-  Su as VJoySelectableItemGroup,
-  Cu as VJoySeparator,
+  ku as VJoySelect,
+  pr as VJoySelectableItem,
+  $u as VJoySelectableItemGroup,
+  _u as VJoySeparator,
   No as VJoySnackbar,
   Ht as VJoySpinner,
-  Sr as VJoyStep,
-  xu as VJoyStepper,
-  Vu as VJoyTab,
-  Tu as VJoyTabs,
+  $r as VJoyStep,
+  Su as VJoyStepper,
+  Cu as VJoyTab,
+  xu as VJoyTabs,
   vo as VJoyTag,
-  Lu as VJoyTagsInput,
-  Iu as VJoyTagsList,
-  Bu as VJoyTemplate,
-  Ur as VJoyTemplateShape,
-  Au as VJoyText,
-  Eu as VJoyTextarea,
-  zu as VJoyTitleBrand,
-  Ju as VJoyToggle,
+  Vu as VJoyTagsInput,
+  Tu as VJoyTagsList,
+  Lu as VJoyTemplate,
+  Hr as VJoyTemplateShape,
+  Iu as VJoyText,
+  Bu as VJoyTextarea,
+  Au as VJoyTitleBrand,
+  Eu as VJoyToggle,
   Na as VJoyTooltip,
-  Pu as VJoyUserCard,
-  Mu as VJoyWalkthrough,
-  Vs as VJoyWalkthroughTrigger,
+  zu as VJoyUserCard,
+  Ju as VJoyWalkthrough,
+  Cs as VJoyWalkthroughTrigger,
   ie as VJoyWrapper,
   Nt as createAllSnackbarsContainer,
-  Os as pushVJoySnackbar,
-  Ms as resetCount,
+  Ps as pushVJoySnackbar,
+  Js as resetCount,
   Ot as vJoyRipple
 };