@maltjoy/core-vue 3.21.0-next → 3.22.0

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as f, createElementBlock as g, normalizeClass as T, createElementVNode as h, Fragment as G, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as S, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Kn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Gn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as Te, guardReactiveProps as Ie, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as T, createElementVNode as h, Fragment as G, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as k, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Kn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Gn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as Te, guardReactiveProps as Ie, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
 function Ut(e) {
   const t = e.target;
   if (!t)
@@ -39,14 +39,14 @@ const la = {
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
     }));
-    return (a, o) => (f(), g("div", {
+    return (a, o) => (y(), g("div", {
       class: T(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       h("span", {
         class: T(n.value)
       }, null, 2),
-      e.label ? (f(), g(G, { key: 0 }, [
+      e.label ? (y(), g(G, { key: 0 }, [
         H(F(e.label), 1)
       ], 64)) : C("", !0)
     ], 10, ia));
@@ -91,7 +91,7 @@ const J = (e, t) => {
       if (t.role === "button")
         return t.tabIndex;
     });
-    return (a, o) => (f(), g("span", {
+    return (a, o) => (y(), g("span", {
       class: T(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: n.value,
@@ -157,47 +157,47 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
       function u(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
-      let y = o.fullName.split(" ");
-      return y = y.slice(0, 2), y.forEach((p, d) => {
-        y[d] = u(p);
-      }), y.join("").toUpperCase();
+      let v = o.fullName.split(" ");
+      return v = v.slice(0, 2), v.forEach((p, d) => {
+        v[d] = u(p);
+      }), v.join("").toUpperCase();
     });
-    function v() {
+    function f() {
       a("click");
     }
     return t({
       isAnonymous: r,
       initials: c
-    }), (u, y) => (f(), g("div", da, [
-      (f(), N(re(e.link ? "button" : "div"), oe(l.value, {
+    }), (u, v) => (y(), g("div", da, [
+      (y(), N(re(e.link ? "button" : "div"), oe(l.value, {
         class: [s.value],
-        onClick: v
+        onClick: f
       }), {
         default: R(() => [
-          r.value ? (f(), N(K, {
+          r.value ? (y(), N(K, {
             key: 0,
             name: "user-photo",
             color: "white",
             size: i.value
           }, null, 8, ["size"])) : C("", !0),
-          e.photoUrl ? (f(), g("img", {
+          e.photoUrl ? (y(), g("img", {
             key: 1,
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
             loading: "lazy"
           }, null, 8, fa)) : C("", !0),
-          e.fullName ? (f(), g(G, { key: 2 }, [
+          e.fullName ? (y(), g(G, { key: 2 }, [
             H(F(c.value), 1)
           ], 64)) : C("", !0),
-          e.totalNumber ? (f(), g(G, { key: 3 }, [
+          e.totalNumber ? (y(), g(G, { key: 3 }, [
             H(F("+" + e.totalNumber), 1)
           ], 64)) : C("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (f(), g("span", ya, [
-        (f(), g("svg", {
+      e.profile === "strategy" ? (y(), g("span", ya, [
+        (y(), g("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
@@ -215,11 +215,11 @@ const vn = /* @__PURE__ */ J(ba, [["__scopeId", "data-v-bcb28746"]]), ga = /* @_
     compress: Boolean
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       ref: "avatarsList",
       class: T(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      S(t.$slots, "default", {}, void 0, !0)
+      k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
@@ -251,11 +251,11 @@ const ha = /* @__PURE__ */ J(ga, [["__scopeId", "data-v-46e4547e"]]), _a = ["inf
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("span", {
+    return (t, n) => (y(), g("span", {
       class: T(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      S(t.$slots, "default", {}, () => [
+      k(t.$slots, "default", {}, () => [
         H(F(e.label), 1)
       ], !0)
     ], 2));
@@ -375,18 +375,18 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
           return "Supermalter";
       }
     });
-    return (a, o) => (f(), g("span", ka, [
-      e.type === E(te).SUPER_MALTER ? (f(!0), g(G, { key: 0 }, Q(e.superMalterLevel, (i, l) => (f(), g("svg", {
+    return (a, o) => (y(), g("span", ka, [
+      e.type === E(te).SUPER_MALTER ? (y(!0), g(G, { key: 0 }, Q(e.superMalterLevel, (i, l) => (y(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
       }, $a))), 128)) : C("", !0),
-      e.type === E(te).HIGH_POTENTIAL ? (f(), g("svg", Va, Ia)) : C("", !0),
-      e.type === E(te).HIGH_POTENTIAL_AUTO ? (f(), g("svg", Ea, Ja)) : C("", !0),
-      e.type === E(te).MALT_LINKER ? (f(), g("svg", Fa, Ra)) : C("", !0),
-      e.type === E(Qe).HIGH_POTENTIAL ? (f(), g("svg", Da, za)) : C("", !0),
+      e.type === E(te).HIGH_POTENTIAL ? (y(), g("svg", Va, Ia)) : C("", !0),
+      e.type === E(te).HIGH_POTENTIAL_AUTO ? (y(), g("svg", Ea, Ja)) : C("", !0),
+      e.type === E(te).MALT_LINKER ? (y(), g("svg", Fa, Ra)) : C("", !0),
+      e.type === E(Qe).HIGH_POTENTIAL ? (y(), g("svg", Da, za)) : C("", !0),
       h("span", {
         class: T([
           {
@@ -397,7 +397,7 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
           }
         ])
       }, [
-        e.visibleText ? S(a.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? k(a.$slots, "default", { key: 0 }, () => [
           H(F(n.value), 1)
         ], !0) : C("", !0)
       ], 2)
@@ -427,7 +427,7 @@ const Ha = /* @__PURE__ */ J(qa, [["__scopeId", "data-v-4187ebd6"]]), Wa = /* @_
       let o = "1 0";
       return t.width && (o += ` ${t.width}`), o;
     });
-    return (o, i) => (f(), g("div", {
+    return (o, i) => (y(), g("div", {
       "aria-hidden": "true",
       class: T({
         "joy-block-skeleton": !0,
@@ -483,7 +483,7 @@ const Ga = ["teal", "white"], Ya = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       class: T(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
@@ -551,7 +551,7 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ randomId: o }), (s, r) => {
       const c = Un("joy-ripple");
-      return Kn((f(), N(re(E(a).href ? "a" : "button"), {
+      return Kn((y(), N(re(E(a).href ? "a" : "button"), {
         disabled: e.loading || E(a).disabled,
         type: E(a).type || "button",
         class: T([
@@ -566,14 +566,14 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
         "aria-labelledby": (s.$slots.default || e.label) && o
       }, {
         default: R(() => [
-          e.icon && e.iconPosition === "left" ? (f(), N(K, {
+          e.icon && e.iconPosition === "left" ? (y(), N(K, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : C("", !0),
-          e.loading ? (f(), N(Et, {
+          e.loading ? (y(), N(Et, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : C("", !0),
@@ -581,11 +581,11 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             id: o,
             class: "joy-button--slot"
           }, [
-            S(s.$slots, "default", {}, () => [
+            k(s.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (f(), N(K, {
+          e.icon && e.iconPosition === "right" ? (y(), N(K, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -633,15 +633,15 @@ function bt(...e) {
     return Ae;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const i = [], l = () => {
-    i.forEach((v) => v()), i.length = 0;
-  }, s = (v, u, y, p) => (v.addEventListener(u, y, p), () => v.removeEventListener(u, y, p)), r = ee(
+    i.forEach((f) => f()), i.length = 0;
+  }, s = (f, u, v, p) => (f.addEventListener(u, v, p), () => f.removeEventListener(u, v, p)), r = ee(
     () => [je(t), be(o)],
-    ([v, u]) => {
-      if (l(), !v)
+    ([f, u]) => {
+      if (l(), !f)
         return;
-      const y = mn(u) ? { ...u } : u;
+      const v = mn(u) ? { ...u } : u;
       i.push(
-        ...n.flatMap((p) => a.map((d) => s(v, p, d, y)))
+        ...n.flatMap((p) => a.map((d) => s(f, p, d, v)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -655,39 +655,39 @@ function io(e, t, n = {}) {
   const { window: a = At, ignore: o = [], capture: i = !0, detectIframe: l = !1 } = n;
   if (!a)
     return Ae;
-  _t && !Kt && (Kt = !0, Array.from(a.document.body.children).forEach((y) => y.addEventListener("click", Ae)), a.document.documentElement.addEventListener("click", Ae));
+  _t && !Kt && (Kt = !0, Array.from(a.document.body.children).forEach((v) => v.addEventListener("click", Ae)), a.document.documentElement.addEventListener("click", Ae));
   let s = !0;
-  const r = (y) => o.some((p) => {
+  const r = (v) => o.some((p) => {
     if (typeof p == "string")
-      return Array.from(a.document.querySelectorAll(p)).some((d) => d === y.target || y.composedPath().includes(d));
+      return Array.from(a.document.querySelectorAll(p)).some((d) => d === v.target || v.composedPath().includes(d));
     {
       const d = je(p);
-      return d && (y.target === d || y.composedPath().includes(d));
+      return d && (v.target === d || v.composedPath().includes(d));
     }
-  }), v = [
-    bt(a, "click", (y) => {
+  }), f = [
+    bt(a, "click", (v) => {
       const p = je(e);
-      if (!(!p || p === y.target || y.composedPath().includes(p))) {
-        if (y.detail === 0 && (s = !r(y)), !s) {
+      if (!(!p || p === v.target || v.composedPath().includes(p))) {
+        if (v.detail === 0 && (s = !r(v)), !s) {
           s = !0;
           return;
         }
-        t(y);
+        t(v);
       }
     }, { passive: !0, capture: i }),
-    bt(a, "pointerdown", (y) => {
+    bt(a, "pointerdown", (v) => {
       const p = je(e);
-      s = !r(y) && !!(p && !y.composedPath().includes(p));
+      s = !r(v) && !!(p && !v.composedPath().includes(p));
     }, { passive: !0 }),
-    l && bt(a, "blur", (y) => {
+    l && bt(a, "blur", (v) => {
       setTimeout(() => {
         var p;
         const d = je(e);
-        ((p = a.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(d != null && d.contains(a.document.activeElement)) && t(y);
+        ((p = a.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(d != null && d.contains(a.document.activeElement)) && t(v);
       }, 0);
     })
   ].filter(Boolean);
-  return () => v.forEach((y) => y());
+  return () => f.forEach((v) => v());
 }
 function ro() {
   const e = $(!1), t = Xn();
@@ -709,17 +709,17 @@ function uo(e, t, n = {}) {
     (u) => {
       if (s(), l.value && a) {
         i = new ResizeObserver(t);
-        for (const y of u)
-          y && i.observe(y, o);
+        for (const v of u)
+          v && i.observe(v, o);
       }
     },
     { immediate: !0, flush: "post" }
-  ), v = () => {
+  ), f = () => {
     s(), c();
   };
-  return ft(v), {
+  return ft(f), {
     isSupported: l,
-    stop: v
+    stop: f
   };
 }
 function co(e) {
@@ -764,15 +764,15 @@ function vo(...e) {
     return Ae;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const i = [], l = () => {
-    i.forEach((v) => v()), i.length = 0;
-  }, s = (v, u, y, p) => (v.addEventListener(u, y, p), () => v.removeEventListener(u, y, p)), r = ee(
+    i.forEach((f) => f()), i.length = 0;
+  }, s = (f, u, v, p) => (f.addEventListener(u, v, p), () => f.removeEventListener(u, v, p)), r = ee(
     () => [fo(t), be(o)],
-    ([v, u]) => {
-      if (l(), !v)
+    ([f, u]) => {
+      if (l(), !f)
         return;
-      const y = mn(u) ? { ...u } : u;
+      const v = mn(u) ? { ...u } : u;
       i.push(
-        ...n.flatMap((p) => a.map((d) => s(v, p, d, y)))
+        ...n.flatMap((p) => a.map((d) => s(f, p, d, v)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -883,30 +883,30 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
     const a = e, o = Fe(), i = V(() => {
       if (s.value)
         return o;
-    }), l = n, s = $(!1), r = $(!1), c = $(a.open), v = $(!1), u = $();
-    let y = 0;
+    }), l = n, s = $(!1), r = $(!1), c = $(a.open), f = $(!1), u = $();
+    let v = 0;
     function p() {
       c.value = !0, I();
     }
     function d() {
       r.value = !0, setTimeout(async () => {
-        v.value = !1, r.value = !1, c.value = !1, me(!1), l("bottom-sheet:close");
+        f.value = !1, r.value = !1, c.value = !1, me(!1), l("bottom-sheet:close");
       }, 300);
     }
     function b(j) {
-      v.value = !0, u.value.classList.add(Yt), y = A(j);
+      f.value = !0, u.value.classList.add(Yt), v = A(j);
     }
     function m(j) {
-      v.value && (k(j) > Gt && d(), P());
+      f.value && (S(j) > Gt && d(), P());
     }
     function _(j) {
-      if (v.value) {
-        const D = k(j);
+      if (f.value) {
+        const D = S(j);
         D > Gt ? d() : D > 0 && O(D);
       }
     }
-    function k(j) {
-      return A(j) - y;
+    function S(j) {
+      return A(j) - v;
     }
     function A(j) {
       return ["touchend", "touchmove", "touchstart"].includes(j.type) ? j.changedTouches[0].clientY : j.clientY;
@@ -915,7 +915,7 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
       u.value.style.setProperty("transform", `translateY(${j}px)`);
     }
     function P() {
-      u.value.classList.remove(Yt), u.value.style.removeProperty("transform"), v.value = !1;
+      u.value.classList.remove(Yt), u.value.style.removeProperty("transform"), f.value = !1;
     }
     function I() {
       a.preventBodyScroll && me(!0);
@@ -927,11 +927,11 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
       show: p,
       isOpen: c,
       moveContainer: O
-    }), (j, D) => s.value ? (f(), N(ct, {
+    }), (j, D) => s.value ? (y(), N(ct, {
       key: 0,
       to: e.teleport
     }, [
-      c.value ? (f(), g("div", oe({ key: 0 }, i.value, {
+      c.value ? (y(), g("div", oe({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -960,10 +960,10 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
                 onTouchmove: _
               }, _o, 32),
               h("div", wo, [
-                S(j.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(j.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               h("div", So, [
-                S(j.$slots, "bottom-sheet-cta", {}, () => [
+                k(j.$slots, "bottom-sheet-cta", {}, () => [
                   Y(de, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
@@ -991,8 +991,8 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
       var r;
       a("click"), (r = o.value) == null || r.show();
     }
-    return (r, c) => (f(!0), g(G, null, Q(l.value, (v) => (f(), N(re(v), {
-      key: v,
+    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+      key: f,
       onClick: s
     }))), 128));
   }
@@ -1052,8 +1052,8 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
     const a = n, o = e, i = $(), l = $(o.indeterminate), s = $(o.invalid), r = $(!1), c = {
-      onChange: (v) => {
-        const u = v.target.checked;
+      onChange: (f) => {
+        const u = f.target.checked;
         l.value = !1, s.value = !1, a("update:checked", u);
       },
       onFocus: () => {
@@ -1065,7 +1065,7 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
     };
     return t({
       isIndeterminate: l
-    }), (v, u) => (f(), g("div", {
+    }), (f, u) => (y(), g("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
@@ -1098,19 +1098,19 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
             value: e.value,
             indeterminate: l.value,
             onChange: u[0] || (u[0] = //@ts-ignore
-            (...y) => c.onChange && c.onChange(...y)),
+            (...v) => c.onChange && c.onChange(...v)),
             onFocus: u[1] || (u[1] = //@ts-ignore
-            (...y) => c.onFocus && c.onFocus(...y)),
+            (...v) => c.onFocus && c.onFocus(...v)),
             onBlur: u[2] || (u[2] = //@ts-ignore
-            (...y) => c.onBlur && c.onBlur(...y))
+            (...v) => c.onBlur && c.onBlur(...v))
           }, null, 40, Vo)
         ]),
         h("div", To, [
-          S(v.$slots, "default", {}, () => [
+          k(f.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0),
           h("div", Io, [
-            S(v.$slots, "checkbox-content", {}, void 0, !0)
+            k(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
@@ -1133,32 +1133,41 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
     },
     id: {
       type: String
+    },
+    /**
+     * Experimental: outline mode may  be the default one in near future
+     */
+    mode: {
+      type: String,
+      default: "default"
     }
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, i = $(a.open);
+    const a = e, o = n, i = $(a.open), l = $(!1);
     ee(
       () => a.open,
-      (r) => {
-        i.value = r;
+      (c) => {
+        i.value = c;
       }
     );
-    function l() {
-      i.value = !i.value, s();
-    }
     function s() {
+      i.value = !i.value, r();
+    }
+    function r() {
       i.value ? o("collapse-item:open") : o("collapse-item:close");
     }
     return t({
       isOpen: i,
-      onToggle: l,
+      onToggle: s,
       props: a
-    }), (r, c) => (f(), g("div", {
+    }), (c, f) => (y(), g("div", {
       class: T([
         "joy-collapse-item",
         {
-          "joy-collapse-item--open": i.value
+          "joy-collapse-item--open": i.value,
+          "joy-collapse-item--outline": e.mode === "outline",
+          "joy-collapse-item--focusing": l.value
         }
       ])
     }, [
@@ -1166,13 +1175,15 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
         "aria-expanded": i.value,
         type: "button",
         class: "joy-collapse-item__summary",
-        onClick: l
+        onClick: s,
+        onFocus: f[0] || (f[0] = (u) => l.value = !0),
+        onBlur: f[1] || (f[1] = (u) => l.value = !1)
       }, [
         h("div", {
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (f(), N(K, {
+          e.summaryIcon ? (y(), N(K, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1181,14 +1192,14 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
           H(" " + F(e.header), 1)
         ], 8, Ao),
         h("div", Bo, [
-          S(r.$slots, "collapse-header-right")
+          k(c.$slots, "collapse-header-right")
         ]),
         Y(K, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         })
-      ], 8, Lo),
-      i.value ? (f(), g("div", {
+      ], 40, Lo),
+      i.value ? (y(), g("div", {
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
@@ -1199,12 +1210,12 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
           }
         ])
       }, [
-        S(r.$slots, "default")
+        k(c.$slots, "default")
       ], 10, No)) : C("", !0)
     ], 2));
   }
 });
-const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-f41beb0a"]]), Fo = { class: "joy-collapse" }, Po = /* @__PURE__ */ L({
+const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-6f53199c"]]), Fo = { class: "joy-collapse" }, Po = /* @__PURE__ */ L({
   __name: "VJoyCollapse",
   props: {
     accordion: {
@@ -1216,6 +1227,13 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-f41beb0a"]]), Fo = { cla
       default() {
         return [];
       }
+    },
+    /**
+     * Experimental: outline mode may  be the default one in near future
+     */
+    mode: {
+      type: String,
+      default: "default"
     }
   },
   emits: ["update:modelValue"],
@@ -1232,7 +1250,7 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-f41beb0a"]]), Fo = { cla
       if (!(!d.children || !d.children[b]))
         return d.children[b]();
     }
-    function v(d) {
+    function f(d) {
       return a.modelValue.length ? a.modelValue.includes(p(d)) : d.props.open;
     }
     async function u(d) {
@@ -1242,7 +1260,7 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-f41beb0a"]]), Fo = { cla
       }
       o.value.indexOf(p(d)) === -1 && o.value.push(p(d)), l("update:modelValue", o.value);
     }
-    function y(d) {
+    function v(d) {
       a.accordion && (o.value = []);
       const b = o.value.indexOf(p(d));
       b !== -1 && o.value.splice(b, 1), l("update:modelValue", o.value);
@@ -1253,28 +1271,29 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-f41beb0a"]]), Fo = { cla
     return t({
       getValForModel: p,
       isItem: r,
-      isOpen: v,
+      isOpen: f,
       items: s,
       openedCollapseItem: o
-    }), (d, b) => (f(), g("div", Fo, [
-      (f(!0), g(G, null, Q(s.value, (m) => (f(), N(hn, oe(m.props, {
+    }), (d, b) => (y(), g("div", Fo, [
+      (y(!0), g(G, null, Q(s.value, (m) => (y(), N(hn, oe(m.props, {
         key: m.props.id,
-        open: v(m),
+        open: f(m),
+        mode: e.mode,
         "onCollapseItem:open": (_) => u(m),
-        "onCollapseItem:close": (_) => y(m)
+        "onCollapseItem:close": (_) => v(m)
       }), {
         "collapse-header-right": R(() => [
-          (f(!0), g(G, null, Q(c(m, "collapse-header-right"), (_) => (f(), N(re(_), { key: _ }))), 128))
+          (y(!0), g(G, null, Q(c(m, "collapse-header-right"), (_, S) => (y(), N(re(_), { key: S }))), 128))
         ]),
         default: R(() => [
-          (f(!0), g(G, null, Q(c(m, "default"), (_, k) => (f(), N(re(_), { key: k }))), 128))
+          (y(!0), g(G, null, Q(c(m, "default"), (_, S) => (y(), N(re(_), { key: S }))), 128))
         ]),
         _: 2
-      }, 1040, ["open", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
+      }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
 });
-const Oo = /* @__PURE__ */ J(Po, [["__scopeId", "data-v-fad397b5"]]), Ro = ["src", "alt", "title"], Do = /* @__PURE__ */ L({
+const Oo = /* @__PURE__ */ J(Po, [["__scopeId", "data-v-1a1c1015"]]), Ro = ["src", "alt", "title"], Do = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -1298,15 +1317,15 @@ const Oo = /* @__PURE__ */ J(Po, [["__scopeId", "data-v-fad397b5"]]), Ro = ["src
           return "xsmall";
       }
     });
-    return (a, o) => (f(), g("div", {
+    return (a, o) => (y(), g("div", {
       class: T(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
-      e.imgSrc ? (f(), g("img", {
+      e.imgSrc ? (y(), g("img", {
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Ro)) : (f(), N(E(K), {
+      }, null, 8, Ro)) : (y(), N(E(K), {
         key: 1,
         name: "company-placeholder",
         size: n.value
@@ -1410,20 +1429,20 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
     Jt(s, o.autofocus);
     function r() {
       const m = u(!1);
-      m >= 0 ? a("update:modelValue", m <= o.min ? o.min : m) : a("update:modelValue", 0), v();
+      m >= 0 ? a("update:modelValue", m <= o.min ? o.min : m) : a("update:modelValue", 0), f();
     }
     function c() {
       const m = u();
-      o.max && m <= o.max ? a("update:modelValue", m >= o.max ? o.max : m) : o.max && m > o.max ? a("update:modelValue", o.max) : a("update:modelValue", m), v();
+      o.max && m <= o.max ? a("update:modelValue", m >= o.max ? o.max : m) : o.max && m > o.max ? a("update:modelValue", o.max) : a("update:modelValue", m), f();
     }
-    function v() {
-      i.value = !y();
+    function f() {
+      i.value = !v();
     }
     function u(m = !0) {
-      const _ = o.step.toString().split("."), k = _.length === 2 ? _[1].length : 0;
-      return parseFloat(m ? (o.modelValue + o.step).toFixed(k) : (o.modelValue - o.step).toFixed(k));
+      const _ = o.step.toString().split("."), S = _.length === 2 ? _[1].length : 0;
+      return parseFloat(m ? (o.modelValue + o.step).toFixed(S) : (o.modelValue - o.step).toFixed(S));
     }
-    function y() {
+    function v() {
       return p() && d();
     }
     function p() {
@@ -1440,13 +1459,13 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         l.value = !0;
       },
       onBlur: () => {
-        l.value = !1, v();
+        l.value = !1, f();
       }
     };
     return t({
       props: o
-    }), (m, _) => (f(), g("div", qo, [
-      e.label ? (f(), N(E(Se), {
+    }), (m, _) => (y(), g("div", qo, [
+      e.label ? (y(), N(E(Se), {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1454,7 +1473,7 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         size: e.labelSize
       }, {
         default: R(() => [
-          S(m.$slots, "default", {}, () => [
+          k(m.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0)
         ]),
@@ -1488,11 +1507,11 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
             value: e.modelValue
           }, m.$attrs, {
             onInput: _[0] || (_[0] = //@ts-ignore
-            (...k) => b.onInput && b.onInput(...k)),
+            (...S) => b.onInput && b.onInput(...S)),
             onBlur: _[1] || (_[1] = //@ts-ignore
-            (...k) => b.onBlur && b.onBlur(...k)),
+            (...S) => b.onBlur && b.onBlur(...S)),
             onFocus: _[2] || (_[2] = //@ts-ignore
-            (...k) => b.onFocus && b.onFocus(...k))
+            (...S) => b.onFocus && b.onFocus(...S))
           }), null, 16, Uo)
         ]),
         h("button", {
@@ -1504,7 +1523,7 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         }, [
           Y(E(K), { name: "add" })
         ], 8, Ko),
-        e.invalid && e.errorMessage ? (f(), g("div", Go, [
+        e.invalid && e.errorMessage ? (y(), g("div", Go, [
           Y(E(Ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : C("", !0)
       ], 2)
@@ -1557,11 +1576,11 @@ var _n = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: c
         });
       } else {
-        var v = $e.call(l, tt);
-        v && a.filter(l) && (n || !t.includes(l)) && o.push(l);
+        var f = $e.call(l, tt);
+        f && a.filter(l) && (n || !t.includes(l)) && o.push(l);
         var u = l.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), y = !at(u, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
-        if (u && y) {
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), v = !at(u, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
+        if (u && v) {
           var p = e(u === !0 ? l.children : u.children, !0, a);
           a.flatten ? o.push.apply(o, p) : o.push({
             scopeParent: l,
@@ -1621,8 +1640,8 @@ var _n = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (a && a !== t) {
     var l, s, r;
     for (i = !!((l = o) !== null && l !== void 0 && (s = l.ownerDocument) !== null && s !== void 0 && s.contains(o) || t != null && (r = t.ownerDocument) !== null && r !== void 0 && r.contains(t)); !i && o; ) {
-      var c, v, u;
-      a = nt(o), o = (c = a) === null || c === void 0 ? void 0 : c.host, i = !!((v = o) !== null && v !== void 0 && (u = v.ownerDocument) !== null && u !== void 0 && u.contains(o));
+      var c, f, u;
+      a = nt(o), o = (c = a) === null || c === void 0 ? void 0 : c.host, i = !!((f = o) !== null && f !== void 0 && (u = f.ownerDocument) !== null && u !== void 0 && u.contains(o));
     }
   }
   return i;
@@ -1860,7 +1879,7 @@ var en = {
         return Z === w;
       });
     });
-  }, v = function(w) {
+  }, f = function(w) {
     var x = i[w];
     if (typeof x == "function") {
       for (var B = arguments.length, M = new Array(B > 1 ? B - 1 : 0), z = 1; z < B; z++)
@@ -1877,7 +1896,7 @@ var en = {
       throw new Error("`".concat(w, "` as selector refers to no known node"));
     return W;
   }, u = function() {
-    var w = v("initialFocus");
+    var w = f("initialFocus");
     if (w === !1)
       return !1;
     if (w === void 0 || !ht(w, i.tabbableOptions))
@@ -1885,12 +1904,12 @@ var en = {
         w = a.activeElement;
       else {
         var x = l.tabbableGroups[0], B = x && x.firstTabbableNode;
-        w = B || v("fallbackFocus");
+        w = B || f("fallbackFocus");
       }
     if (!w)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return w;
-  }, y = function() {
+  }, v = function() {
     if (l.containerGroups = l.containers.map(function(w) {
       var x = ml(w, i.tabbableOptions), B = bl(w, i.tabbableOptions), M = x.length > 0 ? x[0] : void 0, z = x.length > 0 ? x[x.length - 1] : void 0, W = B.find(function(ae) {
         return Le(ae);
@@ -1939,7 +1958,7 @@ var en = {
       };
     }), l.tabbableGroups = l.containerGroups.filter(function(w) {
       return w.tabbableNodes.length > 0;
-    }), l.tabbableGroups.length <= 0 && !v("fallbackFocus"))
+    }), l.tabbableGroups.length <= 0 && !f("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (l.containerGroups.find(function(w) {
       return w.posTabIndexesFound;
@@ -1960,11 +1979,11 @@ var en = {
       }), l.mostRecentlyFocusedNode = w, Sl(w) && w.select();
     }
   }, b = function(w) {
-    var x = v("setReturnFocus", w);
+    var x = f("setReturnFocus", w);
     return x || (x === !1 ? !1 : w);
   }, m = function(w) {
     var x = w.target, B = w.event, M = w.isBackward, z = M === void 0 ? !1 : M;
-    x = x || Xe(B), y();
+    x = x || Xe(B), v();
     var W = null;
     if (l.tabbableGroups.length > 0) {
       var Z = c(x, B), le = Z >= 0 ? l.containerGroups[Z] : void 0;
@@ -1992,7 +2011,7 @@ var en = {
           ze(B) || (W = le.nextTabbableNode(x));
       }
     } else
-      W = v("fallbackFocus");
+      W = f("fallbackFocus");
     return W;
   }, _ = function(w) {
     var x = Xe(w);
@@ -2011,7 +2030,7 @@ var en = {
       }
       De(i.allowOutsideClick, w) || w.preventDefault();
     }
-  }, k = function(w) {
+  }, S = function(w) {
     var x = Xe(w), B = c(x, w) >= 0;
     if (B || x instanceof Document)
       B && (l.mostRecentlyFocusedNode = x);
@@ -2064,7 +2083,7 @@ var en = {
     if (l.active)
       return en.activateTrap(o, s), l.delayInitialFocusTimer = i.delayInitialFocus ? tn(function() {
         d(u());
-      }) : d(u()), a.addEventListener("focusin", k, !0), a.addEventListener("mousedown", _, {
+      }) : d(u()), a.addEventListener("focusin", S, !0), a.addEventListener("mousedown", _, {
         capture: !0,
         passive: !1
       }), a.addEventListener("touchstart", _, {
@@ -2079,7 +2098,7 @@ var en = {
       }), s;
   }, j = function() {
     if (l.active)
-      return a.removeEventListener("focusin", k, !0), a.removeEventListener("mousedown", _, !0), a.removeEventListener("touchstart", _, !0), a.removeEventListener("click", P, !0), a.removeEventListener("keydown", O, !0), s;
+      return a.removeEventListener("focusin", S, !0), a.removeEventListener("mousedown", _, !0), a.removeEventListener("touchstart", _, !0), a.removeEventListener("click", P, !0), a.removeEventListener("keydown", O, !0), s;
   }, D = function(w) {
     var x = w.some(function(B) {
       var M = Array.from(B.removedNodes);
@@ -2107,9 +2126,9 @@ var en = {
       if (l.active)
         return this;
       var x = r(w, "onActivate"), B = r(w, "onPostActivate"), M = r(w, "checkCanFocusTrap");
-      M || y(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, x == null || x();
+      M || v(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, x == null || x();
       var z = function() {
-        M && y(), I(), X(), B == null || B();
+        M && v(), I(), X(), B == null || B();
       };
       return M ? (M(l.containers.concat()).then(z, z), this) : (z(), this);
     },
@@ -2141,13 +2160,13 @@ var en = {
       if (!l.paused || !l.active)
         return this;
       var x = r(w, "onUnpause"), B = r(w, "onPostUnpause");
-      return l.paused = !1, x == null || x(), y(), I(), X(), B == null || B(), this;
+      return l.paused = !1, x == null || x(), v(), I(), X(), B == null || B(), this;
     },
     updateContainerElements: function(w) {
       var x = [].concat(w).filter(Boolean);
       return l.containers = x.map(function(B) {
         return typeof B == "string" ? a.querySelector(B) : B;
-      }), l.active && y(), X(), this;
+      }), l.active && v(), X(), this;
     }
   }, s.updateContainerElements(t), s;
 };
@@ -2155,7 +2174,7 @@ function jn(e, t = {}) {
   let n;
   const { immediate: a, ...o } = t, i = $(!1), l = $(!1), s = (u) => n && n.activate(u), r = (u) => n && n.deactivate(u), c = () => {
     n && (n.pause(), l.value = !0);
-  }, v = () => {
+  }, f = () => {
     n && (n.unpause(), l.value = !1);
   };
   return ee(
@@ -2178,7 +2197,7 @@ function jn(e, t = {}) {
     activate: s,
     deactivate: r,
     pause: c,
-    unpause: v
+    unpause: f
   };
 }
 const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialog--header" }, El = {
@@ -2261,7 +2280,7 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { 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 = n, i = "joy-dialog--" + we(), l = ne(), s = $(!1), r = $(), c = $(a.open), v = jn(r), u = Fe(), y = V(() => {
+    const a = e, o = n, i = "joy-dialog--" + we(), l = ne(), s = $(!1), r = $(), c = $(a.open), f = jn(r), u = Fe(), v = V(() => {
       if (s.value)
         return u;
     }), p = V(() => {
@@ -2272,10 +2291,10 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
       !a.patternConfirm && _();
     }
     async function _(I = { fireHideEvent: !0 }) {
-      v.deactivate(), c.value = !1, await qe(), me(!1), I.fireHideEvent && o("dialog:hide");
+      f.deactivate(), c.value = !1, await qe(), me(!1), I.fireHideEvent && o("dialog:hide");
     }
-    async function k() {
-      c.value = !0, await qe(), a.focusTrap && v.activate(), a.preventBodyScroll && me(!0);
+    async function S() {
+      c.value = !0, await qe(), a.focusTrap && f.activate(), a.preventBodyScroll && me(!0);
     }
     function A() {
       o("dialog:open");
@@ -2291,12 +2310,12 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
     }), Pe(() => {
       c.value === !0 && (o("dialog:before-unmount"), me(!1));
     }), t({
-      focusTrapReturn: v,
+      focusTrapReturn: f,
       hasFooterSlots: p,
       hide: _,
       isOpen: c,
-      show: k
-    }), (I, j) => s.value ? (f(), N(ct, {
+      show: S
+    }), (I, j) => s.value ? (y(), N(ct, {
       key: 0,
       to: e.teleport
     }, [
@@ -2309,7 +2328,7 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
         onAfterLeave: P
       }, {
         default: R(() => [
-          c.value ? (f(), g("div", oe({ key: 0 }, y.value, {
+          c.value ? (y(), g("div", oe({ key: 0 }, v.value, {
             id: e.id || i,
             ref_key: "dialogRef",
             ref: r,
@@ -2338,7 +2357,7 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
               ])
             }, [
               h("div", Tl, [
-                e.bannerSrc ? (f(), g("div", {
+                e.bannerSrc ? (y(), g("div", {
                   key: 0,
                   class: "joy-dialog--banner",
                   style: ue({
@@ -2352,12 +2371,12 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
                     id: b,
                     class: "joy-dialog--header__title"
                   }, [
-                    S(I.$slots, "dialog-header", {}, void 0, !0)
+                    k(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", El, [
-                    S(I.$slots, "dialog-subheader", {}, void 0, !0)
+                    k(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? C("", !0) : (f(), N(E(de), {
+                  e.patternConfirm ? C("", !0) : (y(), N(E(de), {
                     key: 0,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2371,7 +2390,7 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
                   }, null, 8, ["label"]))
                 ]),
                 h("div", Ll, [
-                  S(I.$slots, "dialog-body", {}, void 0, !0)
+                  k(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: T([
@@ -2386,8 +2405,8 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
                     "no-margin": ""
                   }, {
                     default: R(() => [
-                      S(I.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (f(), N(E(de), {
+                      k(I.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -2400,8 +2419,8 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
                           _: 1
                         }, 8, ["size"])) : C("", !0)
                       ], !0),
-                      S(I.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (f(), N(E(de), {
+                      k(I.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -2418,8 +2437,8 @@ const Vl = ["id", "onKeydown"], Tl = { class: "joy-dialog__inner" }, Il = { clas
                     _: 3
                   })
                 ], 2),
-                E(l)["dialog-indicators"] ? (f(), g("div", Al, [
-                  S(I.$slots, "dialog-indicators", {}, void 0, !0)
+                E(l)["dialog-indicators"] ? (y(), g("div", Al, [
+                  k(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : C("", !0)
               ])
             ], 2)
@@ -2442,8 +2461,8 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
       var r;
       o("click"), await ((r = a.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (f(!0), g(G, null, Q(l.value, (v) => (f(), N(re(v), {
-      key: v,
+    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+      key: f,
       onClick: s
     }))), 128));
   }
@@ -2456,7 +2475,7 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("button", {
+    return (t, n) => (y(), g("button", {
       type: "button",
       class: T(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
@@ -2466,9 +2485,9 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
       ]),
       h("div", Ol, [
         h("p", Rl, [
-          S(t.$slots, "default", {}, void 0, !0)
+          k(t.$slots, "default", {}, void 0, !0)
         ]),
-        S(t.$slots, "divider-content", {}, void 0, !0)
+        k(t.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, Fl));
   }
@@ -2539,7 +2558,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["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 = n, i = "joy-drawer--" + we(), l = ne(), s = $(!1), r = $(), c = $(a.open), v = jn(r), u = Fe(), y = V(() => {
+    const a = e, o = n, i = "joy-drawer--" + we(), l = ne(), s = $(!1), r = $(), c = $(a.open), f = jn(r), u = Fe(), v = V(() => {
       if (s.value)
         return u;
     }), p = V(() => {
@@ -2547,12 +2566,12 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
       return !!P || !!I;
     }), d = V(() => a.id || i), b = d.value + "-header";
     async function m(P = { fireHideEvent: !0 }) {
-      v.deactivate(), c.value = !1, await qe(), me(!1), P.fireHideEvent && o("drawer:hide");
+      f.deactivate(), c.value = !1, await qe(), me(!1), P.fireHideEvent && o("drawer:hide");
     }
     async function _() {
-      c.value = !0, await qe(), a.focusTrap && !a.elevated && v.activate(), !a.elevated && a.preventBodyScroll && me(!0);
+      c.value = !0, await qe(), a.focusTrap && !a.elevated && f.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
-    function k() {
+    function S() {
       o("drawer:open");
     }
     function A() {
@@ -2566,12 +2585,12 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
     }), Pe(() => {
       c.value === !0 && (o("drawer:before-unmount"), me(!1));
     }), t({
-      focusTrapReturn: v,
+      focusTrapReturn: f,
       hasFooterSlots: p,
       hide: m,
       isOpen: c,
       show: _
-    }), (P, I) => s.value ? (f(), N(ct, {
+    }), (P, I) => s.value ? (y(), N(ct, {
       key: 0,
       to: e.teleport
     }, [
@@ -2579,12 +2598,12 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: k,
+        onEnter: S,
         onAfterEnter: A,
         onAfterLeave: O
       }, {
         default: R(() => [
-          c.value ? (f(), g("div", oe({ key: 0 }, y.value, {
+          c.value ? (y(), g("div", oe({ key: 0 }, v.value, {
             id: d.value,
             ref_key: "drawerRef",
             ref: r,
@@ -2601,7 +2620,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
             "aria-labelledby": b,
             onKeydown: I[4] || (I[4] = dt((j) => m(), ["esc"]))
           }), [
-            e.elevated ? C("", !0) : (f(), g("div", {
+            e.elevated ? C("", !0) : (y(), g("div", {
               key: 0,
               class: T([
                 {
@@ -2625,10 +2644,10 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     id: b,
                     class: "joy-drawer--header__title"
                   }, [
-                    S(P.$slots, "drawer-header", {}, void 0, !0)
+                    k(P.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   h("p", Wl, [
-                    S(P.$slots, "drawer-subheader", {}, void 0, !0)
+                    k(P.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   Y(E(de), {
                     id: "joy-drawer--close",
@@ -2643,7 +2662,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                   }, null, 8, ["label"])
                 ]),
                 h("div", Ul, [
-                  S(P.$slots, "drawer-body", {}, void 0, !0)
+                  k(P.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: T([
@@ -2659,8 +2678,8 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     class: "joy-drawer--footer-wrapper"
                   }, {
                     default: R(() => [
-                      S(P.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (f(), N(E(de), {
+                      k(P.$slots, "drawer-cancel", {}, () => [
+                        e.cancelText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
@@ -2673,8 +2692,8 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                           _: 1
                         }, 8, ["size"])) : C("", !0)
                       ], !0),
-                      S(P.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (f(), N(E(de), {
+                      k(P.$slots, "drawer-confirm", {}, () => [
+                        e.confirmText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
@@ -2691,8 +2710,8 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     _: 3
                   })
                 ], 2),
-                E(l)["drawer-indicators"] ? (f(), g("div", Kl, [
-                  S(P.$slots, "drawer-indicators", {}, void 0, !0)
+                E(l)["drawer-indicators"] ? (y(), g("div", Kl, [
+                  k(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : C("", !0)
               ])
             ], 2)
@@ -2715,8 +2734,8 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
       var r;
       a("click"), await ((r = o.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (f(!0), g(G, null, Q(l.value, (v) => (f(), N(re(v), {
-      key: v,
+    return (r, c) => (y(!0), g(G, null, Q(l.value, (f) => (y(), N(re(f), {
+      key: f,
       onClick: s
     }))), 128));
   }
@@ -2787,31 +2806,31 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
         top: d.offsetTop
       }));
     }
-    function v() {
+    function f() {
       return r().find((d) => d === document.activeElement);
     }
     function u(d) {
       var b;
       if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
-        if ((d.key === "Escape" || d.key === "Tab") && a("close:dropdownList"), (d.key === "Enter" || d.key === "enter") && (d.preventDefault(), v() && ((b = i.value) != null && b.contains(v())))) {
-          const m = v();
+        if ((d.key === "Escape" || d.key === "Tab") && a("close:dropdownList"), (d.key === "Enter" || d.key === "enter") && (d.preventDefault(), f() && ((b = i.value) != null && b.contains(f())))) {
+          const m = f();
           if (!m)
             return;
           if (m.querySelector("a"))
             return m.querySelector("a").click();
           a("update:modelValue", m.dataModel);
         }
-        if (v() && d.key === " " && d.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
-          const m = r(), _ = v();
-          let k = m.indexOf(_);
+        if (f() && d.key === " " && d.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
+          const m = r(), _ = f();
+          let S = m.indexOf(_);
           if (m.length) {
-            d.preventDefault(), d.key === "ArrowDown" ? k++ : d.key === "ArrowUp" ? k-- : d.key === "Home" ? k = 0 : d.key === "End" && (k = m.length - 1), k < 0 && (k = m.length - 1), k > m.length - 1 && (k = 0), y(m[k]);
+            d.preventDefault(), d.key === "ArrowDown" ? S++ : d.key === "ArrowUp" ? S-- : d.key === "Home" ? S = 0 : d.key === "End" && (S = m.length - 1), S < 0 && (S = m.length - 1), S > m.length - 1 && (S = 0), v(m[S]);
             return;
           }
         }
       }
     }
-    function y(d) {
+    function v(d) {
       d.focus();
     }
     function p() {
@@ -2823,26 +2842,26 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
       window.removeEventListener("keydown", u);
     }), t({
       isSelected: l
-    }), (d, b) => (f(), g("div", {
+    }), (d, b) => (y(), g("div", {
       class: "joy-dropdown-list",
       style: ue({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      d.$slots["dropdown-list-header"] || e.reset ? (f(), g("header", Xl, [
-        e.reset ? (f(), g("button", {
+      d.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", Xl, [
+        e.reset ? (y(), g("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
         }, F(e.resetLabel || "Reset"), 1)) : C("", !0),
-        S(d.$slots, "dropdown-list-header", {}, void 0, !0)
+        k(d.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : C("", !0),
       h("div", {
         tabindex: "0",
         class: T(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": d.$slots["dropdown-list-items"] }]),
         style: ue({ "max-height": `${e.height}px` })
       }, [
-        S(d.$slots, "dropdown-list-items", {}, void 0, !0),
-        e.options.length ? (f(), g("ul", {
+        k(d.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (y(), g("ul", {
           key: 0,
           ref_key: "listbox",
           ref: i,
@@ -2851,7 +2870,7 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (f(!0), g(G, null, Q(e.options, (m) => (f(), g("li", {
+          (y(!0), g(G, null, Q(e.options, (m) => (y(), g("li", {
             id: m.id,
             key: m.id,
             style: ue({ "max-width": `${e.width}px` }),
@@ -2872,14 +2891,14 @@ const Yl = /* @__PURE__ */ J(Gl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
             role: "option",
             onClick: (_) => s(m)
           }, [
-            S(d.$slots, "label", Te(Ie(m)), () => [
+            k(d.$slots, "label", Te(Ie(m)), () => [
               h("span", null, F(m.label), 1)
             ], !0)
           ], 14, ei))), 128))
         ], 8, Ql)) : C("", !0)
       ], 6),
-      d.$slots["dropdown-list-footer"] ? (f(), g("footer", ti, [
-        S(d.$slots, "dropdown-list-footer", {}, void 0, !0)
+      d.$slots["dropdown-list-footer"] ? (y(), g("footer", ti, [
+        k(d.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : C("", !0)
     ], 4));
   }
@@ -2975,9 +2994,9 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, i = $(!1), l = $(null), s = $(), r = $(null), c = $(null), v = $(!1), u = "joy-dropdown--" + we();
+    const a = n, o = e, i = $(!1), l = $(null), s = $(), r = $(null), c = $(null), f = $(!1), u = "joy-dropdown--" + we();
     It("VJoyDropdownContext", o);
-    const y = {
+    const v = {
       ignore: [s, ".joy-dropdown__list"]
     };
     let p = null;
@@ -2995,21 +3014,21 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
       };
     });
     function b() {
-      p && clearTimeout(p), v.value = !0, p = setTimeout(() => {
-        i.value = !1, v.value = !1, a("dropdown:hide");
+      p && clearTimeout(p), f.value = !0, p = setTimeout(() => {
+        i.value = !1, f.value = !1, a("dropdown:hide");
       }, 300);
     }
     function m(I) {
-      I.stopPropagation(), v.value = !1, p && clearTimeout(p), c.value = I.target, i.value = !0, a("dropdown:open");
+      I.stopPropagation(), f.value = !1, p && clearTimeout(p), c.value = I.target, i.value = !0, a("dropdown:open");
     }
     function _() {
-      b(), k();
+      b(), S();
     }
-    function k() {
+    function S() {
       c.value && c.value.focus();
     }
     function A(I) {
-      a("update:modelValue", I), o.closeOnSelect && (b(), k());
+      a("update:modelValue", I), o.closeOnSelect && (b(), S());
     }
     function O() {
       a("dropdown:reset");
@@ -3022,10 +3041,10 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
     }), t({
       showDropdownList: i,
       generatedId: u
-    }), (I, j) => (f(), N(E(Bt), {
+    }), (I, j) => (y(), N(E(Bt), {
       ref_key: "dropdown",
       ref: l,
-      options: y,
+      options: v,
       class: "joy-dropdown",
       onTrigger: b
     }, {
@@ -3037,9 +3056,9 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
           "data-testid": "dropdown-trigger",
           onClick: m
         }, [
-          S(I.$slots, "dropdown-button", {}, void 0, !0)
+          k(I.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        i.value ? (f(), g("div", {
+        i.value ? (y(), g("div", {
           key: 0,
           ref_key: "list",
           ref: r,
@@ -3048,8 +3067,8 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
             {
-              "joy-dropdown__list--visible": !v.value,
-              "joy-dropdown__list--hiding": v.value
+              "joy-dropdown__list--visible": !f.value,
+              "joy-dropdown__list--hiding": f.value
             }
           ]),
           style: ue(d.value)
@@ -3068,7 +3087,7 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
             onReset: O
           }, fn({
             label: R((D) => [
-              S(I.$slots, "dropdown-item", Te(Ie(D)), () => [
+              k(I.$slots, "dropdown-item", Te(Ie(D)), () => [
                 h("span", null, F(D.label), 1)
               ], !0)
             ]),
@@ -3077,21 +3096,21 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
             I.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: R(() => [
-                S(I.$slots, "dropdown-header", {}, void 0, !0)
+                k(I.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             I.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: R(() => [
-                S(I.$slots, "dropdown-items", {}, void 0, !0)
+                k(I.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             I.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: R(() => [
-                S(I.$slots, "dropdown-footer", {}, void 0, !0)
+                k(I.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -3108,13 +3127,13 @@ const oi = /* @__PURE__ */ J(ai, [["__scopeId", "data-v-a27687c9"]]), li = ["ari
     ariaLabel: String
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       class: "joy-filter-bar",
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       h("div", ii, [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ])
     ], 8, li));
   }
@@ -3138,14 +3157,14 @@ const si = /* @__PURE__ */ J(ri, [["__scopeId", "data-v-114f8274"]]), ui = /* @_
     function i() {
       a("filter", n.value);
     }
-    return (l, s) => (f(), g("button", {
+    return (l, s) => (y(), g("button", {
       type: "button",
       class: T(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
       H(F(e.label) + " ", 1),
-      S(l.$slots, "default", {}, void 0, !0),
-      E(o) ? (f(), N(K, {
+      k(l.$slots, "default", {}, void 0, !0),
+      E(o) ? (y(), N(K, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3158,12 +3177,12 @@ const si = /* @__PURE__ */ J(ri, [["__scopeId", "data-v-114f8274"]]), ui = /* @_
 const ci = /* @__PURE__ */ J(ui, [["__scopeId", "data-v-8f87fed1"]]), di = { class: "joy-footer" }, fi = { class: "joy-footer__left" }, yi = { class: "joy-footer__right" }, vi = /* @__PURE__ */ L({
   __name: "VJoyFooter",
   setup(e) {
-    return (t, n) => (f(), g("footer", di, [
+    return (t, n) => (y(), g("footer", di, [
       h("div", fi, [
-        S(t.$slots, "footer-left", {}, void 0, !0)
+        k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
       h("div", yi, [
-        S(t.$slots, "footer-right", {}, void 0, !0)
+        k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
@@ -3180,7 +3199,7 @@ const pi = /* @__PURE__ */ J(vi, [["__scopeId", "data-v-e174785d"]]), mi = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       "aria-hidden": e.visible,
       class: T(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
@@ -3190,7 +3209,7 @@ const pi = /* @__PURE__ */ J(vi, [["__scopeId", "data-v-e174785d"]]), mi = ["ari
         name: "warning-triangle"
       }),
       h("div", null, [
-        S(t.$slots, "default", {}, () => [
+        k(t.$slots, "default", {}, () => [
           H(F(e.noHtmlErrorText), 1)
         ], !0)
       ])
@@ -3226,7 +3245,7 @@ const Ft = /* @__PURE__ */ J(bi, [["__scopeId", "data-v-581fd33b"]]), gi = /* @_
       const l = [n.flex || "1", "0"], s = n.width || i;
       return s && l.push(s), l.join(" ");
     });
-    return t({ flexStyle: o }), (i, l) => (f(), g("div", {
+    return t({ flexStyle: o }), (i, l) => (y(), g("div", {
       "aria-hidden": "true",
       class: T(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ue({
@@ -3267,7 +3286,7 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
     return t({
       scrollOnTop: n,
       hasStepperSlot: i
-    }), (l, s) => (f(), g("div", {
+    }), (l, s) => (y(), g("div", {
       class: T([
         "joy-funnel",
         {
@@ -3278,13 +3297,13 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
     }, [
       h("div", _i, [
         h("div", wi, [
-          S(l.$slots, "funnel-header", {}, void 0, !0)
+          k(l.$slots, "funnel-header", {}, void 0, !0)
         ]),
         h("div", Si, [
-          S(l.$slots, "funnel-stepper", {}, void 0, !0)
+          k(l.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
-      e.hideShapes ? C("", !0) : (f(), g("div", {
+      e.hideShapes ? C("", !0) : (y(), g("div", {
         key: 0,
         class: T(["joy-funnel__shapes", { "joy-funnel__shapes--strategy": e.profile === "strategy" }])
       }, xi, 2)),
@@ -3295,11 +3314,11 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
         h("div", {
           class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          S(l.$slots, "default", {}, void 0, !0)
+          k(l.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
       h("div", Ci, [
-        S(l.$slots, "funnel-footer", {}, void 0, !0)
+        k(l.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3307,12 +3326,12 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
 const $i = /* @__PURE__ */ J(ji, [["__scopeId", "data-v-0abeb951"]]), Vi = { class: "joy-header" }, Ti = { class: "joy-header__left" }, Ii = { class: "joy-header__right" }, Ei = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (f(), g("header", Vi, [
+    return (t, n) => (y(), g("header", Vi, [
       h("div", Ti, [
-        S(t.$slots, "header-left", {}, void 0, !0)
+        k(t.$slots, "header-left", {}, void 0, !0)
       ]),
       h("div", Ii, [
-        S(t.$slots, "header-right", {}, void 0, !0)
+        k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
@@ -3343,7 +3362,7 @@ const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...X
     const n = e, a = V(() => n.icon ? n.icon : pn(n.level));
     return t({
       getRelevantIcon: a
-    }), (o, i) => (f(), g("div", {
+    }), (o, i) => (y(), g("div", {
       class: T([
         "joy-highlight",
         `joy-highlight_${e.level}`,
@@ -3353,15 +3372,15 @@ const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...X
         }
       ])
     }, [
-      e.displayIcon ? (f(), N(K, {
+      e.displayIcon ? (y(), N(K, {
         key: 0,
         name: a.value
       }, null, 8, ["name"])) : C("", !0),
       h("div", Bi, [
-        o.$slots["highlight-title"] ? (f(), g("strong", Ni, [
-          S(o.$slots, "highlight-title", {}, void 0, !0)
+        o.$slots["highlight-title"] ? (y(), g("strong", Ni, [
+          k(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : C("", !0),
-        S(o.$slots, "default", {}, void 0, !0)
+        k(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3389,7 +3408,7 @@ const Fi = /* @__PURE__ */ J(Ji, [["__scopeId", "data-v-45c2fbf4"]]), Pi = ["ari
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("li", {
+    return (t, n) => (y(), g("li", {
       class: T(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
       h("button", {
@@ -3421,28 +3440,28 @@ const Tn = /* @__PURE__ */ J(Oi, [["__scopeId", "data-v-2babb982"]]), Ri = /* @_
       return l.value === u.props.value;
     }
     function c(u) {
-      var y;
-      return ((y = u == null ? void 0 : u.type) == null ? void 0 : y.__name) === "VJoyIndicator";
+      var v;
+      return ((v = u == null ? void 0 : u.type) == null ? void 0 : v.__name) === "VJoyIndicator";
     }
-    function v(u) {
+    function f(u) {
       o("update:modelValue", u.props.value), l.value = u.props.value;
     }
     return ee(
       () => a.modelValue,
-      (u, y) => {
-        u !== y && (l.value = u);
+      (u, v) => {
+        u !== v && (l.value = u);
       }
     ), t({
       indicators: s,
       isSelected: r
-    }), (u, y) => (f(), g("ul", {
+    }), (u, v) => (y(), g("ul", {
       class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (f(!0), g(G, null, Q(s.value, (p) => (f(), N(E(Tn), oe({
+      (y(!0), g(G, null, Q(s.value, (p) => (y(), N(E(Tn), oe({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: r(p),
-        onClick: (d) => v(p)
+        onClick: (d) => f(p)
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
@@ -3477,15 +3496,15 @@ const Di = /* @__PURE__ */ J(Ri, [["__scopeId", "data-v-1bac2aa7"]]), Mi = ["sma
     text: String
   },
   setup(e) {
-    return (t, n) => (f(), N(re(e.tagName), oe({
+    return (t, n) => (y(), N(re(e.tagName), oe({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: R(() => [
-        S(t.$slots, "default", {}, () => [
+        k(t.$slots, "default", {}, () => [
           H(F(e.text), 1)
         ], !0),
-        e.required ? (f(), g("span", zi, "*")) : C("", !0),
-        e.optionalLabel ? (f(), g("span", qi, "- " + F(e.optionalLabel), 1)) : C("", !0)
+        e.required ? (y(), g("span", zi, "*")) : C("", !0),
+        e.optionalLabel ? (y(), g("span", qi, "- " + F(e.optionalLabel), 1)) : C("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -3570,18 +3589,18 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, i = $(), l = $(), s = Fe(), r = ne(), c = $(!1), v = $(!1);
+    const a = n, o = e, i = $(), l = $(), s = Fe(), r = ne(), c = $(!1), f = $(!1);
     Jt(i, o.autofocus);
-    const u = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), y = V(() => r.default && r.default()), p = V(() => {
-      var k, A;
-      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
+    const u = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), v = V(() => r.default && r.default()), p = V(() => {
+      var S, A;
+      return !!((S = l.value) != null && S.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
     }), d = $(o.type), b = V(() => o.type === "password" && !!o.modelValue);
     ea(() => {
       d.value = o.unit ? "number" : o.type;
     });
     function m() {
-      var k;
-      o.readonly || (k = i.value) == null || k.focus();
+      var S;
+      o.readonly || (S = i.value) == null || S.focus();
     }
     const _ = {
       onFocus: () => {
@@ -3590,24 +3609,24 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
       onBlur: () => {
         c.value = !1;
       },
-      onInput: (k) => {
-        let A = k.target.value;
+      onInput: (S) => {
+        let A = S.target.value;
         o.modelModifiers.lazy || a("update:modelValue", A);
       },
-      onChange: (k) => {
-        let A = k.target.value;
+      onChange: (S) => {
+        let A = S.target.value;
         o.modelModifiers.lazy && a("update:modelValue", A);
       },
       clearValue: () => {
         o.disabled || a("update:modelValue", "");
       },
-      togglePassword: (k) => {
-        k.preventDefault(), v.value = !v.value, v.value ? d.value = "text" : d.value = "password";
+      togglePassword: (S) => {
+        S.preventDefault(), f.value = !f.value, f.value ? d.value = "text" : d.value = "password";
       }
     };
     return t({
       focus: m
-    }), (k, A) => (f(), g("div", {
+    }), (S, A) => (y(), g("div", {
       ref_key: "root",
       ref: l,
       class: T([`joy-input--${o.size}`])
@@ -3624,7 +3643,7 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
           }
         ])
       }, [
-        y.value || e.label ? (f(), N(Se, {
+        v.value || e.label ? (y(), N(Se, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -3632,7 +3651,7 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
           size: e.labelSize
         }, {
           default: R(() => [
-            S(k.$slots, "default", {}, () => [
+            k(S.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
@@ -3649,7 +3668,7 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             }
           ])
         }, [
-          h("input", oe(k.$attrs, {
+          h("input", oe(S.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: i,
@@ -3674,7 +3693,7 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             onChange: A[3] || (A[3] = //@ts-ignore
             (...O) => _.onChange && _.onChange(...O))
           }), null, 16, Ui),
-          u.value ? (f(), N(de, {
+          u.value ? (y(), N(de, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -3683,18 +3702,18 @@ const Se = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             icon: "cross",
             onClick: _.clearValue
           }, null, 8, ["onClick"])) : C("", !0),
-          b.value ? (f(), N(K, {
+          b.value ? (y(), N(K, {
             key: 1,
             class: "joy-input--password-icon",
-            name: v.value ? "eye-masked" : "eye",
+            name: f.value ? "eye-masked" : "eye",
             onClick: _.togglePassword
           }, null, 8, ["name", "onClick"])) : C("", !0),
-          e.icon ? (f(), N(K, {
+          e.icon ? (y(), N(K, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
           }, null, 8, ["name"])) : C("", !0),
-          e.unit ? (f(), g("div", {
+          e.unit ? (y(), g("div", {
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
@@ -3722,14 +3741,14 @@ const Yi = /* @__PURE__ */ J(Gi, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["tea
     text: String
   },
   setup(e) {
-    return (t, n) => (f(), g("a", oe({ href: e.href }, t.$attrs, {
+    return (t, n) => (y(), g("a", oe({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (f(), N(K, {
+      e.icon ? (y(), N(K, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : C("", !0),
-      S(t.$slots, "default", {}, () => [
+      k(t.$slots, "default", {}, () => [
         H(F(e.text), 1)
       ], !0)
     ], 16, Xi));
@@ -3757,30 +3776,30 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
   emits: ["selectItem"],
   setup(e, { expose: t, emit: n }) {
     const a = n, o = $(), i = $(0), l = $();
-    function s(y) {
-      y.disabled || a("selectItem", y);
+    function s(v) {
+      v.disabled || a("selectItem", v);
     }
     function r() {
-      var y;
-      return Array.from(((y = o.value) == null ? void 0 : y.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
+      var v;
+      return Array.from(((v = o.value) == null ? void 0 : v.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
     }
-    function c(y) {
-      return y.id || we();
+    function c(v) {
+      return v.id || we();
     }
-    function v() {
-      return r().find((y) => y === document.activeElement);
+    function f() {
+      return r().find((v) => v === document.activeElement);
     }
-    function u(y) {
-      if (v() && y.key === " " && y.preventDefault(), y.key === "Tab" && (l.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) {
-        y.preventDefault();
-        const p = r(), d = v();
+    function u(v) {
+      if (f() && v.key === " " && v.preventDefault(), v.key === "Tab" && (l.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key)) {
+        v.preventDefault();
+        const p = r(), d = f();
         let b = p.indexOf(d);
-        if (y.key === "ArrowDown" ? b++ : y.key === "ArrowUp" ? b-- : y.key === "Home" ? b = 0 : y.key === "End" && (b = p.length - 1), b < 0 && (b = 0), b > p.length - 1)
+        if (v.key === "ArrowDown" ? b++ : v.key === "ArrowUp" ? b-- : v.key === "Home" ? b = 0 : v.key === "End" && (b = p.length - 1), b < 0 && (b = 0), b > p.length - 1)
           return;
         l.value = p[b].id, p[b].focus();
       }
-      if (y.key === "Enter") {
-        const p = v();
+      if (v.key === "Enter") {
+        const p = f();
         if (!p)
           return;
         const d = p.querySelector("a");
@@ -3791,8 +3810,8 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       activeMenuItemId: l,
       getItems: r,
       getItemId: c,
-      getFocusedItem: v
-    }), (y, p) => (f(), g("ul", {
+      getFocusedItem: f
+    }), (v, p) => (y(), g("ul", {
       ref_key: "menu",
       ref: o,
       class: "joy-menu-list joy-menu-list__items",
@@ -3802,7 +3821,7 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       role: "menu",
       onKeydown: u
     }, [
-      (f(!0), g(G, null, Q(e.items, (d) => (f(), g("li", {
+      (y(!0), g(G, null, Q(e.items, (d) => (y(), g("li", {
         id: c(d),
         key: d.label,
         class: T([
@@ -3822,8 +3841,8 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
         onClick: (b) => s(d)
       }, [
         h("div", ar, [
-          S(y.$slots, "menu-item", Te(Ie(d)), () => [
-            d.icon ? (f(), N(K, {
+          k(v.$slots, "menu-item", Te(Ie(d)), () => [
+            d.icon ? (y(), N(K, {
               key: 0,
               name: d.icon
             }, null, 8, ["name"])) : C("", !0),
@@ -3879,11 +3898,11 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
       let r = [...a.value || []];
       s ? r.push(l) : r.splice(r.indexOf(l), 1), n("update:value", r);
     }
-    return (l, s) => (f(), g("fieldset", {
+    return (l, s) => (y(), g("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (f(), N(E(Se), {
+      e.label ? (y(), N(E(Se), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -3896,7 +3915,7 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
         _: 1
       }, 8, ["required", "optional-label", "size"])) : C("", !0),
       h("div", rr, [
-        (f(!0), g(G, null, Q(e.options, (r) => (f(), N(E(Nt), {
+        (y(!0), g(G, null, Q(e.options, (r) => (y(), N(E(Nt), {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -3905,7 +3924,7 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
           "onUpdate:checked": (c) => i(r.value, c)
         }, {
           default: R(() => [
-            S(l.$slots, "checkbox", Te(Ie(r)), () => [
+            k(l.$slots, "checkbox", Te(Ie(r)), () => [
               H(F(r.label), 1)
             ], !0)
           ]),
@@ -3933,7 +3952,7 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (f(), N(de, {
+    return (t, n) => (y(), N(de, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -3978,24 +3997,24 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
     const n = e, a = t, o = V(() => {
-      const v = l.value.length;
-      return l.value[v - 1] !== l.value[v - 2] + 1;
+      const f = l.value.length;
+      return l.value[f - 1] !== l.value[f - 2] + 1;
     }), i = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < vr ? r(2, n.totalPages - 1) : c(n.currentPage));
-    function s(v) {
-      a("update:current-page", v);
+    function s(f) {
+      a("update:current-page", f);
     }
-    function r(v, u) {
-      const y = [];
-      y.push(1);
-      for (let p = v; p <= u; p++)
-        y.push(p);
-      return y.push(n.totalPages), y;
+    function r(f, u) {
+      const v = [];
+      v.push(1);
+      for (let p = f; p <= u; p++)
+        v.push(p);
+      return v.push(n.totalPages), v;
     }
-    function c(v) {
-      let u = v - 2, y = v + 1;
-      return u <= 1 && (u = 2, y = 5), y >= n.totalPages && (y = n.totalPages - 1, u = y - 3), r(u, y);
+    function c(f) {
+      let u = f - 2, v = f + 1;
+      return u <= 1 && (u = 2, v = 5), v >= n.totalPages && (v = n.totalPages - 1, u = v - 3), r(u, v);
     }
-    return (v, u) => (f(), g("nav", {
+    return (f, u) => (y(), g("nav", {
       role: "navigation",
       "aria-label": e.labelPagination,
       class: "joy-pagination",
@@ -4003,37 +4022,37 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
     }, [
       h("ul", null, [
         h("li", dr, [
-          S(v.$slots, "pagination-prev", {}, () => [
+          k(f.$slots, "pagination-prev", {}, () => [
             Y(an, {
               label: e.labelPrev,
               disabled: e.currentPage === 1,
-              onClick: u[0] || (u[0] = (y) => s(e.currentPage - 1))
+              onClick: u[0] || (u[0] = (v) => s(e.currentPage - 1))
             }, null, 8, ["label", "disabled"])
           ], !0)
         ]),
         h("li", null, [
           h("ul", null, [
-            (f(!0), g(G, null, Q(l.value, (y) => (f(), g("li", { key: y }, [
+            (y(!0), g(G, null, Q(l.value, (v) => (y(), g("li", { key: v }, [
               h("button", {
                 type: "button",
-                "aria-current": y === e.currentPage ? "true" : "false",
+                "aria-current": v === e.currentPage ? "true" : "false",
                 class: T({
-                  current: y === e.currentPage,
-                  "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && y === 1 && i.value,
-                  "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && y === e.totalPages && o.value
+                  current: v === e.currentPage,
+                  "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && v === 1 && i.value,
+                  "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && v === e.totalPages && o.value
                 }),
-                onClick: (p) => s(y)
-              }, F(y), 11, fr)
+                onClick: (p) => s(v)
+              }, F(v), 11, fr)
             ]))), 128))
           ])
         ]),
         h("li", yr, [
-          S(v.$slots, "pagination-next", {}, () => [
+          k(f.$slots, "pagination-next", {}, () => [
             Y(an, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages,
-              onClick: u[1] || (u[1] = (y) => s(e.currentPage + 1))
+              onClick: u[1] || (u[1] = (v) => s(e.currentPage + 1))
             }, null, 8, ["label", "disabled"])
           ], !0)
         ])
@@ -4088,7 +4107,7 @@ const mr = /* @__PURE__ */ J(pr, [["__scopeId", "data-v-ca6b555e"]]), br = ["sma
   },
   setup(e) {
     const t = Ue("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = ne(), o = $(), i = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
-    return (l, s) => (f(), g("section", {
+    return (l, s) => (y(), g("section", {
       ref_key: "panel",
       ref: o,
       style: ue({ flex: e.flex }),
@@ -4101,33 +4120,33 @@ const mr = /* @__PURE__ */ J(pr, [["__scopeId", "data-v-ca6b555e"]]), br = ["sma
         }
       ])
     }, [
-      i.value ? (f(), g("header", hr, [
-        E(a)["panel-title"] ? (f(), g("div", {
+      i.value ? (y(), g("header", hr, [
+        E(a)["panel-title"] ? (y(), g("div", {
           key: 0,
           class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          S(l.$slots, "panel-title", {}, void 0, !0)
+          k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : C("", !0),
-        E(a)["panel-title-action"] ? (f(), g("div", _r, [
-          S(l.$slots, "panel-title-action", {}, void 0, !0)
+        E(a)["panel-title-action"] ? (y(), g("div", _r, [
+          k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : C("", !0),
-        E(a)["panel-subtitle"] ? (f(), g("div", wr, [
-          S(l.$slots, "panel-subtitle", {}, void 0, !0)
+        E(a)["panel-subtitle"] ? (y(), g("div", wr, [
+          k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : C("", !0)
       ])) : C("", !0),
       h("div", Sr, [
-        S(l.$slots, "panel-body", {}, void 0, !0)
+        k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      E(a)["panel-action"] ? (f(), g("footer", kr, [
-        S(l.$slots, "panel-action", {}, void 0, !0)
+      E(a)["panel-action"] ? (y(), g("footer", kr, [
+        k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : C("", !0),
-      e.loading ? (f(), N(E(Pt), {
+      e.loading ? (y(), N(E(Pt), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
         content: R(() => [
-          S(l.$slots, "panel-loader-content", {}, void 0, !0)
+          k(l.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : C("", !0)
@@ -4144,12 +4163,12 @@ const Cr = /* @__PURE__ */ J(xr, [["__scopeId", "data-v-4a8b703c"]]), jr = { cla
   __name: "VJoyPanelSection",
   setup(e) {
     const t = ne();
-    return (n, a) => (f(), g("div", jr, [
-      E(t)["panel-section-title"] ? (f(), g("div", $r, [
-        S(n.$slots, "panel-section-title", {}, void 0, !0)
+    return (n, a) => (y(), g("div", jr, [
+      E(t)["panel-section-title"] ? (y(), g("div", $r, [
+        k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : C("", !0),
-      E(t)["panel-section-content"] ? (f(), g("div", Vr, [
-        S(n.$slots, "panel-section-content", {}, void 0, !0)
+      E(t)["panel-section-content"] ? (y(), g("div", Vr, [
+        k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : C("", !0)
     ]));
   }
@@ -4188,7 +4207,7 @@ const Ir = /* @__PURE__ */ J(Tr, [["__scopeId", "data-v-d88510ab"]]), Er = { cla
     return t({
       computeInnerWidth: o,
       computedPercentage: a
-    }), (l, s) => (f(), g("div", Er, [
+    }), (l, s) => (y(), g("div", Er, [
       h("div", {
         class: T(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
         style: ue({ width: o.value })
@@ -4232,11 +4251,11 @@ const Ar = /* @__PURE__ */ J(Lr, [["__scopeId", "data-v-1b2b3de8"]]), Br = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, i = $(!1), l = $(!1), s = $(null), r = $(null), c = ne(), v = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const a = n, o = e, i = $(!1), l = $(!1), s = $(null), r = $(null), c = ne(), f = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
-      i.value = !!c["expandable-content"] && v.value;
+      i.value = !!c["expandable-content"] && f.value;
     }
-    function y() {
+    function v() {
       a("update:modelValue", o.value), u();
     }
     se(() => {
@@ -4254,16 +4273,16 @@ const Ar = /* @__PURE__ */ J(Lr, [["__scopeId", "data-v-1b2b3de8"]]), Br = ["id"
         u();
       }
     ), t({
-      checked: v,
+      checked: f,
       isExpanded: i
-    }), (b, m) => (f(), g("label", {
+    }), (b, m) => (y(), g("label", {
       ref_key: "root",
       ref: s,
       class: T([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
-          "joy-radio--checked": v.value,
+          "joy-radio--checked": f.value,
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
           "joy-radio--outline-focus": l.value && e.theme === "outline",
@@ -4275,27 +4294,27 @@ const Ar = /* @__PURE__ */ J(Lr, [["__scopeId", "data-v-1b2b3de8"]]), Br = ["id"
         id: e.id,
         type: "radio",
         value: e.value,
-        checked: v.value,
+        checked: f.value,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: y,
+        onChange: v,
         onFocus: p,
         onBlur: d
       }, null, 40, Br),
       h("span", Nr, [
-        S(b.$slots, "default", {}, void 0, !0)
+        k(b.$slots, "default", {}, void 0, !0)
       ]),
       h("div", Jr, [
         h("div", Fr, [
-          S(b.$slots, "radio-content", {}, void 0, !0)
+          k(b.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
           ref_key: "expandableElement",
           ref: r,
           class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          S(b.$slots, "expandable-content", {}, void 0, !0)
+          k(b.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
@@ -4322,18 +4341,18 @@ const Or = /* @__PURE__ */ J(Pr, [["__scopeId", "data-v-dd46e26a"]]), Rr = ["for
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("fieldset", {
+    return (t, n) => (y(), g("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      S(t.$slots, "radio-group-legend", {}, void 0, !0),
+      k(t.$slots, "radio-group-legend", {}, void 0, !0),
       h("div", {
         class: T(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Rr));
   }
@@ -4363,27 +4382,27 @@ const Mr = /* @__PURE__ */ J(Dr, [["__scopeId", "data-v-a77e7f95"]]), zr = ["ari
     });
     return t({
       setStars: o
-    }), (i, l) => (f(), g("div", {
+    }), (i, l) => (y(), g("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
       ariaLabel: E(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       h("ul", qr, [
-        (f(!0), g(G, null, Q(o.value, (s, r) => (f(), g("li", {
+        (y(!0), g(G, null, Q(o.value, (s, r) => (y(), g("li", {
           key: r,
           class: T([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (f(), N(K, {
+          s === "full" ? (y(), N(K, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (f(), N(K, {
+          })) : s === "half" ? (y(), N(K, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (f(), N(K, {
+          })) : (y(), N(K, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -4392,8 +4411,8 @@ const Mr = /* @__PURE__ */ J(Dr, [["__scopeId", "data-v-a77e7f95"]]), zr = ["ari
         ], 2))), 128))
       ]),
       h("div", Hr, [
-        S(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (f(), g("span", Wr, "(" + F(e.reviewCount) + ")", 1)) : C("", !0)
+        k(i.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (y(), g("span", Wr, "(" + F(e.reviewCount) + ")", 1)) : C("", !0)
         ], !0)
       ])
     ], 8, zr));
@@ -4417,17 +4436,17 @@ const In = /* @__PURE__ */ J(Ur, [["__scopeId", "data-v-c9a5e140"]]), Kr = { cla
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       class: T(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       h("div", Kr, [
-        S(t.$slots, "spinner", {}, () => [
+        k(t.$slots, "spinner", {}, () => [
           Y(Et, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (f(), g("div", Gr, [
-          S(t.$slots, "content", {}, void 0, !0)
+        t.$slots.content ? (y(), g("div", Gr, [
+          k(t.$slots, "content", {}, void 0, !0)
         ])) : C("", !0)
       ])
     ], 2));
@@ -4484,10 +4503,10 @@ const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-1112514f"]]), Zr = ["id"
         if (s(_))
           m.push(_);
         else {
-          const k = _.children;
-          if (typeof k == "string" || !k.length)
+          const S = _.children;
+          if (typeof S == "string" || !S.length)
             return;
-          const A = k.filter(s);
+          const A = S.filter(s);
           m = [...m, ...A];
         }
       }), m;
@@ -4495,7 +4514,7 @@ const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-1112514f"]]), Zr = ["id"
     function s(b) {
       return (b == null ? void 0 : b.type) === "option";
     }
-    const r = $(), c = $(), v = $(!1), u = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const r = $(), c = $(), f = $(!1), u = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     se(() => {
       var _;
       const b = i["select-label"] && i["select-label"]();
@@ -4503,32 +4522,32 @@ const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-1112514f"]]), Zr = ["id"
         return;
       const m = b[0];
       if (m.type === "JoyLabel") {
-        const k = (_ = m.props) == null ? void 0 : _.for;
-        if (!k) {
+        const S = (_ = m.props) == null ? void 0 : _.for;
+        if (!S) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        S !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
-    function y(b) {
+    function v(b) {
       const m = b.target.value;
       o("update:modelValue", m);
     }
     function p() {
-      v.value = !0;
+      f.value = !0;
     }
     function d() {
-      v.value = !1;
+      f.value = !1;
     }
     return t({
       select: c
-    }), (b, m) => (f(), g("div", {
+    }), (b, m) => (y(), g("div", {
       ref_key: "root",
       ref: r
     }, [
-      S(b.$slots, "select-label", {}, () => [
-        e.label ? (f(), N(Se, {
+      k(b.$slots, "select-label", {}, () => [
+        e.label ? (y(), N(Se, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -4548,7 +4567,7 @@ const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-1112514f"]]), Zr = ["id"
             "joy-select__wrapper": !0,
             "joy-select--invalid": e.invalid,
             "joy-select--disabled": e.disabled,
-            "joy-select--focusing": v.value
+            "joy-select--focusing": f.value
           }
         ])
       }, [
@@ -4561,14 +4580,14 @@ const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-1112514f"]]), Zr = ["id"
           "aria-invalid": e.invalid,
           required: e.required,
           disabled: e.disabled,
-          onChange: y,
+          onChange: v,
           onFocus: p,
           onBlur: d
         }, [
-          (f(!0), g(G, null, Q(l.value, (_) => {
-            var k, A;
-            return f(), g("option", oe({
-              key: (k = _.props) == null ? void 0 : k.value
+          (y(!0), g(G, null, Q(l.value, (_) => {
+            var S, A;
+            return y(), g("option", oe({
+              key: (S = _.props) == null ? void 0 : S.value
             }, _.props, {
               selected: ((A = _.props) == null ? void 0 : A.value) === e.modelValue
             }), F(_.children), 17, Xr);
@@ -4631,8 +4650,8 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
       onClick: () => {
         a.checked && !a.multiple && n("update:checked", "");
       },
-      onLabelClick: (v) => {
-        a.multiple || v.stopPropagation();
+      onLabelClick: (f) => {
+        a.multiple || f.stopPropagation();
       },
       onFocus: () => {
         l.value = !0;
@@ -4641,10 +4660,10 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
         l.value = !1;
       }
     };
-    function c(v) {
-      n("update:checked", v);
+    function c(f) {
+      n("update:checked", f);
     }
-    return (v, u) => (f(), g("div", {
+    return (f, u) => (y(), g("div", {
       class: T([
         "joy-selectable-item__wrapper",
         {
@@ -4653,9 +4672,9 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
       ]),
       "aria-disabled": e.disabled,
       onClick: u[4] || (u[4] = //@ts-ignore
-      (...y) => r.onClick && r.onClick(...y))
+      (...v) => r.onClick && r.onClick(...v))
     }, [
-      e.multiple ? C("", !0) : (f(), g("input", {
+      e.multiple ? C("", !0) : (y(), g("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
@@ -4667,13 +4686,13 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
         required: e.required,
         name: e.name,
         onChange: u[0] || (u[0] = //@ts-ignore
-        (...y) => r.onRadioChange && r.onRadioChange(...y)),
+        (...v) => r.onRadioChange && r.onRadioChange(...v)),
         onFocus: u[1] || (u[1] = //@ts-ignore
-        (...y) => r.onFocus && r.onFocus(...y)),
+        (...v) => r.onFocus && r.onFocus(...v)),
         onBlur: u[2] || (u[2] = //@ts-ignore
-        (...y) => r.onBlur && r.onBlur(...y))
+        (...v) => r.onBlur && r.onBlur(...v))
       }, null, 40, ns)),
-      (f(), N(re(E(s)), {
+      (y(), N(re(E(s)), {
         for: e.id,
         class: T([
           "joy-selectable-item",
@@ -4687,12 +4706,12 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
         onClick: r.onLabelClick
       }, {
         default: R(() => [
-          e.multiple ? (f(), N(E(Nt), {
+          e.multiple ? (y(), N(E(Nt), {
             key: 0,
             id: e.id,
             checked: o.value,
             "onUpdate:checked": [
-              u[3] || (u[3] = (y) => o.value = y),
+              u[3] || (u[3] = (v) => o.value = v),
               c
             ],
             disabled: e.disabled,
@@ -4704,17 +4723,17 @@ const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["ari
             onBlur: r.onBlur
           }, {
             default: R(() => [
-              S(v.$slots, "default", {}, void 0, !0)
+              k(f.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : C("", !0),
           h("div", as, [
-            e.multiple ? C("", !0) : S(v.$slots, "default", { key: 0 }, void 0, !0)
+            e.multiple ? C("", !0) : k(f.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
-            class: T([{ "joy-selectable-item__sublabel": v.$slots["selectable-item-sublabel"] }])
+            class: T([{ "joy-selectable-item__sublabel": f.$slots["selectable-item-sublabel"] }])
           }, [
-            S(v.$slots, "selectable-item-sublabel", {}, () => [
+            k(f.$slots, "selectable-item-sublabel", {}, () => [
               H(F(e.subLabel), 1)
             ], !0)
           ], 2)
@@ -4775,11 +4794,11 @@ const En = /* @__PURE__ */ J(os, [["__scopeId", "data-v-a9411119"]]), ls = ["id"
       let r = [...a.value || []];
       s && typeof s == "boolean" ? r.push(l) : r.splice(r.indexOf(l), 1), n("update:value", r);
     }
-    return (l, s) => (f(), g("fieldset", {
+    return (l, s) => (y(), g("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (f(), N(E(Se), {
+      e.label ? (y(), N(E(Se), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4801,7 +4820,7 @@ const En = /* @__PURE__ */ J(os, [["__scopeId", "data-v-a9411119"]]), ls = ["id"
           }
         ])
       }, [
-        (f(!0), g(G, null, Q(e.options, (r) => (f(), N(E(En), oe(r.attrs, {
+        (y(!0), g(G, null, Q(e.options, (r) => (y(), N(E(En), oe(r.attrs, {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -4812,7 +4831,7 @@ const En = /* @__PURE__ */ J(os, [["__scopeId", "data-v-a9411119"]]), ls = ["id"
           "onUpdate:checked": (c) => i(r.value, c)
         }), fn({
           default: R(() => [
-            S(l.$slots, "item", Te(Ie(r)), () => [
+            k(l.$slots, "item", Te(Ie(r)), () => [
               H(F(r.label), 1)
             ], !0)
           ]),
@@ -4843,7 +4862,7 @@ const rs = /* @__PURE__ */ J(is, [["__scopeId", "data-v-2cbfc306"]]), ss = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (f(), g("div", {
+    return (t, n) => (y(), g("div", {
       class: T(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       h("span", null, F(e.text), 1)
@@ -4906,14 +4925,14 @@ const us = /* @__PURE__ */ J(ss, [["__scopeId", "data-v-21db2899"]]), cs = { cla
     function c() {
       o && clearTimeout(o), i && clearTimeout(i);
     }
-    function v() {
+    function f() {
       var b;
       u(), (b = n.bus) == null || b.emit("snackbar:hide");
     }
     function u() {
       a.value = !1;
     }
-    function y() {
+    function v() {
       o = setTimeout(u, n.duration), p();
     }
     function p() {
@@ -4924,17 +4943,17 @@ const us = /* @__PURE__ */ J(ss, [["__scopeId", "data-v-21db2899"]]), cs = { cla
     }
     se(() => {
       var b;
-      (b = n.bus) == null || b.emit("snackbar:show"), typeof n.duration == "number" && y();
+      (b = n.bus) == null || b.emit("snackbar:show"), typeof n.duration == "number" && v();
     });
     const d = {
-      destroySnackbarAfterTimeout: y
+      destroySnackbarAfterTimeout: v
     };
     return ta(() => {
       c();
     }), t({
       isOpen: a,
       exposedMethods: d
-    }), (b, m) => (f(), g("div", {
+    }), (b, m) => (y(), g("div", {
       class: T(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
@@ -4948,22 +4967,22 @@ const us = /* @__PURE__ */ J(ss, [["__scopeId", "data-v-21db2899"]]), cs = { cla
           Y(E(K), { name: s.value }, null, 8, ["name"])
         ]),
         h("div", ds, [
-          e.header ? (f(), g("strong", fs, F(e.header), 1)) : C("", !0),
+          e.header ? (y(), g("strong", fs, F(e.header), 1)) : C("", !0),
           h("span", { innerHTML: e.message }, null, 8, ys),
-          e.actionText ? (f(), g("p", {
+          e.actionText ? (y(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: r
           }, F(e.actionText), 1)) : C("", !0)
         ]),
-        e.closable ? (f(), N(E(de), {
+        e.closable ? (y(), N(E(de), {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
           icon: "cross",
           size: "xsmall",
           variant: "ghost",
-          onClick: v
+          onClick: f
         })) : C("", !0)
       ], 2)
     ], 2));
@@ -5001,7 +5020,7 @@ const Ln = /* @__PURE__ */ J(vs, [["__scopeId", "data-v-e9634d00"]]), ps = ["id"
     }
     return ee(() => a.subSteps, r), t({
       progress: l
-    }), (c, v) => (f(), g("div", {
+    }), (c, f) => (y(), g("div", {
       id: e.id,
       class: T([
         "joy-step",
@@ -5019,7 +5038,7 @@ const Ln = /* @__PURE__ */ J(vs, [["__scopeId", "data-v-e9634d00"]]), ps = ["id"
         }, null, 4)
       ]),
       h("span", bs, [
-        S(c.$slots, "default", {}, void 0, !0)
+        k(c.$slots, "default", {}, void 0, !0)
       ])
     ], 10, ps));
   }
@@ -5042,29 +5061,29 @@ const An = /* @__PURE__ */ J(gs, [["__scopeId", "data-v-7b9e5926"]]), hs = { cla
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(i) : u.filter(i);
     });
     function i(u) {
-      var y;
-      return ((y = u == null ? void 0 : u.type) == null ? void 0 : y.__name) === "VJoyStep";
+      var v;
+      return ((v = u == null ? void 0 : u.type) == null ? void 0 : v.__name) === "VJoyStep";
     }
     const l = V(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), s = V(() => !r.value && l.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), r = V(() => s.value && l.value.props ? l.value.props["sub-steps"] : n.subStep), c = V(() => l.value.props === null ? l.value.type.props.subSteps.default : l.value.props["sub-steps"]);
-    function v(u) {
+    function f(u) {
       return u !== n.step - 1 ? 0 : r.value;
     }
     return t({
       currentItemSubStep: r,
       steps: o,
       invalidSubStepValue: s
-    }), (u, y) => (f(), g("div", hs, [
-      (f(!0), g(G, null, Q(o.value, (p, d) => {
+    }), (u, v) => (y(), g("div", hs, [
+      (y(!0), g(G, null, Q(o.value, (p, d) => {
         var b;
-        return f(), N(E(An), oe(p.props, {
+        return y(), N(E(An), oe(p.props, {
           key: (b = p.props) == null ? void 0 : b.id,
           completed: d < e.step - 1,
-          "current-sub-step": v(d)
+          "current-sub-step": f(d)
         }), {
           default: R(() => {
             var m;
             return [
-              (m = p.children) != null && m.default ? (f(), N(re(p.children.default), { key: 0 })) : C("", !0)
+              (m = p.children) != null && m.default ? (y(), N(re(p.children.default), { key: 0 })) : C("", !0)
             ];
           }),
           _: 2
@@ -5105,7 +5124,7 @@ const ws = /* @__PURE__ */ J(_s, [["__scopeId", "data-v-f3d35d3e"]]), Ss = ["id"
   },
   setup(e) {
     const t = e, n = Ue("VJoyTabs", $("")), a = V(() => n.value === t.tab);
-    return (o, i) => (f(), g("div", {
+    return (o, i) => (y(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
@@ -5115,7 +5134,7 @@ const ws = /* @__PURE__ */ J(_s, [["__scopeId", "data-v-f3d35d3e"]]), Ss = ["id"
         "joy-tab__selected": a.value
       })
     }, [
-      S(o.$slots, "default", {}, void 0, !0)
+      k(o.$slots, "default", {}, void 0, !0)
     ], 10, Ss));
   }
 });
@@ -5170,7 +5189,7 @@ const xs = /* @__PURE__ */ J(ks, [["__scopeId", "data-v-a76a7c92"]]), Cs = ["id"
     function o(i) {
       (i.code === "Enter" || i.code === "NumpadEnter") && n("changeTab");
     }
-    return (i, l) => (f(), g("a", {
+    return (i, l) => (y(), g("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
@@ -5188,10 +5207,10 @@ const xs = /* @__PURE__ */ J(ks, [["__scopeId", "data-v-a76a7c92"]]), Cs = ["id"
       }, [
         h("button", js, [
           h("div", null, [
-            S(i.$slots, "default", {}, () => [
+            k(i.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0),
-            e.notification ? (f(), g("div", $s)) : C("", !0)
+            e.notification ? (y(), g("div", $s)) : C("", !0)
           ])
         ])
       ], 2)
@@ -5210,11 +5229,11 @@ const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { cla
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, i = ne(), l = $(a.selectedTab);
     It("VJoyTabs", l);
-    const s = $(null), r = $(null), c = $(!1), v = $(!1), u = V(() => {
+    const s = $(null), r = $(null), c = $(!1), f = $(!1), u = V(() => {
       const m = i.default();
-      return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(y) : m.filter(y);
+      return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(v) : m.filter(v);
     });
-    function y(m) {
+    function v(m) {
       var _;
       return ((_ = m == null ? void 0 : m.type) == null ? void 0 : _.__name) === "VJoyTab";
     }
@@ -5222,7 +5241,7 @@ const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { cla
       return m.props.tab === l.value;
     }
     function d() {
-      r.value && s.value && r.value.scrollWidth > s.value.offsetWidth ? (v.value = r.value.scrollLeft > 0, c.value = r.value.scrollLeft + s.value.offsetWidth < r.value.scrollWidth) : (v.value = !1, c.value = !1);
+      r.value && s.value && r.value.scrollWidth > s.value.offsetWidth ? (f.value = r.value.scrollLeft > 0, c.value = r.value.scrollLeft + s.value.offsetWidth < r.value.scrollWidth) : (f.value = !1, c.value = !1);
     }
     function b(m, _ = !0) {
       m && _ && (l.value = m, o("update:selected-tab", m));
@@ -5241,14 +5260,14 @@ const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { cla
       (m = r.value) == null || m.removeEventListener("scroll", d);
     }), t({
       tabs: u
-    }), (m, _) => (f(), g("div", Is, [
+    }), (m, _) => (y(), g("div", Is, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: s,
         class: T({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": c.value,
-          "joy-tabs-buttons__wrapper--scroll-start": v.value
+          "joy-tabs-buttons__wrapper--scroll-start": f.value
         })
       }, [
         h("div", {
@@ -5257,21 +5276,21 @@ const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (f(!0), g(G, null, Q(u.value, (k) => (f(), g("div", {
-            key: k.props.tab
+          (y(!0), g(G, null, Q(u.value, (S) => (y(), g("div", {
+            key: S.props.tab
           }, [
             Y(Ts, {
-              tab: k.props.tab,
-              label: k.props.label,
-              href: k.props.href,
-              notification: k.props.notification,
-              selected: p(k),
-              onChangeTab: (A) => b(k.props.tab, !k.props.href)
+              tab: S.props.tab,
+              label: S.props.label,
+              href: S.props.href,
+              notification: S.props.notification,
+              selected: p(S),
+              onChangeTab: (A) => b(S.props.tab, !S.props.href)
             }, {
               default: R(() => {
                 var A;
                 return [
-                  (A = k.children) != null && A.header ? (f(), N(re(k.children.header), { key: 0 })) : C("", !0)
+                  (A = S.children) != null && A.header ? (y(), N(re(S.children.header), { key: 0 })) : C("", !0)
                 ];
               }),
               _: 2
@@ -5280,7 +5299,7 @@ const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { cla
         ], 512)
       ], 2),
       h("div", null, [
-        S(m.$slots, "default", {}, void 0, !0)
+        k(m.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -5314,14 +5333,14 @@ const Ls = /* @__PURE__ */ J(Es, [["__scopeId", "data-v-ff85775b"]]), As = ["id"
     function s() {
       a("click"), o.selectable && n.includes(o.variant) && a("selected", { selected: !o.selected, value: o.value });
     }
-    return (r, c) => (f(), g("span", {
+    return (r, c) => (y(), g("span", {
       id: r.value.toString(),
       class: T([i.value]),
       role: r.link || r.selectable ? "button" : void 0,
       onClick: s
     }, [
-      S(r.$slots, "default", {}, () => [
-        r.draggable ? (f(), N(K, {
+      k(r.$slots, "default", {}, () => [
+        r.draggable ? (y(), N(K, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -5329,7 +5348,7 @@ const Ls = /* @__PURE__ */ J(Es, [["__scopeId", "data-v-ff85775b"]]), As = ["id"
         })) : C("", !0),
         H(" " + F(r.label), 1)
       ], !0),
-      r.removable ? (f(), N(K, {
+      r.removable ? (y(), N(K, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -5369,9 +5388,9 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, i = $(a.modelValue), l = $(!1), s = $(null), r = $(a.invalid), c = $(null), v = V(() => a.validation === "email"), u = V(() => v.value && c.value === "INVALID_EMAIL" && !!a.invalidEmailError), y = V(() => c.value === "DUPLICATED_ENTRY" && !!a.duplicationError), p = V(() => r.value && (!!u.value || !!y.value));
+    const a = e, o = n, i = $(a.modelValue), l = $(!1), s = $(null), r = $(a.invalid), c = $(null), f = V(() => a.validation === "email"), u = V(() => f.value && c.value === "INVALID_EMAIL" && !!a.invalidEmailError), v = V(() => c.value === "DUPLICATED_ENTRY" && !!a.duplicationError), p = V(() => r.value && (!!u.value || !!v.value));
     function d() {
-      v.value && r.value === !0 && (c.value = Me.INVALID_EMAIL);
+      f.value && r.value === !0 && (c.value = Me.INVALID_EMAIL);
     }
     function b() {
       var D;
@@ -5386,7 +5405,7 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
         if (j.preventDefault(), I(), b()) {
           o("validation:error", Me.DUPLICATED_ENTRY);
           return;
-        } else if ((D = s.value) != null && D.value && !on(s.value.value) && v.value) {
+        } else if ((D = s.value) != null && D.value && !on(s.value.value) && f.value) {
           o("validation:error", Me.INVALID_EMAIL);
           return;
         }
@@ -5398,7 +5417,7 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
         i.value.pop(), o("update:modelValue", i.value), I();
       }
     }
-    function k() {
+    function S() {
       l.value = !0;
     }
     function A() {
@@ -5411,7 +5430,7 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
     function P() {
       var D, U;
       let j = !1;
-      if (v.value) {
+      if (f.value) {
         let X = i.value;
         (D = s.value) != null && D.value && (X = [...X, (U = s.value) == null ? void 0 : U.value]), j = !on(X);
       }
@@ -5429,14 +5448,14 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
     ), t({
       isInvalid: r,
       hasDuplicates: b
-    }), (j, D) => (f(), g("div", Ns, [
-      j.$slots.default ? (f(), N(Se, {
+    }), (j, D) => (y(), g("div", Ns, [
+      j.$slots.default ? (y(), N(Se, {
         key: 0,
         id: j.name,
         class: "joy-tags-input__label"
       }, {
         default: R(() => [
-          S(j.$slots, "default", {}, void 0, !0)
+          k(j.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : C("", !0),
@@ -5449,7 +5468,7 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
           }
         ])
       }, [
-        (f(!0), g(G, null, Q(i.value, (U) => (f(), N(Ot, {
+        (y(!0), g(G, null, Q(i.value, (U) => (y(), N(Ot, {
           key: U,
           variant: j.variant,
           removable: !0,
@@ -5459,7 +5478,7 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
           onRemove: O
         }, {
           default: R(() => [
-            S(j.$slots, "tag", Te(Ie({ name: U })), void 0, !0)
+            k(j.$slots, "tag", Te(Ie({ name: U })), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -5471,18 +5490,18 @@ const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
           name: j.name,
           placeholder: j.placeholder,
           onKeydown: _,
-          onFocus: k,
+          onFocus: S,
           onBlur: A
         }, null, 40, Js)
       ], 2),
-      p.value ? (f(), N(Ft, {
+      p.value ? (y(), N(Ft, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: R(() => [
           h("ul", null, [
-            y.value ? (f(), g("li", Fs, F(j.duplicationError), 1)) : C("", !0),
-            u.value ? (f(), g("li", Ps, F(j.invalidEmailError), 1)) : C("", !0)
+            v.value ? (y(), g("li", Fs, F(j.duplicationError), 1)) : C("", !0),
+            u.value ? (y(), g("li", Ps, F(j.invalidEmailError), 1)) : C("", !0)
           ])
         ]),
         _: 1
@@ -5527,8 +5546,8 @@ const Rs = /* @__PURE__ */ J(Os, [["__scopeId", "data-v-82308363"]]), Ds = /* @_
   setup(e, { emit: t }) {
     const n = t, a = e;
     function o(c) {
-      var v;
-      return a.removable ? !1 : (v = a.modelValue) == null ? void 0 : v.includes(c.value);
+      var f;
+      return a.removable ? !1 : (f = a.modelValue) == null ? void 0 : f.includes(c.value);
     }
     function i(c) {
       return !a.modelValue || a.removable || c.removable ? !1 : c.selectable !== void 0 ? c.selectable : a.selectable;
@@ -5536,17 +5555,17 @@ const Rs = /* @__PURE__ */ J(Os, [["__scopeId", "data-v-82308363"]]), Ds = /* @_
     function l(c) {
       return c.removable !== void 0 ? c.removable : a.removable;
     }
-    function s(c, v) {
+    function s(c, f) {
       let u = [];
-      c.selected && !o(v) ? u = [...a.modelValue || [], v.value] : u = (a.modelValue || []).filter((y) => y !== v.value), n("update:modelValue", u);
+      c.selected && !o(f) ? u = [...a.modelValue || [], f.value] : u = (a.modelValue || []).filter((v) => v !== f.value), n("update:modelValue", u);
     }
     function r(c) {
       n("removeTag", c.value);
     }
-    return (c, v) => (f(), g("div", {
+    return (c, f) => (y(), g("div", {
       class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (f(!0), g(G, null, Q(e.tags, (u) => (f(), N(Ot, oe({
+      (y(!0), g(G, null, Q(e.tags, (u) => (y(), N(Ot, oe({
         key: u.value || u.label
       }, u, {
         selectable: i(u),
@@ -5554,10 +5573,10 @@ const Rs = /* @__PURE__ */ J(Os, [["__scopeId", "data-v-82308363"]]), Ds = /* @_
         variant: u.variant ? u.variant : e.variant,
         selected: o(u),
         onRemove: r,
-        onSelected: (y) => s(y, u)
+        onSelected: (v) => s(v, u)
       }), {
         default: R(() => [
-          S(c.$slots, "tag", Te(Ie({
+          k(c.$slots, "tag", Te(Ie({
             ...u,
             selectable: i(u),
             selected: o(u),
@@ -5576,7 +5595,7 @@ const zs = {}, qs = {
   Hs
 ];
 function Us(e, t) {
-  return f(), g("div", qs, Ws);
+  return y(), g("div", qs, Ws);
 }
 const Bn = /* @__PURE__ */ J(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Ks = { class: "joy-template__wrapper" }, Gs = {
   key: 0,
@@ -5619,25 +5638,25 @@ const Bn = /* @__PURE__ */ J(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
   },
   setup(e) {
     const t = e, n = ne(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
-    return (o, i) => (f(), g("main", {
+    return (o, i) => (y(), g("main", {
       class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (f(), N(Bn, { key: 0 })) : C("", !0),
+      e.shapes ? (y(), N(Bn, { key: 0 })) : C("", !0),
       h("div", Ks, [
-        a.value ? (f(), g("div", Gs, [
-          E(n)["template-back"] ? (f(), g("div", Ys, [
-            S(o.$slots, "template-back", {}, void 0, !0)
+        a.value ? (y(), g("div", Gs, [
+          E(n)["template-back"] ? (y(), g("div", Ys, [
+            k(o.$slots, "template-back", {}, void 0, !0)
           ])) : C("", !0),
           h("div", Zs, [
-            E(n)["template-title"] ? (f(), g("div", Xs, [
-              S(o.$slots, "template-title", {}, void 0, !0)
+            E(n)["template-title"] ? (y(), g("div", Xs, [
+              k(o.$slots, "template-title", {}, void 0, !0)
             ])) : C("", !0),
-            E(n)["template-subtitle"] ? (f(), g("div", Qs, [
-              S(o.$slots, "template-subtitle", {}, void 0, !0)
+            E(n)["template-subtitle"] ? (y(), g("div", Qs, [
+              k(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : C("", !0)
           ]),
-          E(n)["template-actions"] ? (f(), g("div", eu, [
-            S(o.$slots, "template-actions", {}, void 0, !0)
+          E(n)["template-actions"] ? (y(), g("div", eu, [
+            k(o.$slots, "template-actions", {}, void 0, !0)
           ])) : C("", !0)
         ])) : C("", !0),
         h("div", {
@@ -5648,21 +5667,21 @@ const Bn = /* @__PURE__ */ J(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (f(), g("div", tu, [
-            S(o.$slots, "template-main", {}, void 0, !0)
+          o.$slots["template-main"] ? (y(), g("div", tu, [
+            k(o.$slots, "template-main", {}, void 0, !0)
           ])) : C("", !0),
-          o.$slots["template-sidebar"] ? (f(), g("div", nu, [
-            S(o.$slots, "template-sidebar", {}, void 0, !0)
+          o.$slots["template-sidebar"] ? (y(), g("div", nu, [
+            k(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : C("", !0)
         ], 2)
       ]),
-      e.loading ? (f(), N(Pt, {
+      e.loading ? (y(), N(Pt, {
         key: 1,
         overlay: "",
         color: e.loadingColor
       }, {
         content: R(() => [
-          S(o.$slots, "template-loader-content", {}, void 0, !0)
+          k(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : C("", !0)
@@ -5684,11 +5703,11 @@ const ou = /* @__PURE__ */ J(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (f(), N(re(e.tagName), {
+    return (t, n) => (y(), N(re(e.tagName), {
       class: T(`joy-text joy-font-${e.preset}`)
     }, {
       default: R(() => [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -5762,15 +5781,15 @@ const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
       element: o.autogrow ? i : void 0
     }), s = $(!1), r = $(!1);
     Jt(i, o.autofocus);
-    const c = V(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), v = V(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
-      onInput: (y) => {
-        o.modelModifiers.lazy || a("update:modelValue", y.target.value), l();
+    const c = V(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = V(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
+      onInput: (v) => {
+        o.modelModifiers.lazy || a("update:modelValue", v.target.value), l();
       },
-      onChange: (y) => {
-        o.modelModifiers.lazy && a("update:modelValue", y.target.value);
+      onChange: (v) => {
+        o.modelModifiers.lazy && a("update:modelValue", v.target.value);
       },
       onBlur: () => {
-        r.value = !1, s.value = c.value || v.value;
+        r.value = !1, s.value = c.value || f.value;
       },
       onFocus: () => {
         r.value = !0;
@@ -5779,8 +5798,8 @@ const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
     return t({
       isInvalid: s,
       valueOverMaxlength: c,
-      valueUnderMinlength: v
-    }), (y, p) => (f(), g("div", {
+      valueUnderMinlength: f
+    }), (v, p) => (y(), g("div", {
       "aria-disabled": e.disabled,
       class: T([
         "joy-textarea",
@@ -5799,14 +5818,14 @@ const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
         size: e.labelSize
       }, {
         default: R(() => [
-          S(y.$slots, "default", {}, () => [
+          k(v.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
       h("div", su, [
-        h("textarea", oe(y.$attrs, {
+        h("textarea", oe(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: i,
@@ -5826,12 +5845,12 @@ const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
           (...d) => u.onBlur && u.onBlur(...d))
         }), null, 16, uu)
       ]),
-      e.minlength || e.maxlength ? (f(), g("div", cu, [
-        e.minlength ? (f(), g("p", {
+      e.minlength || e.maxlength ? (y(), g("div", cu, [
+        e.minlength ? (y(), g("p", {
           key: 0,
           class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          v.value ? C("", !0) : (f(), N(K, {
+          f.value ? C("", !0) : (y(), N(K, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -5839,7 +5858,7 @@ const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["ari
           })),
           H(" " + F(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : C("", !0),
-        e.maxlength ? (f(), g("p", {
+        e.maxlength ? (y(), g("p", {
           key: 1,
           class: T(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
         }, F(e.modelValue.length + "/" + e.maxlength), 3)) : C("", !0)
@@ -5906,7 +5925,7 @@ const yu = /* @__PURE__ */ J(fu, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) =
         a.value = !1;
       }
     };
-    return (i, l) => (f(), g("div", vu, [
+    return (i, l) => (y(), g("div", vu, [
       h("label", {
         class: T([
           "joy-toggle",
@@ -5938,7 +5957,7 @@ const yu = /* @__PURE__ */ J(fu, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) =
         h("p", mu, [
           bu,
           h("span", gu, [
-            S(i.$slots, "default", {}, () => [
+            k(i.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
@@ -6049,18 +6068,18 @@ function ln(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const i = Ge(t), l = Mt(t), s = Dt(l), r = he(t), c = i === "y", v = a.x + a.width / 2 - o.width / 2, u = a.y + a.height / 2 - o.height / 2, y = a[s] / 2 - o[s] / 2;
+  const i = Ge(t), l = Mt(t), s = Dt(l), r = he(t), c = i === "y", f = a.x + a.width / 2 - o.width / 2, u = a.y + a.height / 2 - o.height / 2, v = a[s] / 2 - o[s] / 2;
   let p;
   switch (r) {
     case "top":
       p = {
-        x: v,
+        x: f,
         y: a.y - o.height
       };
       break;
     case "bottom":
       p = {
-        x: v,
+        x: f,
         y: a.y + a.height
       };
       break;
@@ -6084,10 +6103,10 @@ function ln(e, t, n) {
   }
   switch (Ke(t)) {
     case "start":
-      p[l] -= y * (n && c ? -1 : 1);
+      p[l] -= v * (n && c ? -1 : 1);
       break;
     case "end":
-      p[l] += y * (n && c ? -1 : 1);
+      p[l] += v * (n && c ? -1 : 1);
       break;
   }
   return p;
@@ -6104,23 +6123,23 @@ const Tu = async (e, t, n) => {
     floating: t,
     strategy: o
   }), {
-    x: v,
+    x: f,
     y: u
-  } = ln(c, a, r), y = a, p = {}, d = 0;
+  } = ln(c, a, r), v = a, p = {}, d = 0;
   for (let b = 0; b < s.length; b++) {
     const {
       name: m,
       fn: _
     } = s[b], {
-      x: k,
+      x: S,
       y: A,
       data: O,
       reset: P
     } = await _({
-      x: v,
+      x: f,
       y: u,
       initialPlacement: a,
-      placement: y,
+      placement: v,
       strategy: o,
       middlewareData: p,
       rects: c,
@@ -6130,28 +6149,28 @@ const Tu = async (e, t, n) => {
         floating: t
       }
     });
-    if (v = k ?? v, u = A ?? u, p = {
+    if (f = S ?? f, u = A ?? u, p = {
       ...p,
       [m]: {
         ...p[m],
         ...O
       }
     }, P && d <= 50) {
-      d++, typeof P == "object" && (P.placement && (y = P.placement), P.rects && (c = P.rects === !0 ? await l.getElementRects({
+      d++, typeof P == "object" && (P.placement && (v = P.placement), P.rects && (c = P.rects === !0 ? await l.getElementRects({
         reference: e,
         floating: t,
         strategy: o
       }) : P.rects), {
-        x: v,
+        x: f,
         y: u
-      } = ln(c, y, r)), b = -1;
+      } = ln(c, v, r)), b = -1;
       continue;
     }
   }
   return {
-    x: v,
+    x: f,
     y: u,
-    placement: y,
+    placement: v,
     strategy: o,
     middlewareData: p
   };
@@ -6168,16 +6187,16 @@ async function Fn(e, t) {
     strategy: r
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: v = "viewport",
+    rootBoundary: f = "viewport",
     elementContext: u = "floating",
-    altBoundary: y = !1,
+    altBoundary: v = !1,
     padding: p = 0
-  } = Ve(t, e), d = Jn(p), m = s[y ? u === "floating" ? "reference" : "floating" : u], _ = rt(await i.getClippingRect({
+  } = Ve(t, e), d = Jn(p), m = s[v ? u === "floating" ? "reference" : "floating" : u], _ = rt(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(m))) == null || n ? m : m.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: c,
-    rootBoundary: v,
+    rootBoundary: f,
     strategy: r
-  })), k = u === "floating" ? {
+  })), S = u === "floating" ? {
     ...l.floating,
     x: a,
     y: o
@@ -6188,10 +6207,10 @@ async function Fn(e, t) {
     x: 1,
     y: 1
   }, P = rt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: k,
+    rect: S,
     offsetParent: A,
     strategy: r
-  }) : k);
+  }) : S);
   return {
     top: (_.top - P.top + d.top) / O.y,
     bottom: (P.bottom - _.bottom + d.bottom) / O.y,
@@ -6213,19 +6232,19 @@ const Iu = (e) => ({
       middlewareData: r
     } = t, {
       element: c,
-      padding: v = 0
+      padding: f = 0
     } = Ve(e, t) || {};
     if (c == null)
       return {};
-    const u = Jn(v), y = {
+    const u = Jn(f), v = {
       x: n,
       y: a
-    }, p = Mt(o), d = Dt(p), b = await l.getDimensions(c), m = p === "y", _ = m ? "top" : "left", k = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", O = i.reference[d] + i.reference[p] - y[p] - i.floating[d], P = y[p] - i.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    }, p = Mt(o), d = Dt(p), b = await l.getDimensions(c), m = p === "y", _ = m ? "top" : "left", S = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", O = i.reference[d] + i.reference[p] - v[p] - i.floating[d], P = v[p] - i.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
     let j = I ? I[A] : 0;
     (!j || !await (l.isElement == null ? void 0 : l.isElement(I))) && (j = s.floating[A] || i.floating[d]);
-    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[k], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ke(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
+    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[S], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ke(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
     return {
-      [p]: y[p] + W,
+      [p]: v[p] + W,
       data: {
         [p]: M,
         centerOffset: B - M - W,
@@ -6250,9 +6269,9 @@ const Iu = (e) => ({
         platform: r,
         elements: c
       } = t, {
-        mainAxis: v = !0,
+        mainAxis: f = !0,
         crossAxis: u = !0,
-        fallbackPlacements: y,
+        fallbackPlacements: v,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: d = "none",
         flipAlignment: b = !0,
@@ -6260,11 +6279,11 @@ const Iu = (e) => ({
       } = Ve(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const _ = he(o), k = he(s) === s, A = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), O = y || (k || !b ? [it(s)] : Cu(s));
-      !y && d !== "none" && O.push(...$u(s, b, d, A));
+      const _ = he(o), S = he(s) === s, A = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), O = v || (S || !b ? [it(s)] : Cu(s));
+      !v && d !== "none" && O.push(...$u(s, b, d, A));
       const P = [s, ...O], I = await Fn(t, m), j = [];
       let D = ((a = i.flip) == null ? void 0 : a.overflows) || [];
-      if (v && j.push(I[_]), u) {
+      if (f && j.push(I[_]), u) {
         const w = xu(o, l, A);
         j.push(I[w[0]], I[w[1]]);
       }
@@ -6313,9 +6332,9 @@ async function Lu(e, t) {
     placement: n,
     platform: a,
     elements: o
-  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = he(n), s = Ke(n), r = Ge(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, v = i && r ? -1 : 1, u = Ve(t, e);
+  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = he(n), s = Ke(n), r = Ge(n) === "y", c = ["left", "top"].includes(l) ? -1 : 1, f = i && r ? -1 : 1, u = Ve(t, e);
   let {
-    mainAxis: y,
+    mainAxis: v,
     crossAxis: p,
     alignmentAxis: d
   } = typeof u == "number" ? {
@@ -6329,11 +6348,11 @@ async function Lu(e, t) {
     ...u
   };
   return s && typeof d == "number" && (p = s === "end" ? d * -1 : d), r ? {
-    x: p * v,
-    y: y * c
+    x: p * f,
+    y: v * c
   } : {
-    x: y * c,
-    y: p * v
+    x: v * c,
+    y: p * f
   };
 }
 const Au = function(e) {
@@ -6368,11 +6387,11 @@ const Au = function(e) {
           fn: (m) => {
             let {
               x: _,
-              y: k
+              y: S
             } = m;
             return {
               x: _,
-              y: k
+              y: S
             };
           }
         },
@@ -6380,19 +6399,19 @@ const Au = function(e) {
       } = Ve(e, t), c = {
         x: n,
         y: a
-      }, v = await Fn(t, r), u = Ge(he(o)), y = Rt(u);
-      let p = c[y], d = c[u];
+      }, f = await Fn(t, r), u = Ge(he(o)), v = Rt(u);
+      let p = c[v], d = c[u];
       if (i) {
-        const m = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", k = p + v[m], A = p - v[_];
-        p = St(k, p, A);
+        const m = v === "y" ? "top" : "left", _ = v === "y" ? "bottom" : "right", S = p + f[m], A = p - f[_];
+        p = St(S, p, A);
       }
       if (l) {
-        const m = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", k = d + v[m], A = d - v[_];
-        d = St(k, d, A);
+        const m = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", S = d + f[m], A = d - f[_];
+        d = St(S, d, A);
       }
       const b = s.fn({
         ...t,
-        [y]: p,
+        [v]: p,
         [u]: d
       });
       return {
@@ -6418,11 +6437,11 @@ const Au = function(e) {
         offset: s = 0,
         mainAxis: r = !0,
         crossAxis: c = !0
-      } = Ve(e, t), v = {
+      } = Ve(e, t), f = {
         x: n,
         y: a
-      }, u = Ge(o), y = Rt(u);
-      let p = v[y], d = v[u];
+      }, u = Ge(o), v = Rt(u);
+      let p = f[v], d = f[u];
       const b = Ve(s, t), m = typeof b == "number" ? {
         mainAxis: b,
         crossAxis: 0
@@ -6432,16 +6451,16 @@ const Au = function(e) {
         ...b
       };
       if (r) {
-        const A = y === "y" ? "height" : "width", O = i.reference[y] - i.floating[A] + m.mainAxis, P = i.reference[y] + i.reference[A] - m.mainAxis;
+        const A = v === "y" ? "height" : "width", O = i.reference[v] - i.floating[A] + m.mainAxis, P = i.reference[v] + i.reference[A] - m.mainAxis;
         p < O ? p = O : p > P && (p = P);
       }
       if (c) {
-        var _, k;
-        const A = y === "y" ? "width" : "height", O = ["top", "left"].includes(he(o)), P = i.reference[u] - i.floating[A] + (O && ((_ = l.offset) == null ? void 0 : _[u]) || 0) + (O ? 0 : m.crossAxis), I = i.reference[u] + i.reference[A] + (O ? 0 : ((k = l.offset) == null ? void 0 : k[u]) || 0) - (O ? m.crossAxis : 0);
+        var _, S;
+        const A = v === "y" ? "width" : "height", O = ["top", "left"].includes(he(o)), P = i.reference[u] - i.floating[A] + (O && ((_ = l.offset) == null ? void 0 : _[u]) || 0) + (O ? 0 : m.crossAxis), I = i.reference[u] + i.reference[A] + (O ? 0 : ((S = l.offset) == null ? void 0 : S[u]) || 0) - (O ? m.crossAxis : 0);
         d < P ? d = P : d > I && (d = I);
       }
       return {
-        [y]: p,
+        [v]: p,
         [u]: d
       };
     }
@@ -6580,17 +6599,17 @@ function We(e, t, n, a) {
   let l = ge(1);
   t && (a ? ve(a) && (l = Ne(a)) : l = Ne(e));
   const s = Ou(i, n, a) ? Mn(i) : ge(0);
-  let r = (o.left + s.x) / l.x, c = (o.top + s.y) / l.y, v = o.width / l.x, u = o.height / l.y;
+  let r = (o.left + s.x) / l.x, c = (o.top + s.y) / l.y, f = o.width / l.x, u = o.height / l.y;
   if (i) {
-    const y = ie(i), p = a && ve(a) ? ie(a) : a;
-    let d = y.frameElement;
-    for (; d && a && p !== y; ) {
-      const b = Ne(d), m = d.getBoundingClientRect(), _ = ce(d), k = m.left + (d.clientLeft + parseFloat(_.paddingLeft)) * b.x, A = m.top + (d.clientTop + parseFloat(_.paddingTop)) * b.y;
-      r *= b.x, c *= b.y, v *= b.x, u *= b.y, r += k, c += A, d = ie(d).frameElement;
+    const v = ie(i), p = a && ve(a) ? ie(a) : a;
+    let d = v.frameElement;
+    for (; d && a && p !== v; ) {
+      const b = Ne(d), m = d.getBoundingClientRect(), _ = ce(d), S = m.left + (d.clientLeft + parseFloat(_.paddingLeft)) * b.x, A = m.top + (d.clientTop + parseFloat(_.paddingTop)) * b.y;
+      r *= b.x, c *= b.y, f *= b.x, u *= b.y, r += S, c += A, d = ie(d).frameElement;
     }
   }
   return rt({
-    width: v,
+    width: f,
     height: u,
     x: r,
     y: c
@@ -6693,7 +6712,7 @@ function Hu(e, t) {
   let l = i ? Je(e) : e;
   for (; ve(l) && !yt(l); ) {
     const s = ce(l), r = zt(l);
-    !r && s.position === "fixed" && (o = null), (i ? !r && !o : !r && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ye(l) && !r && qn(e, l)) ? a = a.filter((v) => v !== l) : o = s, l = Je(l);
+    !r && s.position === "fixed" && (o = null), (i ? !r && !o : !r && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ye(l) && !r && qn(e, l)) ? a = a.filter((f) => f !== l) : o = s, l = Je(l);
   }
   return t.set(e, a), a;
 }
@@ -6704,8 +6723,8 @@ function Wu(e) {
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], s = l[0], r = l.reduce((c, v) => {
-    const u = sn(t, v, o);
+  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], s = l[0], r = l.reduce((c, f) => {
+    const u = sn(t, f, o);
     return c.top = Be(u.top, c.top), c.right = He(u.right, c.right), c.bottom = He(u.bottom, c.bottom), c.left = Be(u.left, c.left), c;
   }, sn(t, s, o));
   return {
@@ -6831,19 +6850,19 @@ function ec(e, t, n) {
   }), r = V(() => {
     var j;
     return (j = E(n.transform)) != null ? j : !0;
-  }), c = V(() => Ct(e.value)), v = V(() => Ct(t.value)), u = $(0), y = $(0), p = $(s.value), d = $(l.value), b = aa({}), m = $(!1), _ = V(() => {
+  }), c = V(() => Ct(e.value)), f = V(() => Ct(t.value)), u = $(0), v = $(0), p = $(s.value), d = $(l.value), b = aa({}), m = $(!1), _ = V(() => {
     const j = {
       position: p.value,
       left: "0",
       top: "0"
     };
-    if (!v.value)
+    if (!f.value)
       return j;
-    const D = cn(v.value, u.value), U = cn(v.value, y.value);
+    const D = cn(f.value, u.value), U = cn(f.value, v.value);
     return r.value ? {
       ...j,
       transform: "translate(" + D + "px, " + U + "px)",
-      ...Wn(v.value) >= 1.5 && {
+      ...Wn(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -6852,26 +6871,26 @@ function ec(e, t, n) {
       top: U + "px"
     };
   });
-  let k;
+  let S;
   function A() {
-    c.value == null || v.value == null || Xu(c.value, v.value, {
+    c.value == null || f.value == null || Xu(c.value, f.value, {
       middleware: i.value,
       placement: l.value,
       strategy: s.value
     }).then((j) => {
-      u.value = j.x, y.value = j.y, p.value = j.strategy, d.value = j.placement, b.value = j.middlewareData, m.value = !0;
+      u.value = j.x, v.value = j.y, p.value = j.strategy, d.value = j.placement, b.value = j.middlewareData, m.value = !0;
     });
   }
   function O() {
-    typeof k == "function" && (k(), k = void 0);
+    typeof S == "function" && (S(), S = void 0);
   }
   function P() {
     if (O(), a === void 0) {
       A();
       return;
     }
-    if (c.value != null && v.value != null) {
-      k = a(c.value, v.value, A);
+    if (c.value != null && f.value != null) {
+      S = a(c.value, f.value, A);
       return;
     }
   }
@@ -6880,13 +6899,13 @@ function ec(e, t, n) {
   }
   return ee([i, l, s], A, {
     flush: "sync"
-  }), ee([c, v], P, {
+  }), ee([c, f], P, {
     flush: "sync"
   }), ee(o, I, {
     flush: "sync"
   }), Vt() && Tt(O), {
     x: Ee(u),
-    y: Ee(y),
+    y: Ee(v),
     strategy: Ee(p),
     placement: Ee(d),
     middlewareData: Ee(b),
@@ -6949,13 +6968,13 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
         ]
       })
     ), r = ne(), c = V(() => r["tooltip-content"] || n.text);
-    function v(b) {
+    function f(b) {
       b.preventDefault(), b.stopPropagation(), !a.value && n.event !== "click" && p();
     }
     function u() {
       n.event !== "click" && p(!1);
     }
-    function y(b) {
+    function v(b) {
       !a.value && n.event === "click" && (b.preventDefault(), b.stopPropagation(), p());
     }
     function p(b = !0) {
@@ -6965,7 +6984,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
       }, n.delay);
     }
     const d = V(() => {
-      const { middlewareData: b, placement: m } = s.value, _ = b.arrow, k = {
+      const { middlewareData: b, placement: m } = s.value, _ = b.arrow, S = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -6976,7 +6995,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
         top: (_ == null ? void 0 : _.y) && `${_ == null ? void 0 : _.y}px`,
         right: "",
         bottom: "",
-        [k]: "-4px"
+        [S]: "-4px"
       };
     });
     return se(() => {
@@ -6986,7 +7005,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }), t({
       tooltipVisible: a,
       tooltip: i
-    }), (b, m) => (f(), N(E(Bt), {
+    }), (b, m) => (y(), N(E(Bt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       onTrigger: m[1] || (m[1] = (_) => p(!1))
@@ -6998,14 +7017,14 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
             ref_key: "tooltipWrapper",
             ref: o,
             class: "joy-tooltip__wrapper",
-            onClick: y,
-            onMouseenter: v,
+            onClick: v,
+            onMouseenter: f,
             onMouseleave: u,
-            onKeydown: m[0] || (m[0] = dt((k) => p(!1), ["tab"]))
+            onKeydown: m[0] || (m[0] = dt((S) => p(!1), ["tab"]))
           }, [
-            S(b.$slots, "default", {}, void 0, !0),
-            (f(), N(ct, { to: "body" }, [
-              a.value && c.value ? (f(), g("div", {
+            k(b.$slots, "default", {}, void 0, !0),
+            (y(), N(ct, { to: "body" }, [
+              a.value && c.value ? (y(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
                 ref: i,
@@ -7020,7 +7039,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
                 style: ue({ ...(_ = s.value) == null ? void 0 : _.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 h("div", tc, [
-                  S(b.$slots, "tooltip-content", {}, () => [
+                  k(b.$slots, "tooltip-content", {}, () => [
                     H(F(e.text), 1)
                   ], !0)
                 ]),
@@ -7065,14 +7084,14 @@ const ac = /* @__PURE__ */ J(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }
   },
   setup(e) {
-    return (t, n) => (f(), N(re(e.link ? "a" : "div"), oe({
+    return (t, n) => (y(), N(re(e.link ? "a" : "div"), oe({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: R(() => [
         h("div", oc, [
-          S(t.$slots, "user-card-avatar", {}, () => [
+          k(t.$slots, "user-card-avatar", {}, () => [
             Y(E(vn), {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
@@ -7081,23 +7100,23 @@ const ac = /* @__PURE__ */ J(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
         ]),
         h("div", lc, [
           h("p", ic, [
-            S(t.$slots, "user-card-title", {}, () => [
+            k(t.$slots, "user-card-title", {}, () => [
               H(F(e.fullName), 1)
             ], !0)
           ]),
           h("p", rc, [
-            S(t.$slots, "user-card-subtitle", {}, () => [
+            k(t.$slots, "user-card-subtitle", {}, () => [
               H(F(e.subTitle), 1)
             ], !0)
           ]),
-          S(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (f(), N(E(In), {
+          k(t.$slots, "user-card-rating-stars", {}, () => [
+            e.ratingValue ? (y(), N(E(In), {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : C("", !0)
           ], !0),
           h("div", null, [
-            S(t.$slots, "default", {}, void 0, !0)
+            k(t.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
@@ -7149,7 +7168,7 @@ const uc = /* @__PURE__ */ J(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @_
     }
   },
   setup(e) {
-    return It("VJoyWrapperContext", e), (n, a) => (f(), g("div", {
+    return It("VJoyWrapperContext", e), (n, a) => (y(), g("div", {
       class: T([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -7162,7 +7181,7 @@ const uc = /* @__PURE__ */ J(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      S(n.$slots, "default", {}, void 0, !0)
+      k(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });