@maltjoy/core-vue 3.19.7 → 3.19.9

package/dist/joy-vue.js

@@ -1,18 +1,18 @@
-import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as F, createCommentVNode as x, createBlock as B, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as Q, h as ta, Teleport as rt, createVNode as U, useSlots as X, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as F, createCommentVNode as x, createBlock as B, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as Q, h as ta, Teleport as it, createVNode as U, useSlots as X, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as rt, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ia } from "vue";
 function Mt(e) {
   const t = e.target;
   if (!t)
     return;
   const n = t.getBoundingClientRect(), a = "joy-ripple-effect";
   let o;
-  const r = t.querySelector(`.${a}`);
-  r || (o = document.createElement("span"), o.classList.add(a));
-  const l = r || o;
+  const i = t.querySelector(`.${a}`);
+  i || (o = document.createElement("span"), o.classList.add(a));
+  const l = i || o;
   t.prepend(l);
-  const i = Math.sqrt(Math.pow(n.width, 2) + Math.pow(n.height, 2)) * 2;
-  l.style.width = l.style.height = `${i}px`, l.style.left = `${e.clientX - n.left}px`, l.style.top = `${e.clientY - n.top}px`;
+  const r = Math.sqrt(Math.pow(n.width, 2) + Math.pow(n.height, 2)) * 2;
+  l.style.width = l.style.height = `${r}px`, l.style.left = `${e.clientX - n.left}px`, l.style.top = `${e.clientY - n.top}px`;
 }
-const ia = {
+const ra = {
   mounted: (e) => {
     e.addEventListener("click", Mt);
   },
@@ -145,15 +145,15 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), r = V(() => a.link ? {
+    const a = e, o = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), i = V(() => a.link ? {
       type: "button"
     } : null), l = V(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": a.link,
-      "joy-avatar__placeholder": i.value,
+      "joy-avatar__placeholder": r.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0
-    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), u = V(() => {
+    })), r = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), u = V(() => {
       function c(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
@@ -166,15 +166,15 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
       n("click");
     }
     return t({
-      isAnonymous: i,
+      isAnonymous: r,
       initials: u
     }), (c, f) => (y(), g("div", ya, [
-      (y(), B(oe(e.link ? "button" : "div"), te(r.value, {
+      (y(), B(oe(e.link ? "button" : "div"), te(i.value, {
         class: [l.value],
         onClick: d
       }), {
         default: M(() => [
-          i.value ? (y(), B(W, {
+          r.value ? (y(), B(W, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -376,7 +376,7 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
       }
     });
     return (a, o) => (y(), g("span", Ca, [
-      e.type === T(Z).SUPER_MALTER ? (y(!0), g(K, { key: 0 }, Y(e.superMalterLevel, (r, l) => (y(), g("svg", {
+      e.type === T(Z).SUPER_MALTER ? (y(!0), g(K, { key: 0 }, Y(e.superMalterLevel, (i, l) => (y(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -500,7 +500,7 @@ const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Ae(), o = "joy-button--" + _e(), r = V(() => {
+    const n = e, a = Ae(), o = "joy-button--" + _e(), i = V(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -512,7 +512,7 @@ const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
           return "small";
       }
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: o }), (i, u) => {
+    return t({ randomId: o }), (r, u) => {
       const d = Qn("joy-ripple");
       return Xn((y(), B(oe(T(a).href ? "a" : "button"), {
         disabled: e.loading || T(a).disabled,
@@ -526,14 +526,14 @@ const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (i.$slots.default || e.label) && o
+        "aria-labelledby": (r.$slots.default || e.label) && o
       }, {
         default: M(() => [
           e.icon && e.iconPosition === "left" ? (y(), B(W, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : x("", !0),
           e.loading ? (y(), B($t, {
@@ -544,7 +544,7 @@ const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             id: o,
             class: "joy-button--slot"
           }, [
-            k(i.$slots, "default", {}, () => [
+            k(r.$slots, "default", {}, () => [
               z(F(e.label), 1)
             ], !0)
           ]),
@@ -552,7 +552,7 @@ const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : x("", !0)
         ]),
@@ -593,22 +593,22 @@ function yt(...e) {
   if (hn(e[0]) || Array.isArray(e[0]) ? ([n, a, o] = e, t = It) : [t, n, a, o] = e, !t)
     return Tt;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
-  const r = [], l = () => {
-    r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [Te(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
+  const i = [], l = () => {
+    i.forEach((c) => c()), i.length = 0;
+  }, r = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [Te(t), Ee(o)], ([c, f]) => {
+    l(), c && i.push(...n.flatMap((p) => a.map((s) => r(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
     u(), l();
   };
   return st(d), d;
 }
 let qt = !1;
-function ro(e, t, n = {}) {
-  const { window: a = It, ignore: o = [], capture: r = !0, detectIframe: l = !1 } = n;
+function io(e, t, n = {}) {
+  const { window: a = It, ignore: o = [], capture: i = !0, detectIframe: l = !1 } = n;
   if (!a)
     return;
   pt && !qt && (qt = !0, Array.from(a.document.body.children).forEach((p) => p.addEventListener("click", Tt)));
-  let i = !0;
+  let r = !0;
   const u = (p) => o.some((s) => {
     if (typeof s == "string")
       return Array.from(a.document.querySelectorAll(s)).some((m) => m === p.target || p.composedPath().includes(m));
@@ -620,16 +620,16 @@ function ro(e, t, n = {}) {
     yt(a, "click", (p) => {
       const s = Te(e);
       if (!(!s || s === p.target || p.composedPath().includes(s))) {
-        if (p.detail === 0 && (i = !u(p)), !i) {
-          i = !0;
+        if (p.detail === 0 && (r = !u(p)), !r) {
+          r = !0;
           return;
         }
         t(p);
       }
-    }, { passive: !0, capture: r }),
+    }, { passive: !0, capture: i }),
     yt(a, "pointerdown", (p) => {
       const s = Te(e);
-      s && (i = !p.composedPath().includes(s) && !u(p));
+      s && (r = !p.composedPath().includes(s) && !u(p));
     }, { passive: !0 }),
     l && yt(a, "blur", (p) => {
       var s;
@@ -639,7 +639,7 @@ function ro(e, t, n = {}) {
   ].filter(Boolean);
   return () => c.forEach((p) => p());
 }
-function io(e, t = !1) {
+function ro(e, t = !1) {
   const n = C(), a = () => n.value = !!e();
   return a(), lo(a, t), n;
 }
@@ -655,17 +655,17 @@ var Ut = Object.getOwnPropertySymbols, so = Object.prototype.hasOwnProperty, uo
   return n;
 };
 function fo(e, t, n = {}) {
-  const a = n, { window: o = It } = a, r = co(a, ["window"]);
+  const a = n, { window: o = It } = a, i = co(a, ["window"]);
   let l;
-  const i = io(() => o && "ResizeObserver" in o), u = () => {
+  const r = ro(() => o && "ResizeObserver" in o), u = () => {
     l && (l.disconnect(), l = void 0);
   }, d = Q(() => Te(e), (f) => {
-    u(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
+    u(), r.value && o && f && (l = new ResizeObserver(t), l.observe(f, i));
   }, { immediate: !0, flush: "post" }), c = () => {
     u(), d();
   };
   return st(c), {
-    isSupported: i,
+    isSupported: r,
     stop: c
   };
 }
@@ -676,8 +676,8 @@ var Gt;
 function yo(e) {
   const t = C(e == null ? void 0 : e.element), n = C(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));
+    var o, i;
+    t.value && (t.value.style.height = "1px", t.value.style.height = `${(o = t.value) == null ? void 0 : o.scrollHeight}px`, (i = e == null ? void 0 : e.onResize) == null || i.call(e));
   }
   return Q([n, t], a, { immediate: !0 }), fo(t, () => a()), e != null && e.watch && Q(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: t,
@@ -728,7 +728,7 @@ const Lt = /* @__PURE__ */ L({
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
     const a = C();
-    return ro(a, (o) => {
+    return io(a, (o) => {
       n("trigger", o);
     }, e.options), () => {
       if (t.default)
@@ -747,10 +747,10 @@ function wo(...e) {
   if (hn(e[0]) || Array.isArray(e[0]) ? ([n, a, o] = e, t = _o) : [t, n, a, o] = e, !t)
     return Tt;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
-  const r = [], l = () => {
-    r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [ho(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
+  const i = [], l = () => {
+    i.forEach((c) => c()), i.length = 0;
+  }, r = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [ho(t), Ee(o)], ([c, f]) => {
+    l(), c && i.push(...n.flatMap((p) => a.map((s) => r(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
     u(), l();
   };
@@ -774,29 +774,29 @@ function So(e) {
 function ko(e, t = !1) {
   const n = C(t);
   let a = null, o;
-  Q(oo(e), (i) => {
-    if (i) {
-      const u = i;
+  Q(oo(e), (r) => {
+    if (r) {
+      const u = r;
       o = u.style.overflow, n.value && (u.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const r = () => {
-    const i = Ee(e);
-    !i || n.value || (pt && (a = wo(i, "touchmove", (u) => {
+  const i = () => {
+    const r = Ee(e);
+    !r || n.value || (pt && (a = wo(r, "touchmove", (u) => {
       So(u);
-    }, { passive: !1 })), i.style.overflow = "hidden", n.value = !0);
+    }, { passive: !1 })), r.style.overflow = "hidden", n.value = !0);
   }, l = () => {
-    const i = Ee(e);
-    !i || !n.value || (pt && (a == null || a()), i.style.overflow = o, n.value = !1);
+    const r = Ee(e);
+    !r || !n.value || (pt && (a == null || a()), r.style.overflow = o, n.value = !1);
   };
   return st(l), V({
     get() {
       return n.value;
     },
-    set(i) {
-      i ? r() : l();
+    set(r) {
+      r ? i() : l();
     }
   });
 }
@@ -808,7 +808,7 @@ const xo = () => {
       return;
     e = !0;
     const o = ko(n, a.value);
-    Q(t, (r) => o.value = r);
+    Q(t, (i) => o.value = i);
   };
 };
 xo();
@@ -846,17 +846,17 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Ae(), r = V(() => {
+    const a = e, o = Ae(), i = V(() => {
       if (l.value)
         return o;
-    }), l = C(!1), i = C(!1), u = C(a.open), d = C(!1), c = C();
+    }), l = C(!1), r = C(!1), u = C(a.open), d = C(!1), c = C();
     let f = 0;
     function p() {
       u.value = !0, j();
     }
     function s() {
-      i.value = !0, setTimeout(async () => {
-        d.value = !1, i.value = !1, u.value = !1, me(!1), n("bottom-sheet:close");
+      r.value = !0, setTimeout(async () => {
+        d.value = !1, r.value = !1, u.value = !1, me(!1), n("bottom-sheet:close");
       }, 300);
     }
     function m(O) {
@@ -893,16 +893,16 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
       show: p,
       isOpen: u,
       moveContainer: N
-    }), (O, J) => l.value ? (y(), B(rt, {
+    }), (O, J) => l.value ? (y(), B(it, {
       key: 0,
       to: e.teleport
     }, [
-      u.value ? (y(), g("div", te({ key: 0 }, r.value, {
+      u.value ? (y(), g("div", te({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
             "joy-bottom-sheet--open": u.value,
-            "joy-bottom-sheet--hiding": i.value && u.value,
+            "joy-bottom-sheet--hiding": r.value && u.value,
             "joy-bottom-sheet--frozen": e.frozen
           }
         ]
@@ -952,12 +952,12 @@ const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.bottomSheet), o = X(), r = V(() => o.default());
+    const n = e, a = V(() => n.bottomSheet), o = X(), i = V(() => o.default());
     function l() {
-      var i;
-      t("click"), (i = a.value) == null || i.show();
+      var r;
+      t("click"), (r = a.value) == null || r.show();
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (r, u) => (y(!0), g(K, null, Y(i.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -1017,20 +1017,20 @@ const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = C(a.indeterminate), l = C(a.invalid), i = C(!1), u = {
+    const a = e, o = C(), i = C(a.indeterminate), l = C(a.invalid), r = C(!1), u = {
       onChange: (d) => {
         const c = d.target.checked;
-        r.value = !1, l.value = !1, n("update:checked", c);
+        i.value = !1, l.value = !1, n("update:checked", c);
       },
       onFocus: () => {
-        i.value = !0, n("focus");
+        r.value = !0, n("focus");
       },
       onBlur: () => {
-        i.value = !1, n("blur");
+        r.value = !1, n("blur");
       }
     };
     return t({
-      isIndeterminate: r
+      isIndeterminate: i
     }), (d, c) => (y(), g("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
@@ -1041,10 +1041,10 @@ const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
-            "joy-checkbox__indeterminate": r.value,
+            "joy-checkbox__indeterminate": i.value,
             "joy-checkbox__disabled": e.disabled,
             "joy-checkbox__invalid": l.value,
-            "joy-checkbox__focusing": i.value && e.displayFocus
+            "joy-checkbox__focusing": r.value && e.displayFocus
           }
         ])
       }, [
@@ -1062,7 +1062,7 @@ const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
             required: e.required,
             "aria-checked": e.checked,
             value: e.value,
-            indeterminate: r.value,
+            indeterminate: i.value,
             onChange: c[0] || (c[0] = //@ts-ignore
             (...f) => u.onChange && u.onChange(...f)),
             onFocus: c[1] || (c[1] = //@ts-ignore
@@ -1106,11 +1106,11 @@ const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
     const a = e, o = C(a.open);
     Q(
       () => a.open,
-      (i) => {
-        o.value = i;
+      (r) => {
+        o.value = r;
       }
     );
-    function r() {
+    function i() {
       o.value = !o.value, l();
     }
     function l() {
@@ -1118,9 +1118,9 @@ const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
     }
     return t({
       isOpen: o,
-      onToggle: r,
+      onToggle: i,
       props: a
-    }), (i, u) => (y(), g("div", {
+    }), (r, u) => (y(), g("div", {
       class: $([
         "joy-collapse-item",
         {
@@ -1132,7 +1132,7 @@ const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
         "aria-expanded": o.value,
         type: "button",
         class: "joy-collapse-item__summary",
-        onClick: r
+        onClick: i
       }, [
         b("div", {
           id: e.id,
@@ -1147,7 +1147,7 @@ const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           z(" " + F(e.header), 1)
         ], 8, Ro),
         b("div", Do, [
-          k(i.$slots, "collapse-header-right")
+          k(r.$slots, "collapse-header-right")
         ]),
         U(W, {
           class: "joy-collapse-item__summary___marker",
@@ -1165,7 +1165,7 @@ const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           }
         ])
       }, [
-        k(i.$slots, "default")
+        k(r.$slots, "default")
       ], 10, Mo)) : x("", !0)
     ], 2));
   }
@@ -1186,11 +1186,11 @@ const Sn = /* @__PURE__ */ A(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = X(), l = V(() => {
-      const s = r.default();
-      return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(i) : s.filter(i);
+    const a = e, o = C(a.modelValue), i = X(), l = V(() => {
+      const s = i.default();
+      return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(r) : s.filter(r);
     });
-    function i(s) {
+    function r(s) {
       var m;
       return ((m = s == null ? void 0 : s.type) == null ? void 0 : m.__name) === "VJoyCollapseItem";
     }
@@ -1218,7 +1218,7 @@ const Sn = /* @__PURE__ */ A(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
     }
     return t({
       getValForModel: p,
-      isItem: i,
+      isItem: r,
       isOpen: d,
       items: l,
       openedCollapseItem: o
@@ -1372,9 +1372,9 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(!1), l = C();
+    const a = e, o = C(!1), i = C(!1), l = C();
     Bt(l, a.autofocus);
-    function i() {
+    function r() {
       const v = c(!1);
       v >= 0 ? n("update:modelValue", v <= a.min ? a.min : v) : n("update:modelValue", 0), d();
     }
@@ -1403,10 +1403,10 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
         n("update:modelValue", +v.target.value || 0), o.value = !1;
       },
       onFocus: () => {
-        r.value = !0;
+        i.value = !0;
       },
       onBlur: () => {
-        r.value = !1, d();
+        i.value = !1, d();
       }
     };
     return t({
@@ -1427,14 +1427,14 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : x("", !0),
       b("div", {
-        class: $(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
+        class: $(["joy-counter__wrapper", { "joy-counter--focusing": i.value }])
       }, [
         b("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
           disabled: e.modelValue <= e.min,
-          onClick: i
+          onClick: r
         }, [
           U(T(W), { name: "minus" })
         ], 8, Qo),
@@ -1478,15 +1478,15 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
   }
 });
 const ll = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-8ad5d56e"]]);
-function rl(e) {
+function il(e) {
   return kt() ? (xt(e), !0) : !1;
 }
-function il(e) {
+function rl(e) {
   return typeof e == "function" ? e() : T(e);
 }
 function sl(e) {
   var t;
-  const n = il(e);
+  const n = rl(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 /*!
@@ -1502,7 +1502,7 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Xe = function e(t, n) {
   var a;
   n === void 0 && (n = !0);
-  var o = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), r = o === "" || o === "true", l = r || n && t && e(t.parentNode);
+  var o = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), i = o === "" || o === "true", l = i || n && t && e(t.parentNode);
   return l;
 }, ul = function(t) {
   var n, a = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
@@ -1513,11 +1513,11 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var o = Array.prototype.slice.apply(t.querySelectorAll(Ze));
   return n && xe.call(t, Ze) && o.unshift(t), o = o.filter(a), o;
 }, jn = function e(t, n, a) {
-  for (var o = [], r = Array.from(t); r.length; ) {
-    var l = r.shift();
+  for (var o = [], i = Array.from(t); i.length; ) {
+    var l = i.shift();
     if (!Xe(l, !1))
       if (l.tagName === "SLOT") {
-        var i = l.assignedElements(), u = i.length ? i : l.children, d = e(u, !0, a);
+        var r = l.assignedElements(), u = r.length ? r : l.children, d = e(u, !0, a);
         a.flatten ? o.push.apply(o, d) : o.push({
           scopeParent: l,
           candidates: d
@@ -1534,7 +1534,7 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
             candidates: s
           });
         } else
-          r.unshift.apply(r, l.children);
+          i.unshift.apply(i, l.children);
       }
   }
   return o;
@@ -1565,8 +1565,8 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, pl = function(t) {
   if (!t.name)
     return !0;
-  var n = t.form || Qe(t), a = function(i) {
-    return n.querySelectorAll('input[type="radio"][name="' + i + '"]');
+  var n = t.form || Qe(t), a = function(r) {
+    return n.querySelectorAll('input[type="radio"][name="' + r + '"]');
   }, o;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
     o = a(window.CSS.escape(t.name));
@@ -1576,22 +1576,22 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     } catch (l) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", l.message), !1;
     }
-  var r = vl(o, t.form);
-  return !r || r === t;
+  var i = vl(o, t.form);
+  return !i || i === t;
 }, ml = function(t) {
   return Vn(t) && t.type === "radio";
 }, bl = function(t) {
   return ml(t) && !pl(t);
 }, gl = function(t) {
-  var n, a = t && Qe(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
+  var n, a = t && Qe(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, i = !1;
   if (a && a !== t) {
-    var l, i, u;
-    for (r = !!((l = o) !== null && l !== void 0 && (i = l.ownerDocument) !== null && i !== void 0 && i.contains(o) || t != null && (u = t.ownerDocument) !== null && u !== void 0 && u.contains(t)); !r && o; ) {
+    var l, r, u;
+    for (i = !!((l = o) !== null && l !== void 0 && (r = l.ownerDocument) !== null && r !== void 0 && r.contains(o) || t != null && (u = t.ownerDocument) !== null && u !== void 0 && u.contains(t)); !i && o; ) {
       var d, c, f;
-      a = Qe(o), o = (d = a) === null || d === void 0 ? void 0 : d.host, r = !!((c = o) !== null && c !== void 0 && (f = c.ownerDocument) !== null && f !== void 0 && f.contains(o));
+      a = Qe(o), o = (d = a) === null || d === void 0 ? void 0 : d.host, i = !!((c = o) !== null && c !== void 0 && (f = c.ownerDocument) !== null && f !== void 0 && f.contains(o));
     }
   }
-  return r;
+  return i;
 }, tn = function(t) {
   var n = t.getBoundingClientRect(), a = n.width, o = n.height;
   return a === 0 && o === 0;
@@ -1599,18 +1599,18 @@ var kn = ["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 = xe.call(t, "details>summary:first-of-type"), l = r ? t.parentElement : t;
+  var i = xe.call(t, "details>summary:first-of-type"), l = i ? t.parentElement : t;
   if (xe.call(l, "details:not([open]) *"))
     return !0;
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
-      for (var i = t; t; ) {
+      for (var r = t; t; ) {
         var u = t.parentElement, d = Qe(t);
         if (u && !u.shadowRoot && o(u) === !0)
           return tn(t);
         t.assignedSlot ? t = t.assignedSlot : !u && d !== t.ownerDocument ? t = d.host : t = u;
       }
-      t = i;
+      t = r;
     }
     if (gl(t))
       return !t.getClientRects().length;
@@ -1646,17 +1646,17 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !!(isNaN(n) || n >= 0);
 }, Sl = function e(t) {
   var n = [], a = [];
-  return t.forEach(function(o, r) {
-    var l = !!o.scopeParent, i = l ? o.scopeParent : o, u = cl(i, l), d = l ? e(o.candidates) : i;
-    u === 0 ? l ? n.push.apply(n, d) : n.push(i) : a.push({
-      documentOrder: r,
+  return t.forEach(function(o, i) {
+    var l = !!o.scopeParent, r = l ? o.scopeParent : o, u = cl(r, l), d = l ? e(o.candidates) : r;
+    u === 0 ? l ? n.push.apply(n, d) : n.push(r) : a.push({
+      documentOrder: i,
       tabIndex: u,
       item: o,
       isScope: l,
       content: d
     });
-  }), a.sort(dl).reduce(function(o, r) {
-    return r.isScope ? o.push.apply(o, r.content) : o.push(r.content), o;
+  }), a.sort(dl).reduce(function(o, i) {
+    return i.isScope ? o.push.apply(o, i.content) : o.push(i.content), o;
   }, []).concat(n);
 }, kl = function(t, n) {
   n = n || {};
@@ -1760,8 +1760,8 @@ var on = {
   return setTimeout(t, 0);
 }, rn = function(t, n) {
   var a = -1;
-  return t.every(function(o, r) {
-    return n(o) ? (a = r, !1) : !0;
+  return t.every(function(o, i) {
+    return n(o) ? (a = i, !1) : !0;
   }), a;
 }, Fe = function(t) {
   for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
@@ -1770,7 +1770,7 @@ var on = {
 }, Ge = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Bl = [], Al = function(t, n) {
-  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Bl, r = an({
+  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Bl, i = an({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -1812,8 +1812,8 @@ var on = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, i, u = function(w, S, I) {
-    return w && w[S] !== void 0 ? w[S] : r[I || S];
+  }, r, u = function(w, S, I) {
+    return w && w[S] !== void 0 ? w[S] : i[I || S];
   }, d = function(w, S) {
     var I = typeof (S == null ? void 0 : S.composedPath) == "function" ? S.composedPath() : void 0;
     return l.containerGroups.findIndex(function(R) {
@@ -1827,7 +1827,7 @@ var on = {
       });
     });
   }, c = function(w) {
-    var S = r[w];
+    var S = i[w];
     if (typeof S == "function") {
       for (var I = arguments.length, R = new Array(I > 1 ? I - 1 : 0), D = 1; D < I; D++)
         R[D - 1] = arguments[D];
@@ -1846,7 +1846,7 @@ var on = {
     var w = c("initialFocus");
     if (w === !1)
       return !1;
-    if (w === void 0 || !vt(w, r.tabbableOptions))
+    if (w === void 0 || !vt(w, i.tabbableOptions))
       if (d(a.activeElement) >= 0)
         w = a.activeElement;
       else {
@@ -1858,7 +1858,7 @@ var on = {
     return w;
   }, p = function() {
     if (l.containerGroups = l.containers.map(function(w) {
-      var S = kl(w, r.tabbableOptions), I = xl(w, r.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(ee) {
+      var S = kl(w, i.tabbableOptions), I = xl(w, i.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(ee) {
         return Ve(ee);
       }), G = I.slice().reverse().find(function(ee) {
         return Ve(ee);
@@ -1922,7 +1922,7 @@ var on = {
         return;
       }
       w.focus({
-        preventScroll: !!r.preventScroll
+        preventScroll: !!i.preventScroll
       }), l.mostRecentlyFocusedNode = w, Tl(w) && w.select();
     }
   }, v = function(w) {
@@ -1941,7 +1941,7 @@ var on = {
           var ft = dt.firstTabbableNode;
           return S === ft;
         });
-        if (ee < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (ee = G), ee >= 0) {
+        if (ee < 0 && (ne.container === S || vt(S, i.tabbableOptions) && !Ve(S, i.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (ee = G), ee >= 0) {
           var Se = ee === 0 ? l.tabbableGroups.length - 1 : ee - 1, Oe = l.tabbableGroups[Se];
           q = ke(S) >= 0 ? Oe.lastTabbableNode : Oe.lastDomTabbableNode;
         } else
@@ -1951,7 +1951,7 @@ var on = {
           var ft = dt.lastTabbableNode;
           return S === ft;
         });
-        if (pe < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S)) && (pe = G), pe >= 0) {
+        if (pe < 0 && (ne.container === S || vt(S, i.tabbableOptions) && !Ve(S, i.tabbableOptions) && !ne.nextTabbableNode(S)) && (pe = G), pe >= 0) {
           var Je = pe === l.tabbableGroups.length - 1 ? 0 : pe + 1, Dt = l.tabbableGroups[Je];
           q = ke(S) >= 0 ? Dt.firstTabbableNode : Dt.firstDomTabbableNode;
         } else
@@ -1963,19 +1963,19 @@ var on = {
   }, h = function(w) {
     var S = Ge(w);
     if (!(d(S, w) >= 0)) {
-      if (Fe(r.clickOutsideDeactivates, w)) {
-        i.deactivate({
+      if (Fe(i.clickOutsideDeactivates, w)) {
+        r.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
           //  that was clicked (and if not focusable, to "nothing"); by setting
           //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
           //  on activation (or the configured `setReturnFocus` node), whether the
           //  outside click was on a focusable node or not
-          returnFocus: r.returnFocusOnDeactivate
+          returnFocus: i.returnFocusOnDeactivate
         });
         return;
       }
-      Fe(r.allowOutsideClick, w) || w.preventDefault();
+      Fe(i.allowOutsideClick, w) || w.preventDefault();
     }
   }, E = function(w) {
     var S = Ge(w), I = d(S, w) >= 0;
@@ -1991,7 +1991,7 @@ var on = {
             var ne = G.findIndex(function(ee) {
               return ee === l.mostRecentlyFocusedNode;
             });
-            ne >= 0 && (r.isKeyForward(l.recentNavEvent) ? ne + 1 < G.length && (R = G[ne + 1], D = !1) : ne - 1 >= 0 && (R = G[ne - 1], D = !1));
+            ne >= 0 && (i.isKeyForward(l.recentNavEvent) ? ne + 1 < G.length && (R = G[ne + 1], D = !1) : ne - 1 >= 0 && (R = G[ne - 1], D = !1));
           }
         } else
           l.containerGroups.some(function(ee) {
@@ -2005,7 +2005,7 @@ var on = {
         // 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,
-        isBackward: r.isKeyBackward(l.recentNavEvent)
+        isBackward: i.isKeyBackward(l.recentNavEvent)
       })), m(R || l.mostRecentlyFocusedNode || f());
     }
     l.recentNavEvent = void 0;
@@ -2018,17 +2018,17 @@ var on = {
     });
     I && (Pe(w) && w.preventDefault(), m(I));
   }, P = function(w) {
-    if (Il(w) && Fe(r.escapeDeactivates, w) !== !1) {
-      w.preventDefault(), i.deactivate();
+    if (Il(w) && Fe(i.escapeDeactivates, w) !== !1) {
+      w.preventDefault(), r.deactivate();
       return;
     }
-    (r.isKeyForward(w) || r.isKeyBackward(w)) && N(w, r.isKeyBackward(w));
+    (i.isKeyForward(w) || i.isKeyBackward(w)) && N(w, i.isKeyBackward(w));
   }, j = function(w) {
     var S = Ge(w);
-    d(S, w) >= 0 || Fe(r.clickOutsideDeactivates, w) || Fe(r.allowOutsideClick, w) || (w.preventDefault(), w.stopImmediatePropagation());
+    d(S, w) >= 0 || Fe(i.clickOutsideDeactivates, w) || Fe(i.allowOutsideClick, w) || (w.preventDefault(), w.stopImmediatePropagation());
   }, O = function() {
     if (l.active)
-      return on.activateTrap(o, i), l.delayInitialFocusTimer = r.delayInitialFocus ? ln(function() {
+      return on.activateTrap(o, r), l.delayInitialFocusTimer = i.delayInitialFocus ? ln(function() {
         m(f());
       }) : m(f()), a.addEventListener("focusin", E, !0), a.addEventListener("mousedown", h, {
         capture: !0,
@@ -2042,11 +2042,11 @@ var on = {
       }), a.addEventListener("keydown", P, {
         capture: !0,
         passive: !1
-      }), i;
+      }), r;
   }, J = function() {
     if (l.active)
-      return a.removeEventListener("focusin", E, !0), a.removeEventListener("mousedown", h, !0), a.removeEventListener("touchstart", h, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", P, !0), i;
-  }, re = function(w) {
+      return a.removeEventListener("focusin", E, !0), a.removeEventListener("mousedown", h, !0), a.removeEventListener("touchstart", h, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", P, !0), r;
+  }, ie = function(w) {
     var S = w.some(function(I) {
       var R = Array.from(I.removedNodes);
       return R.some(function(D) {
@@ -2054,15 +2054,15 @@ var on = {
       });
     });
     S && m(f());
-  }, ie = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(re) : void 0, ue = function() {
-    ie && (ie.disconnect(), l.active && !l.paused && l.containers.map(function(w) {
-      ie.observe(w, {
+  }, re = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ie) : void 0, ue = function() {
+    re && (re.disconnect(), l.active && !l.paused && l.containers.map(function(w) {
+      re.observe(w, {
         subtree: !0,
         childList: !0
       });
     }));
   };
-  return i = {
+  return r = {
     get active() {
       return l.active;
     },
@@ -2083,11 +2083,11 @@ var on = {
       if (!l.active)
         return this;
       var S = an({
-        onDeactivate: r.onDeactivate,
-        onPostDeactivate: r.onPostDeactivate,
-        checkCanReturnFocus: r.checkCanReturnFocus
+        onDeactivate: i.onDeactivate,
+        onPostDeactivate: i.onPostDeactivate,
+        checkCanReturnFocus: i.checkCanReturnFocus
       }, w);
-      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, J(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, i);
+      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, J(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, r);
       var I = u(S, "onDeactivate"), R = u(S, "onPostDeactivate"), D = u(S, "checkCanReturnFocus"), q = u(S, "returnFocus", "returnFocusOnDeactivate");
       I == null || I();
       var G = function() {
@@ -2115,11 +2115,11 @@ var on = {
         return typeof I == "string" ? a.querySelector(I) : I;
       }), l.active && p(), ue(), this;
     }
-  }, i.updateContainerElements(t), i;
+  }, r.updateContainerElements(t), r;
 };
 function Tn(e, t = {}) {
   let n;
-  const { immediate: a, ...o } = t, r = C(!1), l = C(!1), i = (f) => n && n.activate(f), u = (f) => n && n.deactivate(f), d = () => {
+  const { immediate: a, ...o } = t, i = C(!1), l = C(!1), r = (f) => n && n.activate(f), u = (f) => n && n.deactivate(f), d = () => {
     n && (n.pause(), l.value = !0);
   }, c = () => {
     n && (n.unpause(), l.value = !1);
@@ -2130,18 +2130,18 @@ function Tn(e, t = {}) {
       f && (n = Al(f, {
         ...o,
         onActivate() {
-          r.value = !0, t.onActivate && t.onActivate();
+          i.value = !0, t.onActivate && t.onActivate();
         },
         onDeactivate() {
-          r.value = !1, t.onDeactivate && t.onDeactivate();
+          i.value = !1, t.onDeactivate && t.onDeactivate();
         }
-      }), a && i());
+      }), a && r());
     },
     { flush: "post" }
-  ), rl(() => u()), {
-    hasFocus: r,
+  ), il(() => u()), {
+    hasFocus: i,
     isPaused: l,
-    activate: i,
+    activate: r,
     deactivate: u,
     pause: d,
     unpause: c
@@ -2227,11 +2227,11 @@ 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 = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-dialog--" + _e(), i = X(), l = C(!1), r = C(), u = C(a.open), d = Tn(r), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const j = r["dialog-cancel"] || r["dialog-confirm"], O = a.cancelText || a.confirmText;
+      const j = i["dialog-cancel"] || i["dialog-confirm"], O = a.cancelText || a.confirmText;
       return !!j || !!O;
     }), m = V(() => a.id || o).value + "-header";
     function v() {
@@ -2262,7 +2262,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
       hide: _,
       isOpen: u,
       show: h
-    }), (j, O) => l.value ? (y(), B(rt, {
+    }), (j, O) => l.value ? (y(), B(it, {
       key: 0,
       to: e.teleport
     }, [
@@ -2278,7 +2278,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
           u.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: e.id || o,
             ref_key: "dialogRef",
-            ref: i,
+            ref: r,
             role: "dialog",
             "aria-modal": "true",
             class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value }],
@@ -2384,7 +2384,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     _: 3
                   })
                 ], 2),
-                T(r)["dialog-indicators"] ? (y(), g("div", Rl, [
+                T(i)["dialog-indicators"] ? (y(), g("div", Rl, [
                   k(j.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
@@ -2403,12 +2403,12 @@ const Ml = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @_
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = X(), r = V(() => o.default());
+    const n = e, a = V(() => n.dialog), o = X(), i = V(() => o.default());
     async function l() {
-      var i;
-      t("click"), await ((i = a.value) == null ? void 0 : i.show());
+      var r;
+      t("click"), await ((r = a.value) == null ? void 0 : r.show());
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (r, u) => (y(!0), g(K, null, Y(i.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -2442,13 +2442,13 @@ const Ml = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @_
 const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"], Zl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, Xl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, er = {
+}, ei = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, tr = {
+}, ti = {
   key: 0,
   class: "joy-drawer--indicators"
-}, nr = /* @__PURE__ */ L({
+}, ni = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2505,11 +2505,11 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = "joy-drawer--" + _e(), r = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-drawer--" + _e(), i = X(), l = C(!1), r = C(), u = C(a.open), d = Tn(r), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const P = r["drawer-cancel"] || r["drawer-confirm"], j = a.cancelText || a.confirmText;
+      const P = i["drawer-cancel"] || i["drawer-confirm"], j = a.cancelText || a.confirmText;
       return !!P || !!j;
     }), s = V(() => a.id || o), m = s.value + "-header";
     async function v(P = { fireHideEvent: !0 }) {
@@ -2537,7 +2537,7 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
       hide: v,
       isOpen: u,
       show: _
-    }), (P, j) => l.value ? (y(), B(rt, {
+    }), (P, j) => l.value ? (y(), B(it, {
       key: 0,
       to: e.teleport
     }, [
@@ -2553,7 +2553,7 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
           u.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: s.value,
             ref_key: "drawerRef",
-            ref: i,
+            ref: r,
             role: "dialog",
             "aria-modal": "true",
             class: [
@@ -2608,7 +2608,7 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     onClick: j[1] || (j[1] = (O) => v())
                   }, null, 8, ["label"])
                 ]),
-                b("div", er, [
+                b("div", ei, [
                   k(P.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2621,7 +2621,8 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                 }, [
                   U(T(Rt), {
                     justify: "flex-end",
-                    "no-margin": ""
+                    "no-margin": "",
+                    class: "joy-drawer--footer-wrapper"
                   }, {
                     default: M(() => [
                       k(P.$slots, "drawer-cancel", {}, () => [
@@ -2656,7 +2657,7 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     _: 3
                   })
                 ], 2),
-                T(r)["drawer-indicators"] ? (y(), g("div", tr, [
+                T(i)["drawer-indicators"] ? (y(), g("div", ti, [
                   k(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
@@ -2668,30 +2669,30 @@ const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
     ], 8, ["to"])) : x("", !0);
   }
 });
-const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
+const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-22b62515"]]), oi = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.drawer), o = X(), r = V(() => o.default());
+    const n = e, a = V(() => n.drawer), o = X(), i = V(() => o.default());
     async function l() {
-      var i;
-      t("click"), await ((i = a.value) == null ? void 0 : i.show());
+      var r;
+      t("click"), await ((r = a.value) == null ? void 0 : r.show());
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (r, u) => (y(!0), g(K, null, Y(i.value, (d) => (y(), B(oe(d), {
       key: d,
       onClick: l
     }))), 128));
   }
-}), In = ["medium", "small", "xsmall"], lr = {
+}), In = ["medium", "small", "xsmall"], li = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, rr = ["aria-label", "aria-labelledby"], ir = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], sr = {
+}, ii = ["aria-label", "aria-labelledby"], ri = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], si = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, ur = /* @__PURE__ */ L({
+}, ui = /* @__PURE__ */ L({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2738,22 +2739,22 @@ const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = V(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
+    const a = e, o = C(), i = V(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
     function l(s) {
       s.disabled || n("update:modelValue", s.value || s.id);
     }
-    function i() {
+    function r() {
       var s;
       return Array.from(((s = o.value) == null ? void 0 : s.querySelectorAll("li")) || []);
     }
     function u() {
-      const s = i().find((m) => m.getAttribute("aria-selected") === "true");
+      const s = r().find((m) => m.getAttribute("aria-selected") === "true");
       s && (s.focus(), o.value.scrollTo({
         top: s.offsetTop
       }));
     }
     function d() {
-      return i().find((s) => s === document.activeElement);
+      return r().find((s) => s === document.activeElement);
     }
     function c(s) {
       var m;
@@ -2767,7 +2768,7 @@ const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
           n("update:modelValue", v.dataModel);
         }
         if (d() && s.key === " " && s.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) {
-          const v = i(), _ = d();
+          const v = r(), _ = d();
           let h = v.indexOf(_);
           if (v.length) {
             s.preventDefault(), s.key === "ArrowDown" ? h++ : s.key === "ArrowUp" ? h-- : s.key === "Home" ? h = 0 : s.key === "End" && (h = v.length - 1), h < 0 && (h = v.length - 1), h > v.length - 1 && (h = 0), f(v[h]);
@@ -2787,12 +2788,12 @@ const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
     }), Ne(() => {
       window.removeEventListener("keydown", c);
     }), t({
-      isSelected: r
+      isSelected: i
     }), (s, m) => (y(), g("div", {
       class: "joy-dropdown-list",
       style: ce({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      s.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", lr, [
+      s.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", li, [
         e.reset ? (y(), g("button", {
           key: 0,
           type: "button",
@@ -2824,13 +2825,13 @@ const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
-                "joy-dropdown-list__item--selected": r.value(v),
+                "joy-dropdown-list__item--selected": i.value(v),
                 "joy-dropdown-list__item--disabled": v.disabled
               }
             ]),
             tabindex: v.disabled ? void 0 : -1,
             "aria-disabled": v.disabled,
-            "aria-selected": r.value(v),
+            "aria-selected": i.value(v),
             title: v.label,
             "aria-label": v.label,
             ".dataModel": v.value || v.id,
@@ -2840,16 +2841,16 @@ const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             k(s.$slots, "label", ze(qe(v)), () => [
               b("span", null, F(v.label), 1)
             ], !0)
-          ], 14, ir))), 128))
-        ], 8, rr)) : x("", !0)
+          ], 14, ri))), 128))
+        ], 8, ii)) : x("", !0)
       ], 6),
-      s.$slots["dropdown-list-footer"] ? (y(), g("footer", sr, [
+      s.$slots["dropdown-list-footer"] ? (y(), g("footer", si, [
         k(s.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : x("", !0)
     ], 4));
   }
 });
-const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
+const Ln = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-0127e896"]]), ci = /* @__PURE__ */ L({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2940,7 +2941,7 @@ const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(null), l = C(), i = C(null), u = C(null), d = C(!1), c = "joy-dropdown--" + _e();
+    const a = e, o = C(!1), i = C(null), l = C(), r = C(null), u = C(null), d = C(!1), c = "joy-dropdown--" + _e();
     jt("VJoyDropdownContext", a);
     const f = {
       ignore: [l, ".joy-dropdown__list"]
@@ -2949,7 +2950,7 @@ const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     Q(
       () => o.value,
       (j) => {
-        j && Ga(i);
+        j && Ga(r);
       },
       { flush: "post" }
     );
@@ -2989,7 +2990,7 @@ const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
       generatedId: c
     }), (j, O) => (y(), B(T(Lt), {
       ref_key: "dropdown",
-      ref: r,
+      ref: i,
       options: f,
       class: "joy-dropdown",
       onTrigger: m
@@ -3007,7 +3008,7 @@ const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
         o.value ? (y(), g("div", {
           key: 0,
           ref_key: "list",
-          ref: i,
+          ref: r,
           class: $([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
@@ -3067,7 +3068,7 @@ const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     }, 512));
   }
 });
-const dr = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["aria-label"], yr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
+const di = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-a27687c9"]]), fi = ["aria-label"], yi = { class: "joy-filter-bar__wrapper" }, vi = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
@@ -3078,13 +3079,13 @@ const dr = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["ari
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      b("div", yr, [
+      b("div", yi, [
         k(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, fr));
+    ], 8, fi));
   }
 });
-const pr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
+const pi = /* @__PURE__ */ A(vi, [["__scopeId", "data-v-114f8274"]]), mi = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -3099,17 +3100,17 @@ const pr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
   },
   emits: ["filter"],
   setup(e, { emit: t }) {
-    const n = e, a = it("VJoyDropdownContext", null);
+    const n = e, a = rt("VJoyDropdownContext", null);
     function o() {
       t("filter", n.value);
     }
-    return (r, l) => (y(), g("button", {
+    return (i, l) => (y(), g("button", {
       type: "button",
       class: $(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: o
     }, [
       z(F(e.label) + " ", 1),
-      k(r.$slots, "default", {}, void 0, !0),
+      k(i.$slots, "default", {}, void 0, !0),
       T(a) ? (y(), B(W, {
         key: 0,
         class: "joy-filter-bar-button__icon",
@@ -3120,20 +3121,20 @@ const pr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
     ], 2));
   }
 });
-const br = /* @__PURE__ */ A(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { class: "joy-footer" }, hr = { class: "joy-footer__left" }, _r = { class: "joy-footer__right" }, wr = /* @__PURE__ */ L({
+const bi = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-8f87fed1"]]), gi = { class: "joy-footer" }, hi = { class: "joy-footer__left" }, _i = { class: "joy-footer__right" }, wi = /* @__PURE__ */ L({
   __name: "VJoyFooter",
   setup(e) {
-    return (t, n) => (y(), g("footer", gr, [
-      b("div", hr, [
+    return (t, n) => (y(), g("footer", gi, [
+      b("div", hi, [
         k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      b("div", _r, [
+      b("div", _i, [
         k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Sr = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["aria-hidden"], xr = /* @__PURE__ */ L({
+const Si = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-e174785d"]]), ki = ["aria-hidden"], xi = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3159,10 +3160,10 @@ const Sr = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["ari
           z(F(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, kr));
+    ], 10, ki));
   }
 });
-const En = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
+const En = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-581fd33b"]]), Ci = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3182,16 +3183,16 @@ const En = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = it("VJoyWrapperContext", {}), o = V(() => {
-      const r = a.direction === "column" ? "auto" : null;
+    const n = e, a = rt("VJoyWrapperContext", {}), o = V(() => {
+      const i = a.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const u = ["1", "0"];
-        return r && u.push(r), u.join(" ");
+        return i && u.push(i), u.join(" ");
       }
-      const l = [n.flex || "1", "0"], i = n.width || r;
-      return i && l.push(i), l.join(" ");
+      const l = [n.flex || "1", "0"], r = n.width || i;
+      return r && l.push(r), l.join(" ");
     });
-    return t({ flexStyle: o }), (r, l) => (y(), g("div", {
+    return t({ flexStyle: o }), (i, l) => (y(), g("div", {
       "aria-hidden": "true",
       class: $(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ce({
@@ -3201,9 +3202,9 @@ const En = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     }, null, 6));
   }
 });
-const jr = /* @__PURE__ */ A(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
-  Ir
-], Er = { class: "joy-funnel__footer" }, Br = /* @__PURE__ */ L({
+const ji = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-8a4ecbad"]]), $i = { class: "joy-funnel__header" }, Vi = { class: "funnel__header__inner" }, Ti = { class: "joy-funnel__stepper" }, Ii = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Li = [
+  Ii
+], Ei = { class: "joy-funnel__footer" }, Bi = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3225,34 +3226,34 @@ const jr = /* @__PURE__ */ A(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
   setup(e, { expose: t }) {
     const n = C(!0), a = X();
     function o(l) {
-      const i = l.currentTarget;
-      n.value = i.scrollTop === 0;
+      const r = l.currentTarget;
+      n.value = r.scrollTop === 0;
     }
-    const r = V(() => !!a["funnel-stepper"]);
+    const i = V(() => !!a["funnel-stepper"]);
     return t({
       scrollOnTop: n,
-      hasStepperSlot: r
-    }), (l, i) => (y(), g("div", {
+      hasStepperSlot: i
+    }), (l, r) => (y(), g("div", {
       class: $([
         "joy-funnel",
         {
           "joy-funnel--no-border": n.value,
-          "joy-funnel--no-stepper": !r.value
+          "joy-funnel--no-stepper": !i.value
         }
       ])
     }, [
-      b("div", $r, [
-        b("div", Vr, [
+      b("div", $i, [
+        b("div", Vi, [
           k(l.$slots, "funnel-header", {}, void 0, !0)
         ]),
-        b("div", Tr, [
+        b("div", Ti, [
           k(l.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
       e.hideShapes ? x("", !0) : (y(), g("div", {
         key: 0,
         class: $(["joy-funnel__shapes", { "joy-funnel__shapes--strategy": e.profile === "strategy" }])
-      }, Lr, 2)),
+      }, Li, 2)),
       b("div", {
         class: "joy-funnel__scrollable",
         onScroll: o
@@ -3263,26 +3264,26 @@ const jr = /* @__PURE__ */ A(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
           k(l.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
-      b("div", Er, [
+      b("div", Ei, [
         k(l.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Ar = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Jr = { class: "joy-header__right" }, Fr = /* @__PURE__ */ L({
+const Ai = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-0abeb951"]]), Ni = { class: "joy-header" }, Oi = { class: "joy-header__left" }, Ji = { class: "joy-header__right" }, Fi = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (y(), g("header", Nr, [
-      b("div", Or, [
+    return (t, n) => (y(), g("header", Ni, [
+      b("div", Oi, [
         k(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      b("div", Jr, [
+      b("div", Ji, [
         k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Dr = { class: "joy-highlight--text" }, Mr = { key: 0 }, zr = /* @__PURE__ */ L({
+const Pi = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-7928856e"]]), Ri = [...Qa], Di = { class: "joy-highlight--text" }, Mi = { key: 0 }, zi = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3300,7 +3301,7 @@ const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
       type: String,
       default: "neutral",
       validator(e) {
-        return Rr.includes(e);
+        return Ri.includes(e);
       }
     }
   },
@@ -3308,7 +3309,7 @@ const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
     const n = e, a = V(() => n.icon ? n.icon : gn(n.level));
     return t({
       getRelevantIcon: a
-    }), (o, r) => (y(), g("div", {
+    }), (o, i) => (y(), g("div", {
       class: $([
         "joy-highlight",
         `joy-highlight_${e.level}`,
@@ -3322,8 +3323,8 @@ const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
         key: 0,
         name: a.value
       }, null, 8, ["name"])) : x("", !0),
-      b("div", Dr, [
-        o.$slots["highlight-title"] ? (y(), g("strong", Mr, [
+      b("div", Di, [
+        o.$slots["highlight-title"] ? (y(), g("strong", Mi, [
           k(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : x("", !0),
         k(o.$slots, "default", {}, void 0, !0)
@@ -3331,7 +3332,7 @@ const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
     ], 2));
   }
 });
-const qr = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
+const qi = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-45c2fbf4"]]), Hi = ["aria-label"], Wi = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3361,11 +3362,11 @@ const qr = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["ari
         type: "button",
         class: $(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, Hr)
+      }, null, 10, Hi)
     ], 2));
   }
 });
-const Bn = /* @__PURE__ */ A(Wr, [["__scopeId", "data-v-2babb982"]]), Ur = /* @__PURE__ */ L({
+const Bn = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-2babb982"]]), Ui = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3378,54 +3379,54 @@ const Bn = /* @__PURE__ */ A(Wr, [["__scopeId", "data-v-2babb982"]]), Ur = /* @_
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = X(), r = C(a.modelValue), l = V(() => {
+    const a = e, o = X(), i = C(a.modelValue), l = V(() => {
       const c = o.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(u) : c.filter(u);
     });
-    function i(c) {
-      return r.value === c.props.value;
+    function r(c) {
+      return i.value === c.props.value;
     }
     function u(c) {
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyIndicator";
     }
     function d(c) {
-      n("update:modelValue", c.props.value), r.value = c.props.value;
+      n("update:modelValue", c.props.value), i.value = c.props.value;
     }
     return Q(
       () => a.modelValue,
       (c, f) => {
-        c !== f && (r.value = c);
+        c !== f && (i.value = c);
       }
     ), t({
       indicators: l,
-      isSelected: i
+      isSelected: r
     }), (c, f) => (y(), g("ul", {
       class: $(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
       (y(!0), g(K, null, Y(l.value, (p) => (y(), B(T(Bn), te({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
-        selected: i(p),
+        selected: r(p),
         onClick: (s) => d(p)
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
 });
-const Gr = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-1bac2aa7"]]), Kr = ["small", "medium", "large"], Yr = {
+const Gi = /* @__PURE__ */ A(Ui, [["__scopeId", "data-v-1bac2aa7"]]), Ki = ["small", "medium", "large"], Yi = {
   key: 0,
   class: "joy-label-required"
-}, Zr = {
+}, Zi = {
   key: 1,
   class: "joy-label-optional"
-}, Qr = /* @__PURE__ */ L({
+}, Qi = /* @__PURE__ */ L({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return Kr.includes(e);
+        return Ki.includes(e);
       }
     },
     tagName: {
@@ -3449,14 +3450,14 @@ const Gr = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-1bac2aa7"]]), Kr = ["sma
         k(t.$slots, "default", {}, () => [
           z(F(e.text), 1)
         ], !0),
-        e.required ? (y(), g("span", Yr, "*")) : x("", !0),
-        e.optionalLabel ? (y(), g("span", Zr, "- " + F(e.optionalLabel), 1)) : x("", !0)
+        e.required ? (y(), g("span", Yi, "*")) : x("", !0),
+        e.optionalLabel ? (y(), g("span", Zi, "- " + F(e.optionalLabel), 1)) : x("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["large", "medium", "small"], ei = ["id", "name", "required", "disabled", "readonly", "type", "value"], ti = ["data-unit"], ni = /* @__PURE__ */ L({
+const je = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-388a7c56"]]), Xi = ["large", "medium", "small"], er = ["id", "name", "required", "disabled", "readonly", "type", "value"], tr = ["data-unit"], nr = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3518,7 +3519,7 @@ const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
       type: String,
       default: "medium",
       validator(e) {
-        return Xr.includes(e);
+        return Xi.includes(e);
       }
     },
     type: {
@@ -3535,11 +3536,11 @@ const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = C(), l = Ae(), i = X(), u = C(!1), d = C(!1);
+    const a = e, o = C(), i = C(), l = Ae(), r = X(), u = C(!1), d = C(!1);
     Bt(o, a.autofocus);
-    const c = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), f = V(() => i.default && i.default()), p = V(() => {
+    const c = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), f = V(() => r.default && r.default()), p = V(() => {
       var h, E;
-      return !!((h = r.value) != null && h.closest("joy-wrapper")) || !!((E = r.value) != null && E.closest(".joy-wrapper"));
+      return !!((h = i.value) != null && h.closest("joy-wrapper")) || !!((E = i.value) != null && E.closest(".joy-wrapper"));
     }), s = C(a.type), m = V(() => a.type === "password" && !!a.modelValue);
     na(() => {
       s.value = a.unit ? "number" : a.type;
@@ -3574,7 +3575,7 @@ const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
       focus: v
     }), (h, E) => (y(), g("div", {
       ref_key: "root",
-      ref: r,
+      ref: i,
       class: $([`joy-input--${a.size}`])
     }, [
       b("div", {
@@ -3638,7 +3639,7 @@ const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
             (...N) => _.onInput && _.onInput(...N)),
             onChange: E[3] || (E[3] = //@ts-ignore
             (...N) => _.onChange && _.onChange(...N))
-          }), null, 16, ei),
+          }), null, 16, er),
           c.value ? (y(), B(de, {
             key: 0,
             class: "joy-input--clear",
@@ -3663,13 +3664,13 @@ const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, ti)) : x("", !0)
+          }, null, 8, tr)) : x("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-3dafc1cb"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
+const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-3dafc1cb"]]), or = ["teal", "white"], lr = ["href"], ir = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3680,7 +3681,7 @@ const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-3dafc1cb"]]), oi = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return oi.includes(e);
+        return or.includes(e);
       }
     },
     icon: String,
@@ -3697,10 +3698,10 @@ const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-3dafc1cb"]]), oi = ["tea
       k(t.$slots, "default", {}, () => [
         z(F(e.text), 1)
       ], !0)
-    ], 16, li));
+    ], 16, lr));
   }
 });
-const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
+const rr = /* @__PURE__ */ A(ir, [["__scopeId", "data-v-5540214e"]]), sr = ["tabindex", "aria-activedescendant", "aria-label"], ur = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], cr = { "aria-hidden": "true" }, dr = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3721,11 +3722,11 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: n }) {
-    const a = C(), o = C(0), r = C();
+    const a = C(), o = C(0), i = C();
     function l(f) {
       f.disabled || n("selectItem", f);
     }
-    function i() {
+    function r() {
       var f;
       return Array.from(((f = a.value) == null ? void 0 : f.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
     }
@@ -3733,16 +3734,16 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       return f.id || _e();
     }
     function d() {
-      return i().find((f) => f === document.activeElement);
+      return r().find((f) => f === document.activeElement);
     }
     function c(f) {
-      if (d() && f.key === " " && f.preventDefault(), f.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key)) {
+      if (d() && f.key === " " && f.preventDefault(), f.key === "Tab" && (i.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key)) {
         f.preventDefault();
-        const p = i(), s = d();
+        const p = r(), s = d();
         let m = p.indexOf(s);
         if (f.key === "ArrowDown" ? m++ : f.key === "ArrowUp" ? m-- : f.key === "Home" ? m = 0 : f.key === "End" && (m = p.length - 1), m < 0 && (m = 0), m > p.length - 1)
           return;
-        r.value = p[m].id, p[m].focus();
+        i.value = p[m].id, p[m].focus();
       }
       if (f.key === "Enter") {
         const p = d();
@@ -3753,8 +3754,8 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       }
     }
     return t({
-      activeMenuItemId: r,
-      getItems: i,
+      activeMenuItemId: i,
+      getItems: r,
       getItemId: u,
       getFocusedItem: d
     }), (f, p) => (y(), g("ul", {
@@ -3762,7 +3763,7 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       ref: a,
       class: "joy-menu-list joy-menu-list__items",
       tabindex: o.value,
-      "aria-activedescendant": r.value,
+      "aria-activedescendant": i.value,
       "aria-label": e.ariaLabel,
       role: "menu",
       onKeydown: c
@@ -3786,7 +3787,7 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
         role: "menuitem",
         onClick: (m) => l(s)
       }, [
-        b("div", ci, [
+        b("div", cr, [
           k(f.$slots, "menu-item", ze(qe(s)), () => [
             s.icon ? (y(), B(W, {
               key: 0,
@@ -3795,13 +3796,13 @@ const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
             b("span", null, F(s.label), 1)
           ], !0)
         ])
-      ], 10, ui))), 128))
-    ], 40, si));
+      ], 10, ur))), 128))
+    ], 40, sr));
   }
 });
-const fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
+const fr = /* @__PURE__ */ A(dr, [["__scopeId", "data-v-4391a0bd"]]), yr = ["id"], vr = {
   class: /* @__PURE__ */ $(["joy-multi-checkbox"])
-}, pi = /* @__PURE__ */ L({
+}, pr = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -3837,14 +3838,14 @@ const fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const n = e;
-    function a(r) {
-      return n.value.includes(r.value);
+    function a(i) {
+      return n.value.includes(i.value);
     }
-    function o(r, l) {
-      let i = [...n.value || []];
-      l ? i.push(r) : i.splice(i.indexOf(r), 1), t("update:value", i);
+    function o(i, l) {
+      let r = [...n.value || []];
+      l ? r.push(i) : r.splice(r.indexOf(i), 1), t("update:value", r);
     }
-    return (r, l) => (y(), g("fieldset", {
+    return (i, l) => (y(), g("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
@@ -3860,27 +3861,27 @@ const fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
-      b("div", vi, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Et), {
-          id: i.id,
-          key: i.id,
-          name: i.name,
-          value: i.value,
-          checked: a(i),
-          "onUpdate:checked": (u) => o(i.value, u)
+      b("div", vr, [
+        (y(!0), g(K, null, Y(e.options, (r) => (y(), B(T(Et), {
+          id: r.id,
+          key: r.id,
+          name: r.name,
+          value: r.value,
+          checked: a(r),
+          "onUpdate:checked": (u) => o(r.value, u)
         }, {
           default: M(() => [
-            k(r.$slots, "checkbox", ze(qe(i)), () => [
-              z(F(i.label), 1)
+            k(i.$slots, "checkbox", ze(qe(r)), () => [
+              z(F(r.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, yi));
+    ], 8, yr));
   }
 });
-const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
+const mr = /* @__PURE__ */ A(pr, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3911,7 +3912,7 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
       onClick: n[0] || (n[0] = (a) => t.$emit("click"))
     }, null, 8, ["aria-label", "title", "icon", "disabled"]));
   }
-}), bi = ["aria-label", "data-current"], gi = { class: "joy-pagination__previous" }, hi = ["aria-current", "onClick"], _i = { class: "joy-pagination__next" }, wi = 6, Si = /* @__PURE__ */ L({
+}), br = ["aria-label", "data-current"], gr = { class: "joy-pagination__previous" }, hr = ["aria-current", "onClick"], _r = { class: "joy-pagination__next" }, wr = 6, Sr = /* @__PURE__ */ L({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -3943,13 +3944,13 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
     const n = e, a = V(() => {
-      const d = r.value.length;
-      return r.value[d - 1] !== r.value[d - 2] + 1;
-    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? i(2, n.totalPages - 1) : u(n.currentPage));
+      const d = i.value.length;
+      return i.value[d - 1] !== i.value[d - 2] + 1;
+    }), o = V(() => i.value[0] !== i.value[1] - 1), i = V(() => n.totalPages === 1 ? [1] : n.totalPages < wr ? r(2, n.totalPages - 1) : u(n.currentPage));
     function l(d) {
       t("update:current-page", d);
     }
-    function i(d, c) {
+    function r(d, c) {
       const f = [];
       f.push(1);
       for (let p = d; p <= c; p++)
@@ -3958,7 +3959,7 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     }
     function u(d) {
       let c = d - 2, f = d + 1;
-      return c <= 1 && (c = 2, f = 5), f >= n.totalPages && (f = n.totalPages - 1, c = f - 3), i(c, f);
+      return c <= 1 && (c = 2, f = 5), f >= n.totalPages && (f = n.totalPages - 1, c = f - 3), r(c, f);
     }
     return (d, c) => (y(), g("nav", {
       role: "navigation",
@@ -3967,7 +3968,7 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
       "data-current": e.currentPage
     }, [
       b("ul", null, [
-        b("li", gi, [
+        b("li", gr, [
           k(d.$slots, "pagination-prev", {}, () => [
             U(sn, {
               label: e.labelPrev,
@@ -3978,7 +3979,7 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
         ]),
         b("li", null, [
           b("ul", null, [
-            (y(!0), g(K, null, Y(r.value, (f) => (y(), g("li", { key: f }, [
+            (y(!0), g(K, null, Y(i.value, (f) => (y(), g("li", { key: f }, [
               b("button", {
                 type: "button",
                 "aria-current": f === e.currentPage ? "true" : "false",
@@ -3988,11 +3989,11 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
                   "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && f === e.totalPages && a.value
                 }),
                 onClick: (p) => l(f)
-              }, F(f), 11, hi)
+              }, F(f), 11, hr)
             ]))), 128))
           ])
         ]),
-        b("li", _i, [
+        b("li", _r, [
           k(d.$slots, "pagination-next", {}, () => [
             U(sn, {
               next: "",
@@ -4003,22 +4004,22 @@ const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
           ], !0)
         ])
       ])
-    ], 8, bi));
+    ], 8, br));
   }
 });
-const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
+const kr = /* @__PURE__ */ A(Sr, [["__scopeId", "data-v-ca6b555e"]]), xr = ["small", "medium", "large"], Cr = ["small", "large"], jr = {
   key: 0,
   class: /* @__PURE__ */ $(["joy-panel__header"])
-}, $i = {
+}, $r = {
   key: 1,
   class: "joy-panel__header-action"
-}, Vi = {
+}, Vr = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Ti = { class: "joy-panel__body" }, Ii = {
+}, Tr = { class: "joy-panel__body" }, Ir = {
   key: 1,
   class: "joy-panel__footer"
-}, Li = /* @__PURE__ */ L({
+}, Lr = /* @__PURE__ */ L({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4032,14 +4033,14 @@ const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return xi.includes(e);
+        return xr.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return Ci.includes(e);
+        return Cr.includes(e);
       }
     },
     loading: {
@@ -4052,8 +4053,8 @@ const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
     }
   },
   setup(e) {
-    const t = it("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
-    return (l, i) => (y(), g("section", {
+    const t = rt("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), i = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    return (l, r) => (y(), g("section", {
       ref_key: "panel",
       ref: o,
       style: ce({ flex: e.flex }),
@@ -4066,24 +4067,24 @@ const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
         }
       ])
     }, [
-      r.value ? (y(), g("header", ji, [
+      i.value ? (y(), g("header", jr, [
         T(a)["panel-title"] ? (y(), g("div", {
           key: 0,
           class: $(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : x("", !0),
-        T(a)["panel-title-action"] ? (y(), g("div", $i, [
+        T(a)["panel-title-action"] ? (y(), g("div", $r, [
           k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : x("", !0),
-        T(a)["panel-subtitle"] ? (y(), g("div", Vi, [
+        T(a)["panel-subtitle"] ? (y(), g("div", Vr, [
           k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : x("", !0)
       ])) : x("", !0),
-      b("div", Ti, [
+      b("div", Tr, [
         k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      T(a)["panel-action"] ? (y(), g("footer", Ii, [
+      T(a)["panel-action"] ? (y(), g("footer", Ir, [
         k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : x("", !0),
       e.loading ? (y(), B(T(At), {
@@ -4099,27 +4100,27 @@ const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
     ], 6));
   }
 });
-const Ei = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
+const Er = /* @__PURE__ */ A(Lr, [["__scopeId", "data-v-4a8b703c"]]), Br = { class: "joy-panel-section" }, Ar = {
   key: 0,
   class: "joy-panel-section__title"
-}, Ni = {
+}, Nr = {
   key: 1,
   class: "joy-panel-section__content"
-}, Oi = /* @__PURE__ */ L({
+}, Or = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = X();
-    return (n, a) => (y(), g("div", Bi, [
-      T(t)["panel-section-title"] ? (y(), g("div", Ai, [
+    return (n, a) => (y(), g("div", Br, [
+      T(t)["panel-section-title"] ? (y(), g("div", Ar, [
         k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : x("", !0),
-      T(t)["panel-section-content"] ? (y(), g("div", Ni, [
+      T(t)["panel-section-content"] ? (y(), g("div", Nr, [
         k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : x("", !0)
     ]));
   }
 });
-const Ji = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
+const Jr = /* @__PURE__ */ A(Or, [["__scopeId", "data-v-d88510ab"]]), Fr = { class: "joy-progress-bar-wrapper" }, Pr = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -4146,14 +4147,14 @@ const Ji = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = C(0), o = V(() => r());
-    function r() {
+    const n = e, a = C(0), o = V(() => i());
+    function i() {
       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 + "%";
     }
     return t({
       computeInnerWidth: o,
       computedPercentage: a
-    }), (l, i) => (y(), g("div", Fi, [
+    }), (l, r) => (y(), g("div", Fr, [
       b("div", {
         class: $(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
         style: ce({ width: o.value })
@@ -4161,7 +4162,7 @@ const Ji = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { cla
     ]));
   }
 });
-const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id", "value", "checked", "disabled", "required", "name"], Mi = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
+const Rr = /* @__PURE__ */ A(Pr, [["__scopeId", "data-v-1b2b3de8"]]), Dr = ["id", "value", "checked", "disabled", "required", "name"], Mr = { class: "joy-radio-label" }, zr = { class: "joy-radio-content__wrapper" }, qr = { class: "joy-radio-content" }, Hr = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -4197,7 +4198,7 @@ const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), u = X(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const a = e, o = C(!1), i = C(!1), l = C(null), r = C(null), u = X(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function c() {
       o.value = !!u["expandable-content"] && d.value;
     }
@@ -4208,10 +4209,10 @@ const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
       a.theme === "outline" && c();
     });
     function p() {
-      r.value = !0;
+      i.value = !0;
     }
     function s() {
-      r.value = !1;
+      i.value = !1;
     }
     return Q(
       () => a.modelValue,
@@ -4231,8 +4232,8 @@ const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
           "joy-radio--checked": d.value,
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
-          "joy-radio--outline-focus": r.value && e.theme === "outline",
-          "joy-radio--focus": r.value && e.theme === "default"
+          "joy-radio--outline-focus": i.value && e.theme === "outline",
+          "joy-radio--focus": i.value && e.theme === "default"
         }
       ])
     }, [
@@ -4247,17 +4248,17 @@ const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
         onChange: f,
         onFocus: p,
         onBlur: s
-      }, null, 40, Di),
-      b("span", Mi, [
+      }, null, 40, Dr),
+      b("span", Mr, [
         k(m.$slots, "default", {}, void 0, !0)
       ]),
-      b("div", zi, [
-        b("div", qi, [
+      b("div", zr, [
+        b("div", qr, [
           k(m.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
           ref_key: "expandableElement",
-          ref: i,
+          ref: r,
           class: $(["joy-radio-expandable", { "joy-radio-expandable--expanded": o.value }])
         }, [
           k(m.$slots, "expandable-content", {}, void 0, !0)
@@ -4266,7 +4267,7 @@ const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id"
     ], 2));
   }
 });
-const Wi = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-dd46e26a"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
+const Wr = /* @__PURE__ */ A(Hr, [["__scopeId", "data-v-dd46e26a"]]), Ur = ["form", "name"], Gr = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -4300,10 +4301,10 @@ const Wi = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-dd46e26a"]]), Ui = ["for
       }, [
         k(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Ui));
+    ], 8, Ur));
   }
 });
-const Ki = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
+const Kr = /* @__PURE__ */ A(Gr, [["__scopeId", "data-v-a77e7f95"]]), Yr = ["ariaLabel"], Zr = { class: "joy-rating-stars" }, Qr = { class: "joy-rating-stars__content" }, Xr = { key: 0 }, es = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -4321,29 +4322,29 @@ const Ki = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
   },
   setup(e, { expose: t }) {
     const n = e, a = Ae(), o = V(() => {
-      let r = [], l = 0.24, i = 0.75;
+      let i = [], l = 0.24, r = 0.75;
       for (let u = 0; u < 5; u++)
-        n.ratingValue > l ? r.push(n.ratingValue < i ? "half" : "full") : r.push("empty"), l += 1, i += 1;
-      return r;
+        n.ratingValue > l ? i.push(n.ratingValue < r ? "half" : "full") : i.push("empty"), l += 1, r += 1;
+      return i;
     });
     return t({
       setStars: o
-    }), (r, l) => (y(), g("div", {
+    }), (i, l) => (y(), g("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
       ariaLabel: T(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      b("ul", Zi, [
-        (y(!0), g(K, null, Y(o.value, (i, u) => (y(), g("li", {
+      b("ul", Zr, [
+        (y(!0), g(K, null, Y(o.value, (r, u) => (y(), g("li", {
           key: u,
           class: $([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (y(), B(W, {
+          r === "full" ? (y(), B(W, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (y(), B(W, {
+          })) : r === "half" ? (y(), B(W, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
@@ -4356,12 +4357,12 @@ const Ki = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
           }))
         ], 2))), 128))
       ]),
-      b("div", Qi, [
-        k(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (y(), g("span", Xi, "(" + F(e.reviewCount) + ")", 1)) : x("", !0)
+      b("div", Qr, [
+        k(i.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (y(), g("span", Xr, "(" + F(e.reviewCount) + ")", 1)) : x("", !0)
         ], !0)
       ])
-    ], 8, Yi));
+    ], 8, Yr));
   }
 });
 const An = /* @__PURE__ */ A(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
@@ -4398,7 +4399,7 @@ const An = /* @__PURE__ */ A(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { cla
     ], 2));
   }
 });
-const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
+const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], is = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4442,7 +4443,7 @@ const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = X(), r = V(() => {
+    const a = e, o = X(), i = V(() => {
       const m = o.default();
       let v = [];
       return m.forEach((_) => {
@@ -4460,7 +4461,7 @@ const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     function l(m) {
       return (m == null ? void 0 : m.type) === "option";
     }
-    const i = C(), u = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const r = C(), u = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     le(() => {
       var _;
       const m = o["select-label"] && o["select-label"]();
@@ -4490,7 +4491,7 @@ const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
       select: u
     }), (m, v) => (y(), g("div", {
       ref_key: "root",
-      ref: i
+      ref: r
     }, [
       k(m.$slots, "select-label", {}, () => [
         e.label ? (y(), B(je, {
@@ -4530,7 +4531,7 @@ const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           onFocus: p,
           onBlur: s
         }, [
-          (y(!0), g(K, null, Y(r.value, (_) => {
+          (y(!0), g(K, null, Y(i.value, (_) => {
             var h, E;
             return y(), g("option", te({
               key: (h = _.props) == null ? void 0 : h.value
@@ -4547,7 +4548,7 @@ const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     ], 512));
   }
 });
-const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
+const rs = /* @__PURE__ */ A(is, [["__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: {
@@ -4589,7 +4590,7 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const n = e, a = C(n.checked), o = C(), r = C(!1), l = n.multiple ? "div" : "label", i = {
+    const n = e, a = C(n.checked), o = C(), i = C(!1), l = n.multiple ? "div" : "label", r = {
       onRadioChange: () => {
         t("update:checked", n.value);
       },
@@ -4600,10 +4601,10 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         n.multiple || d.stopPropagation();
       },
       onFocus: () => {
-        r.value = !0;
+        i.value = !0;
       },
       onBlur: () => {
-        r.value = !1;
+        i.value = !1;
       }
     };
     function u(d) {
@@ -4613,12 +4614,12 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
       class: $([
         "joy-selectable-item__wrapper",
         {
-          "joy-selectable-item--focusing": r.value
+          "joy-selectable-item--focusing": i.value
         }
       ]),
       "aria-disabled": e.disabled,
       onClick: c[4] || (c[4] = //@ts-ignore
-      (...f) => i.onClick && i.onClick(...f))
+      (...f) => r.onClick && r.onClick(...f))
     }, [
       e.multiple ? x("", !0) : (y(), g("input", {
         key: 0,
@@ -4632,11 +4633,11 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         required: e.required,
         name: e.name,
         onChange: c[0] || (c[0] = //@ts-ignore
-        (...f) => i.onRadioChange && i.onRadioChange(...f)),
+        (...f) => r.onRadioChange && r.onRadioChange(...f)),
         onFocus: c[1] || (c[1] = //@ts-ignore
-        (...f) => i.onFocus && i.onFocus(...f)),
+        (...f) => r.onFocus && r.onFocus(...f)),
         onBlur: c[2] || (c[2] = //@ts-ignore
-        (...f) => i.onBlur && i.onBlur(...f))
+        (...f) => r.onBlur && r.onBlur(...f))
       }, null, 40, us)),
       (y(), B(oe(T(l)), {
         for: e.id,
@@ -4649,7 +4650,7 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
             "joy-selectable-item--single": !e.multiple
           }
         ]),
-        onClick: i.onLabelClick
+        onClick: r.onLabelClick
       }, {
         default: M(() => [
           e.multiple ? (y(), B(T(Et), {
@@ -4665,8 +4666,8 @@ const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
             name: e.name,
             "display-focus": !1,
             required: e.required,
-            onFocus: i.onFocus,
-            onBlur: i.onBlur
+            onFocus: r.onFocus,
+            onBlur: r.onBlur
           }, {
             default: M(() => [
               k(d.$slots, "default", {}, void 0, !0)
@@ -4731,16 +4732,16 @@ const Nn = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const n = e;
-    function a(r) {
-      return typeof n.value == "string" ? n.value === r.value : (n.value || []).includes(r.value);
+    function a(i) {
+      return typeof n.value == "string" ? n.value === i.value : (n.value || []).includes(i.value);
     }
-    function o(r, l) {
+    function o(i, l) {
       if (!n.multiple)
         return t("update:value", l);
-      let i = [...n.value || []];
-      l && typeof l == "boolean" ? i.push(r) : i.splice(i.indexOf(r), 1), t("update:value", i);
+      let r = [...n.value || []];
+      l && typeof l == "boolean" ? r.push(i) : r.splice(r.indexOf(i), 1), t("update:value", r);
     }
-    return (r, l) => (y(), g("fieldset", {
+    return (i, l) => (y(), g("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
@@ -4766,27 +4767,27 @@ const Nn = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           }
         ])
       }, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Nn), te(i.attrs, {
-          id: i.id,
-          key: i.id,
-          name: i.name,
-          disabled: i.disabled,
-          value: i.value,
+        (y(!0), g(K, null, Y(e.options, (r) => (y(), B(T(Nn), te(r.attrs, {
+          id: r.id,
+          key: r.id,
+          name: r.name,
+          disabled: r.disabled,
+          value: r.value,
           multiple: e.multiple,
-          checked: a(i),
-          "onUpdate:checked": (u) => o(i.value, u)
+          checked: a(r),
+          "onUpdate:checked": (u) => o(r.value, u)
         }), pn({
           default: M(() => [
-            k(r.$slots, "item", ze(qe(i)), () => [
-              z(F(i.label), 1)
+            k(i.$slots, "item", ze(qe(r)), () => [
+              z(F(r.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
-          i.subLabel ? {
+          r.subLabel ? {
             name: "selectable-item-sublabel",
             fn: M(() => [
-              z(F(i.subLabel), 1)
+              z(F(r.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -4862,14 +4863,14 @@ const ms = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
   },
   setup(e, { expose: t }) {
     const n = e, a = C(!0);
-    let o, r;
-    const l = "joy-snackbar-" + _e(), i = V(() => gn(n.level));
+    let o, i;
+    const l = "joy-snackbar-" + _e(), r = V(() => gn(n.level));
     function u() {
       var v;
       (v = n.bus) == null || v.emit("snackbar:action-click");
     }
     function d() {
-      o && clearTimeout(o), r && clearTimeout(r);
+      o && clearTimeout(o), i && clearTimeout(i);
     }
     function c() {
       var v;
@@ -4882,7 +4883,7 @@ const ms = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
       o = setTimeout(f, n.duration), s();
     }
     function s() {
-      r = setTimeout(function() {
+      i = setTimeout(function() {
         var v;
         (v = n.bus) == null || v.emit("snackbar:hide");
       }, n.duration + 300);
@@ -4910,7 +4911,7 @@ const ms = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
         class: $(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         b("div", bs, [
-          U(T(W), { name: i.value }, null, 8, ["name"])
+          U(T(W), { name: r.value }, null, 8, ["name"])
         ]),
         b("div", gs, [
           e.header ? (y(), g("strong", hs, F(e.header), 1)) : x("", !0),
@@ -4960,12 +4961,12 @@ const On = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(0.1), r = V(() => a.completed ? "100%" : l.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - o.value, 1 - o.value) * 100).toFixed(1) + "%" : "0%"), l = V(() => a.currentSubStep > 0);
-    function i(u) {
+    const a = e, o = C(0.1), i = V(() => a.completed ? "100%" : l.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - o.value, 1 - o.value) * 100).toFixed(1) + "%" : "0%"), l = V(() => a.currentSubStep > 0);
+    function r(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
-    return Q(() => a.subSteps, i), t({
-      progress: r
+    return Q(() => a.subSteps, r), t({
+      progress: i
     }), (u, d) => (y(), g("div", {
       id: e.id,
       class: $([
@@ -4980,7 +4981,7 @@ const On = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
       b("span", ks, [
         b("span", {
           class: "joy-step__stroke--filled",
-          style: ce({ maxWidth: r.value })
+          style: ce({ maxWidth: i.value })
         }, null, 4)
       ]),
       b("span", xs, [
@@ -5004,20 +5005,20 @@ const Jn = /* @__PURE__ */ A(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
   setup(e, { expose: t }) {
     const n = e, a = X(), o = V(() => {
       const c = a.default();
-      return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(r) : c.filter(r);
+      return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(i) : c.filter(i);
     });
-    function r(c) {
+    function i(c) {
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyStep";
     }
-    const l = V(() => o.value[n.step - 1]), i = V(() => !u.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), u = V(() => i.value ? l.value.props["sub-steps"] : n.subStep);
+    const l = V(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), r = V(() => !u.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), u = V(() => r.value && l.value.props ? l.value.props["sub-steps"] : n.subStep);
     function d(c) {
       return c !== n.step - 1 ? 0 : u.value;
     }
     return t({
       currentItemSubStep: u,
       steps: o,
-      invalidSubStepValue: i
+      invalidSubStepValue: r
     }), (c, f) => (y(), g("div", js, [
       (y(!0), g(K, null, Y(o.value, (p, s) => {
         var m;
@@ -5038,7 +5039,7 @@ const Jn = /* @__PURE__ */ A(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
     ]));
   }
 });
-const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
+const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-f0cfba61"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5053,8 +5054,7 @@ const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id"
      * The title given to the button
      */
     label: {
-      type: [String, Number],
-      required: !0
+      type: [String, Number]
     },
     /**
      * Allow to have a link on the button. When clicking on the button, you will be redirected to the target of the URL.
@@ -5062,11 +5062,16 @@ const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id"
     href: {
       type: String,
       required: !1
+    },
+    /** Activates a little notification badge in the tab button. */
+    notification: {
+      type: Boolean,
+      required: !1
     }
   },
   setup(e) {
-    const t = e, n = it("VJoyTabs", C("")), a = V(() => n.value === t.tab);
-    return (o, r) => (y(), g("div", {
+    const t = e, n = rt("VJoyTabs", C("")), a = V(() => n.value === t.tab);
+    return (o, i) => (y(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
@@ -5080,10 +5085,13 @@ const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id"
     ], 10, Ts));
   }
 });
-const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
+const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-a76a7c92"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
   type: "button",
   tabindex: "-1"
-}, As = /* @__PURE__ */ L({
+}, As = {
+  key: 0,
+  class: "joy-tab-button__notification"
+}, Ns = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -5113,6 +5121,10 @@ const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
     label: {
       type: [String, Number],
       required: !1
+    },
+    notification: {
+      type: Boolean,
+      required: !1
     }
   },
   emits: ["changeTab"],
@@ -5123,7 +5135,7 @@ const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
     function a(o) {
       (o.code === "Enter" || o.code === "NumpadEnter") && t("changeTab");
     }
-    return (o, r) => (y(), g("a", {
+    return (o, i) => (y(), g("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
@@ -5131,10 +5143,9 @@ const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
       tabindex: "0",
       role: "tab",
       onClick: n,
-      onKeydown: r[0] || (r[0] = (l) => a(l))
+      onKeydown: i[0] || (i[0] = (l) => a(l))
     }, [
       b("div", {
-        part: "tab-button",
         class: $({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
@@ -5144,14 +5155,15 @@ const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
           b("div", null, [
             k(o.$slots, "default", {}, () => [
               z(F(e.label), 1)
-            ], !0)
+            ], !0),
+            e.notification ? (y(), g("div", As)) : x("", !0)
           ])
         ])
       ], 2)
     ], 40, Es));
   }
 });
-const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { class: "joy-tabs" }, Js = /* @__PURE__ */ L({
+const Os = /* @__PURE__ */ A(Ns, [["__scopeId", "data-v-e2a02c1c"]]), Js = { class: "joy-tabs" }, Fs = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -5161,9 +5173,9 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = X(), r = C(a.selectedTab);
-    jt("VJoyTabs", r);
-    const l = C(null), i = C(null), u = C(!1), d = C(!1), c = V(() => {
+    const a = e, o = X(), i = C(a.selectedTab);
+    jt("VJoyTabs", i);
+    const l = C(null), r = C(null), u = C(!1), d = C(!1), c = V(() => {
       const v = o.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(f) : v.filter(f);
     });
@@ -5172,13 +5184,13 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       return ((_ = v == null ? void 0 : v.type) == null ? void 0 : _.__name) === "VJoyTab";
     }
     function p(v) {
-      return v.props.tab === r.value;
+      return v.props.tab === i.value;
     }
     function s() {
-      i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, u.value = !1);
+      r.value && l.value && r.value.scrollWidth > l.value.offsetWidth ? (d.value = r.value.scrollLeft > 0, u.value = r.value.scrollLeft + l.value.offsetWidth < r.value.scrollWidth) : (d.value = !1, u.value = !1);
     }
     function m(v, _ = !0) {
-      v && _ && (r.value = v, n("update:selected-tab", v));
+      v && _ && (i.value = v, n("update:selected-tab", v));
     }
     return Q(
       () => a.selectedTab,
@@ -5188,13 +5200,13 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       { immediate: !0 }
     ), le(() => {
       var v;
-      s(), (v = i.value) == null || v.addEventListener("scroll", s);
+      s(), (v = r.value) == null || v.addEventListener("scroll", s);
     }), Ne(() => {
       var v;
-      (v = i.value) == null || v.removeEventListener("scroll", s);
+      (v = r.value) == null || v.removeEventListener("scroll", s);
     }), t({
       tabs: c
-    }), (v, _) => (y(), g("div", Os, [
+    }), (v, _) => (y(), g("div", Js, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: l,
@@ -5206,17 +5218,18 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       }, [
         b("div", {
           ref_key: "buttonList",
-          ref: i,
+          ref: r,
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
           (y(!0), g(K, null, Y(c.value, (h) => (y(), g("div", {
             key: h.props.tab
           }, [
-            U(Ns, {
+            U(Os, {
               tab: h.props.tab,
               label: h.props.label,
               href: h.props.href,
+              notification: h.props.notification,
               selected: p(h),
               onChangeTab: (E) => m(h.props.tab, !h.props.href)
             }, {
@@ -5227,7 +5240,7 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
                 ];
               }),
               _: 2
-            }, 1032, ["tab", "label", "href", "selected", "onChangeTab"])
+            }, 1032, ["tab", "label", "href", "notification", "selected", "onChangeTab"])
           ]))), 128))
         ], 512)
       ], 2),
@@ -5237,7 +5250,7 @@ const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
     ]));
   }
 });
-const Fs = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
+const Ps = /* @__PURE__ */ A(Fs, [["__scopeId", "data-v-ff85775b"]]), Rs = ["id", "role"], Ds = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -5283,19 +5296,19 @@ const Fs = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
     }));
-    function r() {
+    function i() {
       t("remove", { value: n.value });
     }
     function l() {
       t("click"), n.selectable && a.includes(n.variant) && t("selected", { selected: !n.selected, value: n.value });
     }
-    return (i, u) => (y(), g("span", {
+    return (r, u) => (y(), g("span", {
       id: e.value,
       class: $([o.value]),
       role: e.link || e.selectable ? "button" : void 0,
       onClick: l
     }, [
-      k(i.$slots, "default", {}, () => [
+      k(r.$slots, "default", {}, () => [
         e.draggable ? (y(), B(W, {
           key: 0,
           class: "joy-tag__drag",
@@ -5309,13 +5322,13 @@ const Fs = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
           name: "cross",
           size: "xxsmall",
           role: "button",
-          onClick: oa(r, ["stop"])
+          onClick: oa(i, ["stop"])
         }, null, 8, ["onClick"])) : x("", !0)
       ], !0)
-    ], 10, Ps));
+    ], 10, Rs));
   }
 });
-const Fn = /* @__PURE__ */ A(Rs, [["__scopeId", "data-v-c04ebdea"]]), Ds = /* @__PURE__ */ L({
+const Fn = /* @__PURE__ */ A(Ds, [["__scopeId", "data-v-c04ebdea"]]), Ms = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5358,14 +5371,14 @@ const Fn = /* @__PURE__ */ A(Rs, [["__scopeId", "data-v-c04ebdea"]]), Ds = /* @_
     function o(u) {
       return !n.modelValue || n.removable || u.removable ? !1 : u.selectable !== void 0 ? u.selectable : n.selectable;
     }
-    function r(u) {
+    function i(u) {
       return u.removable !== void 0 ? u.removable : n.removable;
     }
     function l(u, d) {
       let c = [];
       u.selected && !a(d) ? c = [...n.modelValue || [], d.value] : c = (n.modelValue || []).filter((f) => f !== d.value), t("update:modelValue", c);
     }
-    function i(u) {
+    function r(u) {
       t("removeTag", u.value);
     }
     return (u, d) => (y(), g("div", {
@@ -5375,46 +5388,46 @@ const Fn = /* @__PURE__ */ A(Rs, [["__scopeId", "data-v-c04ebdea"]]), Ds = /* @_
         key: c.value || c.label
       }, c, {
         selectable: o(c),
-        removable: r(c),
+        removable: i(c),
         variant: c.variant ? c.variant : e.variant,
         selected: a(c),
-        onRemove: i,
+        onRemove: r,
         onSelected: (f) => l(f, c)
       }), null, 16, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
 });
-const Ms = /* @__PURE__ */ A(Ds, [["__scopeId", "data-v-8d9a3ff0"]]);
-const zs = {}, qs = {
+const zs = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-8d9a3ff0"]]);
+const qs = {}, Hs = {
   class: /* @__PURE__ */ $(["joy-template-shape__shapes"])
-}, Hs = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Ws = [
-  Hs
+}, Ws = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Us = [
+  Ws
 ];
-function Us(e, t) {
-  return y(), g("div", qs, Ws);
+function Gs(e, t) {
+  return y(), g("div", Hs, Us);
 }
-const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
+const Pn = /* @__PURE__ */ A(qs, [["render", Gs], ["__scopeId", "data-v-8b258f92"]]), Ks = { class: "joy-template__wrapper" }, Ys = {
   key: 0,
   class: "joy-template__heading"
-}, Ys = {
+}, Zs = {
   key: 0,
   class: "joy-template-slot-back"
-}, Zs = { class: "joy-template__heading___headings" }, Qs = {
+}, Qs = { class: "joy-template__heading___headings" }, Xs = {
   key: 0,
   class: "joy-template-slot-title"
-}, Xs = {
+}, eu = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, eu = {
+}, tu = {
   key: 1,
   class: "joy-template-slot-actions"
-}, tu = {
+}, nu = {
   key: 0,
   class: "joy-template-slot-main"
-}, nu = {
+}, au = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, au = /* @__PURE__ */ L({
+}, ou = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -5434,24 +5447,24 @@ const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
   },
   setup(e) {
     const t = e, n = X(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
-    return (o, r) => (y(), g("main", {
+    return (o, i) => (y(), g("main", {
       class: $(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
       e.shapes ? (y(), B(Pn, { key: 0 })) : x("", !0),
-      b("div", Gs, [
-        a.value ? (y(), g("div", Ks, [
-          T(n)["template-back"] ? (y(), g("div", Ys, [
+      b("div", Ks, [
+        a.value ? (y(), g("div", Ys, [
+          T(n)["template-back"] ? (y(), g("div", Zs, [
             k(o.$slots, "template-back", {}, void 0, !0)
           ])) : x("", !0),
-          b("div", Zs, [
-            T(n)["template-title"] ? (y(), g("div", Qs, [
+          b("div", Qs, [
+            T(n)["template-title"] ? (y(), g("div", Xs, [
               k(o.$slots, "template-title", {}, void 0, !0)
             ])) : x("", !0),
-            T(n)["template-subtitle"] ? (y(), g("div", Xs, [
+            T(n)["template-subtitle"] ? (y(), g("div", eu, [
               k(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : x("", !0)
           ]),
-          T(n)["template-actions"] ? (y(), g("div", eu, [
+          T(n)["template-actions"] ? (y(), g("div", tu, [
             k(o.$slots, "template-actions", {}, void 0, !0)
           ])) : x("", !0)
         ])) : x("", !0),
@@ -5463,10 +5476,10 @@ const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (y(), g("div", tu, [
+          o.$slots["template-main"] ? (y(), g("div", nu, [
             k(o.$slots, "template-main", {}, void 0, !0)
           ])) : x("", !0),
-          o.$slots["template-sidebar"] ? (y(), g("div", nu, [
+          o.$slots["template-sidebar"] ? (y(), g("div", au, [
             k(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : x("", !0)
         ], 2)
@@ -5484,7 +5497,7 @@ const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
     ], 2));
   }
 });
-const ou = /* @__PURE__ */ A(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
+const lu = /* @__PURE__ */ A(ou, [["__scopeId", "data-v-7c83eb21"]]), iu = /* @__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 */
@@ -5509,13 +5522,13 @@ const ou = /* @__PURE__ */ A(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     }, 8, ["class"]));
   }
 });
-const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
+const ru = /* @__PURE__ */ A(iu, [["__scopeId", "data-v-1af4e700"]]), su = ["aria-disabled"], uu = { class: "joy-textarea_wrapper" }, cu = ["id", "disabled", "name", "required", "minlength", "value"], du = {
   key: 0,
   class: "joy-textarea_helpers"
-}, du = {
+}, fu = {
   inheritAttrs: !1
-}, fu = /* @__PURE__ */ L({
-  ...du,
+}, yu = /* @__PURE__ */ L({
+  ...fu,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -5573,22 +5586,22 @@ const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), { triggerResize: r } = yo({
+    const a = e, o = C(), { triggerResize: i } = yo({
       element: a.autogrow ? o : void 0
-    }), l = C(!1), i = C(!1);
+    }), l = C(!1), r = C(!1);
     Bt(o, a.autofocus);
     const u = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), d = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), c = {
       onInput: (f) => {
-        a.modelModifiers.lazy || n("update:modelValue", f.target.value), r();
+        a.modelModifiers.lazy || n("update:modelValue", f.target.value), i();
       },
       onChange: (f) => {
         a.modelModifiers.lazy && n("update:modelValue", f.target.value);
       },
       onBlur: () => {
-        i.value = !1, l.value = u.value || d.value;
+        r.value = !1, l.value = u.value || d.value;
       },
       onFocus: () => {
-        i.value = !0;
+        r.value = !0;
       }
     };
     return t({
@@ -5603,7 +5616,7 @@ const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           "joy-textarea_invalid": l.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
-          "joy-textarea_focusing": i.value
+          "joy-textarea_focusing": r.value
         }
       ])
     }, [
@@ -5620,7 +5633,7 @@ const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      b("div", su, [
+      b("div", uu, [
         b("textarea", te(f.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -5639,9 +5652,9 @@ const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           (...s) => c.onFocus && c.onFocus(...s)),
           onBlur: p[3] || (p[3] = //@ts-ignore
           (...s) => c.onBlur && c.onBlur(...s))
-        }), null, 16, uu)
+        }), null, 16, cu)
       ]),
-      e.minlength || e.maxlength ? (y(), g("div", cu, [
+      e.minlength || e.maxlength ? (y(), g("div", du, [
         e.minlength ? (y(), g("p", {
           key: 0,
           class: $(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -5659,10 +5672,10 @@ const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           class: $(["joy-textarea-count", { "joy-textarea-count-invalid": u.value }])
         }, F(e.modelValue.length + "/" + e.maxlength), 3)) : x("", !0)
       ])) : x("", !0)
-    ], 10, iu));
+    ], 10, su));
   }
 });
-const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+const vu = /* @__PURE__ */ A(yu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), pu = { class: "joy-toggle__wrapper" }, mu = ["name", "disabled", "checked", "required", "aria-checked", "value"], bu = { class: "joy-toggle__content" }, gu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), hu = { class: "joy-toggle__content-label" }, _u = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -5675,7 +5688,7 @@ const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), _u = /* @__PURE__ */ L({
+], -1)), wu = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -5711,8 +5724,8 @@ const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
   setup(e, { emit: t }) {
     const n = C(!1), a = {
       onChange: (o) => {
-        const r = o.target.checked;
-        t("update:modelValue", r);
+        const i = o.target.checked;
+        t("update:modelValue", i);
       },
       onFocus: () => {
         n.value = !0;
@@ -5721,7 +5734,7 @@ const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
         n.value = !1;
       }
     };
-    return (o, r) => (y(), g("div", vu, [
+    return (o, i) => (y(), g("div", pu, [
       b("label", {
         class: $([
           "joy-toggle",
@@ -5743,35 +5756,35 @@ const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
           required: e.required,
           "aria-checked": e.modelValue,
           value: e.value,
-          onChange: r[0] || (r[0] = //@ts-ignore
+          onChange: i[0] || (i[0] = //@ts-ignore
           (...l) => a.onChange && a.onChange(...l)),
-          onFocus: r[1] || (r[1] = //@ts-ignore
+          onFocus: i[1] || (i[1] = //@ts-ignore
           (...l) => a.onFocus && a.onFocus(...l)),
-          onBlur: r[2] || (r[2] = //@ts-ignore
+          onBlur: i[2] || (i[2] = //@ts-ignore
           (...l) => a.onBlur && a.onBlur(...l))
-        }, null, 40, pu),
-        b("p", mu, [
-          bu,
-          b("span", gu, [
+        }, null, 40, mu),
+        b("p", bu, [
+          gu,
+          b("span", hu, [
             k(o.$slots, "default", {}, () => [
               z(F(e.label), 1)
             ], !0)
           ]),
-          hu
+          _u
         ])
       ], 2)
     ]));
   }
 });
-const wu = /* @__PURE__ */ A(_u, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
+const Su = /* @__PURE__ */ A(wu, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
   x: e,
   y: e
-}), Su = {
+}), ku = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ku = {
+}, xu = {
   start: "end",
   end: "start"
 };
@@ -5799,41 +5812,41 @@ function We(e) {
 function Jt(e) {
   return Nt(We(e));
 }
-function xu(e, t, n) {
+function Cu(e, t, n) {
   n === void 0 && (n = !1);
-  const a = He(e), o = Jt(e), r = Ot(o);
+  const a = He(e), o = Jt(e), i = Ot(o);
   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)];
+  return t.reference[i] > t.floating[i] && (l = nt(l)), [l, nt(l)];
 }
-function Cu(e) {
+function ju(e) {
   const t = nt(e);
   return [gt(e), t, gt(t)];
 }
 function gt(e) {
-  return e.replace(/start|end/g, (t) => ku[t]);
+  return e.replace(/start|end/g, (t) => xu[t]);
 }
-function ju(e, t, n) {
-  const a = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
+function $u(e, t, n) {
+  const a = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
       return n ? t ? o : a : t ? a : o;
     case "left":
     case "right":
-      return t ? r : l;
+      return t ? i : l;
     default:
       return [];
   }
 }
-function $u(e, t, n, a) {
+function Vu(e, t, n, a) {
   const o = He(e);
-  let r = ju(ge(e), n === "start", a);
-  return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map(gt)))), r;
+  let i = $u(ge(e), n === "start", a);
+  return o && (i = i.map((l) => l + "-" + o), t && (i = i.concat(i.map(gt)))), i;
 }
 function nt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Su[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => ku[t]);
 }
-function Vu(e) {
+function Tu(e) {
   return {
     top: 0,
     right: 0,
@@ -5843,7 +5856,7 @@ function Vu(e) {
   };
 }
 function Dn(e) {
-  return typeof e != "number" ? Vu(e) : {
+  return typeof e != "number" ? Tu(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -5864,7 +5877,7 @@ function un(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const r = We(t), l = Jt(t), i = Ot(l), u = ge(t), d = r === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[i] / 2 - o[i] / 2;
+  const i = We(t), l = Jt(t), r = Ot(l), u = ge(t), d = i === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[r] / 2 - o[r] / 2;
   let s;
   switch (u) {
     case "top":
@@ -5907,13 +5920,13 @@ function un(e, t, n) {
   }
   return s;
 }
-const Tu = async (e, t, n) => {
+const Iu = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
-    middleware: r = [],
+    middleware: i = [],
     platform: l
-  } = n, i = r.filter(Boolean), u = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = n, r = i.filter(Boolean), u = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let d = await l.getElementRects({
     reference: e,
     floating: t,
@@ -5922,11 +5935,11 @@ const Tu = async (e, t, n) => {
     x: c,
     y: f
   } = un(d, a, u), p = a, s = {}, m = 0;
-  for (let v = 0; v < i.length; v++) {
+  for (let v = 0; v < r.length; v++) {
     const {
       name: _,
       fn: h
-    } = i[v], {
+    } = r[v], {
       x: E,
       y: N,
       data: P,
@@ -5977,9 +5990,9 @@ async function Mn(e, t) {
   const {
     x: a,
     y: o,
-    platform: r,
+    platform: i,
     rects: l,
-    elements: i,
+    elements: r,
     strategy: u
   } = e, {
     boundary: d = "clippingAncestors",
@@ -5987,8 +6000,8 @@ async function Mn(e, t) {
     elementContext: f = "floating",
     altBoundary: p = !1,
     padding: s = 0
-  } = Ce(t, e), m = Dn(s), _ = i[p ? f === "floating" ? "reference" : "floating" : f], h = at(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(_))) == null || n ? _ : _.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+  } = Ce(t, e), m = Dn(s), _ = r[p ? f === "floating" ? "reference" : "floating" : f], h = at(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(_))) == null || n ? _ : _.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: d,
     rootBoundary: c,
     strategy: u
@@ -5996,13 +6009,13 @@ async function Mn(e, t) {
     ...l.floating,
     x: a,
     y: o
-  } : l.reference, N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(N)) ? await (r.getScale == null ? void 0 : r.getScale(N)) || {
+  } : l.reference, N = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), P = await (i.isElement == null ? void 0 : i.isElement(N)) ? await (i.getScale == null ? void 0 : i.getScale(N)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, j = at(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, j = at(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: E,
     offsetParent: N,
     strategy: u
@@ -6014,7 +6027,7 @@ async function Mn(e, t) {
     right: (j.right - h.right + m.right) / P.x
   };
 }
-const Iu = (e) => ({
+const Lu = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -6022,9 +6035,9 @@ const Iu = (e) => ({
       x: n,
       y: a,
       placement: o,
-      rects: r,
+      rects: i,
       platform: l,
-      elements: i,
+      elements: r,
       middlewareData: u
     } = t, {
       element: d,
@@ -6035,10 +6048,10 @@ const Iu = (e) => ({
     const f = Dn(c), p = {
       x: n,
       y: a
-    }, s = Jt(o), m = Ot(s), v = await l.getDimensions(d), _ = s === "y", h = _ ? "top" : "left", E = _ ? "bottom" : "right", N = _ ? "clientHeight" : "clientWidth", P = r.reference[m] + r.reference[s] - p[s] - r.floating[m], j = p[s] - r.reference[s], O = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
+    }, s = Jt(o), m = Ot(s), v = await l.getDimensions(d), _ = s === "y", h = _ ? "top" : "left", E = _ ? "bottom" : "right", N = _ ? "clientHeight" : "clientWidth", P = i.reference[m] + i.reference[s] - p[s] - i.floating[m], j = p[s] - i.reference[s], O = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
     let J = O ? O[N] : 0;
-    (!J || !await (l.isElement == null ? void 0 : l.isElement(O))) && (J = i.floating[N] || r.floating[m]);
-    const re = P / 2 - j / 2, ie = J / 2 - v[m] / 2 - 1, ue = De(f[h], ie), H = De(f[E], ie), w = ue, S = J - v[m] - H, I = J / 2 - v[m] / 2 + re, R = bt(w, I, S), D = !u.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < w ? ue : H) - v[m] / 2 < 0, q = D ? I < w ? I - w : I - S : 0;
+    (!J || !await (l.isElement == null ? void 0 : l.isElement(O))) && (J = r.floating[N] || i.floating[m]);
+    const ie = P / 2 - j / 2, re = J / 2 - v[m] / 2 - 1, ue = De(f[h], re), H = De(f[E], re), w = ue, S = J - v[m] - H, I = J / 2 - v[m] / 2 + ie, R = bt(w, I, S), D = !u.arrow && He(o) != null && I != R && i.reference[m] / 2 - (I < w ? ue : H) - v[m] / 2 < 0, q = D ? I < w ? I - w : I - S : 0;
     return {
       [s]: p[s] + q,
       data: {
@@ -6051,7 +6064,7 @@ const Iu = (e) => ({
       reset: D
     };
   }
-}), Lu = function(e) {
+}), Eu = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -6059,9 +6072,9 @@ const Iu = (e) => ({
       var n, a;
       const {
         placement: o,
-        middlewareData: r,
+        middlewareData: i,
         rects: l,
-        initialPlacement: i,
+        initialPlacement: r,
         platform: u,
         elements: d
       } = t, {
@@ -6073,43 +6086,43 @@ const Iu = (e) => ({
         flipAlignment: v = !0,
         ..._
       } = Ce(e, t);
-      if ((n = r.arrow) != null && n.alignmentOffset)
+      if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const h = ge(o), E = ge(i) === i, N = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), P = p || (E || !v ? [nt(i)] : Cu(i));
-      !p && m !== "none" && P.push(...$u(i, v, m, N));
-      const j = [i, ...P], O = await Mn(t, _), J = [];
-      let re = ((a = r.flip) == null ? void 0 : a.overflows) || [];
+      const h = ge(o), E = ge(r) === r, N = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), P = p || (E || !v ? [nt(r)] : ju(r));
+      !p && m !== "none" && P.push(...Vu(r, v, m, N));
+      const j = [r, ...P], O = await Mn(t, _), J = [];
+      let ie = ((a = i.flip) == null ? void 0 : a.overflows) || [];
       if (c && J.push(O[h]), f) {
-        const w = xu(o, l, N);
+        const w = Cu(o, l, N);
         J.push(O[w[0]], O[w[1]]);
       }
-      if (re = [...re, {
+      if (ie = [...ie, {
         placement: o,
         overflows: J
       }], !J.every((w) => w <= 0)) {
-        var ie, ue;
-        const w = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, S = j[w];
+        var re, ue;
+        const w = (((re = i.flip) == null ? void 0 : re.index) || 0) + 1, S = j[w];
         if (S)
           return {
             data: {
               index: w,
-              overflows: re
+              overflows: ie
             },
             reset: {
               placement: S
             }
           };
-        let I = (ue = re.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : ue.placement;
+        let I = (ue = ie.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : ue.placement;
         if (!I)
           switch (s) {
             case "bestFit": {
               var H;
-              const R = (H = re.map((D) => [D.placement, D.overflows.filter((q) => q > 0).reduce((q, G) => q + G, 0)]).sort((D, q) => D[1] - q[1])[0]) == null ? void 0 : H[0];
+              const R = (H = ie.map((D) => [D.placement, D.overflows.filter((q) => q > 0).reduce((q, G) => q + G, 0)]).sort((D, q) => D[1] - q[1])[0]) == null ? void 0 : H[0];
               R && (I = R);
               break;
             }
             case "initialPlacement":
-              I = i;
+              I = r;
               break;
           }
         if (o !== I)
@@ -6123,12 +6136,12 @@ const Iu = (e) => ({
     }
   };
 };
-async function Eu(e, t) {
+async function Bu(e, t) {
   const {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), i = He(n), u = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = r && u ? -1 : 1, f = Ce(t, e);
+  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), r = He(n), u = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = i && u ? -1 : 1, f = Ce(t, e);
   let {
     mainAxis: p,
     crossAxis: s,
@@ -6143,7 +6156,7 @@ async function Eu(e, t) {
     alignmentAxis: null,
     ...f
   };
-  return i && typeof m == "number" && (s = i === "end" ? m * -1 : m), u ? {
+  return r && typeof m == "number" && (s = r === "end" ? m * -1 : m), u ? {
     x: s * c,
     y: p * d
   } : {
@@ -6151,7 +6164,7 @@ async function Eu(e, t) {
     y: s * c
   };
 }
-const Bu = function(e) {
+const Au = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -6159,7 +6172,7 @@ const Bu = function(e) {
       const {
         x: n,
         y: a
-      } = t, o = await Eu(t, e);
+      } = t, o = await Bu(t, e);
       return {
         x: n + o.x,
         y: a + o.y,
@@ -6167,7 +6180,7 @@ const Bu = function(e) {
       };
     }
   };
-}, Au = function(e) {
+}, Nu = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -6177,9 +6190,9 @@ const Bu = function(e) {
         y: a,
         placement: o
       } = t, {
-        mainAxis: r = !0,
+        mainAxis: i = !0,
         crossAxis: l = !1,
-        limiter: i = {
+        limiter: r = {
           fn: (_) => {
             let {
               x: h,
@@ -6197,7 +6210,7 @@ const Bu = function(e) {
         y: a
       }, c = await Mn(t, u), f = We(ge(o)), p = Nt(f);
       let s = d[p], m = d[f];
-      if (r) {
+      if (i) {
         const _ = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", E = s + c[_], N = s - c[h];
         s = bt(E, s, N);
       }
@@ -6205,7 +6218,7 @@ const Bu = function(e) {
         const _ = f === "y" ? "top" : "left", h = f === "y" ? "bottom" : "right", E = m + c[_], N = m - c[h];
         m = bt(E, m, N);
       }
-      const v = i.fn({
+      const v = r.fn({
         ...t,
         [p]: s,
         [f]: m
@@ -6219,7 +6232,7 @@ const Bu = function(e) {
       };
     }
   };
-}, Nu = function(e) {
+}, Ou = function(e) {
   return e === void 0 && (e = {}), {
     options: e,
     fn(t) {
@@ -6227,10 +6240,10 @@ const Bu = function(e) {
         x: n,
         y: a,
         placement: o,
-        rects: r,
+        rects: i,
         middlewareData: l
       } = t, {
-        offset: i = 0,
+        offset: r = 0,
         mainAxis: u = !0,
         crossAxis: d = !0
       } = Ce(e, t), c = {
@@ -6238,7 +6251,7 @@ const Bu = function(e) {
         y: a
       }, f = We(o), p = Nt(f);
       let s = c[p], m = c[f];
-      const v = Ce(i, t), _ = typeof v == "number" ? {
+      const v = Ce(r, t), _ = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -6247,12 +6260,12 @@ const Bu = function(e) {
         ...v
       };
       if (u) {
-        const N = p === "y" ? "height" : "width", P = r.reference[p] - r.floating[N] + _.mainAxis, j = r.reference[p] + r.reference[N] - _.mainAxis;
+        const N = p === "y" ? "height" : "width", P = i.reference[p] - i.floating[N] + _.mainAxis, j = i.reference[p] + i.reference[N] - _.mainAxis;
         s < P ? s = P : s > j && (s = j);
       }
       if (d) {
         var h, E;
-        const N = p === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[N] + (P && ((h = l.offset) == null ? void 0 : h[f]) || 0) + (P ? 0 : _.crossAxis), O = r.reference[f] + r.reference[N] + (P ? 0 : ((E = l.offset) == null ? void 0 : E[f]) || 0) - (P ? _.crossAxis : 0);
+        const N = p === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), j = i.reference[f] - i.floating[N] + (P && ((h = l.offset) == null ? void 0 : h[f]) || 0) + (P ? 0 : _.crossAxis), O = i.reference[f] + i.reference[N] + (P ? 0 : ((E = l.offset) == null ? void 0 : E[f]) || 0) - (P ? _.crossAxis : 0);
         m < j ? m = j : m > O && (m = O);
       }
       return {
@@ -6294,14 +6307,14 @@ function Ue(e) {
   } = se(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(o);
 }
-function Ou(e) {
+function Ju(e) {
   return ["table", "td", "th"].includes(he(e));
 }
 function Ft(e) {
   const t = Pt(), 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 Ju(e) {
+function Fu(e) {
   let t = Be(e);
   for (; ye(t) && !ut(t); ) {
     if (Ft(t))
@@ -6347,17 +6360,17 @@ function qn(e) {
 function ht(e, t, n) {
   var a;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = qn(e), r = o === ((a = e.ownerDocument) == null ? void 0 : a.body), l = ae(o);
-  return r ? t.concat(l, l.visualViewport || [], Ue(o) ? o : [], l.frameElement && n ? ht(l.frameElement) : []) : t.concat(o, ht(o, [], n));
+  const o = qn(e), i = o === ((a = e.ownerDocument) == null ? void 0 : a.body), l = ae(o);
+  return i ? t.concat(l, l.visualViewport || [], Ue(o) ? o : [], l.frameElement && n ? ht(l.frameElement) : []) : t.concat(o, ht(o, [], n));
 }
 function Hn(e) {
   const t = se(e);
   let n = parseFloat(t.width) || 0, a = parseFloat(t.height) || 0;
-  const o = ye(e), r = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, i = tt(n) !== r || tt(a) !== l;
-  return i && (n = r, a = l), {
+  const o = ye(e), i = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, r = tt(n) !== i || tt(a) !== l;
+  return r && (n = i, a = l), {
     width: n,
     height: a,
-    $: i
+    $: r
   };
 }
 function Wn(e) {
@@ -6370,34 +6383,34 @@ function Le(e) {
   const n = t.getBoundingClientRect(), {
     width: a,
     height: o,
-    $: r
+    $: i
   } = Hn(t);
-  let l = (r ? tt(n.width) : n.width) / a, i = (r ? tt(n.height) : n.height) / o;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!i || !Number.isFinite(i)) && (i = 1), {
+  let l = (i ? tt(n.width) : n.width) / a, r = (i ? tt(n.height) : n.height) / o;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: l,
-    y: i
+    y: r
   };
 }
-const Fu = /* @__PURE__ */ be(0);
+const Pu = /* @__PURE__ */ be(0);
 function Un(e) {
   const t = ae(e);
-  return !Pt() || !t.visualViewport ? Fu : {
+  return !Pt() || !t.visualViewport ? Pu : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Pu(e, t, n) {
+function Ru(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ae(e) ? !1 : t;
 }
 function Me(e, t, n, a) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), r = Wn(e);
+  const o = e.getBoundingClientRect(), i = Wn(e);
   let l = be(1);
   t && (a ? ve(a) && (l = Le(a)) : l = Le(e));
-  const i = Pu(r, n, a) ? Un(r) : be(0);
-  let u = (o.left + i.x) / l.x, d = (o.top + i.y) / l.y, c = o.width / l.x, f = o.height / l.y;
-  if (r) {
-    const p = ae(r), s = a && ve(a) ? ae(a) : a;
+  const r = Ru(i, n, a) ? Un(i) : be(0);
+  let u = (o.left + r.x) / l.x, d = (o.top + r.y) / l.y, c = o.width / l.x, f = o.height / l.y;
+  if (i) {
+    const p = ae(i), s = a && ve(a) ? ae(a) : a;
     let m = p.frameElement;
     for (; m && a && s !== p; ) {
       const v = Le(m), _ = m.getBoundingClientRect(), h = se(m), E = _.left + (m.clientLeft + parseFloat(h.paddingLeft)) * v.x, N = _.top + (m.clientTop + parseFloat(h.paddingTop)) * v.y;
@@ -6411,68 +6424,68 @@ function Me(e, t, n, a) {
     y: d
   });
 }
-function Ru(e) {
+function Du(e) {
   let {
     rect: t,
     offsetParent: n,
     strategy: a
   } = e;
-  const o = ye(n), r = we(n);
-  if (n === r)
+  const o = ye(n), i = we(n);
+  if (n === i)
     return t;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, i = be(1);
+  }, r = be(1);
   const u = be(0);
-  if ((o || !o && a !== "fixed") && ((he(n) !== "body" || Ue(r)) && (l = ct(n)), ye(n))) {
+  if ((o || !o && a !== "fixed") && ((he(n) !== "body" || Ue(i)) && (l = ct(n)), ye(n))) {
     const d = Me(n);
-    i = Le(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
+    r = Le(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
   }
   return {
-    width: t.width * i.x,
-    height: t.height * i.y,
-    x: t.x * i.x - l.scrollLeft * i.x + u.x,
-    y: t.y * i.y - l.scrollTop * i.y + u.y
+    width: t.width * r.x,
+    height: t.height * r.y,
+    x: t.x * r.x - l.scrollLeft * r.x + u.x,
+    y: t.y * r.y - l.scrollTop * r.y + u.y
   };
 }
-function Du(e) {
+function Mu(e) {
   return Array.from(e.getClientRects());
 }
 function Gn(e) {
   return Me(we(e)).left + ct(e).scrollLeft;
 }
-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);
+function zu(e) {
+  const t = we(e), n = ct(e), a = e.ownerDocument.body, o = Ie(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), i = Ie(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + Gn(e);
-  const i = -n.scrollTop;
+  const r = -n.scrollTop;
   return se(a).direction === "rtl" && (l += Ie(t.clientWidth, a.clientWidth) - o), {
     width: o,
-    height: r,
+    height: i,
     x: l,
-    y: i
+    y: r
   };
 }
-function zu(e, t) {
+function qu(e, t) {
   const n = ae(e), a = we(e), o = n.visualViewport;
-  let r = a.clientWidth, l = a.clientHeight, i = 0, u = 0;
+  let i = a.clientWidth, l = a.clientHeight, r = 0, u = 0;
   if (o) {
-    r = o.width, l = o.height;
+    i = o.width, l = o.height;
     const d = Pt();
-    (!d || d && t === "fixed") && (i = o.offsetLeft, u = o.offsetTop);
+    (!d || d && t === "fixed") && (r = o.offsetLeft, u = o.offsetTop);
   }
   return {
-    width: r,
+    width: i,
     height: l,
-    x: i,
+    x: r,
     y: u
   };
 }
-function qu(e, t) {
-  const n = Me(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ye(e) ? Le(e) : be(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, u = o * r.x, d = a * r.y;
+function Hu(e, t) {
+  const n = Me(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, i = ye(e) ? Le(e) : be(1), l = e.clientWidth * i.x, r = e.clientHeight * i.y, u = o * i.x, d = a * i.y;
   return {
     width: l,
-    height: i,
+    height: r,
     x: u,
     y: d
   };
@@ -6480,11 +6493,11 @@ function qu(e, t) {
 function dn(e, t, n) {
   let a;
   if (t === "viewport")
-    a = zu(e, n);
+    a = qu(e, n);
   else if (t === "document")
-    a = Mu(we(e));
+    a = zu(we(e));
   else if (ve(t))
-    a = qu(t, n);
+    a = Hu(t, n);
   else {
     const o = Un(e);
     a = {
@@ -6499,30 +6512,30 @@ function Kn(e, t) {
   const n = Be(e);
   return n === t || !ve(n) || ut(n) ? !1 : se(n).position === "fixed" || Kn(n, t);
 }
-function Hu(e, t) {
+function Wu(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let a = ht(e, [], !1).filter((i) => ve(i) && he(i) !== "body"), o = null;
-  const r = se(e).position === "fixed";
-  let l = r ? Be(e) : e;
+  let a = ht(e, [], !1).filter((r) => ve(r) && he(r) !== "body"), o = null;
+  const i = se(e).position === "fixed";
+  let l = i ? Be(e) : e;
   for (; ve(l) && !ut(l); ) {
-    const i = se(l), u = Ft(l);
-    !u && i.position === "fixed" && (o = null), (r ? !u && !o : !u && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !u && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = i, l = Be(l);
+    const r = se(l), u = Ft(l);
+    !u && r.position === "fixed" && (o = null), (i ? !u && !o : !u && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !u && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = r, l = Be(l);
   }
   return t.set(e, a), a;
 }
-function Wu(e) {
+function Uu(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((d, c) => {
+  const l = [...n === "clippingAncestors" ? Wu(t, this._c) : [].concat(n), a], r = l[0], u = l.reduce((d, c) => {
     const f = dn(t, c, o);
     return d.top = Ie(f.top, d.top), d.right = De(f.right, d.right), d.bottom = De(f.bottom, d.bottom), d.left = Ie(f.left, d.left), d;
-  }, dn(t, i, o));
+  }, dn(t, r, o));
   return {
     width: u.right - u.left,
     height: u.bottom - u.top,
@@ -6530,25 +6543,25 @@ function Wu(e) {
     y: u.top
   };
 }
-function Uu(e) {
+function Gu(e) {
   return Hn(e);
 }
-function Gu(e, t, n) {
-  const a = ye(t), o = we(t), r = n === "fixed", l = Me(e, !0, r, t);
-  let i = {
+function Ku(e, t, n) {
+  const a = ye(t), o = we(t), i = n === "fixed", l = Me(e, !0, i, t);
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const u = be(0);
-  if (a || !a && !r)
-    if ((he(t) !== "body" || Ue(o)) && (i = ct(t)), a) {
-      const d = Me(t, !0, r, t);
+  if (a || !a && !i)
+    if ((he(t) !== "body" || Ue(o)) && (r = ct(t)), a) {
+      const d = Me(t, !0, i, t);
       u.x = d.x + t.clientLeft, u.y = d.y + t.clientTop;
     } else
       o && (u.x = Gn(o));
   return {
-    x: l.left + i.scrollLeft - u.x,
-    y: l.top + i.scrollTop - u.y,
+    x: l.left + r.scrollLeft - u.x,
+    y: l.top + r.scrollTop - u.y,
     width: l.width,
     height: l.height
   };
@@ -6561,64 +6574,64 @@ function Yn(e, t) {
   if (!ye(e))
     return n;
   let a = fn(e, t);
-  for (; a && Ou(a) && se(a).position === "static"; )
+  for (; a && Ju(a) && se(a).position === "static"; )
     a = fn(a, t);
-  return a && (he(a) === "html" || he(a) === "body" && se(a).position === "static" && !Ft(a)) ? n : a || Ju(e) || n;
+  return a && (he(a) === "html" || he(a) === "body" && se(a).position === "static" && !Ft(a)) ? n : a || Fu(e) || n;
 }
-const Ku = async function(e) {
+const Yu = async function(e) {
   let {
     reference: t,
     floating: n,
     strategy: a
   } = e;
-  const o = this.getOffsetParent || Yn, r = this.getDimensions;
+  const o = this.getOffsetParent || Yn, i = this.getDimensions;
   return {
-    reference: Gu(t, await o(n), a),
+    reference: Ku(t, await o(n), a),
     floating: {
       x: 0,
       y: 0,
-      ...await r(n)
+      ...await i(n)
     }
   };
 };
-function Yu(e) {
+function Zu(e) {
   return se(e).direction === "rtl";
 }
-const Zu = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ru,
+const Qu = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Du,
   getDocumentElement: we,
-  getClippingRect: Wu,
+  getClippingRect: Uu,
   getOffsetParent: Yn,
-  getElementRects: Ku,
-  getClientRects: Du,
-  getDimensions: Uu,
+  getElementRects: Yu,
+  getClientRects: Mu,
+  getDimensions: Gu,
   getScale: Le,
   isElement: ve,
-  isRTL: Yu
-}, Qu = (e, t, n) => {
+  isRTL: Zu
+}, Xu = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: Zu,
+    platform: Qu,
     ...n
-  }, r = {
+  }, i = {
     ...o.platform,
     _c: a
   };
-  return Tu(e, t, {
+  return Iu(e, t, {
     ...o,
-    platform: r
+    platform: i
   });
 };
 function _t(e) {
   var t;
   return (t = e == null ? void 0 : e.$el) != null ? t : e;
 }
-function Xu(e) {
+function ec(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
       const n = _t(T(e.element));
-      return n == null ? {} : Iu({
+      return n == null ? {} : Lu({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -6632,21 +6645,21 @@ function yn(e, t) {
   const n = Zn(e);
   return Math.round(t * n) / n;
 }
-function ec(e, t, n) {
+function tc(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = V(() => {
     var J;
     return (J = T(n.open)) != null ? J : !0;
-  }), r = V(() => T(n.middleware)), l = V(() => {
+  }), i = V(() => T(n.middleware)), l = V(() => {
     var J;
     return (J = T(n.placement)) != null ? J : "bottom";
-  }), i = V(() => {
+  }), r = V(() => {
     var J;
     return (J = T(n.strategy)) != null ? J : "absolute";
   }), u = V(() => {
     var J;
     return (J = T(n.transform)) != null ? J : !0;
-  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(i.value), m = C(l.value), v = la({}), _ = C(!1), h = V(() => {
+  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(r.value), m = C(l.value), v = la({}), _ = C(!1), h = V(() => {
     const J = {
       position: s.value,
       left: "0",
@@ -6654,25 +6667,25 @@ function ec(e, t, n) {
     };
     if (!c.value)
       return J;
-    const re = yn(c.value, f.value), ie = yn(c.value, p.value);
+    const ie = yn(c.value, f.value), re = yn(c.value, p.value);
     return u.value ? {
       ...J,
-      transform: "translate(" + re + "px, " + ie + "px)",
+      transform: "translate(" + ie + "px, " + re + "px)",
       ...Zn(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: s.value,
-      left: re + "px",
-      top: ie + "px"
+      left: ie + "px",
+      top: re + "px"
     };
   });
   let E;
   function N() {
-    d.value == null || c.value == null || Qu(d.value, c.value, {
-      middleware: r.value,
+    d.value == null || c.value == null || Xu(d.value, c.value, {
+      middleware: i.value,
       placement: l.value,
-      strategy: i.value
+      strategy: r.value
     }).then((J) => {
       f.value = J.x, p.value = J.y, s.value = J.strategy, m.value = J.placement, v.value = J.middlewareData, _.value = !0;
     });
@@ -6693,7 +6706,7 @@ function ec(e, t, n) {
   function O() {
     o.value || (_.value = !1);
   }
-  return Q([r, l, i], N, {
+  return Q([i, l, r], N, {
     flush: "sync"
   }), Q([d, c], j, {
     flush: "sync"
@@ -6710,7 +6723,7 @@ function ec(e, t, n) {
     update: N
   };
 }
-const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
+const nc = { class: "joy-tooltip__content__inner" }, ac = /* @__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  */
@@ -6748,19 +6761,19 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = C(!1), o = C(null), r = C(null), l = C(), i = C(
-      ec(o, r, {
+    const n = e, a = C(!1), o = C(null), i = C(null), l = C(), r = C(
+      tc(o, i, {
         placement: n.placement,
         transform: !1,
         middleware: [
-          Bu(10),
-          Au({
-            limiter: Nu()
+          Au(10),
+          Nu({
+            limiter: Ou()
           }),
-          Lu({
+          Eu({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          Xu({ element: l, padding: 0 })
+          ec({ element: l, padding: 0 })
         ]
       })
     ), u = X(), d = V(() => u["tooltip-content"] || n.text);
@@ -6775,12 +6788,12 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }
     function s(v = !0) {
       var _;
-      (_ = i.value) == null || _.update(), setTimeout(() => {
+      (_ = r.value) == null || _.update(), setTimeout(() => {
         a.value = v;
       }, n.delay);
     }
     const m = V(() => {
-      const { middlewareData: v, placement: _ } = i.value, h = v.arrow, E = {
+      const { middlewareData: v, placement: _ } = r.value, h = v.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -6800,7 +6813,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
       a.value = !1;
     }), t({
       tooltipVisible: a,
-      tooltip: r
+      tooltip: i
     }), (v, _) => (y(), B(T(Lt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
@@ -6819,11 +6832,11 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
             onKeydown: _[0] || (_[0] = Ct((E) => s(!1), ["tab"]))
           }, [
             k(v.$slots, "default", {}, void 0, !0),
-            (y(), B(rt, { to: "body" }, [
+            (y(), B(it, { to: "body" }, [
               a.value && d.value ? (y(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
-                ref: r,
+                ref: i,
                 role: "tooltip",
                 class: $([
                   "joy-tooltip__content",
@@ -6832,9 +6845,9 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
                     "joy-tooltip__content--hiding": !a.value
                   }
                 ]),
-                style: ce({ ...(h = i.value) == null ? void 0 : h.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ce({ ...(h = r.value) == null ? void 0 : h.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                b("div", tc, [
+                b("div", nc, [
                   k(v.$slots, "tooltip-content", {}, () => [
                     z(F(e.text), 1)
                   ], !0)
@@ -6854,7 +6867,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }, 512));
   }
 });
-const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
+const oc = /* @__PURE__ */ A(ac, [["__scopeId", "data-v-9fdad75d"]]), lc = { class: "joy-user-card__picture" }, ic = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, sc = { class: "joy-user-card__subtitle" }, uc = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -6886,7 +6899,7 @@ const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
       title: e.fullName
     }, t.$attrs), {
       default: M(() => [
-        b("div", oc, [
+        b("div", lc, [
           k(t.$slots, "user-card-avatar", {}, () => [
             U(T(bn), {
               "photo-url": e.photoUrl,
@@ -6894,13 +6907,13 @@ const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", lc, [
+        b("div", ic, [
           b("p", rc, [
             k(t.$slots, "user-card-title", {}, () => [
               z(F(e.fullName), 1)
             ], !0)
           ]),
-          b("p", ic, [
+          b("p", sc, [
             k(t.$slots, "user-card-subtitle", {}, () => [
               z(F(e.subTitle), 1)
             ], !0)
@@ -6920,7 +6933,7 @@ const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }, 16, ["href", "title"]));
   }
 });
-const uc = /* @__PURE__ */ A(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
+const cc = /* @__PURE__ */ A(uc, [["__scopeId", "data-v-2a8e1076"]]), dc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -6981,7 +6994,7 @@ const uc = /* @__PURE__ */ A(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @_
     ], 2));
   }
 });
-const Rt = /* @__PURE__ */ A(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ A(dc, [["__scopeId", "data-v-68d89412"]]), fc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: ca,
   VJoyAvatar: bn,
@@ -6999,35 +7012,35 @@ const Rt = /* @__PURE__ */ A(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @_
   VJoyDialog: Ml,
   VJoyDialogTrigger: zl,
   VJoyDividerCta: Kl,
-  VJoyDrawer: ar,
-  VJoyDrawerTrigger: or,
-  VJoyDropdown: dr,
+  VJoyDrawer: ai,
+  VJoyDrawerTrigger: oi,
+  VJoyDropdown: di,
   VJoyDropdownList: Ln,
-  VJoyFilterBar: pr,
-  VJoyFilterBarButton: br,
-  VJoyFooter: Sr,
+  VJoyFilterBar: pi,
+  VJoyFilterBarButton: bi,
+  VJoyFooter: Si,
   VJoyFormError: En,
-  VJoyFormFieldSkeleton: jr,
-  VJoyFunnel: Ar,
-  VJoyHeader: Pr,
-  VJoyHighlight: qr,
+  VJoyFormFieldSkeleton: ji,
+  VJoyFunnel: Ai,
+  VJoyHeader: Pi,
+  VJoyHighlight: qi,
   VJoyIcon: W,
   VJoyIndicator: Bn,
-  VJoyIndicators: Gr,
-  VJoyInput: ai,
+  VJoyIndicators: Gi,
+  VJoyInput: ar,
   VJoyLabel: je,
-  VJoyLink: ii,
-  VJoyMenu: fi,
-  VJoyMultiCheckbox: mi,
-  VJoyPagination: ki,
-  VJoyPanel: Ei,
-  VJoyPanelSection: Ji,
-  VJoyProgressBar: Ri,
-  VJoyRadio: Wi,
-  VJoyRadioGroup: Ki,
+  VJoyLink: rr,
+  VJoyMenu: fr,
+  VJoyMultiCheckbox: mr,
+  VJoyPagination: kr,
+  VJoyPanel: Er,
+  VJoyPanelSection: Jr,
+  VJoyProgressBar: Rr,
+  VJoyRadio: Wr,
+  VJoyRadioGroup: Kr,
   VJoyRatingStars: An,
   VJoyScreenLoader: At,
-  VJoySelect: is,
+  VJoySelect: rs,
   VJoySelectableItem: Nn,
   VJoySelectableItemGroup: vs,
   VJoySeparator: ms,
@@ -7036,19 +7049,19 @@ const Rt = /* @__PURE__ */ A(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @_
   VJoyStep: Jn,
   VJoyStepper: Vs,
   VJoyTab: Ls,
-  VJoyTabs: Fs,
+  VJoyTabs: Ps,
   VJoyTag: Fn,
-  VJoyTagsList: Ms,
-  VJoyTemplate: ou,
+  VJoyTagsList: zs,
+  VJoyTemplate: lu,
   VJoyTemplateShape: Pn,
   VJoyText: ru,
-  VJoyTextarea: yu,
-  VJoyToggle: wu,
-  VJoyTooltip: ac,
-  VJoyUserCard: uc,
+  VJoyTextarea: vu,
+  VJoyToggle: Su,
+  VJoyTooltip: oc,
+  VJoyUserCard: cc,
   VJoyWrapper: Rt
 }, Symbol.toStringTag, { value: "Module" }));
-function fc(e) {
+function yc(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]);
@@ -7064,15 +7077,15 @@ function fc(e) {
     });
   } };
 }
-function yc() {
-  return fc();
+function vc() {
+  return yc();
 }
-const wt = "joy-snackbar__container", vc = "joy-snackbar__shell--";
+const wt = "joy-snackbar__container", pc = "joy-snackbar__shell--";
 let Ye = 0, St = [];
-function pc() {
+function mc() {
   Ye = 0, St = [];
 }
-function mc(e = { appendTo: "body", defaultMountSelector: wt }) {
+function bc(e = { appendTo: "body", defaultMountSelector: wt }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7088,12 +7101,12 @@ function mc(e = { appendTo: "body", defaultMountSelector: wt }) {
         }
     `, 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 hc(e) {
-  var r, l;
-  e.disableStacking && (St.forEach((i) => i.unmount()), pc(), document.getElementById(wt).innerHTML = ""), Ye++;
+function _c(e) {
+  var i, l;
+  e.disableStacking && (St.forEach((r) => r.unmount()), mc(), document.getElementById(wt).innerHTML = ""), Ye++;
   let t, n;
-  const a = yc();
-  t = ra(
+  const a = vc();
+  t = ia(
     On,
     Object.assign(e.props, {
       bus: a,
@@ -7101,23 +7114,23 @@ function hc(e) {
     })
   );
   const o = document.createElement("div");
-  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(wt)) == null || l.appendChild(o), t.use(bc).mount("#" + n), St.push(t), a.on("snackbar:hide", () => {
-    var i;
-    t.unmount(), (i = document.getElementById(n)) == null || i.remove();
+  return o.classList.add("joy-snackbar__shell"), n = `${pc}${Ye}`, o.id = n, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (l = document.getElementById(wt)) == null || l.appendChild(o), t.use(gc).mount("#" + n), St.push(t), a.on("snackbar:hide", () => {
+    var r;
+    t.unmount(), (r = document.getElementById(n)) == null || r.remove();
   }), {
     snackbarEventBus: a,
     snackbarApp: t
   };
 }
-const bc = {
+const gc = {
   install: (e, t = { env: "client" }) => {
-    Object.entries(dc).forEach(([n, a]) => {
+    Object.entries(fc).forEach(([n, a]) => {
       e.component(n, a);
-    }), t.env === "client" && mc(), e.directive("joy-ripple", ia);
+    }), t.env === "client" && bc(), e.directive("joy-ripple", ra);
   }
 };
 export {
-  bc as JoyVuePlugin,
+  gc as JoyVuePlugin,
   ca as VJoyAvailability,
   bn as VJoyAvatar,
   wa as VJoyAvatarsList,
@@ -7134,35 +7147,35 @@ export {
   Ml as VJoyDialog,
   zl as VJoyDialogTrigger,
   Kl as VJoyDividerCta,
-  ar as VJoyDrawer,
-  or as VJoyDrawerTrigger,
-  dr as VJoyDropdown,
+  ai as VJoyDrawer,
+  oi as VJoyDrawerTrigger,
+  di as VJoyDropdown,
   Ln as VJoyDropdownList,
-  pr as VJoyFilterBar,
-  br as VJoyFilterBarButton,
-  Sr as VJoyFooter,
+  pi as VJoyFilterBar,
+  bi as VJoyFilterBarButton,
+  Si as VJoyFooter,
   En as VJoyFormError,
-  jr as VJoyFormFieldSkeleton,
-  Ar as VJoyFunnel,
-  Pr as VJoyHeader,
-  qr as VJoyHighlight,
+  ji as VJoyFormFieldSkeleton,
+  Ai as VJoyFunnel,
+  Pi as VJoyHeader,
+  qi as VJoyHighlight,
   W as VJoyIcon,
   Bn as VJoyIndicator,
-  Gr as VJoyIndicators,
-  ai as VJoyInput,
+  Gi as VJoyIndicators,
+  ar as VJoyInput,
   je as VJoyLabel,
-  ii as VJoyLink,
-  fi as VJoyMenu,
-  mi as VJoyMultiCheckbox,
-  ki as VJoyPagination,
-  Ei as VJoyPanel,
-  Ji as VJoyPanelSection,
-  Ri as VJoyProgressBar,
-  Wi as VJoyRadio,
-  Ki as VJoyRadioGroup,
+  rr as VJoyLink,
+  fr as VJoyMenu,
+  mr as VJoyMultiCheckbox,
+  kr as VJoyPagination,
+  Er as VJoyPanel,
+  Jr as VJoyPanelSection,
+  Rr as VJoyProgressBar,
+  Wr as VJoyRadio,
+  Kr as VJoyRadioGroup,
   An as VJoyRatingStars,
   At as VJoyScreenLoader,
-  is as VJoySelect,
+  rs as VJoySelect,
   Nn as VJoySelectableItem,
   vs as VJoySelectableItemGroup,
   ms as VJoySeparator,
@@ -7171,19 +7184,19 @@ export {
   Jn as VJoyStep,
   Vs as VJoyStepper,
   Ls as VJoyTab,
-  Fs as VJoyTabs,
+  Ps as VJoyTabs,
   Fn as VJoyTag,
-  Ms as VJoyTagsList,
-  ou as VJoyTemplate,
+  zs as VJoyTagsList,
+  lu as VJoyTemplate,
   Pn as VJoyTemplateShape,
   ru as VJoyText,
-  yu as VJoyTextarea,
-  wu as VJoyToggle,
-  ac as VJoyTooltip,
-  uc as VJoyUserCard,
+  vu as VJoyTextarea,
+  Su as VJoyToggle,
+  oc as VJoyTooltip,
+  cc as VJoyUserCard,
   Rt as VJoyWrapper,
-  mc as createAllSnackbarsContainer,
-  hc as pushVJoySnackbar,
-  pc as resetCount,
+  bc as createAllSnackbarsContainer,
+  _c as pushVJoySnackbar,
+  mc as resetCount,
   St as snackbarMountedInstances
 };