@maltjoy/core-vue 3.19.6 → 3.19.7

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as J, createCommentVNode as x, createBlock as E, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as ee, h as ta, Teleport as rt, createVNode as U, useSlots as Q, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as F, createCommentVNode as x, createBlock as B, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as Q, h as ta, Teleport as rt, createVNode as U, useSlots as X, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
 function Mt(e) {
   const t = e.target;
   if (!t)
@@ -47,17 +47,17 @@ const ia = {
         class: $(n.value)
       }, null, 2),
       e.label ? (y(), g(K, { key: 0 }, [
-        z(J(e.label), 1)
+        z(F(e.label), 1)
       ], 64)) : x("", !0)
     ], 10, sa));
   }
 });
-const B = (e, t) => {
+const A = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, ca = /* @__PURE__ */ B(ua, [["__scopeId", "data-v-3452c6e7"]]), da = ["role", "tabindex", "aria-label", "title"], W = /* @__PURE__ */ L({
+}, ca = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-3452c6e7"]]), da = ["role", "tabindex", "aria-label", "title"], W = /* @__PURE__ */ L({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -153,13 +153,13 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
       "joy-avatar__placeholder": i.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0
-    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), s = V(() => {
+    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), u = V(() => {
       function c(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
       let f = a.fullName.split(" ");
-      return f = f.slice(0, 2), f.forEach((p, u) => {
-        f[u] = c(p);
+      return f = f.slice(0, 2), f.forEach((p, s) => {
+        f[s] = c(p);
       }), f.join("").toUpperCase();
     });
     function d() {
@@ -167,14 +167,14 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
     }
     return t({
       isAnonymous: i,
-      initials: s
+      initials: u
     }), (c, f) => (y(), g("div", ya, [
-      (y(), E(oe(e.link ? "button" : "div"), te(r.value, {
+      (y(), B(oe(e.link ? "button" : "div"), te(r.value, {
         class: [l.value],
         onClick: d
       }), {
         default: M(() => [
-          i.value ? (y(), E(W, {
+          i.value ? (y(), B(W, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -188,10 +188,10 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
             loading: "lazy"
           }, null, 8, va)) : x("", !0),
           e.fullName ? (y(), g(K, { key: 2 }, [
-            z(J(s.value), 1)
+            z(F(u.value), 1)
           ], 64)) : x("", !0),
           e.totalNumber ? (y(), g(K, { key: 3 }, [
-            z(J("+" + e.totalNumber), 1)
+            z(F("+" + e.totalNumber), 1)
           ], 64)) : x("", !0)
         ]),
         _: 1
@@ -208,7 +208,7 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
     ], 512));
   }
 });
-const bn = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @__PURE__ */ L({
+const bn = /* @__PURE__ */ A(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @__PURE__ */ L({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -223,7 +223,7 @@ const bn = /* @__PURE__ */ B(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @_
     ], 2));
   }
 });
-const wa = /* @__PURE__ */ B(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], ka = /* @__PURE__ */ L({
+const wa = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], ka = /* @__PURE__ */ L({
   __name: "VJoyBadge",
   props: {
     /**
@@ -256,12 +256,12 @@ const wa = /* @__PURE__ */ B(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["inf
       role: "status"
     }, [
       k(t.$slots, "default", {}, () => [
-        z(J(e.label), 1)
+        z(F(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const xa = /* @__PURE__ */ B(ka, [["__scopeId", "data-v-4512c8c6"]]);
+const xa = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-4512c8c6"]]);
 var Z = /* @__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))(Z || {}), Ke = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ke || {});
 const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-badge-level" }, ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#264FFA",
@@ -398,13 +398,13 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
         ])
       }, [
         e.visibleText ? k(a.$slots, "default", { key: 0 }, () => [
-          z(J(n.value), 1)
+          z(F(n.value), 1)
         ], !0) : x("", !0)
       ], 2)
     ]));
   }
 });
-const Ua = /* @__PURE__ */ B(Wa, [["__scopeId", "data-v-4187ebd6"]]);
+const Ua = /* @__PURE__ */ A(Wa, [["__scopeId", "data-v-4187ebd6"]]);
 function gn(e) {
   let t;
   switch (e) {
@@ -451,7 +451,7 @@ const Ka = ["teal", "white"], Ya = /* @__PURE__ */ L({
     }, null, 2));
   }
 });
-const $t = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["primary", "secondary"], Qa = ["neutral", "success", "info", "warning", "error"], Xa = ["main", "admin", "ghost", "white"], eo = [...Za, ...Xa], to = ["large", "medium", "small", "xsmall", "xxsmall"], no = /* @__PURE__ */ L({
+const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["primary", "secondary"], Qa = ["neutral", "success", "info", "warning", "error"], Xa = ["main", "admin", "ghost", "white"], eo = [...Za, ...Xa], to = ["large", "medium", "small", "xsmall", "xxsmall"], no = /* @__PURE__ */ L({
   __name: "VJoyButton",
   props: {
     /**
@@ -512,9 +512,9 @@ const $t = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
           return "small";
       }
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: o }), (i, s) => {
+    return t({ randomId: o }), (i, u) => {
       const d = Qn("joy-ripple");
-      return Xn((y(), E(oe(T(a).href ? "a" : "button"), {
+      return Xn((y(), B(oe(T(a).href ? "a" : "button"), {
         disabled: e.loading || T(a).disabled,
         type: T(a).type || "button",
         class: $([
@@ -529,14 +529,14 @@ const $t = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
         "aria-labelledby": (i.$slots.default || e.label) && o
       }, {
         default: M(() => [
-          e.icon && e.iconPosition === "left" ? (y(), E(W, {
+          e.icon && e.iconPosition === "left" ? (y(), B(W, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : x("", !0),
-          e.loading ? (y(), E($t, {
+          e.loading ? (y(), B($t, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : x("", !0),
@@ -545,10 +545,10 @@ const $t = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             class: "joy-button--slot"
           }, [
             k(i.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+              z(F(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (y(), E(W, {
+          e.icon && e.iconPosition === "right" ? (y(), B(W, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -563,7 +563,7 @@ const $t = /* @__PURE__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
     };
   }
 });
-const de = /* @__PURE__ */ B(no, [["__scopeId", "data-v-25ba8bc2"]]);
+const de = /* @__PURE__ */ A(no, [["__scopeId", "data-v-25ba8bc2"]]);
 var zt;
 const Vt = typeof window < "u", hn = (e) => typeof e == "string", Tt = () => {
 }, pt = Vt && ((zt = window == null ? void 0 : window.navigator) == null ? void 0 : zt.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -595,10 +595,10 @@ function yt(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, u) => (c.addEventListener(f, p, u), () => c.removeEventListener(f, p, u)), s = ee(() => [Te(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((u) => i(c, p, u, f))));
+  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [Te(t), Ee(o)], ([c, f]) => {
+    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
-    s(), l();
+    u(), l();
   };
   return st(d), d;
 }
@@ -609,18 +609,18 @@ function ro(e, t, n = {}) {
     return;
   pt && !qt && (qt = !0, Array.from(a.document.body.children).forEach((p) => p.addEventListener("click", Tt)));
   let i = !0;
-  const s = (p) => o.some((u) => {
-    if (typeof u == "string")
-      return Array.from(a.document.querySelectorAll(u)).some((m) => m === p.target || p.composedPath().includes(m));
+  const u = (p) => o.some((s) => {
+    if (typeof s == "string")
+      return Array.from(a.document.querySelectorAll(s)).some((m) => m === p.target || p.composedPath().includes(m));
     {
-      const m = Te(u);
+      const m = Te(s);
       return m && (p.target === m || p.composedPath().includes(m));
     }
   }), c = [
     yt(a, "click", (p) => {
-      const u = Te(e);
-      if (!(!u || u === p.target || p.composedPath().includes(u))) {
-        if (p.detail === 0 && (i = !s(p)), !i) {
+      const s = Te(e);
+      if (!(!s || s === p.target || p.composedPath().includes(s))) {
+        if (p.detail === 0 && (i = !u(p)), !i) {
           i = !0;
           return;
         }
@@ -628,13 +628,13 @@ function ro(e, t, n = {}) {
       }
     }, { passive: !0, capture: r }),
     yt(a, "pointerdown", (p) => {
-      const u = Te(e);
-      u && (i = !p.composedPath().includes(u) && !s(p));
+      const s = Te(e);
+      s && (i = !p.composedPath().includes(s) && !u(p));
     }, { passive: !0 }),
     l && yt(a, "blur", (p) => {
-      var u;
+      var s;
       const m = Te(e);
-      ((u = a.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(m != null && m.contains(a.document.activeElement)) && t(p);
+      ((s = a.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(m != null && m.contains(a.document.activeElement)) && t(p);
     })
   ].filter(Boolean);
   return () => c.forEach((p) => p());
@@ -657,12 +657,12 @@ var Ut = Object.getOwnPropertySymbols, so = Object.prototype.hasOwnProperty, uo
 function fo(e, t, n = {}) {
   const a = n, { window: o = It } = a, r = co(a, ["window"]);
   let l;
-  const i = io(() => o && "ResizeObserver" in o), s = () => {
+  const i = io(() => o && "ResizeObserver" in o), u = () => {
     l && (l.disconnect(), l = void 0);
-  }, d = ee(() => Te(e), (f) => {
-    s(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
+  }, d = Q(() => Te(e), (f) => {
+    u(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
   }, { immediate: !0, flush: "post" }), c = () => {
-    s(), d();
+    u(), d();
   };
   return st(c), {
     isSupported: i,
@@ -679,7 +679,7 @@ function yo(e) {
     var o, r;
     t.value && (t.value.style.height = "1px", t.value.style.height = `${(o = t.value) == null ? void 0 : o.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
-  return ee([n, t], a, { immediate: !0 }), fo(t, () => a()), e != null && e.watch && ee(e.watch, a, { immediate: !0, deep: !0 }), {
+  return Q([n, t], a, { immediate: !0 }), fo(t, () => a()), e != null && e.watch && Q(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: n,
     triggerResize: a
@@ -749,10 +749,10 @@ function wo(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, u) => (c.addEventListener(f, p, u), () => c.removeEventListener(f, p, u)), s = ee(() => [ho(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((u) => i(c, p, u, f))));
+  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [ho(t), Ee(o)], ([c, f]) => {
+    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
-    s(), l();
+    u(), l();
   };
   return st(d), d;
 }
@@ -774,18 +774,18 @@ function So(e) {
 function ko(e, t = !1) {
   const n = C(t);
   let a = null, o;
-  ee(oo(e), (i) => {
+  Q(oo(e), (i) => {
     if (i) {
-      const s = i;
-      o = s.style.overflow, n.value && (s.style.overflow = "hidden");
+      const u = i;
+      o = u.style.overflow, n.value && (u.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
   const r = () => {
     const i = Ee(e);
-    !i || n.value || (pt && (a = wo(i, "touchmove", (s) => {
-      So(s);
+    !i || n.value || (pt && (a = wo(i, "touchmove", (u) => {
+      So(u);
     }, { passive: !1 })), i.style.overflow = "hidden", n.value = !0);
   }, l = () => {
     const i = Ee(e);
@@ -808,7 +808,7 @@ const xo = () => {
       return;
     e = !0;
     const o = ko(n, a.value);
-    ee(t, (r) => o.value = r);
+    Q(t, (r) => o.value = r);
   };
 };
 xo();
@@ -849,38 +849,38 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     const a = e, o = Ae(), r = V(() => {
       if (l.value)
         return o;
-    }), l = C(!1), i = C(!1), s = C(a.open), d = C(!1), c = C();
+    }), l = C(!1), i = C(!1), u = C(a.open), d = C(!1), c = C();
     let f = 0;
     function p() {
-      s.value = !0, j();
+      u.value = !0, j();
     }
-    function u() {
+    function s() {
       i.value = !0, setTimeout(async () => {
-        d.value = !1, i.value = !1, s.value = !1, me(!1), n("bottom-sheet:close");
+        d.value = !1, i.value = !1, u.value = !1, me(!1), n("bottom-sheet:close");
       }, 300);
     }
-    function m(N) {
-      d.value = !0, c.value.classList.add(en), f = A(N);
+    function m(O) {
+      d.value = !0, c.value.classList.add(en), f = E(O);
     }
-    function v(N) {
-      d.value && (w(N) > Xt && u(), F());
+    function v(O) {
+      d.value && (h(O) > Xt && s(), P());
     }
-    function h(N) {
+    function _(O) {
       if (d.value) {
-        const O = w(N);
-        O > Xt ? u() : O > 0 && P(O);
+        const J = h(O);
+        J > Xt ? s() : J > 0 && N(J);
       }
     }
-    function w(N) {
-      return A(N) - f;
+    function h(O) {
+      return E(O) - f;
     }
-    function A(N) {
-      return ["touchend", "touchmove", "touchstart"].includes(N.type) ? N.changedTouches[0].clientY : N.clientY;
+    function E(O) {
+      return ["touchend", "touchmove", "touchstart"].includes(O.type) ? O.changedTouches[0].clientY : O.clientY;
     }
-    function P(N) {
-      c.value.style.setProperty("transform", `translateY(${N}px)`);
+    function N(O) {
+      c.value.style.setProperty("transform", `translateY(${O}px)`);
     }
-    function F() {
+    function P() {
       c.value.classList.remove(en), c.value.style.removeProperty("transform"), d.value = !1;
     }
     function j() {
@@ -889,26 +889,26 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     return le(() => {
       l.value = !0, a.open && j();
     }), t({
-      hide: u,
+      hide: s,
       show: p,
-      isOpen: s,
-      moveContainer: P
-    }), (N, O) => l.value ? (y(), E(rt, {
+      isOpen: u,
+      moveContainer: N
+    }), (O, J) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
-      s.value ? (y(), g("div", te({ key: 0 }, r.value, {
+      u.value ? (y(), g("div", te({ key: 0 }, r.value, {
         class: [
           "joy-bottom-sheet",
           {
-            "joy-bottom-sheet--open": s.value,
-            "joy-bottom-sheet--hiding": i.value && s.value,
+            "joy-bottom-sheet--open": u.value,
+            "joy-bottom-sheet--hiding": i.value && u.value,
             "joy-bottom-sheet--frozen": e.frozen
           }
         ]
       }), [
         Co,
-        U(T(Lt), { onTrigger: u }, {
+        U(T(Lt), { onTrigger: s }, {
           default: M(() => [
             b("div", {
               ref_key: "bottomSheetContainerElement",
@@ -919,21 +919,21 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
                 class: "joy-bottom-sheet_header",
                 onMousedown: m,
                 onMouseup: v,
-                onMousemove: h,
+                onMousemove: _,
                 onMouseleave: v,
                 onTouchstart: m,
                 onTouchend: v,
-                onTouchmove: h
+                onTouchmove: _
               }, $o, 32),
               b("div", Vo, [
-                k(N.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(O.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               b("div", To, [
-                k(N.$slots, "bottom-sheet-cta", {}, () => [
+                k(O.$slots, "bottom-sheet-cta", {}, () => [
                   U(de, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
-                    onClick: u
+                    onClick: s
                   }, null, 8, ["label"])
                 ], !0)
               ])
@@ -945,19 +945,19 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     ], 8, ["to"])) : x("", !0);
   }
 });
-const Lo = /* @__PURE__ */ B(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @__PURE__ */ L({
+const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.bottomSheet), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.bottomSheet), o = X(), r = V(() => o.default());
     function l() {
       var i;
       t("click"), (i = a.value) == null || i.show();
     }
-    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
+    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -1017,7 +1017,7 @@ const Lo = /* @__PURE__ */ B(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = C(a.indeterminate), l = C(a.invalid), i = C(!1), s = {
+    const a = e, o = C(), r = C(a.indeterminate), l = C(a.invalid), i = C(!1), u = {
       onChange: (d) => {
         const c = d.target.checked;
         r.value = !1, l.value = !1, n("update:checked", c);
@@ -1064,16 +1064,16 @@ const Lo = /* @__PURE__ */ B(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
             value: e.value,
             indeterminate: r.value,
             onChange: c[0] || (c[0] = //@ts-ignore
-            (...f) => s.onChange && s.onChange(...f)),
+            (...f) => u.onChange && u.onChange(...f)),
             onFocus: c[1] || (c[1] = //@ts-ignore
-            (...f) => s.onFocus && s.onFocus(...f)),
+            (...f) => u.onFocus && u.onFocus(...f)),
             onBlur: c[2] || (c[2] = //@ts-ignore
-            (...f) => s.onBlur && s.onBlur(...f))
+            (...f) => u.onBlur && u.onBlur(...f))
           }, null, 40, No)
         ]),
         b("div", Oo, [
           k(d.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+            z(F(e.label), 1)
           ], !0),
           b("div", Jo, [
             k(d.$slots, "checkbox-content", {}, void 0, !0)
@@ -1083,7 +1083,7 @@ const Lo = /* @__PURE__ */ B(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
     ], 8, Bo));
   }
 });
-const Et = /* @__PURE__ */ B(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["aria-expanded"], Ro = ["id"], Do = { class: "joy-collapse-item__header-right" }, Mo = ["aria-labelledby"], zo = /* @__PURE__ */ L({
+const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["aria-expanded"], Ro = ["id"], Do = { class: "joy-collapse-item__header-right" }, Mo = ["aria-labelledby"], zo = /* @__PURE__ */ L({
   __name: "VJoyCollapseItem",
   props: {
     header: {
@@ -1104,7 +1104,7 @@ const Et = /* @__PURE__ */ B(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = C(a.open);
-    ee(
+    Q(
       () => a.open,
       (i) => {
         o.value = i;
@@ -1120,7 +1120,7 @@ const Et = /* @__PURE__ */ B(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
       isOpen: o,
       onToggle: r,
       props: a
-    }), (i, s) => (y(), g("div", {
+    }), (i, u) => (y(), g("div", {
       class: $([
         "joy-collapse-item",
         {
@@ -1138,13 +1138,13 @@ const Et = /* @__PURE__ */ B(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (y(), E(W, {
+          e.summaryIcon ? (y(), B(W, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : x("", !0),
-          z(" " + J(e.header), 1)
+          z(" " + F(e.header), 1)
         ], 8, Ro),
         b("div", Do, [
           k(i.$slots, "collapse-header-right")
@@ -1170,7 +1170,7 @@ const Et = /* @__PURE__ */ B(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
     ], 2));
   }
 });
-const Sn = /* @__PURE__ */ B(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { class: "joy-collapse" }, Ho = /* @__PURE__ */ L({
+const Sn = /* @__PURE__ */ A(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { class: "joy-collapse" }, Ho = /* @__PURE__ */ L({
   __name: "VJoyCollapse",
   props: {
     accordion: {
@@ -1186,35 +1186,35 @@ const Sn = /* @__PURE__ */ B(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = Q(), l = V(() => {
-      const u = r.default();
-      return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(i) : u.filter(i);
+    const a = e, o = C(a.modelValue), r = X(), l = V(() => {
+      const s = r.default();
+      return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(i) : s.filter(i);
     });
-    function i(u) {
+    function i(s) {
       var m;
-      return ((m = u == null ? void 0 : u.type) == null ? void 0 : m.__name) === "VJoyCollapseItem";
+      return ((m = s == null ? void 0 : s.type) == null ? void 0 : m.__name) === "VJoyCollapseItem";
     }
-    function s(u, m) {
-      if (!(!u.children || !u.children[m]))
-        return u.children[m]();
+    function u(s, m) {
+      if (!(!s.children || !s.children[m]))
+        return s.children[m]();
     }
-    function d(u) {
-      return a.modelValue.length ? a.modelValue.includes(p(u)) : u.props.open;
+    function d(s) {
+      return a.modelValue.length ? a.modelValue.includes(p(s)) : s.props.open;
     }
-    async function c(u) {
+    async function c(s) {
       if (a.accordion) {
         let m = [];
-        m.push(p(u)), o.value = m;
+        m.push(p(s)), o.value = m;
       }
-      o.value.indexOf(p(u)) === -1 && o.value.push(p(u)), n("update:modelValue", o.value);
+      o.value.indexOf(p(s)) === -1 && o.value.push(p(s)), n("update:modelValue", o.value);
     }
-    function f(u) {
+    function f(s) {
       a.accordion && (o.value = []);
-      const m = o.value.indexOf(p(u));
+      const m = o.value.indexOf(p(s));
       m !== -1 && o.value.splice(m, 1), n("update:modelValue", o.value);
     }
-    function p(u) {
-      return u.props.id || u.props.header;
+    function p(s) {
+      return s.props.id || s.props.header;
     }
     return t({
       getValForModel: p,
@@ -1222,25 +1222,25 @@ const Sn = /* @__PURE__ */ B(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
       isOpen: d,
       items: l,
       openedCollapseItem: o
-    }), (u, m) => (y(), g("div", qo, [
-      (y(!0), g(K, null, Y(l.value, (v) => (y(), E(Sn, te(v.props, {
+    }), (s, m) => (y(), g("div", qo, [
+      (y(!0), g(K, null, Y(l.value, (v) => (y(), B(Sn, te(v.props, {
         key: v.props.id,
         open: d(v),
-        "onCollapseItem:open": (h) => c(v),
-        "onCollapseItem:close": (h) => f(v)
+        "onCollapseItem:open": (_) => c(v),
+        "onCollapseItem:close": (_) => f(v)
       }), {
         "collapse-header-right": M(() => [
-          (y(!0), g(K, null, Y(s(v, "collapse-header-right"), (h) => (y(), E(oe(h), { key: h }))), 128))
+          (y(!0), g(K, null, Y(u(v, "collapse-header-right"), (_) => (y(), B(oe(_), { key: _ }))), 128))
         ]),
         default: M(() => [
-          (y(!0), g(K, null, Y(s(v, "default"), (h) => (y(), E(oe(h), { key: h }))), 128))
+          (y(!0), g(K, null, Y(u(v, "default"), (_) => (y(), B(oe(_), { key: _ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
 });
-const Wo = /* @__PURE__ */ B(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src", "alt", "title"], Go = /* @__PURE__ */ L({
+const Wo = /* @__PURE__ */ A(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src", "alt", "title"], Go = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -1272,7 +1272,7 @@ const Wo = /* @__PURE__ */ B(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Uo)) : (y(), E(T(W), {
+      }, null, 8, Uo)) : (y(), B(T(W), {
         key: 1,
         name: "company-placeholder",
         size: n.value
@@ -1280,7 +1280,7 @@ const Wo = /* @__PURE__ */ B(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src
     ], 2));
   }
 });
-const Ko = /* @__PURE__ */ B(Go, [["__scopeId", "data-v-0f616ccb"]]);
+const Ko = /* @__PURE__ */ A(Go, [["__scopeId", "data-v-0f616ccb"]]);
 function Yo(e) {
   const t = () => e();
   le(() => {
@@ -1378,7 +1378,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       const v = c(!1);
       v >= 0 ? n("update:modelValue", v <= a.min ? a.min : v) : n("update:modelValue", 0), d();
     }
-    function s() {
+    function u() {
       const v = c();
       a.max && v <= a.max ? n("update:modelValue", v >= a.max ? a.max : v) : a.max && v > a.max ? n("update:modelValue", a.max) : n("update:modelValue", v), d();
     }
@@ -1386,16 +1386,16 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       o.value = !f();
     }
     function c(v = !0) {
-      const h = a.step.toString().split("."), w = h.length === 2 ? h[1].length : 0;
-      return parseFloat(v ? (a.modelValue + a.step).toFixed(w) : (a.modelValue - a.step).toFixed(w));
+      const _ = a.step.toString().split("."), h = _.length === 2 ? _[1].length : 0;
+      return parseFloat(v ? (a.modelValue + a.step).toFixed(h) : (a.modelValue - a.step).toFixed(h));
     }
     function f() {
-      return p() && u();
+      return p() && s();
     }
     function p() {
       return !a.max || a.modelValue <= a.max;
     }
-    function u() {
+    function s() {
       return a.min <= a.modelValue;
     }
     const m = {
@@ -1411,8 +1411,8 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     };
     return t({
       props: a
-    }), (v, h) => (y(), g("div", Zo, [
-      e.label ? (y(), E(T(je), {
+    }), (v, _) => (y(), g("div", Zo, [
+      e.label ? (y(), B(T(je), {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1421,7 +1421,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       }, {
         default: M(() => [
           k(v.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+            z(F(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -1453,12 +1453,12 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
             step: "any",
             value: e.modelValue
           }, v.$attrs, {
-            onInput: h[0] || (h[0] = //@ts-ignore
-            (...w) => m.onInput && m.onInput(...w)),
-            onBlur: h[1] || (h[1] = //@ts-ignore
-            (...w) => m.onBlur && m.onBlur(...w)),
-            onFocus: h[2] || (h[2] = //@ts-ignore
-            (...w) => m.onFocus && m.onFocus(...w))
+            onInput: _[0] || (_[0] = //@ts-ignore
+            (...h) => m.onInput && m.onInput(...h)),
+            onBlur: _[1] || (_[1] = //@ts-ignore
+            (...h) => m.onBlur && m.onBlur(...h)),
+            onFocus: _[2] || (_[2] = //@ts-ignore
+            (...h) => m.onFocus && m.onFocus(...h))
           }), null, 16, el)
         ]),
         b("button", {
@@ -1466,7 +1466,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
-          onClick: s
+          onClick: u
         }, [
           U(T(W), { name: "add" })
         ], 8, tl),
@@ -1477,7 +1477,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     ]));
   }
 });
-const ll = /* @__PURE__ */ B(ol, [["__scopeId", "data-v-8ad5d56e"]]);
+const ll = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-8ad5d56e"]]);
 function rl(e) {
   return kt() ? (xt(e), !0) : !1;
 }
@@ -1517,7 +1517,7 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var l = r.shift();
     if (!Xe(l, !1))
       if (l.tagName === "SLOT") {
-        var i = l.assignedElements(), s = i.length ? i : l.children, d = e(s, !0, a);
+        var i = l.assignedElements(), u = i.length ? i : l.children, d = e(u, !0, a);
         a.flatten ? o.push.apply(o, d) : o.push({
           scopeParent: l,
           candidates: d
@@ -1528,10 +1528,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var f = l.shadowRoot || // check for an undisclosed shadow
         typeof a.getShadowRoot == "function" && a.getShadowRoot(l), p = !Xe(f, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
         if (f && p) {
-          var u = e(f === !0 ? l.children : f.children, !0, a);
-          a.flatten ? o.push.apply(o, u) : o.push({
+          var s = e(f === !0 ? l.children : f.children, !0, a);
+          a.flatten ? o.push.apply(o, s) : o.push({
             scopeParent: l,
-            candidates: u
+            candidates: s
           });
         } else
           r.unshift.apply(r, l.children);
@@ -1585,8 +1585,8 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, gl = function(t) {
   var n, a = t && Qe(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (a && a !== t) {
-    var l, i, s;
-    for (r = !!((l = o) !== null && l !== void 0 && (i = l.ownerDocument) !== null && i !== void 0 && i.contains(o) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !r && o; ) {
+    var l, i, u;
+    for (r = !!((l = o) !== null && l !== void 0 && (i = l.ownerDocument) !== null && i !== void 0 && i.contains(o) || t != null && (u = t.ownerDocument) !== null && u !== void 0 && u.contains(t)); !r && o; ) {
       var d, c, f;
       a = Qe(o), o = (d = a) === null || d === void 0 ? void 0 : d.host, r = !!((c = o) !== null && c !== void 0 && (f = c.ownerDocument) !== null && f !== void 0 && f.contains(o));
     }
@@ -1605,10 +1605,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
       for (var i = t; t; ) {
-        var s = t.parentElement, d = Qe(t);
-        if (s && !s.shadowRoot && o(s) === !0)
+        var u = t.parentElement, d = Qe(t);
+        if (u && !u.shadowRoot && o(u) === !0)
           return tn(t);
-        t.assignedSlot ? t = t.assignedSlot : !s && d !== t.ownerDocument ? t = d.host : t = s;
+        t.assignedSlot ? t = t.assignedSlot : !u && d !== t.ownerDocument ? t = d.host : t = u;
       }
       t = i;
     }
@@ -1647,10 +1647,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Sl = function e(t) {
   var n = [], a = [];
   return t.forEach(function(o, r) {
-    var l = !!o.scopeParent, i = l ? o.scopeParent : o, s = cl(i, l), d = l ? e(o.candidates) : i;
-    s === 0 ? l ? n.push.apply(n, d) : n.push(i) : a.push({
+    var l = !!o.scopeParent, i = l ? o.scopeParent : o, u = cl(i, l), d = l ? e(o.candidates) : i;
+    u === 0 ? l ? n.push.apply(n, d) : n.push(i) : a.push({
       documentOrder: r,
-      tabIndex: s,
+      tabIndex: u,
       item: o,
       isScope: l,
       content: d
@@ -1812,22 +1812,22 @@ var on = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, i, s = function(_, S, I) {
-    return _ && _[S] !== void 0 ? _[S] : r[I || S];
-  }, d = function(_, S) {
+  }, i, u = function(w, S, I) {
+    return w && w[S] !== void 0 ? w[S] : r[I || S];
+  }, d = function(w, S) {
     var I = typeof (S == null ? void 0 : S.composedPath) == "function" ? S.composedPath() : void 0;
     return l.containerGroups.findIndex(function(R) {
       var D = R.container, q = R.tabbableNodes;
-      return D.contains(_) || // fall back to explicit tabbable search which will take into consideration any
+      return D.contains(w) || // fall back to explicit tabbable search which will take into consideration any
       //  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)
       (I == null ? void 0 : I.includes(D)) || q.find(function(G) {
-        return G === _;
+        return G === w;
       });
     });
-  }, c = function(_) {
-    var S = r[_];
+  }, c = function(w) {
+    var S = r[w];
     if (typeof S == "function") {
       for (var I = arguments.length, R = new Array(I > 1 ? I - 1 : 0), D = 1; D < I; D++)
         R[D - 1] = arguments[D];
@@ -1836,37 +1836,37 @@ var on = {
     if (S === !0 && (S = void 0), !S) {
       if (S === void 0 || S === !1)
         return S;
-      throw new Error("`".concat(_, "` was specified but was not a node, or did not return a node"));
+      throw new Error("`".concat(w, "` was specified but was not a node, or did not return a node"));
     }
     var q = S;
     if (typeof S == "string" && (q = a.querySelector(S), !q))
-      throw new Error("`".concat(_, "` as selector refers to no known node"));
+      throw new Error("`".concat(w, "` as selector refers to no known node"));
     return q;
   }, f = function() {
-    var _ = c("initialFocus");
-    if (_ === !1)
+    var w = c("initialFocus");
+    if (w === !1)
       return !1;
-    if (_ === void 0 || !vt(_, r.tabbableOptions))
+    if (w === void 0 || !vt(w, r.tabbableOptions))
       if (d(a.activeElement) >= 0)
-        _ = a.activeElement;
+        w = a.activeElement;
       else {
         var S = l.tabbableGroups[0], I = S && S.firstTabbableNode;
-        _ = I || c("fallbackFocus");
+        w = I || c("fallbackFocus");
       }
-    if (!_)
+    if (!w)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return _;
+    return w;
   }, p = function() {
-    if (l.containerGroups = l.containers.map(function(_) {
-      var S = kl(_, r.tabbableOptions), I = xl(_, r.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(X) {
-        return Ve(X);
-      }), G = I.slice().reverse().find(function(X) {
-        return Ve(X);
-      }), ne = !!S.find(function(X) {
-        return ke(X) > 0;
+    if (l.containerGroups = l.containers.map(function(w) {
+      var S = kl(w, r.tabbableOptions), I = xl(w, r.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(ee) {
+        return Ve(ee);
+      }), G = I.slice().reverse().find(function(ee) {
+        return Ve(ee);
+      }), ne = !!S.find(function(ee) {
+        return ke(ee) > 0;
       });
       return {
-        container: _,
+        container: w,
         tabbableNodes: S,
         focusableNodes: I,
         /** True if at least one node with positive `tabindex` was found in this container. */
@@ -1903,33 +1903,33 @@ var on = {
           }) : S[pe + (Oe ? 1 : -1)];
         }
       };
-    }), l.tabbableGroups = l.containerGroups.filter(function(_) {
-      return _.tabbableNodes.length > 0;
+    }), l.tabbableGroups = l.containerGroups.filter(function(w) {
+      return w.tabbableNodes.length > 0;
     }), l.tabbableGroups.length <= 0 && !c("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (l.containerGroups.find(function(_) {
-      return _.posTabIndexesFound;
+    if (l.containerGroups.find(function(w) {
+      return w.posTabIndexesFound;
     }) && l.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, u = function H(_) {
-    var S = _.activeElement;
+  }, s = function H(w) {
+    var S = w.activeElement;
     if (S)
       return S.shadowRoot && S.shadowRoot.activeElement !== null ? H(S.shadowRoot) : S;
-  }, m = function H(_) {
-    if (_ !== !1 && _ !== u(document)) {
-      if (!_ || !_.focus) {
+  }, m = function H(w) {
+    if (w !== !1 && w !== s(document)) {
+      if (!w || !w.focus) {
         H(f());
         return;
       }
-      _.focus({
+      w.focus({
         preventScroll: !!r.preventScroll
-      }), l.mostRecentlyFocusedNode = _, Tl(_) && _.select();
+      }), l.mostRecentlyFocusedNode = w, Tl(w) && w.select();
     }
-  }, v = function(_) {
-    var S = c("setReturnFocus", _);
-    return S || (S === !1 ? !1 : _);
-  }, h = function(_) {
-    var S = _.target, I = _.event, R = _.isBackward, D = R === void 0 ? !1 : R;
+  }, v = function(w) {
+    var S = c("setReturnFocus", w);
+    return S || (S === !1 ? !1 : w);
+  }, _ = function(w) {
+    var S = w.target, I = w.event, R = w.isBackward, D = R === void 0 ? !1 : R;
     S = S || Ge(I), p();
     var q = null;
     if (l.tabbableGroups.length > 0) {
@@ -1937,12 +1937,12 @@ var on = {
       if (G < 0)
         D ? q = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : q = l.tabbableGroups[0].firstTabbableNode;
       else if (D) {
-        var X = rn(l.tabbableGroups, function(dt) {
+        var ee = rn(l.tabbableGroups, function(dt) {
           var ft = dt.firstTabbableNode;
           return S === ft;
         });
-        if (X < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (X = G), X >= 0) {
-          var Se = X === 0 ? l.tabbableGroups.length - 1 : X - 1, Oe = l.tabbableGroups[Se];
+        if (ee < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (ee = G), ee >= 0) {
+          var Se = ee === 0 ? l.tabbableGroups.length - 1 : ee - 1, Oe = l.tabbableGroups[Se];
           q = ke(S) >= 0 ? Oe.lastTabbableNode : Oe.lastDomTabbableNode;
         } else
           Pe(I) || (q = ne.nextTabbableNode(S, !1));
@@ -1960,10 +1960,10 @@ var on = {
     } else
       q = c("fallbackFocus");
     return q;
-  }, w = function(_) {
-    var S = Ge(_);
-    if (!(d(S, _) >= 0)) {
-      if (Fe(r.clickOutsideDeactivates, _)) {
+  }, h = function(w) {
+    var S = Ge(w);
+    if (!(d(S, w) >= 0)) {
+      if (Fe(r.clickOutsideDeactivates, w)) {
         i.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -1975,33 +1975,33 @@ var on = {
         });
         return;
       }
-      Fe(r.allowOutsideClick, _) || _.preventDefault();
+      Fe(r.allowOutsideClick, w) || w.preventDefault();
     }
-  }, A = function(_) {
-    var S = Ge(_), I = d(S, _) >= 0;
+  }, E = function(w) {
+    var S = Ge(w), I = d(S, w) >= 0;
     if (I || S instanceof Document)
       I && (l.mostRecentlyFocusedNode = S);
     else {
-      _.stopImmediatePropagation();
+      w.stopImmediatePropagation();
       var R, D = !0;
       if (l.mostRecentlyFocusedNode)
         if (ke(l.mostRecentlyFocusedNode) > 0) {
           var q = d(l.mostRecentlyFocusedNode), G = l.containerGroups[q].tabbableNodes;
           if (G.length > 0) {
-            var ne = G.findIndex(function(X) {
-              return X === l.mostRecentlyFocusedNode;
+            var ne = G.findIndex(function(ee) {
+              return ee === l.mostRecentlyFocusedNode;
             });
             ne >= 0 && (r.isKeyForward(l.recentNavEvent) ? ne + 1 < G.length && (R = G[ne + 1], D = !1) : ne - 1 >= 0 && (R = G[ne - 1], D = !1));
           }
         } else
-          l.containerGroups.some(function(X) {
-            return X.tabbableNodes.some(function(Se) {
+          l.containerGroups.some(function(ee) {
+            return ee.tabbableNodes.some(function(Se) {
               return ke(Se) > 0;
             });
           }) || (D = !1);
       else
         D = !1;
-      D && (R = h({
+      D && (R = _({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: l.mostRecentlyFocusedNode,
@@ -2009,45 +2009,45 @@ var on = {
       })), m(R || l.mostRecentlyFocusedNode || f());
     }
     l.recentNavEvent = void 0;
-  }, P = function(_) {
+  }, N = function(w) {
     var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    l.recentNavEvent = _;
-    var I = h({
-      event: _,
+    l.recentNavEvent = w;
+    var I = _({
+      event: w,
       isBackward: S
     });
-    I && (Pe(_) && _.preventDefault(), m(I));
-  }, F = function(_) {
-    if (Il(_) && Fe(r.escapeDeactivates, _) !== !1) {
-      _.preventDefault(), i.deactivate();
+    I && (Pe(w) && w.preventDefault(), m(I));
+  }, P = function(w) {
+    if (Il(w) && Fe(r.escapeDeactivates, w) !== !1) {
+      w.preventDefault(), i.deactivate();
       return;
     }
-    (r.isKeyForward(_) || r.isKeyBackward(_)) && P(_, r.isKeyBackward(_));
-  }, j = function(_) {
-    var S = Ge(_);
-    d(S, _) >= 0 || Fe(r.clickOutsideDeactivates, _) || Fe(r.allowOutsideClick, _) || (_.preventDefault(), _.stopImmediatePropagation());
-  }, N = function() {
+    (r.isKeyForward(w) || r.isKeyBackward(w)) && N(w, r.isKeyBackward(w));
+  }, j = function(w) {
+    var S = Ge(w);
+    d(S, w) >= 0 || Fe(r.clickOutsideDeactivates, w) || Fe(r.allowOutsideClick, w) || (w.preventDefault(), w.stopImmediatePropagation());
+  }, O = function() {
     if (l.active)
       return on.activateTrap(o, i), l.delayInitialFocusTimer = r.delayInitialFocus ? ln(function() {
         m(f());
-      }) : m(f()), a.addEventListener("focusin", A, !0), a.addEventListener("mousedown", w, {
+      }) : m(f()), a.addEventListener("focusin", E, !0), a.addEventListener("mousedown", h, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", w, {
+      }), a.addEventListener("touchstart", h, {
         capture: !0,
         passive: !1
       }), a.addEventListener("click", j, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", F, {
+      }), a.addEventListener("keydown", P, {
         capture: !0,
         passive: !1
       }), i;
-  }, O = function() {
+  }, J = function() {
     if (l.active)
-      return a.removeEventListener("focusin", A, !0), a.removeEventListener("mousedown", w, !0), a.removeEventListener("touchstart", w, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", F, !0), i;
-  }, re = function(_) {
-    var S = _.some(function(I) {
+      return a.removeEventListener("focusin", E, !0), a.removeEventListener("mousedown", h, !0), a.removeEventListener("touchstart", h, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", P, !0), i;
+  }, re = function(w) {
+    var S = w.some(function(I) {
       var R = Array.from(I.removedNodes);
       return R.some(function(D) {
         return D === l.mostRecentlyFocusedNode;
@@ -2055,8 +2055,8 @@ var on = {
     });
     S && m(f());
   }, ie = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(re) : void 0, ue = function() {
-    ie && (ie.disconnect(), l.active && !l.paused && l.containers.map(function(_) {
-      ie.observe(_, {
+    ie && (ie.disconnect(), l.active && !l.paused && l.containers.map(function(w) {
+      ie.observe(w, {
         subtree: !0,
         childList: !0
       });
@@ -2069,26 +2069,26 @@ var on = {
     get paused() {
       return l.paused;
     },
-    activate: function(_) {
+    activate: function(w) {
       if (l.active)
         return this;
-      var S = s(_, "onActivate"), I = s(_, "onPostActivate"), R = s(_, "checkCanFocusTrap");
+      var S = u(w, "onActivate"), I = u(w, "onPostActivate"), R = u(w, "checkCanFocusTrap");
       R || p(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, S == null || S();
       var D = function() {
-        R && p(), N(), ue(), I == null || I();
+        R && p(), O(), ue(), I == null || I();
       };
       return R ? (R(l.containers.concat()).then(D, D), this) : (D(), this);
     },
-    deactivate: function(_) {
+    deactivate: function(w) {
       if (!l.active)
         return this;
       var S = an({
         onDeactivate: r.onDeactivate,
         onPostDeactivate: r.onPostDeactivate,
         checkCanReturnFocus: r.checkCanReturnFocus
-      }, _);
-      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, O(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, i);
-      var I = s(S, "onDeactivate"), R = s(S, "onPostDeactivate"), D = s(S, "checkCanReturnFocus"), q = s(S, "returnFocus", "returnFocusOnDeactivate");
+      }, w);
+      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, J(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, i);
+      var I = u(S, "onDeactivate"), R = u(S, "onPostDeactivate"), D = u(S, "checkCanReturnFocus"), q = u(S, "returnFocus", "returnFocusOnDeactivate");
       I == null || I();
       var G = function() {
         ln(function() {
@@ -2097,20 +2097,20 @@ var on = {
       };
       return q && D ? (D(v(l.nodeFocusedBeforeActivation)).then(G, G), this) : (G(), this);
     },
-    pause: function(_) {
+    pause: function(w) {
       if (l.paused || !l.active)
         return this;
-      var S = s(_, "onPause"), I = s(_, "onPostPause");
-      return l.paused = !0, S == null || S(), O(), ue(), I == null || I(), this;
+      var S = u(w, "onPause"), I = u(w, "onPostPause");
+      return l.paused = !0, S == null || S(), J(), ue(), I == null || I(), this;
     },
-    unpause: function(_) {
+    unpause: function(w) {
       if (!l.paused || !l.active)
         return this;
-      var S = s(_, "onUnpause"), I = s(_, "onPostUnpause");
-      return l.paused = !1, S == null || S(), p(), N(), ue(), I == null || I(), this;
+      var S = u(w, "onUnpause"), I = u(w, "onPostUnpause");
+      return l.paused = !1, S == null || S(), p(), O(), ue(), I == null || I(), this;
     },
-    updateContainerElements: function(_) {
-      var S = [].concat(_).filter(Boolean);
+    updateContainerElements: function(w) {
+      var S = [].concat(w).filter(Boolean);
       return l.containers = S.map(function(I) {
         return typeof I == "string" ? a.querySelector(I) : I;
       }), l.active && p(), ue(), this;
@@ -2119,12 +2119,12 @@ var on = {
 };
 function Tn(e, t = {}) {
   let n;
-  const { immediate: a, ...o } = t, r = C(!1), l = C(!1), i = (f) => n && n.activate(f), s = (f) => n && n.deactivate(f), d = () => {
+  const { immediate: a, ...o } = t, r = C(!1), l = C(!1), i = (f) => n && n.activate(f), u = (f) => n && n.deactivate(f), d = () => {
     n && (n.pause(), l.value = !0);
   }, c = () => {
     n && (n.unpause(), l.value = !1);
   };
-  return ee(
+  return Q(
     () => sl(e),
     (f) => {
       f && (n = Al(f, {
@@ -2138,11 +2138,11 @@ function Tn(e, t = {}) {
       }), a && i());
     },
     { flush: "post" }
-  ), rl(() => s()), {
+  ), rl(() => u()), {
     hasFocus: r,
     isPaused: l,
     activate: i,
-    deactivate: s,
+    deactivate: u,
     pause: d,
     unpause: c
   };
@@ -2227,42 +2227,42 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
   },
   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 = "joy-dialog--" + _e(), r = Q(), l = C(!1), i = C(), s = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-dialog--" + _e(), r = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const j = r["dialog-cancel"] || r["dialog-confirm"], N = a.cancelText || a.confirmText;
-      return !!j || !!N;
+      const j = r["dialog-cancel"] || r["dialog-confirm"], O = a.cancelText || a.confirmText;
+      return !!j || !!O;
     }), m = V(() => a.id || o).value + "-header";
     function v() {
-      !a.patternConfirm && h();
+      !a.patternConfirm && _();
     }
-    async function h(j = { fireHideEvent: !0 }) {
-      d.deactivate(), s.value = !1, await Re(), me(!1), j.fireHideEvent && n("dialog:hide");
+    async function _(j = { fireHideEvent: !0 }) {
+      d.deactivate(), u.value = !1, await Re(), me(!1), j.fireHideEvent && n("dialog:hide");
     }
-    async function w() {
-      s.value = !0, await Re(), a.focusTrap && d.activate(), a.preventBodyScroll && me(!0);
+    async function h() {
+      u.value = !0, await Re(), a.focusTrap && d.activate(), a.preventBodyScroll && me(!0);
     }
-    function A() {
+    function E() {
       n("dialog:open");
     }
-    function P() {
+    function N() {
       n("dialog:after-open");
     }
-    function F() {
+    function P() {
       n("dialog:after-hide");
     }
     return le(async () => {
       l.value = !0;
     }), Ne(() => {
-      s.value === !0 && (n("dialog:before-unmount"), me(!1));
+      u.value === !0 && (n("dialog:before-unmount"), me(!1));
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
-      hide: h,
-      isOpen: s,
-      show: w
-    }), (j, N) => l.value ? (y(), E(rt, {
+      hide: _,
+      isOpen: u,
+      show: h
+    }), (j, O) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2270,18 +2270,18 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: A,
-        onAfterEnter: P,
-        onAfterLeave: F
+        onEnter: E,
+        onAfterEnter: N,
+        onAfterLeave: P
       }, {
         default: M(() => [
-          s.value ? (y(), g("div", te({ key: 0 }, f.value, {
+          u.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: e.id || o,
             ref_key: "dialogRef",
             ref: i,
             role: "dialog",
             "aria-modal": "true",
-            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": s.value }],
+            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value }],
             "aria-labelledby": m,
             onKeydown: Ct(v, ["esc"])
           }), [
@@ -2289,7 +2289,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
               class: $([
                 {
                   "joy-dialog__overlay": !0,
-                  "joy-dialog__overlay--open": s.value,
+                  "joy-dialog__overlay--open": u.value,
                   "joy-dialog__overlay___disabled": e.patternConfirm
                 }
               ]),
@@ -2299,7 +2299,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
               class: $([
                 {
                   "joy-dialog--wrapper": !0,
-                  "joy-dialog--wrapper-open": s.value
+                  "joy-dialog--wrapper-open": u.value
                 }
               ])
             }, [
@@ -2323,7 +2323,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                   b("p", Fl, [
                     k(j.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? x("", !0) : (y(), E(T(de), {
+                  e.patternConfirm ? x("", !0) : (y(), B(T(de), {
                     key: 0,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2333,7 +2333,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: N[0] || (N[0] = (O) => h())
+                    onClick: O[0] || (O[0] = (J) => _())
                   }, null, 8, ["label"]))
                 ]),
                 b("div", Pl, [
@@ -2353,29 +2353,29 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                   }, {
                     default: M(() => [
                       k(j.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (y(), E(T(de), {
+                        e.cancelText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: N[1] || (N[1] = (O) => h())
+                          onClick: O[1] || (O[1] = (J) => _())
                         }, {
                           default: M(() => [
-                            z(J(e.cancelText), 1)
+                            z(F(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
                       k(j.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (y(), E(T(de), {
+                        e.confirmText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: N[2] || (N[2] = (O) => n("dialog:confirm"))
+                          onClick: O[2] || (O[2] = (J) => n("dialog:confirm"))
                         }, {
                           default: M(() => [
-                            z(J(e.confirmText), 1)
+                            z(F(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
@@ -2396,19 +2396,19 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
     ], 8, ["to"])) : x("", !0);
   }
 });
-const Ml = /* @__PURE__ */ B(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @__PURE__ */ L({
+const Ml = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.dialog), o = X(), r = V(() => o.default());
     async function l() {
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
+    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -2439,7 +2439,7 @@ const Ml = /* @__PURE__ */ B(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @_
     ], 10, ql));
   }
 });
-const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"], Zl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, Xl = {
+const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"], Zl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, Xl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
 }, er = {
@@ -2505,39 +2505,39 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
   },
   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 = "joy-drawer--" + _e(), r = Q(), l = C(!1), i = C(), s = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-drawer--" + _e(), r = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const F = r["drawer-cancel"] || r["drawer-confirm"], j = a.cancelText || a.confirmText;
-      return !!F || !!j;
-    }), u = V(() => a.id || o), m = u.value + "-header";
-    async function v(F = { fireHideEvent: !0 }) {
-      d.deactivate(), s.value = !1, await Re(), me(!1), F.fireHideEvent && n("drawer:hide");
+      const P = r["drawer-cancel"] || r["drawer-confirm"], j = a.cancelText || a.confirmText;
+      return !!P || !!j;
+    }), s = V(() => a.id || o), m = s.value + "-header";
+    async function v(P = { fireHideEvent: !0 }) {
+      d.deactivate(), u.value = !1, await Re(), me(!1), P.fireHideEvent && n("drawer:hide");
     }
-    async function h() {
-      s.value = !0, await Re(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && me(!0);
+    async function _() {
+      u.value = !0, await Re(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
-    function w() {
+    function h() {
       n("drawer:open");
     }
-    function A() {
+    function E() {
       n("drawer:after-open");
     }
-    function P() {
+    function N() {
       n("drawer:after-hide");
     }
     return le(() => {
       l.value = !0;
     }), Ne(() => {
-      s.value === !0 && (n("drawer:before-unmount"), me(!1));
+      u.value === !0 && (n("drawer:before-unmount"), me(!1));
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
       hide: v,
-      isOpen: s,
-      show: h
-    }), (F, j) => l.value ? (y(), E(rt, {
+      isOpen: u,
+      show: _
+    }), (P, j) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2545,13 +2545,13 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: w,
-        onAfterEnter: A,
-        onAfterLeave: P
+        onEnter: h,
+        onAfterEnter: E,
+        onAfterLeave: N
       }, {
         default: M(() => [
-          s.value ? (y(), g("div", te({ key: 0 }, f.value, {
-            id: u.value,
+          u.value ? (y(), g("div", te({ key: 0 }, f.value, {
+            id: s.value,
             ref_key: "drawerRef",
             ref: i,
             role: "dialog",
@@ -2560,28 +2560,28 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               "joy-drawer",
               `joy-drawer--${e.size}`,
               {
-                "joy-drawer--open": s.value,
+                "joy-drawer--open": u.value,
                 "joy-drawer--elevated": e.elevated
               }
             ],
             "aria-labelledby": m,
-            onKeydown: j[4] || (j[4] = Ct((N) => v(), ["esc"]))
+            onKeydown: j[4] || (j[4] = Ct((O) => v(), ["esc"]))
           }), [
             e.elevated ? x("", !0) : (y(), g("div", {
               key: 0,
               class: $([
                 {
                   "joy-drawer__overlay": !0,
-                  "joy-drawer__overlay--open": s.value
+                  "joy-drawer__overlay--open": u.value
                 }
               ]),
-              onClick: j[0] || (j[0] = (N) => v())
+              onClick: j[0] || (j[0] = (O) => v())
             }, null, 2)),
             b("div", {
               class: $([
                 {
                   "joy-drawer--wrapper": !0,
-                  "joy-drawer--wrapper-open": s.value
+                  "joy-drawer--wrapper-open": u.value
                 }
               ])
             }, [
@@ -2591,10 +2591,10 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     id: m,
                     class: "joy-drawer--header__title"
                   }, [
-                    k(F.$slots, "drawer-header", {}, void 0, !0)
+                    k(P.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   b("p", Xl, [
-                    k(F.$slots, "drawer-subheader", {}, void 0, !0)
+                    k(P.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   U(T(de), {
                     id: "joy-drawer--close",
@@ -2605,11 +2605,11 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: j[1] || (j[1] = (N) => v())
+                    onClick: j[1] || (j[1] = (O) => v())
                   }, null, 8, ["label"])
                 ]),
                 b("div", er, [
-                  k(F.$slots, "drawer-body", {}, void 0, !0)
+                  k(P.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: $([
@@ -2624,30 +2624,30 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     "no-margin": ""
                   }, {
                     default: M(() => [
-                      k(F.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (y(), E(T(de), {
+                      k(P.$slots, "drawer-cancel", {}, () => [
+                        e.cancelText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: j[2] || (j[2] = (N) => v())
+                          onClick: j[2] || (j[2] = (O) => v())
                         }, {
                           default: M(() => [
-                            z(J(e.cancelText), 1)
+                            z(F(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
-                      k(F.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (y(), E(T(de), {
+                      k(P.$slots, "drawer-confirm", {}, () => [
+                        e.confirmText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: j[3] || (j[3] = (N) => n("drawer:confirm"))
+                          onClick: j[3] || (j[3] = (O) => n("drawer:confirm"))
                         }, {
                           default: M(() => [
-                            z(J(e.confirmText), 1)
+                            z(F(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
@@ -2657,7 +2657,7 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                   })
                 ], 2),
                 T(r)["drawer-indicators"] ? (y(), g("div", tr, [
-                  k(F.$slots, "drawer-indicators", {}, void 0, !0)
+                  k(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
             ], 2)
@@ -2668,19 +2668,19 @@ const Kl = /* @__PURE__ */ B(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
     ], 8, ["to"])) : x("", !0);
   }
 });
-const ar = /* @__PURE__ */ B(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
+const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.drawer), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.drawer), o = X(), r = V(() => o.default());
     async function l() {
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
+    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -2738,27 +2738,27 @@ const ar = /* @__PURE__ */ B(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = V(() => (u) => !a.modelValue || !u.value && !u.id ? !1 : a.modelValue === u.value || a.modelValue === u.id);
-    function l(u) {
-      u.disabled || n("update:modelValue", u.value || u.id);
+    const a = e, o = C(), r = V(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
+    function l(s) {
+      s.disabled || n("update:modelValue", s.value || s.id);
     }
     function i() {
-      var u;
-      return Array.from(((u = o.value) == null ? void 0 : u.querySelectorAll("li")) || []);
+      var s;
+      return Array.from(((s = o.value) == null ? void 0 : s.querySelectorAll("li")) || []);
     }
-    function s() {
-      const u = i().find((m) => m.getAttribute("aria-selected") === "true");
-      u && (u.focus(), o.value.scrollTo({
-        top: u.offsetTop
+    function u() {
+      const s = i().find((m) => m.getAttribute("aria-selected") === "true");
+      s && (s.focus(), o.value.scrollTo({
+        top: s.offsetTop
       }));
     }
     function d() {
-      return i().find((u) => u === document.activeElement);
+      return i().find((s) => s === document.activeElement);
     }
-    function c(u) {
+    function c(s) {
       var m;
       if (!(o.value && !o.value.contains(document.activeElement) || !o.value)) {
-        if ((u.key === "Escape" || u.key === "Tab") && n("close:dropdownList"), (u.key === "Enter" || u.key === "enter") && (u.preventDefault(), d() && ((m = o.value) != null && m.contains(d())))) {
+        if ((s.key === "Escape" || s.key === "Tab") && n("close:dropdownList"), (s.key === "Enter" || s.key === "enter") && (s.preventDefault(), d() && ((m = o.value) != null && m.contains(d())))) {
           const v = d();
           if (!v)
             return;
@@ -2766,47 +2766,47 @@ const ar = /* @__PURE__ */ B(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             return v.querySelector("a").click();
           n("update:modelValue", v.dataModel);
         }
-        if (d() && u.key === " " && u.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
-          const v = i(), h = d();
-          let w = v.indexOf(h);
+        if (d() && s.key === " " && s.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) {
+          const v = i(), _ = d();
+          let h = v.indexOf(_);
           if (v.length) {
-            u.preventDefault(), u.key === "ArrowDown" ? w++ : u.key === "ArrowUp" ? w-- : u.key === "Home" ? w = 0 : u.key === "End" && (w = v.length - 1), w < 0 && (w = v.length - 1), w > v.length - 1 && (w = 0), f(v[w]);
+            s.preventDefault(), s.key === "ArrowDown" ? h++ : s.key === "ArrowUp" ? h-- : s.key === "Home" ? h = 0 : s.key === "End" && (h = v.length - 1), h < 0 && (h = v.length - 1), h > v.length - 1 && (h = 0), f(v[h]);
             return;
           }
         }
       }
     }
-    function f(u) {
-      u.focus();
+    function f(s) {
+      s.focus();
     }
     function p() {
       n("reset");
     }
     return le(() => {
-      window.addEventListener("keydown", c), s();
+      window.addEventListener("keydown", c), u();
     }), Ne(() => {
       window.removeEventListener("keydown", c);
     }), t({
       isSelected: r
-    }), (u, m) => (y(), g("div", {
+    }), (s, m) => (y(), g("div", {
       class: "joy-dropdown-list",
       style: ce({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      u.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", lr, [
+      s.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", lr, [
         e.reset ? (y(), g("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
-        }, J(e.resetLabel || "Reset"), 1)) : x("", !0),
-        k(u.$slots, "dropdown-list-header", {}, void 0, !0)
+        }, F(e.resetLabel || "Reset"), 1)) : x("", !0),
+        k(s.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : x("", !0),
       b("div", {
         tabindex: "0",
-        class: $(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": u.$slots["dropdown-list-items"] }]),
+        class: $(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": s.$slots["dropdown-list-items"] }]),
         style: ce({ "max-height": `${e.height}px` })
       }, [
-        k(u.$slots, "dropdown-list-items", {}, void 0, !0),
+        k(s.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (y(), g("ul", {
           key: 0,
           ref_key: "listbox",
@@ -2835,21 +2835,21 @@ const ar = /* @__PURE__ */ B(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             "aria-label": v.label,
             ".dataModel": v.value || v.id,
             role: "option",
-            onClick: (h) => l(v)
+            onClick: (_) => l(v)
           }, [
-            k(u.$slots, "label", ze(qe(v)), () => [
-              b("span", null, J(v.label), 1)
+            k(s.$slots, "label", ze(qe(v)), () => [
+              b("span", null, F(v.label), 1)
             ], !0)
           ], 14, ir))), 128))
         ], 8, rr)) : x("", !0)
       ], 6),
-      u.$slots["dropdown-list-footer"] ? (y(), g("footer", sr, [
-        k(u.$slots, "dropdown-list-footer", {}, void 0, !0)
+      s.$slots["dropdown-list-footer"] ? (y(), g("footer", sr, [
+        k(s.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : x("", !0)
     ], 4));
   }
 });
-const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
+const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2940,20 +2940,20 @@ const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(null), l = C(), i = C(null), s = C(null), d = C(!1), c = "joy-dropdown--" + _e();
+    const a = e, o = C(!1), r = C(null), l = C(), i = C(null), u = C(null), d = C(!1), c = "joy-dropdown--" + _e();
     jt("VJoyDropdownContext", a);
     const f = {
       ignore: [l, ".joy-dropdown__list"]
     };
     let p = null;
-    ee(
+    Q(
       () => o.value,
       (j) => {
         j && Ga(i);
       },
       { flush: "post" }
     );
-    const u = V(() => {
+    const s = V(() => {
       let j = `${a.dropdownGap}px`;
       return a.direction === "up" && (j = "-" + j), {
         marginTop: j
@@ -2965,29 +2965,29 @@ const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
       }, 300);
     }
     function v(j) {
-      j.stopPropagation(), d.value = !1, p && clearTimeout(p), s.value = j.target, o.value = !0, n("dropdown:open");
+      j.stopPropagation(), d.value = !1, p && clearTimeout(p), u.value = j.target, o.value = !0, n("dropdown:open");
     }
-    function h() {
-      m(), w();
+    function _() {
+      m(), h();
     }
-    function w() {
-      s.value && s.value.focus();
+    function h() {
+      u.value && u.value.focus();
     }
-    function A(j) {
-      n("update:modelValue", j), a.closeOnSelect && (m(), w());
+    function E(j) {
+      n("update:modelValue", j), a.closeOnSelect && (m(), h());
     }
-    function P() {
+    function N() {
       n("dropdown:reset");
     }
-    function F() {
+    function P() {
       !l.value || !l.value.children.length || (l.value.children[0].id = c);
     }
     return Yo(m), le(() => {
-      F();
+      P();
     }), t({
       showDropdownList: o,
       generatedId: c
-    }), (j, N) => (y(), E(T(Lt), {
+    }), (j, O) => (y(), B(T(Lt), {
       ref_key: "dropdown",
       ref: r,
       options: f,
@@ -3017,7 +3017,7 @@ const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
               "joy-dropdown__list--hiding": d.value
             }
           ]),
-          style: ce(u.value)
+          style: ce(s.value)
         }, [
           U(Ln, {
             "model-value": e.modelValue,
@@ -3028,13 +3028,13 @@ const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": c,
-            "onUpdate:modelValue": A,
-            "onClose:dropdownList": h,
-            onReset: P
+            "onUpdate:modelValue": E,
+            "onClose:dropdownList": _,
+            onReset: N
           }, pn({
-            label: M((O) => [
-              k(j.$slots, "dropdown-item", ze(qe(O)), () => [
-                b("span", null, J(O.label), 1)
+            label: M((J) => [
+              k(j.$slots, "dropdown-item", ze(qe(J)), () => [
+                b("span", null, F(J.label), 1)
               ], !0)
             ]),
             _: 2
@@ -3067,7 +3067,7 @@ const Ln = /* @__PURE__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     }, 512));
   }
 });
-const dr = /* @__PURE__ */ B(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["aria-label"], yr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
+const dr = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["aria-label"], yr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
@@ -3084,7 +3084,7 @@ const dr = /* @__PURE__ */ B(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["ari
     ], 8, fr));
   }
 });
-const pr = /* @__PURE__ */ B(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
+const pr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -3108,9 +3108,9 @@ const pr = /* @__PURE__ */ B(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
       class: $(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: o
     }, [
-      z(J(e.label) + " ", 1),
+      z(F(e.label) + " ", 1),
       k(r.$slots, "default", {}, void 0, !0),
-      T(a) ? (y(), E(W, {
+      T(a) ? (y(), B(W, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3120,7 +3120,7 @@ const pr = /* @__PURE__ */ B(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
     ], 2));
   }
 });
-const br = /* @__PURE__ */ B(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { class: "joy-footer" }, hr = { class: "joy-footer__left" }, _r = { class: "joy-footer__right" }, wr = /* @__PURE__ */ L({
+const br = /* @__PURE__ */ A(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { class: "joy-footer" }, hr = { class: "joy-footer__left" }, _r = { class: "joy-footer__right" }, wr = /* @__PURE__ */ L({
   __name: "VJoyFooter",
   setup(e) {
     return (t, n) => (y(), g("footer", gr, [
@@ -3133,7 +3133,7 @@ const br = /* @__PURE__ */ B(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { cla
     ]));
   }
 });
-const Sr = /* @__PURE__ */ B(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["aria-hidden"], xr = /* @__PURE__ */ L({
+const Sr = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["aria-hidden"], xr = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3156,13 +3156,13 @@ const Sr = /* @__PURE__ */ B(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["ari
       }),
       b("div", null, [
         k(t.$slots, "default", {}, () => [
-          z(J(e.noHtmlErrorText), 1)
+          z(F(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, kr));
   }
 });
-const En = /* @__PURE__ */ B(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
+const En = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3185,8 +3185,8 @@ const En = /* @__PURE__ */ B(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     const n = e, a = it("VJoyWrapperContext", {}), o = V(() => {
       const r = a.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
-        const s = ["1", "0"];
-        return r && s.push(r), s.join(" ");
+        const u = ["1", "0"];
+        return r && u.push(r), u.join(" ");
       }
       const l = [n.flex || "1", "0"], i = n.width || r;
       return i && l.push(i), l.join(" ");
@@ -3201,7 +3201,7 @@ const En = /* @__PURE__ */ B(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     }, null, 6));
   }
 });
-const jr = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
+const jr = /* @__PURE__ */ A(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
   Ir
 ], Er = { class: "joy-funnel__footer" }, Br = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
@@ -3223,7 +3223,7 @@ const jr = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = C(!0), a = Q();
+    const n = C(!0), a = X();
     function o(l) {
       const i = l.currentTarget;
       n.value = i.scrollTop === 0;
@@ -3269,7 +3269,7 @@ const jr = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
     ], 2));
   }
 });
-const Ar = /* @__PURE__ */ B(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Jr = { class: "joy-header__right" }, Fr = /* @__PURE__ */ L({
+const Ar = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Jr = { class: "joy-header__right" }, Fr = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
     return (t, n) => (y(), g("header", Nr, [
@@ -3282,7 +3282,7 @@ const Ar = /* @__PURE__ */ B(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { cla
     ]));
   }
 });
-const Pr = /* @__PURE__ */ B(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Dr = { class: "joy-highlight--text" }, Mr = { key: 0 }, zr = /* @__PURE__ */ L({
+const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Dr = { class: "joy-highlight--text" }, Mr = { key: 0 }, zr = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3318,7 +3318,7 @@ const Pr = /* @__PURE__ */ B(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
         }
       ])
     }, [
-      e.displayIcon ? (y(), E(W, {
+      e.displayIcon ? (y(), B(W, {
         key: 0,
         name: a.value
       }, null, 8, ["name"])) : x("", !0),
@@ -3331,12 +3331,12 @@ const Pr = /* @__PURE__ */ B(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
     ], 2));
   }
 });
-const qr = /* @__PURE__ */ B(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
+const qr = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
     value: {
-      type: String,
+      type: [String, Number],
       required: !0
     },
     /** Automatically handled by parent. No need to set it manually */
@@ -3360,12 +3360,12 @@ const qr = /* @__PURE__ */ B(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["ari
       b("button", {
         type: "button",
         class: $(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
-        "aria-label": e.ariaLabel || e.value
+        "aria-label": e.ariaLabel || e.value.toString()
       }, null, 10, Hr)
     ], 2));
   }
 });
-const Bn = /* @__PURE__ */ B(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @__PURE__ */ L({
+const Bn = /* @__PURE__ */ A(Wr, [["__scopeId", "data-v-2babb982"]]), Ur = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3373,41 +3373,46 @@ const Bn = /* @__PURE__ */ B(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     },
     /** Use the component with a v-model to easily handle selected items */
     modelValue: {
-      type: String
+      type: [String, Number]
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = C(a.modelValue), l = V(() => {
+    const a = e, o = X(), r = C(a.modelValue), l = V(() => {
       const c = o.default();
-      return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(s) : c.filter(s);
+      return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(u) : c.filter(u);
     });
     function i(c) {
       return r.value === c.props.value;
     }
-    function s(c) {
+    function u(c) {
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyIndicator";
     }
     function d(c) {
       n("update:modelValue", c.props.value), r.value = c.props.value;
     }
-    return t({
+    return Q(
+      () => a.modelValue,
+      (c, f) => {
+        c !== f && (r.value = c);
+      }
+    ), t({
       indicators: l,
       isSelected: i
     }), (c, f) => (y(), g("ul", {
       class: $(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (y(!0), g(K, null, Y(l.value, (p) => (y(), E(T(Bn), te({
+      (y(!0), g(K, null, Y(l.value, (p) => (y(), B(T(Bn), te({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: i(p),
-        onClick: (u) => d(p)
+        onClick: (s) => d(p)
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
 });
-const Gr = /* @__PURE__ */ B(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["small", "medium", "large"], Yr = {
+const Gr = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-1bac2aa7"]]), Kr = ["small", "medium", "large"], Yr = {
   key: 0,
   class: "joy-label-required"
 }, Zr = {
@@ -3437,21 +3442,21 @@ const Gr = /* @__PURE__ */ B(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["sma
     text: String
   },
   setup(e) {
-    return (t, n) => (y(), E(oe(e.tagName), te({
+    return (t, n) => (y(), B(oe(e.tagName), te({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: M(() => [
         k(t.$slots, "default", {}, () => [
-          z(J(e.text), 1)
+          z(F(e.text), 1)
         ], !0),
         e.required ? (y(), g("span", Yr, "*")) : x("", !0),
-        e.optionalLabel ? (y(), g("span", Zr, "- " + J(e.optionalLabel), 1)) : x("", !0)
+        e.optionalLabel ? (y(), g("span", Zr, "- " + F(e.optionalLabel), 1)) : x("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["large", "medium", "small"], ei = ["id", "name", "required", "disabled", "readonly", "type", "value"], ti = ["data-unit"], ni = /* @__PURE__ */ L({
+const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["large", "medium", "small"], ei = ["id", "name", "required", "disabled", "readonly", "type", "value"], ti = ["data-unit"], ni = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3529,56 +3534,62 @@ const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, a = C(), o = C(), r = Ae(), l = Q(), i = C(!1), s = C(!1);
-    Bt(a, n.autofocus);
-    const d = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), c = V(() => l.default && l.default()), f = V(() => {
-      var v, h;
-      return !!((v = o.value) != null && v.closest("joy-wrapper")) || !!((h = o.value) != null && h.closest(".joy-wrapper"));
-    }), p = C(n.type), u = V(() => n.type === "password" && !!n.modelValue);
+  setup(e, { expose: t, emit: n }) {
+    const a = e, o = C(), r = C(), l = Ae(), i = X(), u = C(!1), d = C(!1);
+    Bt(o, a.autofocus);
+    const c = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), f = V(() => i.default && i.default()), p = V(() => {
+      var h, E;
+      return !!((h = r.value) != null && h.closest("joy-wrapper")) || !!((E = r.value) != null && E.closest(".joy-wrapper"));
+    }), s = C(a.type), m = V(() => a.type === "password" && !!a.modelValue);
     na(() => {
-      p.value = n.unit ? "number" : n.type;
+      s.value = a.unit ? "number" : a.type;
     });
-    const m = {
+    function v() {
+      var h;
+      a.readonly || (h = o.value) == null || h.focus();
+    }
+    const _ = {
       onFocus: () => {
-        n.readonly || (i.value = !0);
+        a.readonly || (u.value = !0);
       },
       onBlur: () => {
-        i.value = !1;
+        u.value = !1;
       },
-      onInput: (v) => {
-        let h = v.target.value;
-        n.modelModifiers.lazy || t("update:modelValue", h);
+      onInput: (h) => {
+        let E = h.target.value;
+        a.modelModifiers.lazy || n("update:modelValue", E);
       },
-      onChange: (v) => {
-        let h = v.target.value;
-        n.modelModifiers.lazy && t("update:modelValue", h);
+      onChange: (h) => {
+        let E = h.target.value;
+        a.modelModifiers.lazy && n("update:modelValue", E);
       },
       clearValue: () => {
-        n.disabled || t("update:modelValue", "");
+        a.disabled || n("update:modelValue", "");
       },
-      togglePassword: (v) => {
-        v.preventDefault(), s.value = !s.value, s.value ? p.value = "text" : p.value = "password";
+      togglePassword: (h) => {
+        h.preventDefault(), d.value = !d.value, d.value ? s.value = "text" : s.value = "password";
       }
     };
-    return (v, h) => (y(), g("div", {
+    return t({
+      focus: v
+    }), (h, E) => (y(), g("div", {
       ref_key: "root",
-      ref: o,
-      class: $([`joy-input--${n.size}`])
+      ref: r,
+      class: $([`joy-input--${a.size}`])
     }, [
       b("div", {
         class: $([
           "joy-input",
           {
-            "joy-input--focusing": i.value,
+            "joy-input--focusing": u.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
             "joy-input--readonly": e.readonly,
-            "joy-input--valid": !e.invalid && !T(r).disabled
+            "joy-input--valid": !e.invalid && !T(l).disabled
           }
         ])
       }, [
-        c.value || e.label ? (y(), E(je, {
+        f.value || e.label ? (y(), B(je, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -3586,8 +3597,8 @@ const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
           size: e.labelSize
         }, {
           default: M(() => [
-            k(v.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+            k(h.$slots, "default", {}, () => [
+              z(F(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -3599,14 +3610,14 @@ const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
               "joy-input--wrapper-has-icon": !!e.icon,
               "joy-input--wrapper---clearable": e.clearable,
               "joy-input--wrapper-unit": !!e.unit,
-              "joy-input--wrapper-margin": !f.value
+              "joy-input--wrapper-margin": !p.value
             }
           ])
         }, [
-          b("input", te(v.$attrs, {
+          b("input", te(h.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
-            ref: a,
+            ref: o,
             name: e.name,
             required: e.required,
             disabled: e.disabled,
@@ -3617,33 +3628,33 @@ const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
                 "joy-input--field-invalid": e.invalid
               }
             ],
-            type: p.value,
+            type: s.value,
             value: e.modelValue,
-            onFocus: h[0] || (h[0] = //@ts-ignore
-            (...w) => m.onFocus && m.onFocus(...w)),
-            onBlur: h[1] || (h[1] = //@ts-ignore
-            (...w) => m.onBlur && m.onBlur(...w)),
-            onInput: h[2] || (h[2] = //@ts-ignore
-            (...w) => m.onInput && m.onInput(...w)),
-            onChange: h[3] || (h[3] = //@ts-ignore
-            (...w) => m.onChange && m.onChange(...w))
+            onFocus: E[0] || (E[0] = //@ts-ignore
+            (...N) => _.onFocus && _.onFocus(...N)),
+            onBlur: E[1] || (E[1] = //@ts-ignore
+            (...N) => _.onBlur && _.onBlur(...N)),
+            onInput: E[2] || (E[2] = //@ts-ignore
+            (...N) => _.onInput && _.onInput(...N)),
+            onChange: E[3] || (E[3] = //@ts-ignore
+            (...N) => _.onChange && _.onChange(...N))
           }), null, 16, ei),
-          d.value ? (y(), E(de, {
+          c.value ? (y(), B(de, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: m.clearValue
+            onClick: _.clearValue
           }, null, 8, ["onClick"])) : x("", !0),
-          u.value ? (y(), E(W, {
+          m.value ? (y(), B(W, {
             key: 1,
             class: "joy-input--password-icon",
-            name: s.value ? "eye-masked" : "eye",
-            onClick: m.togglePassword
+            name: d.value ? "eye-masked" : "eye",
+            onClick: _.togglePassword
           }, null, 8, ["name", "onClick"])) : x("", !0),
-          e.icon ? (y(), E(W, {
+          e.icon ? (y(), B(W, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -3658,7 +3669,7 @@ const je = /* @__PURE__ */ B(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
     ], 2));
   }
 });
-const ai = /* @__PURE__ */ B(ni, [["__scopeId", "data-v-6067c536"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
+const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-3dafc1cb"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3679,17 +3690,17 @@ const ai = /* @__PURE__ */ B(ni, [["__scopeId", "data-v-6067c536"]]), oi = ["tea
     return (t, n) => (y(), g("a", te({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (y(), E(W, {
+      e.icon ? (y(), B(W, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : x("", !0),
       k(t.$slots, "default", {}, () => [
-        z(J(e.text), 1)
+        z(F(e.text), 1)
       ], !0)
     ], 16, li));
   }
 });
-const ii = /* @__PURE__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
+const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3718,7 +3729,7 @@ const ii = /* @__PURE__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       var f;
       return Array.from(((f = a.value) == null ? void 0 : f.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
     }
-    function s(f) {
+    function u(f) {
       return f.id || _e();
     }
     function d() {
@@ -3727,8 +3738,8 @@ const ii = /* @__PURE__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
     function c(f) {
       if (d() && f.key === " " && f.preventDefault(), f.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key)) {
         f.preventDefault();
-        const p = i(), u = d();
-        let m = p.indexOf(u);
+        const p = i(), s = d();
+        let m = p.indexOf(s);
         if (f.key === "ArrowDown" ? m++ : f.key === "ArrowUp" ? m-- : f.key === "Home" ? m = 0 : f.key === "End" && (m = p.length - 1), m < 0 && (m = 0), m > p.length - 1)
           return;
         r.value = p[m].id, p[m].focus();
@@ -3737,14 +3748,14 @@ const ii = /* @__PURE__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
         const p = d();
         if (!p)
           return;
-        const u = p.querySelector("a");
-        p && u ? u.click() : p.click();
+        const s = p.querySelector("a");
+        p && s ? s.click() : p.click();
       }
     }
     return t({
       activeMenuItemId: r,
       getItems: i,
-      getItemId: s,
+      getItemId: u,
       getFocusedItem: d
     }), (f, p) => (y(), g("ul", {
       ref_key: "menu",
@@ -3756,39 +3767,39 @@ const ii = /* @__PURE__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       role: "menu",
       onKeydown: c
     }, [
-      (y(!0), g(K, null, Y(e.items, (u) => (y(), g("li", {
-        id: s(u),
-        key: u.label,
+      (y(!0), g(K, null, Y(e.items, (s) => (y(), g("li", {
+        id: u(s),
+        key: s.label,
         class: $([
           "joy-menu-list__item",
           {
-            "joy-menu-list__item--current": u.current,
-            "joy-menu-list__item--disabled": u.disabled
+            "joy-menu-list__item--current": s.current,
+            "joy-menu-list__item--disabled": s.disabled
           }
         ]),
         tabindex: "-1",
-        "aria-disabled": u.disabled,
-        "aria-current": u.current,
-        title: u.label,
-        "aria-label": u.label,
-        ".dataModel": u.value || u.id,
+        "aria-disabled": s.disabled,
+        "aria-current": s.current,
+        title: s.label,
+        "aria-label": s.label,
+        ".dataModel": s.value || s.id,
         role: "menuitem",
-        onClick: (m) => l(u)
+        onClick: (m) => l(s)
       }, [
         b("div", ci, [
-          k(f.$slots, "menu-item", ze(qe(u)), () => [
-            u.icon ? (y(), E(W, {
+          k(f.$slots, "menu-item", ze(qe(s)), () => [
+            s.icon ? (y(), B(W, {
               key: 0,
-              name: u.icon
+              name: s.icon
             }, null, 8, ["name"])) : x("", !0),
-            b("span", null, J(u.label), 1)
+            b("span", null, F(s.label), 1)
           ], !0)
         ])
       ], 10, ui))), 128))
     ], 40, si));
   }
 });
-const fi = /* @__PURE__ */ B(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
+const fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
   class: /* @__PURE__ */ $(["joy-multi-checkbox"])
 }, pi = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
@@ -3837,7 +3848,7 @@ const fi = /* @__PURE__ */ B(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (y(), E(T(je), {
+      e.label ? (y(), B(T(je), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -3845,22 +3856,22 @@ const fi = /* @__PURE__ */ B(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
         size: e.labelSize
       }, {
         default: M(() => [
-          z(J(e.label), 1)
+          z(F(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
       b("div", vi, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), E(T(Et), {
+        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Et), {
           id: i.id,
           key: i.id,
           name: i.name,
           value: i.value,
           checked: a(i),
-          "onUpdate:checked": (s) => o(i.value, s)
+          "onUpdate:checked": (u) => o(i.value, u)
         }, {
           default: M(() => [
             k(r.$slots, "checkbox", ze(qe(i)), () => [
-              z(J(i.label), 1)
+              z(F(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -3869,7 +3880,7 @@ const fi = /* @__PURE__ */ B(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
     ], 8, yi));
   }
 });
-const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
+const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3887,7 +3898,7 @@ const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (y(), E(de, {
+    return (t, n) => (y(), B(de, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -3934,7 +3945,7 @@ const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     const n = e, a = V(() => {
       const d = r.value.length;
       return r.value[d - 1] !== r.value[d - 2] + 1;
-    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? i(2, n.totalPages - 1) : s(n.currentPage));
+    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? i(2, n.totalPages - 1) : u(n.currentPage));
     function l(d) {
       t("update:current-page", d);
     }
@@ -3945,7 +3956,7 @@ const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
         f.push(p);
       return f.push(n.totalPages), f;
     }
-    function s(d) {
+    function u(d) {
       let c = d - 2, f = d + 1;
       return c <= 1 && (c = 2, f = 5), f >= n.totalPages && (f = n.totalPages - 1, c = f - 3), i(c, f);
     }
@@ -3977,7 +3988,7 @@ const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
                   "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && f === e.totalPages && a.value
                 }),
                 onClick: (p) => l(f)
-              }, J(f), 11, hi)
+              }, F(f), 11, hi)
             ]))), 128))
           ])
         ]),
@@ -3995,7 +4006,7 @@ const mi = /* @__PURE__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     ], 8, bi));
   }
 });
-const ki = /* @__PURE__ */ B(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
+const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
   key: 0,
   class: /* @__PURE__ */ $(["joy-panel__header"])
 }, $i = {
@@ -4041,7 +4052,7 @@ const ki = /* @__PURE__ */ B(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
     }
   },
   setup(e) {
-    const t = it("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = Q(), o = C(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    const t = it("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
     return (l, i) => (y(), g("section", {
       ref_key: "panel",
       ref: o,
@@ -4075,7 +4086,7 @@ const ki = /* @__PURE__ */ B(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
       T(a)["panel-action"] ? (y(), g("footer", Ii, [
         k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : x("", !0),
-      e.loading ? (y(), E(T(At), {
+      e.loading ? (y(), B(T(At), {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -4088,7 +4099,7 @@ const ki = /* @__PURE__ */ B(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
     ], 6));
   }
 });
-const Ei = /* @__PURE__ */ B(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
+const Ei = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
   key: 0,
   class: "joy-panel-section__title"
 }, Ni = {
@@ -4097,7 +4108,7 @@ const Ei = /* @__PURE__ */ B(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { cla
 }, Oi = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = Q();
+    const t = X();
     return (n, a) => (y(), g("div", Bi, [
       T(t)["panel-section-title"] ? (y(), g("div", Ai, [
         k(n.$slots, "panel-section-title", {}, void 0, !0)
@@ -4108,7 +4119,7 @@ const Ei = /* @__PURE__ */ B(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { cla
     ]));
   }
 });
-const Ji = /* @__PURE__ */ B(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
+const Ji = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -4150,7 +4161,7 @@ const Ji = /* @__PURE__ */ B(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { cla
     ]));
   }
 });
-const Ri = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id", "value", "checked", "disabled", "required", "name"], Mi = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
+const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id", "value", "checked", "disabled", "required", "name"], Mi = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -4173,22 +4184,22 @@ const Ri = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
     },
     // ...FORM_BASED_PROPS,
     modelValue: {
-      type: String
+      type: [String, Number]
     },
     theme: {
       type: String,
       default: "default"
     },
     value: {
-      type: String,
+      type: [String, Number],
       required: !0
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), s = Q(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), u = X(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function c() {
-      o.value = !!s["expandable-content"] && d.value;
+      o.value = !!u["expandable-content"] && d.value;
     }
     function f() {
       n("update:modelValue", a.value), c();
@@ -4199,10 +4210,10 @@ const Ri = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
     function p() {
       r.value = !0;
     }
-    function u() {
+    function s() {
       r.value = !1;
     }
-    return ee(
+    return Q(
       () => a.modelValue,
       () => {
         c();
@@ -4235,7 +4246,7 @@ const Ri = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
         name: e.name,
         onChange: f,
         onFocus: p,
-        onBlur: u
+        onBlur: s
       }, null, 40, Di),
       b("span", Mi, [
         k(m.$slots, "default", {}, void 0, !0)
@@ -4255,7 +4266,7 @@ const Ri = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
     ], 2));
   }
 });
-const Wi = /* @__PURE__ */ B(Hi, [["__scopeId", "data-v-24cea99b"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
+const Wi = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-dd46e26a"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -4292,7 +4303,7 @@ const Wi = /* @__PURE__ */ B(Hi, [["__scopeId", "data-v-24cea99b"]]), Ui = ["for
     ], 8, Ui));
   }
 });
-const Ki = /* @__PURE__ */ B(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
+const Ki = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -4311,7 +4322,7 @@ const Ki = /* @__PURE__ */ B(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
   setup(e, { expose: t }) {
     const n = e, a = Ae(), o = V(() => {
       let r = [], l = 0.24, i = 0.75;
-      for (let s = 0; s < 5; s++)
+      for (let u = 0; u < 5; u++)
         n.ratingValue > l ? r.push(n.ratingValue < i ? "half" : "full") : r.push("empty"), l += 1, i += 1;
       return r;
     });
@@ -4323,21 +4334,21 @@ const Ki = /* @__PURE__ */ B(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
       ariaLabel: T(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       b("ul", Zi, [
-        (y(!0), g(K, null, Y(o.value, (i, s) => (y(), g("li", {
-          key: s,
+        (y(!0), g(K, null, Y(o.value, (i, u) => (y(), g("li", {
+          key: u,
           class: $([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (y(), E(W, {
+          i === "full" ? (y(), B(W, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (y(), E(W, {
+          })) : i === "half" ? (y(), B(W, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (y(), E(W, {
+          })) : (y(), B(W, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -4347,13 +4358,13 @@ const Ki = /* @__PURE__ */ B(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
       ]),
       b("div", Qi, [
         k(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (y(), g("span", Xi, "(" + J(e.reviewCount) + ")", 1)) : x("", !0)
+          e.reviewCount ? (y(), g("span", Xi, "(" + F(e.reviewCount) + ")", 1)) : x("", !0)
         ], !0)
       ])
     ], 8, Yi));
   }
 });
-const An = /* @__PURE__ */ B(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
+const An = /* @__PURE__ */ A(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
   key: 0,
   class: "joy-screen-loader__content"
 }, as = /* @__PURE__ */ L({
@@ -4387,7 +4398,7 @@ const An = /* @__PURE__ */ B(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { cla
     ], 2));
   }
 });
-const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
+const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4431,38 +4442,38 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = V(() => {
+    const a = e, o = X(), r = V(() => {
       const m = o.default();
       let v = [];
-      return m.forEach((h) => {
-        if (l(h))
-          v.push(h);
+      return m.forEach((_) => {
+        if (l(_))
+          v.push(_);
         else {
-          const w = h.children;
-          if (typeof w == "string" || !w.length)
+          const h = _.children;
+          if (typeof h == "string" || !h.length)
             return;
-          const A = w.filter(l);
-          v = [...v, ...A];
+          const E = h.filter(l);
+          v = [...v, ...E];
         }
       }), v;
     });
     function l(m) {
       return (m == null ? void 0 : m.type) === "option";
     }
-    const i = C(), s = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const i = C(), u = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     le(() => {
-      var h;
+      var _;
       const m = o["select-label"] && o["select-label"]();
       if (!m || !m.length)
         return;
       const v = m[0];
       if (v.type === "JoyLabel") {
-        const w = (h = v.props) == null ? void 0 : h.for;
-        if (!w) {
+        const h = (_ = v.props) == null ? void 0 : _.for;
+        if (!h) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        w !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        h !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function f(m) {
@@ -4472,17 +4483,17 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     function p() {
       d.value = !0;
     }
-    function u() {
+    function s() {
       d.value = !1;
     }
     return t({
-      select: s
+      select: u
     }), (m, v) => (y(), g("div", {
       ref_key: "root",
       ref: i
     }, [
       k(m.$slots, "select-label", {}, () => [
-        e.label ? (y(), E(je, {
+        e.label ? (y(), B(je, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -4490,7 +4501,7 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           size: c.value
         }, {
           default: M(() => [
-            z(J(e.label), 1)
+            z(F(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : x("", !0)
@@ -4509,7 +4520,7 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
         b("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: s,
+          ref: u,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
@@ -4517,15 +4528,15 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           disabled: e.disabled,
           onChange: f,
           onFocus: p,
-          onBlur: u
+          onBlur: s
         }, [
-          (y(!0), g(K, null, Y(r.value, (h) => {
-            var w, A;
+          (y(!0), g(K, null, Y(r.value, (_) => {
+            var h, E;
             return y(), g("option", te({
-              key: (w = h.props) == null ? void 0 : w.value
-            }, h.props, {
-              selected: ((A = h.props) == null ? void 0 : A.value) === e.modelValue
-            }), J(h.children), 17, ls);
+              key: (h = _.props) == null ? void 0 : h.value
+            }, _.props, {
+              selected: ((E = _.props) == null ? void 0 : E.value) === e.modelValue
+            }), F(_.children), 17, ls);
           }), 128))
         ], 40, os),
         U(W, {
@@ -4536,7 +4547,7 @@ const At = /* @__PURE__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     ], 512));
   }
 });
-const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
+const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -4595,7 +4606,7 @@ const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         r.value = !1;
       }
     };
-    function s(d) {
+    function u(d) {
       t("update:checked", d);
     }
     return (d, c) => (y(), g("div", {
@@ -4627,7 +4638,7 @@ const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...f) => i.onBlur && i.onBlur(...f))
       }, null, 40, us)),
-      (y(), E(oe(T(l)), {
+      (y(), B(oe(T(l)), {
         for: e.id,
         class: $([
           "joy-selectable-item",
@@ -4641,13 +4652,13 @@ const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         onClick: i.onLabelClick
       }, {
         default: M(() => [
-          e.multiple ? (y(), E(T(Et), {
+          e.multiple ? (y(), B(T(Et), {
             key: 0,
             id: e.id,
             checked: a.value,
             "onUpdate:checked": [
               c[3] || (c[3] = (f) => a.value = f),
-              s
+              u
             ],
             disabled: e.disabled,
             value: e.value,
@@ -4669,7 +4680,7 @@ const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
             class: $([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
             k(d.$slots, "selectable-item-sublabel", {}, () => [
-              z(J(e.subLabel), 1)
+              z(F(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -4678,7 +4689,7 @@ const is = /* @__PURE__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
     ], 10, ss));
   }
 });
-const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
+const Nn = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -4733,7 +4744,7 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (y(), E(T(je), {
+      e.label ? (y(), B(T(je), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4741,7 +4752,7 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
         size: e.labelSize
       }, {
         default: M(() => [
-          z(J(e.label), 1)
+          z(F(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
@@ -4755,7 +4766,7 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           }
         ])
       }, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), E(T(Nn), te(i.attrs, {
+        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Nn), te(i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4763,11 +4774,11 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           value: i.value,
           multiple: e.multiple,
           checked: a(i),
-          "onUpdate:checked": (s) => o(i.value, s)
+          "onUpdate:checked": (u) => o(i.value, u)
         }), pn({
           default: M(() => [
             k(r.$slots, "item", ze(qe(i)), () => [
-              z(J(i.label), 1)
+              z(F(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -4775,7 +4786,7 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           i.subLabel ? {
             name: "selectable-item-sublabel",
             fn: M(() => [
-              z(J(i.subLabel), 1)
+              z(F(i.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -4784,7 +4795,7 @@ const Nn = /* @__PURE__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
     ], 8, fs));
   }
 });
-const vs = /* @__PURE__ */ B(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
+const vs = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -4800,11 +4811,11 @@ const vs = /* @__PURE__ */ B(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @_
     return (t, n) => (y(), g("div", {
       class: $(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      b("span", null, J(e.text), 1)
+      b("span", null, F(e.text), 1)
     ], 2));
   }
 });
-const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img" }, gs = { class: "joy-snackbar__content" }, hs = { key: 0 }, _s = ["innerHTML"], ws = /* @__PURE__ */ L({
+const ms = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img" }, gs = { class: "joy-snackbar__content" }, hs = { key: 0 }, _s = ["innerHTML"], ws = /* @__PURE__ */ L({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -4853,7 +4864,7 @@ const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     const n = e, a = C(!0);
     let o, r;
     const l = "joy-snackbar-" + _e(), i = V(() => gn(n.level));
-    function s() {
+    function u() {
       var v;
       (v = n.bus) == null || v.emit("snackbar:action-click");
     }
@@ -4868,9 +4879,9 @@ const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
       a.value = !1;
     }
     function p() {
-      o = setTimeout(f, n.duration), u();
+      o = setTimeout(f, n.duration), s();
     }
-    function u() {
+    function s() {
       r = setTimeout(function() {
         var v;
         (v = n.bus) == null || v.emit("snackbar:hide");
@@ -4888,7 +4899,7 @@ const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     }), t({
       isOpen: a,
       exposedMethods: m
-    }), (v, h) => (y(), g("div", {
+    }), (v, _) => (y(), g("div", {
       class: $(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
@@ -4902,15 +4913,15 @@ const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
           U(T(W), { name: i.value }, null, 8, ["name"])
         ]),
         b("div", gs, [
-          e.header ? (y(), g("strong", hs, J(e.header), 1)) : x("", !0),
+          e.header ? (y(), g("strong", hs, F(e.header), 1)) : x("", !0),
           b("span", { innerHTML: e.message }, null, 8, _s),
           e.actionText ? (y(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
-            onClick: s
-          }, J(e.actionText), 1)) : x("", !0)
+            onClick: u
+          }, F(e.actionText), 1)) : x("", !0)
         ]),
-        e.closable ? (y(), E(T(de), {
+        e.closable ? (y(), B(T(de), {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
@@ -4923,7 +4934,7 @@ const ms = /* @__PURE__ */ B(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     ], 2));
   }
 });
-const On = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
+const On = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     completed: {
@@ -4950,12 +4961,12 @@ const On = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = C(0.1), r = V(() => a.completed ? "100%" : l.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - o.value, 1 - o.value) * 100).toFixed(1) + "%" : "0%"), l = V(() => a.currentSubStep > 0);
-    function i(s) {
-      s <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
+    function i(u) {
+      u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
-    return ee(() => a.subSteps, i), t({
+    return Q(() => a.subSteps, i), t({
       progress: r
-    }), (s, d) => (y(), g("div", {
+    }), (u, d) => (y(), g("div", {
       id: e.id,
       class: $([
         "joy-step",
@@ -4973,12 +4984,12 @@ const On = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
         }, null, 4)
       ]),
       b("span", xs, [
-        k(s.$slots, "default", {}, void 0, !0)
+        k(u.$slots, "default", {}, void 0, !0)
       ])
     ], 10, Ss));
   }
 });
-const Jn = /* @__PURE__ */ B(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
+const Jn = /* @__PURE__ */ A(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     step: {
@@ -4991,7 +5002,7 @@ const Jn = /* @__PURE__ */ B(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Q(), o = V(() => {
+    const n = e, a = X(), o = V(() => {
       const c = a.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(r) : c.filter(r);
     });
@@ -4999,26 +5010,26 @@ const Jn = /* @__PURE__ */ B(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyStep";
     }
-    const l = V(() => o.value[n.step - 1]), i = V(() => !s.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), s = V(() => i.value ? l.value.props["sub-steps"] : n.subStep);
+    const l = V(() => o.value[n.step - 1]), i = V(() => !u.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), u = V(() => i.value ? l.value.props["sub-steps"] : n.subStep);
     function d(c) {
-      return c !== n.step - 1 ? 0 : s.value;
+      return c !== n.step - 1 ? 0 : u.value;
     }
     return t({
-      currentItemSubStep: s,
+      currentItemSubStep: u,
       steps: o,
       invalidSubStepValue: i
     }), (c, f) => (y(), g("div", js, [
-      (y(!0), g(K, null, Y(o.value, (p, u) => {
+      (y(!0), g(K, null, Y(o.value, (p, s) => {
         var m;
-        return y(), E(T(Jn), te(p.props, {
+        return y(), B(T(Jn), te(p.props, {
           key: (m = p.props) == null ? void 0 : m.id,
-          completed: u < e.step - 1,
-          "current-sub-step": d(u)
+          completed: s < e.step - 1,
+          "current-sub-step": d(s)
         }), {
           default: M(() => {
             var v;
             return [
-              (v = p.children) != null && v.default ? (y(), E(oe(p.children.default), { key: 0 })) : x("", !0)
+              (v = p.children) != null && v.default ? (y(), B(oe(p.children.default), { key: 0 })) : x("", !0)
             ];
           }),
           _: 2
@@ -5027,7 +5038,7 @@ const Jn = /* @__PURE__ */ B(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
     ]));
   }
 });
-const Vs = /* @__PURE__ */ B($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
+const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5069,7 +5080,7 @@ const Vs = /* @__PURE__ */ B($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id"
     ], 10, Ts));
   }
 });
-const Ls = /* @__PURE__ */ B(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
+const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
   type: "button",
   tabindex: "-1"
 }, As = /* @__PURE__ */ L({
@@ -5132,7 +5143,7 @@ const Ls = /* @__PURE__ */ B(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
         b("button", Bs, [
           b("div", null, [
             k(o.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+              z(F(e.label), 1)
             ], !0)
           ])
         ])
@@ -5140,7 +5151,7 @@ const Ls = /* @__PURE__ */ B(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
     ], 40, Es));
   }
 });
-const Ns = /* @__PURE__ */ B(As, [["__scopeId", "data-v-3d323618"]]), Os = { class: "joy-tabs" }, Js = /* @__PURE__ */ L({
+const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { class: "joy-tabs" }, Js = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -5150,26 +5161,26 @@ const Ns = /* @__PURE__ */ B(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = C(a.selectedTab);
+    const a = e, o = X(), r = C(a.selectedTab);
     jt("VJoyTabs", r);
-    const l = C(null), i = C(null), s = C(!1), d = C(!1), c = V(() => {
+    const l = C(null), i = C(null), u = C(!1), d = C(!1), c = V(() => {
       const v = o.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(f) : v.filter(f);
     });
     function f(v) {
-      var h;
-      return ((h = v == null ? void 0 : v.type) == null ? void 0 : h.__name) === "VJoyTab";
+      var _;
+      return ((_ = v == null ? void 0 : v.type) == null ? void 0 : _.__name) === "VJoyTab";
     }
     function p(v) {
       return v.props.tab === r.value;
     }
-    function u() {
-      i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, s.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, s.value = !1);
+    function s() {
+      i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, u.value = !1);
     }
-    function m(v, h = !0) {
-      v && h && (r.value = v, n("update:selected-tab", v));
+    function m(v, _ = !0) {
+      v && _ && (r.value = v, n("update:selected-tab", v));
     }
-    return ee(
+    return Q(
       () => a.selectedTab,
       (v) => {
         v && m(v);
@@ -5177,19 +5188,19 @@ const Ns = /* @__PURE__ */ B(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       { immediate: !0 }
     ), le(() => {
       var v;
-      u(), (v = i.value) == null || v.addEventListener("scroll", u);
+      s(), (v = i.value) == null || v.addEventListener("scroll", s);
     }), Ne(() => {
       var v;
-      (v = i.value) == null || v.removeEventListener("scroll", u);
+      (v = i.value) == null || v.removeEventListener("scroll", s);
     }), t({
       tabs: c
-    }), (v, h) => (y(), g("div", Os, [
+    }), (v, _) => (y(), g("div", Os, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: l,
         class: $({
           "joy-tabs-buttons__wrapper": !0,
-          "joy-tabs-buttons__wrapper--scroll-end": s.value,
+          "joy-tabs-buttons__wrapper--scroll-end": u.value,
           "joy-tabs-buttons__wrapper--scroll-start": d.value
         })
       }, [
@@ -5199,20 +5210,20 @@ const Ns = /* @__PURE__ */ B(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (y(!0), g(K, null, Y(c.value, (w) => (y(), g("div", {
-            key: w.props.tab
+          (y(!0), g(K, null, Y(c.value, (h) => (y(), g("div", {
+            key: h.props.tab
           }, [
             U(Ns, {
-              tab: w.props.tab,
-              label: w.props.label,
-              href: w.props.href,
-              selected: p(w),
-              onChangeTab: (A) => m(w.props.tab, !w.props.href)
+              tab: h.props.tab,
+              label: h.props.label,
+              href: h.props.href,
+              selected: p(h),
+              onChangeTab: (E) => m(h.props.tab, !h.props.href)
             }, {
               default: M(() => {
-                var A;
+                var E;
                 return [
-                  (A = w.children) != null && A.header ? (y(), E(oe(w.children.header), { key: 0 })) : x("", !0)
+                  (E = h.children) != null && E.header ? (y(), B(oe(h.children.header), { key: 0 })) : x("", !0)
                 ];
               }),
               _: 2
@@ -5226,13 +5237,12 @@ const Ns = /* @__PURE__ */ B(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
     ]));
   }
 });
-const Fs = /* @__PURE__ */ B(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
+const Fs = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
     label: {
-      type: String,
-      required: !0
+      type: String
     },
     size: {
       type: String,
@@ -5279,30 +5289,33 @@ const Fs = /* @__PURE__ */ B(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
     function l() {
       t("click"), n.selectable && a.includes(n.variant) && t("selected", { selected: !n.selected, value: n.value });
     }
-    return (i, s) => (y(), g("span", {
+    return (i, u) => (y(), g("span", {
       id: e.value,
       class: $([o.value]),
       role: e.link || e.selectable ? "button" : void 0,
       onClick: l
     }, [
-      e.draggable ? (y(), E(W, {
-        key: 0,
-        class: "joy-tag__drag",
-        name: "drag",
-        size: "xxsmall"
-      })) : x("", !0),
-      z(" " + J(e.label) + " ", 1),
-      e.removable ? (y(), E(W, {
-        key: 1,
-        class: "joy-tag__removable",
-        name: "cross",
-        size: "xxsmall",
-        onClick: oa(r, ["stop"])
-      }, null, 8, ["onClick"])) : x("", !0)
+      k(i.$slots, "default", {}, () => [
+        e.draggable ? (y(), B(W, {
+          key: 0,
+          class: "joy-tag__drag",
+          name: "drag",
+          size: "xxsmall"
+        })) : x("", !0),
+        z(" " + F(e.label) + " ", 1),
+        e.removable ? (y(), B(W, {
+          key: 1,
+          class: "joy-tag__removable",
+          name: "cross",
+          size: "xxsmall",
+          role: "button",
+          onClick: oa(r, ["stop"])
+        }, null, 8, ["onClick"])) : x("", !0)
+      ], !0)
     ], 10, Ps));
   }
 });
-const Fn = /* @__PURE__ */ B(Rs, [["__scopeId", "data-v-9770b43b"]]), Ds = /* @__PURE__ */ L({
+const Fn = /* @__PURE__ */ A(Rs, [["__scopeId", "data-v-c04ebdea"]]), Ds = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5338,27 +5351,27 @@ const Fn = /* @__PURE__ */ B(Rs, [["__scopeId", "data-v-9770b43b"]]), Ds = /* @_
   emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: t }) {
     const n = e;
-    function a(s) {
+    function a(u) {
       var d;
-      return n.removable ? !1 : (d = n.modelValue) == null ? void 0 : d.includes(s.value);
+      return n.removable ? !1 : (d = n.modelValue) == null ? void 0 : d.includes(u.value);
     }
-    function o(s) {
-      return !n.modelValue || n.removable || s.removable ? !1 : s.selectable !== void 0 ? s.selectable : n.selectable;
+    function o(u) {
+      return !n.modelValue || n.removable || u.removable ? !1 : u.selectable !== void 0 ? u.selectable : n.selectable;
     }
-    function r(s) {
-      return s.removable !== void 0 ? s.removable : n.removable;
+    function r(u) {
+      return u.removable !== void 0 ? u.removable : n.removable;
     }
-    function l(s, d) {
+    function l(u, d) {
       let c = [];
-      s.selected && !a(d) ? c = [...n.modelValue || [], d.value] : c = (n.modelValue || []).filter((f) => f !== d.value), t("update:modelValue", c);
+      u.selected && !a(d) ? c = [...n.modelValue || [], d.value] : c = (n.modelValue || []).filter((f) => f !== d.value), t("update:modelValue", c);
     }
-    function i(s) {
-      t("removeTag", s.value);
+    function i(u) {
+      t("removeTag", u.value);
     }
-    return (s, d) => (y(), g("div", {
+    return (u, d) => (y(), g("div", {
       class: $(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), g(K, null, Y(e.tags, (c) => (y(), E(Fn, te({
+      (y(!0), g(K, null, Y(e.tags, (c) => (y(), B(Fn, te({
         key: c.value || c.label
       }, c, {
         selectable: o(c),
@@ -5371,7 +5384,7 @@ const Fn = /* @__PURE__ */ B(Rs, [["__scopeId", "data-v-9770b43b"]]), Ds = /* @_
     ], 2));
   }
 });
-const Ms = /* @__PURE__ */ B(Ds, [["__scopeId", "data-v-5be625a7"]]);
+const Ms = /* @__PURE__ */ A(Ds, [["__scopeId", "data-v-8d9a3ff0"]]);
 const zs = {}, qs = {
   class: /* @__PURE__ */ $(["joy-template-shape__shapes"])
 }, Hs = /* @__PURE__ */ mn('<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), Ws = [
@@ -5380,7 +5393,7 @@ const zs = {}, qs = {
 function Us(e, t) {
   return y(), g("div", qs, Ws);
 }
-const Pn = /* @__PURE__ */ B(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
+const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
   key: 0,
   class: "joy-template__heading"
 }, Ys = {
@@ -5420,11 +5433,11 @@ const Pn = /* @__PURE__ */ B(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const t = e, n = Q(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = X(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (o, r) => (y(), g("main", {
       class: $(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (y(), E(Pn, { key: 0 })) : x("", !0),
+      e.shapes ? (y(), B(Pn, { key: 0 })) : x("", !0),
       b("div", Gs, [
         a.value ? (y(), g("div", Ks, [
           T(n)["template-back"] ? (y(), g("div", Ys, [
@@ -5458,7 +5471,7 @@ const Pn = /* @__PURE__ */ B(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
           ])) : x("", !0)
         ], 2)
       ]),
-      e.loading ? (y(), E(At, {
+      e.loading ? (y(), B(At, {
         key: 1,
         overlay: "",
         color: e.loadingColor
@@ -5471,7 +5484,7 @@ const Pn = /* @__PURE__ */ B(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
     ], 2));
   }
 });
-const ou = /* @__PURE__ */ B(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
+const ou = /* @__PURE__ */ A(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -5486,7 +5499,7 @@ const ou = /* @__PURE__ */ B(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (y(), E(oe(e.tagName), {
+    return (t, n) => (y(), B(oe(e.tagName), {
       class: $(`joy-text joy-font-${e.preset}`)
     }, {
       default: M(() => [
@@ -5496,7 +5509,7 @@ const ou = /* @__PURE__ */ B(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     }, 8, ["class"]));
   }
 });
-const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
+const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
   key: 0,
   class: "joy-textarea_helpers"
 }, du = {
@@ -5564,7 +5577,7 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
       element: a.autogrow ? o : void 0
     }), l = C(!1), i = C(!1);
     Bt(o, a.autofocus);
-    const s = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), d = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), c = {
+    const u = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), d = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), c = {
       onInput: (f) => {
         a.modelModifiers.lazy || n("update:modelValue", f.target.value), r();
       },
@@ -5572,7 +5585,7 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         a.modelModifiers.lazy && n("update:modelValue", f.target.value);
       },
       onBlur: () => {
-        i.value = !1, l.value = s.value || d.value;
+        i.value = !1, l.value = u.value || d.value;
       },
       onFocus: () => {
         i.value = !0;
@@ -5580,7 +5593,7 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
     };
     return t({
       isInvalid: l,
-      valueOverMaxlength: s,
+      valueOverMaxlength: u,
       valueUnderMinlength: d
     }), (f, p) => (y(), g("div", {
       "aria-disabled": e.disabled,
@@ -5602,7 +5615,7 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
       }, {
         default: M(() => [
           k(f.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+            z(F(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -5619,13 +5632,13 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           minlength: e.minlength,
           value: e.modelValue,
           onInput: p[0] || (p[0] = //@ts-ignore
-          (...u) => c.onInput && c.onInput(...u)),
+          (...s) => c.onInput && c.onInput(...s)),
           onChange: p[1] || (p[1] = //@ts-ignore
-          (...u) => c.onChange && c.onChange(...u)),
+          (...s) => c.onChange && c.onChange(...s)),
           onFocus: p[2] || (p[2] = //@ts-ignore
-          (...u) => c.onFocus && c.onFocus(...u)),
+          (...s) => c.onFocus && c.onFocus(...s)),
           onBlur: p[3] || (p[3] = //@ts-ignore
-          (...u) => c.onBlur && c.onBlur(...u))
+          (...s) => c.onBlur && c.onBlur(...s))
         }), null, 16, uu)
       ]),
       e.minlength || e.maxlength ? (y(), g("div", cu, [
@@ -5633,23 +5646,23 @@ const ru = /* @__PURE__ */ B(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           key: 0,
           class: $(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          d.value ? x("", !0) : (y(), E(W, {
+          d.value ? x("", !0) : (y(), B(W, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          z(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          z(" " + F(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : x("", !0),
         e.maxlength ? (y(), g("p", {
           key: 1,
-          class: $(["joy-textarea-count", { "joy-textarea-count-invalid": s.value }])
-        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : x("", !0)
+          class: $(["joy-textarea-count", { "joy-textarea-count-invalid": u.value }])
+        }, F(e.modelValue.length + "/" + e.maxlength), 3)) : x("", !0)
       ])) : x("", !0)
     ], 10, iu));
   }
 });
-const yu = /* @__PURE__ */ B(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -5741,7 +5754,7 @@ const yu = /* @__PURE__ */ B(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
           bu,
           b("span", gu, [
             k(o.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+              z(F(e.label), 1)
             ], !0)
           ]),
           hu
@@ -5750,7 +5763,7 @@ const yu = /* @__PURE__ */ B(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
     ]));
   }
 });
-const wu = /* @__PURE__ */ B(_u, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
+const wu = /* @__PURE__ */ A(_u, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
   x: e,
   y: e
 }), Su = {
@@ -5851,48 +5864,48 @@ function un(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const r = We(t), l = Jt(t), i = Ot(l), s = ge(t), d = r === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[i] / 2 - o[i] / 2;
-  let u;
-  switch (s) {
+  const r = We(t), l = Jt(t), i = Ot(l), u = ge(t), d = r === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[i] / 2 - o[i] / 2;
+  let s;
+  switch (u) {
     case "top":
-      u = {
+      s = {
         x: c,
         y: a.y - o.height
       };
       break;
     case "bottom":
-      u = {
+      s = {
         x: c,
         y: a.y + a.height
       };
       break;
     case "right":
-      u = {
+      s = {
         x: a.x + a.width,
         y: f
       };
       break;
     case "left":
-      u = {
+      s = {
         x: a.x - o.width,
         y: f
       };
       break;
     default:
-      u = {
+      s = {
         x: a.x,
         y: a.y
       };
   }
   switch (He(t)) {
     case "start":
-      u[l] -= p * (n && d ? -1 : 1);
+      s[l] -= p * (n && d ? -1 : 1);
       break;
     case "end":
-      u[l] += p * (n && d ? -1 : 1);
+      s[l] += p * (n && d ? -1 : 1);
       break;
   }
-  return u;
+  return s;
 }
 const Tu = async (e, t, n) => {
   const {
@@ -5900,7 +5913,7 @@ const Tu = async (e, t, n) => {
     strategy: o = "absolute",
     middleware: r = [],
     platform: l
-  } = n, i = r.filter(Boolean), s = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = n, i = r.filter(Boolean), u = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let d = await l.getElementRects({
     reference: e,
     floating: t,
@@ -5908,23 +5921,23 @@ const Tu = async (e, t, n) => {
   }), {
     x: c,
     y: f
-  } = un(d, a, s), p = a, u = {}, m = 0;
+  } = un(d, a, u), p = a, s = {}, m = 0;
   for (let v = 0; v < i.length; v++) {
     const {
-      name: h,
-      fn: w
+      name: _,
+      fn: h
     } = i[v], {
-      x: A,
-      y: P,
-      data: F,
+      x: E,
+      y: N,
+      data: P,
       reset: j
-    } = await w({
+    } = await h({
       x: c,
       y: f,
       initialPlacement: a,
       placement: p,
       strategy: o,
-      middlewareData: u,
+      middlewareData: s,
       rects: d,
       platform: l,
       elements: {
@@ -5932,11 +5945,11 @@ const Tu = async (e, t, n) => {
         floating: t
       }
     });
-    if (c = A ?? c, f = P ?? f, u = {
-      ...u,
-      [h]: {
-        ...u[h],
-        ...F
+    if (c = E ?? c, f = N ?? f, s = {
+      ...s,
+      [_]: {
+        ...s[_],
+        ...P
       }
     }, j && m <= 50) {
       m++, typeof j == "object" && (j.placement && (p = j.placement), j.rects && (d = j.rects === !0 ? await l.getElementRects({
@@ -5946,7 +5959,7 @@ const Tu = async (e, t, n) => {
       }) : j.rects), {
         x: c,
         y: f
-      } = un(d, p, s)), v = -1;
+      } = un(d, p, u)), v = -1;
       continue;
     }
   }
@@ -5955,7 +5968,7 @@ const Tu = async (e, t, n) => {
     y: f,
     placement: p,
     strategy: o,
-    middlewareData: u
+    middlewareData: s
   };
 };
 async function Mn(e, t) {
@@ -5967,38 +5980,38 @@ async function Mn(e, t) {
     platform: r,
     rects: l,
     elements: i,
-    strategy: s
+    strategy: u
   } = e, {
     boundary: d = "clippingAncestors",
     rootBoundary: c = "viewport",
     elementContext: f = "floating",
     altBoundary: p = !1,
-    padding: u = 0
-  } = Ce(t, e), m = Dn(u), h = i[p ? f === "floating" ? "reference" : "floating" : f], w = at(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(h))) == null || n ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+    padding: s = 0
+  } = Ce(t, e), m = Dn(s), _ = i[p ? f === "floating" ? "reference" : "floating" : f], h = at(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(_))) == null || n ? _ : _.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: d,
     rootBoundary: c,
-    strategy: s
-  })), A = f === "floating" ? {
+    strategy: u
+  })), E = f === "floating" ? {
     ...l.floating,
     x: a,
     y: o
-  } : l.reference, P = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), F = await (r.isElement == null ? void 0 : r.isElement(P)) ? await (r.getScale == null ? void 0 : r.getScale(P)) || {
+  } : l.reference, N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(N)) ? await (r.getScale == null ? void 0 : r.getScale(N)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, j = at(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: A,
-    offsetParent: P,
-    strategy: s
-  }) : A);
+    rect: E,
+    offsetParent: N,
+    strategy: u
+  }) : E);
   return {
-    top: (w.top - j.top + m.top) / F.y,
-    bottom: (j.bottom - w.bottom + m.bottom) / F.y,
-    left: (w.left - j.left + m.left) / F.x,
-    right: (j.right - w.right + m.right) / F.x
+    top: (h.top - j.top + m.top) / P.y,
+    bottom: (j.bottom - h.bottom + m.bottom) / P.y,
+    left: (h.left - j.left + m.left) / P.x,
+    right: (j.right - h.right + m.right) / P.x
   };
 }
 const Iu = (e) => ({
@@ -6012,7 +6025,7 @@ const Iu = (e) => ({
       rects: r,
       platform: l,
       elements: i,
-      middlewareData: s
+      middlewareData: u
     } = t, {
       element: d,
       padding: c = 0
@@ -6022,14 +6035,14 @@ const Iu = (e) => ({
     const f = Dn(c), p = {
       x: n,
       y: a
-    }, u = Jt(o), m = Ot(u), v = await l.getDimensions(d), h = u === "y", w = h ? "top" : "left", A = h ? "bottom" : "right", P = h ? "clientHeight" : "clientWidth", F = r.reference[m] + r.reference[u] - p[u] - r.floating[m], j = p[u] - r.reference[u], N = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
-    let O = N ? N[P] : 0;
-    (!O || !await (l.isElement == null ? void 0 : l.isElement(N))) && (O = i.floating[P] || r.floating[m]);
-    const re = F / 2 - j / 2, ie = O / 2 - v[m] / 2 - 1, ue = De(f[w], ie), H = De(f[A], ie), _ = ue, S = O - v[m] - H, I = O / 2 - v[m] / 2 + re, R = bt(_, I, S), D = !s.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < _ ? ue : H) - v[m] / 2 < 0, q = D ? I < _ ? I - _ : I - S : 0;
+    }, s = Jt(o), m = Ot(s), v = await l.getDimensions(d), _ = s === "y", h = _ ? "top" : "left", E = _ ? "bottom" : "right", N = _ ? "clientHeight" : "clientWidth", P = r.reference[m] + r.reference[s] - p[s] - r.floating[m], j = p[s] - r.reference[s], O = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
+    let J = O ? O[N] : 0;
+    (!J || !await (l.isElement == null ? void 0 : l.isElement(O))) && (J = i.floating[N] || r.floating[m]);
+    const re = P / 2 - j / 2, ie = J / 2 - v[m] / 2 - 1, ue = De(f[h], ie), H = De(f[E], ie), w = ue, S = J - v[m] - H, I = J / 2 - v[m] / 2 + re, R = bt(w, I, S), D = !u.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < w ? ue : H) - v[m] / 2 < 0, q = D ? I < w ? I - w : I - S : 0;
     return {
-      [u]: p[u] + q,
+      [s]: p[s] + q,
       data: {
-        [u]: R,
+        [s]: R,
         centerOffset: I - R - q,
         ...D && {
           alignmentOffset: q
@@ -6049,37 +6062,37 @@ const Iu = (e) => ({
         middlewareData: r,
         rects: l,
         initialPlacement: i,
-        platform: s,
+        platform: u,
         elements: d
       } = t, {
         mainAxis: c = !0,
         crossAxis: f = !0,
         fallbackPlacements: p,
-        fallbackStrategy: u = "bestFit",
+        fallbackStrategy: s = "bestFit",
         fallbackAxisSideDirection: m = "none",
         flipAlignment: v = !0,
-        ...h
+        ..._
       } = Ce(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const w = ge(o), A = ge(i) === i, P = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), F = p || (A || !v ? [nt(i)] : Cu(i));
-      !p && m !== "none" && F.push(...$u(i, v, m, P));
-      const j = [i, ...F], N = await Mn(t, h), O = [];
+      const h = ge(o), E = ge(i) === i, N = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), P = p || (E || !v ? [nt(i)] : Cu(i));
+      !p && m !== "none" && P.push(...$u(i, v, m, N));
+      const j = [i, ...P], O = await Mn(t, _), J = [];
       let re = ((a = r.flip) == null ? void 0 : a.overflows) || [];
-      if (c && O.push(N[w]), f) {
-        const _ = xu(o, l, P);
-        O.push(N[_[0]], N[_[1]]);
+      if (c && J.push(O[h]), f) {
+        const w = xu(o, l, N);
+        J.push(O[w[0]], O[w[1]]);
       }
       if (re = [...re, {
         placement: o,
-        overflows: O
-      }], !O.every((_) => _ <= 0)) {
+        overflows: J
+      }], !J.every((w) => w <= 0)) {
         var ie, ue;
-        const _ = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, S = j[_];
+        const w = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, S = j[w];
         if (S)
           return {
             data: {
-              index: _,
+              index: w,
               overflows: re
             },
             reset: {
@@ -6088,7 +6101,7 @@ const Iu = (e) => ({
           };
         let I = (ue = re.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : ue.placement;
         if (!I)
-          switch (u) {
+          switch (s) {
             case "bestFit": {
               var H;
               const R = (H = re.map((D) => [D.placement, D.overflows.filter((q) => q > 0).reduce((q, G) => q + G, 0)]).sort((D, q) => D[1] - q[1])[0]) == null ? void 0 : H[0];
@@ -6115,10 +6128,10 @@ async function Eu(e, t) {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), i = He(n), s = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = r && s ? -1 : 1, f = Ce(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), i = He(n), u = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = r && u ? -1 : 1, f = Ce(t, e);
   let {
     mainAxis: p,
-    crossAxis: u,
+    crossAxis: s,
     alignmentAxis: m
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -6130,12 +6143,12 @@ async function Eu(e, t) {
     alignmentAxis: null,
     ...f
   };
-  return i && typeof m == "number" && (u = i === "end" ? m * -1 : m), s ? {
-    x: u * c,
+  return i && typeof m == "number" && (s = i === "end" ? m * -1 : m), u ? {
+    x: s * c,
     y: p * d
   } : {
     x: p * d,
-    y: u * c
+    y: s * c
   };
 }
 const Bu = function(e) {
@@ -6167,34 +6180,34 @@ const Bu = function(e) {
         mainAxis: r = !0,
         crossAxis: l = !1,
         limiter: i = {
-          fn: (h) => {
+          fn: (_) => {
             let {
-              x: w,
-              y: A
-            } = h;
+              x: h,
+              y: E
+            } = _;
             return {
-              x: w,
-              y: A
+              x: h,
+              y: E
             };
           }
         },
-        ...s
+        ...u
       } = Ce(e, t), d = {
         x: n,
         y: a
-      }, c = await Mn(t, s), f = We(ge(o)), p = Nt(f);
-      let u = d[p], m = d[f];
+      }, c = await Mn(t, u), f = We(ge(o)), p = Nt(f);
+      let s = d[p], m = d[f];
       if (r) {
-        const h = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", A = u + c[h], P = u - c[w];
-        u = bt(A, u, P);
+        const _ = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", E = s + c[_], N = s - c[h];
+        s = bt(E, s, N);
       }
       if (l) {
-        const h = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", A = m + c[h], P = m - c[w];
-        m = bt(A, m, P);
+        const _ = f === "y" ? "top" : "left", h = f === "y" ? "bottom" : "right", E = m + c[_], N = m - c[h];
+        m = bt(E, m, N);
       }
       const v = i.fn({
         ...t,
-        [p]: u,
+        [p]: s,
         [f]: m
       });
       return {
@@ -6218,14 +6231,14 @@ const Bu = function(e) {
         middlewareData: l
       } = t, {
         offset: i = 0,
-        mainAxis: s = !0,
+        mainAxis: u = !0,
         crossAxis: d = !0
       } = Ce(e, t), c = {
         x: n,
         y: a
       }, f = We(o), p = Nt(f);
-      let u = c[p], m = c[f];
-      const v = Ce(i, t), h = typeof v == "number" ? {
+      let s = c[p], m = c[f];
+      const v = Ce(i, t), _ = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -6233,17 +6246,17 @@ const Bu = function(e) {
         crossAxis: 0,
         ...v
       };
-      if (s) {
-        const P = p === "y" ? "height" : "width", F = r.reference[p] - r.floating[P] + h.mainAxis, j = r.reference[p] + r.reference[P] - h.mainAxis;
-        u < F ? u = F : u > j && (u = j);
+      if (u) {
+        const N = p === "y" ? "height" : "width", P = r.reference[p] - r.floating[N] + _.mainAxis, j = r.reference[p] + r.reference[N] - _.mainAxis;
+        s < P ? s = P : s > j && (s = j);
       }
       if (d) {
-        var w, A;
-        const P = p === "y" ? "width" : "height", F = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[P] + (F && ((w = l.offset) == null ? void 0 : w[f]) || 0) + (F ? 0 : h.crossAxis), N = r.reference[f] + r.reference[P] + (F ? 0 : ((A = l.offset) == null ? void 0 : A[f]) || 0) - (F ? h.crossAxis : 0);
-        m < j ? m = j : m > N && (m = N);
+        var h, E;
+        const N = p === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[N] + (P && ((h = l.offset) == null ? void 0 : h[f]) || 0) + (P ? 0 : _.crossAxis), O = r.reference[f] + r.reference[N] + (P ? 0 : ((E = l.offset) == null ? void 0 : E[f]) || 0) - (P ? _.crossAxis : 0);
+        m < j ? m = j : m > O && (m = O);
       }
       return {
-        [p]: u,
+        [p]: s,
         [f]: m
       };
     }
@@ -6382,19 +6395,19 @@ function Me(e, t, n, a) {
   let l = be(1);
   t && (a ? ve(a) && (l = Le(a)) : l = Le(e));
   const i = Pu(r, n, a) ? Un(r) : be(0);
-  let s = (o.left + i.x) / l.x, d = (o.top + i.y) / l.y, c = o.width / l.x, f = o.height / l.y;
+  let u = (o.left + i.x) / l.x, d = (o.top + i.y) / l.y, c = o.width / l.x, f = o.height / l.y;
   if (r) {
-    const p = ae(r), u = a && ve(a) ? ae(a) : a;
+    const p = ae(r), s = a && ve(a) ? ae(a) : a;
     let m = p.frameElement;
-    for (; m && a && u !== p; ) {
-      const v = Le(m), h = m.getBoundingClientRect(), w = se(m), A = h.left + (m.clientLeft + parseFloat(w.paddingLeft)) * v.x, P = h.top + (m.clientTop + parseFloat(w.paddingTop)) * v.y;
-      s *= v.x, d *= v.y, c *= v.x, f *= v.y, s += A, d += P, m = ae(m).frameElement;
+    for (; m && a && s !== p; ) {
+      const v = Le(m), _ = m.getBoundingClientRect(), h = se(m), E = _.left + (m.clientLeft + parseFloat(h.paddingLeft)) * v.x, N = _.top + (m.clientTop + parseFloat(h.paddingTop)) * v.y;
+      u *= v.x, d *= v.y, c *= v.x, f *= v.y, u += E, d += N, m = ae(m).frameElement;
     }
   }
   return at({
     width: c,
     height: f,
-    x: s,
+    x: u,
     y: d
   });
 }
@@ -6411,16 +6424,16 @@ function Ru(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, i = be(1);
-  const s = be(0);
+  const u = be(0);
   if ((o || !o && a !== "fixed") && ((he(n) !== "body" || Ue(r)) && (l = ct(n)), ye(n))) {
     const d = Me(n);
-    i = Le(n), s.x = d.x + n.clientLeft, s.y = d.y + n.clientTop;
+    i = Le(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
   }
   return {
     width: t.width * i.x,
     height: t.height * i.y,
-    x: t.x * i.x - l.scrollLeft * i.x + s.x,
-    y: t.y * i.y - l.scrollTop * i.y + s.y
+    x: t.x * i.x - l.scrollLeft * i.x + u.x,
+    y: t.y * i.y - l.scrollTop * i.y + u.y
   };
 }
 function Du(e) {
@@ -6442,25 +6455,25 @@ function Mu(e) {
 }
 function zu(e, t) {
   const n = ae(e), a = we(e), o = n.visualViewport;
-  let r = a.clientWidth, l = a.clientHeight, i = 0, s = 0;
+  let r = a.clientWidth, l = a.clientHeight, i = 0, u = 0;
   if (o) {
     r = o.width, l = o.height;
     const d = Pt();
-    (!d || d && t === "fixed") && (i = o.offsetLeft, s = o.offsetTop);
+    (!d || d && t === "fixed") && (i = o.offsetLeft, u = o.offsetTop);
   }
   return {
     width: r,
     height: l,
     x: i,
-    y: s
+    y: u
   };
 }
 function qu(e, t) {
-  const n = Me(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ye(e) ? Le(e) : be(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, s = o * r.x, d = a * r.y;
+  const n = Me(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ye(e) ? Le(e) : be(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, u = o * r.x, d = a * r.y;
   return {
     width: l,
     height: i,
-    x: s,
+    x: u,
     y: d
   };
 }
@@ -6494,8 +6507,8 @@ function Hu(e, t) {
   const r = se(e).position === "fixed";
   let l = r ? Be(e) : e;
   for (; ve(l) && !ut(l); ) {
-    const i = se(l), s = Ft(l);
-    !s && i.position === "fixed" && (o = null), (r ? !s && !o : !s && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !s && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = i, l = Be(l);
+    const i = se(l), u = Ft(l);
+    !u && i.position === "fixed" && (o = null), (r ? !u && !o : !u && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !u && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = i, l = Be(l);
   }
   return t.set(e, a), a;
 }
@@ -6506,15 +6519,15 @@ function Wu(e) {
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], s = l.reduce((d, c) => {
+  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((d, c) => {
     const f = dn(t, c, o);
     return d.top = Ie(f.top, d.top), d.right = De(f.right, d.right), d.bottom = De(f.bottom, d.bottom), d.left = Ie(f.left, d.left), d;
   }, dn(t, i, o));
   return {
-    width: s.right - s.left,
-    height: s.bottom - s.top,
-    x: s.left,
-    y: s.top
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
   };
 }
 function Uu(e) {
@@ -6526,16 +6539,16 @@ function Gu(e, t, n) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = be(0);
+  const u = be(0);
   if (a || !a && !r)
     if ((he(t) !== "body" || Ue(o)) && (i = ct(t)), a) {
       const d = Me(t, !0, r, t);
-      s.x = d.x + t.clientLeft, s.y = d.y + t.clientTop;
+      u.x = d.x + t.clientLeft, u.y = d.y + t.clientTop;
     } else
-      o && (s.x = Gn(o));
+      o && (u.x = Gn(o));
   return {
-    x: l.left + i.scrollLeft - s.x,
-    y: l.top + i.scrollTop - s.y,
+    x: l.left + i.scrollLeft - u.x,
+    y: l.top + i.scrollTop - u.y,
     width: l.width,
     height: l.height
   };
@@ -6622,79 +6635,79 @@ function yn(e, t) {
 function ec(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = V(() => {
-    var O;
-    return (O = T(n.open)) != null ? O : !0;
+    var J;
+    return (J = T(n.open)) != null ? J : !0;
   }), r = V(() => T(n.middleware)), l = V(() => {
-    var O;
-    return (O = T(n.placement)) != null ? O : "bottom";
+    var J;
+    return (J = T(n.placement)) != null ? J : "bottom";
   }), i = V(() => {
-    var O;
-    return (O = T(n.strategy)) != null ? O : "absolute";
-  }), s = V(() => {
-    var O;
-    return (O = T(n.transform)) != null ? O : !0;
-  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), u = C(i.value), m = C(l.value), v = la({}), h = C(!1), w = V(() => {
-    const O = {
-      position: u.value,
+    var J;
+    return (J = T(n.strategy)) != null ? J : "absolute";
+  }), u = V(() => {
+    var J;
+    return (J = T(n.transform)) != null ? J : !0;
+  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(i.value), m = C(l.value), v = la({}), _ = C(!1), h = V(() => {
+    const J = {
+      position: s.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return O;
+      return J;
     const re = yn(c.value, f.value), ie = yn(c.value, p.value);
-    return s.value ? {
-      ...O,
+    return u.value ? {
+      ...J,
       transform: "translate(" + re + "px, " + ie + "px)",
       ...Zn(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: u.value,
+      position: s.value,
       left: re + "px",
       top: ie + "px"
     };
   });
-  let A;
-  function P() {
+  let E;
+  function N() {
     d.value == null || c.value == null || Qu(d.value, c.value, {
       middleware: r.value,
       placement: l.value,
       strategy: i.value
-    }).then((O) => {
-      f.value = O.x, p.value = O.y, u.value = O.strategy, m.value = O.placement, v.value = O.middlewareData, h.value = !0;
+    }).then((J) => {
+      f.value = J.x, p.value = J.y, s.value = J.strategy, m.value = J.placement, v.value = J.middlewareData, _.value = !0;
     });
   }
-  function F() {
-    typeof A == "function" && (A(), A = void 0);
+  function P() {
+    typeof E == "function" && (E(), E = void 0);
   }
   function j() {
-    if (F(), a === void 0) {
-      P();
+    if (P(), a === void 0) {
+      N();
       return;
     }
     if (d.value != null && c.value != null) {
-      A = a(d.value, c.value, P);
+      E = a(d.value, c.value, N);
       return;
     }
   }
-  function N() {
-    o.value || (h.value = !1);
+  function O() {
+    o.value || (_.value = !1);
   }
-  return ee([r, l, i], P, {
+  return Q([r, l, i], N, {
     flush: "sync"
-  }), ee([d, c], j, {
+  }), Q([d, c], j, {
     flush: "sync"
-  }), ee(o, N, {
+  }), Q(o, O, {
     flush: "sync"
-  }), kt() && xt(F), {
+  }), kt() && xt(P), {
     x: $e(f),
     y: $e(p),
-    strategy: $e(u),
+    strategy: $e(s),
     placement: $e(m),
     middlewareData: $e(v),
-    isPositioned: $e(h),
-    floatingStyles: w,
-    update: P
+    isPositioned: $e(_),
+    floatingStyles: h,
+    update: N
   };
 }
 const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
@@ -6750,51 +6763,51 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
           Xu({ element: l, padding: 0 })
         ]
       })
-    ), s = Q(), d = V(() => s["tooltip-content"] || n.text);
+    ), u = X(), d = V(() => u["tooltip-content"] || n.text);
     function c(v) {
-      v.preventDefault(), v.stopPropagation(), !a.value && n.event !== "click" && u();
+      v.preventDefault(), v.stopPropagation(), !a.value && n.event !== "click" && s();
     }
     function f() {
-      n.event !== "click" && u(!1);
+      n.event !== "click" && s(!1);
     }
     function p(v) {
-      !a.value && n.event === "click" && (v.preventDefault(), v.stopPropagation(), u());
+      !a.value && n.event === "click" && (v.preventDefault(), v.stopPropagation(), s());
     }
-    function u(v = !0) {
-      var h;
-      (h = i.value) == null || h.update(), setTimeout(() => {
+    function s(v = !0) {
+      var _;
+      (_ = i.value) == null || _.update(), setTimeout(() => {
         a.value = v;
       }, n.delay);
     }
     const m = V(() => {
-      const { middlewareData: v, placement: h } = i.value, w = v.arrow, A = {
+      const { middlewareData: v, placement: _ } = i.value, h = v.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[h.split("-")[0]];
+      }[_.split("-")[0]];
       return {
-        left: (w == null ? void 0 : w.x) && `${w == null ? void 0 : w.x}px`,
-        top: (w == null ? void 0 : w.y) && `${w == null ? void 0 : w.y}px`,
+        left: (h == null ? void 0 : h.x) && `${h == null ? void 0 : h.x}px`,
+        top: (h == null ? void 0 : h.y) && `${h == null ? void 0 : h.y}px`,
         right: "",
         bottom: "",
-        [A]: "-4px"
+        [E]: "-4px"
       };
     });
     return le(() => {
-      n.show && u();
+      n.show && s();
     }), Ne(() => {
       a.value = !1;
     }), t({
       tooltipVisible: a,
       tooltip: r
-    }), (v, h) => (y(), E(T(Lt), {
+    }), (v, _) => (y(), B(T(Lt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
-      onTrigger: h[1] || (h[1] = (w) => u(!1))
+      onTrigger: _[1] || (_[1] = (h) => s(!1))
     }, {
       default: M(() => {
-        var w;
+        var h;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
@@ -6803,10 +6816,10 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
             onClick: p,
             onMouseenter: c,
             onMouseleave: f,
-            onKeydown: h[0] || (h[0] = Ct((A) => u(!1), ["tab"]))
+            onKeydown: _[0] || (_[0] = Ct((E) => s(!1), ["tab"]))
           }, [
             k(v.$slots, "default", {}, void 0, !0),
-            (y(), E(rt, { to: "body" }, [
+            (y(), B(rt, { to: "body" }, [
               a.value && d.value ? (y(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -6819,11 +6832,11 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
                     "joy-tooltip__content--hiding": !a.value
                   }
                 ]),
-                style: ce({ ...(w = i.value) == null ? void 0 : w.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ce({ ...(h = i.value) == null ? void 0 : h.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", tc, [
                   k(v.$slots, "tooltip-content", {}, () => [
-                    z(J(e.text), 1)
+                    z(F(e.text), 1)
                   ], !0)
                 ]),
                 b("div", {
@@ -6841,7 +6854,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }, 512));
   }
 });
-const ac = /* @__PURE__ */ B(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
+const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -6867,7 +6880,7 @@ const ac = /* @__PURE__ */ B(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }
   },
   setup(e) {
-    return (t, n) => (y(), E(oe(e.link ? "a" : "div"), te({
+    return (t, n) => (y(), B(oe(e.link ? "a" : "div"), te({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
@@ -6884,16 +6897,16 @@ const ac = /* @__PURE__ */ B(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
         b("div", lc, [
           b("p", rc, [
             k(t.$slots, "user-card-title", {}, () => [
-              z(J(e.fullName), 1)
+              z(F(e.fullName), 1)
             ], !0)
           ]),
           b("p", ic, [
             k(t.$slots, "user-card-subtitle", {}, () => [
-              z(J(e.subTitle), 1)
+              z(F(e.subTitle), 1)
             ], !0)
           ]),
           k(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (y(), E(T(An), {
+            e.ratingValue ? (y(), B(T(An), {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : x("", !0)
@@ -6907,7 +6920,7 @@ const ac = /* @__PURE__ */ B(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }, 16, ["href", "title"]));
   }
 });
-const uc = /* @__PURE__ */ B(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
+const uc = /* @__PURE__ */ A(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -6968,7 +6981,7 @@ const uc = /* @__PURE__ */ B(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @_
     ], 2));
   }
 });
-const Rt = /* @__PURE__ */ B(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ A(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: ca,
   VJoyAvatar: bn,