@maltjoy/core-vue 3.19.3 → 3.19.4

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as T, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as G, createTextVNode as q, toDisplayString as J, createCommentVNode as S, createBlock as A, resolveDynamicComponent as oe, mergeProps as ne, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as w, unref as V, renderList as Y, useAttrs as Be, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as wt, onScopeDispose as St, ref as k, getCurrentInstance as ea, onMounted as le, nextTick as Pe, watch as X, h as ta, Teleport as rt, createVNode as U, useSlots as ee, onBeforeUnmount as Me, Transition as fn, withKeys as xt, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as kt, createSlots as yn, inject as it, createStaticVNode as vn, 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 T, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as G, createTextVNode as z, toDisplayString as J, createCommentVNode as S, createBlock as A, resolveDynamicComponent as oe, mergeProps as ee, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as w, unref as V, renderList as Y, useAttrs as Be, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as wt, onScopeDispose as St, ref as x, getCurrentInstance as ea, onMounted as le, nextTick as Pe, watch as X, h as ta, Teleport as rt, createVNode as U, useSlots as te, onBeforeUnmount as Me, Transition as fn, withKeys as kt, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as xt, createSlots as yn, inject as it, createStaticVNode as vn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
 function Rt(e) {
   const t = e.target;
   if (!t)
@@ -47,7 +47,7 @@ const ia = {
         class: $(n.value)
       }, null, 2),
       e.label ? (y(), g(G, { key: 0 }, [
-        q(J(e.label), 1)
+        z(J(e.label), 1)
       ], 64)) : S("", !0)
     ], 10, sa));
   }
@@ -169,7 +169,7 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
       isAnonymous: i,
       initials: u
     }), (d, c) => (y(), g("div", ya, [
-      (y(), A(oe(e.link ? "button" : "div"), ne(r.value, {
+      (y(), A(oe(e.link ? "button" : "div"), ee(r.value, {
         class: [l.value],
         onClick: f
       }), {
@@ -188,10 +188,10 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
             loading: "lazy"
           }, null, 8, va)) : S("", !0),
           e.fullName ? (y(), g(G, { key: 2 }, [
-            q(J(u.value), 1)
+            z(J(u.value), 1)
           ], 64)) : S("", !0),
           e.totalNumber ? (y(), g(G, { key: 3 }, [
-            q(J("+" + e.totalNumber), 1)
+            z(J("+" + e.totalNumber), 1)
           ], 64)) : S("", !0)
         ]),
         _: 1
@@ -223,7 +223,7 @@ const pn = /* @__PURE__ */ E(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @_
     ], 2));
   }
 });
-const wa = /* @__PURE__ */ E(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], xa = /* @__PURE__ */ L({
+const wa = /* @__PURE__ */ E(_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__ */ E(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["inf
       role: "status"
     }, [
       w(t.$slots, "default", {}, () => [
-        q(J(e.label), 1)
+        z(J(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const ka = /* @__PURE__ */ E(xa, [["__scopeId", "data-v-4512c8c6"]]);
+const xa = /* @__PURE__ */ E(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 || {}), Ge = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ge || {});
 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,7 +398,7 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
         ])
       }, [
         e.visibleText ? w(a.$slots, "default", { key: 0 }, () => [
-          q(J(n.value), 1)
+          z(J(n.value), 1)
         ], !0) : S("", !0)
       ], 2)
     ]));
@@ -545,7 +545,7 @@ const Ct = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             class: "joy-button--slot"
           }, [
             w(i.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              z(J(e.label), 1)
             ], !0)
           ]),
           e.icon && e.iconPosition === "right" ? (y(), A(W, {
@@ -577,7 +577,7 @@ function st(e) {
   return wt() ? (St(e), !0) : !1;
 }
 function oo(e) {
-  return typeof e == "function" ? T(e) : k(e);
+  return typeof e == "function" ? T(e) : x(e);
 }
 function lo(e, t = !0) {
   ea() ? le(e) : t ? e() : Pe(e);
@@ -640,7 +640,7 @@ function ro(e, t, n = {}) {
   return () => d.forEach((m) => m());
 }
 function io(e, t = !1) {
-  const n = k(), a = () => n.value = !!e();
+  const n = x(), a = () => n.value = !!e();
   return a(), lo(a, t), n;
 }
 const zt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, qt = "__vueuse_ssr_handlers__";
@@ -674,7 +674,7 @@ var Wt;
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(Wt || (Wt = {}));
 function yo(e) {
-  const t = k(e == null ? void 0 : e.element), n = k(e == null ? void 0 : e.input);
+  const t = x(e == null ? void 0 : e.element), n = x(e == null ? void 0 : e.input);
   function a() {
     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));
@@ -727,7 +727,7 @@ const Tt = /* @__PURE__ */ L({
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
-    const a = k();
+    const a = x();
     return ro(a, (o) => {
       n("trigger", o);
     }, e.options), () => {
@@ -771,8 +771,8 @@ function So(e) {
   const t = e || window.event, n = t.target;
   return gn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-function xo(e, t = !1) {
-  const n = k(t);
+function ko(e, t = !1) {
+  const n = x(t);
   let a = null, o;
   X(oo(e), (i) => {
     if (i) {
@@ -800,18 +800,18 @@ function xo(e, t = !1) {
     }
   });
 }
-const ko = () => {
+const xo = () => {
   let e = !1;
-  const t = k(!1);
+  const t = x(!1);
   return (n, a) => {
     if (t.value = a.value, e)
       return;
     e = !0;
-    const o = xo(n, a.value);
+    const o = ko(n, a.value);
     X(t, (r) => o.value = r);
   };
 };
-ko();
+xo();
 const hn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ */ hn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), jo = /* @__PURE__ */ hn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), $o = [
   jo
 ], Vo = { class: "joy-bottom-sheet_content" }, To = { class: "joy-bottom-sheet_footer" }, Zt = 75, Qt = "moving", Io = /* @__PURE__ */ L({
@@ -849,7 +849,7 @@ const hn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     const a = e, o = Be(), r = T(() => {
       if (l.value)
         return o;
-    }), l = k(!1), i = k(!1), u = k(a.open), f = k(!1), d = k();
+    }), l = x(!1), i = x(!1), u = x(a.open), f = x(!1), d = x();
     let c = 0;
     function m() {
       u.value = !0, j();
@@ -865,7 +865,7 @@ const hn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     function v(B) {
       f.value && (C(B) > Zt && s(), F());
     }
-    function x(B) {
+    function k(B) {
       if (f.value) {
         const N = C(B);
         N > Zt ? s() : N > 0 && P(N);
@@ -897,7 +897,7 @@ const hn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
       key: 0,
       to: e.teleport
     }, [
-      u.value ? (y(), g("div", ne({ key: 0 }, r.value, {
+      u.value ? (y(), g("div", ee({ key: 0 }, r.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -919,11 +919,11 @@ const hn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
                 class: "joy-bottom-sheet_header",
                 onMousedown: p,
                 onMouseup: v,
-                onMousemove: x,
+                onMousemove: k,
                 onMouseleave: v,
                 onTouchstart: p,
                 onTouchend: v,
-                onTouchmove: x
+                onTouchmove: k
               }, $o, 32),
               b("div", Vo, [
                 w(B.$slots, "bottom-sheet-content", {}, void 0, !0)
@@ -950,15 +950,16 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   props: {
     bottomSheet: {}
   },
-  setup(e) {
-    const t = e, n = T(() => t.bottomSheet), a = ee(), o = T(() => a.default());
-    function r() {
-      var l;
-      (l = n.value) == null || l.show();
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = e, a = T(() => n.bottomSheet), o = te(), r = T(() => o.default());
+    function l() {
+      var i;
+      t("click"), (i = a.value) == null || i.show();
     }
-    return (l, i) => (y(!0), g(G, null, Y(o.value, (u) => (y(), A(oe(u), {
-      key: u,
-      onClick: r
+    return (i, u) => (y(!0), g(G, null, Y(r.value, (f) => (y(), A(oe(f), {
+      key: f,
+      onClick: l
     }))), 128));
   }
 }), Ao = ["aria-checked", "aria-hidden"], Bo = { class: "joy-checkbox__input-wrapper" }, No = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Oo = { class: "joy-checkbox__content-wrapper" }, Jo = { class: "joy-checkbox__content" }, Fo = /* @__PURE__ */ L({
@@ -1016,7 +1017,7 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(), r = k(a.indeterminate), l = k(a.invalid), i = k(!1), u = {
+    const a = e, o = x(), r = x(a.indeterminate), l = x(a.invalid), i = x(!1), u = {
       onChange: (f) => {
         const d = f.target.checked;
         r.value = !1, l.value = !1, n("update:checked", d);
@@ -1072,7 +1073,7 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
         ]),
         b("div", Oo, [
           w(f.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            z(J(e.label), 1)
           ], !0),
           b("div", Jo, [
             w(f.$slots, "checkbox-content", {}, void 0, !0)
@@ -1102,7 +1103,7 @@ const It = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(a.open);
+    const a = e, o = x(a.open);
     X(
       () => a.open,
       (i) => {
@@ -1143,7 +1144,7 @@ const It = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : S("", !0),
-          q(" " + J(e.header), 1)
+          z(" " + J(e.header), 1)
         ], 8, Ro),
         b("div", Do, [
           w(i.$slots, "collapse-header-right")
@@ -1185,7 +1186,7 @@ const _n = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(a.modelValue), r = ee(), l = T(() => {
+    const a = e, o = x(a.modelValue), r = te(), l = T(() => {
       const s = r.default();
       return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(i) : s.filter(i);
     });
@@ -1222,17 +1223,17 @@ const _n = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
       items: l,
       openedCollapseItem: o
     }), (s, p) => (y(), g("div", qo, [
-      (y(!0), g(G, null, Y(l.value, (v) => (y(), A(_n, ne(v.props, {
+      (y(!0), g(G, null, Y(l.value, (v) => (y(), A(_n, ee(v.props, {
         key: v.props.id,
         open: f(v),
-        "onCollapseItem:open": (x) => d(v),
-        "onCollapseItem:close": (x) => c(v)
+        "onCollapseItem:open": (k) => d(v),
+        "onCollapseItem:close": (k) => c(v)
       }), {
         "collapse-header-right": M(() => [
-          (y(!0), g(G, null, Y(u(v, "collapse-header-right"), (x) => (y(), A(oe(x), { key: x }))), 128))
+          (y(!0), g(G, null, Y(u(v, "collapse-header-right"), (k) => (y(), A(oe(k), { key: k }))), 128))
         ]),
         default: M(() => [
-          (y(!0), g(G, null, Y(u(v, "default"), (x) => (y(), A(oe(x), { key: x }))), 128))
+          (y(!0), g(G, null, Y(u(v, "default"), (k) => (y(), A(oe(k), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
@@ -1371,7 +1372,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(!1), r = k(!1), l = k();
+    const a = e, o = x(!1), r = x(!1), l = x();
     Lt(l, a.autofocus);
     function i() {
       const v = d(!1);
@@ -1385,7 +1386,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       o.value = !c();
     }
     function d(v = !0) {
-      const x = a.step.toString().split("."), C = x.length === 2 ? x[1].length : 0;
+      const k = a.step.toString().split("."), C = k.length === 2 ? k[1].length : 0;
       return parseFloat(v ? (a.modelValue + a.step).toFixed(C) : (a.modelValue - a.step).toFixed(C));
     }
     function c() {
@@ -1410,7 +1411,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     };
     return t({
       props: a
-    }), (v, x) => (y(), g("div", Zo, [
+    }), (v, k) => (y(), g("div", Zo, [
       e.label ? (y(), A(V(je), {
         key: 0,
         for: e.id,
@@ -1420,7 +1421,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       }, {
         default: M(() => [
           w(v.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            z(J(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -1438,7 +1439,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
           U(V(W), { name: "minus" })
         ], 8, Qo),
         b("div", Xo, [
-          b("input", ne({
+          b("input", ee({
             id: e.id,
             ref_key: "input",
             ref: l,
@@ -1452,11 +1453,11 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
             step: "any",
             value: e.modelValue
           }, v.$attrs, {
-            onInput: x[0] || (x[0] = //@ts-ignore
+            onInput: k[0] || (k[0] = //@ts-ignore
             (...C) => p.onInput && p.onInput(...C)),
-            onBlur: x[1] || (x[1] = //@ts-ignore
+            onBlur: k[1] || (k[1] = //@ts-ignore
             (...C) => p.onBlur && p.onBlur(...C)),
-            onFocus: x[2] || (x[2] = //@ts-ignore
+            onFocus: k[2] || (k[2] = //@ts-ignore
             (...C) => p.onFocus && p.onFocus(...C))
           }), null, 16, el)
         ]),
@@ -1492,7 +1493,7 @@ function sl(e) {
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ze = /* @__PURE__ */ wn.join(","), Sn = typeof Element > "u", ke = Sn ? function() {
+var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ze = /* @__PURE__ */ wn.join(","), Sn = typeof Element > "u", xe = Sn ? function() {
 } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Qe = !Sn && Element.prototype.getRootNode ? function(e) {
   var t;
   return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
@@ -1506,12 +1507,12 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, ul = function(t) {
   var n, a = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
   return a === "" || a === "true";
-}, xn = function(t, n, a) {
+}, kn = function(t, n, a) {
   if (Xe(t))
     return [];
   var o = Array.prototype.slice.apply(t.querySelectorAll(Ze));
-  return n && ke.call(t, Ze) && o.unshift(t), o = o.filter(a), o;
-}, kn = function e(t, n, a) {
+  return n && xe.call(t, Ze) && o.unshift(t), o = o.filter(a), o;
+}, xn = function e(t, n, a) {
   for (var o = [], r = Array.from(t); r.length; ) {
     var l = r.shift();
     if (!Xe(l, !1))
@@ -1522,7 +1523,7 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: f
         });
       } else {
-        var d = ke.call(l, Ze);
+        var d = xe.call(l, Ze);
         d && a.filter(l) && (n || !t.includes(l)) && o.push(l);
         var c = l.shadowRoot || // check for an undisclosed shadow
         typeof a.getShadowRoot == "function" && a.getShadowRoot(l), m = !Xe(c, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
@@ -1539,12 +1540,12 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return o;
 }, Cn = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, xe = function(t) {
+}, ke = function(t) {
   if (!t)
     throw new Error("No node provided");
   return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ul(t)) && !Cn(t) ? 0 : t.tabIndex;
 }, cl = function(t, n) {
-  var a = xe(t);
+  var a = ke(t);
   return a < 0 && n && !Cn(t) ? 0 : a;
 }, dl = function(t, n) {
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
@@ -1598,8 +1599,8 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var a = n.displayCheck, o = n.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
-  var r = ke.call(t, "details>summary:first-of-type"), l = r ? t.parentElement : t;
-  if (ke.call(l, "details:not([open]) *"))
+  var r = xe.call(t, "details>summary:first-of-type"), l = r ? t.parentElement : t;
+  if (xe.call(l, "details:not([open]) *"))
     return !0;
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
@@ -1625,7 +1626,7 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         for (var a = 0; a < n.children.length; a++) {
           var o = n.children.item(a);
           if (o.tagName === "LEGEND")
-            return ke.call(n, "fieldset[disabled] *") ? !0 : !o.contains(t);
+            return xe.call(n, "fieldset[disabled] *") ? !0 : !o.contains(t);
         }
         return !0;
       }
@@ -1639,7 +1640,7 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   Xe(n) || fl(n) || hl(n, t) || // For a details element with a summary, the summary element gets the focus
   yl(n) || _l(n));
 }, mt = function(t, n) {
-  return !(bl(n) || xe(n) < 0 || !et(t, n));
+  return !(bl(n) || ke(n) < 0 || !et(t, n));
 }, wl = function(t) {
   var n = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
@@ -1657,31 +1658,31 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   }), a.sort(dl).reduce(function(o, r) {
     return r.isScope ? o.push.apply(o, r.content) : o.push(r.content), o;
   }, []).concat(n);
-}, xl = function(t, n) {
+}, kl = function(t, n) {
   n = n || {};
   var a;
-  return n.getShadowRoot ? a = kn([t], n.includeContainer, {
+  return n.getShadowRoot ? a = xn([t], n.includeContainer, {
     filter: mt.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
     shadowRootFilter: wl
-  }) : a = xn(t, n.includeContainer, mt.bind(null, n)), Sl(a);
-}, kl = function(t, n) {
+  }) : a = kn(t, n.includeContainer, mt.bind(null, n)), Sl(a);
+}, xl = function(t, n) {
   n = n || {};
   var a;
-  return n.getShadowRoot ? a = kn([t], n.includeContainer, {
+  return n.getShadowRoot ? a = xn([t], n.includeContainer, {
     filter: et.bind(null, n),
     flatten: !0,
     getShadowRoot: n.getShadowRoot
-  }) : a = xn(t, n.includeContainer, et.bind(null, n)), a;
+  }) : a = kn(t, n.includeContainer, et.bind(null, n)), a;
 }, Ve = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return ke.call(t, Ze) === !1 ? !1 : mt(n, t);
+  return xe.call(t, Ze) === !1 ? !1 : mt(n, t);
 }, Cl = /* @__PURE__ */ wn.concat("iframe").join(","), vt = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return ke.call(t, Cl) === !1 ? !1 : et(n, t);
+  return xe.call(t, Cl) === !1 ? !1 : et(n, t);
 };
 /*!
 * focus-trap 7.5.4
@@ -1816,12 +1817,12 @@ var nn = {
   }, f = function(h, _) {
     var I = typeof (_ == null ? void 0 : _.composedPath) == "function" ? _.composedPath() : void 0;
     return l.containerGroups.findIndex(function(R) {
-      var D = R.container, z = R.tabbableNodes;
+      var D = R.container, q = R.tabbableNodes;
       return D.contains(h) || // 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)) || z.find(function(K) {
+      (I == null ? void 0 : I.includes(D)) || q.find(function(K) {
         return K === h;
       });
     });
@@ -1837,10 +1838,10 @@ var nn = {
         return _;
       throw new Error("`".concat(h, "` was specified but was not a node, or did not return a node"));
     }
-    var z = _;
-    if (typeof _ == "string" && (z = a.querySelector(_), !z))
+    var q = _;
+    if (typeof _ == "string" && (q = a.querySelector(_), !q))
       throw new Error("`".concat(h, "` as selector refers to no known node"));
-    return z;
+    return q;
   }, c = function() {
     var h = d("initialFocus");
     if (h === !1)
@@ -1857,19 +1858,19 @@ var nn = {
     return h;
   }, m = function() {
     if (l.containerGroups = l.containers.map(function(h) {
-      var _ = xl(h, r.tabbableOptions), I = kl(h, r.tabbableOptions), R = _.length > 0 ? _[0] : void 0, D = _.length > 0 ? _[_.length - 1] : void 0, z = I.find(function(Q) {
+      var _ = kl(h, r.tabbableOptions), I = xl(h, r.tabbableOptions), R = _.length > 0 ? _[0] : void 0, D = _.length > 0 ? _[_.length - 1] : void 0, q = I.find(function(Q) {
         return Ve(Q);
       }), K = I.slice().reverse().find(function(Q) {
         return Ve(Q);
-      }), te = !!_.find(function(Q) {
-        return xe(Q) > 0;
+      }), ne = !!_.find(function(Q) {
+        return ke(Q) > 0;
       });
       return {
         container: h,
         tabbableNodes: _,
         focusableNodes: I,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: te,
+        posTabIndexesFound: ne,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: R,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -1882,7 +1883,7 @@ var nn = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: z,
+        firstDomTabbableNode: q,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: K,
         /**
@@ -1927,38 +1928,38 @@ var nn = {
   }, v = function(h) {
     var _ = d("setReturnFocus", h);
     return _ || (_ === !1 ? !1 : h);
-  }, x = function(h) {
+  }, k = function(h) {
     var _ = h.target, I = h.event, R = h.isBackward, D = R === void 0 ? !1 : R;
     _ = _ || Ke(I), m();
-    var z = null;
+    var q = null;
     if (l.tabbableGroups.length > 0) {
-      var K = f(_, I), te = K >= 0 ? l.containerGroups[K] : void 0;
+      var K = f(_, I), ne = K >= 0 ? l.containerGroups[K] : void 0;
       if (K < 0)
-        D ? z = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : z = l.tabbableGroups[0].firstTabbableNode;
+        D ? q = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : q = l.tabbableGroups[0].firstTabbableNode;
       else if (D) {
         var Q = on(l.tabbableGroups, function(dt) {
           var ft = dt.firstTabbableNode;
           return _ === ft;
         });
-        if (Q < 0 && (te.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !te.nextTabbableNode(_, !1)) && (Q = K), Q >= 0) {
+        if (Q < 0 && (ne.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !ne.nextTabbableNode(_, !1)) && (Q = K), Q >= 0) {
           var Se = Q === 0 ? l.tabbableGroups.length - 1 : Q - 1, Ne = l.tabbableGroups[Se];
-          z = xe(_) >= 0 ? Ne.lastTabbableNode : Ne.lastDomTabbableNode;
+          q = ke(_) >= 0 ? Ne.lastTabbableNode : Ne.lastDomTabbableNode;
         } else
-          Fe(I) || (z = te.nextTabbableNode(_, !1));
+          Fe(I) || (q = ne.nextTabbableNode(_, !1));
       } else {
         var pe = on(l.tabbableGroups, function(dt) {
           var ft = dt.lastTabbableNode;
           return _ === ft;
         });
-        if (pe < 0 && (te.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !te.nextTabbableNode(_)) && (pe = K), pe >= 0) {
+        if (pe < 0 && (ne.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !ne.nextTabbableNode(_)) && (pe = K), pe >= 0) {
           var Oe = pe === l.tabbableGroups.length - 1 ? 0 : pe + 1, Pt = l.tabbableGroups[Oe];
-          z = xe(_) >= 0 ? Pt.firstTabbableNode : Pt.firstDomTabbableNode;
+          q = ke(_) >= 0 ? Pt.firstTabbableNode : Pt.firstDomTabbableNode;
         } else
-          Fe(I) || (z = te.nextTabbableNode(_));
+          Fe(I) || (q = ne.nextTabbableNode(_));
       }
     } else
-      z = d("fallbackFocus");
-    return z;
+      q = d("fallbackFocus");
+    return q;
   }, C = function(h) {
     var _ = Ke(h);
     if (!(f(_, h) >= 0)) {
@@ -1984,23 +1985,23 @@ var nn = {
       h.stopImmediatePropagation();
       var R, D = !0;
       if (l.mostRecentlyFocusedNode)
-        if (xe(l.mostRecentlyFocusedNode) > 0) {
-          var z = f(l.mostRecentlyFocusedNode), K = l.containerGroups[z].tabbableNodes;
+        if (ke(l.mostRecentlyFocusedNode) > 0) {
+          var q = f(l.mostRecentlyFocusedNode), K = l.containerGroups[q].tabbableNodes;
           if (K.length > 0) {
-            var te = K.findIndex(function(Q) {
+            var ne = K.findIndex(function(Q) {
               return Q === l.mostRecentlyFocusedNode;
             });
-            te >= 0 && (r.isKeyForward(l.recentNavEvent) ? te + 1 < K.length && (R = K[te + 1], D = !1) : te - 1 >= 0 && (R = K[te - 1], D = !1));
+            ne >= 0 && (r.isKeyForward(l.recentNavEvent) ? ne + 1 < K.length && (R = K[ne + 1], D = !1) : ne - 1 >= 0 && (R = K[ne - 1], D = !1));
           }
         } else
           l.containerGroups.some(function(Q) {
             return Q.tabbableNodes.some(function(Se) {
-              return xe(Se) > 0;
+              return ke(Se) > 0;
             });
           }) || (D = !1);
       else
         D = !1;
-      D && (R = x({
+      D && (R = k({
         // 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,
@@ -2011,7 +2012,7 @@ var nn = {
   }, P = function(h) {
     var _ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     l.recentNavEvent = h;
-    var I = x({
+    var I = k({
       event: h,
       isBackward: _
     });
@@ -2087,14 +2088,14 @@ var nn = {
         checkCanReturnFocus: r.checkCanReturnFocus
       }, h);
       clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, N(), l.active = !1, l.paused = !1, ue(), nn.deactivateTrap(o, i);
-      var I = u(_, "onDeactivate"), R = u(_, "onPostDeactivate"), D = u(_, "checkCanReturnFocus"), z = u(_, "returnFocus", "returnFocusOnDeactivate");
+      var I = u(_, "onDeactivate"), R = u(_, "onPostDeactivate"), D = u(_, "checkCanReturnFocus"), q = u(_, "returnFocus", "returnFocusOnDeactivate");
       I == null || I();
       var K = function() {
         an(function() {
-          z && p(v(l.nodeFocusedBeforeActivation)), R == null || R();
+          q && p(v(l.nodeFocusedBeforeActivation)), R == null || R();
         });
       };
-      return z && D ? (D(v(l.nodeFocusedBeforeActivation)).then(K, K), this) : (K(), this);
+      return q && D ? (D(v(l.nodeFocusedBeforeActivation)).then(K, K), this) : (K(), this);
     },
     pause: function(h) {
       if (l.paused || !l.active)
@@ -2118,7 +2119,7 @@ var nn = {
 };
 function $n(e, t = {}) {
   let n;
-  const { immediate: a, ...o } = t, r = k(!1), l = k(!1), i = (c) => n && n.activate(c), u = (c) => n && n.deactivate(c), f = () => {
+  const { immediate: a, ...o } = t, r = x(!1), l = x(!1), i = (c) => n && n.activate(c), u = (c) => n && n.deactivate(c), f = () => {
     n && (n.pause(), l.value = !0);
   }, d = () => {
     n && (n.unpause(), l.value = !1);
@@ -2222,7 +2223,7 @@ 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 = ee(), l = k(!1), i = k(), u = k(a.open), f = $n(i), d = Be(), c = T(() => {
+    const a = e, o = "joy-dialog--" + _e(), r = te(), l = x(!1), i = x(), u = x(a.open), f = $n(i), d = Be(), c = T(() => {
       if (l.value)
         return d;
     }), m = T(() => {
@@ -2230,9 +2231,9 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
       return !!j || !!B;
     }), p = T(() => a.id || o).value + "-header";
     function v() {
-      !a.patternConfirm && x();
+      !a.patternConfirm && k();
     }
-    async function x(j = { fireHideEvent: !0 }) {
+    async function k(j = { fireHideEvent: !0 }) {
       f.deactivate(), u.value = !1, await Pe(), me(!1), j.fireHideEvent && n("dialog:hide");
     }
     async function C() {
@@ -2254,7 +2255,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
     }), t({
       focusTrapReturn: f,
       hasFooterSlots: m,
-      hide: x,
+      hide: k,
       isOpen: u,
       show: C
     }), (j, B) => l.value ? (y(), A(rt, {
@@ -2270,7 +2271,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
         onAfterLeave: F
       }, {
         default: M(() => [
-          u.value ? (y(), g("div", ne({ key: 0 }, c.value, {
+          u.value ? (y(), g("div", ee({ key: 0 }, c.value, {
             id: e.id || o,
             ref_key: "dialogRef",
             ref: i,
@@ -2278,7 +2279,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
             "aria-modal": "true",
             class: ["joy-dialog", { "joy-dialog--open": u.value }],
             "aria-labelledby": p,
-            onKeydown: xt(v, ["esc"])
+            onKeydown: kt(v, ["esc"])
           }), [
             b("div", {
               class: $([
@@ -2328,7 +2329,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: B[0] || (B[0] = (N) => x())
+                    onClick: B[0] || (B[0] = (N) => k())
                   }, null, 8, ["label"]))
                 ]),
                 b("div", Pl, [
@@ -2353,10 +2354,10 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: B[1] || (B[1] = (N) => x())
+                          onClick: B[1] || (B[1] = (N) => k())
                         }, {
                           default: M(() => [
-                            q(J(e.cancelText), 1)
+                            z(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : S("", !0)
@@ -2370,7 +2371,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                           onClick: B[2] || (B[2] = (N) => n("dialog:confirm"))
                         }, {
                           default: M(() => [
-                            q(J(e.confirmText), 1)
+                            z(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : S("", !0)
@@ -2396,15 +2397,16 @@ const Ml = /* @__PURE__ */ E(Dl, [["__scopeId", "data-v-07aa9ce6"]]), zl = /* @_
   props: {
     dialog: {}
   },
-  setup(e) {
-    const t = e, n = T(() => t.dialog), a = ee(), o = T(() => a.default());
-    async function r() {
-      var l;
-      await ((l = n.value) == null ? void 0 : l.show());
-    }
-    return (l, i) => (y(!0), g(G, null, Y(o.value, (u) => (y(), A(oe(u), {
-      key: u,
-      onClick: r
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = e, a = T(() => n.dialog), o = te(), r = T(() => o.default());
+    async function l() {
+      var i;
+      t("click"), await ((i = a.value) == null ? void 0 : i.show());
+    }
+    return (i, u) => (y(!0), g(G, null, Y(r.value, (f) => (y(), A(oe(f), {
+      key: f,
+      onClick: l
     }))), 128));
   }
 }), ql = ["disabled"], Hl = { class: "joy-divider-cta--icon" }, Wl = { class: "joy-divider-cta--content" }, Ul = { class: "joy-divider-cta--content---title" }, Kl = /* @__PURE__ */ L({
@@ -2499,7 +2501,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__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 = ee(), l = k(!1), i = k(), u = k(a.open), f = $n(i), d = Be(), c = T(() => {
+    const a = e, o = "joy-drawer--" + _e(), r = te(), l = x(!1), i = x(), u = x(a.open), f = $n(i), d = Be(), c = T(() => {
       if (l.value)
         return d;
     }), m = T(() => {
@@ -2509,7 +2511,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
     async function v(F = { fireHideEvent: !0 }) {
       f.deactivate(), u.value = !1, await Pe(), me(!1), F.fireHideEvent && n("drawer:hide");
     }
-    async function x() {
+    async function k() {
       u.value = !0, await Pe(), a.focusTrap && !a.elevated && f.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
     function C() {
@@ -2530,7 +2532,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
       hasFooterSlots: m,
       hide: v,
       isOpen: u,
-      show: x
+      show: k
     }), (F, j) => l.value ? (y(), A(rt, {
       key: 0,
       to: e.teleport
@@ -2544,7 +2546,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
         onAfterLeave: P
       }, {
         default: M(() => [
-          u.value ? (y(), g("div", ne({ key: 0 }, c.value, {
+          u.value ? (y(), g("div", ee({ key: 0 }, c.value, {
             id: s.value,
             ref_key: "drawerRef",
             ref: i,
@@ -2559,7 +2561,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               }
             ],
             "aria-labelledby": p,
-            onKeydown: j[4] || (j[4] = xt((B) => v(), ["esc"]))
+            onKeydown: j[4] || (j[4] = kt((B) => v(), ["esc"]))
           }), [
             e.elevated ? S("", !0) : (y(), g("div", {
               key: 0,
@@ -2627,7 +2629,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                           onClick: j[2] || (j[2] = (B) => v())
                         }, {
                           default: M(() => [
-                            q(J(e.cancelText), 1)
+                            z(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : S("", !0)
@@ -2641,7 +2643,7 @@ const Gl = /* @__PURE__ */ E(Kl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                           onClick: j[3] || (j[3] = (B) => n("drawer:confirm"))
                         }, {
                           default: M(() => [
-                            q(J(e.confirmText), 1)
+                            z(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : S("", !0)
@@ -2667,15 +2669,16 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
   props: {
     drawer: {}
   },
-  setup(e) {
-    const t = e, n = T(() => t.drawer), a = ee(), o = T(() => a.default());
-    async function r() {
-      var l;
-      await ((l = n.value) == null ? void 0 : l.show());
-    }
-    return (l, i) => (y(!0), g(G, null, Y(o.value, (u) => (y(), A(oe(u), {
-      key: u,
-      onClick: r
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = e, a = T(() => n.drawer), o = te(), r = T(() => o.default());
+    async function l() {
+      var i;
+      t("click"), await ((i = a.value) == null ? void 0 : i.show());
+    }
+    return (i, u) => (y(!0), g(G, null, Y(r.value, (f) => (y(), A(oe(f), {
+      key: f,
+      onClick: l
     }))), 128));
   }
 }), Vn = ["medium", "small", "xsmall"], lr = {
@@ -2731,7 +2734,7 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(), r = T(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
+    const a = e, o = x(), r = T(() => (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);
     }
@@ -2760,8 +2763,8 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
           n("update:modelValue", v.dataModel);
         }
         if (f() && s.key === " " && s.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) {
-          const v = i(), x = f();
-          let C = v.indexOf(x);
+          const v = i(), k = f();
+          let C = v.indexOf(k);
           if (v.length) {
             s.preventDefault(), s.key === "ArrowDown" ? C++ : s.key === "ArrowUp" ? C-- : s.key === "Home" ? C = 0 : s.key === "End" && (C = v.length - 1), C < 0 && (C = v.length - 1), C > v.length - 1 && (C = 0), c(v[C]);
             return;
@@ -2828,7 +2831,7 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             "aria-label": v.label,
             ".dataModel": v.value || v.id,
             role: "option",
-            onClick: (x) => l(v)
+            onClick: (k) => l(v)
           }, [
             w(s.$slots, "label", ze(qe(v)), () => [
               b("span", null, J(v.label), 1)
@@ -2933,8 +2936,8 @@ const Tn = /* @__PURE__ */ E(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 = k(!1), r = k(null), l = k(), i = k(null), u = k(null), f = k(!1), d = "joy-dropdown--" + _e();
-    kt("VJoyDropdownContext", a);
+    const a = e, o = x(!1), r = x(null), l = x(), i = x(null), u = x(null), f = x(!1), d = "joy-dropdown--" + _e();
+    xt("VJoyDropdownContext", a);
     const c = {
       ignore: [l, ".joy-dropdown__list"]
     };
@@ -2960,7 +2963,7 @@ const Tn = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     function v(j) {
       f.value = !1, m && clearTimeout(m), u.value = j.target, o.value = !0, n("dropdown:open");
     }
-    function x() {
+    function k() {
       p(), C();
     }
     function C() {
@@ -3022,7 +3025,7 @@ const Tn = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
             "reset-label": e.resetLabel,
             "aria-labelled-by": d,
             "onUpdate:modelValue": O,
-            "onClose:dropdownList": x,
+            "onClose:dropdownList": k,
             onReset: P
           }, yn({
             label: M((N) => [
@@ -3101,7 +3104,7 @@ const pr = /* @__PURE__ */ E(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
       class: $(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: o
     }, [
-      q(J(e.label) + " ", 1),
+      z(J(e.label) + " ", 1),
       w(r.$slots, "default", {}, void 0, !0),
       V(a) ? (y(), A(W, {
         key: 0,
@@ -3126,7 +3129,7 @@ const br = /* @__PURE__ */ E(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { cla
     ]));
   }
 });
-const Sr = /* @__PURE__ */ E(wr, [["__scopeId", "data-v-1e11bcdc"]]), xr = ["aria-hidden"], kr = /* @__PURE__ */ L({
+const Sr = /* @__PURE__ */ E(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 */
@@ -3149,13 +3152,13 @@ const Sr = /* @__PURE__ */ E(wr, [["__scopeId", "data-v-1e11bcdc"]]), xr = ["ari
       }),
       b("div", null, [
         w(t.$slots, "default", {}, () => [
-          q(J(e.noHtmlErrorText), 1)
+          z(J(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, xr));
+    ], 10, kr));
   }
 });
-const In = /* @__PURE__ */ E(kr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
+const In = /* @__PURE__ */ E(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 */
@@ -3216,7 +3219,7 @@ const jr = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = k(!0), a = ee();
+    const n = x(!0), a = te();
     function o(l) {
       const i = l.currentTarget;
       n.value = i.scrollTop === 0;
@@ -3371,7 +3374,7 @@ const Ln = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = ee(), r = k(a.modelValue), l = T(() => {
+    const a = e, o = te(), r = x(a.modelValue), l = T(() => {
       const d = o.default();
       return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(u) : d.filter(u);
     });
@@ -3391,7 +3394,7 @@ const Ln = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     }), (d, c) => (y(), g("ul", {
       class: $(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (y(!0), g(G, null, Y(l.value, (m) => (y(), A(V(Ln), ne({
+      (y(!0), g(G, null, Y(l.value, (m) => (y(), A(V(Ln), ee({
         key: m.props.value
       }, { ...m.props, variant: e.variant }, {
         selected: i(m),
@@ -3430,12 +3433,12 @@ const Kr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Gr = ["sma
     text: String
   },
   setup(e) {
-    return (t, n) => (y(), A(oe(e.tagName), ne({
+    return (t, n) => (y(), A(oe(e.tagName), ee({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: M(() => [
         w(t.$slots, "default", {}, () => [
-          q(J(e.text), 1)
+          z(J(e.text), 1)
         ], !0),
         e.required ? (y(), g("span", Yr, "*")) : S("", !0),
         e.optionalLabel ? (y(), g("span", Zr, "- " + J(e.optionalLabel), 1)) : S("", !0)
@@ -3518,12 +3521,12 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = k(), o = k(), r = Be(), l = ee(), i = k(!1);
+    const n = e, a = x(), o = x(), r = Be(), l = te(), i = x(!1);
     Lt(a, n.autofocus);
     const u = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), f = T(() => l.default && l.default()), d = T(() => {
       var s, p;
       return !!((s = o.value) != null && s.closest("joy-wrapper")) || !!((p = o.value) != null && p.closest(".joy-wrapper"));
-    }), c = k(n.type);
+    }), c = x(n.type);
     na(() => {
       c.value = n.unit ? "number" : n.type;
     });
@@ -3571,7 +3574,7 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
         }, {
           default: M(() => [
             w(s.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              z(J(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -3587,7 +3590,7 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
             }
           ])
         }, [
-          b("input", ne(s.$attrs, {
+          b("input", ee(s.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: a,
@@ -3653,7 +3656,7 @@ const ai = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3c056f49"]]), oi = ["tea
     text: String
   },
   setup(e) {
-    return (t, n) => (y(), g("a", ne({ href: e.href }, t.$attrs, {
+    return (t, n) => (y(), g("a", ee({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
       e.icon ? (y(), A(W, {
@@ -3661,7 +3664,7 @@ const ai = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-3c056f49"]]), oi = ["tea
         name: e.icon
       }, null, 8, ["name"])) : S("", !0),
       w(t.$slots, "default", {}, () => [
-        q(J(e.text), 1)
+        z(J(e.text), 1)
       ], !0)
     ], 16, li));
   }
@@ -3687,7 +3690,7 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: n }) {
-    const a = k(), o = k(0), r = k();
+    const a = x(), o = x(0), r = x();
     function l(c) {
       c.disabled || n("selectItem", c);
     }
@@ -3822,7 +3825,7 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
         size: e.labelSize
       }, {
         default: M(() => [
-          q(J(e.label), 1)
+          z(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : S("", !0),
@@ -3837,7 +3840,7 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
         }, {
           default: M(() => [
             w(r.$slots, "checkbox", ze(qe(i)), () => [
-              q(J(i.label), 1)
+              z(J(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -3972,7 +3975,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), ln = /* @_
     ], 8, bi));
   }
 });
-const xi = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-e5b57944"]]), ki = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
+const ki = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-e5b57944"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
   key: 0,
   class: /* @__PURE__ */ $(["joy-panel__header"])
 }, $i = {
@@ -3998,7 +4001,7 @@ const xi = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-e5b57944"]]), ki = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return ki.includes(e);
+        return xi.includes(e);
       }
     },
     titleSize: {
@@ -4018,7 +4021,7 @@ const xi = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-e5b57944"]]), ki = ["sma
     }
   },
   setup(e) {
-    const t = it("VJoyWrapperContext", {}), n = T(() => Object.keys(t).length > 0), a = ee(), o = k(), r = T(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    const t = it("VJoyWrapperContext", {}), n = T(() => Object.keys(t).length > 0), a = te(), o = x(), r = T(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
     return (l, i) => (y(), g("section", {
       ref_key: "panel",
       ref: o,
@@ -4074,7 +4077,7 @@ const Ei = /* @__PURE__ */ E(Li, [["__scopeId", "data-v-4a8b703c"]]), Ai = { cla
 }, Oi = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = ee();
+    const t = te();
     return (n, a) => (y(), g("div", Ai, [
       V(t)["panel-section-title"] ? (y(), g("div", Bi, [
         w(n.$slots, "panel-section-title", {}, void 0, !0)
@@ -4112,7 +4115,7 @@ const Ji = /* @__PURE__ */ E(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = k(0), o = T(() => r());
+    const n = e, a = x(0), o = T(() => r());
     function r() {
       return n.percentage ? a.value = n.percentage : n.currentStep && n.steps ? a.value = Math.round(n.currentStep / n.steps * 100) : a.value = 0, a.value < 0 && (a.value = 0), a.value > 100 && (a.value = 100), a.value + "%";
     }
@@ -4163,7 +4166,7 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(!1), r = k(!1), l = k(null), i = k(null), u = ee(), f = T(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const a = e, o = x(!1), r = x(!1), l = x(null), i = x(null), u = te(), f = T(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function d() {
       o.value = !!u["expandable-content"] && f.value;
     }
@@ -4408,14 +4411,14 @@ const Et = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = ee(), r = T(() => {
+    const a = e, o = te(), r = T(() => {
       const p = o.default();
       let v = [];
-      return p.forEach((x) => {
-        if (l(x))
-          v.push(x);
+      return p.forEach((k) => {
+        if (l(k))
+          v.push(k);
         else {
-          const C = x.children;
+          const C = k.children;
           if (typeof C == "string" || !C.length)
             return;
           const O = C.filter(l);
@@ -4426,15 +4429,15 @@ const Et = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     function l(p) {
       return (p == null ? void 0 : p.type) === "option";
     }
-    const i = k(), u = k(), f = k(!1), d = T(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const i = x(), u = x(), f = x(!1), d = T(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     le(() => {
-      var x;
+      var k;
       const p = o["select-label"] && o["select-label"]();
       if (!p || !p.length)
         return;
       const v = p[0];
       if (v.type === "JoyLabel") {
-        const C = (x = v.props) == null ? void 0 : x.for;
+        const C = (k = v.props) == null ? void 0 : k.for;
         if (!C) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -4467,7 +4470,7 @@ const Et = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           size: d.value
         }, {
           default: M(() => [
-            q(J(e.label), 1)
+            z(J(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : S("", !0)
@@ -4496,13 +4499,13 @@ const Et = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           onFocus: m,
           onBlur: s
         }, [
-          (y(!0), g(G, null, Y(r.value, (x) => {
+          (y(!0), g(G, null, Y(r.value, (k) => {
             var C, O;
-            return y(), g("option", ne({
-              key: (C = x.props) == null ? void 0 : C.value
-            }, x.props, {
-              selected: ((O = x.props) == null ? void 0 : O.value) === e.modelValue
-            }), J(x.children), 17, ls);
+            return y(), g("option", ee({
+              key: (C = k.props) == null ? void 0 : C.value
+            }, k.props, {
+              selected: ((O = k.props) == null ? void 0 : O.value) === e.modelValue
+            }), J(k.children), 17, ls);
           }), 128))
         ], 40, os),
         U(W, {
@@ -4513,7 +4516,7 @@ const Et = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     ], 512));
   }
 });
-const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-743c6829"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = /* @__PURE__ */ L({
+const is = /* @__PURE__ */ E(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: {
@@ -4546,11 +4549,16 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-743c6829"]]), ss = ["ari
     value: {
       type: String,
       required: !0
+    },
+    label: { type: String },
+    subLabel: { type: String },
+    icon: {
+      type: String
     }
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const n = e, a = k(n.checked), o = k(), r = k(!1), l = n.multiple ? "div" : "label", i = {
+    const n = e, a = x(n.checked), o = x(), r = x(!1), l = n.multiple ? "div" : "label", i = {
       onRadioChange: () => {
         t("update:checked", n.value);
       },
@@ -4634,11 +4642,15 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-743c6829"]]), ss = ["ari
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : S("", !0),
-          e.multiple ? S("", !0) : w(f.$slots, "default", { key: 1 }, void 0, !0),
+          b("div", cs, [
+            e.multiple ? S("", !0) : w(f.$slots, "default", { key: 0 }, void 0, !0)
+          ]),
           b("div", {
             class: $([{ "joy-selectable-item__sublabel": f.$slots["selectable-item-sublabel"] }])
           }, [
-            w(f.$slots, "selectable-item-sublabel", {}, void 0, !0)
+            w(f.$slots, "selectable-item-sublabel", {}, () => [
+              z(J(e.subLabel), 1)
+            ], !0)
           ], 2)
         ]),
         _: 3
@@ -4646,7 +4658,7 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-743c6829"]]), ss = ["ari
     ], 10, ss));
   }
 });
-const An = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-cb2531c0"]]), ds = ["id"], fs = /* @__PURE__ */ L({
+const An = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -4709,7 +4721,7 @@ const An = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-cb2531c0"]]), ds = ["id"
         size: e.labelSize
       }, {
         default: M(() => [
-          q(J(e.label), 1)
+          z(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : S("", !0),
@@ -4723,7 +4735,7 @@ const An = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-cb2531c0"]]), ds = ["id"
           }
         ])
       }, [
-        (y(!0), g(G, null, Y(e.options, (i) => (y(), A(V(An), {
+        (y(!0), g(G, null, Y(e.options, (i) => (y(), A(V(An), ee(i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4732,10 +4744,10 @@ const An = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-cb2531c0"]]), ds = ["id"
           multiple: e.multiple,
           checked: a(i),
           "onUpdate:checked": (u) => o(i.value, u)
-        }, yn({
+        }), yn({
           default: M(() => [
             w(r.$slots, "item", ze(qe(i)), () => [
-              q(J(i.label), 1)
+              z(J(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -4743,16 +4755,16 @@ const An = /* @__PURE__ */ E(cs, [["__scopeId", "data-v-cb2531c0"]]), ds = ["id"
           i.subLabel ? {
             name: "selectable-item-sublabel",
             fn: M(() => [
-              q(J(i.subLabel), 1)
+              z(J(i.subLabel), 1)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
+        ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, ds));
+    ], 8, fs));
   }
 });
-const ys = /* @__PURE__ */ E(fs, [["__scopeId", "data-v-6fe506a6"]]), vs = /* @__PURE__ */ L({
+const vs = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -4772,7 +4784,7 @@ const ys = /* @__PURE__ */ E(fs, [["__scopeId", "data-v-6fe506a6"]]), vs = /* @_
     ], 2));
   }
 });
-const ps = /* @__PURE__ */ E(vs, [["__scopeId", "data-v-21db2899"]]), ms = { class: "joy-snackbar__img" }, bs = { class: "joy-snackbar__content" }, gs = { key: 0 }, hs = ["innerHTML"], _s = /* @__PURE__ */ L({
+const ms = /* @__PURE__ */ E(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: {
@@ -4818,7 +4830,7 @@ const ps = /* @__PURE__ */ E(vs, [["__scopeId", "data-v-21db2899"]]), ms = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = k(!0);
+    const n = e, a = x(!0);
     let o, r;
     const l = "joy-snackbar-" + _e(), i = T(() => mn(n.level));
     function u() {
@@ -4856,7 +4868,7 @@ const ps = /* @__PURE__ */ E(vs, [["__scopeId", "data-v-21db2899"]]), ms = { cla
     }), t({
       isOpen: a,
       exposedMethods: p
-    }), (v, x) => (y(), g("div", {
+    }), (v, k) => (y(), g("div", {
       class: $(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
@@ -4866,12 +4878,12 @@ const ps = /* @__PURE__ */ E(vs, [["__scopeId", "data-v-21db2899"]]), ms = { cla
         id: l,
         class: $(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        b("div", ms, [
+        b("div", bs, [
           U(V(W), { name: i.value }, null, 8, ["name"])
         ]),
-        b("div", bs, [
-          e.header ? (y(), g("strong", gs, J(e.header), 1)) : S("", !0),
-          b("span", { innerHTML: e.message }, null, 8, hs),
+        b("div", gs, [
+          e.header ? (y(), g("strong", hs, J(e.header), 1)) : S("", !0),
+          b("span", { innerHTML: e.message }, null, 8, _s),
           e.actionText ? (y(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
@@ -4891,7 +4903,7 @@ const ps = /* @__PURE__ */ E(vs, [["__scopeId", "data-v-21db2899"]]), ms = { cla
     ], 2));
   }
 });
-const Bn = /* @__PURE__ */ E(_s, [["__scopeId", "data-v-e9634d00"]]), ws = ["id"], Ss = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, ks = /* @__PURE__ */ L({
+const Bn = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     completed: {
@@ -4917,7 +4929,7 @@ const Bn = /* @__PURE__ */ E(_s, [["__scopeId", "data-v-e9634d00"]]), ws = ["id"
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(0.1), r = T(() => 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 = T(() => a.currentSubStep > 0);
+    const a = e, o = x(0.1), r = T(() => 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 = T(() => a.currentSubStep > 0);
     function i(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
@@ -4934,7 +4946,7 @@ const Bn = /* @__PURE__ */ E(_s, [["__scopeId", "data-v-e9634d00"]]), ws = ["id"
         }
       ])
     }, [
-      b("span", Ss, [
+      b("span", ks, [
         b("span", {
           class: "joy-step__stroke--filled",
           style: ce({ maxWidth: r.value })
@@ -4943,10 +4955,10 @@ const Bn = /* @__PURE__ */ E(_s, [["__scopeId", "data-v-e9634d00"]]), ws = ["id"
       b("span", xs, [
         w(u.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, ws));
+    ], 10, Ss));
   }
 });
-const Nn = /* @__PURE__ */ E(ks, [["__scopeId", "data-v-7b9e5926"]]), Cs = { class: "joy-stepper" }, js = /* @__PURE__ */ L({
+const Nn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     step: {
@@ -4959,7 +4971,7 @@ const Nn = /* @__PURE__ */ E(ks, [["__scopeId", "data-v-7b9e5926"]]), Cs = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = ee(), o = T(() => {
+    const n = e, a = te(), o = T(() => {
       const d = a.default();
       return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(r) : d.filter(r);
     });
@@ -4975,10 +4987,10 @@ const Nn = /* @__PURE__ */ E(ks, [["__scopeId", "data-v-7b9e5926"]]), Cs = { cla
       currentItemSubStep: u,
       steps: o,
       invalidSubStepValue: i
-    }), (d, c) => (y(), g("div", Cs, [
+    }), (d, c) => (y(), g("div", js, [
       (y(!0), g(G, null, Y(o.value, (m, s) => {
         var p;
-        return y(), A(V(Nn), ne(m.props, {
+        return y(), A(V(Nn), ee(m.props, {
           key: (p = m.props) == null ? void 0 : p.id,
           completed: s < e.step - 1,
           "current-sub-step": f(s)
@@ -4995,7 +5007,7 @@ const Nn = /* @__PURE__ */ E(ks, [["__scopeId", "data-v-7b9e5926"]]), Cs = { cla
     ]));
   }
 });
-const $s = /* @__PURE__ */ E(js, [["__scopeId", "data-v-c80ba82b"]]), Vs = ["id", "aria-hidden", "aria-labelledby"], Ts = /* @__PURE__ */ L({
+const Vs = /* @__PURE__ */ E($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5022,7 +5034,7 @@ const $s = /* @__PURE__ */ E(js, [["__scopeId", "data-v-c80ba82b"]]), Vs = ["id"
     }
   },
   setup(e) {
-    const t = e, n = it("VJoyTabs", k("")), a = T(() => n.value === t.tab);
+    const t = e, n = it("VJoyTabs", x("")), a = T(() => n.value === t.tab);
     return (o, r) => (y(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -5034,13 +5046,13 @@ const $s = /* @__PURE__ */ E(js, [["__scopeId", "data-v-c80ba82b"]]), Vs = ["id"
       })
     }, [
       w(o.$slots, "default", {}, void 0, !0)
-    ], 10, Vs));
+    ], 10, Ts));
   }
 });
-const Is = /* @__PURE__ */ E(Ts, [["__scopeId", "data-v-e0455394"]]), Ls = ["id", "href", "aria-selected", "aria-controls"], Es = {
+const Ls = /* @__PURE__ */ E(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], As = {
   type: "button",
   tabindex: "-1"
-}, As = /* @__PURE__ */ L({
+}, Bs = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -5097,18 +5109,18 @@ const Is = /* @__PURE__ */ E(Ts, [["__scopeId", "data-v-e0455394"]]), Ls = ["id"
           "joy-tab-button__selected": e.selected
         })
       }, [
-        b("button", Es, [
+        b("button", As, [
           b("div", null, [
             w(o.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              z(J(e.label), 1)
             ], !0)
           ])
         ])
       ], 2)
-    ], 40, Ls));
+    ], 40, Es));
   }
 });
-const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { class: "joy-tabs" }, Os = /* @__PURE__ */ L({
+const Ns = /* @__PURE__ */ E(Bs, [["__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 */
@@ -5118,15 +5130,15 @@ const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { cla
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = ee(), r = k(a.selectedTab);
-    kt("VJoyTabs", r);
-    const l = k(null), i = k(null), u = k(!1), f = k(!1), d = T(() => {
+    const a = e, o = te(), r = x(a.selectedTab);
+    xt("VJoyTabs", r);
+    const l = x(null), i = x(null), u = x(!1), f = x(!1), d = T(() => {
       const v = o.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(c) : v.filter(c);
     });
     function c(v) {
-      var x;
-      return ((x = v == null ? void 0 : v.type) == null ? void 0 : x.__name) === "VJoyTab";
+      var k;
+      return ((k = v == null ? void 0 : v.type) == null ? void 0 : k.__name) === "VJoyTab";
     }
     function m(v) {
       return v.props.tab === r.value;
@@ -5134,8 +5146,8 @@ const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { cla
     function s() {
       i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (f.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (f.value = !1, u.value = !1);
     }
-    function p(v, x = !0) {
-      v && x && (r.value = v, n("update:selected-tab", v));
+    function p(v, k = !0) {
+      v && k && (r.value = v, n("update:selected-tab", v));
     }
     return X(
       () => a.selectedTab,
@@ -5151,7 +5163,7 @@ const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { cla
       (v = i.value) == null || v.removeEventListener("scroll", s);
     }), t({
       tabs: d
-    }), (v, x) => (y(), g("div", Ns, [
+    }), (v, k) => (y(), g("div", Os, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: l,
@@ -5170,7 +5182,7 @@ const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { cla
           (y(!0), g(G, null, Y(d.value, (C) => (y(), g("div", {
             key: C.props.tab
           }, [
-            U(Bs, {
+            U(Ns, {
               tab: C.props.tab,
               label: C.props.label,
               href: C.props.href,
@@ -5194,7 +5206,7 @@ const Bs = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Ns = { cla
     ]));
   }
 });
-const Js = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-b70db3b8"]]), Fs = ["id", "role"], Ps = /* @__PURE__ */ L({
+const Fs = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -5259,7 +5271,7 @@ const Js = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-b70db3b8"]]), Fs = ["id"
         name: "drag",
         size: "xxsmall"
       })) : S("", !0),
-      q(" " + J(e.label) + " ", 1),
+      z(" " + J(e.label) + " ", 1),
       e.removable ? (y(), A(W, {
         key: 1,
         class: "joy-tag__removable",
@@ -5267,10 +5279,10 @@ const Js = /* @__PURE__ */ E(Os, [["__scopeId", "data-v-b70db3b8"]]), Fs = ["id"
         size: "xxsmall",
         onClick: oa(r, ["stop"])
       }, null, 8, ["onClick"])) : S("", !0)
-    ], 10, Fs));
+    ], 10, Ps));
   }
 });
-const On = /* @__PURE__ */ E(Ps, [["__scopeId", "data-v-9770b43b"]]), Rs = /* @__PURE__ */ L({
+const On = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ds = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5326,7 +5338,7 @@ const On = /* @__PURE__ */ E(Ps, [["__scopeId", "data-v-9770b43b"]]), Rs = /* @_
     return (u, f) => (y(), g("div", {
       class: $(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), g(G, null, Y(e.tags, (d) => (y(), A(On, ne({
+      (y(!0), g(G, null, Y(e.tags, (d) => (y(), A(On, ee({
         key: d.value || d.label
       }, d, {
         selectable: o(d),
@@ -5339,37 +5351,37 @@ const On = /* @__PURE__ */ E(Ps, [["__scopeId", "data-v-9770b43b"]]), Rs = /* @_
     ], 2));
   }
 });
-const Ds = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-5be625a7"]]);
-const Ms = {}, zs = {
+const Ms = /* @__PURE__ */ E(Ds, [["__scopeId", "data-v-5be625a7"]]);
+const zs = {}, qs = {
   class: /* @__PURE__ */ $(["joy-template-shape__shapes"])
-}, qs = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Hs = [
-  qs
+}, Hs = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Ws = [
+  Hs
 ];
-function Ws(e, t) {
-  return y(), g("div", zs, Hs);
+function Us(e, t) {
+  return y(), g("div", qs, Ws);
 }
-const Jn = /* @__PURE__ */ E(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92"]]), Us = { class: "joy-template__wrapper" }, Ks = {
+const Jn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Ks = { class: "joy-template__wrapper" }, Gs = {
   key: 0,
   class: "joy-template__heading"
-}, Gs = {
+}, Ys = {
   key: 0,
   class: "joy-template-slot-back"
-}, Ys = { class: "joy-template__heading___headings" }, Zs = {
+}, Zs = { class: "joy-template__heading___headings" }, Qs = {
   key: 0,
   class: "joy-template-slot-title"
-}, Qs = {
+}, Xs = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Xs = {
+}, eu = {
   key: 1,
   class: "joy-template-slot-actions"
-}, eu = {
+}, tu = {
   key: 0,
   class: "joy-template-slot-main"
-}, tu = {
+}, nu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, nu = /* @__PURE__ */ L({
+}, au = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -5388,25 +5400,25 @@ const Jn = /* @__PURE__ */ E(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const t = e, n = ee(), a = T(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = te(), a = T(() => !!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(), A(Jn, { key: 0 })) : S("", !0),
-      b("div", Us, [
-        a.value ? (y(), g("div", Ks, [
-          V(n)["template-back"] ? (y(), g("div", Gs, [
+      b("div", Ks, [
+        a.value ? (y(), g("div", Gs, [
+          V(n)["template-back"] ? (y(), g("div", Ys, [
             w(o.$slots, "template-back", {}, void 0, !0)
           ])) : S("", !0),
-          b("div", Ys, [
-            V(n)["template-title"] ? (y(), g("div", Zs, [
+          b("div", Zs, [
+            V(n)["template-title"] ? (y(), g("div", Qs, [
               w(o.$slots, "template-title", {}, void 0, !0)
             ])) : S("", !0),
-            V(n)["template-subtitle"] ? (y(), g("div", Qs, [
+            V(n)["template-subtitle"] ? (y(), g("div", Xs, [
               w(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : S("", !0)
           ]),
-          V(n)["template-actions"] ? (y(), g("div", Xs, [
+          V(n)["template-actions"] ? (y(), g("div", eu, [
             w(o.$slots, "template-actions", {}, void 0, !0)
           ])) : S("", !0)
         ])) : S("", !0),
@@ -5418,10 +5430,10 @@ const Jn = /* @__PURE__ */ E(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (y(), g("div", eu, [
+          o.$slots["template-main"] ? (y(), g("div", tu, [
             w(o.$slots, "template-main", {}, void 0, !0)
           ])) : S("", !0),
-          o.$slots["template-sidebar"] ? (y(), g("div", tu, [
+          o.$slots["template-sidebar"] ? (y(), g("div", nu, [
             w(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : S("", !0)
         ], 2)
@@ -5439,7 +5451,7 @@ const Jn = /* @__PURE__ */ E(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
     ], 2));
   }
 });
-const au = /* @__PURE__ */ E(nu, [["__scopeId", "data-v-7c83eb21"]]), ou = /* @__PURE__ */ L({
+const ou = /* @__PURE__ */ E(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 */
@@ -5464,13 +5476,13 @@ const au = /* @__PURE__ */ E(nu, [["__scopeId", "data-v-7c83eb21"]]), ou = /* @_
     }, 8, ["class"]));
   }
 });
-const lu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-1af4e700"]]), ru = ["aria-disabled"], iu = { class: "joy-textarea_wrapper" }, su = ["id", "disabled", "name", "required", "minlength", "value"], uu = {
+const ru = /* @__PURE__ */ E(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"
-}, cu = {
+}, du = {
   inheritAttrs: !1
-}, du = /* @__PURE__ */ L({
-  ...cu,
+}, fu = /* @__PURE__ */ L({
+  ...du,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -5528,9 +5540,9 @@ const lu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = k(), { triggerResize: r } = yo({
+    const a = e, o = x(), { triggerResize: r } = yo({
       element: a.autogrow ? o : void 0
-    }), l = k(!1), i = k(!1);
+    }), l = x(!1), i = x(!1);
     Lt(o, a.autofocus);
     const u = T(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), f = T(() => a.minlength ? a.modelValue.length < a.minlength : !1), d = {
       onInput: (c) => {
@@ -5570,13 +5582,13 @@ const lu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
       }, {
         default: M(() => [
           w(c.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            z(J(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      b("div", iu, [
-        b("textarea", ne(c.$attrs, {
+      b("div", su, [
+        b("textarea", ee(c.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: o,
@@ -5594,9 +5606,9 @@ const lu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
           (...s) => d.onFocus && d.onFocus(...s)),
           onBlur: m[3] || (m[3] = //@ts-ignore
           (...s) => d.onBlur && d.onBlur(...s))
-        }), null, 16, su)
+        }), null, 16, uu)
       ]),
-      e.minlength || e.maxlength ? (y(), g("div", uu, [
+      e.minlength || e.maxlength ? (y(), g("div", cu, [
         e.minlength ? (y(), g("p", {
           key: 0,
           class: $(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -5607,17 +5619,17 @@ const lu = /* @__PURE__ */ E(ou, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
             color: "neutral",
             size: "xxsmall"
           })),
-          q(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          z(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : S("", !0),
         e.maxlength ? (y(), g("p", {
           key: 1,
           class: $(["joy-textarea-count", { "joy-textarea-count-invalid": u.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : S("", !0)
       ])) : S("", !0)
-    ], 10, ru));
+    ], 10, iu));
   }
 });
-const fu = /* @__PURE__ */ E(du, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), yu = { class: "joy-toggle__wrapper" }, vu = ["name", "disabled", "checked", "required", "aria-checked", "value"], pu = { class: "joy-toggle__content" }, mu = /* @__PURE__ */ Fn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), bu = { class: "joy-toggle__content-label" }, gu = /* @__PURE__ */ Fn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+const yu = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (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__ */ Fn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Fn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -5630,7 +5642,7 @@ const fu = /* @__PURE__ */ E(du, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), hu = /* @__PURE__ */ L({
+], -1)), _u = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -5664,7 +5676,7 @@ const fu = /* @__PURE__ */ E(du, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = k(!1), a = {
+    const n = x(!1), a = {
       onChange: (o) => {
         const r = o.target.checked;
         t("update:modelValue", r);
@@ -5676,7 +5688,7 @@ const fu = /* @__PURE__ */ E(du, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (e) =
         n.value = !1;
       }
     };
-    return (o, r) => (y(), g("div", yu, [
+    return (o, r) => (y(), g("div", vu, [
       b("label", {
         class: $([
           "joy-toggle",
@@ -5704,29 +5716,29 @@ const fu = /* @__PURE__ */ E(du, [["__scopeId", "data-v-9b0d7d06"]]), Fn = (e) =
           (...l) => a.onFocus && a.onFocus(...l)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...l) => a.onBlur && a.onBlur(...l))
-        }, null, 40, vu),
-        b("p", pu, [
-          mu,
-          b("span", bu, [
+        }, null, 40, pu),
+        b("p", mu, [
+          bu,
+          b("span", gu, [
             w(o.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              z(J(e.label), 1)
             ], !0)
           ]),
-          gu
+          hu
         ])
       ], 2)
     ]));
   }
 });
-const _u = /* @__PURE__ */ E(hu, [["__scopeId", "data-v-cf79d999"]]), Re = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
+const wu = /* @__PURE__ */ E(_u, [["__scopeId", "data-v-cf79d999"]]), Re = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
   x: e,
   y: e
-}), wu = {
+}), Su = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Su = {
+}, ku = {
   start: "end",
   end: "start"
 };
@@ -5760,14 +5772,14 @@ function xu(e, t, n) {
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = nt(l)), [l, nt(l)];
 }
-function ku(e) {
+function Cu(e) {
   const t = nt(e);
   return [gt(e), t, gt(t)];
 }
 function gt(e) {
-  return e.replace(/start|end/g, (t) => Su[t]);
+  return e.replace(/start|end/g, (t) => ku[t]);
 }
-function Cu(e, t, n) {
+function ju(e, t, n) {
   const a = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -5780,15 +5792,15 @@ function Cu(e, t, n) {
       return [];
   }
 }
-function ju(e, t, n, a) {
+function $u(e, t, n, a) {
   const o = He(e);
-  let r = Cu(ge(e), n === "start", a);
+  let r = ju(ge(e), n === "start", a);
   return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map(gt)))), r;
 }
 function nt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => wu[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Su[t]);
 }
-function $u(e) {
+function Vu(e) {
   return {
     top: 0,
     right: 0,
@@ -5798,7 +5810,7 @@ function $u(e) {
   };
 }
 function Pn(e) {
-  return typeof e != "number" ? $u(e) : {
+  return typeof e != "number" ? Vu(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -5862,7 +5874,7 @@ function rn(e, t, n) {
   }
   return s;
 }
-const Vu = async (e, t, n) => {
+const Tu = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -5879,7 +5891,7 @@ const Vu = async (e, t, n) => {
   } = rn(f, a, u), m = a, s = {}, p = 0;
   for (let v = 0; v < i.length; v++) {
     const {
-      name: x,
+      name: k,
       fn: C
     } = i[v], {
       x: O,
@@ -5902,8 +5914,8 @@ const Vu = async (e, t, n) => {
     });
     if (d = O ?? d, c = P ?? c, s = {
       ...s,
-      [x]: {
-        ...s[x],
+      [k]: {
+        ...s[k],
         ...F
       }
     }, j && p <= 50) {
@@ -5942,8 +5954,8 @@ async function Rn(e, t) {
     elementContext: c = "floating",
     altBoundary: m = !1,
     padding: s = 0
-  } = Ce(t, e), p = Pn(s), x = i[m ? c === "floating" ? "reference" : "floating" : c], C = at(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(x))) == null || n ? x : x.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+  } = Ce(t, e), p = Pn(s), k = i[m ? c === "floating" ? "reference" : "floating" : c], C = at(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(k))) == null || n ? k : k.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: f,
     rootBoundary: d,
     strategy: u
@@ -5969,7 +5981,7 @@ async function Rn(e, t) {
     right: (j.right - C.right + p.right) / F.x
   };
 }
-const Tu = (e) => ({
+const Iu = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -5990,23 +6002,23 @@ const Tu = (e) => ({
     const c = Pn(d), m = {
       x: n,
       y: a
-    }, s = Nt(o), p = Bt(s), v = await l.getDimensions(f), x = s === "y", C = x ? "top" : "left", O = x ? "bottom" : "right", P = x ? "clientHeight" : "clientWidth", F = r.reference[p] + r.reference[s] - m[s] - r.floating[p], j = m[s] - r.reference[s], B = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(f));
+    }, s = Nt(o), p = Bt(s), v = await l.getDimensions(f), k = s === "y", C = k ? "top" : "left", O = k ? "bottom" : "right", P = k ? "clientHeight" : "clientWidth", F = r.reference[p] + r.reference[s] - m[s] - r.floating[p], j = m[s] - r.reference[s], B = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(f));
     let N = B ? B[P] : 0;
     (!N || !await (l.isElement == null ? void 0 : l.isElement(B))) && (N = i.floating[P] || r.floating[p]);
-    const re = F / 2 - j / 2, ie = N / 2 - v[p] / 2 - 1, ue = Re(c[C], ie), H = Re(c[O], ie), h = ue, _ = N - v[p] - H, I = N / 2 - v[p] / 2 + re, R = bt(h, I, _), D = !u.arrow && He(o) != null && I != R && r.reference[p] / 2 - (I < h ? ue : H) - v[p] / 2 < 0, z = D ? I < h ? I - h : I - _ : 0;
+    const re = F / 2 - j / 2, ie = N / 2 - v[p] / 2 - 1, ue = Re(c[C], ie), H = Re(c[O], ie), h = ue, _ = N - v[p] - H, I = N / 2 - v[p] / 2 + re, R = bt(h, I, _), D = !u.arrow && He(o) != null && I != R && r.reference[p] / 2 - (I < h ? ue : H) - v[p] / 2 < 0, q = D ? I < h ? I - h : I - _ : 0;
     return {
-      [s]: m[s] + z,
+      [s]: m[s] + q,
       data: {
         [s]: R,
-        centerOffset: I - R - z,
+        centerOffset: I - R - q,
         ...D && {
-          alignmentOffset: z
+          alignmentOffset: q
         }
       },
       reset: D
     };
   }
-}), Iu = function(e) {
+}), Lu = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -6026,13 +6038,13 @@ const Tu = (e) => ({
         fallbackStrategy: s = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: v = !0,
-        ...x
+        ...k
       } = Ce(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const C = ge(o), O = ge(i) === i, P = await (u.isRTL == null ? void 0 : u.isRTL(f.floating)), F = m || (O || !v ? [nt(i)] : ku(i));
-      !m && p !== "none" && F.push(...ju(i, v, p, P));
-      const j = [i, ...F], B = await Rn(t, x), N = [];
+      const C = ge(o), O = ge(i) === i, P = await (u.isRTL == null ? void 0 : u.isRTL(f.floating)), F = m || (O || !v ? [nt(i)] : Cu(i));
+      !m && p !== "none" && F.push(...$u(i, v, p, P));
+      const j = [i, ...F], B = await Rn(t, k), N = [];
       let re = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (d && N.push(B[C]), c) {
         const h = xu(o, l, P);
@@ -6059,7 +6071,7 @@ const Tu = (e) => ({
           switch (s) {
             case "bestFit": {
               var H;
-              const R = (H = re.map((D) => [D.placement, D.overflows.filter((z) => z > 0).reduce((z, K) => z + K, 0)]).sort((D, z) => D[1] - z[1])[0]) == null ? void 0 : H[0];
+              const R = (H = re.map((D) => [D.placement, D.overflows.filter((q) => q > 0).reduce((q, K) => q + K, 0)]).sort((D, q) => D[1] - q[1])[0]) == null ? void 0 : H[0];
               R && (I = R);
               break;
             }
@@ -6078,7 +6090,7 @@ const Tu = (e) => ({
     }
   };
 };
-async function Lu(e, t) {
+async function Eu(e, t) {
   const {
     placement: n,
     platform: a,
@@ -6106,7 +6118,7 @@ async function Lu(e, t) {
     y: s * d
   };
 }
-const Eu = function(e) {
+const Au = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -6114,7 +6126,7 @@ const Eu = function(e) {
       const {
         x: n,
         y: a
-      } = t, o = await Lu(t, e);
+      } = t, o = await Eu(t, e);
       return {
         x: n + o.x,
         y: a + o.y,
@@ -6122,7 +6134,7 @@ const Eu = function(e) {
       };
     }
   };
-}, Au = function(e) {
+}, Bu = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -6135,11 +6147,11 @@ const Eu = function(e) {
         mainAxis: r = !0,
         crossAxis: l = !1,
         limiter: i = {
-          fn: (x) => {
+          fn: (k) => {
             let {
               x: C,
               y: O
-            } = x;
+            } = k;
             return {
               x: C,
               y: O
@@ -6153,11 +6165,11 @@ const Eu = function(e) {
       }, d = await Rn(t, u), c = We(ge(o)), m = At(c);
       let s = f[m], p = f[c];
       if (r) {
-        const x = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", O = s + d[x], P = s - d[C];
+        const k = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", O = s + d[k], P = s - d[C];
         s = bt(O, s, P);
       }
       if (l) {
-        const x = c === "y" ? "top" : "left", C = c === "y" ? "bottom" : "right", O = p + d[x], P = p - d[C];
+        const k = c === "y" ? "top" : "left", C = c === "y" ? "bottom" : "right", O = p + d[k], P = p - d[C];
         p = bt(O, p, P);
       }
       const v = i.fn({
@@ -6174,7 +6186,7 @@ const Eu = function(e) {
       };
     }
   };
-}, Bu = function(e) {
+}, Nu = function(e) {
   return e === void 0 && (e = {}), {
     options: e,
     fn(t) {
@@ -6193,7 +6205,7 @@ const Eu = function(e) {
         y: a
       }, c = We(o), m = At(c);
       let s = d[m], p = d[c];
-      const v = Ce(i, t), x = typeof v == "number" ? {
+      const v = Ce(i, t), k = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -6202,12 +6214,12 @@ const Eu = function(e) {
         ...v
       };
       if (u) {
-        const P = m === "y" ? "height" : "width", F = r.reference[m] - r.floating[P] + x.mainAxis, j = r.reference[m] + r.reference[P] - x.mainAxis;
+        const P = m === "y" ? "height" : "width", F = r.reference[m] - r.floating[P] + k.mainAxis, j = r.reference[m] + r.reference[P] - k.mainAxis;
         s < F ? s = F : s > j && (s = j);
       }
       if (f) {
         var C, O;
-        const P = m === "y" ? "width" : "height", F = ["top", "left"].includes(ge(o)), j = r.reference[c] - r.floating[P] + (F && ((C = l.offset) == null ? void 0 : C[c]) || 0) + (F ? 0 : x.crossAxis), B = r.reference[c] + r.reference[P] + (F ? 0 : ((O = l.offset) == null ? void 0 : O[c]) || 0) - (F ? x.crossAxis : 0);
+        const P = m === "y" ? "width" : "height", F = ["top", "left"].includes(ge(o)), j = r.reference[c] - r.floating[P] + (F && ((C = l.offset) == null ? void 0 : C[c]) || 0) + (F ? 0 : k.crossAxis), B = r.reference[c] + r.reference[P] + (F ? 0 : ((O = l.offset) == null ? void 0 : O[c]) || 0) - (F ? k.crossAxis : 0);
         p < j ? p = j : p > B && (p = B);
       }
       return {
@@ -6249,14 +6261,14 @@ function Ue(e) {
   } = se(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(o);
 }
-function Nu(e) {
+function Ou(e) {
   return ["table", "td", "th"].includes(he(e));
 }
 function Ot(e) {
   const t = Jt(), n = se(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((a) => (n.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (n.contain || "").includes(a));
 }
-function Ou(e) {
+function Ju(e) {
   let t = Ae(e);
   for (; ye(t) && !ut(t); ) {
     if (Ot(t))
@@ -6333,15 +6345,15 @@ function Le(e) {
     y: i
   };
 }
-const Ju = /* @__PURE__ */ be(0);
+const Fu = /* @__PURE__ */ be(0);
 function Hn(e) {
   const t = ae(e);
-  return !Jt() || !t.visualViewport ? Ju : {
+  return !Jt() || !t.visualViewport ? Fu : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Fu(e, t, n) {
+function Pu(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ae(e) ? !1 : t;
 }
 function De(e, t, n, a) {
@@ -6349,13 +6361,13 @@ function De(e, t, n, a) {
   const o = e.getBoundingClientRect(), r = qn(e);
   let l = be(1);
   t && (a ? ve(a) && (l = Le(a)) : l = Le(e));
-  const i = Fu(r, n, a) ? Hn(r) : be(0);
+  const i = Pu(r, n, a) ? Hn(r) : be(0);
   let u = (o.left + i.x) / l.x, f = (o.top + i.y) / l.y, d = o.width / l.x, c = o.height / l.y;
   if (r) {
     const m = ae(r), s = a && ve(a) ? ae(a) : a;
     let p = m.frameElement;
     for (; p && a && s !== m; ) {
-      const v = Le(p), x = p.getBoundingClientRect(), C = se(p), O = x.left + (p.clientLeft + parseFloat(C.paddingLeft)) * v.x, P = x.top + (p.clientTop + parseFloat(C.paddingTop)) * v.y;
+      const v = Le(p), k = p.getBoundingClientRect(), C = se(p), O = k.left + (p.clientLeft + parseFloat(C.paddingLeft)) * v.x, P = k.top + (p.clientTop + parseFloat(C.paddingTop)) * v.y;
       u *= v.x, f *= v.y, d *= v.x, c *= v.y, u += O, f += P, p = ae(p).frameElement;
     }
   }
@@ -6366,7 +6378,7 @@ function De(e, t, n, a) {
     y: f
   });
 }
-function Pu(e) {
+function Ru(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -6391,13 +6403,13 @@ function Pu(e) {
     y: t.y * i.y - l.scrollTop * i.y + u.y
   };
 }
-function Ru(e) {
+function Du(e) {
   return Array.from(e.getClientRects());
 }
 function Wn(e) {
   return De(we(e)).left + ct(e).scrollLeft;
 }
-function Du(e) {
+function Mu(e) {
   const t = we(e), n = ct(e), a = e.ownerDocument.body, o = Ie(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = Ie(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + Wn(e);
   const i = -n.scrollTop;
@@ -6408,7 +6420,7 @@ function Du(e) {
     y: i
   };
 }
-function Mu(e, t) {
+function zu(e, t) {
   const n = ae(e), a = we(e), o = n.visualViewport;
   let r = a.clientWidth, l = a.clientHeight, i = 0, u = 0;
   if (o) {
@@ -6423,7 +6435,7 @@ function Mu(e, t) {
     y: u
   };
 }
-function zu(e, t) {
+function qu(e, t) {
   const n = De(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, f = a * r.y;
   return {
     width: l,
@@ -6435,11 +6447,11 @@ function zu(e, t) {
 function un(e, t, n) {
   let a;
   if (t === "viewport")
-    a = Mu(e, n);
+    a = zu(e, n);
   else if (t === "document")
-    a = Du(we(e));
+    a = Mu(we(e));
   else if (ve(t))
-    a = zu(t, n);
+    a = qu(t, n);
   else {
     const o = Hn(e);
     a = {
@@ -6454,7 +6466,7 @@ function Un(e, t) {
   const n = Ae(e);
   return n === t || !ve(n) || ut(n) ? !1 : se(n).position === "fixed" || Un(n, t);
 }
-function qu(e, t) {
+function Hu(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -6467,14 +6479,14 @@ function qu(e, t) {
   }
   return t.set(e, a), a;
 }
-function Hu(e) {
+function Wu(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? qu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((f, d) => {
+  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((f, d) => {
     const c = un(t, d, o);
     return f.top = Ie(c.top, f.top), f.right = Re(c.right, f.right), f.bottom = Re(c.bottom, f.bottom), f.left = Ie(c.left, f.left), f;
   }, un(t, i, o));
@@ -6485,10 +6497,10 @@ function Hu(e) {
     y: u.top
   };
 }
-function Wu(e) {
+function Uu(e) {
   return zn(e);
 }
-function Uu(e, t, n) {
+function Ku(e, t, n) {
   const a = ye(t), o = we(t), r = n === "fixed", l = De(e, !0, r, t);
   let i = {
     scrollLeft: 0,
@@ -6516,11 +6528,11 @@ function Kn(e, t) {
   if (!ye(e))
     return n;
   let a = cn(e, t);
-  for (; a && Nu(a) && se(a).position === "static"; )
+  for (; a && Ou(a) && se(a).position === "static"; )
     a = cn(a, t);
-  return a && (he(a) === "html" || he(a) === "body" && se(a).position === "static" && !Ot(a)) ? n : a || Ou(e) || n;
+  return a && (he(a) === "html" || he(a) === "body" && se(a).position === "static" && !Ot(a)) ? n : a || Ju(e) || n;
 }
-const Ku = async function(e) {
+const Gu = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -6528,7 +6540,7 @@ const Ku = async function(e) {
   } = e;
   const o = this.getOffsetParent || Kn, r = this.getDimensions;
   return {
-    reference: Uu(t, await o(n), a),
+    reference: Ku(t, await o(n), a),
     floating: {
       x: 0,
       y: 0,
@@ -6536,29 +6548,29 @@ const Ku = async function(e) {
     }
   };
 };
-function Gu(e) {
+function Yu(e) {
   return se(e).direction === "rtl";
 }
-const Yu = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Pu,
+const Zu = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ru,
   getDocumentElement: we,
-  getClippingRect: Hu,
+  getClippingRect: Wu,
   getOffsetParent: Kn,
-  getElementRects: Ku,
-  getClientRects: Ru,
-  getDimensions: Wu,
+  getElementRects: Gu,
+  getClientRects: Du,
+  getDimensions: Uu,
   getScale: Le,
   isElement: ve,
-  isRTL: Gu
-}, Zu = (e, t, n) => {
+  isRTL: Yu
+}, Qu = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: Yu,
+    platform: Zu,
     ...n
   }, r = {
     ...o.platform,
     _c: a
   };
-  return Vu(e, t, {
+  return Tu(e, t, {
     ...o,
     platform: r
   });
@@ -6567,13 +6579,13 @@ function _t(e) {
   var t;
   return (t = e == null ? void 0 : e.$el) != null ? t : e;
 }
-function Qu(e) {
+function Xu(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
       const n = _t(V(e.element));
-      return n == null ? {} : Tu({
+      return n == null ? {} : Iu({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -6587,7 +6599,7 @@ function dn(e, t) {
   const n = Gn(e);
   return Math.round(t * n) / n;
 }
-function Xu(e, t, n) {
+function ec(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = T(() => {
     var N;
@@ -6601,7 +6613,7 @@ function Xu(e, t, n) {
   }), u = T(() => {
     var N;
     return (N = V(n.transform)) != null ? N : !0;
-  }), f = T(() => _t(e.value)), d = T(() => _t(t.value)), c = k(0), m = k(0), s = k(i.value), p = k(l.value), v = la({}), x = k(!1), C = T(() => {
+  }), f = T(() => _t(e.value)), d = T(() => _t(t.value)), c = x(0), m = x(0), s = x(i.value), p = x(l.value), v = la({}), k = x(!1), C = T(() => {
     const N = {
       position: s.value,
       left: "0",
@@ -6624,12 +6636,12 @@ function Xu(e, t, n) {
   });
   let O;
   function P() {
-    f.value == null || d.value == null || Zu(f.value, d.value, {
+    f.value == null || d.value == null || Qu(f.value, d.value, {
       middleware: r.value,
       placement: l.value,
       strategy: i.value
     }).then((N) => {
-      c.value = N.x, m.value = N.y, s.value = N.strategy, p.value = N.placement, v.value = N.middlewareData, x.value = !0;
+      c.value = N.x, m.value = N.y, s.value = N.strategy, p.value = N.placement, v.value = N.middlewareData, k.value = !0;
     });
   }
   function F() {
@@ -6646,7 +6658,7 @@ function Xu(e, t, n) {
     }
   }
   function B() {
-    o.value || (x.value = !1);
+    o.value || (k.value = !1);
   }
   return X([r, l, i], P, {
     flush: "sync"
@@ -6660,12 +6672,12 @@ function Xu(e, t, n) {
     strategy: $e(s),
     placement: $e(p),
     middlewareData: $e(v),
-    isPositioned: $e(x),
+    isPositioned: $e(k),
     floatingStyles: C,
     update: P
   };
 }
-const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
+const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -6703,19 +6715,19 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = k(!1), o = k(null), r = k(null), l = k(), i = k(
-      Xu(o, r, {
+    const n = e, a = x(!1), o = x(null), r = x(null), l = x(), i = x(
+      ec(o, r, {
         placement: n.placement,
         transform: !1,
         middleware: [
-          Eu(10),
-          Au({
-            limiter: Bu()
+          Au(10),
+          Bu({
+            limiter: Nu()
           }),
-          Iu({
+          Lu({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          Qu({ element: l, padding: 0 })
+          Xu({ element: l, padding: 0 })
         ]
       })
     );
@@ -6735,7 +6747,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
       }, n.delay);
     }
     const m = T(() => {
-      const { middlewareData: s, placement: p } = i.value, v = s.arrow, x = {
+      const { middlewareData: s, placement: p } = i.value, v = s.arrow, k = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -6746,7 +6758,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
         top: (v == null ? void 0 : v.y) && `${v == null ? void 0 : v.y}px`,
         right: "",
         bottom: "",
-        [x]: "-4px"
+        [k]: "-4px"
       };
     });
     return le(() => {
@@ -6769,7 +6781,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
             onClick: d,
             onMouseenter: u,
             onMouseleave: f,
-            onKeydown: p[0] || (p[0] = xt((x) => c(!1), ["tab"]))
+            onKeydown: p[0] || (p[0] = kt((k) => c(!1), ["tab"]))
           }, [
             w(s.$slots, "default", {}, void 0, !0),
             (y(), A(rt, { to: "body" }, [
@@ -6787,9 +6799,9 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
                 ]),
                 style: ce({ ...(v = i.value) == null ? void 0 : v.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                b("div", ec, [
+                b("div", tc, [
                   w(s.$slots, "tooltip-content", {}, () => [
-                    q(J(e.text), 1)
+                    z(J(e.text), 1)
                   ], !0)
                 ]),
                 b("div", {
@@ -6807,7 +6819,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
     }, 512));
   }
 });
-const nc = /* @__PURE__ */ E(tc, [["__scopeId", "data-v-2d190edb"]]), ac = { class: "joy-user-card__picture" }, oc = { class: "joy-user-card__informations" }, lc = { class: "joy-user-card__title" }, rc = { class: "joy-user-card__subtitle" }, ic = /* @__PURE__ */ L({
+const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-2d190edb"]]), 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: {
     /**
@@ -6833,13 +6845,13 @@ const nc = /* @__PURE__ */ E(tc, [["__scopeId", "data-v-2d190edb"]]), ac = { cla
     }
   },
   setup(e) {
-    return (t, n) => (y(), A(oe(e.link ? "a" : "div"), ne({
+    return (t, n) => (y(), A(oe(e.link ? "a" : "div"), ee({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: M(() => [
-        b("div", ac, [
+        b("div", oc, [
           w(t.$slots, "user-card-avatar", {}, () => [
             U(V(pn), {
               "photo-url": e.photoUrl,
@@ -6847,15 +6859,15 @@ const nc = /* @__PURE__ */ E(tc, [["__scopeId", "data-v-2d190edb"]]), ac = { cla
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", oc, [
-          b("p", lc, [
+        b("div", lc, [
+          b("p", rc, [
             w(t.$slots, "user-card-title", {}, () => [
-              q(J(e.fullName), 1)
+              z(J(e.fullName), 1)
             ], !0)
           ]),
-          b("p", rc, [
+          b("p", ic, [
             w(t.$slots, "user-card-subtitle", {}, () => [
-              q(J(e.subTitle), 1)
+              z(J(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
@@ -6873,7 +6885,7 @@ const nc = /* @__PURE__ */ E(tc, [["__scopeId", "data-v-2d190edb"]]), ac = { cla
     }, 16, ["href", "title"]));
   }
 });
-const sc = /* @__PURE__ */ E(ic, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @__PURE__ */ L({
+const uc = /* @__PURE__ */ E(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -6917,7 +6929,7 @@ const sc = /* @__PURE__ */ E(ic, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @_
     }
   },
   setup(e) {
-    return kt("VJoyWrapperContext", e), (n, a) => (y(), g("div", {
+    return xt("VJoyWrapperContext", e), (n, a) => (y(), g("div", {
       class: $([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -6934,12 +6946,12 @@ const sc = /* @__PURE__ */ E(ic, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @_
     ], 2));
   }
 });
-const Ft = /* @__PURE__ */ E(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ft = /* @__PURE__ */ E(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: ca,
   VJoyAvatar: pn,
   VJoyAvatarsList: wa,
-  VJoyBadge: ka,
+  VJoyBadge: xa,
   VJoyBadgeLevel: Ua,
   VJoyBottomSheet: Lo,
   VJoyBottomSheetTrigger: Eo,
@@ -6972,7 +6984,7 @@ const Ft = /* @__PURE__ */ E(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @_
   VJoyLink: ii,
   VJoyMenu: fi,
   VJoyMultiCheckbox: mi,
-  VJoyPagination: xi,
+  VJoyPagination: ki,
   VJoyPanel: Ei,
   VJoyPanelSection: Ji,
   VJoyProgressBar: Ri,
@@ -6982,26 +6994,26 @@ const Ft = /* @__PURE__ */ E(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @_
   VJoyScreenLoader: Et,
   VJoySelect: is,
   VJoySelectableItem: An,
-  VJoySelectableItemGroup: ys,
-  VJoySeparator: ps,
+  VJoySelectableItemGroup: vs,
+  VJoySeparator: ms,
   VJoySnackbar: Bn,
   VJoySpinner: Ct,
   VJoyStep: Nn,
-  VJoyStepper: $s,
-  VJoyTab: Is,
-  VJoyTabs: Js,
+  VJoyStepper: Vs,
+  VJoyTab: Ls,
+  VJoyTabs: Fs,
   VJoyTag: On,
-  VJoyTagsList: Ds,
-  VJoyTemplate: au,
+  VJoyTagsList: Ms,
+  VJoyTemplate: ou,
   VJoyTemplateShape: Jn,
-  VJoyText: lu,
-  VJoyTextarea: fu,
-  VJoyToggle: _u,
-  VJoyTooltip: nc,
-  VJoyUserCard: sc,
+  VJoyText: ru,
+  VJoyTextarea: yu,
+  VJoyToggle: wu,
+  VJoyTooltip: ac,
+  VJoyUserCard: uc,
   VJoyWrapper: Ft
 }, Symbol.toStringTag, { value: "Module" }));
-function dc(e) {
+function fc(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var a = e.get(t);
     a ? a.push(n) : e.set(t, [n]);
@@ -7017,15 +7029,15 @@ function dc(e) {
     });
   } };
 }
-function fc() {
-  return dc();
+function yc() {
+  return fc();
 }
-const Yn = "joy-snackbar__container", yc = "joy-snackbar__shell--";
+const Yn = "joy-snackbar__container", vc = "joy-snackbar__shell--";
 let Ye = 0, Zn = [];
-function bc() {
+function gc() {
   Ye = 0, Zn = [];
 }
-function vc(e = { appendTo: "body", defaultMountSelector: Yn }) {
+function pc(e = { appendTo: "body", defaultMountSelector: Yn }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7041,11 +7053,11 @@ function vc(e = { appendTo: "body", defaultMountSelector: Yn }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (a = document.body.querySelector(e.appendTo)) == null || a.appendChild(t));
 }
-function gc(e) {
+function hc(e) {
   var r, l;
   Ye++;
   let t, n;
-  const a = fc();
+  const a = yc();
   t = ra(
     Bn,
     Object.assign(e.props, {
@@ -7054,26 +7066,26 @@ function gc(e) {
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${yc}${Ye}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(pc).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${vc}${Ye}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(mc).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
     t.unmount();
   }), {
     snackbarEventBus: a,
     snackbarApp: t
   };
 }
-const pc = {
+const mc = {
   install: (e, t = { env: "client" }) => {
-    Object.entries(cc).forEach(([n, a]) => {
+    Object.entries(dc).forEach(([n, a]) => {
       e.component(n, a);
-    }), t.env === "client" && vc(), e.directive("joy-ripple", ia);
+    }), t.env === "client" && pc(), e.directive("joy-ripple", ia);
   }
 };
 export {
-  pc as JoyVuePlugin,
+  mc as JoyVuePlugin,
   ca as VJoyAvailability,
   pn as VJoyAvatar,
   wa as VJoyAvatarsList,
-  ka as VJoyBadge,
+  xa as VJoyBadge,
   Ua as VJoyBadgeLevel,
   Lo as VJoyBottomSheet,
   Eo as VJoyBottomSheetTrigger,
@@ -7106,7 +7118,7 @@ export {
   ii as VJoyLink,
   fi as VJoyMenu,
   mi as VJoyMultiCheckbox,
-  xi as VJoyPagination,
+  ki as VJoyPagination,
   Ei as VJoyPanel,
   Ji as VJoyPanelSection,
   Ri as VJoyProgressBar,
@@ -7116,26 +7128,26 @@ export {
   Et as VJoyScreenLoader,
   is as VJoySelect,
   An as VJoySelectableItem,
-  ys as VJoySelectableItemGroup,
-  ps as VJoySeparator,
+  vs as VJoySelectableItemGroup,
+  ms as VJoySeparator,
   Bn as VJoySnackbar,
   Ct as VJoySpinner,
   Nn as VJoyStep,
-  $s as VJoyStepper,
-  Is as VJoyTab,
-  Js as VJoyTabs,
+  Vs as VJoyStepper,
+  Ls as VJoyTab,
+  Fs as VJoyTabs,
   On as VJoyTag,
-  Ds as VJoyTagsList,
-  au as VJoyTemplate,
+  Ms as VJoyTagsList,
+  ou as VJoyTemplate,
   Jn as VJoyTemplateShape,
-  lu as VJoyText,
-  fu as VJoyTextarea,
-  _u as VJoyToggle,
-  nc as VJoyTooltip,
-  sc as VJoyUserCard,
+  ru as VJoyText,
+  yu as VJoyTextarea,
+  wu as VJoyToggle,
+  ac as VJoyTooltip,
+  uc as VJoyUserCard,
   Ft as VJoyWrapper,
-  vc as createAllSnackbarsContainer,
-  gc as pushVJoySnackbar,
-  bc as resetCount,
+  pc as createAllSnackbarsContainer,
+  hc as pushVJoySnackbar,
+  gc as resetCount,
   Zn as snackbarMountedInstances
 };