@maltjoy/core-vue 3.31.0-next → 3.31.0

package/dist/{style-BeFMqd8A.js → style-dN97fQhG.js}

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as V, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Y, createTextVNode as W, toDisplayString as O, createCommentVNode as j, createBlock as A, resolveDynamicComponent as se, mergeProps as ae, withCtx as R, pushScopeId as Ye, popScopeId as Ze, renderSlot as _, unref as D, renderList as ee, inject as Xe, normalizeStyle as ie, ref as C, onMounted as re, useAttrs as Re, resolveDirective as Xn, withDirectives as cn, getCurrentScope as Vt, onScopeDispose as It, toRef as Qn, readonly as ea, customRef as ta, shallowRef as dn, watch as te, nextTick as Ue, getCurrentInstance as na, h as aa, Teleport as Qe, createVNode as K, useSlots as X, onBeforeUnmount as De, provide as Et, Transition as fn, withKeys as pt, normalizeProps as _e, guardReactiveProps as ke, createSlots as Lt, mergeModels as oa, useModel as la, createStaticVNode as vn, onBeforeMount as ra, shallowReadonly as Be, onUnmounted as yn, vShow as ia, render as qt, withModifiers as sa, createApp as ua } from "vue";
+import { defineComponent as B, computed as V, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as G, createTextVNode as W, toDisplayString as O, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as ae, withCtx as R, pushScopeId as Ye, popScopeId as Ze, renderSlot as _, unref as D, renderList as X, inject as Xe, normalizeStyle as se, ref as C, onMounted as ie, useAttrs as Re, resolveDirective as Xn, withDirectives as cn, getCurrentScope as Vt, onScopeDispose as It, toRef as Qn, readonly as ea, customRef as ta, shallowRef as dn, watch as te, nextTick as Ue, getCurrentInstance as na, h as aa, Teleport as Qe, createVNode as K, useSlots as Q, withKeys as et, onBeforeUnmount as De, provide as Et, Transition as fn, normalizeProps as _e, guardReactiveProps as ke, createSlots as Lt, mergeModels as oa, useModel as la, createStaticVNode as vn, onBeforeMount as ra, shallowReadonly as Be, onUnmounted as yn, vShow as ia, render as qt, withModifiers as sa, createApp as ua } from "vue";
 function Ht(e) {
   const t = e.target;
   if (!t)
@@ -46,7 +46,7 @@ const ca = {
       b("span", {
         class: E(n.value)
       }, null, 2),
-      e.label ? (d(), g(Y, { key: 0 }, [
+      e.label ? (d(), g(G, { key: 0 }, [
         W(O(e.label), 1)
       ], 64)) : j("", !0)
     ], 10, da));
@@ -56,7 +56,7 @@ const ca = {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, nc = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ B({
+}, ac = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], Y = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -168,12 +168,12 @@ const ca = {
       isAnonymous: i,
       initials: u
     }), (c, y) => (d(), g("div", pa, [
-      (d(), A(se(e.link ? "button" : "div"), ae(l.value, {
+      (d(), L(re(e.link ? "button" : "div"), ae(l.value, {
         class: [s.value],
         onClick: f
       }), {
         default: R(() => [
-          i.value ? (d(), A(G, {
+          i.value ? (d(), L(Y, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -186,10 +186,10 @@ const ca = {
             alt: e.fullName || "",
             loading: "lazy"
           }, null, 8, ma)) : j("", !0),
-          e.fullName ? (d(), g(Y, { key: 2 }, [
+          e.fullName ? (d(), g(G, { key: 2 }, [
             W(O(u.value), 1)
           ], 64)) : j("", !0),
-          e.totalNumber ? (d(), g(Y, { key: 3 }, [
+          e.totalNumber ? (d(), g(G, { key: 3 }, [
             W(O("+" + e.totalNumber), 1)
           ], 64)) : j("", !0)
         ]),
@@ -223,7 +223,7 @@ const ca = {
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ac = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-c985cccf"]]), ja = { key: 0 }, $a = /* @__PURE__ */ B({
+}), oc = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-c985cccf"]]), ja = { key: 0 }, $a = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -268,7 +268,7 @@ const ca = {
     number: Number
   },
   setup(e) {
-    return (t, n) => e.number ? (d(), A(Wt, {
+    return (t, n) => e.number ? (d(), L(Wt, {
       key: 0,
       variant: e.variant,
       number: e.number
@@ -277,7 +277,7 @@ const ca = {
       class: E(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (d(), A(Wt, {
+      e.bulletpoint ? (d(), L(Wt, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
@@ -288,7 +288,7 @@ const ca = {
     ], 2));
   }
 }), xa = /* @__PURE__ */ F(Ca, [["__scopeId", "data-v-c96c1104"]]);
-var ne = /* @__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))(ne || {}), rt = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(rt || {});
+var ne = /* @__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))(ne || {}), it = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(it || {});
 const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-badge-level" }, Va = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#264FFA",
   d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
@@ -384,7 +384,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
   setup(e) {
     const t = e, n = V(() => {
       switch (t.type) {
-        case rt.HIGH_POTENTIAL:
+        case it.HIGH_POTENTIAL:
         case ne.HIGH_POTENTIAL:
           return "High Potential";
         case ne.HIGH_POTENTIAL_AUTO:
@@ -402,7 +402,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       }
     });
     return (a, o) => (d(), g("span", Ta, [
-      e.type === D(ne).SUPER_MALTER ? (d(!0), g(Y, { key: 0 }, ee(e.superMalterLevel, (r, l) => (d(), g("svg", {
+      e.type === D(ne).SUPER_MALTER ? (d(!0), g(G, { key: 0 }, X(e.superMalterLevel, (r, l) => (d(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -412,13 +412,13 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       e.type === D(ne).HIGH_POTENTIAL ? (d(), g("svg", Aa, Fa)) : j("", !0),
       e.type === D(ne).HIGH_POTENTIAL_AUTO ? (d(), g("svg", Na, Da)) : j("", !0),
       e.type === D(ne).MALT_LINKER ? (d(), g("svg", Ma, Ha)) : j("", !0),
-      e.type === D(rt).HIGH_POTENTIAL ? (d(), g("svg", Wa, Ka)) : j("", !0),
+      e.type === D(it).HIGH_POTENTIAL ? (d(), g("svg", Wa, Ka)) : j("", !0),
       b("span", {
         class: E([
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === D(ne).NEW || e.type === D(ne).MALT_LINKER || e.type === D(ne).HIGH_POTENTIAL_AUTO,
-            blue: e.type === D(rt).HIGH_POTENTIAL || e.type === D(ne).HIGH_POTENTIAL || e.type === D(ne).SUPER_MALTER,
+            blue: e.type === D(it).HIGH_POTENTIAL || e.type === D(ne).HIGH_POTENTIAL || e.type === D(ne).SUPER_MALTER,
             turquoise: e.type === D(ne).VERIFIED
           }
         ])
@@ -429,7 +429,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       ], 2)
     ]));
   }
-}), oc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-08a5e2c8"]]), Ya = /* @__PURE__ */ B({
+}), lc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-08a5e2c8"]]), Ya = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -459,14 +459,14 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
-      style: ie({
+      style: se({
         "max-width": e.width,
         height: e.height,
         flex: a.value
       })
     }, null, 6));
   }
-}), lc = /* @__PURE__ */ F(Ya, [["__scopeId", "data-v-4da2c7cb"]]);
+}), rc = /* @__PURE__ */ F(Ya, [["__scopeId", "data-v-4da2c7cb"]]);
 function pn(e) {
   let t;
   switch (e) {
@@ -512,7 +512,7 @@ const Xa = /* @__PURE__ */ B({
 }), mn = /* @__PURE__ */ F(Xa, [["__scopeId", "data-v-52944a9b"]]);
 function Qa() {
   const e = C();
-  return re(() => {
+  return ie(() => {
     e.value = "joy-button--" + je();
   }), {
     randomId: e
@@ -575,7 +575,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ randomId: o }), (s, i) => {
       const u = Xn("joy-ripple");
-      return cn((d(), A(se(D(a).href ? "a" : "button"), {
+      return cn((d(), L(re(D(a).href ? "a" : "button"), {
         disabled: e.loading || D(a).disabled,
         type: D(a).type || "button",
         class: E([
@@ -590,14 +590,14 @@ const eo = ["id"], to = /* @__PURE__ */ B({
         "aria-labelledby": (s.$slots.default || e.label) && D(o)
       }, {
         default: R(() => [
-          e.icon && e.iconPosition === "left" ? (d(), A(G, {
+          e.icon && e.iconPosition === "left" ? (d(), L(Y, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : j("", !0),
-          e.loading ? (d(), A(mn, {
+          e.loading ? (d(), L(mn, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : j("", !0),
@@ -609,7 +609,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
               W(O(e.label), 1)
             ], !0)
           ], 8, eo),
-          e.icon && e.iconPosition === "right" ? (d(), A(G, {
+          e.icon && e.iconPosition === "right" ? (d(), L(Y, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -714,7 +714,7 @@ function ro(e, t, n = {}) {
 }
 function io() {
   const e = C(!1), t = na();
-  return t && re(() => {
+  return t && ie(() => {
     e.value = !0;
   }, t), e;
 }
@@ -854,7 +854,7 @@ function mo(e) {
   const t = e || window.event, n = t.target;
   return bn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const at = /* @__PURE__ */ new WeakMap();
+const ot = /* @__PURE__ */ new WeakMap();
 function ho(e, t = !1) {
   const n = C(t);
   let a = null, o;
@@ -862,7 +862,7 @@ function ho(e, t = !1) {
     const i = _t(be(s));
     if (i) {
       const u = i;
-      at.get(u) || at.set(u, o), n.value && (u.style.overflow = "hidden");
+      ot.get(u) || ot.set(u, o), n.value && (u.style.overflow = "hidden");
     }
   }, {
     immediate: !0
@@ -880,7 +880,7 @@ function ho(e, t = !1) {
   }, l = () => {
     var s;
     const i = _t(be(e));
-    !i || !n.value || (jt && (a == null || a()), i.style.overflow = (s = at.get(i)) != null ? s : "", at.delete(i), n.value = !1);
+    !i || !n.value || (jt && (a == null || a()), i.style.overflow = (s = ot.get(i)) != null ? s : "", ot.delete(i), n.value = !1);
   };
   return mt(l), V({
     get() {
@@ -954,7 +954,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       }, 300);
     }
     function h(w) {
-      f.value = !0, c.value.classList.add(Gt), y = L(w);
+      f.value = !0, c.value.classList.add(Gt), y = A(w);
     }
     function m(w) {
       f.value && (k(w) > Kt && v(), T());
@@ -966,9 +966,9 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       }
     }
     function k(w) {
-      return L(w) - y;
+      return A(w) - y;
     }
-    function L(w) {
+    function A(w) {
       return ["touchend", "touchmove", "touchstart"].includes(w.type) ? w.changedTouches[0].clientY : w.clientY;
     }
     function P(w) {
@@ -980,14 +980,14 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     function I() {
       a.preventBodyScroll && he(!0);
     }
-    return re(() => {
+    return ie(() => {
       s.value = !0, a.open && I();
     }), t({
       hide: v,
       show: p,
       isOpen: u,
       moveContainer: P
-    }), (w, z) => s.value ? (d(), A(Qe, {
+    }), (w, z) => s.value ? (d(), L(Qe, {
       key: 0,
       to: e.teleport
     }, [
@@ -1038,19 +1038,19 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), rc = /* @__PURE__ */ F(jo, [["__scopeId", "data-v-cba81110"]]), ic = /* @__PURE__ */ B({
+}), ic = /* @__PURE__ */ F(jo, [["__scopeId", "data-v-cba81110"]]), sc = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.bottomSheet), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.bottomSheet), r = Q(), l = V(() => r.default());
     function s() {
       var i;
       a("click"), (i = o.value) == null || i.show();
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, X(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -1169,7 +1169,10 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ], 2)
     ]));
   }
-}), wn = /* @__PURE__ */ F(Io, [["__scopeId", "data-v-8391ace5"]]), Eo = ["aria-expanded"], Lo = ["id"], Ao = { class: "joy-collapse-item__header-right" }, Bo = ["aria-labelledby"], Fo = /* @__PURE__ */ B({
+}), wn = /* @__PURE__ */ F(Io, [["__scopeId", "data-v-8391ace5"]]), Eo = ["id"], Lo = { class: "joy-collapse-item__header-right" }, Ao = {
+  key: 0,
+  class: "joy-collapse-item__summary___subheader"
+}, Bo = { class: "joy-collapse-item__summary___preview" }, Fo = ["aria-labelledby"], No = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1177,6 +1180,9 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       type: String,
       required: !0
     },
+    subheader: {
+      type: String
+    },
     open: {
       type: Boolean,
       default: !1
@@ -1225,11 +1231,12 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         }
       ])
     }, [
-      b("button", {
-        "aria-expanded": r.value,
-        type: "button",
+      b("div", {
+        role: "button",
+        tabindex: "0",
         class: "joy-collapse-item__summary",
         onClick: s,
+        onKeydown: et(s, ["enter"]),
         onFocus: f[0] || (f[0] = (c) => l.value = !0),
         onBlur: f[1] || (f[1] = (c) => l.value = !1)
       }, [
@@ -1237,22 +1244,26 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (d(), A(G, {
+          e.summaryIcon ? (d(), L(Y, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
           W(" " + O(e.header), 1)
-        ], 8, Lo),
-        b("div", Ao, [
+        ], 8, Eo),
+        b("div", Lo, [
           _(u.$slots, "collapse-header-right")
         ]),
-        K(G, {
+        K(Y, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
-        })
-      ], 40, Eo),
+        }),
+        e.subheader ? (d(), g("span", Ao, O(e.subheader), 1)) : j("", !0),
+        b("span", Bo, [
+          _(u.$slots, "collapse-preview")
+        ])
+      ], 32),
       r.value ? (d(), g("div", {
         key: 0,
         role: "region",
@@ -1265,10 +1276,10 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         ])
       }, [
         _(u.$slots, "default")
-      ], 10, Bo)) : j("", !0)
+      ], 10, Fo)) : j("", !0)
     ], 2));
   }
-}), No = /* @__PURE__ */ F(Fo, [["__scopeId", "data-v-15ed16fd"]]), zo = { class: "joy-collapse" }, Po = /* @__PURE__ */ B({
+}), zo = /* @__PURE__ */ F(No, [["__scopeId", "data-v-71c8a78d"]]), Po = { class: "joy-collapse" }, Oo = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1293,7 +1304,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = X(), l = n, s = V(() => {
+    const a = e, o = C(a.modelValue), r = Q(), l = n, s = V(() => {
       const v = r.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(i) : v.filter(i);
     });
@@ -1329,8 +1340,8 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       isOpen: f,
       items: s,
       openedCollapseItem: o
-    }), (v, h) => (d(), g("div", zo, [
-      (d(!0), g(Y, null, ee(s.value, (m) => (d(), A(No, ae(m.props, {
+    }), (v, h) => (d(), g("div", Po, [
+      (d(!0), g(G, null, X(s.value, (m) => (d(), L(zo, ae(m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
@@ -1338,16 +1349,19 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         "onCollapseItem:close": () => y(m)
       }), {
         "collapse-header-right": R(() => [
-          (d(!0), g(Y, null, ee(u(m, "collapse-header-right"), (S, k) => (d(), A(se(S), { key: k }))), 128))
+          (d(!0), g(G, null, X(u(m, "collapse-header-right"), (S, k) => (d(), L(re(S), { key: k }))), 128))
+        ]),
+        "collapse-preview": R(() => [
+          (d(!0), g(G, null, X(u(m, "collapse-preview"), (S, k) => (d(), L(re(S), { key: k }))), 128))
         ]),
         default: R(() => [
-          (d(!0), g(Y, null, ee(u(m, "default"), (S, k) => (d(), A(se(S), { key: k }))), 128))
+          (d(!0), g(G, null, X(u(m, "default"), (S, k) => (d(), L(re(S), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), sc = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-94c846f4"]]), Oo = ["src", "alt", "title"], Ro = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ F(Oo, [["__scopeId", "data-v-35744932"]]), Ro = ["src", "alt", "title"], Do = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1382,14 +1396,14 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Oo)) : (d(), A(G, {
+      }, null, 8, Ro)) : (d(), L(Y, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), uc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-1c40fd23"]]), Do = ["aria-hidden"], Mo = /* @__PURE__ */ B({
+}), cc = /* @__PURE__ */ F(Do, [["__scopeId", "data-v-1c40fd23"]]), Mo = ["aria-hidden"], Jo = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1406,7 +1420,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       class: E(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      K(G, {
+      K(Y, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -1415,15 +1429,15 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           W(O(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Do));
+    ], 10, Mo));
   }
-}), Ft = /* @__PURE__ */ F(Mo, [["__scopeId", "data-v-deb60895"]]), Jo = {
+}), Ft = /* @__PURE__ */ F(Jo, [["__scopeId", "data-v-deb60895"]]), qo = {
   key: 0,
   class: "joy-label-required"
-}, qo = {
+}, Ho = {
   key: 1,
   class: "joy-label-optional"
-}, Ho = /* @__PURE__ */ B({
+}, Wo = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -1444,41 +1458,41 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     text: String
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.tagName), ae({
+    return (t, n) => (d(), L(re(e.tagName), ae({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: R(() => [
         _(t.$slots, "default", {}, () => [
           W(O(e.text), 1)
         ], !0),
-        e.required ? (d(), g("span", Jo, "*")) : j("", !0),
-        e.optionalLabel ? (d(), g("span", qo, "- " + O(e.optionalLabel), 1)) : j("", !0)
+        e.required ? (d(), g("span", qo, "*")) : j("", !0),
+        e.optionalLabel ? (d(), g("span", Ho, "- " + O(e.optionalLabel), 1)) : j("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ae = /* @__PURE__ */ F(Ho, [["__scopeId", "data-v-f48de041"]]);
-function Wo(e) {
+}), Ae = /* @__PURE__ */ F(Wo, [["__scopeId", "data-v-f48de041"]]);
+function Uo(e) {
   const t = () => e();
-  re(() => {
+  ie(() => {
     window.addEventListener("resize", t);
   }), De(() => {
     window.removeEventListener("resize", t);
   });
 }
 function Nt(e, t) {
-  re(() => {
+  ie(() => {
     var n;
     t && ((n = e.value) == null || n.focus());
   });
 }
-const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { class: "joy-counter__input-wrapper" }, Yo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Zo = ["aria-label", "disabled"], Xo = {
+const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { class: "joy-counter__input-wrapper" }, Zo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Xo = ["aria-label", "disabled"], Qo = {
   key: 0,
   class: "joy-counter_error"
-}, Qo = {
+}, el = {
   inheritAttrs: !1
-}, el = /* @__PURE__ */ B({
-  ...Qo,
+}, tl = /* @__PURE__ */ B({
+  ...el,
   __name: "VJoyCounter",
   props: {
     autofocus: {
@@ -1588,8 +1602,8 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
     };
     return t({
       props: o
-    }), (m, S) => (d(), g("div", Uo, [
-      e.label ? (d(), A(Ae, {
+    }), (m, S) => (d(), g("div", Ko, [
+      e.label ? (d(), L(Ae, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1613,9 +1627,9 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
           disabled: e.modelValue <= e.min,
           onClick: i
         }, [
-          K(G, { name: "minus" })
-        ], 8, Ko),
-        b("div", Go, [
+          K(Y, { name: "minus" })
+        ], 8, Go),
+        b("div", Yo, [
           b("input", ae({
             id: e.id,
             ref_key: "input",
@@ -1636,7 +1650,7 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
             (...k) => h.onBlur && h.onBlur(...k)),
             onFocus: S[2] || (S[2] = //@ts-ignore
             (...k) => h.onFocus && h.onFocus(...k))
-          }), null, 16, Yo)
+          }), null, 16, Zo)
         ]),
         b("button", {
           class: "joy-counter__increment",
@@ -1645,53 +1659,53 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: u
         }, [
-          K(G, { name: "add" })
-        ], 8, Zo),
-        e.invalid && e.errorMessage ? (d(), g("div", Xo, [
+          K(Y, { name: "add" })
+        ], 8, Xo),
+        e.invalid && e.errorMessage ? (d(), g("div", Qo, [
           K(Ft, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : j("", !0)
       ], 2)
     ]));
   }
-}), cc = /* @__PURE__ */ F(el, [["__scopeId", "data-v-556fd173"]]);
-function tl(e) {
+}), dc = /* @__PURE__ */ F(tl, [["__scopeId", "data-v-556fd173"]]);
+function nl(e) {
   return Vt() ? (It(e), !0) : !1;
 }
-function nl(e) {
+function al(e) {
   return typeof e == "function" ? e() : D(e);
 }
-function al(e) {
+function ol(e) {
   var t;
-  const n = nl(e);
+  const n = al(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], st = /* @__PURE__ */ Sn.join(","), _n = typeof Element > "u", Ie = _n ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ut = !_n && Element.prototype.getRootNode ? function(e) {
+var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], ut = /* @__PURE__ */ Sn.join(","), _n = typeof Element > "u", Ie = _n ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ct = !_n && Element.prototype.getRootNode ? function(e) {
   var t;
   return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
 } : function(e) {
   return e == null ? void 0 : e.ownerDocument;
-}, ct = function e(t, n) {
+}, dt = function e(t, n) {
   var a;
   n === void 0 && (n = !0);
   var o = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), r = o === "" || o === "true", l = r || n && t && e(t.parentNode);
   return l;
-}, ol = function(t) {
+}, ll = function(t) {
   var n, a = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
   return a === "" || a === "true";
 }, kn = function(t, n, a) {
-  if (ct(t))
+  if (dt(t))
     return [];
-  var o = Array.prototype.slice.apply(t.querySelectorAll(st));
-  return n && Ie.call(t, st) && o.unshift(t), o = o.filter(a), o;
+  var o = Array.prototype.slice.apply(t.querySelectorAll(ut));
+  return n && Ie.call(t, ut) && o.unshift(t), o = o.filter(a), o;
 }, jn = function e(t, n, a) {
   for (var o = [], r = Array.from(t); r.length; ) {
     var l = r.shift();
-    if (!ct(l, !1))
+    if (!dt(l, !1))
       if (l.tagName === "SLOT") {
         var s = l.assignedElements(), i = s.length ? s : l.children, u = e(i, !0, a);
         a.flatten ? o.push.apply(o, u) : o.push({
@@ -1699,10 +1713,10 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: u
         });
       } else {
-        var f = Ie.call(l, st);
+        var f = Ie.call(l, ut);
         f && a.filter(l) && (n || !t.includes(l)) && o.push(l);
         var c = l.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), y = !ct(c, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), y = !dt(c, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
         if (c && y) {
           var p = e(c === !0 ? l.children : c.children, !0, a);
           a.flatten ? o.push.apply(o, p) : o.push({
@@ -1719,29 +1733,29 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Ce = function(t) {
   if (!t)
     throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ol(t)) && !$n(t) ? 0 : t.tabIndex;
-}, ll = function(t, n) {
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ll(t)) && !$n(t) ? 0 : t.tabIndex;
+}, rl = function(t, n) {
   var a = Ce(t);
   return a < 0 && n && !$n(t) ? 0 : a;
-}, rl = function(t, n) {
+}, il = function(t, n) {
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
 }, Cn = function(t) {
   return t.tagName === "INPUT";
-}, il = function(t) {
-  return Cn(t) && t.type === "hidden";
 }, sl = function(t) {
+  return Cn(t) && t.type === "hidden";
+}, ul = function(t) {
   var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(a) {
     return a.tagName === "SUMMARY";
   });
   return n;
-}, ul = function(t, n) {
+}, cl = function(t, n) {
   for (var a = 0; a < t.length; a++)
     if (t[a].checked && t[a].form === n)
       return t[a];
-}, cl = function(t) {
+}, dl = function(t) {
   if (!t.name)
     return !0;
-  var n = t.form || ut(t), a = function(s) {
+  var n = t.form || ct(t), a = function(s) {
     return n.querySelectorAll('input[type="radio"][name="' + s + '"]');
   }, o;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
@@ -1752,26 +1766,26 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     } catch (l) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", l.message), !1;
     }
-  var r = ul(o, t.form);
+  var r = cl(o, t.form);
   return !r || r === t;
-}, dl = function(t) {
-  return Cn(t) && t.type === "radio";
 }, fl = function(t) {
-  return dl(t) && !cl(t);
+  return Cn(t) && t.type === "radio";
 }, vl = function(t) {
-  var n, a = t && ut(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
+  return fl(t) && !dl(t);
+}, yl = function(t) {
+  var n, a = t && ct(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (a && a !== t) {
     var l, s, i;
     for (r = !!((l = o) !== null && l !== void 0 && (s = l.ownerDocument) !== null && s !== void 0 && s.contains(o) || t != null && (i = t.ownerDocument) !== null && i !== void 0 && i.contains(t)); !r && o; ) {
       var u, f, c;
-      a = ut(o), o = (u = a) === null || u === void 0 ? void 0 : u.host, r = !!((f = o) !== null && f !== void 0 && (c = f.ownerDocument) !== null && c !== void 0 && c.contains(o));
+      a = ct(o), o = (u = a) === null || u === void 0 ? void 0 : u.host, r = !!((f = o) !== null && f !== void 0 && (c = f.ownerDocument) !== null && c !== void 0 && c.contains(o));
     }
   }
   return r;
 }, Yt = function(t) {
   var n = t.getBoundingClientRect(), a = n.width, o = n.height;
   return a === 0 && o === 0;
-}, yl = function(t, n) {
+}, pl = function(t, n) {
   var a = n.displayCheck, o = n.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
@@ -1781,21 +1795,21 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
       for (var s = t; t; ) {
-        var i = t.parentElement, u = ut(t);
+        var i = t.parentElement, u = ct(t);
         if (i && !i.shadowRoot && o(i) === !0)
           return Yt(t);
         t.assignedSlot ? t = t.assignedSlot : !i && u !== t.ownerDocument ? t = u.host : t = i;
       }
       t = s;
     }
-    if (vl(t))
+    if (yl(t))
       return !t.getClientRects().length;
     if (a !== "legacy-full")
       return !0;
   } else if (a === "non-zero-area")
     return Yt(t);
   return !1;
-}, pl = function(t) {
+}, ml = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
     for (var n = t.parentElement; n; ) {
       if (n.tagName === "FIELDSET" && n.disabled) {
@@ -1809,21 +1823,21 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       n = n.parentElement;
     }
   return !1;
-}, dt = function(t, n) {
+}, ft = function(t, n) {
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  ct(n) || il(n) || yl(n, t) || // For a details element with a summary, the summary element gets the focus
-  sl(n) || pl(n));
+  dt(n) || sl(n) || pl(n, t) || // For a details element with a summary, the summary element gets the focus
+  ul(n) || ml(n));
 }, $t = function(t, n) {
-  return !(fl(n) || Ce(n) < 0 || !dt(t, n));
-}, ml = function(t) {
+  return !(vl(n) || Ce(n) < 0 || !ft(t, n));
+}, hl = function(t) {
   var n = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
-}, hl = function e(t) {
+}, bl = function e(t) {
   var n = [], a = [];
   return t.forEach(function(o, r) {
-    var l = !!o.scopeParent, s = l ? o.scopeParent : o, i = ll(s, l), u = l ? e(o.candidates) : s;
+    var l = !!o.scopeParent, s = l ? o.scopeParent : o, i = rl(s, l), u = l ? e(o.candidates) : s;
     i === 0 ? l ? n.push.apply(n, u) : n.push(s) : a.push({
       documentOrder: r,
       tabIndex: i,
@@ -1831,34 +1845,34 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       isScope: l,
       content: u
     });
-  }), a.sort(rl).reduce(function(o, r) {
+  }), a.sort(il).reduce(function(o, r) {
     return r.isScope ? o.push.apply(o, r.content) : o.push(r.content), o;
   }, []).concat(n);
-}, bl = function(t, n) {
+}, gl = function(t, n) {
   n = n || {};
   var a;
   return n.getShadowRoot ? a = jn([t], n.includeContainer, {
     filter: $t.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
-    shadowRootFilter: ml
-  }) : a = kn(t, n.includeContainer, $t.bind(null, n)), hl(a);
-}, gl = function(t, n) {
+    shadowRootFilter: hl
+  }) : a = kn(t, n.includeContainer, $t.bind(null, n)), bl(a);
+}, wl = function(t, n) {
   n = n || {};
   var a;
   return n.getShadowRoot ? a = jn([t], n.includeContainer, {
-    filter: dt.bind(null, n),
+    filter: ft.bind(null, n),
     flatten: !0,
     getShadowRoot: n.getShadowRoot
-  }) : a = kn(t, n.includeContainer, dt.bind(null, n)), a;
+  }) : a = kn(t, n.includeContainer, ft.bind(null, n)), a;
 }, Fe = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ie.call(t, st) === !1 ? !1 : $t(n, t);
-}, wl = /* @__PURE__ */ Sn.concat("iframe").join(","), kt = function(t, n) {
+  return Ie.call(t, ut) === !1 ? !1 : $t(n, t);
+}, Sl = /* @__PURE__ */ Sn.concat("iframe").join(","), kt = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ie.call(t, wl) === !1 ? !1 : dt(n, t);
+  return Ie.call(t, Sl) === !1 ? !1 : ft(n, t);
 };
 /*!
 * focus-trap 7.5.4
@@ -1878,22 +1892,22 @@ function Xt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Zt(Object(n), !0).forEach(function(a) {
-      Sl(e, a, n[a]);
+      _l(e, a, n[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zt(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function Sl(e, t, n) {
-  return t = kl(t), t in e ? Object.defineProperty(e, t, {
+function _l(e, t, n) {
+  return t = jl(t), t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = n, e;
 }
-function _l(e, t) {
+function kl(e, t) {
   if (typeof e != "object" || e === null)
     return e;
   var n = e[Symbol.toPrimitive];
@@ -1905,8 +1919,8 @@ function _l(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function kl(e) {
-  var t = _l(e, "string");
+function jl(e) {
+  var t = kl(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 var Qt = {
@@ -1922,15 +1936,15 @@ var Qt = {
     var a = t.indexOf(n);
     a !== -1 && t.splice(a, 1), t.length > 0 && t[t.length - 1].unpause();
   }
-}, jl = function(t) {
-  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, $l = function(t) {
+  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
+}, Cl = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
 }, We = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
-}, Cl = function(t) {
-  return We(t) && !t.shiftKey;
 }, xl = function(t) {
+  return We(t) && !t.shiftKey;
+}, Tl = function(t) {
   return We(t) && t.shiftKey;
 }, en = function(t) {
   return setTimeout(t, 0);
@@ -1943,15 +1957,15 @@ var Qt = {
   for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
     a[o - 1] = arguments[o];
   return typeof t == "function" ? t.apply(void 0, a) : t;
-}, ot = function(t) {
+}, lt = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, Tl = [], Vl = function(t, n) {
-  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Tl, r = Xt({
+}, Vl = [], Il = function(t, n) {
+  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Vl, r = Xt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
-    isKeyForward: Cl,
-    isKeyBackward: xl
+    isKeyForward: xl,
+    isKeyBackward: Tl
   }, n), l = {
     // containers given to createFocusTrap()
     // @type {Array<HTMLElement>}
@@ -1998,8 +2012,8 @@ var Qt = {
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (N == null ? void 0 : N.includes(q)) || U.find(function(Q) {
-        return Q === $;
+      (N == null ? void 0 : N.includes(q)) || U.find(function(ee) {
+        return ee === $;
       });
     });
   }, f = function($) {
@@ -2034,9 +2048,9 @@ var Qt = {
     return $;
   }, y = function() {
     if (l.containerGroups = l.containers.map(function($) {
-      var x = bl($, r.tabbableOptions), N = gl($, r.tabbableOptions), J = x.length > 0 ? x[0] : void 0, q = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
+      var x = gl($, r.tabbableOptions), N = wl($, r.tabbableOptions), J = x.length > 0 ? x[0] : void 0, q = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
         return Fe(oe);
-      }), Q = N.slice().reverse().find(function(oe) {
+      }), ee = N.slice().reverse().find(function(oe) {
         return Fe(oe);
       }), le = !!x.find(function(oe) {
         return Ce(oe) > 0;
@@ -2061,7 +2075,7 @@ var Qt = {
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
         firstDomTabbableNode: U,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: Q,
+        lastDomTabbableNode: ee,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -2099,25 +2113,25 @@ var Qt = {
       }
       $.focus({
         preventScroll: !!r.preventScroll
-      }), l.mostRecentlyFocusedNode = $, jl($) && $.select();
+      }), l.mostRecentlyFocusedNode = $, $l($) && $.select();
     }
   }, h = function($) {
     var x = f("setReturnFocus", $);
     return x || (x === !1 ? !1 : $);
   }, m = function($) {
     var x = $.target, N = $.event, J = $.isBackward, q = J === void 0 ? !1 : J;
-    x = x || ot(N), y();
+    x = x || lt(N), y();
     var U = null;
     if (l.tabbableGroups.length > 0) {
-      var Q = u(x, N), le = Q >= 0 ? l.containerGroups[Q] : void 0;
-      if (Q < 0)
+      var ee = u(x, N), le = ee >= 0 ? l.containerGroups[ee] : void 0;
+      if (ee < 0)
         q ? U = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : U = l.tabbableGroups[0].firstTabbableNode;
       else if (q) {
         var oe = tn(l.tabbableGroups, function(wt) {
           var St = wt.firstTabbableNode;
           return x === St;
         });
-        if (oe < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x, !1)) && (oe = Q), oe >= 0) {
+        if (oe < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x, !1)) && (oe = ee), oe >= 0) {
           var $e = oe === 0 ? l.tabbableGroups.length - 1 : oe - 1, Me = l.tabbableGroups[$e];
           U = Ce(x) >= 0 ? Me.lastTabbableNode : Me.lastDomTabbableNode;
         } else
@@ -2127,7 +2141,7 @@ var Qt = {
           var St = wt.lastTabbableNode;
           return x === St;
         });
-        if (me < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x)) && (me = Q), me >= 0) {
+        if (me < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x)) && (me = ee), me >= 0) {
           var Je = me === l.tabbableGroups.length - 1 ? 0 : me + 1, Jt = l.tabbableGroups[Je];
           U = Ce(x) >= 0 ? Jt.firstTabbableNode : Jt.firstDomTabbableNode;
         } else
@@ -2137,7 +2151,7 @@ var Qt = {
       U = f("fallbackFocus");
     return U;
   }, S = function($) {
-    var x = ot($);
+    var x = lt($);
     if (!(u(x, $) >= 0)) {
       if (qe(r.clickOutsideDeactivates, $)) {
         s.deactivate({
@@ -2154,7 +2168,7 @@ var Qt = {
       qe(r.allowOutsideClick, $) || $.preventDefault();
     }
   }, k = function($) {
-    var x = ot($), N = u(x, $) >= 0;
+    var x = lt($), N = u(x, $) >= 0;
     if (N || x instanceof Document)
       N && (l.mostRecentlyFocusedNode = x);
     else {
@@ -2162,12 +2176,12 @@ var Qt = {
       var J, q = !0;
       if (l.mostRecentlyFocusedNode)
         if (Ce(l.mostRecentlyFocusedNode) > 0) {
-          var U = u(l.mostRecentlyFocusedNode), Q = l.containerGroups[U].tabbableNodes;
-          if (Q.length > 0) {
-            var le = Q.findIndex(function(oe) {
+          var U = u(l.mostRecentlyFocusedNode), ee = l.containerGroups[U].tabbableNodes;
+          if (ee.length > 0) {
+            var le = ee.findIndex(function(oe) {
               return oe === l.mostRecentlyFocusedNode;
             });
-            le >= 0 && (r.isKeyForward(l.recentNavEvent) ? le + 1 < Q.length && (J = Q[le + 1], q = !1) : le - 1 >= 0 && (J = Q[le - 1], q = !1));
+            le >= 0 && (r.isKeyForward(l.recentNavEvent) ? le + 1 < ee.length && (J = ee[le + 1], q = !1) : le - 1 >= 0 && (J = ee[le - 1], q = !1));
           }
         } else
           l.containerGroups.some(function(oe) {
@@ -2185,7 +2199,7 @@ var Qt = {
       })), v(J || l.mostRecentlyFocusedNode || c());
     }
     l.recentNavEvent = void 0;
-  }, L = function($) {
+  }, A = function($) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     l.recentNavEvent = $;
     var N = m({
@@ -2194,13 +2208,13 @@ var Qt = {
     });
     N && (We($) && $.preventDefault(), v(N));
   }, P = function($) {
-    if ($l($) && qe(r.escapeDeactivates, $) !== !1) {
+    if (Cl($) && qe(r.escapeDeactivates, $) !== !1) {
       $.preventDefault(), s.deactivate();
       return;
     }
-    (r.isKeyForward($) || r.isKeyBackward($)) && L($, r.isKeyBackward($));
+    (r.isKeyForward($) || r.isKeyBackward($)) && A($, r.isKeyBackward($));
   }, T = function($) {
-    var x = ot($);
+    var x = lt($);
     u(x, $) >= 0 || qe(r.clickOutsideDeactivates, $) || qe(r.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
   }, I = function() {
     if (l.active)
@@ -2266,12 +2280,12 @@ var Qt = {
       clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, w(), l.active = !1, l.paused = !1, Z(), Qt.deactivateTrap(o, s);
       var N = i(x, "onDeactivate"), J = i(x, "onPostDeactivate"), q = i(x, "checkCanReturnFocus"), U = i(x, "returnFocus", "returnFocusOnDeactivate");
       N == null || N();
-      var Q = function() {
+      var ee = function() {
         en(function() {
           U && v(h(l.nodeFocusedBeforeActivation)), J == null || J();
         });
       };
-      return U && q ? (q(h(l.nodeFocusedBeforeActivation)).then(Q, Q), this) : (Q(), this);
+      return U && q ? (q(h(l.nodeFocusedBeforeActivation)).then(ee, ee), this) : (ee(), this);
     },
     pause: function($) {
       if (l.paused || !l.active)
@@ -2301,9 +2315,9 @@ function xn(e, t = {}) {
     n && (n.unpause(), l.value = !1);
   };
   return te(
-    () => al(e),
+    () => ol(e),
     (c) => {
-      c && (n = Vl(c, {
+      c && (n = Il(c, {
         ...o,
         onActivate() {
           r.value = !0, t.onActivate && t.onActivate();
@@ -2314,7 +2328,7 @@ function xn(e, t = {}) {
       }), a && s());
     },
     { flush: "post" }
-  ), tl(() => i()), {
+  ), nl(() => i()), {
     hasFocus: r,
     isPaused: l,
     activate: s,
@@ -2323,7 +2337,7 @@ function xn(e, t = {}) {
     unpause: f
   };
 }
-const Il = /* @__PURE__ */ B({
+const El = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2383,25 +2397,25 @@ const Il = /* @__PURE__ */ B({
       _(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ke = /* @__PURE__ */ F(Il, [["__scopeId", "data-v-68d89412"]]), Tn = (e) => (Ye("data-v-37136d78"), e = e(), Ze(), e), El = ["id"], Ll = { class: "joy-dialog__inner" }, Al = {
+}), Ke = /* @__PURE__ */ F(El, [["__scopeId", "data-v-68d89412"]]), Tn = (e) => (Ye("data-v-37136d78"), e = e(), Ze(), e), Ll = ["id"], Al = { class: "joy-dialog__inner" }, Bl = {
   key: 0,
   class: "joy-dialog__shapes"
-}, Bl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Fl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = [
-  Bl,
-  Fl
-], zl = { class: "joy-dialog--header" }, Pl = {
+}, Fl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), zl = [
+  Fl,
+  Nl
+], Pl = { class: "joy-dialog--header" }, Ol = {
   key: 0,
   class: "joy-dialog--preheader"
-}, Ol = {
+}, Rl = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
-}, Rl = {
+}, Dl = {
   class: "joy-dialog--body",
   tabindex: "0"
-}, Dl = {
+}, Ml = {
   key: 2,
   class: "joy-dialog--indicators"
-}, Ml = /* @__PURE__ */ B({
+}, Jl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2479,7 +2493,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-dialog--" + je(), l = X(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
+    const a = e, o = n, r = "joy-dialog--" + je(), l = Q(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
       if (s.value)
         return c;
     }), p = V(() => {
@@ -2495,7 +2509,7 @@ const Il = /* @__PURE__ */ B({
     async function k() {
       u.value = !0, await Ue(), a.focusTrap && f.activate(), a.preventBodyScroll && he(!0);
     }
-    function L() {
+    function A() {
       o("dialog:open");
     }
     function P() {
@@ -2504,7 +2518,7 @@ const Il = /* @__PURE__ */ B({
     function T() {
       o("dialog:after-hide");
     }
-    return re(async () => {
+    return ie(async () => {
       s.value = !0;
     }), De(() => {
       u.value === !0 && (o("dialog:before-unmount"), he(!1));
@@ -2514,7 +2528,7 @@ const Il = /* @__PURE__ */ B({
       hide: S,
       isOpen: u,
       show: k
-    }), (I, w) => s.value ? (d(), A(Qe, {
+    }), (I, w) => s.value ? (d(), L(Qe, {
       key: 0,
       to: e.teleport
     }, [
@@ -2522,7 +2536,7 @@ const Il = /* @__PURE__ */ B({
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: L,
+        onEnter: A,
         onAfterEnter: P,
         onAfterLeave: T
       }, {
@@ -2535,7 +2549,7 @@ const Il = /* @__PURE__ */ B({
             "aria-modal": "true",
             class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value, "joy-dialog--pattern-brand": e.patternBrand }],
             "aria-labelledby": h,
-            onKeydown: pt(m, ["esc"])
+            onKeydown: et(m, ["esc"])
           }), [
             b("div", {
               class: E([
@@ -2555,19 +2569,19 @@ const Il = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", Ll, [
-                e.patternBrand ? (d(), g("div", Al, Nl)) : j("", !0),
+              b("div", Al, [
+                e.patternBrand ? (d(), g("div", Bl, zl)) : j("", !0),
                 e.bannerSrc ? (d(), g("div", {
                   key: 1,
                   class: "joy-dialog--banner",
-                  style: ie({
+                  style: se({
                     backgroundImage: `url(${e.bannerSrc})`,
                     backgroundPosition: e.bannerPosition,
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : j("", !0),
-                b("div", zl, [
-                  I.$slots["dialog-preheader"] ? (d(), g("div", Pl, [
+                b("div", Pl, [
+                  I.$slots["dialog-preheader"] ? (d(), g("div", Ol, [
                     _(I.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : j("", !0),
                   b("div", {
@@ -2576,10 +2590,10 @@ const Il = /* @__PURE__ */ B({
                   }, [
                     _(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  b("p", Ol, [
+                  b("p", Rl, [
                     _(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? j("", !0) : (d(), A(ue, {
+                  e.patternConfirm ? j("", !0) : (d(), L(ue, {
                     key: 1,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2592,7 +2606,7 @@ const Il = /* @__PURE__ */ B({
                     onClick: w[0] || (w[0] = (z) => S())
                   }, null, 8, ["label"]))
                 ]),
-                b("div", Rl, [
+                b("div", Dl, [
                   _(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2609,7 +2623,7 @@ const Il = /* @__PURE__ */ B({
                   }, {
                     default: R(() => [
                       _(I.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (d(), A(ue, {
+                        e.cancelText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -2623,7 +2637,7 @@ const Il = /* @__PURE__ */ B({
                         }, 8, ["size"])) : j("", !0)
                       ], !0),
                       _(I.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (d(), A(ue, {
+                        e.confirmText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -2640,35 +2654,35 @@ const Il = /* @__PURE__ */ B({
                     _: 3
                   })
                 ], 2),
-                D(l)["dialog-indicators"] ? (d(), g("div", Dl, [
+                D(l)["dialog-indicators"] ? (d(), g("div", Ml, [
                   _(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
             ], 2)
-          ], 16, El)) : j("", !0)
+          ], 16, Ll)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), dc = /* @__PURE__ */ F(Ml, [["__scopeId", "data-v-37136d78"]]), fc = /* @__PURE__ */ B({
+}), fc = /* @__PURE__ */ F(Jl, [["__scopeId", "data-v-37136d78"]]), vc = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = t, r = X(), l = V(() => r.default());
+    const n = e, a = V(() => n.dialog), o = t, r = Q(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, X(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
   }
-}), Jl = ["disabled"], ql = { class: "joy-divider-cta--icon" }, Hl = { class: "joy-divider-cta--content" }, Wl = { class: "joy-divider-cta--content---title" }, Ul = /* @__PURE__ */ B({
+}), ql = ["disabled"], Hl = { class: "joy-divider-cta--icon" }, Wl = { class: "joy-divider-cta--content" }, Ul = { class: "joy-divider-cta--content---title" }, Kl = /* @__PURE__ */ B({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -2682,24 +2696,24 @@ const Il = /* @__PURE__ */ B({
       class: E(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      b("div", ql, [
-        K(G, { name: "add" })
-      ]),
       b("div", Hl, [
-        b("p", Wl, [
+        K(Y, { name: "add" })
+      ]),
+      b("div", Wl, [
+        b("p", Ul, [
           _(t.$slots, "default", {}, void 0, !0)
         ]),
         _(t.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, Jl));
+    ], 10, ql));
   }
-}), vc = /* @__PURE__ */ F(Ul, [["__scopeId", "data-v-aa93710e"]]), Kl = ["id"], Gl = { class: "joy-drawer__inner" }, Yl = { class: "joy-drawer--header" }, Zl = {
+}), yc = /* @__PURE__ */ F(Kl, [["__scopeId", "data-v-aa93710e"]]), Gl = ["id"], Yl = { class: "joy-drawer__inner" }, Zl = { class: "joy-drawer--header" }, Xl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, Xl = {
+}, Ql = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, Ql = /* @__PURE__ */ B({
+}, er = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2761,7 +2775,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-drawer--" + je(), l = X(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
+    const a = e, o = n, r = "joy-drawer--" + je(), l = Q(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
       if (s.value)
         return c;
     }), p = V(() => {
@@ -2777,13 +2791,13 @@ const Il = /* @__PURE__ */ B({
     function k() {
       o("drawer:open");
     }
-    function L() {
+    function A() {
       o("drawer:after-open");
     }
     function P() {
       o("drawer:after-hide");
     }
-    return re(() => {
+    return ie(() => {
       s.value = !0;
     }), De(() => {
       u.value === !0 && (o("drawer:before-unmount"), he(!1));
@@ -2793,7 +2807,7 @@ const Il = /* @__PURE__ */ B({
       hide: m,
       isOpen: u,
       show: S
-    }), (T, I) => s.value ? (d(), A(Qe, {
+    }), (T, I) => s.value ? (d(), L(Qe, {
       key: 0,
       to: e.teleport
     }, [
@@ -2802,7 +2816,7 @@ const Il = /* @__PURE__ */ B({
         name: "drawer",
         appear: "",
         onEnter: k,
-        onAfterEnter: L,
+        onAfterEnter: A,
         onAfterLeave: P
       }, {
         default: R(() => [
@@ -2821,7 +2835,7 @@ const Il = /* @__PURE__ */ B({
               }
             ],
             "aria-labelledby": h,
-            onKeydown: I[4] || (I[4] = pt((w) => m(), ["esc"]))
+            onKeydown: I[4] || (I[4] = et((w) => m(), ["esc"]))
           }), [
             e.elevated ? j("", !0) : (d(), g("div", {
               key: 0,
@@ -2841,15 +2855,15 @@ const Il = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", Gl, [
-                b("div", Yl, [
+              b("div", Yl, [
+                b("div", Zl, [
                   b("div", {
                     id: h,
                     class: "joy-drawer--header__title"
                   }, [
                     _(T.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  b("p", Zl, [
+                  b("p", Xl, [
                     _(T.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   K(ue, {
@@ -2864,7 +2878,7 @@ const Il = /* @__PURE__ */ B({
                     onClick: I[1] || (I[1] = (w) => m())
                   }, null, 8, ["label"])
                 ]),
-                b("div", Xl, [
+                b("div", Ql, [
                   _(T.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2882,7 +2896,7 @@ const Il = /* @__PURE__ */ B({
                   }, {
                     default: R(() => [
                       _(T.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (d(), A(ue, {
+                        e.cancelText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
@@ -2896,7 +2910,7 @@ const Il = /* @__PURE__ */ B({
                         }, 8, ["size"])) : j("", !0)
                       ], !0),
                       _(T.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (d(), A(ue, {
+                        e.confirmText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
@@ -2915,36 +2929,36 @@ const Il = /* @__PURE__ */ B({
                 ], 2)
               ])
             ], 2)
-          ], 16, Kl)) : j("", !0)
+          ], 16, Gl)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), yc = /* @__PURE__ */ F(Ql, [["__scopeId", "data-v-73384607"]]), pc = /* @__PURE__ */ B({
+}), pc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-73384607"]]), mc = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.drawer), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.drawer), r = Q(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), await ((i = o.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, X(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
   }
-}), er = {
+}), tr = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, tr = ["aria-label", "aria-labelledby"], nr = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], ar = {
+}, nr = ["aria-label", "aria-labelledby"], ar = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], or = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, or = /* @__PURE__ */ B({
+}, lr = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -3032,7 +3046,7 @@ const Il = /* @__PURE__ */ B({
     function p() {
       a("reset");
     }
-    return re(() => {
+    return ie(() => {
       window.addEventListener("keydown", c), u();
     }), De(() => {
       window.removeEventListener("keydown", c);
@@ -3040,9 +3054,9 @@ const Il = /* @__PURE__ */ B({
       isSelected: l
     }), (v, h) => (d(), g("div", {
       class: "joy-dropdown-list",
-      style: ie({ width: `${e.width}px`, "max-width": `${e.width}px` })
+      style: se({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", er, [
+      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", tr, [
         e.reset ? (d(), g("button", {
           key: 0,
           type: "button",
@@ -3054,7 +3068,7 @@ const Il = /* @__PURE__ */ B({
       b("div", {
         tabindex: "0",
         class: E(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": v.$slots["dropdown-list-items"] }]),
-        style: ie({ "max-height": `${e.height}px` })
+        style: se({ "max-height": `${e.height}px` })
       }, [
         _(v.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (d(), g("ul", {
@@ -3066,10 +3080,10 @@ const Il = /* @__PURE__ */ B({
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (d(!0), g(Y, null, ee(e.options, (m) => (d(), g("li", {
+          (d(!0), g(G, null, X(e.options, (m) => (d(), g("li", {
             id: m.id,
             key: m.id,
-            style: ie({ "max-width": `${e.width}px` }),
+            style: se({ "max-width": `${e.width}px` }),
             class: E([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
@@ -3090,15 +3104,15 @@ const Il = /* @__PURE__ */ B({
             _(v.$slots, "label", _e(ke(m)), () => [
               b("span", null, O(m.label), 1)
             ], !0)
-          ], 46, nr))), 128))
-        ], 8, tr)) : j("", !0)
+          ], 46, ar))), 128))
+        ], 8, nr)) : j("", !0)
       ], 6),
-      v.$slots["dropdown-list-footer"] ? (d(), g("footer", ar, [
+      v.$slots["dropdown-list-footer"] ? (d(), g("footer", or, [
         _(v.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : j("", !0)
     ], 4));
   }
-}), lr = /* @__PURE__ */ F(or, [["__scopeId", "data-v-7a3292aa"]]), rr = /* @__PURE__ */ B({
+}), rr = /* @__PURE__ */ F(lr, [["__scopeId", "data-v-7a3292aa"]]), ir = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -3219,7 +3233,7 @@ const Il = /* @__PURE__ */ B({
     function k() {
       u.value && u.value.focus();
     }
-    function L(I) {
+    function A(I) {
       a("update:modelValue", I), o.closeOnSelect && (h(), k());
     }
     function P() {
@@ -3228,12 +3242,12 @@ const Il = /* @__PURE__ */ B({
     function T() {
       !s.value || !s.value.children.length || (s.value.children[0].id = c);
     }
-    return Wo(h), re(() => {
+    return Uo(h), ie(() => {
       T();
     }), t({
       showDropdownList: r,
       generatedId: c
-    }), (I, w) => (d(), A(D(Bt), {
+    }), (I, w) => (d(), L(D(Bt), {
       ref_key: "dropdown",
       ref: l,
       options: y,
@@ -3263,9 +3277,9 @@ const Il = /* @__PURE__ */ B({
               "joy-dropdown__list--hiding": f.value
             }
           ]),
-          style: ie(v.value)
+          style: se(v.value)
         }, [
-          K(lr, {
+          K(rr, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -3274,7 +3288,7 @@ const Il = /* @__PURE__ */ B({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": c,
-            "onUpdate:modelValue": L,
+            "onUpdate:modelValue": A,
             "onClose:dropdownList": S,
             onReset: P
           }, Lt({
@@ -3312,27 +3326,27 @@ const Il = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), mc = /* @__PURE__ */ F(rr, [["__scopeId", "data-v-a152eb12"]]), ir = { class: "joy-dropzone__icon-wrapper" }, sr = /* @__PURE__ */ B({
+}), hc = /* @__PURE__ */ F(ir, [["__scopeId", "data-v-a152eb12"]]), sr = { class: "joy-dropzone__icon-wrapper" }, ur = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
-    return (t, n) => (d(), g("div", ir, [
-      K(G, {
+    return (t, n) => (d(), g("div", sr, [
+      K(Y, {
         "aria-hidden": "true",
         name: e.name,
         class: "joy-dropzone__icon"
       }, null, 8, ["name"])
     ]));
   }
-}), Vn = /* @__PURE__ */ F(sr, [["__scopeId", "data-v-5a2d1889"]]), ur = { class: "joy-dropzone__file__description" }, cr = { class: "joy-dropzone__file__name" }, dr = {
+}), Vn = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-5a2d1889"]]), cr = { class: "joy-dropzone__file__description" }, dr = { class: "joy-dropzone__file__name" }, fr = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, fr = {
+}, vr = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, vr = /* @__PURE__ */ B({
+}, yr = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -3342,8 +3356,8 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["delete", "update"],
   setup(e) {
-    const t = X(), n = e;
-    return (a, o) => (d(), A(Ke, {
+    const t = Q(), n = e;
+    return (a, o) => (d(), L(Ke, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -3357,12 +3371,12 @@ const Il = /* @__PURE__ */ B({
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
-        b("div", ur, [
-          b("span", cr, O(n.file.name), 1),
-          D(t).information ? (d(), g("div", dr, [
+        b("div", cr, [
+          b("span", dr, O(n.file.name), 1),
+          D(t).information ? (d(), g("div", fr, [
             _(a.$slots, "information", { file: a.file }, void 0, !0)
           ])) : j("", !0),
-          a.error ? (d(), g("p", fr, O(a.error), 1)) : j("", !0)
+          a.error ? (d(), g("p", vr, O(a.error), 1)) : j("", !0)
         ]),
         K(Ke, {
           "column-gap": "1",
@@ -3397,13 +3411,13 @@ const Il = /* @__PURE__ */ B({
       _: 3
     }));
   }
-}), yr = /* @__PURE__ */ F(vr, [["__scopeId", "data-v-f47da94a"]]), pr = ["name", "accept", "multiple"], mr = ["for"], hr = {
+}), pr = /* @__PURE__ */ F(yr, [["__scopeId", "data-v-f47da94a"]]), mr = ["name", "accept", "multiple"], hr = ["for"], br = {
   key: 0,
   class: "joy-dropzone__files"
-}, br = { class: "joy-dropzone__instruction__text" }, gr = {
+}, gr = { class: "joy-dropzone__instruction__text" }, wr = {
   key: 0,
   class: "joy-dropzone__legend"
-}, wr = /* @__PURE__ */ B({
+}, Sr = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ oa({
     name: {},
@@ -3421,7 +3435,7 @@ const Il = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = X(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = uo(l, {
+    const n = Q(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = uo(l, {
       onDrop: k
     }), u = V(() => o.value.filter((w) => w instanceof File)), f = V(() => u.value.some((w) => !y(w) || !p(w))), c = V(() => a.multiple || u.value.length === 0 ? void 0 : v(u.value[0]));
     function y(w) {
@@ -3455,7 +3469,7 @@ const Il = /* @__PURE__ */ B({
     function k(w) {
       !w || w.length === 0 || (r.value = void 0, T(w));
     }
-    function L(w) {
+    function A(w) {
       r.value = w, s.value && s.value.click();
     }
     function P(w) {
@@ -3491,19 +3505,19 @@ const Il = /* @__PURE__ */ B({
           tabindex: "-1",
           onChange: S,
           onClick: m
-        }, null, 40, pr),
+        }, null, 40, mr),
         b("label", {
           for: w.name,
           class: "joy-dropzone__label"
         }, [
-          o.value.length > 0 ? (d(), g("div", hr, [
-            (d(!0), g(Y, null, ee(o.value, (M, Z) => (d(), A(yr, {
+          o.value.length > 0 ? (d(), g("div", br, [
+            (d(!0), g(G, null, X(o.value, (M, Z) => (d(), L(pr, {
               key: `${M.name}_${Z}`,
               file: M,
               error: w.multiple ? v(M) : void 0,
               "update-label": w.updateLabel,
               "delete-label": w.deleteLabel,
-              onUpdate: (H) => L(M),
+              onUpdate: (H) => A(M),
               onDelete: (H) => P(M)
             }, Lt({ _: 2 }, [
               D(n)["file-information"] ? {
@@ -3522,7 +3536,7 @@ const Il = /* @__PURE__ */ B({
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : j("", !0),
-          o.value.length === 0 || w.multiple ? (d(), A(Ke, {
+          o.value.length === 0 || w.multiple ? (d(), L(Ke, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -3534,7 +3548,7 @@ const Il = /* @__PURE__ */ B({
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
-              b("p", br, [
+              b("p", gr, [
                 _(w.$slots, "dropzone-description", {}, () => [
                   W("Drop your file here or click here")
                 ], !0)
@@ -3542,19 +3556,19 @@ const Il = /* @__PURE__ */ B({
             ]),
             _: 3
           })) : j("", !0)
-        ], 8, mr)
+        ], 8, hr)
       ], 512),
-      D(n)["dropzone-legend"] ? (d(), g("div", gr, [
+      D(n)["dropzone-legend"] ? (d(), g("div", wr, [
         _(w.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : j("", !0),
-      c.value ? (d(), A(Ft, {
+      c.value ? (d(), L(Ft, {
         key: 1,
         "no-html-error-text": c.value,
         class: "joy-dropzone__error"
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), hc = /* @__PURE__ */ F(wr, [["__scopeId", "data-v-32812dd6"]]), Sr = ["aria-label"], _r = { class: "joy-filter-bar__wrapper" }, kr = /* @__PURE__ */ B({
+}), bc = /* @__PURE__ */ F(Sr, [["__scopeId", "data-v-32812dd6"]]), _r = ["aria-label"], kr = { class: "joy-filter-bar__wrapper" }, jr = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3566,12 +3580,12 @@ const Il = /* @__PURE__ */ B({
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      b("div", _r, [
+      b("div", kr, [
         _(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, Sr));
+    ], 8, _r));
   }
-}), bc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-e027069a"]]), jr = /* @__PURE__ */ B({
+}), gc = /* @__PURE__ */ F(jr, [["__scopeId", "data-v-e027069a"]]), $r = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3599,7 +3613,7 @@ const Il = /* @__PURE__ */ B({
     }, [
       W(O(e.label) + " ", 1),
       _(l.$slots, "default", {}, void 0, !0),
-      D(o) ? (d(), A(G, {
+      D(o) ? (d(), L(Y, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3608,19 +3622,19 @@ const Il = /* @__PURE__ */ B({
       })) : j("", !0)
     ], 2));
   }
-}), gc = /* @__PURE__ */ F(jr, [["__scopeId", "data-v-44f9dbfc"]]), $r = { class: "joy-footer" }, Cr = { class: "joy-footer__left" }, xr = { class: "joy-footer__right" }, Tr = /* @__PURE__ */ B({
+}), wc = /* @__PURE__ */ F($r, [["__scopeId", "data-v-44f9dbfc"]]), Cr = { class: "joy-footer" }, xr = { class: "joy-footer__left" }, Tr = { class: "joy-footer__right" }, Vr = /* @__PURE__ */ B({
   __name: "VJoyFooter",
   setup(e) {
-    return (t, n) => (d(), g("footer", $r, [
-      b("div", Cr, [
+    return (t, n) => (d(), g("footer", Cr, [
+      b("div", xr, [
         _(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      b("div", xr, [
+      b("div", Tr, [
         _(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), wc = /* @__PURE__ */ F(Tr, [["__scopeId", "data-v-e174785d"]]), Vr = /* @__PURE__ */ B({
+}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-e1cd31ef"]]), Ir = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3652,15 +3666,15 @@ const Il = /* @__PURE__ */ B({
     return t({ flexStyle: o }), (r, l) => (d(), g("div", {
       "aria-hidden": "true",
       class: E(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
-      style: ie({
+      style: se({
         "max-width": e.width,
         flex: o.value
       })
     }, null, 6));
   }
-}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-235a3b9e"]]), Ir = { class: "joy-funnel__header" }, Er = { class: "funnel__header__inner" }, Lr = { class: "joy-funnel__stepper" }, Ar = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Br = [
-  Ar
-], Fr = { class: "joy-funnel__footer" }, Nr = /* @__PURE__ */ B({
+}), _c = /* @__PURE__ */ F(Ir, [["__scopeId", "data-v-235a3b9e"]]), Er = { class: "joy-funnel__header" }, Lr = { class: "funnel__header__inner" }, Ar = { class: "joy-funnel__stepper" }, Br = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Fr = [
+  Br
+], Nr = { class: "joy-funnel__footer" }, zr = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3680,7 +3694,7 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = C(!0), a = X();
+    const n = C(!0), a = Q();
     function o(s) {
       const i = s.currentTarget;
       n.value = i.scrollTop === 0;
@@ -3699,11 +3713,11 @@ const Il = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", Ir, [
-        b("div", Er, [
+      b("div", Er, [
+        b("div", Lr, [
           _(s.$slots, "funnel-header", {}, void 0, !0)
         ]),
-        b("div", Lr, [
+        b("div", Ar, [
           _(s.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
@@ -3716,7 +3730,7 @@ const Il = /* @__PURE__ */ B({
             "joy-funnel__shapes--no-footer": !l.value
           }
         ])
-      }, Br, 2)),
+      }, Fr, 2)),
       b("div", {
         class: "joy-funnel__scrollable",
         onScroll: o
@@ -3727,24 +3741,24 @@ const Il = /* @__PURE__ */ B({
           _(s.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
-      b("div", Fr, [
+      b("div", Nr, [
         _(s.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
-}), _c = /* @__PURE__ */ F(Nr, [["__scopeId", "data-v-42085efa"]]), zr = { class: "joy-header" }, Pr = { class: "joy-header__left" }, Or = { class: "joy-header__right" }, Rr = /* @__PURE__ */ B({
+}), kc = /* @__PURE__ */ F(zr, [["__scopeId", "data-v-42085efa"]]), Pr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Rr = { class: "joy-header__right" }, Dr = /* @__PURE__ */ B({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (d(), g("header", zr, [
-      b("div", Pr, [
+    return (t, n) => (d(), g("header", Pr, [
+      b("div", Or, [
         _(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      b("div", Or, [
+      b("div", Rr, [
         _(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), kc = /* @__PURE__ */ F(Rr, [["__scopeId", "data-v-7928856e"]]), Dr = { class: "joy-highlight__decorator" }, Mr = { class: "joy-highlight__text" }, Jr = { key: 0 }, qr = /* @__PURE__ */ B({
+}), jc = /* @__PURE__ */ F(Dr, [["__scopeId", "data-v-7928856e"]]), Mr = { class: "joy-highlight__decorator" }, Jr = { class: "joy-highlight__text" }, qr = { key: 0 }, Hr = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3785,23 +3799,23 @@ const Il = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", Dr, [
+      b("div", Mr, [
         _(o.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (d(), A(G, {
+          e.displayIcon ? (d(), L(Y, {
             key: 0,
             name: a.value
           }, null, 8, ["name"])) : j("", !0)
         ], !0)
       ]),
-      b("div", Mr, [
-        o.$slots["highlight-title"] ? (d(), g("strong", Jr, [
+      b("div", Jr, [
+        o.$slots["highlight-title"] ? (d(), g("strong", qr, [
           _(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : j("", !0),
         _(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), jc = /* @__PURE__ */ F(qr, [["__scopeId", "data-v-53c18803"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ B({
+}), $c = /* @__PURE__ */ F(Hr, [["__scopeId", "data-v-53c18803"]]), Wr = ["aria-label"], Ur = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3831,10 +3845,10 @@ const Il = /* @__PURE__ */ B({
         type: "button",
         class: E(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, Hr)
+      }, null, 10, Wr)
     ], 2));
   }
-}), Ur = /* @__PURE__ */ F(Wr, [["__scopeId", "data-v-2babb982"]]), Kr = /* @__PURE__ */ B({
+}), Kr = /* @__PURE__ */ F(Ur, [["__scopeId", "data-v-2babb982"]]), Gr = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3847,7 +3861,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = C(a.modelValue), s = V(() => {
+    const a = e, o = n, r = Q(), l = C(a.modelValue), s = V(() => {
       const c = r.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(u) : c.filter(u);
     });
@@ -3872,7 +3886,7 @@ const Il = /* @__PURE__ */ B({
     }), (c, y) => (d(), g("ul", {
       class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), g(Y, null, ee(s.value, (p) => (d(), A(Ur, ae({
+      (d(!0), g(G, null, X(s.value, (p) => (d(), L(Kr, ae({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: i(p),
@@ -3880,7 +3894,7 @@ const Il = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), $c = /* @__PURE__ */ F(Kr, [["__scopeId", "data-v-f2dd63e9"]]), Gr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Yr = ["data-unit"], Zr = /* @__PURE__ */ B({
+}), Cc = /* @__PURE__ */ F(Gr, [["__scopeId", "data-v-f2dd63e9"]]), Yr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Zr = ["data-unit"], Xr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3956,11 +3970,11 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(), l = C(), s = Re(), i = X(), u = C(!1), f = C(!1);
+    const a = n, o = e, r = C(), l = C(), s = Re(), i = Q(), u = C(!1), f = C(!1);
     Nt(r, o.autofocus);
     const c = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), y = V(() => i.default && i.default()), p = V(() => {
-      var k, L;
-      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((L = l.value) != null && L.closest(".joy-wrapper"));
+      var k, A;
+      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
     }), v = C(o.type), h = V(() => o.type === "password" && !!o.modelValue);
     ra(() => {
       v.value = o.unit ? "number" : o.type;
@@ -3980,12 +3994,12 @@ const Il = /* @__PURE__ */ B({
         k.preventDefault();
       },
       onInput: (k) => {
-        let L = k.target.value;
-        o.modelModifiers.lazy || a("update:modelValue", L);
+        let A = k.target.value;
+        o.modelModifiers.lazy || a("update:modelValue", A);
       },
       onChange: (k) => {
-        let L = k.target.value;
-        o.modelModifiers.lazy && a("update:modelValue", L);
+        let A = k.target.value;
+        o.modelModifiers.lazy && a("update:modelValue", A);
       },
       clearValue: () => {
         o.disabled || a("update:modelValue", "");
@@ -3996,7 +4010,7 @@ const Il = /* @__PURE__ */ B({
     };
     return t({
       focus: m
-    }), (k, L) => (d(), g("div", {
+    }), (k, A) => (d(), g("div", {
       ref_key: "root",
       ref: l,
       class: E([`joy-input--${o.size}`])
@@ -4013,7 +4027,7 @@ const Il = /* @__PURE__ */ B({
           }
         ])
       }, [
-        y.value || e.label ? (d(), A(Ae, {
+        y.value || e.label ? (d(), L(Ae, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -4054,18 +4068,18 @@ const Il = /* @__PURE__ */ B({
             ],
             type: v.value,
             value: e.modelValue,
-            onFocus: L[0] || (L[0] = //@ts-ignore
+            onFocus: A[0] || (A[0] = //@ts-ignore
             (...P) => S.onFocus && S.onFocus(...P)),
-            onBlur: L[1] || (L[1] = //@ts-ignore
+            onBlur: A[1] || (A[1] = //@ts-ignore
             (...P) => S.onBlur && S.onBlur(...P)),
-            onInput: L[2] || (L[2] = //@ts-ignore
+            onInput: A[2] || (A[2] = //@ts-ignore
             (...P) => S.onInput && S.onInput(...P)),
-            onChange: L[3] || (L[3] = //@ts-ignore
+            onChange: A[3] || (A[3] = //@ts-ignore
             (...P) => S.onChange && S.onChange(...P)),
-            onWheel: L[4] || (L[4] = //@ts-ignore
+            onWheel: A[4] || (A[4] = //@ts-ignore
             (...P) => S.onWheelScroll && S.onWheelScroll(...P))
-          }), null, 16, Gr),
-          c.value ? (d(), A(ue, {
+          }), null, 16, Yr),
+          c.value ? (d(), L(ue, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -4074,13 +4088,13 @@ const Il = /* @__PURE__ */ B({
             icon: "cross",
             onClick: S.clearValue
           }, null, 8, ["onClick"])) : j("", !0),
-          h.value ? (d(), A(G, {
+          h.value ? (d(), L(Y, {
             key: 1,
             class: "joy-input--password-icon",
             name: f.value ? "eye-masked" : "eye",
             onClick: S.togglePassword
           }, null, 8, ["name", "onClick"])) : j("", !0),
-          e.icon ? (d(), A(G, {
+          e.icon ? (d(), L(Y, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -4089,12 +4103,12 @@ const Il = /* @__PURE__ */ B({
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Yr)) : j("", !0)
+          }, null, 8, Zr)) : j("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), Cc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-372cd5d9"]]), Xr = ["href"], Qr = /* @__PURE__ */ B({
+}), xc = /* @__PURE__ */ F(Xr, [["__scopeId", "data-v-372cd5d9"]]), Qr = ["href"], ei = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4112,16 +4126,16 @@ const Il = /* @__PURE__ */ B({
     return (t, n) => (d(), g("a", ae({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (d(), A(G, {
+      e.icon ? (d(), L(Y, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : j("", !0),
       _(t.$slots, "default", {}, () => [
         W(O(e.text), 1)
       ], !0)
-    ], 16, Xr));
+    ], 16, Qr));
   }
-}), xc = /* @__PURE__ */ F(Qr, [["__scopeId", "data-v-8dcab8fb"]]), ei = ["tabindex", "aria-activedescendant", "aria-label"], ti = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ni = { "aria-hidden": "true" }, ai = /* @__PURE__ */ B({
+}), Tc = /* @__PURE__ */ F(ei, [["__scopeId", "data-v-8dcab8fb"]]), ti = ["tabindex", "aria-activedescendant", "aria-label"], ni = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ai = { "aria-hidden": "true" }, oi = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4188,7 +4202,7 @@ const Il = /* @__PURE__ */ B({
       role: "menu",
       onKeydown: c
     }, [
-      (d(!0), g(Y, null, ee(e.items, (v) => (d(), g("li", {
+      (d(!0), g(G, null, X(e.items, (v) => (d(), g("li", {
         id: u(v),
         key: v.label,
         class: E([
@@ -4207,21 +4221,21 @@ const Il = /* @__PURE__ */ B({
         role: "menuitem",
         onClick: (h) => s(v)
       }, [
-        b("div", ni, [
+        b("div", ai, [
           _(y.$slots, "menu-item", _e(ke(v)), () => [
-            v.icon ? (d(), A(G, {
+            v.icon ? (d(), L(Y, {
               key: 0,
               name: v.icon
             }, null, 8, ["name"])) : j("", !0),
             b("span", null, O(v.label), 1)
           ], !0)
         ])
-      ], 42, ti))), 128))
-    ], 40, ei));
+      ], 42, ni))), 128))
+    ], 40, ti));
   }
-}), Tc = /* @__PURE__ */ F(ai, [["__scopeId", "data-v-782c4573"]]), oi = ["id"], li = {
+}), Vc = /* @__PURE__ */ F(oi, [["__scopeId", "data-v-782c4573"]]), li = ["id"], ri = {
   class: /* @__PURE__ */ E(["joy-multi-checkbox"])
-}, ri = /* @__PURE__ */ B({
+}, ii = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     /** To render the list of checkboxes you have to use this property. See "Controls" for object model */
@@ -4271,7 +4285,7 @@ const Il = /* @__PURE__ */ B({
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (d(), A(Ae, {
+      e.label ? (d(), L(Ae, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4283,8 +4297,8 @@ const Il = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
-      b("div", li, [
-        (d(!0), g(Y, null, ee(e.options, (i) => (d(), A(wn, {
+      b("div", ri, [
+        (d(!0), g(G, null, X(e.options, (i) => (d(), L(wn, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4300,9 +4314,9 @@ const Il = /* @__PURE__ */ B({
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, oi));
+    ], 8, li));
   }
-}), Vc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
+}), Ic = /* @__PURE__ */ F(ii, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4320,7 +4334,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (d(), A(ue, {
+    return (t, n) => (d(), L(ue, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -4333,7 +4347,7 @@ const Il = /* @__PURE__ */ B({
       onClick: n[0] || (n[0] = (a) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), ii = ["aria-label", "data-current"], si = ["onClick"], ui = ["aria-current"], ci = 6, di = /* @__PURE__ */ B({
+}), si = ["aria-label", "data-current"], ui = ["onClick"], ci = ["aria-current"], di = 6, fi = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4367,7 +4381,7 @@ const Il = /* @__PURE__ */ B({
     const n = e, a = t, o = V(() => {
       const f = l.value.length;
       return l.value[f - 1] !== l.value[f - 2] + 1;
-    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < ci ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < di ? i(2, n.totalPages - 1) : u(n.currentPage));
     function s(f, c) {
       n.currentPage === 1 && c === "prev" || n.currentPage === n.totalPages && c === "next" || a("update:current-page", f);
     }
@@ -4402,7 +4416,7 @@ const Il = /* @__PURE__ */ B({
         ]),
         b("li", null, [
           b("ul", null, [
-            (d(!0), g(Y, null, ee(l.value, (y) => (d(), g("li", {
+            (d(!0), g(G, null, X(l.value, (y) => (d(), g("li", {
               key: y,
               class: E({
                 "joy-pagination__item": !0,
@@ -4417,9 +4431,9 @@ const Il = /* @__PURE__ */ B({
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, O(y), 9, ui)
+                }, O(y), 9, ci)
               ], !0)
-            ], 10, si))), 128))
+            ], 10, ui))), 128))
           ])
         ]),
         b("li", {
@@ -4435,12 +4449,12 @@ const Il = /* @__PURE__ */ B({
           ], !0)
         ])
       ])
-    ], 8, ii));
+    ], 8, si));
   }
-}), Ic = /* @__PURE__ */ F(di, [["__scopeId", "data-v-7e82041f"]]), fi = { class: "joy-screen-loader__content" }, vi = {
+}), Ec = /* @__PURE__ */ F(fi, [["__scopeId", "data-v-7e82041f"]]), vi = { class: "joy-screen-loader__content" }, yi = {
   key: 0,
   class: "joy-screen-loader__content"
-}, yi = /* @__PURE__ */ B({
+}, pi = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4458,31 +4472,31 @@ const Il = /* @__PURE__ */ B({
     return (t, n) => (d(), g("div", {
       class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      b("div", fi, [
+      b("div", vi, [
         _(t.$slots, "spinner", {}, () => [
           K(mn, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (d(), g("div", vi, [
+        t.$slots.content ? (d(), g("div", yi, [
           _(t.$slots, "content", {}, void 0, !0)
         ])) : j("", !0)
       ])
     ], 2));
   }
-}), In = /* @__PURE__ */ F(yi, [["__scopeId", "data-v-266b7e2a"]]), pi = {
+}), In = /* @__PURE__ */ F(pi, [["__scopeId", "data-v-266b7e2a"]]), mi = {
   key: 0,
   class: /* @__PURE__ */ E(["joy-panel__header"])
-}, mi = {
+}, hi = {
   key: 1,
   class: "joy-panel__header-action"
-}, hi = {
+}, bi = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, bi = { class: "joy-panel__body" }, gi = {
+}, gi = { class: "joy-panel__body" }, wi = {
   key: 1,
   class: "joy-panel__footer"
-}, wi = /* @__PURE__ */ B({
+}, Si = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4514,11 +4528,11 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Xe("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), r = V(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
+    const t = Xe("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = Q(), o = C(), r = V(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
     return (l, s) => (d(), g("section", {
       ref_key: "panel",
       ref: o,
-      style: ie({ flex: e.flex }),
+      style: se({ flex: e.flex }),
       class: E([
         "joy-panel",
         `joy-panel--${e.padding}`,
@@ -4529,27 +4543,27 @@ const Il = /* @__PURE__ */ B({
         }
       ])
     }, [
-      r.value ? (d(), g("header", pi, [
+      r.value ? (d(), g("header", mi, [
         D(a)["panel-title"] ? (d(), g("div", {
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           _(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        D(a)["panel-title-action"] ? (d(), g("div", mi, [
+        D(a)["panel-title-action"] ? (d(), g("div", hi, [
           _(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        D(a)["panel-subtitle"] ? (d(), g("div", hi, [
+        D(a)["panel-subtitle"] ? (d(), g("div", bi, [
           _(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
-      b("div", bi, [
+      b("div", gi, [
         _(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      D(a)["panel-action"] ? (d(), g("footer", gi, [
+      D(a)["panel-action"] ? (d(), g("footer", wi, [
         _(l.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
-      e.loading ? (d(), A(In, {
+      e.loading ? (d(), L(In, {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -4561,38 +4575,38 @@ const Il = /* @__PURE__ */ B({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), Ec = /* @__PURE__ */ F(wi, [["__scopeId", "data-v-bf00f207"]]), Si = { class: "joy-panel-section" }, _i = {
+}), Lc = /* @__PURE__ */ F(Si, [["__scopeId", "data-v-bf00f207"]]), _i = { class: "joy-panel-section" }, ki = {
   key: 0,
   class: "joy-panel-section__title"
-}, ki = {
+}, ji = {
   key: 1,
   class: "joy-panel-section__content"
-}, ji = /* @__PURE__ */ B({
+}, $i = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = X();
-    return (n, a) => (d(), g("div", Si, [
-      D(t)["panel-section-title"] ? (d(), g("div", _i, [
+    const t = Q();
+    return (n, a) => (d(), g("div", _i, [
+      D(t)["panel-section-title"] ? (d(), g("div", ki, [
         _(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      D(t)["panel-section-content"] ? (d(), g("div", ki, [
+      D(t)["panel-section-content"] ? (d(), g("div", ji, [
         _(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), Lc = /* @__PURE__ */ F(ji, [["__scopeId", "data-v-d88510ab"]]), $i = {}, Ci = { class: "joy-product-tour-spotlight" };
-function xi(e, t) {
-  return d(), g("div", Ci);
+}), Ac = /* @__PURE__ */ F($i, [["__scopeId", "data-v-d88510ab"]]), Ci = {}, xi = { class: "joy-product-tour-spotlight" };
+function Ti(e, t) {
+  return d(), g("div", xi);
 }
-const Ti = /* @__PURE__ */ F($i, [["render", xi], ["__scopeId", "data-v-fbaf8e78"]]), Pe = Math.min, Ve = Math.max, ft = Math.round, lt = Math.floor, ge = (e) => ({
+const Vi = /* @__PURE__ */ F(Ci, [["render", Ti], ["__scopeId", "data-v-fbaf8e78"]]), Pe = Math.min, Ve = Math.max, vt = Math.round, rt = Math.floor, ge = (e) => ({
   x: e,
   y: e
-}), Vi = {
+}), Ii = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ii = {
+}, Ei = {
   start: "end",
   end: "start"
 };
@@ -4605,7 +4619,7 @@ function Ee(e, t) {
 function we(e) {
   return e.split("-")[0];
 }
-function et(e) {
+function tt(e) {
   return e.split("-")[1];
 }
 function zt(e) {
@@ -4614,26 +4628,26 @@ function zt(e) {
 function Pt(e) {
   return e === "y" ? "height" : "width";
 }
-function tt(e) {
+function nt(e) {
   return ["top", "bottom"].includes(we(e)) ? "y" : "x";
 }
 function Ot(e) {
-  return zt(tt(e));
+  return zt(nt(e));
 }
-function Ei(e, t, n) {
+function Li(e, t, n) {
   n === void 0 && (n = !1);
-  const a = et(e), o = Ot(e), r = Pt(o);
+  const a = tt(e), o = Ot(e), r = Pt(o);
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (l = vt(l)), [l, vt(l)];
+  return t.reference[r] > t.floating[r] && (l = yt(l)), [l, yt(l)];
 }
-function Li(e) {
-  const t = vt(e);
+function Ai(e) {
+  const t = yt(e);
   return [xt(e), t, xt(t)];
 }
 function xt(e) {
-  return e.replace(/start|end/g, (t) => Ii[t]);
+  return e.replace(/start|end/g, (t) => Ei[t]);
 }
-function Ai(e, t, n) {
+function Bi(e, t, n) {
   const a = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4646,15 +4660,15 @@ function Ai(e, t, n) {
       return [];
   }
 }
-function Bi(e, t, n, a) {
-  const o = et(e);
-  let r = Ai(we(e), n === "start", a);
+function Fi(e, t, n, a) {
+  const o = tt(e);
+  let r = Bi(we(e), n === "start", a);
   return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map(xt)))), r;
 }
-function vt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Vi[t]);
+function yt(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Ii[t]);
 }
-function Fi(e) {
+function Ni(e) {
   return {
     top: 0,
     right: 0,
@@ -4664,14 +4678,14 @@ function Fi(e) {
   };
 }
 function En(e) {
-  return typeof e != "number" ? Fi(e) : {
+  return typeof e != "number" ? Ni(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function yt(e) {
+function pt(e) {
   return {
     ...e,
     top: e.y,
@@ -4685,7 +4699,7 @@ function an(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const r = tt(t), l = Ot(t), s = Pt(l), i = we(t), u = r === "y", f = a.x + a.width / 2 - o.width / 2, c = a.y + a.height / 2 - o.height / 2, y = a[s] / 2 - o[s] / 2;
+  const r = nt(t), l = Ot(t), s = Pt(l), i = we(t), u = r === "y", f = a.x + a.width / 2 - o.width / 2, c = a.y + a.height / 2 - o.height / 2, y = a[s] / 2 - o[s] / 2;
   let p;
   switch (i) {
     case "top":
@@ -4718,7 +4732,7 @@ function an(e, t, n) {
         y: a.y
       };
   }
-  switch (et(t)) {
+  switch (tt(t)) {
     case "start":
       p[l] -= y * (n && u ? -1 : 1);
       break;
@@ -4728,7 +4742,7 @@ function an(e, t, n) {
   }
   return p;
 }
-const Ni = async (e, t, n) => {
+const zi = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -4749,7 +4763,7 @@ const Ni = async (e, t, n) => {
       fn: S
     } = s[h], {
       x: k,
-      y: L,
+      y: A,
       data: P,
       reset: T
     } = await S({
@@ -4766,7 +4780,7 @@ const Ni = async (e, t, n) => {
         floating: t
       }
     });
-    if (f = k ?? f, c = L ?? c, p = {
+    if (f = k ?? f, c = A ?? c, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -4808,7 +4822,7 @@ async function Ln(e, t) {
     elementContext: c = "floating",
     altBoundary: y = !1,
     padding: p = 0
-  } = Ee(t, e), v = En(p), m = s[y ? c === "floating" ? "reference" : "floating" : c], S = yt(await r.getClippingRect({
+  } = Ee(t, e), v = En(p), m = s[y ? c === "floating" ? "reference" : "floating" : c], S = pt(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(m))) == null || n ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
     boundary: u,
     rootBoundary: f,
@@ -4817,15 +4831,15 @@ async function Ln(e, t) {
     ...l.floating,
     x: a,
     y: o
-  } : l.reference, L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(L)) ? await (r.getScale == null ? void 0 : r.getScale(L)) || {
+  } : l.reference, A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(A)) ? await (r.getScale == null ? void 0 : r.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, T = yt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = pt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: k,
-    offsetParent: L,
+    offsetParent: A,
     strategy: i
   }) : k);
   return {
@@ -4835,7 +4849,7 @@ async function Ln(e, t) {
     right: (T.right - S.right + v.right) / P.x
   };
 }
-const zi = (e) => ({
+const Pi = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4856,10 +4870,10 @@ const zi = (e) => ({
     const c = En(f), y = {
       x: n,
       y: a
-    }, p = Ot(o), v = Pt(p), h = await l.getDimensions(u), m = p === "y", S = m ? "top" : "left", k = m ? "bottom" : "right", L = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
-    let w = I ? I[L] : 0;
-    (!w || !await (l.isElement == null ? void 0 : l.isElement(I))) && (w = s.floating[L] || r.floating[v]);
-    const z = P / 2 - T / 2, M = w / 2 - h[v] / 2 - 1, Z = Pe(c[S], M), H = Pe(c[k], M), $ = Z, x = w - h[v] - H, N = w / 2 - h[v] / 2 + z, J = Ct($, N, x), q = !i.arrow && et(o) != null && N != J && r.reference[v] / 2 - (N < $ ? Z : H) - h[v] / 2 < 0, U = q ? N < $ ? N - $ : N - x : 0;
+    }, p = Ot(o), v = Pt(p), h = await l.getDimensions(u), m = p === "y", S = m ? "top" : "left", k = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    let w = I ? I[A] : 0;
+    (!w || !await (l.isElement == null ? void 0 : l.isElement(I))) && (w = s.floating[A] || r.floating[v]);
+    const z = P / 2 - T / 2, M = w / 2 - h[v] / 2 - 1, Z = Pe(c[S], M), H = Pe(c[k], M), $ = Z, x = w - h[v] - H, N = w / 2 - h[v] / 2 + z, J = Ct($, N, x), q = !i.arrow && tt(o) != null && N != J && r.reference[v] / 2 - (N < $ ? Z : H) - h[v] / 2 < 0, U = q ? N < $ ? N - $ : N - x : 0;
     return {
       [p]: y[p] + U,
       data: {
@@ -4896,12 +4910,12 @@ const zi = (e) => ({
       } = Ee(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const S = we(o), k = we(s) === s, L = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [vt(s)] : Li(s));
-      !y && v !== "none" && P.push(...Bi(s, h, v, L));
+      const S = we(o), k = we(s) === s, A = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [yt(s)] : Ai(s));
+      !y && v !== "none" && P.push(...Fi(s, h, v, A));
       const T = [s, ...P], I = await Ln(t, m), w = [];
       let z = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (f && w.push(I[S]), c) {
-        const $ = Ei(o, l, L);
+        const $ = Li(o, l, A);
         w.push(I[$[0]], I[$[1]]);
       }
       if (z = [...z, {
@@ -4925,7 +4939,7 @@ const zi = (e) => ({
           switch (p) {
             case "bestFit": {
               var H;
-              const J = (H = z.map((q) => [q.placement, q.overflows.filter((U) => U > 0).reduce((U, Q) => U + Q, 0)]).sort((q, U) => q[1] - U[1])[0]) == null ? void 0 : H[0];
+              const J = (H = z.map((q) => [q.placement, q.overflows.filter((U) => U > 0).reduce((U, ee) => U + ee, 0)]).sort((q, U) => q[1] - U[1])[0]) == null ? void 0 : H[0];
               J && (N = J);
               break;
             }
@@ -4944,12 +4958,12 @@ const zi = (e) => ({
     }
   };
 };
-async function Pi(e, t) {
+async function Oi(e, t) {
   const {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = we(n), s = et(n), i = tt(n) === "y", u = ["left", "top"].includes(l) ? -1 : 1, f = r && i ? -1 : 1, c = Ee(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = we(n), s = tt(n), i = nt(n) === "y", u = ["left", "top"].includes(l) ? -1 : 1, f = r && i ? -1 : 1, c = Ee(t, e);
   let {
     mainAxis: y,
     crossAxis: p,
@@ -4980,7 +4994,7 @@ const Bn = function(e) {
       const {
         x: n,
         y: a
-      } = t, o = await Pi(t, e);
+      } = t, o = await Oi(t, e);
       return {
         x: n + o.x,
         y: a + o.y,
@@ -5016,15 +5030,15 @@ const Bn = function(e) {
       } = Ee(e, t), u = {
         x: n,
         y: a
-      }, f = await Ln(t, i), c = tt(we(o)), y = zt(c);
+      }, f = await Ln(t, i), c = nt(we(o)), y = zt(c);
       let p = u[y], v = u[c];
       if (r) {
-        const m = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + f[m], L = p - f[S];
-        p = Ct(k, p, L);
+        const m = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + f[m], A = p - f[S];
+        p = Ct(k, p, A);
       }
       if (l) {
-        const m = c === "y" ? "top" : "left", S = c === "y" ? "bottom" : "right", k = v + f[m], L = v - f[S];
-        v = Ct(k, v, L);
+        const m = c === "y" ? "top" : "left", S = c === "y" ? "bottom" : "right", k = v + f[m], A = v - f[S];
+        v = Ct(k, v, A);
       }
       const h = s.fn({
         ...t,
@@ -5057,7 +5071,7 @@ const Bn = function(e) {
       } = Ee(e, t), f = {
         x: n,
         y: a
-      }, c = tt(o), y = zt(c);
+      }, c = nt(o), y = zt(c);
       let p = f[y], v = f[c];
       const h = Ee(s, t), m = typeof h == "number" ? {
         mainAxis: h,
@@ -5068,12 +5082,12 @@ const Bn = function(e) {
         ...h
       };
       if (i) {
-        const L = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[L] + m.mainAxis, T = r.reference[y] + r.reference[L] - m.mainAxis;
+        const A = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[A] + m.mainAxis, T = r.reference[y] + r.reference[A] - m.mainAxis;
         p < P ? p = P : p > T && (p = T);
       }
       if (u) {
         var S, k;
-        const L = y === "y" ? "width" : "height", P = ["top", "left"].includes(we(o)), T = r.reference[c] - r.floating[L] + (P && ((S = l.offset) == null ? void 0 : S[c]) || 0) + (P ? 0 : m.crossAxis), I = r.reference[c] + r.reference[L] + (P ? 0 : ((k = l.offset) == null ? void 0 : k[c]) || 0) - (P ? m.crossAxis : 0);
+        const A = y === "y" ? "width" : "height", P = ["top", "left"].includes(we(o)), T = r.reference[c] - r.floating[A] + (P && ((S = l.offset) == null ? void 0 : S[c]) || 0) + (P ? 0 : m.crossAxis), I = r.reference[c] + r.reference[A] + (P ? 0 : ((k = l.offset) == null ? void 0 : k[c]) || 0) - (P ? m.crossAxis : 0);
         v < T ? v = T : v > I && (v = I);
       }
       return {
@@ -5106,7 +5120,7 @@ function ve(e) {
 function on(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ce(e).ShadowRoot;
 }
-function nt(e) {
+function at(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -5115,14 +5129,14 @@ function nt(e) {
   } = de(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(o);
 }
-function Oi(e) {
+function Ri(e) {
   return ["table", "td", "th"].includes(Se(e));
 }
 function Rt(e) {
   const t = Dt(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((a) => (n.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (n.contain || "").includes(a));
 }
-function Ri(e) {
+function Di(e) {
   let t = Oe(e);
   for (; ve(t) && !bt(t); ) {
     if (Rt(t))
@@ -5163,18 +5177,18 @@ function Oe(e) {
 }
 function Pn(e) {
   const t = Oe(e);
-  return bt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ve(t) && nt(t) ? t : Pn(t);
+  return bt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ve(t) && at(t) ? t : Pn(t);
 }
 function Ge(e, t, n) {
   var a;
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = Pn(e), r = o === ((a = e.ownerDocument) == null ? void 0 : a.body), l = ce(o);
-  return r ? t.concat(l, l.visualViewport || [], nt(o) ? o : [], l.frameElement && n ? Ge(l.frameElement) : []) : t.concat(o, Ge(o, [], n));
+  return r ? t.concat(l, l.visualViewport || [], at(o) ? o : [], l.frameElement && n ? Ge(l.frameElement) : []) : t.concat(o, Ge(o, [], n));
 }
 function On(e) {
   const t = de(e);
   let n = parseFloat(t.width) || 0, a = parseFloat(t.height) || 0;
-  const o = ve(e), r = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, s = ft(n) !== r || ft(a) !== l;
+  const o = ve(e), r = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, s = vt(n) !== r || vt(a) !== l;
   return s && (n = r, a = l), {
     width: n,
     height: a,
@@ -5193,21 +5207,21 @@ function ze(e) {
     height: o,
     $: r
   } = On(t);
-  let l = (r ? ft(n.width) : n.width) / a, s = (r ? ft(n.height) : n.height) / o;
+  let l = (r ? vt(n.width) : n.width) / a, s = (r ? vt(n.height) : n.height) / o;
   return (!l || !Number.isFinite(l)) && (l = 1), (!s || !Number.isFinite(s)) && (s = 1), {
     x: l,
     y: s
   };
 }
-const Di = /* @__PURE__ */ ge(0);
+const Mi = /* @__PURE__ */ ge(0);
 function Rn(e) {
   const t = ce(e);
-  return !Dt() || !t.visualViewport ? Di : {
+  return !Dt() || !t.visualViewport ? Mi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Mi(e, t, n) {
+function Ji(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ce(e) ? !1 : t;
 }
 function Le(e, t, n, a) {
@@ -5215,24 +5229,24 @@ function Le(e, t, n, a) {
   const o = e.getBoundingClientRect(), r = Mt(e);
   let l = ge(1);
   t && (a ? ye(a) && (l = ze(a)) : l = ze(e));
-  const s = Mi(r, n, a) ? Rn(r) : ge(0);
+  const s = Ji(r, n, a) ? Rn(r) : ge(0);
   let i = (o.left + s.x) / l.x, u = (o.top + s.y) / l.y, f = o.width / l.x, c = o.height / l.y;
   if (r) {
     const y = ce(r), p = a && ye(a) ? ce(a) : a;
     let v = y.frameElement;
     for (; v && a && p !== y; ) {
-      const h = ze(v), m = v.getBoundingClientRect(), S = de(v), k = m.left + (v.clientLeft + parseFloat(S.paddingLeft)) * h.x, L = m.top + (v.clientTop + parseFloat(S.paddingTop)) * h.y;
-      i *= h.x, u *= h.y, f *= h.x, c *= h.y, i += k, u += L, v = ce(v).frameElement;
+      const h = ze(v), m = v.getBoundingClientRect(), S = de(v), k = m.left + (v.clientLeft + parseFloat(S.paddingLeft)) * h.x, A = m.top + (v.clientTop + parseFloat(S.paddingTop)) * h.y;
+      i *= h.x, u *= h.y, f *= h.x, c *= h.y, i += k, u += A, v = ce(v).frameElement;
     }
   }
-  return yt({
+  return pt({
     width: f,
     height: c,
     x: i,
     y: u
   });
 }
-function Ji(e) {
+function qi(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -5246,7 +5260,7 @@ function Ji(e) {
     scrollTop: 0
   }, s = ge(1);
   const i = ge(0);
-  if ((o || !o && a !== "fixed") && ((Se(n) !== "body" || nt(r)) && (l = gt(n)), ve(n))) {
+  if ((o || !o && a !== "fixed") && ((Se(n) !== "body" || at(r)) && (l = gt(n)), ve(n))) {
     const u = Le(n);
     s = ze(n), i.x = u.x + n.clientLeft, i.y = u.y + n.clientTop;
   }
@@ -5257,13 +5271,13 @@ function Ji(e) {
     y: t.y * s.y - l.scrollTop * s.y + i.y
   };
 }
-function qi(e) {
+function Hi(e) {
   return Array.from(e.getClientRects());
 }
 function Dn(e) {
   return Le(pe(e)).left + gt(e).scrollLeft;
 }
-function Hi(e) {
+function Wi(e) {
   const t = pe(e), n = gt(e), a = e.ownerDocument.body, o = Ve(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = Ve(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + Dn(e);
   const s = -n.scrollTop;
@@ -5274,7 +5288,7 @@ function Hi(e) {
     y: s
   };
 }
-function Wi(e, t) {
+function Ui(e, t) {
   const n = ce(e), a = pe(e), o = n.visualViewport;
   let r = a.clientWidth, l = a.clientHeight, s = 0, i = 0;
   if (o) {
@@ -5289,7 +5303,7 @@ function Wi(e, t) {
     y: i
   };
 }
-function Ui(e, t) {
+function Ki(e, t) {
   const n = Le(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ve(e) ? ze(e) : ge(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = o * r.x, u = a * r.y;
   return {
     width: l,
@@ -5301,11 +5315,11 @@ function Ui(e, t) {
 function ln(e, t, n) {
   let a;
   if (t === "viewport")
-    a = Wi(e, n);
+    a = Ui(e, n);
   else if (t === "document")
-    a = Hi(pe(e));
+    a = Wi(pe(e));
   else if (ye(t))
-    a = Ui(t, n);
+    a = Ki(t, n);
   else {
     const o = Rn(e);
     a = {
@@ -5314,13 +5328,13 @@ function ln(e, t, n) {
       y: t.y - o.y
     };
   }
-  return yt(a);
+  return pt(a);
 }
 function Mn(e, t) {
   const n = Oe(e);
   return n === t || !ye(n) || bt(n) ? !1 : de(n).position === "fixed" || Mn(n, t);
 }
-function Ki(e, t) {
+function Gi(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -5329,18 +5343,18 @@ function Ki(e, t) {
   let l = r ? Oe(e) : e;
   for (; ye(l) && !bt(l); ) {
     const s = de(l), i = Rt(l);
-    !i && s.position === "fixed" && (o = null), (r ? !i && !o : !i && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || nt(l) && !i && Mn(e, l)) ? a = a.filter((f) => f !== l) : o = s, l = Oe(l);
+    !i && s.position === "fixed" && (o = null), (r ? !i && !o : !i && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || at(l) && !i && Mn(e, l)) ? a = a.filter((f) => f !== l) : o = s, l = Oe(l);
   }
   return t.set(e, a), a;
 }
-function Gi(e) {
+function Yi(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Ki(t, this._c) : [].concat(n), a], s = l[0], i = l.reduce((u, f) => {
+  const l = [...n === "clippingAncestors" ? Gi(t, this._c) : [].concat(n), a], s = l[0], i = l.reduce((u, f) => {
     const c = ln(t, f, o);
     return u.top = Ve(c.top, u.top), u.right = Pe(c.right, u.right), u.bottom = Pe(c.bottom, u.bottom), u.left = Ve(c.left, u.left), u;
   }, ln(t, s, o));
@@ -5351,10 +5365,10 @@ function Gi(e) {
     y: i.top
   };
 }
-function Yi(e) {
+function Zi(e) {
   return On(e);
 }
-function Zi(e, t, n) {
+function Xi(e, t, n) {
   const a = ve(t), o = pe(t), r = n === "fixed", l = Le(e, !0, r, t);
   let s = {
     scrollLeft: 0,
@@ -5362,7 +5376,7 @@ function Zi(e, t, n) {
   };
   const i = ge(0);
   if (a || !a && !r)
-    if ((Se(t) !== "body" || nt(o)) && (s = gt(t)), a) {
+    if ((Se(t) !== "body" || at(o)) && (s = gt(t)), a) {
       const u = Le(t, !0, r, t);
       i.x = u.x + t.clientLeft, i.y = u.y + t.clientTop;
     } else
@@ -5382,11 +5396,11 @@ function Jn(e, t) {
   if (!ve(e))
     return n;
   let a = rn(e, t);
-  for (; a && Oi(a) && de(a).position === "static"; )
+  for (; a && Ri(a) && de(a).position === "static"; )
     a = rn(a, t);
-  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Rt(a)) ? n : a || Ri(e) || n;
+  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Rt(a)) ? n : a || Di(e) || n;
 }
-const Xi = async function(e) {
+const Qi = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -5394,7 +5408,7 @@ const Xi = async function(e) {
   } = e;
   const o = this.getOffsetParent || Jn, r = this.getDimensions;
   return {
-    reference: Zi(t, await o(n), a),
+    reference: Xi(t, await o(n), a),
     floating: {
       x: 0,
       y: 0,
@@ -5402,22 +5416,22 @@ const Xi = async function(e) {
     }
   };
 };
-function Qi(e) {
+function es(e) {
   return de(e).direction === "rtl";
 }
-const es = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ji,
+const ts = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: qi,
   getDocumentElement: pe,
-  getClippingRect: Gi,
+  getClippingRect: Yi,
   getOffsetParent: Jn,
-  getElementRects: Xi,
-  getClientRects: qi,
-  getDimensions: Yi,
+  getElementRects: Qi,
+  getClientRects: Hi,
+  getDimensions: Zi,
   getScale: ze,
   isElement: ye,
-  isRTL: Qi
+  isRTL: es
 };
-function ts(e, t) {
+function ns(e, t) {
   let n = null, a;
   const o = pe(e);
   function r() {
@@ -5433,21 +5447,21 @@ function ts(e, t) {
     } = e.getBoundingClientRect();
     if (s || t(), !c || !y)
       return;
-    const p = lt(f), v = lt(o.clientWidth - (u + c)), h = lt(o.clientHeight - (f + y)), m = lt(u), k = {
+    const p = rt(f), v = rt(o.clientWidth - (u + c)), h = rt(o.clientHeight - (f + y)), m = rt(u), k = {
       rootMargin: -p + "px " + -v + "px " + -h + "px " + -m + "px",
       threshold: Ve(0, Pe(1, i)) || 1
     };
-    let L = !0;
+    let A = !0;
     function P(T) {
       const I = T[0].intersectionRatio;
       if (I !== i) {
-        if (!L)
+        if (!A)
           return l();
         I ? l(!1, I) : a = setTimeout(() => {
           l(!1, 1e-7);
         }, 100);
       }
-      L = !1;
+      A = !1;
     }
     try {
       n = new IntersectionObserver(P, {
@@ -5462,7 +5476,7 @@ function ts(e, t) {
   }
   return l(!0), r;
 }
-function ns(e, t, n, a) {
+function as(e, t, n, a) {
   a === void 0 && (a = {});
   const {
     ancestorScroll: o = !0,
@@ -5476,7 +5490,7 @@ function ns(e, t, n, a) {
       passive: !0
     }), r && S.addEventListener("resize", n);
   });
-  const c = u && s ? ts(u, n) : null;
+  const c = u && s ? ns(u, n) : null;
   let y = -1, p = null;
   l && (p = new ResizeObserver((S) => {
     let [k] = S;
@@ -5496,15 +5510,15 @@ function ns(e, t, n, a) {
     }), c && c(), p && p.disconnect(), p = null, i && cancelAnimationFrame(v);
   };
 }
-const as = (e, t, n) => {
+const os = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: es,
+    platform: ts,
     ...n
   }, r = {
     ...o.platform,
     _c: a
   };
-  return Ni(e, t, {
+  return zi(e, t, {
     ...o,
     platform: r
   });
@@ -5519,7 +5533,7 @@ function qn(e) {
     options: e,
     fn(t) {
       const n = Tt(D(e.element));
-      return n == null ? {} : zi({
+      return n == null ? {} : Pi({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -5569,8 +5583,8 @@ function Wn(e, t, n) {
     };
   });
   let k;
-  function L() {
-    u.value == null || f.value == null || as(u.value, f.value, {
+  function A() {
+    u.value == null || f.value == null || os(u.value, f.value, {
       middleware: r.value,
       placement: l.value,
       strategy: s.value
@@ -5583,18 +5597,18 @@ function Wn(e, t, n) {
   }
   function T() {
     if (P(), a === void 0) {
-      L();
+      A();
       return;
     }
     if (u.value != null && f.value != null) {
-      k = a(u.value, f.value, L);
+      k = a(u.value, f.value, A);
       return;
     }
   }
   function I() {
     o.value || (m.value = !1);
   }
-  return te([r, l, s], L, {
+  return te([r, l, s], A, {
     flush: "sync"
   }), te([u, f], T, {
     flush: "sync"
@@ -5608,10 +5622,10 @@ function Wn(e, t, n) {
     middlewareData: Be(h),
     isPositioned: Be(m),
     floatingStyles: S,
-    update: L
+    update: A
   };
 }
-const os = () => {
+const ls = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5623,10 +5637,10 @@ const os = () => {
     },
     productToursRef: e
   };
-}, Un = os(), ls = { class: "joy-product-tour__content" }, rs = { class: "joy-product-tour__header" }, is = {
+}, Un = ls(), rs = { class: "joy-product-tour__content" }, is = { class: "joy-product-tour__header" }, ss = {
   key: 0,
   class: "joy-product-tour__footer"
-}, ss = { class: "joy-product-tour__footer___steps" }, us = { class: "joy-product-tour__footer___cta" }, cs = "joy-product-tour-spotlight__wrapper", ds = /* @__PURE__ */ B({
+}, us = { class: "joy-product-tour__footer___steps" }, cs = { class: "joy-product-tour__footer___cta" }, ds = "joy-product-tour-spotlight__wrapper", fs = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5644,7 +5658,7 @@ const os = () => {
       Wn(l, o, {
         placement: n.position,
         whileElementsMounted(...T) {
-          return ns(...T, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return as(...T, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5690,7 +5704,7 @@ const os = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", v, { 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 S(T) {
-      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Ti), i.value = document.createElement("div"), i.value.classList.add(cs), document.body.appendChild(i.value), qt(s.value, i.value), k());
+      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Vi), i.value = document.createElement("div"), i.value.classList.add(ds), document.body.appendChild(i.value), qt(s.value, i.value), k());
     }
     function k() {
       if (!i.value)
@@ -5698,11 +5712,11 @@ const os = () => {
       const { left: T, top: I, height: w, width: z } = l.value.getBoundingClientRect();
       i.value.style.left = `calc(${window.scrollX + T - n.spotlightPadding}px`, i.value.style.top = `${window.scrollY + I - n.spotlightPadding}px`, i.value.style.width = `${z}px`, i.value.style.height = `${w}px`, i.value.style.position = "absolute", i.value.style.padding = n.spotlightPadding + "px";
     }
-    function L() {
+    function A() {
       r.value && r.value.remove();
     }
     function P() {
-      L(), l.value && (l.value.style.position = "", l.value.style.zIndex = ""), i.value && (qt(null, i.value), i.value.remove());
+      A(), l.value && (l.value.style.position = "", l.value.style.zIndex = ""), i.value && (qt(null, i.value), i.value.remove());
     }
     return te(c.value, () => {
       var T;
@@ -5720,13 +5734,13 @@ const os = () => {
         ref: o,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ie({ "--product-tour-width": T.maxWidth + "px", ...(w = c.value) == null ? void 0 : w.floatingStyles })
+        style: se({ "--product-tour-width": T.maxWidth + "px", ...(w = c.value) == null ? void 0 : w.floatingStyles })
       }, [
         b("div", {
           ref_key: "productTourArrow",
           ref: f,
           class: "joy-product-tour__arrow",
-          style: ie(y.value)
+          style: se(y.value)
         }, null, 4),
         b("div", {
           class: E([
@@ -5752,27 +5766,27 @@ const os = () => {
               onClick: v
             })
           ], 2),
-          b("div", ls, [
-            T.icon ? (d(), A(G, {
+          b("div", rs, [
+            T.icon ? (d(), L(Y, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: T.icon,
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             b("div", null, [
-              b("div", rs, [
+              b("div", is, [
                 _(T.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               _(T.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (d(), g("div", is, [
-            b("span", ss, [
-              T.steps > 1 ? (d(), g(Y, { key: 0 }, [
+          T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (d(), g("div", ss, [
+            b("span", us, [
+              T.steps > 1 ? (d(), g(G, { key: 0 }, [
                 W(O(T.step) + "/" + O(T.steps), 1)
               ], 64)) : j("", !0)
             ]),
-            b("div", us, [
+            b("div", cs, [
               b("div", { onClick: v }, [
                 _(T.$slots, "product-tour-dismiss", {}, void 0, !0)
               ]),
@@ -5785,7 +5799,7 @@ const os = () => {
       ]);
     };
   }
-}), fs = /* @__PURE__ */ F(ds, [["__scopeId", "data-v-c1f5e735"]]), Ac = /* @__PURE__ */ B({
+}), vs = /* @__PURE__ */ F(fs, [["__scopeId", "data-v-c1f5e735"]]), Bc = /* @__PURE__ */ B({
   __name: "VJoyProductTour",
   props: {
     icon: {},
@@ -5807,13 +5821,13 @@ const os = () => {
       var i;
       (i = r.value) == null || i.hide(), o();
     }
-    return re(() => {
+    return ie(() => {
       n.open && a(r.value);
     }), t({
       show: l,
       hide: s
-    }), (i, u) => (d(), A(Qe, { to: "body" }, [
-      K(fs, ae(n, {
+    }), (i, u) => (d(), L(Qe, { to: "body" }, [
+      K(vs, ae(n, {
         ref_key: "productTour",
         ref: r
       }), {
@@ -5836,24 +5850,24 @@ const os = () => {
       }, 16)
     ]));
   }
-}), Bc = /* @__PURE__ */ B({
+}), Fc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.productTour), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.productTour), r = Q(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), o.value && ((i = o.value) == null || i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, X(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
   }
-}), vs = /* @__PURE__ */ B({
+}), ys = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5893,11 +5907,11 @@ const os = () => {
     }, [
       b("div", {
         class: "joy-progress-bar-inner",
-        style: ie({ width: o.value })
+        style: se({ width: o.value })
       }, null, 4)
     ], 2));
   }
-}), Fc = /* @__PURE__ */ F(vs, [["__scopeId", "data-v-cd823b2d"]]), ys = ["id", "value", "checked", "disabled", "required", "name"], ps = { class: "joy-radio-label" }, ms = { class: "joy-radio-content__wrapper" }, hs = { class: "joy-radio-content" }, bs = /* @__PURE__ */ B({
+}), Nc = /* @__PURE__ */ F(ys, [["__scopeId", "data-v-cd823b2d"]]), ps = ["id", "value", "checked", "disabled", "required", "name"], ms = { class: "joy-radio-label" }, hs = { class: "joy-radio-content__wrapper" }, bs = { class: "joy-radio-content" }, gs = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5934,14 +5948,14 @@ const os = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = X(), f = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = Q(), f = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function c() {
       r.value = !!u["expandable-content"] && f.value;
     }
     function y() {
       a("update:modelValue", o.value), c();
     }
-    re(() => {
+    ie(() => {
       o.theme === "outline" && c();
     });
     function p() {
@@ -5984,12 +5998,12 @@ const os = () => {
         onChange: y,
         onFocus: p,
         onBlur: v
-      }, null, 40, ys),
-      b("span", ps, [
+      }, null, 40, ps),
+      b("span", ms, [
         _(h.$slots, "default", {}, void 0, !0)
       ]),
-      b("div", ms, [
-        b("div", hs, [
+      b("div", hs, [
+        b("div", bs, [
           _(h.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
@@ -6002,7 +6016,7 @@ const os = () => {
       ])
     ], 2));
   }
-}), Nc = /* @__PURE__ */ F(bs, [["__scopeId", "data-v-7ee19b20"]]), gs = ["form", "name"], ws = /* @__PURE__ */ B({
+}), zc = /* @__PURE__ */ F(gs, [["__scopeId", "data-v-7ee19b20"]]), ws = ["form", "name"], Ss = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -6036,9 +6050,9 @@ const os = () => {
       }, [
         _(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, gs));
+    ], 8, ws));
   }
-}), zc = /* @__PURE__ */ F(ws, [["__scopeId", "data-v-1b870a4c"]]), Ss = ["ariaLabel"], _s = { class: "joy-rating-stars" }, ks = { class: "joy-rating-stars__content" }, js = { key: 0 }, $s = /* @__PURE__ */ B({
+}), Pc = /* @__PURE__ */ F(Ss, [["__scopeId", "data-v-1b870a4c"]]), _s = ["ariaLabel"], ks = { class: "joy-rating-stars" }, js = { class: "joy-rating-stars__content" }, $s = { key: 0 }, Cs = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6070,22 +6084,22 @@ const os = () => {
       class: "joy-rating-stars__wrapper",
       ariaLabel: D(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      b("ul", _s, [
-        (d(!0), g(Y, null, ee(o.value, (s, i) => (d(), g("li", {
+      b("ul", ks, [
+        (d(!0), g(G, null, X(o.value, (s, i) => (d(), g("li", {
           key: i,
           class: E([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (d(), A(G, {
+          s === "full" ? (d(), L(Y, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (d(), A(G, {
+          })) : s === "half" ? (d(), L(Y, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), A(G, {
+          })) : (d(), L(Y, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6093,14 +6107,14 @@ const os = () => {
           }))
         ], 2))), 128))
       ]),
-      b("div", ks, [
+      b("div", js, [
         _(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), g("span", js, "(" + O(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (d(), g("span", $s, "(" + O(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, Ss));
+    ], 8, _s));
   }
-}), Cs = /* @__PURE__ */ F($s, [["__scopeId", "data-v-4c9a1026"]]), xs = ["id", "name", "aria-invalid", "required", "disabled"], Ts = ["selected"], Vs = /* @__PURE__ */ B({
+}), xs = /* @__PURE__ */ F(Cs, [["__scopeId", "data-v-4c9a1026"]]), Ts = ["id", "name", "aria-invalid", "required", "disabled"], Vs = ["selected"], Is = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -6144,7 +6158,7 @@ const os = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = V(() => {
+    const a = e, o = n, r = Q(), l = V(() => {
       const h = r.default();
       let m = [];
       return h.forEach((S) => {
@@ -6154,8 +6168,8 @@ const os = () => {
           const k = S.children;
           if (typeof k == "string" || !k.length)
             return;
-          const L = k.filter(s);
-          m = [...m, ...L];
+          const A = k.filter(s);
+          m = [...m, ...A];
         }
       }), m;
     });
@@ -6163,7 +6177,7 @@ const os = () => {
       return (h == null ? void 0 : h.type) === "option";
     }
     const i = C(), u = C(), f = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
-    re(() => {
+    ie(() => {
       var S;
       const h = r["select-label"] && r["select-label"]();
       if (!h || !h.length)
@@ -6195,7 +6209,7 @@ const os = () => {
       ref: i
     }, [
       _(h.$slots, "select-label", {}, () => [
-        e.label ? (d(), A(Ae, {
+        e.label ? (d(), L(Ae, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -6232,23 +6246,23 @@ const os = () => {
           onFocus: p,
           onBlur: v
         }, [
-          (d(!0), g(Y, null, ee(l.value, (S) => {
-            var k, L;
+          (d(!0), g(G, null, X(l.value, (S) => {
+            var k, A;
             return d(), g("option", ae({
               key: (k = S.props) == null ? void 0 : k.value
             }, S.props, {
-              selected: ((L = S.props) == null ? void 0 : L.value) === e.modelValue
-            }), O(S.children), 17, Ts);
+              selected: ((A = S.props) == null ? void 0 : A.value) === e.modelValue
+            }), O(S.children), 17, Vs);
           }), 128))
-        ], 40, xs),
-        K(G, {
+        ], 40, Ts),
+        K(Y, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
       ], 2)
     ], 512));
   }
-}), Pc = /* @__PURE__ */ F(Vs, [["__scopeId", "data-v-7e3adcd9"]]), Is = ["aria-disabled"], Es = ["id", "value", "checked", "disabled", "required", "name"], Ls = { class: "joy-selectable-item__label" }, As = /* @__PURE__ */ B({
+}), Oc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-7e3adcd9"]]), Es = ["aria-disabled"], Ls = ["id", "value", "checked", "disabled", "required", "name"], As = { class: "joy-selectable-item__label" }, Bs = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -6338,8 +6352,8 @@ const os = () => {
         (...y) => i.onFocus && i.onFocus(...y)),
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...y) => i.onBlur && i.onBlur(...y))
-      }, null, 40, Es)),
-      (d(), A(se(D(s)), {
+      }, null, 40, Ls)),
+      (d(), L(re(D(s)), {
         for: e.id,
         class: E([
           "joy-selectable-item",
@@ -6353,7 +6367,7 @@ const os = () => {
         onClick: i.onLabelClick
       }, {
         default: R(() => [
-          e.multiple ? (d(), A(wn, {
+          e.multiple ? (d(), L(wn, {
             key: 0,
             id: e.id,
             checked: o.value,
@@ -6374,7 +6388,7 @@ const os = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : j("", !0),
-          b("div", Ls, [
+          b("div", As, [
             e.multiple ? j("", !0) : _(f.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
@@ -6387,9 +6401,9 @@ const os = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Is));
+    ], 10, Es));
   }
-}), Bs = /* @__PURE__ */ F(As, [["__scopeId", "data-v-63935f26"]]), Fs = ["id"], Ns = /* @__PURE__ */ B({
+}), Fs = /* @__PURE__ */ F(Bs, [["__scopeId", "data-v-63935f26"]]), Ns = ["id"], zs = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -6444,7 +6458,7 @@ const os = () => {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (d(), A(Ae, {
+      e.label ? (d(), L(Ae, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -6466,7 +6480,7 @@ const os = () => {
           }
         ])
       }, [
-        (d(!0), g(Y, null, ee(e.options, (i) => (d(), A(Bs, ae(i.attrs, {
+        (d(!0), g(G, null, X(e.options, (i) => (d(), L(Fs, ae(i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6492,9 +6506,9 @@ const os = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Fs));
+    ], 8, Ns));
   }
-}), Oc = /* @__PURE__ */ F(Ns, [["__scopeId", "data-v-0851108e"]]), zs = /* @__PURE__ */ B({
+}), Rc = /* @__PURE__ */ F(zs, [["__scopeId", "data-v-0851108e"]]), Ps = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6513,7 +6527,7 @@ const os = () => {
       b("span", null, O(e.text), 1)
     ], 2));
   }
-}), Rc = /* @__PURE__ */ F(zs, [["__scopeId", "data-v-21db2899"]]), Ps = { class: "joy-snackbar__img" }, Os = { class: "joy-snackbar__content" }, Rs = { key: 0 }, Ds = ["innerHTML"], Ms = /* @__PURE__ */ B({
+}), Dc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-21db2899"]]), Os = { class: "joy-snackbar__img" }, Rs = { class: "joy-snackbar__content" }, Ds = { key: 0 }, Ms = ["innerHTML"], Js = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -6587,7 +6601,7 @@ const os = () => {
         (h = n.bus) == null || h.emit("snackbar:hide");
       }, n.duration + 300);
     }
-    re(() => {
+    ie(() => {
       var h;
       (h = n.bus) == null || h.emit("snackbar:show"), typeof n.duration == "number" && y();
     });
@@ -6609,19 +6623,19 @@ const os = () => {
         id: l,
         class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        b("div", Ps, [
-          K(G, { name: s.value }, null, 8, ["name"])
-        ]),
         b("div", Os, [
-          e.header ? (d(), g("strong", Rs, O(e.header), 1)) : j("", !0),
-          b("span", { innerHTML: e.message }, null, 8, Ds),
+          K(Y, { name: s.value }, null, 8, ["name"])
+        ]),
+        b("div", Rs, [
+          e.header ? (d(), g("strong", Ds, O(e.header), 1)) : j("", !0),
+          b("span", { innerHTML: e.message }, null, 8, Ms),
           e.actionText ? (d(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: i
           }, O(e.actionText), 1)) : j("", !0)
         ]),
-        e.closable ? (d(), A(ue, {
+        e.closable ? (d(), L(ue, {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
@@ -6633,7 +6647,7 @@ const os = () => {
       ], 2)
     ], 2));
   }
-}), Js = /* @__PURE__ */ F(Ms, [["__scopeId", "data-v-d93e38fe"]]), qs = ["id"], Hs = { class: "joy-step__stroke" }, Ws = { class: "joy-step__label" }, Us = /* @__PURE__ */ B({
+}), qs = /* @__PURE__ */ F(Js, [["__scopeId", "data-v-d93e38fe"]]), Hs = ["id"], Ws = { class: "joy-step__stroke" }, Us = { class: "joy-step__label" }, Ks = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6680,18 +6694,18 @@ const os = () => {
         }
       ])
     }, [
-      b("span", Hs, [
+      b("span", Ws, [
         b("span", {
           class: "joy-step__stroke--filled",
-          style: ie({ maxWidth: l.value })
+          style: se({ maxWidth: l.value })
         }, null, 4)
       ]),
-      b("span", Ws, [
+      b("span", Us, [
         _(u.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, qs));
+    ], 10, Hs));
   }
-}), Ks = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-b63419a7"]]), Gs = { class: "joy-stepper" }, Ys = /* @__PURE__ */ B({
+}), Gs = /* @__PURE__ */ F(Ks, [["__scopeId", "data-v-b63419a7"]]), Ys = { class: "joy-stepper" }, Zs = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6706,7 +6720,7 @@ const os = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = X(), o = V(() => {
+    const n = e, a = Q(), o = V(() => {
       const c = a.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(r) : c.filter(r);
     });
@@ -6722,10 +6736,10 @@ const os = () => {
       currentItemSubStep: i,
       steps: o,
       invalidSubStepValue: s
-    }), (c, y) => (d(), g("div", Gs, [
-      (d(!0), g(Y, null, ee(o.value, (p, v) => {
+    }), (c, y) => (d(), g("div", Ys, [
+      (d(!0), g(G, null, X(o.value, (p, v) => {
         var h;
-        return d(), A(Ks, ae(p.props, {
+        return d(), L(Gs, ae(p.props, {
           key: (h = p.props) == null ? void 0 : h.id,
           completed: v < e.step - 1,
           "current-sub-step": f(v)
@@ -6733,7 +6747,7 @@ const os = () => {
           default: R(() => {
             var m;
             return [
-              (m = p.children) != null && m.default ? (d(), A(se(p.children.default), { key: 0 })) : j("", !0)
+              (m = p.children) != null && m.default ? (d(), L(re(p.children.default), { key: 0 })) : j("", !0)
             ];
           }),
           _: 2
@@ -6741,7 +6755,7 @@ const os = () => {
       }), 128))
     ]));
   }
-}), Dc = /* @__PURE__ */ F(Ys, [["__scopeId", "data-v-dcd87434"]]), Zs = ["id", "aria-hidden", "aria-labelledby"], Xs = /* @__PURE__ */ B({
+}), Mc = /* @__PURE__ */ F(Zs, [["__scopeId", "data-v-dcd87434"]]), Xs = ["id", "aria-hidden", "aria-labelledby"], Qs = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6784,12 +6798,12 @@ const os = () => {
       })
     }, [
       _(o.$slots, "default", {}, void 0, !0)
-    ], 10, Zs));
+    ], 10, Xs));
   }
-}), Mc = /* @__PURE__ */ F(Xs, [["__scopeId", "data-v-a76a7c92"]]), Qs = ["id", "href", "aria-selected", "aria-controls"], eu = {
+}), Jc = /* @__PURE__ */ F(Qs, [["__scopeId", "data-v-a76a7c92"]]), eu = ["id", "href", "aria-selected", "aria-controls"], tu = {
   type: "button",
   tabindex: "-1"
-}, tu = /* @__PURE__ */ B({
+}, nu = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6849,11 +6863,11 @@ const os = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        b("button", eu, [
+        b("button", tu, [
           _(r.$slots, "default", {}, () => [
             W(O(e.label), 1)
           ], !0),
-          e.notifications ? (d(), A(xa, {
+          e.notifications ? (d(), L(xa, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6861,9 +6875,9 @@ const os = () => {
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, Qs));
+    ], 40, eu));
   }
-}), nu = /* @__PURE__ */ F(tu, [["__scopeId", "data-v-26b80ed6"]]), au = { class: "joy-tabs" }, ou = /* @__PURE__ */ B({
+}), au = /* @__PURE__ */ F(nu, [["__scopeId", "data-v-26b80ed6"]]), ou = { class: "joy-tabs" }, lu = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6873,7 +6887,7 @@ const os = () => {
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = C(a.selectedTab);
+    const a = e, o = n, r = Q(), l = C(a.selectedTab);
     Et("VJoyTabs", l);
     const s = C(null), i = C(null), u = C(!1), f = C(!1), c = V(() => {
       const m = r.default();
@@ -6898,7 +6912,7 @@ const os = () => {
         m && h(m);
       },
       { immediate: !0 }
-    ), re(() => {
+    ), ie(() => {
       var m;
       v(), (m = i.value) == null || m.addEventListener("scroll", v);
     }), De(() => {
@@ -6906,7 +6920,7 @@ const os = () => {
       (m = i.value) == null || m.removeEventListener("scroll", v);
     }), t({
       tabs: c
-    }), (m, S) => (d(), g("div", au, [
+    }), (m, S) => (d(), g("div", ou, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: s,
@@ -6922,10 +6936,10 @@ const os = () => {
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (d(!0), g(Y, null, ee(c.value, (k) => (d(), g("div", {
+          (d(!0), g(G, null, X(c.value, (k) => (d(), g("div", {
             key: k.props.tab
           }, [
-            K(nu, {
+            K(au, {
               tab: k.props.tab,
               label: k.props.label,
               href: k.props.href,
@@ -6934,9 +6948,9 @@ const os = () => {
               onChangeTab: () => h(k.props.tab, !k.props.href)
             }, {
               default: R(() => {
-                var L;
+                var A;
                 return [
-                  (L = k.children) != null && L.header ? (d(), A(se(k.children.header), { key: 0 })) : j("", !0)
+                  (A = k.children) != null && A.header ? (d(), L(re(k.children.header), { key: 0 })) : j("", !0)
                 ];
               }),
               _: 2
@@ -6949,7 +6963,7 @@ const os = () => {
       ])
     ]));
   }
-}), Jc = /* @__PURE__ */ F(ou, [["__scopeId", "data-v-9aea2d41"]]), lu = ["id", "role"], ru = /* @__PURE__ */ B({
+}), qc = /* @__PURE__ */ F(lu, [["__scopeId", "data-v-9aea2d41"]]), ru = ["id", "role"], iu = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6985,7 +6999,7 @@ const os = () => {
       onClick: s
     }, [
       _(i.$slots, "default", {}, () => [
-        i.draggable ? (d(), A(G, {
+        i.draggable ? (d(), L(Y, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -6993,18 +7007,18 @@ const os = () => {
         })) : j("", !0),
         W(" " + O(i.label), 1)
       ], !0),
-      i.removable ? (d(), A(G, {
+      i.removable ? (d(), L(Y, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
         role: "button",
         onClick: sa(l, ["stop"]),
-        onKeydown: pt(l, ["enter"])
+        onKeydown: et(l, ["enter"])
       })) : j("", !0)
-    ], 10, lu));
+    ], 10, ru));
   }
-}), Kn = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-bf90789b"]]);
+}), Kn = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-bf90789b"]]);
 var He = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(He || {});
 function un(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7017,7 +7031,7 @@ function un(e) {
       return a;
   }) === void 0 : t(e);
 }
-const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholder"], uu = { key: 0 }, cu = { key: 1 }, du = /* @__PURE__ */ B({
+const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholder"], cu = { key: 0 }, du = { key: 1 }, fu = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7064,7 +7078,7 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
     function k() {
       l.value = !0;
     }
-    function L() {
+    function A() {
       l.value = !1, I();
     }
     function P(w) {
@@ -7092,8 +7106,8 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
     ), t({
       isInvalid: i,
       hasDuplicates: h
-    }), (w, z) => (d(), g("div", iu, [
-      w.$slots.default ? (d(), A(Ae, {
+    }), (w, z) => (d(), g("div", su, [
+      w.$slots.default ? (d(), L(Ae, {
         key: 0,
         id: w.name,
         class: "joy-tags-input__label"
@@ -7112,7 +7126,7 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
           }
         ])
       }, [
-        (d(!0), g(Y, null, ee(r.value, (M) => (d(), A(Kn, {
+        (d(!0), g(G, null, X(r.value, (M) => (d(), L(Kn, {
           key: M,
           variant: w.variant,
           removable: !0,
@@ -7135,24 +7149,24 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
           placeholder: w.placeholder,
           onKeydown: S,
           onFocus: k,
-          onBlur: L
-        }, null, 40, su)
+          onBlur: A
+        }, null, 40, uu)
       ], 2),
-      p.value ? (d(), A(Ft, {
+      p.value ? (d(), L(Ft, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: R(() => [
           b("ul", null, [
-            y.value ? (d(), g("li", uu, O(w.duplicationError), 1)) : j("", !0),
-            c.value ? (d(), g("li", cu, O(w.invalidEmailError), 1)) : j("", !0)
+            y.value ? (d(), g("li", cu, O(w.duplicationError), 1)) : j("", !0),
+            c.value ? (d(), g("li", du, O(w.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), qc = /* @__PURE__ */ F(du, [["__scopeId", "data-v-3576a764"]]), fu = /* @__PURE__ */ B({
+}), Hc = /* @__PURE__ */ F(fu, [["__scopeId", "data-v-3576a764"]]), vu = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7208,7 +7222,7 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
     return (u, f) => (d(), g("div", {
       class: E(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (d(!0), g(Y, null, ee(e.tags, (c) => (d(), A(Kn, ae({
+      (d(!0), g(G, null, X(e.tags, (c) => (d(), L(Kn, ae({
         key: c.value || c.label
       }, c, {
         selectable: r(c),
@@ -7230,36 +7244,36 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Hc = /* @__PURE__ */ F(fu, [["__scopeId", "data-v-1d8003ef"]]), vu = {}, yu = {
+}), Wc = /* @__PURE__ */ F(vu, [["__scopeId", "data-v-1d8003ef"]]), yu = {}, pu = {
   class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
-}, pu = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), mu = [
-  pu
+}, mu = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), hu = [
+  mu
 ];
-function hu(e, t) {
-  return d(), g("div", yu, mu);
+function bu(e, t) {
+  return d(), g("div", pu, hu);
 }
-const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92"]]), gu = { class: "joy-template__wrapper" }, wu = {
+const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92"]]), wu = { class: "joy-template__wrapper" }, Su = {
   key: 0,
   class: "joy-template__heading"
-}, Su = {
+}, _u = {
   key: 0,
   class: "joy-template-slot-back"
-}, _u = { class: "joy-template__heading___headings" }, ku = {
+}, ku = { class: "joy-template__heading___headings" }, ju = {
   key: 0,
   class: "joy-template-slot-title"
-}, ju = {
+}, $u = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, $u = {
+}, Cu = {
   key: 1,
   class: "joy-template-slot-actions"
-}, Cu = {
+}, xu = {
   key: 0,
   class: "joy-template-slot-main"
-}, xu = {
+}, Tu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Tu = /* @__PURE__ */ B({
+}, Vu = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7280,25 +7294,25 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const t = e, n = X(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = Q(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (o, r) => (d(), g("main", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), A(bu, { key: 0 })) : j("", !0),
-      b("div", gu, [
-        a.value ? (d(), g("div", wu, [
-          D(n)["template-back"] ? (d(), g("div", Su, [
+      e.shapes ? (d(), L(gu, { key: 0 })) : j("", !0),
+      b("div", wu, [
+        a.value ? (d(), g("div", Su, [
+          D(n)["template-back"] ? (d(), g("div", _u, [
             _(o.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          b("div", _u, [
-            D(n)["template-title"] ? (d(), g("div", ku, [
+          b("div", ku, [
+            D(n)["template-title"] ? (d(), g("div", ju, [
               _(o.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            D(n)["template-subtitle"] ? (d(), g("div", ju, [
+            D(n)["template-subtitle"] ? (d(), g("div", $u, [
               _(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          D(n)["template-actions"] ? (d(), g("div", $u, [
+          D(n)["template-actions"] ? (d(), g("div", Cu, [
             _(o.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -7310,15 +7324,15 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (d(), g("div", Cu, [
+          o.$slots["template-main"] ? (d(), g("div", xu, [
             _(o.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          o.$slots["template-sidebar"] ? (d(), g("div", xu, [
+          o.$slots["template-sidebar"] ? (d(), g("div", Tu, [
             _(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
       ]),
-      e.loading ? (d(), A(In, {
+      e.loading ? (d(), L(In, {
         key: 1,
         overlay: "",
         color: e.loadingColor
@@ -7330,7 +7344,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), Wc = /* @__PURE__ */ F(Tu, [["__scopeId", "data-v-72ffed7d"]]), Vu = /* @__PURE__ */ B({
+}), Uc = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-72ffed7d"]]), Iu = /* @__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 */
@@ -7345,7 +7359,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.tagName), {
+    return (t, n) => (d(), L(re(e.tagName), {
       class: E(`joy-text joy-font-${e.preset}`)
     }, {
       default: R(() => [
@@ -7354,13 +7368,13 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 8, ["class"]));
   }
-}), Uc = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-6295f9ec"]]), Iu = ["aria-disabled"], Eu = { class: "joy-textarea_wrapper" }, Lu = ["id", "disabled", "name", "required", "minlength", "value"], Au = {
+}), Kc = /* @__PURE__ */ F(Iu, [["__scopeId", "data-v-6295f9ec"]]), Eu = ["aria-disabled"], Lu = { class: "joy-textarea_wrapper" }, Au = ["id", "disabled", "name", "required", "minlength", "value"], Bu = {
   key: 1,
   class: "joy-textarea_helpers"
-}, Bu = {
+}, Fu = {
   inheritAttrs: !1
-}, Fu = /* @__PURE__ */ B({
-  ...Bu,
+}, Nu = /* @__PURE__ */ B({
+  ...Fu,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7418,7 +7432,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = X(), l = C(), { triggerResize: s } = fo({
+    const a = n, o = e, r = Q(), l = C(), { triggerResize: s } = fo({
       element: o.autogrow ? l : void 0
     }), i = C(!1), u = C(!1);
     Nt(l, o.autofocus);
@@ -7465,7 +7479,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         }
       ])
     }, [
-      y.value ? (d(), A(Ae, {
+      y.value ? (d(), L(Ae, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7479,7 +7493,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      b("div", Eu, [
+      b("div", Lu, [
         b("textarea", ae(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7498,14 +7512,14 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
           (...m) => p.onFocus && p.onFocus(...m)),
           onBlur: h[3] || (h[3] = //@ts-ignore
           (...m) => p.onBlur && p.onBlur(...m))
-        }), null, 16, Lu)
+        }), null, 16, Au)
       ]),
-      e.minlength || e.maxlength ? (d(), g("div", Au, [
+      e.minlength || e.maxlength ? (d(), g("div", Bu, [
         e.minlength ? (d(), g("p", {
           key: 0,
           class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          c.value ? j("", !0) : (d(), A(G, {
+          c.value ? j("", !0) : (d(), L(Y, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -7518,9 +7532,9 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
           class: E(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
         }, O(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, Iu));
+    ], 10, Eu));
   }
-}), Kc = /* @__PURE__ */ F(Fu, [["__scopeId", "data-v-52e4553a"]]), Gn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), Nu = { class: "joy-toggle__wrapper" }, zu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Pu = { class: "joy-toggle__content" }, Ou = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Ru = { class: "joy-toggle__content-label" }, Du = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+}), Gc = /* @__PURE__ */ F(Nu, [["__scopeId", "data-v-52e4553a"]]), Gn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), zu = { class: "joy-toggle__wrapper" }, Pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ou = { class: "joy-toggle__content" }, Ru = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Du = { class: "joy-toggle__content-label" }, Mu = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -7533,7 +7547,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       fill: "currentColor"
     })
   ])
-], -1)), Mu = /* @__PURE__ */ B({
+], -1)), Ju = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7568,7 +7582,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = t;
-    X();
+    Q();
     const a = C(!1), o = {
       onChange: (r) => {
         const l = r.target.checked;
@@ -7581,7 +7595,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         a.value = !1;
       }
     };
-    return (r, l) => (d(), g("div", Nu, [
+    return (r, l) => (d(), g("div", zu, [
       b("label", {
         class: E([
           "joy-toggle",
@@ -7609,20 +7623,20 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: l[2] || (l[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, zu),
-        b("p", Pu, [
-          Ou,
-          b("span", Ru, [
+        }, null, 40, Pu),
+        b("p", Ou, [
+          Ru,
+          b("span", Du, [
             _(r.$slots, "default", {}, () => [
               W(O(e.label), 1)
             ], !0)
           ]),
-          Du
+          Mu
         ])
       ], 2)
     ]));
   }
-}), Gc = /* @__PURE__ */ F(Mu, [["__scopeId", "data-v-99a4c774"]]), Ju = { class: "joy-tooltip__content__inner" }, qu = /* @__PURE__ */ B({
+}), Yc = /* @__PURE__ */ F(Ju, [["__scopeId", "data-v-99a4c774"]]), qu = { class: "joy-tooltip__content__inner" }, Hu = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7660,7 +7674,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e, { expose: t }) {
-    const n = X(), a = e, o = C(!1), r = C(null), l = C(null), s = C(), i = C(
+    const n = Q(), a = e, o = C(!1), r = C(null), l = C(null), s = C(), i = C(
       Wn(r, l, {
         placement: a.placement,
         transform: !1,
@@ -7706,14 +7720,14 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         [k]: "-4px"
       };
     });
-    return re(() => {
+    return ie(() => {
       a.show && p();
     }), De(() => {
       o.value = !1;
     }), t({
       tooltipVisible: o,
       tooltip: l
-    }), (h, m) => (d(), A(D(Bt), {
+    }), (h, m) => (d(), L(D(Bt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       onTrigger: m[1] || (m[1] = (S) => p(!1))
@@ -7728,10 +7742,10 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
             onClick: y,
             onMouseenter: f,
             onMouseleave: c,
-            onKeydown: m[0] || (m[0] = pt((k) => p(!1), ["tab"]))
+            onKeydown: m[0] || (m[0] = et((k) => p(!1), ["tab"]))
           }, [
             _(h.$slots, "default", {}, void 0, !0),
-            (d(), A(Qe, { to: "body" }, [
+            (d(), L(Qe, { to: "body" }, [
               o.value && u.value ? (d(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -7744,9 +7758,9 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
                     "joy-tooltip__content--hiding": !o.value
                   }
                 ]),
-                style: ie({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: se({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                b("div", Ju, [
+                b("div", qu, [
                   _(h.$slots, "tooltip-content", {}, () => [
                     W(O(e.text), 1)
                   ], !0)
@@ -7755,7 +7769,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
                   ref_key: "tooltipArrow",
                   ref: s,
                   class: "joy-tooltip__arrow",
-                  style: ie(v.value)
+                  style: se(v.value)
                 }, null, 4)
               ], 6)) : j("", !0)
             ]))
@@ -7765,7 +7779,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 512));
   }
-}), Yc = /* @__PURE__ */ F(qu, [["__scopeId", "data-v-d54d6979"]]), Hu = { class: "joy-user-card__picture" }, Wu = { class: "joy-user-card__informations" }, Uu = { class: "joy-user-card__title" }, Ku = { class: "joy-user-card__subtitle" }, Gu = /* @__PURE__ */ B({
+}), Zc = /* @__PURE__ */ F(Hu, [["__scopeId", "data-v-d54d6979"]]), Wu = { class: "joy-user-card__picture" }, Uu = { class: "joy-user-card__informations" }, Ku = { class: "joy-user-card__title" }, Gu = { class: "joy-user-card__subtitle" }, Yu = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7792,13 +7806,13 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.link ? "a" : "div"), ae({
+    return (t, n) => (d(), L(re(e.link ? "a" : "div"), ae({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: R(() => [
-        b("div", Hu, [
+        b("div", Wu, [
           _(t.$slots, "user-card-avatar", {}, () => [
             K(_a, {
               "photo-url": e.photoUrl,
@@ -7806,19 +7820,19 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", Wu, [
-          b("p", Uu, [
+        b("div", Uu, [
+          b("p", Ku, [
             _(t.$slots, "user-card-title", {}, () => [
               W(O(e.fullName), 1)
             ], !0)
           ]),
-          b("p", Ku, [
+          b("p", Gu, [
             _(t.$slots, "user-card-subtitle", {}, () => [
               W(O(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (d(), A(Cs, {
+            e.ratingValue ? (d(), L(xs, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -7831,8 +7845,8 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Zc = /* @__PURE__ */ F(Gu, [["__scopeId", "data-v-86acec3a"]]);
-function Yu(e) {
+}), Xc = /* @__PURE__ */ F(Yu, [["__scopeId", "data-v-86acec3a"]]);
+function Zu(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var a = e.get(t);
     a ? a.push(n) : e.set(t, [n]);
@@ -7848,20 +7862,20 @@ function Yu(e) {
     });
   } };
 }
-function Zu() {
-  return Yu();
+function Xu() {
+  return Zu();
 }
-const Yn = "joy-snackbar__container", Xu = "joy-snackbar__shell--";
-let it = 0, Zn = [];
-const Qu = {
+const Yn = "joy-snackbar__container", Qu = "joy-snackbar__shell--";
+let st = 0, Zn = [];
+const ec = {
   install: (e) => {
-    typeof window < "u" && ec(), e.directive("joy-ripple", ca);
+    typeof window < "u" && tc(), e.directive("joy-ripple", ca);
   }
 };
-function Xc() {
-  it = 0, Zn = [];
+function Qc() {
+  st = 0, Zn = [];
 }
-function ec(e = { appendTo: "body", defaultMountSelector: Yn }) {
+function tc(e = { appendTo: "body", defaultMountSelector: Yn }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7877,20 +7891,20 @@ function ec(e = { appendTo: "body", defaultMountSelector: Yn }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (a = document.body.querySelector(e.appendTo)) == null || a.appendChild(t));
 }
-function Qc(e) {
+function ed(e) {
   var r, l;
-  it++;
+  st++;
   let t, n;
-  const a = Zu();
+  const a = Xu();
   t = ua(
-    Js,
+    qs,
     Object.assign(e.props, {
       bus: a,
-      instanceNb: it
+      instanceNb: st
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${Xu}${it}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(Qu).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${Qu}${st}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(ec).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -7899,78 +7913,78 @@ function Qc(e) {
   };
 }
 export {
-  Js as $,
-  kc as A,
-  jc as B,
-  G as C,
-  Ur as D,
-  $c as E,
-  Cc as F,
+  qs as $,
+  jc as A,
+  $c as B,
+  Y as C,
+  Kr as D,
+  Cc as E,
+  xc as F,
   Ae as G,
-  xc as H,
-  Tc as I,
-  lr as J,
-  Vc as K,
-  Ic as L,
-  Ec as M,
-  Lc as N,
-  Ac as O,
-  Bc as P,
-  Fc as Q,
-  Nc as R,
-  zc as S,
-  Cs as T,
+  Tc as H,
+  Vc as I,
+  rr as J,
+  Ic as K,
+  Ec as L,
+  Lc as M,
+  Ac as N,
+  Bc as O,
+  Fc as P,
+  Nc as Q,
+  zc as R,
+  Pc as S,
+  xs as T,
   In as U,
-  nc as V,
-  Pc as W,
-  Bs as X,
-  Oc as Y,
-  Rc as Z,
-  ic as _,
+  ac as V,
+  Oc as W,
+  Fs as X,
+  Rc as Y,
+  Dc as Z,
+  sc as _,
   _a as a,
   mn as a0,
-  Ks as a1,
-  Dc as a2,
-  Mc as a3,
-  Jc as a4,
+  Gs as a1,
+  Mc as a2,
+  Jc as a3,
+  qc as a4,
   Kn as a5,
-  qc as a6,
-  Hc as a7,
-  Wc as a8,
-  bu as a9,
-  Uc as aa,
-  Kc as ab,
-  Gc as ac,
-  Yc as ad,
-  Zc as ae,
+  Hc as a6,
+  Wc as a7,
+  Uc as a8,
+  gu as a9,
+  Kc as aa,
+  Gc as ab,
+  Yc as ac,
+  Zc as ad,
+  Xc as ae,
   Ke as af,
-  ec as ag,
+  tc as ag,
   ca as ah,
-  Qc as ai,
-  Xc as aj,
-  ac as b,
+  ed as ai,
+  Qc as aj,
+  oc as b,
   xa as c,
-  oc as d,
-  lc as e,
-  rc as f,
+  lc as d,
+  rc as e,
+  ic as f,
   ue as g,
   wn as h,
-  sc as i,
-  No as j,
-  uc as k,
-  cc as l,
-  dc as m,
-  fc as n,
-  vc as o,
+  uc as i,
+  zo as j,
+  cc as k,
+  dc as l,
+  fc as m,
+  vc as n,
+  yc as o,
   Wt as p,
-  yc as q,
-  pc as r,
-  mc as s,
-  hc as t,
-  bc as u,
-  gc as v,
-  wc as w,
+  pc as q,
+  mc as r,
+  hc as s,
+  bc as t,
+  gc as u,
+  wc as v,
+  Sc as w,
   Ft as x,
-  Sc as y,
-  _c as z
+  _c as y,
+  kc as z
 };