@maltjoy/core-vue 5.0.0-alpha.1 → 5.0.0

package/dist/core-vue.js

@@ -309,7 +309,7 @@ const Yo = {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt);
   }
 };
-function Ks() {
+function Ws() {
   He = 0, Ht = [];
 }
 function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
@@ -330,7 +330,7 @@ function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
         }
     `, 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 Zs(e) {
+function Us(e) {
   var i, a;
   He++;
   let t, l;
@@ -364,7 +364,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Xs = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
+}), Gs = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,7 +389,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       ], 64)) : _("", !0)
     ], 10, Qo));
   }
-}), Qs = /* @__PURE__ */ A(en, [["__scopeId", "data-v-b3bb9092"]]), tn = ["src", "title", "alt", "loading"], on = {
+}), Ys = /* @__PURE__ */ A(en, [["__scopeId", "data-v-b3bb9092"]]), tn = ["src", "title", "alt", "loading"], on = {
   key: 0,
   class: "joy-avatar__strategy"
 }, nn = ["height"], ln = /* @__PURE__ */ L({
@@ -501,7 +501,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       w(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), eu = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-c985cccf"]]), sn = { key: 0 }, un = /* @__PURE__ */ L({
+}), Ks = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-c985cccf"]]), sn = { key: 0 }, un = /* @__PURE__ */ L({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -709,7 +709,7 @@ const fn = { class: "joy-badge-level" }, pn = {
       ], 2)
     ]));
   }
-}), tu = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ L({
+}), Zs = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ L({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -746,7 +746,7 @@ const fn = { class: "joy-badge-level" }, pn = {
       })
     }, null, 6));
   }
-}), ou = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
+}), Xs = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -1266,7 +1266,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       ], 16)) : _("", !0)
     ], 8, ["to"])) : _("", !0);
   }
-}), nu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-098e6a23"]]), lu = /* @__PURE__ */ L({
+}), Qs = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-098e6a23"]]), eu = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1586,7 +1586,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), au = /* @__PURE__ */ A(el, [["__scopeId", "data-v-35744932"]]), tl = ["src", "alt", "title", "loading"], ol = /* @__PURE__ */ L({
+}), tu = /* @__PURE__ */ A(el, [["__scopeId", "data-v-35744932"]]), tl = ["src", "alt", "title", "loading"], ol = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1634,7 +1634,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       }, null, 8, ["size"]))
     ], 2));
   }
-}), ru = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-2f1289c1"]]), nl = ["aria-hidden"], ll = /* @__PURE__ */ L({
+}), ou = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-2f1289c1"]]), nl = ["aria-hidden"], ll = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1898,7 +1898,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ], 2)
     ]));
   }
-}), iu = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-556fd173"]]), hl = /* @__PURE__ */ L({
+}), nu = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-556fd173"]]), hl = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2230,7 +2230,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), su = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-0f773f72"]]), uu = /* @__PURE__ */ L({
+}), lu = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-0f773f72"]]), au = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2479,7 +2479,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), du = /* @__PURE__ */ A(Bl, [["__scopeId", "data-v-056f6134"]]), cu = /* @__PURE__ */ L({
+}), ru = /* @__PURE__ */ A(Bl, [["__scopeId", "data-v-056f6134"]]), iu = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2873,7 +2873,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       _: 3
     }, 512));
   }
-}), fu = /* @__PURE__ */ A(Fl, [["__scopeId", "data-v-8d25933f"]]), Ol = { class: "joy-dropzone__icon-wrapper" }, Dl = /* @__PURE__ */ L({
+}), su = /* @__PURE__ */ A(Fl, [["__scopeId", "data-v-8d25933f"]]), Ol = { class: "joy-dropzone__icon-wrapper" }, Dl = /* @__PURE__ */ L({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -3125,7 +3125,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       }, null, 8, ["no-html-error-text"])) : _("", !0)
     ], 2));
   }
-}), pu = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-bf95ba80"]]), ea = ["aria-label"], ta = { class: "joy-filter-bar__wrapper" }, oa = /* @__PURE__ */ L({
+}), uu = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-bf95ba80"]]), ea = ["aria-label"], ta = { class: "joy-filter-bar__wrapper" }, oa = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3142,7 +3142,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ])
     ], 8, ea));
   }
-}), yu = /* @__PURE__ */ A(oa, [["__scopeId", "data-v-cb769d05"]]), na = /* @__PURE__ */ L({
+}), du = /* @__PURE__ */ A(oa, [["__scopeId", "data-v-cb769d05"]]), na = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3179,7 +3179,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       })) : _("", !0)
     ], 2));
   }
-}), mu = /* @__PURE__ */ A(na, [["__scopeId", "data-v-cfb21c78"]]), la = /* @__PURE__ */ L({
+}), cu = /* @__PURE__ */ A(na, [["__scopeId", "data-v-cfb21c78"]]), la = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3217,7 +3217,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       })
     }, null, 6));
   }
-}), vu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-235a3b9e"]]), aa = { class: "joy-funnel__header" }, ra = { class: "funnel__header__inner" }, ia = /* @__PURE__ */ L({
+}), fu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-235a3b9e"]]), aa = { class: "joy-funnel__header" }, ra = { class: "funnel__header__inner" }, ia = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3290,7 +3290,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ], 32)
     ], 2));
   }
-}), hu = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-e2fccb79"]]), sa = { class: "joy-funnel-footer" }, ua = { class: "joy-funnel-footer__left" }, da = { class: "joy-funnel-footer__right" }, ca = /* @__PURE__ */ L({
+}), pu = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-e2fccb79"]]), sa = { class: "joy-funnel-footer" }, ua = { class: "joy-funnel-footer__left" }, da = { class: "joy-funnel-footer__right" }, ca = /* @__PURE__ */ L({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), g("footer", sa, [
@@ -3302,7 +3302,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ])
     ]));
   }
-}), gu = /* @__PURE__ */ A(ca, [["__scopeId", "data-v-bdeeb2bd"]]), fa = { class: "joy-funnel-header" }, pa = { class: "joy-funnel-header__left" }, ya = { class: "joy-funnel-header__right" }, ma = /* @__PURE__ */ L({
+}), yu = /* @__PURE__ */ A(ca, [["__scopeId", "data-v-bdeeb2bd"]]), fa = { class: "joy-funnel-header" }, pa = { class: "joy-funnel-header__left" }, ya = { class: "joy-funnel-header__right" }, ma = /* @__PURE__ */ L({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), g("header", fa, [
@@ -3314,19 +3314,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ])
     ]));
   }
-}), bu = /* @__PURE__ */ A(ma, [["__scopeId", "data-v-d9804793"]]), va = { class: "joy-header" }, ha = { class: "joy-header__left" }, ga = { class: "joy-header__right" }, ba = /* @__PURE__ */ L({
-  __name: "VJoyHeader",
-  setup(e) {
-    return (t, l) => (c(), g("header", va, [
-      v("div", ha, [
-        w(t.$slots, "header-left", {}, void 0, !0)
-      ]),
-      v("div", ga, [
-        w(t.$slots, "header-right", {}, void 0, !0)
-      ])
-    ]));
-  }
-}), wu = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-7928856e"]]), wa = { class: "joy-highlight__decorator" }, _a = { class: "joy-highlight__text" }, ja = { key: 0 }, ka = /* @__PURE__ */ L({
+}), mu = /* @__PURE__ */ A(ma, [["__scopeId", "data-v-d9804793"]]), va = { class: "joy-highlight__decorator" }, ha = { class: "joy-highlight__text" }, ga = { key: 0 }, ba = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3367,7 +3355,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         }
       ])
     }, [
-      v("div", wa, [
+      v("div", va, [
         w(n.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (c(), T(R, {
             key: 0,
@@ -3375,15 +3363,15 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           }, null, 8, ["name"])) : _("", !0)
         ], !0)
       ]),
-      v("div", _a, [
-        n.$slots["highlight-title"] ? (c(), g("strong", ja, [
+      v("div", ha, [
+        n.$slots["highlight-title"] ? (c(), g("strong", ga, [
           w(n.$slots, "highlight-title", {}, void 0, !0)
         ])) : _("", !0),
         w(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), _u = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-e5c2ff23"]]), $a = ["aria-label"], Sa = /* @__PURE__ */ L({
+}), vu = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-e5c2ff23"]]), wa = ["aria-label"], _a = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3413,10 +3401,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         type: "button",
         class: I(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, $a)
+      }, null, 10, wa)
     ], 2));
   }
-}), Ca = /* @__PURE__ */ A(Sa, [["__scopeId", "data-v-88a82b4f"]]), Va = /* @__PURE__ */ L({
+}), ja = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-88a82b4f"]]), ka = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3454,7 +3442,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     }), (u, f) => (c(), g("ul", {
       class: I(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), g(W, null, U(r.value, (m) => (c(), T(Ca, H({
+      (c(!0), g(W, null, U(r.value, (m) => (c(), T(ja, H({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -3463,7 +3451,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), ju = /* @__PURE__ */ A(Va, [["__scopeId", "data-v-f2dd63e9"]]), Ta = ["id", "name", "required", "disabled", "readonly", "type", "value"], xa = ["data-unit"], Ia = /* @__PURE__ */ L({
+}), hu = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-f2dd63e9"]]), $a = ["id", "name", "required", "disabled", "readonly", "type", "value"], Sa = ["data-unit"], Ca = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3645,7 +3633,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             (...B) => j.onChange && j.onChange(...B)),
             onWheel: E[4] || (E[4] = //@ts-ignore
             (...B) => j.onWheelScroll && j.onWheelScroll(...B))
-          }), null, 16, Ta),
+          }), null, 16, $a),
           f.value ? (c(), T(ne, {
             key: 0,
             class: "joy-input--clear",
@@ -3670,12 +3658,12 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, xa)) : _("", !0)
+          }, null, 8, Sa)) : _("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), ku = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-aa5a992c"]]), La = { class: "joy-link__text" }, Ba = /* @__PURE__ */ L({
+}), gu = /* @__PURE__ */ A(Ca, [["__scopeId", "data-v-aa5a992c"]]), Va = { class: "joy-link__text" }, Ta = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3701,7 +3689,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           key: 0,
           name: e.icon
         }, null, 8, ["name"])) : _("", !0),
-        v("span", La, [
+        v("span", Va, [
           w(t.$slots, "default", {}, () => [
             D(J(e.text), 1)
           ], !0)
@@ -3710,7 +3698,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), $u = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-19a65db4"]]), Aa = { class: "joy-list-item__left" }, Ea = { class: "joy-font-primary-300 joy-m-0" }, za = { class: "joy-list-item__right" }, Ja = /* @__PURE__ */ L({
+}), bu = /* @__PURE__ */ A(Ta, [["__scopeId", "data-v-19a65db4"]]), xa = { class: "joy-list-item__left" }, Ia = { class: "joy-font-primary-300 joy-m-0" }, La = { class: "joy-list-item__right" }, Ba = /* @__PURE__ */ L({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -3728,17 +3716,17 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         justify: "space-between"
       }, {
         default: z(() => [
-          v("div", Aa, [
+          v("div", xa, [
             t.icon ? (c(), T(R, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
             }, null, 8, ["name"])) : _("", !0),
-            v("p", Ea, [
+            v("p", Ia, [
               w(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          v("div", za, [
+          v("div", La, [
             w(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
@@ -3746,7 +3734,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       })
     ]));
   }
-}), Su = /* @__PURE__ */ A(Ja, [["__scopeId", "data-v-6c3750f0"]]), Ma = ["aria-activedescendant", "aria-label"], Pa = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Fa = { "aria-hidden": "true" }, Oa = /* @__PURE__ */ L({
+}), wu = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-6c3750f0"]]), Aa = ["aria-activedescendant", "aria-label"], Ea = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], za = { "aria-hidden": "true" }, Ja = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3835,7 +3823,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           role: "menuitem",
           onClick: (b) => a(y)
         }, [
-          v("div", Fa, [
+          v("div", za, [
             w(u.$slots, "menu-item", H({ ref_for: !0 }, y), () => [
               y.icon ? (c(), T(R, {
                 key: 0,
@@ -3844,13 +3832,13 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               v("span", null, J(y.label), 1)
             ], !0)
           ])
-        ], 42, Pa)), [
+        ], 42, Ea)), [
           [m, { id: s(y) }]
         ])), 128))
-      ], 40, Ma);
+      ], 40, Aa);
     };
   }
-}), Cu = /* @__PURE__ */ A(Oa, [["__scopeId", "data-v-b76ae1e8"]]), Da = ["aria-disabled", "aria-current", "title", "aria-label"], Ra = { class: "joy-menu-item__label joy-font-primary-400" }, Na = /* @__PURE__ */ L({
+}), _u = /* @__PURE__ */ A(Ja, [["__scopeId", "data-v-b76ae1e8"]]), Ma = ["aria-disabled", "aria-current", "title", "aria-label"], Pa = { class: "joy-menu-item__label joy-font-primary-400" }, Fa = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -3897,7 +3885,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             class: "joy-menu-item__icon-left",
             name: s.icon
           }, null, 8, ["name"])) : _("", !0),
-          v("span", Ra, J(s.label), 1),
+          v("span", Pa, J(s.label), 1),
           s.status ? (c(), T(R, {
             key: 1,
             class: "joy-menu-item__icon-right",
@@ -3907,11 +3895,11 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         ]),
         _: 1
       }, 16, ["class", "type"]))
-    ], 8, Da));
+    ], 8, Ma));
   }
-}), Vu = /* @__PURE__ */ A(Na, [["__scopeId", "data-v-283b560c"]]), qa = ["id"], Ha = {
+}), ju = /* @__PURE__ */ A(Fa, [["__scopeId", "data-v-283b560c"]]), Oa = ["id"], Da = {
   class: /* @__PURE__ */ I(["joy-multi-checkbox"])
-}, Wa = /* @__PURE__ */ L({
+}, Ra = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -3949,7 +3937,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      v("div", Ha, [
+      v("div", Da, [
         (c(!0), g(W, null, U(a.options, (s) => (c(), T(Kt, {
           id: s.id,
           key: s.id,
@@ -3966,9 +3954,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, qa));
+    ], 8, Oa));
   }
-}), Tu = /* @__PURE__ */ A(Wa, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
+}), ku = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3999,7 +3987,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Ua = ["aria-label", "data-current"], Ga = ["onClick"], Ya = ["aria-current"], Ka = 6, Za = /* @__PURE__ */ L({
+}), Na = ["aria-label", "data-current"], qa = ["onClick"], Ha = ["aria-current"], Wa = 6, Ua = /* @__PURE__ */ L({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4033,7 +4021,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     const l = e, o = t, n = V(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ka ? s(2, l.totalPages - 1) : d(l.currentPage));
+    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Wa ? s(2, l.totalPages - 1) : d(l.currentPage));
     function r(p, u) {
       l.currentPage === 1 && u === "prev" || l.currentPage === l.totalPages && u === "next" || o("update:current-page", p);
     }
@@ -4083,9 +4071,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                 v("button", {
                   type: "button",
                   "aria-current": f === e.currentPage ? "true" : "false"
-                }, J(f), 9, Ya)
+                }, J(f), 9, Ha)
               ], !0)
-            ], 10, Ga))), 128))
+            ], 10, qa))), 128))
           ])
         ]),
         v("li", {
@@ -4101,12 +4089,12 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           ], !0)
         ])
       ])
-    ], 8, Ua));
+    ], 8, Na));
   }
-}), xu = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-7e82041f"]]), Xa = { class: "joy-screen-loader__content" }, Qa = {
+}), $u = /* @__PURE__ */ A(Ua, [["__scopeId", "data-v-7e82041f"]]), Ga = { class: "joy-screen-loader__content" }, Ya = {
   key: 0,
   class: "joy-screen-loader__content"
-}, er = /* @__PURE__ */ L({
+}, Ka = /* @__PURE__ */ L({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4124,31 +4112,31 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     return (t, l) => (c(), g("div", {
       class: I(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      v("div", Xa, [
+      v("div", Ga, [
         w(t.$slots, "spinner", {}, () => [
           O(Ut, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (c(), g("div", Qa, [
+        t.$slots.content ? (c(), g("div", Ya, [
           w(t.$slots, "content", {}, void 0, !0)
         ])) : _("", !0)
       ])
     ], 2));
   }
-}), Xt = /* @__PURE__ */ A(er, [["__scopeId", "data-v-266b7e2a"]]), tr = {
+}), Xt = /* @__PURE__ */ A(Ka, [["__scopeId", "data-v-266b7e2a"]]), Za = {
   key: 0,
   class: /* @__PURE__ */ I(["joy-panel__header"])
-}, or = {
+}, Xa = {
   key: 1,
   class: "joy-panel__header-action"
-}, nr = {
+}, Qa = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, lr = { class: "joy-panel__body" }, ar = {
+}, er = { class: "joy-panel__body" }, tr = {
   key: 1,
   class: "joy-panel__footer"
-}, rr = /* @__PURE__ */ L({
+}, or = /* @__PURE__ */ L({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4195,24 +4183,24 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         }
       ])
     }, [
-      i.value ? (c(), g("header", tr, [
+      i.value ? (c(), g("header", Za, [
         o["panel-title"] ? (c(), g("div", {
           key: 0,
           class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           w(a.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : _("", !0),
-        o["panel-title-action"] ? (c(), g("div", or, [
+        o["panel-title-action"] ? (c(), g("div", Xa, [
           w(a.$slots, "panel-title-action", {}, void 0, !0)
         ])) : _("", !0),
-        o["panel-subtitle"] ? (c(), g("div", nr, [
+        o["panel-subtitle"] ? (c(), g("div", Qa, [
           w(a.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : _("", !0)
       ])) : _("", !0),
-      v("div", lr, [
+      v("div", er, [
         w(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (c(), g("footer", ar, [
+      o["panel-action"] ? (c(), g("footer", tr, [
         w(a.$slots, "panel-action", {}, void 0, !0)
       ])) : _("", !0),
       e.loading ? (c(), T(Xt, {
@@ -4227,40 +4215,40 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       }, 8, ["color"])) : _("", !0)
     ], 6));
   }
-}), Iu = /* @__PURE__ */ A(rr, [["__scopeId", "data-v-bf00f207"]]), ir = { class: "joy-panel-section" }, sr = {
+}), Su = /* @__PURE__ */ A(or, [["__scopeId", "data-v-bf00f207"]]), nr = { class: "joy-panel-section" }, lr = {
   key: 0,
   class: "joy-panel-section__title"
-}, ur = {
+}, ar = {
   key: 1,
   class: "joy-panel-section__content"
-}, dr = /* @__PURE__ */ L({
+}, rr = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = G();
-    return (l, o) => (c(), g("div", ir, [
-      q(t)["panel-section-title"] ? (c(), g("div", sr, [
+    return (l, o) => (c(), g("div", nr, [
+      q(t)["panel-section-title"] ? (c(), g("div", lr, [
         w(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : _("", !0),
-      q(t)["panel-section-content"] ? (c(), g("div", ur, [
+      q(t)["panel-section-content"] ? (c(), g("div", ar, [
         w(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : _("", !0)
     ]));
   }
-}), Lu = /* @__PURE__ */ A(dr, [["__scopeId", "data-v-d88510ab"]]), cr = {}, fr = { class: "joy-product-tour-spotlight" };
-function pr(e, t) {
-  return c(), g("div", fr);
+}), Cu = /* @__PURE__ */ A(rr, [["__scopeId", "data-v-d88510ab"]]), ir = {}, sr = { class: "joy-product-tour-spotlight" };
+function ur(e, t) {
+  return c(), g("div", sr);
 }
-const yr = /* @__PURE__ */ A(cr, [["render", pr], ["__scopeId", "data-v-fbaf8e78"]]), rt = Math.min, mr = Math.max, vr = {
+const dr = /* @__PURE__ */ A(ir, [["render", ur], ["__scopeId", "data-v-fbaf8e78"]]), rt = Math.min, cr = Math.max, fr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, hr = {
+}, pr = {
   start: "end",
   end: "start"
 };
 function it(e, t, l) {
-  return mr(e, rt(t, l));
+  return cr(e, rt(t, l));
 }
 function ke(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4283,20 +4271,20 @@ function $e(e) {
 function bt(e) {
   return ht($e(e));
 }
-function gr(e, t, l) {
+function yr(e, t, l) {
   l === void 0 && (l = !1);
   const o = De(e), n = bt(e), i = gt(n);
   let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
-function br(e) {
+function mr(e) {
   const t = Ue(e);
   return [st(e), t, st(t)];
 }
 function st(e) {
-  return e.replace(/start|end/g, (t) => hr[t]);
+  return e.replace(/start|end/g, (t) => pr[t]);
 }
-function wr(e, t, l) {
+function vr(e, t, l) {
   const o = ["left", "right"], n = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4309,15 +4297,15 @@ function wr(e, t, l) {
       return [];
   }
 }
-function _r(e, t, l, o) {
+function hr(e, t, l, o) {
   const n = De(e);
-  let i = wr(ve(e), l === "start", o);
+  let i = vr(ve(e), l === "start", o);
   return n && (i = i.map((a) => a + "-" + n), t && (i = i.concat(i.map(st)))), i;
 }
 function Ue(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => vr[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => fr[t]);
 }
-function jr(e) {
+function gr(e) {
   return {
     top: 0,
     right: 0,
@@ -4327,7 +4315,7 @@ function jr(e) {
   };
 }
 function Qt(e) {
-  return typeof e != "number" ? jr(e) : {
+  return typeof e != "number" ? gr(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4400,7 +4388,7 @@ function Lt(e, t, l) {
   }
   return m;
 }
-const kr = async (e, t, l) => {
+const br = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
@@ -4506,7 +4494,7 @@ async function eo(e, t) {
     right: (B.right - $.right + y.right) / E.x
   };
 }
-const $r = (e) => ({
+const wr = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4567,12 +4555,12 @@ const $r = (e) => ({
       } = ke(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const $ = ve(n), j = $e(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (x || !b ? [Ue(r)] : br(r)), P = y !== "none";
-      !f && P && B.push(..._r(r, b, y, E));
+      const $ = ve(n), j = $e(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (x || !b ? [Ue(r)] : mr(r)), P = y !== "none";
+      !f && P && B.push(...hr(r, b, y, E));
       const k = [r, ...B], N = await eo(t, h), S = [];
       let M = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (p && S.push(N[$]), u) {
-        const Q = gr(n, a, E);
+        const Q = yr(n, a, E);
         S.push(N[Q[0]], N[Q[1]]);
       }
       if (M = [...M, {
@@ -4623,7 +4611,7 @@ const $r = (e) => ({
     }
   };
 };
-async function Sr(e, t) {
+async function _r(e, t) {
   const {
     placement: l,
     platform: o,
@@ -4662,7 +4650,7 @@ const oo = function(e) {
         y: i,
         placement: a,
         middlewareData: r
-      } = t, s = await Sr(t, e);
+      } = t, s = await _r(t, e);
       return a === ((l = r.offset) == null ? void 0 : l.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: n + s.x,
         y: i + s.y,
@@ -4803,14 +4791,14 @@ function Re(e) {
   } = le(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
 }
-function Cr(e) {
+function jr(e) {
   return ["table", "td", "th"].includes(ge(e));
 }
 function wt(e) {
   const t = _t(), l = le(e);
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
-function Vr(e) {
+function kr(e) {
   let t = Ee(e);
   for (; ie(t) && !ot(t); ) {
     if (wt(t))
@@ -4887,15 +4875,15 @@ function Ae(e) {
     y: r
   };
 }
-const Tr = /* @__PURE__ */ he(0);
+const $r = /* @__PURE__ */ he(0);
 function so(e) {
   const t = oe(e);
-  return !_t() || !t.visualViewport ? Tr : {
+  return !_t() || !t.visualViewport ? $r : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function xr(e, t, l) {
+function Sr(e, t, l) {
   return t === void 0 && (t = !1), !l || t && l !== oe(e) ? !1 : t;
 }
 function Se(e, t, l, o) {
@@ -4903,7 +4891,7 @@ function Se(e, t, l, o) {
   const n = e.getBoundingClientRect(), i = jt(e);
   let a = he(1);
   t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
-  const r = xr(i, l, o) ? so(i) : he(0);
+  const r = Sr(i, l, o) ? so(i) : he(0);
   let s = (n.left + r.x) / a.x, d = (n.top + r.y) / a.y, p = n.width / a.x, u = n.height / a.y;
   if (i) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
@@ -4920,7 +4908,7 @@ function Se(e, t, l, o) {
     y: d
   });
 }
-function Ir(e) {
+function Cr(e) {
   let {
     rect: t,
     offsetParent: l,
@@ -4945,13 +4933,13 @@ function Ir(e) {
     y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
-function Lr(e) {
+function Vr(e) {
   return Array.from(e.getClientRects());
 }
 function uo(e) {
   return Se(ce(e)).left + nt(e).scrollLeft;
 }
-function Br(e) {
+function Tr(e) {
   const t = ce(e), l = nt(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -l.scrollLeft + uo(e);
   const r = -l.scrollTop;
@@ -4962,7 +4950,7 @@ function Br(e) {
     y: r
   };
 }
-function Ar(e, t) {
+function xr(e, t) {
   const l = oe(e), o = ce(e), n = l.visualViewport;
   let i = o.clientWidth, a = o.clientHeight, r = 0, s = 0;
   if (n) {
@@ -4977,7 +4965,7 @@ function Ar(e, t) {
     y: s
   };
 }
-function Er(e, t) {
+function Ir(e, t) {
   const l = Se(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, d = o * i.y;
   return {
     width: a,
@@ -4989,11 +4977,11 @@ function Er(e, t) {
 function At(e, t, l) {
   let o;
   if (t === "viewport")
-    o = Ar(e, l);
+    o = xr(e, l);
   else if (t === "document")
-    o = Br(ce(e));
+    o = Tr(ce(e));
   else if (de(t))
-    o = Er(t, l);
+    o = Ir(t, l);
   else {
     const n = so(e);
     o = {
@@ -5008,7 +4996,7 @@ function co(e, t) {
   const l = Ee(e);
   return l === t || !de(l) || ot(l) ? !1 : le(l).position === "fixed" || co(l, t);
 }
-function zr(e, t) {
+function Lr(e, t) {
   const l = t.get(e);
   if (l)
     return l;
@@ -5021,14 +5009,14 @@ function zr(e, t) {
   }
   return t.set(e, o), o;
 }
-function Jr(e) {
+function Br(e) {
   let {
     element: t,
     boundary: l,
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? zr(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((d, p) => {
+  const a = [...l === "clippingAncestors" ? Lr(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((d, p) => {
     const u = At(t, p, n);
     return d.top = Be(u.top, d.top), d.right = ut(u.right, d.right), d.bottom = ut(u.bottom, d.bottom), d.left = Be(u.left, d.left), d;
   }, At(t, r, n));
@@ -5039,10 +5027,10 @@ function Jr(e) {
     y: s.top
   };
 }
-function Mr(e) {
+function Ar(e) {
   return io(e);
 }
-function Pr(e, t, l) {
+function Er(e, t, l) {
   const o = ie(t), n = ce(t), i = l === "fixed", a = Se(e, !0, i, t);
   let r = {
     scrollLeft: 0,
@@ -5069,11 +5057,11 @@ function fo(e, t) {
   if (!ie(e))
     return l;
   let o = Et(e, t);
-  for (; o && Cr(o) && le(o).position === "static"; )
+  for (; o && jr(o) && le(o).position === "static"; )
     o = Et(o, t);
-  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !wt(o)) ? l : o || Vr(e) || l;
+  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !wt(o)) ? l : o || kr(e) || l;
 }
-const Fr = async function(e) {
+const zr = async function(e) {
   let {
     reference: t,
     floating: l,
@@ -5081,7 +5069,7 @@ const Fr = async function(e) {
   } = e;
   const n = this.getOffsetParent || fo, i = this.getDimensions;
   return {
-    reference: Pr(t, await n(l), o),
+    reference: Er(t, await n(l), o),
     floating: {
       x: 0,
       y: 0,
@@ -5089,22 +5077,22 @@ const Fr = async function(e) {
     }
   };
 };
-function Or(e) {
+function Jr(e) {
   return le(e).direction === "rtl";
 }
-const Dr = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ir,
+const Mr = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Cr,
   getDocumentElement: ce,
-  getClippingRect: Jr,
+  getClippingRect: Br,
   getOffsetParent: fo,
-  getElementRects: Fr,
-  getClientRects: Lr,
-  getDimensions: Mr,
+  getElementRects: zr,
+  getClientRects: Vr,
+  getDimensions: Ar,
   getScale: Ae,
   isElement: de,
-  isRTL: Or
+  isRTL: Jr
 };
-function Rr(e, t) {
+function Pr(e, t) {
   let l = null, o;
   const n = ce(e);
   function i() {
@@ -5149,7 +5137,7 @@ function Rr(e, t) {
   }
   return a(!0), i;
 }
-function Nr(e, t, l, o) {
+function Fr(e, t, l, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: n = !0,
@@ -5163,7 +5151,7 @@ function Nr(e, t, l, o) {
       passive: !0
     }), i && $.addEventListener("resize", l);
   });
-  const u = d && r ? Rr(d, l) : null;
+  const u = d && r ? Pr(d, l) : null;
   let f = -1, m = null;
   a && (m = new ResizeObserver(($) => {
     let [j] = $;
@@ -5183,36 +5171,36 @@ function Nr(e, t, l, o) {
     }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
-const qr = (e, t, l) => {
+const Or = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
-    platform: Dr,
+    platform: Mr,
     ...l
   }, i = {
     ...n.platform,
     _c: o
   };
-  return kr(e, t, {
+  return br(e, t, {
     ...n,
     platform: i
   });
 };
-function Hr(e) {
+function Dr(e) {
   return po(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Wr(e) {
+function Rr(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function po(e) {
-  return e instanceof Node || e instanceof Wr(e).Node;
+  return e instanceof Node || e instanceof Rr(e).Node;
 }
-function Ur(e) {
+function Nr(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function dt(e) {
-  if (Ur(e)) {
+  if (Nr(e)) {
     const t = e.$el;
-    return po(t) && Hr(t) === "#comment" ? null : t;
+    return po(t) && Dr(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -5225,7 +5213,7 @@ function yo(e) {
     options: e,
     fn(t) {
       const l = dt(Ie(e.element));
-      return l == null ? {} : $r({
+      return l == null ? {} : wr({
         element: l,
         padding: e.padding
       }).fn(t);
@@ -5276,7 +5264,7 @@ function vo(e, t, l) {
   });
   let j;
   function x() {
-    d.value == null || p.value == null || qr(d.value, p.value, {
+    d.value == null || p.value == null || Or(d.value, p.value, {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
@@ -5317,7 +5305,7 @@ function vo(e, t, l) {
     update: x
   };
 }
-const Gr = () => {
+const qr = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5329,10 +5317,10 @@ const Gr = () => {
     },
     productToursRef: e
   };
-}, ho = Gr(), Yr = { class: "joy-product-tour__content" }, Kr = { class: "joy-product-tour__header" }, Zr = {
+}, ho = qr(), Hr = { class: "joy-product-tour__content" }, Wr = { class: "joy-product-tour__header" }, Ur = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Xr = { class: "joy-product-tour__footer___steps" }, Qr = "joy-product-tour-spotlight__wrapper", ei = /* @__PURE__ */ L({
+}, Gr = { class: "joy-product-tour__footer___steps" }, Yr = "joy-product-tour-spotlight__wrapper", Kr = /* @__PURE__ */ L({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5352,7 +5340,7 @@ const Gr = () => {
       vo(s, a, {
         placement: n.position,
         whileElementsMounted(...k) {
-          return Nr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Fr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5398,7 +5386,7 @@ const Gr = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", h, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function x(k) {
-      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = O(yr), p.value = document.createElement("div"), p.value.classList.add(Qr), document.body.appendChild(p.value), kt(d.value, p.value), E());
+      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = O(dr), p.value = document.createElement("div"), p.value.classList.add(Yr), document.body.appendChild(p.value), kt(d.value, p.value), E());
     }
     function E() {
       if (!p.value)
@@ -5466,7 +5454,7 @@ const Gr = () => {
               onClick: h
             })) : _("", !0)
           ], 2),
-          v("div", Yr, [
+          v("div", Hr, [
             k.icon ? (c(), T(R, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5474,17 +5462,17 @@ const Gr = () => {
               size: "medium"
             }, null, 8, ["name"])) : _("", !0),
             v("div", null, [
-              v("div", Kr, [
+              v("div", Wr, [
                 w(k.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               w(k.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), g("div", Zr, [
+          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), g("div", Ur, [
             v("div", { onClick: h }, [
               w(k.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            v("span", Xr, [
+            v("span", Gr, [
               k.steps > 1 ? (c(), g(W, { key: 0 }, [
                 D(J(k.step) + "/" + J(k.steps), 1)
               ], 64)) : _("", !0)
@@ -5497,7 +5485,7 @@ const Gr = () => {
       ]);
     };
   }
-}), ti = /* @__PURE__ */ A(ei, [["__scopeId", "data-v-3f8b3a2a"]]), Bu = /* @__PURE__ */ L({
+}), Zr = /* @__PURE__ */ A(Kr, [["__scopeId", "data-v-3f8b3a2a"]]), Vu = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5534,7 +5522,7 @@ const Gr = () => {
       show: u,
       hide: m
     }), (y, b) => (c(), T(ze, { to: "body" }, [
-      O(ti, H({ ...n, ...p.value }, {
+      O(Zr, H({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5561,7 +5549,7 @@ const Gr = () => {
       }, 16)
     ]));
   }
-}), Au = /* @__PURE__ */ L({
+}), Tu = /* @__PURE__ */ L({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5578,10 +5566,10 @@ const Gr = () => {
       onClick: r
     }))), 128));
   }
-}), oi = { class: "joy-progress-bar-wrapper" }, ni = {
+}), Xr = { class: "joy-progress-bar-wrapper" }, Qr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, li = /* @__PURE__ */ L({
+}, ei = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5628,18 +5616,18 @@ const Gr = () => {
       class: I([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        v("div", oi, [
+        v("div", Xr, [
           v("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: n.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage ? (c(), g("span", ni, J(e.percentage + "%"), 1)) : _("", !0)
+        e.showLabel && e.percentage ? (c(), g("span", Qr, J(e.percentage + "%"), 1)) : _("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Eu = /* @__PURE__ */ A(li, [["__scopeId", "data-v-1216eff6"]]), ai = ["id", "value", "checked", "disabled", "required", "name"], ri = { class: "joy-radio-label" }, ii = { class: "joy-radio-header-right" }, si = { class: "joy-radio-sublabel" }, ui = { class: "joy-radio-content__wrapper" }, di = { class: "joy-radio-content" }, ci = /* @__PURE__ */ L({
+}), xu = /* @__PURE__ */ A(ei, [["__scopeId", "data-v-1216eff6"]]), ti = ["id", "value", "checked", "disabled", "required", "name"], oi = { class: "joy-radio-label" }, ni = { class: "joy-radio-header-right" }, li = { class: "joy-radio-sublabel" }, ai = { class: "joy-radio-content__wrapper" }, ri = { class: "joy-radio-content" }, ii = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5720,17 +5708,17 @@ const Gr = () => {
         onChange: f,
         onFocus: m,
         onBlur: y
-      }, null, 40, ai),
-      v("span", ri, [
+      }, null, 40, ti),
+      v("span", oi, [
         w(b.$slots, "default", {}, void 0, !0),
-        v("div", ii, [
+        v("div", ni, [
           w(b.$slots, "radio-header-right", {}, void 0, !0)
         ])
       ]),
-      v("div", si, [
+      v("div", li, [
         w(b.$slots, "radio-sublabel", {}, void 0, !0)
       ]),
-      v("div", ui, [
+      v("div", ai, [
         v("div", {
           ref_key: "expandableElement",
           ref: s,
@@ -5738,13 +5726,13 @@ const Gr = () => {
         }, [
           w(b.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
-        v("div", di, [
+        v("div", ri, [
           w(b.$slots, "radio-content", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), zu = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-d00642b4"]]), fi = ["form", "name"], pi = /* @__PURE__ */ L({
+}), Iu = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-d00642b4"]]), si = ["form", "name"], ui = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5765,9 +5753,9 @@ const Gr = () => {
       }, [
         w(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, fi));
+    ], 8, si));
   }
-}), Ju = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-ac4dd24e"]]), yi = ["aria-label"], mi = { class: "joy-rating-stars" }, vi = { class: "joy-rating-stars__content" }, hi = { key: 0 }, gi = /* @__PURE__ */ L({
+}), Lu = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-ac4dd24e"]]), di = ["aria-label"], ci = { class: "joy-rating-stars" }, fi = { class: "joy-rating-stars__content" }, pi = { key: 0 }, yi = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5799,7 +5787,7 @@ const Gr = () => {
       class: "joy-rating-stars__wrapper",
       "aria-label": q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      v("ul", mi, [
+      v("ul", ci, [
         (c(!0), g(W, null, U(n.value, (r, s) => (c(), g("li", {
           key: s,
           class: I([`joy-rating-stars--${e.size}`])
@@ -5822,14 +5810,14 @@ const Gr = () => {
           }))
         ], 2))), 128))
       ]),
-      v("div", vi, [
+      v("div", fi, [
         w(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), g("span", hi, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
+          e.reviewCount ? (c(), g("span", pi, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
-    ], 8, yi));
+    ], 8, di));
   }
-}), bi = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-df20c585"]]), wi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], _i = ["selected"], ji = /* @__PURE__ */ L({
+}), mi = /* @__PURE__ */ A(yi, [["__scopeId", "data-v-df20c585"]]), vi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], hi = ["selected"], gi = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5973,9 +5961,9 @@ const Gr = () => {
               ref_for: !0
             }, $.props, {
               selected: ((x = $.props) == null ? void 0 : x.value) === e.modelValue
-            }), J($.children), 17, _i);
+            }), J($.children), 17, hi);
           }), 128))
-        ], 40, wi),
+        ], 40, vi),
         O(R, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5983,7 +5971,7 @@ const Gr = () => {
       ], 2)
     ], 512));
   }
-}), Mu = /* @__PURE__ */ A(ji, [["__scopeId", "data-v-b92cc9ce"]]), ki = ["aria-disabled"], $i = ["id", "value", "checked", "disabled", "required", "name"], Si = { class: "joy-selectable-item__label" }, Ci = /* @__PURE__ */ L({
+}), Bu = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-b92cc9ce"]]), bi = ["aria-disabled"], wi = ["id", "value", "checked", "disabled", "required", "name"], _i = { class: "joy-selectable-item__label" }, ji = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6048,7 +6036,7 @@ const Gr = () => {
         (...m) => d.onFocus && d.onFocus(...m)),
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => d.onBlur && d.onBlur(...m))
-      }, null, 40, $i)),
+      }, null, 40, wi)),
       (c(), T(Z(q(r)), {
         for: s.value,
         class: I([
@@ -6083,7 +6071,7 @@ const Gr = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : _("", !0),
-          v("div", Si, [
+          v("div", _i, [
             u.multiple ? _("", !0) : w(u.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           v("div", {
@@ -6096,9 +6084,9 @@ const Gr = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, ki));
+    ], 10, bi));
   }
-}), Vi = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-a721b2f2"]]), Ti = ["id"], xi = /* @__PURE__ */ L({
+}), ki = /* @__PURE__ */ A(ji, [["__scopeId", "data-v-a721b2f2"]]), $i = ["id"], Si = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6158,7 +6146,7 @@ const Gr = () => {
           }
         ])
       }, [
-        (c(!0), g(W, null, U(r.options, (d) => (c(), T(Vi, H({ ref_for: !0 }, d.attrs, {
+        (c(!0), g(W, null, U(r.options, (d) => (c(), T(ki, H({ ref_for: !0 }, d.attrs, {
           id: d.id,
           key: d.id,
           name: d.name,
@@ -6190,9 +6178,9 @@ const Gr = () => {
         "no-html-error-text": r.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : _("", !0)
-    ], 8, Ti));
+    ], 8, $i));
   }
-}), Pu = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-b1ae09f7"]]), Ii = /* @__PURE__ */ L({
+}), Au = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-b1ae09f7"]]), Ci = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6211,10 +6199,10 @@ const Gr = () => {
       v("span", null, J(e.text), 1)
     ], 2));
   }
-}), Fu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-21db2899"]]), Li = ["id"], Bi = { class: "joy-step__stroke" }, Ai = {
+}), Eu = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-21db2899"]]), Vi = ["id"], Ti = { class: "joy-step__stroke" }, xi = {
   key: 0,
   class: "joy-step__label"
-}, Ei = /* @__PURE__ */ L({
+}, Ii = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6265,7 +6253,7 @@ const Gr = () => {
         }
       ])
     }, [
-      v("span", Bi, [
+      v("span", Ti, [
         v("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6273,15 +6261,15 @@ const Gr = () => {
       ]),
       O(ft, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), g("span", Ai, [
+          e.showLabel ? (c(), g("span", xi, [
             w(d.$slots, "default", {}, void 0, !0)
           ])) : _("", !0)
         ]),
         _: 3
       })
-    ], 10, Li));
+    ], 10, Vi));
   }
-}), zi = /* @__PURE__ */ A(Ei, [["__scopeId", "data-v-3820cdf3"]]), Ji = { class: "joy-stepper" }, Mi = /* @__PURE__ */ L({
+}), Li = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-3820cdf3"]]), Bi = { class: "joy-stepper" }, Ai = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6312,10 +6300,10 @@ const Gr = () => {
       currentItemSubStep: d,
       steps: i,
       invalidSubStepValue: s
-    }), (f, m) => (c(), g("div", Ji, [
+    }), (f, m) => (c(), g("div", Bi, [
       (c(!0), g(W, null, U(i.value, (y, b) => {
         var h;
-        return c(), T(zi, H({ ref_for: !0 }, y.props, {
+        return c(), T(Li, H({ ref_for: !0 }, y.props, {
           key: (h = y.props) == null ? void 0 : h.id,
           completed: b < e.step - 1,
           "current-sub-step": u(b),
@@ -6332,7 +6320,7 @@ const Gr = () => {
       }), 128))
     ]));
   }
-}), Ou = /* @__PURE__ */ A(Mi, [["__scopeId", "data-v-22705668"]]), Pi = ["id", "aria-hidden", "aria-labelledby"], Fi = /* @__PURE__ */ L({
+}), zu = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-22705668"]]), Ei = ["id", "aria-hidden", "aria-labelledby"], zi = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -6375,12 +6363,12 @@ const Gr = () => {
       })
     }, [
       w(n.$slots, "default", {}, void 0, !0)
-    ], 10, Pi));
+    ], 10, Ei));
   }
-}), Du = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-a76a7c92"]]), Oi = ["id", "href", "aria-selected", "aria-controls"], Di = {
+}), Ju = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-a76a7c92"]]), Ji = ["id", "href", "aria-selected", "aria-controls"], Mi = {
   type: "button",
   tabindex: "-1"
-}, Ri = /* @__PURE__ */ L({
+}, Pi = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -6440,7 +6428,7 @@ const Gr = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        v("button", Di, [
+        v("button", Mi, [
           w(r.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
@@ -6452,9 +6440,9 @@ const Gr = () => {
           }, null, 8, ["number"])) : _("", !0)
         ])
       ], 2)
-    ], 40, Oi));
+    ], 40, Ji));
   }
-}), Ni = /* @__PURE__ */ A(Ri, [["__scopeId", "data-v-8424823d"]]), qi = { class: "joy-tabs" }, Hi = /* @__PURE__ */ L({
+}), Fi = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-8424823d"]]), Oi = { class: "joy-tabs" }, Di = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6497,7 +6485,7 @@ const Gr = () => {
       (h = s.value) == null || h.removeEventListener("scroll", y);
     }), t({
       tabs: u
-    }), (h, $) => (c(), g("div", qi, [
+    }), (h, $) => (c(), g("div", Oi, [
       v("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6516,7 +6504,7 @@ const Gr = () => {
           (c(!0), g(W, null, U(u.value, (j) => (c(), g("div", {
             key: j.props.tab
           }, [
-            O(Ni, {
+            O(Fi, {
               tab: j.props.tab,
               label: j.props.label,
               href: j.props.href,
@@ -6540,7 +6528,7 @@ const Gr = () => {
       ])
     ]));
   }
-}), Ru = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-9aea2d41"]]), Wi = ["id", "role"], Ui = /* @__PURE__ */ L({
+}), Mu = /* @__PURE__ */ A(Di, [["__scopeId", "data-v-9aea2d41"]]), Ri = ["id", "role"], Ni = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6598,9 +6586,9 @@ const Gr = () => {
         onClick: Bo(s, ["stop"]),
         onKeydown: Oe(s, ["enter"])
       })) : _("", !0)
-    ], 10, Wi));
+    ], 10, Ri));
   }
-}), go = /* @__PURE__ */ A(Ui, [["__scopeId", "data-v-f672398d"]]);
+}), go = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-f672398d"]]);
 var we = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(we || {});
 function Jt(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6613,7 +6601,7 @@ function Jt(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Gi = { class: "joy-tags-input__wrapper" }, Yi = ["id", "name", "placeholder"], Ki = { key: 0 }, Zi = { key: 1 }, Xi = /* @__PURE__ */ L({
+const qi = { class: "joy-tags-input__wrapper" }, Hi = ["id", "name", "placeholder"], Wi = { key: 0 }, Ui = { key: 1 }, Gi = /* @__PURE__ */ L({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6705,7 +6693,7 @@ const Gi = { class: "joy-tags-input__wrapper" }, Yi = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: b
-    }), (S, M) => (c(), g("div", Gi, [
+    }), (S, M) => (c(), g("div", qi, [
       S.$slots.default ? (c(), T(Ve, {
         key: 0,
         id: S.name,
@@ -6749,7 +6737,7 @@ const Gi = { class: "joy-tags-input__wrapper" }, Yi = ["id", "name", "placeholde
           onKeydown: x,
           onFocus: E,
           onBlur: B
-        }, null, 40, Yi)
+        }, null, 40, Hi)
       ], 2),
       m.value ? (c(), T(tt, {
         key: 1,
@@ -6757,15 +6745,15 @@ const Gi = { class: "joy-tags-input__wrapper" }, Yi = ["id", "name", "placeholde
       }, {
         default: z(() => [
           v("ul", null, [
-            f.value ? (c(), g("li", Ki, J(S.duplicationError), 1)) : _("", !0),
-            u.value ? (c(), g("li", Zi, J(S.invalidEmailError), 1)) : _("", !0)
+            f.value ? (c(), g("li", Wi, J(S.duplicationError), 1)) : _("", !0),
+            u.value ? (c(), g("li", Ui, J(S.invalidEmailError), 1)) : _("", !0)
           ])
         ]),
         _: 1
       })) : _("", !0)
     ]));
   }
-}), Nu = /* @__PURE__ */ A(Xi, [["__scopeId", "data-v-f00760e9"]]), Qi = /* @__PURE__ */ L({
+}), Pu = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-f00760e9"]]), Yi = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6844,36 +6832,36 @@ const Gi = { class: "joy-tags-input__wrapper" }, Yi = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), qu = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-1d8003ef"]]), es = {}, ts = {
+}), Fu = /* @__PURE__ */ A(Yi, [["__scopeId", "data-v-1d8003ef"]]), Ki = {}, Zi = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
-function os(e, t) {
-  return c(), g("div", ts, t[0] || (t[0] = [
+function Xi(e, t) {
+  return c(), g("div", Zi, t[0] || (t[0] = [
     Dt('<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 ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46"]]), ls = { class: "joy-template__wrapper" }, as = {
+const Qi = /* @__PURE__ */ A(Ki, [["render", Xi], ["__scopeId", "data-v-da63aa46"]]), es = { class: "joy-template__wrapper" }, ts = {
   key: 0,
   class: "joy-template__heading"
-}, rs = {
+}, os = {
   key: 0,
   class: "joy-template-slot-back"
-}, is = { class: "joy-template__heading___headings" }, ss = {
+}, ns = { class: "joy-template__heading___headings" }, ls = {
   key: 0,
   class: "joy-template-slot-title"
-}, us = {
+}, as = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ds = {
+}, rs = {
   key: 1,
   class: "joy-template-slot-actions"
-}, cs = {
+}, is = {
   key: 0,
   class: "joy-template-slot-main"
-}, fs = {
+}, ss = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ps = /* @__PURE__ */ L({
+}, us = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6898,21 +6886,21 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
     return (n, i) => (c(), g("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), T(ns, { key: 0 })) : _("", !0),
-      v("div", ls, [
-        o.value ? (c(), g("div", as, [
-          l["template-back"] ? (c(), g("div", rs, [
+      e.shapes ? (c(), T(Qi, { key: 0 })) : _("", !0),
+      v("div", es, [
+        o.value ? (c(), g("div", ts, [
+          l["template-back"] ? (c(), g("div", os, [
             w(n.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
-          v("div", is, [
-            l["template-title"] ? (c(), g("div", ss, [
+          v("div", ns, [
+            l["template-title"] ? (c(), g("div", ls, [
               w(n.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
-            l["template-subtitle"] ? (c(), g("div", us, [
+            l["template-subtitle"] ? (c(), g("div", as, [
               w(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
-          l["template-actions"] ? (c(), g("div", ds, [
+          l["template-actions"] ? (c(), g("div", rs, [
             w(n.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
@@ -6924,10 +6912,10 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          n.$slots["template-main"] ? (c(), g("div", cs, [
+          n.$slots["template-main"] ? (c(), g("div", is, [
             w(n.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
-          n.$slots["template-sidebar"] ? (c(), g("div", fs, [
+          n.$slots["template-sidebar"] ? (c(), g("div", ss, [
             w(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
@@ -6944,7 +6932,7 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : _("", !0)
     ], 2));
   }
-}), Hu = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-8e1d59ca"]]), ys = /* @__PURE__ */ L({
+}), Ou = /* @__PURE__ */ A(us, [["__scopeId", "data-v-8e1d59ca"]]), ds = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6968,13 +6956,13 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Wu = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-6295f9ec"]]), ms = ["aria-disabled"], vs = { class: "joy-textarea_wrapper" }, hs = ["id", "disabled", "name", "required", "minlength", "value"], gs = {
+}), Du = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-6295f9ec"]]), cs = ["aria-disabled"], fs = { class: "joy-textarea_wrapper" }, ps = ["id", "disabled", "name", "required", "minlength", "value"], ys = {
   key: 1,
   class: "joy-textarea_helpers"
-}, bs = {
+}, ms = {
   inheritAttrs: !1
-}, ws = /* @__PURE__ */ L({
-  ...bs,
+}, vs = /* @__PURE__ */ L({
+  ...ms,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7093,7 +7081,7 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      v("div", vs, [
+      v("div", fs, [
         v("textarea", H(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7112,9 +7100,9 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
           (...h) => m.onFocus && m.onFocus(...h)),
           onBlur: b[3] || (b[3] = //@ts-ignore
           (...h) => m.onBlur && m.onBlur(...h))
-        }), null, 16, hs)
+        }), null, 16, ps)
       ]),
-      e.minlength || e.maxlength ? (c(), g("div", gs, [
+      e.minlength || e.maxlength ? (c(), g("div", ys, [
         e.minlength ? (c(), g("p", {
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7132,9 +7120,9 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
           class: I(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
       ])) : _("", !0)
-    ], 10, ms));
+    ], 10, cs));
   }
-}), Uu = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-52e4553a"]]), _s = /* @__PURE__ */ L({
+}), Ru = /* @__PURE__ */ A(vs, [["__scopeId", "data-v-52e4553a"]]), hs = /* @__PURE__ */ L({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7147,10 +7135,10 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       _: 3
     }));
   }
-}), Gu = /* @__PURE__ */ A(_s, [["__scopeId", "data-v-f63a2545"]]), js = { class: "joy-toggle__wrapper" }, ks = ["name", "disabled", "checked", "required", "aria-checked", "value"], $s = { class: "joy-toggle__content" }, Ss = { class: "joy-toggle__content-label" }, Cs = {
+}), Nu = /* @__PURE__ */ A(hs, [["__scopeId", "data-v-f63a2545"]]), gs = { class: "joy-toggle__wrapper" }, bs = ["name", "disabled", "checked", "required", "aria-checked", "value"], ws = { class: "joy-toggle__content" }, _s = { class: "joy-toggle__content-label" }, js = {
   key: 0,
   class: "joy-toggle__smile"
-}, Vs = /* @__PURE__ */ L({
+}, ks = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7202,7 +7190,7 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (i, a) => (c(), g("div", js, [
+    return (i, a) => (c(), g("div", gs, [
       v("label", {
         class: I([
           "joy-toggle",
@@ -7231,15 +7219,15 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__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, ks),
-        v("p", $s, [
+        }, null, 40, bs),
+        v("p", ws, [
           a[4] || (a[4] = v("span", { class: "joy-toggle__symbol" }, null, -1)),
-          v("span", Ss, [
+          v("span", _s, [
             w(i.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
-          e.variant === "default" ? (c(), g("span", Cs, a[3] || (a[3] = [
+          e.variant === "default" ? (c(), g("span", js, a[3] || (a[3] = [
             v("svg", {
               width: "18",
               height: "10",
@@ -7261,7 +7249,7 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Yu = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-9f8d9f48"]]), Ts = ["aria-describedby"], xs = ["id"], Is = /* @__PURE__ */ L({
+}), qu = /* @__PURE__ */ A(ks, [["__scopeId", "data-v-9f8d9f48"]]), $s = ["aria-describedby"], Ss = ["id"], Cs = /* @__PURE__ */ L({
   __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  */
@@ -7414,15 +7402,15 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
                     D(J(e.text), 1)
                   ], !0)
                 ], 512)
-              ], 14, xs)) : _("", !0)
+              ], 14, Ss)) : _("", !0)
             ]))
-          ], 40, Ts)
+          ], 40, $s)
         ];
       }),
       _: 3
     }, 8, ["options"]));
   }
-}), Ku = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-4e623435"]]), Ls = { class: "joy-user-card__picture" }, Bs = { class: "joy-user-card__informations" }, As = { class: "joy-user-card__title" }, Es = { class: "joy-user-card__subtitle" }, zs = /* @__PURE__ */ L({
+}), Hu = /* @__PURE__ */ A(Cs, [["__scopeId", "data-v-4e623435"]]), Vs = { class: "joy-user-card__picture" }, Ts = { class: "joy-user-card__informations" }, xs = { class: "joy-user-card__title" }, Is = { class: "joy-user-card__subtitle" }, Ls = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7455,7 +7443,7 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        v("div", Ls, [
+        v("div", Vs, [
           w(t.$slots, "user-card-avatar", {}, () => [
             O(an, {
               "photo-url": e.photoUrl,
@@ -7463,19 +7451,19 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        v("div", Bs, [
-          v("p", As, [
+        v("div", Ts, [
+          v("p", xs, [
             w(t.$slots, "user-card-title", {}, () => [
               D(J(e.fullName), 1)
             ], !0)
           ]),
-          v("p", Es, [
+          v("p", Is, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               D(J(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), T(bi, {
+            e.ratingValue ? (c(), T(mi, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : _("", !0)
@@ -7488,13 +7476,13 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Zu = /* @__PURE__ */ A(zs, [["__scopeId", "data-v-86acec3a"]]), Js = { class: "joy-walkthrough-trigger__content" }, Ms = {
+}), Wu = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-86acec3a"]]), Bs = { class: "joy-walkthrough-trigger__content" }, As = {
   key: 0,
   class: "joy-pr-3"
-}, Ps = {
+}, Es = {
   key: 1,
   class: "joy-pl-3"
-}, Fs = /* @__PURE__ */ L({
+}, zs = /* @__PURE__ */ L({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7517,9 +7505,9 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : _("", !0),
-        v("div", Js, [
-          o.title ? (c(), g("span", Ms, J(o.title), 1)) : _("", !0),
-          o.subtitle ? (c(), g("span", Ps, J(o.subtitle), 1)) : _("", !0)
+        v("div", Bs, [
+          o.title ? (c(), g("span", As, J(o.title), 1)) : _("", !0),
+          o.subtitle ? (c(), g("span", Es, J(o.subtitle), 1)) : _("", !0)
         ]),
         O(R, {
           class: "joy-ml-3",
@@ -7531,16 +7519,16 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Os = /* @__PURE__ */ A(Fs, [["__scopeId", "data-v-56824d11"]]), Ds = { class: "joy-walkthrough-modal__illustration" }, Rs = { class: "joy-walkthrough-modal__content___titles" }, Ns = { class: "joy-walkthrough-modal__content___title" }, qs = { class: "joy-walkthrough-modal__content___subtitle" }, Hs = {
+}), Js = /* @__PURE__ */ A(zs, [["__scopeId", "data-v-56824d11"]]), Ms = { class: "joy-walkthrough-modal__illustration" }, Ps = { class: "joy-walkthrough-modal__content___titles" }, Fs = { class: "joy-walkthrough-modal__content___title" }, Os = { class: "joy-walkthrough-modal__content___subtitle" }, Ds = {
   key: 0,
   class: "joy-mt-4"
-}, Ws = {
+}, Rs = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, Us = {
+}, Ns = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Gs = /* @__PURE__ */ L({
+}, qs = /* @__PURE__ */ L({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7624,24 +7612,24 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                v("div", Ds, [
+                v("div", Ms, [
                   w(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                v("div", Rs, [
-                  v("div", Ns, [
+                v("div", Ps, [
+                  v("div", Fs, [
                     w(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  v("div", qs, [
+                  v("div", Os, [
                     w(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), g("div", Hs, [
+            f.$slots["walkthrough-progress"] ? (c(), g("div", Ds, [
               w(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : _("", !0),
-            f.$slots["walkthrough-content"] ? (c(), g("div", Ws, [
+            f.$slots["walkthrough-content"] ? (c(), g("div", Rs, [
               w(f.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : _("", !0)
           ], 2),
@@ -7650,10 +7638,10 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: p
           }, [
-            v("button", Us, J(f.footer), 1)
+            v("button", Ns, J(f.footer), 1)
           ])) : _("", !0)
         ], 16)) : _("", !0),
-        a.value ? _("", !0) : (c(), T(Os, H({ key: 1 }, f.triggerAttrs, {
+        a.value ? _("", !0) : (c(), T(Js, H({ key: 1 }, f.triggerAttrs, {
           title: f.triggerTitle,
           subtitle: f.triggerSubtitle,
           icon: f.triggerIcon,
@@ -7663,91 +7651,90 @@ const ns = /* @__PURE__ */ A(es, [["render", os], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Xu = /* @__PURE__ */ A(Gs, [["__scopeId", "data-v-c1a50091"]]), Qu = {
+}), Uu = /* @__PURE__ */ A(qs, [["__scopeId", "data-v-c1a50091"]]), Gu = {
   install: (e) => {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt), e.directive("bind-once", Mo);
   }
 };
 export {
-  Qu as JoyVueLightPlugin,
-  Xs as VJoyAdminBanner,
-  Qs as VJoyAvailability,
+  Gu as JoyVueLightPlugin,
+  Gs as VJoyAdminBanner,
+  Ys as VJoyAvailability,
   an as VJoyAvatar,
-  eu as VJoyAvatarsList,
+  Ks as VJoyAvatarsList,
   cn as VJoyBadge,
-  tu as VJoyBadgeLevel,
-  ou as VJoyBlockSkeleton,
-  nu as VJoyBottomSheet,
-  lu as VJoyBottomSheetTrigger,
+  Zs as VJoyBadgeLevel,
+  Xs as VJoyBlockSkeleton,
+  Qs as VJoyBottomSheet,
+  eu as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Kt as VJoyCheckbox,
-  au as VJoyCollapse,
+  tu as VJoyCollapse,
   Xn as VJoyCollapseItem,
-  ru as VJoyCompanyAvatar,
-  iu as VJoyCounter,
-  su as VJoyDialog,
-  uu as VJoyDialogTrigger,
+  ou as VJoyCompanyAvatar,
+  nu as VJoyCounter,
+  lu as VJoyDialog,
+  au as VJoyDialogTrigger,
   Ct as VJoyDot,
-  du as VJoyDrawer,
-  cu as VJoyDrawerTrigger,
-  fu as VJoyDropdown,
+  ru as VJoyDrawer,
+  iu as VJoyDrawerTrigger,
+  su as VJoyDropdown,
   Pl as VJoyDropdownList,
-  pu as VJoyDropzone,
-  yu as VJoyFilterBar,
-  mu as VJoyFilterBarButton,
+  uu as VJoyDropzone,
+  du as VJoyFilterBar,
+  cu as VJoyFilterBarButton,
   tt as VJoyFormError,
-  vu as VJoyFormFieldSkeleton,
-  hu as VJoyFunnel,
-  gu as VJoyFunnelFooter,
-  bu as VJoyFunnelHeader,
-  wu as VJoyHeader,
-  _u as VJoyHighlight,
+  fu as VJoyFormFieldSkeleton,
+  pu as VJoyFunnel,
+  yu as VJoyFunnelFooter,
+  mu as VJoyFunnelHeader,
+  vu as VJoyHighlight,
   R as VJoyIcon,
-  Ca as VJoyIndicator,
-  ju as VJoyIndicators,
-  ku as VJoyInput,
+  ja as VJoyIndicator,
+  hu as VJoyIndicators,
+  gu as VJoyInput,
   Ve as VJoyLabel,
-  $u as VJoyLink,
-  Su as VJoyListItem,
-  Cu as VJoyMenu,
-  Vu as VJoyMenuItem,
-  Tu as VJoyMultiCheckbox,
-  xu as VJoyPagination,
-  Iu as VJoyPanel,
-  Lu as VJoyPanelSection,
-  Bu as VJoyProductTour,
-  Au as VJoyProductTourTrigger,
-  Eu as VJoyProgressBar,
-  zu as VJoyRadio,
-  Ju as VJoyRadioGroup,
-  bi as VJoyRatingStars,
+  bu as VJoyLink,
+  wu as VJoyListItem,
+  _u as VJoyMenu,
+  ju as VJoyMenuItem,
+  ku as VJoyMultiCheckbox,
+  $u as VJoyPagination,
+  Su as VJoyPanel,
+  Cu as VJoyPanelSection,
+  Vu as VJoyProductTour,
+  Tu as VJoyProductTourTrigger,
+  xu as VJoyProgressBar,
+  Iu as VJoyRadio,
+  Lu as VJoyRadioGroup,
+  mi as VJoyRatingStars,
   Xt as VJoyScreenLoader,
-  Mu as VJoySelect,
-  Vi as VJoySelectableItem,
-  Pu as VJoySelectableItemGroup,
-  Fu as VJoySeparator,
+  Bu as VJoySelect,
+  ki as VJoySelectableItem,
+  Au as VJoySelectableItemGroup,
+  Eu as VJoySeparator,
   Ho as VJoySnackbar,
   Ut as VJoySpinner,
-  zi as VJoyStep,
-  Ou as VJoyStepper,
-  Du as VJoyTab,
-  Ru as VJoyTabs,
+  Li as VJoyStep,
+  zu as VJoyStepper,
+  Ju as VJoyTab,
+  Mu as VJoyTabs,
   go as VJoyTag,
-  Nu as VJoyTagsInput,
-  qu as VJoyTagsList,
-  Hu as VJoyTemplate,
-  ns as VJoyTemplateShape,
-  Wu as VJoyText,
-  Uu as VJoyTextarea,
-  Gu as VJoyTitleBrand,
-  Yu as VJoyToggle,
-  Ku as VJoyTooltip,
-  Zu as VJoyUserCard,
-  Xu as VJoyWalkthrough,
-  Os as VJoyWalkthroughTrigger,
+  Pu as VJoyTagsInput,
+  Fu as VJoyTagsList,
+  Ou as VJoyTemplate,
+  Qi as VJoyTemplateShape,
+  Du as VJoyText,
+  Ru as VJoyTextarea,
+  Nu as VJoyTitleBrand,
+  qu as VJoyToggle,
+  Hu as VJoyTooltip,
+  Wu as VJoyUserCard,
+  Uu as VJoyWalkthrough,
+  Js as VJoyWalkthroughTrigger,
   re as VJoyWrapper,
   Wt as createAllSnackbarsContainer,
-  Zs as pushVJoySnackbar,
-  Ks as resetCount,
+  Us as pushVJoySnackbar,
+  Ws as resetCount,
   Rt as vJoyRipple
 };