@maltjoy/core-vue 5.5.0 → 5.7.0

package/dist/core-vue.js

@@ -309,7 +309,7 @@ const Uo = {
     typeof window < "u" && qt(), e.directive("joy-ripple", Ft);
   }
 };
-function Ms() {
+function Os() {
   qe = 0, Nt = [];
 }
 function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
@@ -330,7 +330,7 @@ function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
         }
     `, document.head.appendChild(l), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function Os(e) {
+function Fs(e) {
   var i, a;
   qe++;
   let t, l;
@@ -364,7 +364,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Fs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
+}), Ds = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,7 +389,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], 64)) : w("", !0)
     ], 10, Zo));
   }
-}), Ds = /* @__PURE__ */ x(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
+}), Rs = /* @__PURE__ */ x(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
 }, tn = ["height"], on = /* @__PURE__ */ B({
@@ -403,13 +403,12 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     profile: { default: "default" },
     loading: { default: "lazy" },
     isEmpty: { type: Boolean, default: !1 },
-    square: { type: Boolean, default: !1 },
     placeholder: { default: "user-photo" },
     showLetters: { type: Boolean, default: !0 }
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = T(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = T(() => n.link ? {
+    const o = l, n = e, i = T(() => n.size === "large" || n.size === "xlarge" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = T(() => n.link ? {
       type: "button"
     } : null), r = T(() => ({
       "joy-avatar": !0,
@@ -436,7 +435,6 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ref: "avatarEl",
       class: I(["joy-avatar__wrapper", {
         [`joy-avatar__wrapper--${u.size}`]: !0,
-        "joy-core-radius-6": !u.square,
         "joy-avatar__wrapper--anonymous": s.value
       }])
     }, [
@@ -487,7 +485,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : w("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-d71c0a84"]]), ln = /* @__PURE__ */ B({
+}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-95311575"]]), ln = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -504,7 +502,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
+}), Ns = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -570,7 +568,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), un = /* @__PURE__ */ x(sn, [["__scopeId", "data-v-46da379b"]]);
+}), un = /* @__PURE__ */ x(sn, [["__scopeId", "data-v-0036108b"]]);
 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 || {}), He = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(He || {});
 const dn = { class: "joy-badge-level" }, cn = {
   key: 1,
@@ -712,7 +710,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       ], 2)
     ]));
   }
-}), Ns = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ B({
+}), qs = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -749,7 +747,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       })
     }, null, 6));
   }
-}), qs = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ B({
+}), Hs = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -772,6 +770,11 @@ const dn = { class: "joy-badge-level" }, cn = {
       type: Boolean,
       default: !1
     },
+    /** The button takes all the available space (100% width) */
+    full: {
+      type: Boolean,
+      default: !1
+    },
     /** Name of the icon, placed before the text */
     icon: {
       type: String
@@ -833,7 +836,8 @@ const dn = { class: "joy-badge-level" }, cn = {
           `joy-button_${e.size}`,
           {
             "joy-button_circle": e.circle,
-            "joy-button_loading": e.loading
+            "joy-button_loading": e.loading,
+            "joy-button_full": e.full
           }
         ]),
         "aria-labelledby": (r.$slots.default || e.label) && n
@@ -872,7 +876,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       ]);
     };
   }
-}), ne = /* @__PURE__ */ x(gn, [["__scopeId", "data-v-d687ce44"]]);
+}), ne = /* @__PURE__ */ x(gn, [["__scopeId", "data-v-661ce9c3"]]);
 function Xe(e) {
   return Jt() ? (Pt(e), !0) : !1;
 }
@@ -1269,7 +1273,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 16)) : w("", !0)
     ], 8, ["to"])) : w("", !0);
   }
-}), Hs = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-098e6a23"]]), Ws = /* @__PURE__ */ B({
+}), Ws = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-098e6a23"]]), Us = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1607,7 +1611,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Us = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ B({
+}), Gs = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1655,7 +1659,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Gs = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ B({
+}), Ys = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1987,7 +1991,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Ys = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Ks = /* @__PURE__ */ B({
+}), Ks = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Zs = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2236,7 +2240,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Zs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), Xs = /* @__PURE__ */ B({
+}), Xs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), Qs = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2645,10 +2649,13 @@ const $l = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), Qs = /* @__PURE__ */ x($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
+}), eu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
-    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
+    /**
+     * In some cases you'll need to inject the error in the DOM but hide it. Visible by default
+     * @deprecated - The property is now ignored.
+     */
     visible: {
       type: Boolean,
       default: !0
@@ -2660,15 +2667,21 @@ const $l = /* @__PURE__ */ B({
       type: Array,
       required: !1
     },
-    /** Error message to display. If you need a list of errors, use the slot instead */
+    /**
+     * Error message to display. If you need a list of errors, use the slot instead
+     * @deprecated Use the slot instead, or the errors prop.
+     */
     noHtmlErrorText: String
   },
   setup(e) {
-    const t = Y();
-    return (l, o) => (c(), v("div", {
+    const t = Y(), l = e, o = T(() => n.value || i.value || l.noHtmlErrorText !== void 0), n = T(() => l.errors && l.errors.length > 0), i = T(() => {
+      var a;
+      return !!((a = t.default) != null && a.call(t));
+    });
+    return (a, r) => (c(), v("div", {
       "data-joy-form-error": "",
-      "aria-hidden": e.visible,
-      class: I(["joy-form-error", { "joy-has-error": e.visible }]),
+      "aria-hidden": o.value,
+      class: I(["joy-form-error", { "joy-has-error": o.value }]),
       role: "alert"
     }, [
       R(q, {
@@ -2676,15 +2689,15 @@ const $l = /* @__PURE__ */ B({
         name: "warning-triangle"
       }),
       h("div", null, [
-        t.default ? _(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Cl, [
-          (c(!0), v(H, null, U(e.errors, (n) => (c(), v("li", { key: n }, J(n), 1))), 128))
+        t.default ? _(a.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Cl, [
+          (c(!0), v(H, null, U(e.errors, (s) => (c(), v("li", { key: s }, J(s), 1))), 128))
         ])) : (c(), v(H, { key: 2 }, [
           F(J(e.noHtmlErrorText), 1)
         ], 64))
       ])
     ], 10, Sl));
   }
-}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-01e18099"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ B({
+}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-1aba4256"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -2936,7 +2949,7 @@ const $l = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 2));
   }
-}), eu = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ B({
+}), tu = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2953,7 +2966,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ], 8, Rl));
   }
-}), tu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ B({
+}), ou = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2991,7 +3004,7 @@ const $l = /* @__PURE__ */ B({
       })) : w("", !0)
     ], 2));
   }
-}), ou = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ B({
+}), nu = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3029,7 +3042,7 @@ const $l = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), nu = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ B({
+}), lu = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3102,7 +3115,7 @@ const $l = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), lu = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ B({
+}), au = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), v("footer", Kl, [
@@ -3114,7 +3127,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), au = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ B({
+}), ru = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), v("header", ea, [
@@ -3126,7 +3139,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), ru = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ B({
+}), iu = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3183,7 +3196,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), iu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ B({
+}), su = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3263,7 +3276,7 @@ const $l = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), su = /* @__PURE__ */ x(ca, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, fa = Math.max, pa = {
+}), uu = /* @__PURE__ */ x(ca, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, fa = Math.max, pa = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -4472,7 +4485,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       _: 3
     }, 8, ["options"]));
   }
-}), Ha = /* @__PURE__ */ x(qa, [["__scopeId", "data-v-4e623435"]]), Wa = { class: "joy-label__group" }, Ua = { class: "joy-label__group___main" }, Ga = {
+}), Ha = /* @__PURE__ */ x(qa, [["__scopeId", "data-v-4ab73c2f"]]), Wa = { class: "joy-label__group" }, Ua = { class: "joy-label__group___main" }, Ga = {
   key: 0,
   class: "joy-label-required"
 }, Ya = {
@@ -4559,7 +4572,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     size: { default: "medium" },
     type: { default: "text" },
     unit: {},
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    clearAriaLabel: { default: "Clear input" }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
@@ -4673,12 +4687,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           f.value ? (c(), L(ne, {
             key: 0,
             class: "joy-input--clear",
+            "aria-label": k.clearAriaLabel,
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
             onClick: $.clearValue
-          }, null, 8, ["onClick"])) : w("", !0),
+          }, null, 8, ["aria-label", "onClick"])) : w("", !0),
           b.value ? (c(), L(q, {
             key: 1,
             class: "joy-input--password-icon",
@@ -4699,7 +4714,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ], 2)
     ], 2));
   }
-}), uu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-c233e6e6"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
+}), du = /* @__PURE__ */ x(er, [["__scopeId", "data-v-7ae40801"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4734,7 +4749,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), du = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ B({
+}), cu = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4770,7 +4785,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       })
     ]));
   }
-}), cu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ B({
+}), fu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4874,7 +4889,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ], 40, ir);
     };
   }
-}), fu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ B({
+}), pu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4933,7 +4948,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       }, 16, ["class", "type"]))
     ], 8, cr));
   }
-}), pu = /* @__PURE__ */ x(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
+}), yu = /* @__PURE__ */ x(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
   class: /* @__PURE__ */ I(["joy-multi-checkbox"])
 }, vr = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
@@ -4992,7 +5007,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ])
     ], 8, yr));
   }
-}), yu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ B({
+}), mu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5127,7 +5142,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ])
     ], 8, hr));
   }
-}), mu = /* @__PURE__ */ x(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
+}), vu = /* @__PURE__ */ x(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
   key: 0,
   class: "joy-screen-loader__content"
 }, $r = /* @__PURE__ */ B({
@@ -5164,15 +5179,18 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   key: 0,
   class: /* @__PURE__ */ I(["joy-panel__header"])
 }, Cr = {
+  key: 0,
+  class: "joy-panel__header-title-icon"
+}, Vr = {
   key: 1,
   class: "joy-panel__header-action"
-}, Vr = {
+}, Tr = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Tr = { class: "joy-panel__body" }, Lr = {
+}, Lr = { class: "joy-panel__body" }, Ir = {
   key: 1,
   class: "joy-panel__footer"
-}, Ir = /* @__PURE__ */ B({
+}, Br = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5204,7 +5222,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = C(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
+    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = C(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
     return (a, r) => (c(), v("section", {
       ref_key: "panel",
       ref: n,
@@ -5224,19 +5242,22 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           key: 0,
           class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
+          o["panel-title-icon"] ? (c(), v("div", Cr, [
+            _(a.$slots, "panel-title-icon", {}, void 0, !0)
+          ])) : w("", !0),
           _(a.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : w("", !0),
-        o["panel-title-action"] ? (c(), v("div", Cr, [
+        o["panel-title-action"] ? (c(), v("div", Vr, [
           _(a.$slots, "panel-title-action", {}, void 0, !0)
         ])) : w("", !0),
-        o["panel-subtitle"] ? (c(), v("div", Vr, [
+        o["panel-subtitle"] ? (c(), v("div", Tr, [
           _(a.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : w("", !0)
       ])) : w("", !0),
-      h("div", Tr, [
+      h("div", Lr, [
         _(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (c(), v("footer", Lr, [
+      o["panel-action"] ? (c(), v("footer", Ir, [
         _(a.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0),
       e.loading ? (c(), L(yo, {
@@ -5251,30 +5272,30 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       }, 8, ["color"])) : w("", !0)
     ], 6));
   }
-}), vu = /* @__PURE__ */ x(Ir, [["__scopeId", "data-v-bf00f207"]]), Br = { class: "joy-panel-section" }, Ar = {
+}), hu = /* @__PURE__ */ x(Br, [["__scopeId", "data-v-b4158802"]]), Ar = { class: "joy-panel-section" }, xr = {
   key: 0,
   class: "joy-panel-section__title"
-}, xr = {
+}, Er = {
   key: 1,
   class: "joy-panel-section__content"
-}, Er = /* @__PURE__ */ B({
+}, zr = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
-    return (l, o) => (c(), v("div", Br, [
-      D(t)["panel-section-title"] ? (c(), v("div", Ar, [
+    return (l, o) => (c(), v("div", Ar, [
+      D(t)["panel-section-title"] ? (c(), v("div", xr, [
         _(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      D(t)["panel-section-content"] ? (c(), v("div", xr, [
+      D(t)["panel-section-content"] ? (c(), v("div", Er, [
         _(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
   }
-}), hu = /* @__PURE__ */ x(Er, [["__scopeId", "data-v-d88510ab"]]), zr = {}, Jr = { class: "joy-product-tour-spotlight" };
-function Pr(e, t) {
-  return c(), v("div", Jr);
+}), gu = /* @__PURE__ */ x(zr, [["__scopeId", "data-v-d88510ab"]]), Jr = {}, Pr = { class: "joy-product-tour-spotlight" };
+function Mr(e, t) {
+  return c(), v("div", Pr);
 }
-const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78"]]), Or = () => {
+const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78"]]), Fr = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5286,10 +5307,10 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     },
     productToursRef: e
   };
-}, mo = Or(), Fr = { class: "joy-product-tour__content" }, Dr = { class: "joy-product-tour__header" }, Rr = {
+}, mo = Fr(), Dr = { class: "joy-product-tour__content" }, Rr = { class: "joy-product-tour__header" }, Nr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Nr = { class: "joy-product-tour__footer___steps" }, qr = "joy-product-tour-spotlight__wrapper", Hr = /* @__PURE__ */ B({
+}, qr = { class: "joy-product-tour__footer___steps" }, Hr = "joy-product-tour-spotlight__wrapper", Wr = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5355,7 +5376,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__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 k(j) {
-      j && (j.style.position = "relative", j.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = R(Mr), p.value = document.createElement("div"), p.value.classList.add(qr), document.body.appendChild(p.value), wt(d.value, p.value), E());
+      j && (j.style.position = "relative", j.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = R(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(d.value, p.value), E());
     }
     function E() {
       if (!p.value)
@@ -5423,7 +5444,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
               onClick: b
             })) : w("", !0)
           ], 2),
-          h("div", Fr, [
+          h("div", Dr, [
             j.icon ? (c(), L(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5431,17 +5452,17 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
               size: "medium"
             }, null, 8, ["name"])) : w("", !0),
             h("div", null, [
-              h("div", Dr, [
+              h("div", Rr, [
                 _(j.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               _(j.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          j.$slots["product-tour-dismiss"] || j.$slots["product-tour-next"] ? (c(), v("div", Rr, [
+          j.$slots["product-tour-dismiss"] || j.$slots["product-tour-next"] ? (c(), v("div", Nr, [
             h("div", { onClick: b }, [
               _(j.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", Nr, [
+            h("span", qr, [
               j.steps > 1 ? (c(), v(H, { key: 0 }, [
                 F(J(j.step) + "/" + J(j.steps), 1)
               ], 64)) : w("", !0)
@@ -5454,7 +5475,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ]);
     };
   }
-}), Wr = /* @__PURE__ */ x(Hr, [["__scopeId", "data-v-3f8b3a2a"]]), gu = /* @__PURE__ */ B({
+}), Ur = /* @__PURE__ */ x(Wr, [["__scopeId", "data-v-3f8b3a2a"]]), bu = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5491,7 +5512,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       show: u,
       hide: m
     }), (y, g) => (c(), L(xe, { to: "body" }, [
-      R(Wr, W({ ...n, ...p.value }, {
+      R(Ur, W({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5518,7 +5539,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), bu = /* @__PURE__ */ B({
+}), _u = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5535,10 +5556,10 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       onClick: r
     }))), 128));
   }
-}), Ur = { class: "joy-progress-bar-wrapper" }, Gr = {
+}), Gr = { class: "joy-progress-bar-wrapper" }, Yr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Yr = /* @__PURE__ */ B({
+}, Kr = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5585,18 +5606,18 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       class: I([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        h("div", Ur, [
+        h("div", Gr, [
           h("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: n.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage ? (c(), v("span", Gr, J(e.percentage + "%"), 1)) : w("", !0)
+        e.showLabel && e.percentage ? (c(), v("span", Yr, J(e.percentage + "%"), 1)) : w("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), _u = /* @__PURE__ */ x(Yr, [["__scopeId", "data-v-1216eff6"]]), Kr = ["id", "value", "checked", "disabled", "required", "name"], Zr = { class: "joy-radio-label" }, Xr = { class: "joy-radio-header-right" }, Qr = { class: "joy-radio-sublabel" }, ei = { class: "joy-radio-content__wrapper" }, ti = { class: "joy-radio-content" }, oi = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ x(Kr, [["__scopeId", "data-v-1216eff6"]]), Zr = ["id", "value", "checked", "disabled", "required", "name"], Xr = { class: "joy-radio-label" }, Qr = { class: "joy-radio-header-right" }, ei = { class: "joy-radio-sublabel" }, ti = { class: "joy-radio-content__wrapper" }, oi = { class: "joy-radio-content" }, ni = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5678,17 +5699,17 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         onChange: f,
         onFocus: m,
         onBlur: y
-      }, null, 40, Kr),
-      h("span", Zr, [
+      }, null, 40, Zr),
+      h("span", Xr, [
         _(g.$slots, "default", {}, void 0, !0),
-        h("div", Xr, [
+        h("div", Qr, [
           _(g.$slots, "radio-header-right", {}, void 0, !0)
         ])
       ]),
-      h("div", Qr, [
+      h("div", ei, [
         _(g.$slots, "radio-sublabel", {}, void 0, !0)
       ]),
-      h("div", ei, [
+      h("div", ti, [
         h("div", {
           ref_key: "expandableElement",
           ref: s,
@@ -5696,13 +5717,13 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         }, [
           _(g.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
-        h("div", ti, [
+        h("div", oi, [
           _(g.$slots, "radio-content", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), wu = /* @__PURE__ */ x(oi, [["__scopeId", "data-v-c5b11e4c"]]), ni = ["form", "name"], li = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-c5b11e4c"]]), li = ["form", "name"], ai = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5723,9 +5744,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }, [
         _(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, ni));
+    ], 8, li));
   }
-}), ju = /* @__PURE__ */ x(li, [["__scopeId", "data-v-ac4dd24e"]]), ai = ["aria-label"], ri = { class: "joy-rating-stars" }, ii = { class: "joy-rating-stars__content" }, si = { key: 0 }, ui = /* @__PURE__ */ B({
+}), ku = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-ac4dd24e"]]), ri = ["aria-label"], ii = { class: "joy-rating-stars" }, si = { class: "joy-rating-stars__content" }, ui = { key: 0 }, di = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5757,7 +5778,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       class: "joy-rating-stars__wrapper",
       "aria-label": D(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", ri, [
+      h("ul", ii, [
         (c(!0), v(H, null, U(n.value, (r, s) => (c(), v("li", {
           key: s,
           class: I([`joy-rating-stars--${e.size}`])
@@ -5780,14 +5801,14 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           }))
         ], 2))), 128))
       ]),
-      h("div", ii, [
+      h("div", si, [
         _(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), v("span", si, "(" + J(e.reviewCount) + ")", 1)) : w("", !0)
+          e.reviewCount ? (c(), v("span", ui, "(" + J(e.reviewCount) + ")", 1)) : w("", !0)
         ], !0)
       ])
-    ], 8, ai));
+    ], 8, ri));
   }
-}), di = /* @__PURE__ */ x(ui, [["__scopeId", "data-v-df20c585"]]), ci = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], fi = ["selected"], pi = /* @__PURE__ */ B({
+}), ci = /* @__PURE__ */ x(di, [["__scopeId", "data-v-df20c585"]]), fi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], pi = ["selected"], yi = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5932,9 +5953,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
               ref_for: !0
             }, V.props, {
               selected: ((k = V.props) == null ? void 0 : k.value) === e.modelValue
-            }), J(V.children), 17, fi);
+            }), J(V.children), 17, pi);
           }), 128))
-        ], 40, ci),
+        ], 40, fi),
         R(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5942,7 +5963,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 512));
   }
-}), ku = /* @__PURE__ */ x(pi, [["__scopeId", "data-v-a56560eb"]]), yi = ["aria-disabled"], mi = ["id", "value", "checked", "disabled", "required", "name"], vi = { class: "joy-selectable-item__label" }, hi = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ x(yi, [["__scopeId", "data-v-a56560eb"]]), mi = ["aria-disabled"], vi = ["id", "value", "checked", "disabled", "required", "name"], hi = { class: "joy-selectable-item__label" }, gi = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6008,7 +6029,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         (...m) => d.onFocus && d.onFocus(...m)),
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => d.onBlur && d.onBlur(...m))
-      }, null, 40, mi)),
+      }, null, 40, vi)),
       (c(), L(Z(D(r)), {
         for: s.value,
         class: I([
@@ -6043,7 +6064,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : w("", !0),
-          h("div", vi, [
+          h("div", hi, [
             u.multiple ? w("", !0) : _(u.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -6056,9 +6077,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, yi));
+    ], 10, mi));
   }
-}), gi = /* @__PURE__ */ x(hi, [["__scopeId", "data-v-1bc198e0"]]), bi = ["id"], _i = /* @__PURE__ */ B({
+}), bi = /* @__PURE__ */ x(gi, [["__scopeId", "data-v-1bc198e0"]]), _i = ["id"], wi = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6118,7 +6139,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           }
         ])
       }, [
-        (c(!0), v(H, null, U(r.options, (d) => (c(), L(gi, W({ ref_for: !0 }, d.attrs, {
+        (c(!0), v(H, null, U(r.options, (d) => (c(), L(bi, W({ ref_for: !0 }, d.attrs, {
           id: d.id,
           key: d.id,
           name: d.name,
@@ -6150,9 +6171,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         "no-html-error-text": r.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : w("", !0)
-    ], 8, bi));
+    ], 8, _i));
   }
-}), $u = /* @__PURE__ */ x(_i, [["__scopeId", "data-v-b1ae09f7"]]), wi = /* @__PURE__ */ B({
+}), Su = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-b1ae09f7"]]), ji = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6171,10 +6192,10 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), Su = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-21db2899"]]), ji = ["id"], ki = { class: "joy-step__stroke" }, $i = {
+}), Cu = /* @__PURE__ */ x(ji, [["__scopeId", "data-v-21db2899"]]), ki = ["id"], $i = { class: "joy-step__stroke" }, Si = {
   key: 0,
   class: "joy-step__label"
-}, Si = /* @__PURE__ */ B({
+}, Ci = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6225,7 +6246,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         }
       ])
     }, [
-      h("span", ki, [
+      h("span", $i, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6233,15 +6254,15 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ]),
       R(dt, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), v("span", $i, [
+          e.showLabel ? (c(), v("span", Si, [
             _(d.$slots, "default", {}, void 0, !0)
           ])) : w("", !0)
         ]),
         _: 3
       })
-    ], 10, ji));
+    ], 10, ki));
   }
-}), Ci = /* @__PURE__ */ x(Si, [["__scopeId", "data-v-3820cdf3"]]), Vi = { class: "joy-stepper" }, Ti = /* @__PURE__ */ B({
+}), Vi = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Li = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6272,10 +6293,10 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       currentItemSubStep: d,
       steps: i,
       invalidSubStepValue: s
-    }), (f, m) => (c(), v("div", Vi, [
+    }), (f, m) => (c(), v("div", Ti, [
       (c(!0), v(H, null, U(i.value, (y, g) => {
         var b;
-        return c(), L(Ci, W({ ref_for: !0 }, y.props, {
+        return c(), L(Vi, W({ ref_for: !0 }, y.props, {
           key: (b = y.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": u(g),
@@ -6292,7 +6313,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), Cu = /* @__PURE__ */ x(Ti, [["__scopeId", "data-v-22705668"]]), Li = ["id", "aria-hidden", "aria-labelledby"], Ii = /* @__PURE__ */ B({
+}), Vu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Bi = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6335,12 +6356,12 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       })
     }, [
       _(n.$slots, "default", {}, void 0, !0)
-    ], 10, Li));
+    ], 10, Ii));
   }
-}), Vu = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-60bfe6bd"]]), Bi = ["id", "href", "aria-selected", "aria-controls"], Ai = {
+}), Tu = /* @__PURE__ */ x(Bi, [["__scopeId", "data-v-60bfe6bd"]]), Ai = ["id", "href", "aria-selected", "aria-controls"], xi = {
   type: "button",
   tabindex: "-1"
-}, xi = /* @__PURE__ */ B({
+}, Ei = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6400,7 +6421,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Ai, [
+        h("button", xi, [
           _(r.$slots, "default", {}, () => [
             F(J(e.label), 1)
           ], !0),
@@ -6412,9 +6433,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           }, null, 8, ["number"])) : w("", !0)
         ])
       ], 2)
-    ], 40, Bi));
+    ], 40, Ai));
   }
-}), Ei = /* @__PURE__ */ x(xi, [["__scopeId", "data-v-8424823d"]]), zi = { class: "joy-tabs" }, Ji = /* @__PURE__ */ B({
+}), zi = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-8424823d"]]), Ji = { class: "joy-tabs" }, Pi = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6457,7 +6478,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       (b = s.value) == null || b.removeEventListener("scroll", y);
     }), t({
       tabs: u
-    }), (b, V) => (c(), v("div", zi, [
+    }), (b, V) => (c(), v("div", Ji, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6476,7 +6497,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           (c(!0), v(H, null, U(u.value, ($) => (c(), v("div", {
             key: $.props.tab
           }, [
-            R(Ei, {
+            R(zi, {
               tab: $.props.tab,
               label: $.props.label,
               href: $.props.href,
@@ -6500,7 +6521,7 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Tu = /* @__PURE__ */ x(Ji, [["__scopeId", "data-v-9aea2d41"]]), Pi = ["id", "role"], Mi = /* @__PURE__ */ B({
+}), Lu = /* @__PURE__ */ x(Pi, [["__scopeId", "data-v-9aea2d41"]]), Mi = ["id", "role"], Oi = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6558,9 +6579,9 @@ const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         onClick: Io(s, ["stop"]),
         onKeydown: Oe(s, ["enter"])
       })) : w("", !0)
-    ], 10, Pi));
+    ], 10, Mi));
   }
-}), vo = /* @__PURE__ */ x(Mi, [["__scopeId", "data-v-f672398d"]]);
+}), vo = /* @__PURE__ */ x(Oi, [["__scopeId", "data-v-f672398d"]]);
 var _e = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(_e || {});
 function Et(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6573,7 +6594,7 @@ function Et(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholder"], Di = { key: 0 }, Ri = { key: 1 }, Ni = /* @__PURE__ */ B({
+const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholder"], Ri = { key: 0 }, Ni = { key: 1 }, qi = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6665,7 +6686,7 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), (S, P) => (c(), v("div", Oi, [
+    }), (S, P) => (c(), v("div", Fi, [
       S.$slots.default ? (c(), L(ze, {
         key: 0,
         id: S.name,
@@ -6710,7 +6731,7 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
           onKeydown: k,
           onFocus: E,
           onBlur: A
-        }, null, 40, Fi)
+        }, null, 40, Di)
       ], 2),
       m.value ? (c(), L(yt, {
         key: 1,
@@ -6718,15 +6739,15 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", Di, J(S.duplicationError), 1)) : w("", !0),
-            u.value ? (c(), v("li", Ri, J(S.invalidEmailError), 1)) : w("", !0)
+            f.value ? (c(), v("li", Ri, J(S.duplicationError), 1)) : w("", !0),
+            u.value ? (c(), v("li", Ni, J(S.invalidEmailError), 1)) : w("", !0)
           ])
         ]),
         _: 1
       })) : w("", !0)
     ]));
   }
-}), Lu = /* @__PURE__ */ x(Ni, [["__scopeId", "data-v-97e5c238"]]), qi = /* @__PURE__ */ B({
+}), Iu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6805,36 +6826,36 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Iu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-1d8003ef"]]), Hi = {}, Wi = {
+}), Bu = /* @__PURE__ */ x(Hi, [["__scopeId", "data-v-1d8003ef"]]), Wi = {}, Ui = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
-function Ui(e, t) {
-  return c(), v("div", Wi, t[0] || (t[0] = [
+function Gi(e, t) {
+  return c(), v("div", Ui, t[0] || (t[0] = [
     Ot('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46"]]), Yi = { class: "joy-template__wrapper" }, Ki = {
+const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46"]]), Ki = { class: "joy-template__wrapper" }, Zi = {
   key: 0,
   class: "joy-template__heading"
-}, Zi = {
+}, Xi = {
   key: 0,
   class: "joy-template-slot-back"
-}, Xi = { class: "joy-template__heading___headings" }, Qi = {
+}, Qi = { class: "joy-template__heading___headings" }, es = {
   key: 0,
   class: "joy-template-slot-title"
-}, es = {
+}, ts = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ts = {
+}, os = {
   key: 1,
   class: "joy-template-slot-actions"
-}, os = {
+}, ns = {
   key: 0,
   class: "joy-template-slot-main"
-}, ns = {
+}, ls = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ls = /* @__PURE__ */ B({
+}, as = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6859,21 +6880,21 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
     return (n, i) => (c(), v("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), L(Gi, { key: 0 })) : w("", !0),
-      h("div", Yi, [
-        o.value ? (c(), v("div", Ki, [
-          l["template-back"] ? (c(), v("div", Zi, [
+      e.shapes ? (c(), L(Yi, { key: 0 })) : w("", !0),
+      h("div", Ki, [
+        o.value ? (c(), v("div", Zi, [
+          l["template-back"] ? (c(), v("div", Xi, [
             _(n.$slots, "template-back", {}, void 0, !0)
           ])) : w("", !0),
-          h("div", Xi, [
-            l["template-title"] ? (c(), v("div", Qi, [
+          h("div", Qi, [
+            l["template-title"] ? (c(), v("div", es, [
               _(n.$slots, "template-title", {}, void 0, !0)
             ])) : w("", !0),
-            l["template-subtitle"] ? (c(), v("div", es, [
+            l["template-subtitle"] ? (c(), v("div", ts, [
               _(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : w("", !0)
           ]),
-          l["template-actions"] ? (c(), v("div", ts, [
+          l["template-actions"] ? (c(), v("div", os, [
             _(n.$slots, "template-actions", {}, void 0, !0)
           ])) : w("", !0)
         ])) : w("", !0),
@@ -6885,10 +6906,10 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          n.$slots["template-main"] ? (c(), v("div", os, [
+          n.$slots["template-main"] ? (c(), v("div", ns, [
             _(n.$slots, "template-main", {}, void 0, !0)
           ])) : w("", !0),
-          n.$slots["template-sidebar"] ? (c(), v("div", ns, [
+          n.$slots["template-sidebar"] ? (c(), v("div", ls, [
             _(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
@@ -6905,7 +6926,7 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : w("", !0)
     ], 2));
   }
-}), Bu = /* @__PURE__ */ x(ls, [["__scopeId", "data-v-8e1d59ca"]]), as = /* @__PURE__ */ B({
+}), Au = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8e1d59ca"]]), rs = /* @__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 */
@@ -6929,13 +6950,13 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Au = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8a40109a"]]), rs = ["aria-disabled"], is = { class: "joy-textarea_wrapper" }, ss = ["id", "disabled", "name", "required", "minlength", "value"], us = {
+}), xu = /* @__PURE__ */ x(rs, [["__scopeId", "data-v-8a40109a"]]), is = ["aria-disabled"], ss = { class: "joy-textarea_wrapper" }, us = ["id", "disabled", "name", "required", "minlength", "value"], ds = {
   key: 1,
   class: "joy-textarea_helpers"
-}, ds = {
+}, cs = {
   inheritAttrs: !1
-}, cs = /* @__PURE__ */ B({
-  ...ds,
+}, fs = /* @__PURE__ */ B({
+  ...cs,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7055,7 +7076,7 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : w("", !0),
-      h("div", is, [
+      h("div", ss, [
         h("textarea", W(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7075,9 +7096,9 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           (...b) => m.onFocus && m.onFocus(...b)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...b) => m.onBlur && m.onBlur(...b))
-        }), null, 16, ss)
+        }), null, 16, us)
       ]),
-      e.minlength || e.maxlength ? (c(), v("div", us, [
+      e.minlength || e.maxlength ? (c(), v("div", ds, [
         e.minlength ? (c(), v("p", {
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7095,9 +7116,9 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           class: I(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
       ])) : w("", !0)
-    ], 10, rs));
+    ], 10, is));
   }
-}), xu = /* @__PURE__ */ x(cs, [["__scopeId", "data-v-26da9592"]]), fs = /* @__PURE__ */ B({
+}), Eu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-26da9592"]]), ps = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7110,10 +7131,10 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       _: 3
     }));
   }
-}), Eu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-f63a2545"]]), ps = { class: "joy-toggle__wrapper" }, ys = ["name", "disabled", "checked", "required", "aria-checked", "value"], ms = { class: "joy-toggle__content" }, vs = { class: "joy-toggle__content-label" }, hs = {
+}), zu = /* @__PURE__ */ x(ps, [["__scopeId", "data-v-f63a2545"]]), ys = { class: "joy-toggle__wrapper" }, ms = ["name", "disabled", "checked", "required", "aria-checked", "value"], vs = { class: "joy-toggle__content" }, hs = { class: "joy-toggle__content-label" }, gs = {
   key: 0,
   class: "joy-toggle__smile"
-}, gs = /* @__PURE__ */ B({
+}, bs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7165,7 +7186,7 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (i, a) => (c(), v("div", ps, [
+    return (i, a) => (c(), v("div", ys, [
       h("label", {
         class: I([
           "joy-toggle",
@@ -7195,15 +7216,15 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           (...r) => n.onFocus && n.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
           (...r) => n.onBlur && n.onBlur(...r))
-        }, null, 40, ys),
-        h("p", ms, [
+        }, null, 40, ms),
+        h("p", vs, [
           a[4] || (a[4] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
-          h("span", vs, [
+          h("span", hs, [
             _(i.$slots, "default", {}, () => [
               F(J(e.label), 1)
             ], !0)
           ]),
-          e.variant === "default" ? (c(), v("span", hs, a[3] || (a[3] = [
+          e.variant === "default" ? (c(), v("span", gs, a[3] || (a[3] = [
             h("svg", {
               width: "18",
               height: "10",
@@ -7225,7 +7246,7 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), zu = /* @__PURE__ */ x(gs, [["__scopeId", "data-v-df289167"]]), bs = { class: "joy-user-card__picture" }, _s = { class: "joy-user-card__informations" }, ws = { class: "joy-user-card__title" }, js = { class: "joy-user-card__subtitle" }, ks = /* @__PURE__ */ B({
+}), Ju = /* @__PURE__ */ x(bs, [["__scopeId", "data-v-df289167"]]), _s = { 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({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7258,7 +7279,7 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", bs, [
+        h("div", _s, [
           _(t.$slots, "user-card-avatar", {}, () => [
             R(nn, {
               "photo-url": e.photoUrl,
@@ -7266,19 +7287,19 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", _s, [
-          h("p", ws, [
+        h("div", ws, [
+          h("p", js, [
             _(t.$slots, "user-card-title", {}, () => [
               F(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", js, [
+          h("p", ks, [
             _(t.$slots, "user-card-subtitle", {}, () => [
               F(J(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), L(di, {
+            e.ratingValue ? (c(), L(ci, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : w("", !0)
@@ -7291,13 +7312,13 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Ju = /* @__PURE__ */ x(ks, [["__scopeId", "data-v-86acec3a"]]), $s = { class: "joy-walkthrough-trigger__content" }, Ss = {
+}), Pu = /* @__PURE__ */ x($s, [["__scopeId", "data-v-86acec3a"]]), Ss = { class: "joy-walkthrough-trigger__content" }, Cs = {
   key: 0,
   class: "joy-pr-3"
-}, Cs = {
+}, Vs = {
   key: 1,
   class: "joy-pl-3"
-}, Vs = /* @__PURE__ */ B({
+}, Ts = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7320,9 +7341,9 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : w("", !0),
-        h("div", $s, [
-          o.title ? (c(), v("span", Ss, J(o.title), 1)) : w("", !0),
-          o.subtitle ? (c(), v("span", Cs, J(o.subtitle), 1)) : w("", !0)
+        h("div", Ss, [
+          o.title ? (c(), v("span", Cs, J(o.title), 1)) : w("", !0),
+          o.subtitle ? (c(), v("span", Vs, J(o.subtitle), 1)) : w("", !0)
         ]),
         R(q, {
           class: "joy-ml-3",
@@ -7334,16 +7355,16 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Ts = /* @__PURE__ */ x(Vs, [["__scopeId", "data-v-56824d11"]]), Ls = { class: "joy-walkthrough-modal__illustration" }, Is = { class: "joy-walkthrough-modal__content___titles" }, Bs = { class: "joy-walkthrough-modal__content___title" }, As = { class: "joy-walkthrough-modal__content___subtitle" }, xs = {
+}), Ls = /* @__PURE__ */ x(Ts, [["__scopeId", "data-v-56824d11"]]), Is = { class: "joy-walkthrough-modal__illustration" }, Bs = { class: "joy-walkthrough-modal__content___titles" }, As = { class: "joy-walkthrough-modal__content___title" }, xs = { class: "joy-walkthrough-modal__content___subtitle" }, Es = {
   key: 0,
   class: "joy-mt-4"
-}, Es = {
+}, zs = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, zs = {
+}, Js = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Js = /* @__PURE__ */ B({
+}, Ps = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7427,24 +7448,24 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Ls, [
+                h("div", Is, [
                   _(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", Is, [
-                  h("div", Bs, [
+                h("div", Bs, [
+                  h("div", As, [
                     _(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", As, [
+                  h("div", xs, [
                     _(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), v("div", xs, [
+            f.$slots["walkthrough-progress"] ? (c(), v("div", Es, [
               _(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : w("", !0),
-            f.$slots["walkthrough-content"] ? (c(), v("div", Es, [
+            f.$slots["walkthrough-content"] ? (c(), v("div", zs, [
               _(f.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : w("", !0)
           ], 2),
@@ -7453,10 +7474,10 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: p
           }, [
-            h("button", zs, J(f.footer), 1)
+            h("button", Js, J(f.footer), 1)
           ])) : w("", !0)
         ], 16)) : w("", !0),
-        a.value ? w("", !0) : (c(), L(Ts, W({ key: 1 }, f.triggerAttrs, {
+        a.value ? w("", !0) : (c(), L(Ls, W({ key: 1 }, f.triggerAttrs, {
           title: f.triggerTitle,
           subtitle: f.triggerSubtitle,
           icon: f.triggerIcon,
@@ -7466,89 +7487,89 @@ const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Pu = /* @__PURE__ */ x(Js, [["__scopeId", "data-v-c1a50091"]]), Mu = {
+}), Mu = /* @__PURE__ */ x(Ps, [["__scopeId", "data-v-c1a50091"]]), Ou = {
   install: (e) => {
     typeof window < "u" && qt(), e.directive("joy-ripple", Ft), e.directive("bind-once", zo);
   }
 };
 export {
-  Mu as JoyVueLightPlugin,
-  Fs as VJoyAdminBanner,
-  Ds as VJoyAvailability,
+  Ou as JoyVueLightPlugin,
+  Ds as VJoyAdminBanner,
+  Rs as VJoyAvailability,
   nn as VJoyAvatar,
-  Rs as VJoyAvatarsList,
+  Ns as VJoyAvatarsList,
   un as VJoyBadge,
-  Ns as VJoyBadgeLevel,
-  qs as VJoyBlockSkeleton,
-  Hs as VJoyBottomSheet,
-  Ws as VJoyBottomSheetTrigger,
+  qs as VJoyBadgeLevel,
+  Hs as VJoyBlockSkeleton,
+  Ws as VJoyBottomSheet,
+  Us as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Gt as VJoyCheckbox,
-  Us as VJoyCollapse,
+  Gs as VJoyCollapse,
   Kn as VJoyCollapseItem,
-  Gs as VJoyCompanyAvatar,
-  Ys as VJoyDialog,
-  Ks as VJoyDialogTrigger,
+  Ys as VJoyCompanyAvatar,
+  Ks as VJoyDialog,
+  Zs as VJoyDialogTrigger,
   $t as VJoyDot,
-  Zs as VJoyDrawer,
-  Xs as VJoyDrawerTrigger,
-  Qs as VJoyDropdown,
+  Xs as VJoyDrawer,
+  Qs as VJoyDrawerTrigger,
+  eu as VJoyDropdown,
   jl as VJoyDropdownList,
-  eu as VJoyDropzone,
-  tu as VJoyFilterBar,
-  ou as VJoyFilterBarButton,
+  tu as VJoyDropzone,
+  ou as VJoyFilterBar,
+  nu as VJoyFilterBarButton,
   yt as VJoyFormError,
-  nu as VJoyFormFieldSkeleton,
-  lu as VJoyFunnel,
-  au as VJoyFunnelFooter,
-  ru as VJoyFunnelHeader,
-  iu as VJoyHighlight,
+  lu as VJoyFormFieldSkeleton,
+  au as VJoyFunnel,
+  ru as VJoyFunnelFooter,
+  iu as VJoyFunnelHeader,
+  su as VJoyHighlight,
   q as VJoyIcon,
   da as VJoyIndicator,
-  su as VJoyIndicators,
-  uu as VJoyInput,
+  uu as VJoyIndicators,
+  du as VJoyInput,
   ze as VJoyLabel,
-  du as VJoyLink,
-  cu as VJoyListItem,
-  fu as VJoyMenu,
-  pu as VJoyMenuItem,
-  yu as VJoyMultiCheckbox,
-  mu as VJoyPagination,
-  vu as VJoyPanel,
-  hu as VJoyPanelSection,
-  gu as VJoyProductTour,
-  bu as VJoyProductTourTrigger,
-  _u as VJoyProgressBar,
-  wu as VJoyRadio,
-  ju as VJoyRadioGroup,
-  di as VJoyRatingStars,
+  cu as VJoyLink,
+  fu as VJoyListItem,
+  pu as VJoyMenu,
+  yu as VJoyMenuItem,
+  mu as VJoyMultiCheckbox,
+  vu as VJoyPagination,
+  hu as VJoyPanel,
+  gu as VJoyPanelSection,
+  bu as VJoyProductTour,
+  _u as VJoyProductTourTrigger,
+  wu as VJoyProgressBar,
+  ju as VJoyRadio,
+  ku as VJoyRadioGroup,
+  ci as VJoyRatingStars,
   yo as VJoyScreenLoader,
-  ku as VJoySelect,
-  gi as VJoySelectableItem,
-  $u as VJoySelectableItemGroup,
-  Su as VJoySeparator,
+  $u as VJoySelect,
+  bi as VJoySelectableItem,
+  Su as VJoySelectableItemGroup,
+  Cu as VJoySeparator,
   No as VJoySnackbar,
   Ht as VJoySpinner,
-  Ci as VJoyStep,
-  Cu as VJoyStepper,
-  Vu as VJoyTab,
-  Tu as VJoyTabs,
+  Vi as VJoyStep,
+  Vu as VJoyStepper,
+  Tu as VJoyTab,
+  Lu as VJoyTabs,
   vo as VJoyTag,
-  Lu as VJoyTagsInput,
-  Iu as VJoyTagsList,
-  Bu as VJoyTemplate,
-  Gi as VJoyTemplateShape,
-  Au as VJoyText,
-  xu as VJoyTextarea,
-  Eu as VJoyTitleBrand,
-  zu as VJoyToggle,
+  Iu as VJoyTagsInput,
+  Bu as VJoyTagsList,
+  Au as VJoyTemplate,
+  Yi as VJoyTemplateShape,
+  xu as VJoyText,
+  Eu as VJoyTextarea,
+  zu as VJoyTitleBrand,
+  Ju as VJoyToggle,
   Ha as VJoyTooltip,
-  Ju as VJoyUserCard,
-  Pu as VJoyWalkthrough,
-  Ts as VJoyWalkthroughTrigger,
+  Pu as VJoyUserCard,
+  Mu as VJoyWalkthrough,
+  Ls as VJoyWalkthroughTrigger,
   re as VJoyWrapper,
   qt as createAllSnackbarsContainer,
-  Os as pushVJoySnackbar,
-  Ms as resetCount,
+  Fs as pushVJoySnackbar,
+  Os as resetCount,
   Ft as vJoyRipple
 };