@maltjoy/core-vue 3.19.5 → 3.19.7

package/dist/joy-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as J, createCommentVNode as x, createBlock as B, resolveDynamicComponent as oe, mergeProps as te, withCtx as D, pushScopeId as ot, popScopeId as lt, renderSlot as w, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as ee, h as ta, Teleport as rt, createVNode as U, useSlots as Q, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
-function Dt(e) {
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as $, createElementVNode as b, Fragment as K, createTextVNode as z, toDisplayString as F, createCommentVNode as x, createBlock as B, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as Q, h as ta, Teleport as rt, createVNode as U, useSlots as X, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
+function Mt(e) {
   const t = e.target;
   if (!t)
     return;
@@ -14,10 +14,10 @@ function Dt(e) {
 }
 const ia = {
   mounted: (e) => {
-    e.addEventListener("click", Dt);
+    e.addEventListener("click", Mt);
   },
   beforeUnmount: (e) => {
-    e.removeEventListener("click", Dt);
+    e.removeEventListener("click", Mt);
   }
 }, sa = ["title"], ua = /* @__PURE__ */ L({
   __name: "VJoyAvailability",
@@ -47,17 +47,17 @@ const ia = {
         class: $(n.value)
       }, null, 2),
       e.label ? (y(), g(K, { key: 0 }, [
-        z(J(e.label), 1)
+        z(F(e.label), 1)
       ], 64)) : x("", !0)
     ], 10, sa));
   }
 });
-const E = (e, t) => {
+const A = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, ca = /* @__PURE__ */ E(ua, [["__scopeId", "data-v-3452c6e7"]]), da = ["role", "tabindex", "aria-label", "title"], W = /* @__PURE__ */ L({
+}, ca = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-3452c6e7"]]), da = ["role", "tabindex", "aria-label", "title"], W = /* @__PURE__ */ L({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -173,7 +173,7 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
         class: [l.value],
         onClick: d
       }), {
-        default: D(() => [
+        default: M(() => [
           i.value ? (y(), B(W, {
             key: 0,
             name: "user-photo",
@@ -188,10 +188,10 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
             loading: "lazy"
           }, null, 8, va)) : x("", !0),
           e.fullName ? (y(), g(K, { key: 2 }, [
-            z(J(u.value), 1)
+            z(F(u.value), 1)
           ], 64)) : x("", !0),
           e.totalNumber ? (y(), g(K, { key: 3 }, [
-            z(J("+" + e.totalNumber), 1)
+            z(F("+" + e.totalNumber), 1)
           ], 64)) : x("", !0)
         ]),
         _: 1
@@ -208,7 +208,7 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
     ], 512));
   }
 });
-const bn = /* @__PURE__ */ E(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @__PURE__ */ L({
+const bn = /* @__PURE__ */ A(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @__PURE__ */ L({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -219,11 +219,11 @@ const bn = /* @__PURE__ */ E(ha, [["__scopeId", "data-v-bcb28746"]]), _a = /* @_
       ref: "avatarsList",
       class: $(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      w(t.$slots, "default", {}, void 0, !0)
+      k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const wa = /* @__PURE__ */ E(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], ka = /* @__PURE__ */ L({
+const wa = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], ka = /* @__PURE__ */ L({
   __name: "VJoyBadge",
   props: {
     /**
@@ -255,13 +255,13 @@ const wa = /* @__PURE__ */ E(_a, [["__scopeId", "data-v-46e4547e"]]), Sa = ["inf
       class: $(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      w(t.$slots, "default", {}, () => [
-        z(J(e.label), 1)
+      k(t.$slots, "default", {}, () => [
+        z(F(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const xa = /* @__PURE__ */ E(ka, [["__scopeId", "data-v-4512c8c6"]]);
+const xa = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-4512c8c6"]]);
 var Z = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(Z || {}), Ke = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ke || {});
 const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-badge-level" }, ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#264FFA",
@@ -319,12 +319,12 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
 }, Ra = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
   fill: "#E3F8FB"
-}, null, -1)), Ma = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Da = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
   fill: "#FF91F0"
-}, null, -1)), Da = [
+}, null, -1)), Ma = [
   Ra,
-  Ma
+  Da
 ], za = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
@@ -385,7 +385,7 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
       }, Ta))), 128)) : x("", !0),
       e.type === T(Z).HIGH_POTENTIAL ? (y(), g("svg", Ia, Ea)) : x("", !0),
       e.type === T(Z).HIGH_POTENTIAL_AUTO ? (y(), g("svg", Ba, Fa)) : x("", !0),
-      e.type === T(Z).MALT_LINKER ? (y(), g("svg", Pa, Da)) : x("", !0),
+      e.type === T(Z).MALT_LINKER ? (y(), g("svg", Pa, Ma)) : x("", !0),
       e.type === T(Ke).HIGH_POTENTIAL ? (y(), g("svg", za, Ha)) : x("", !0),
       b("span", {
         class: $([
@@ -397,14 +397,14 @@ const fe = (e) => (ot("data-v-4187ebd6"), e = e(), lt(), e), Ca = { class: "joy-
           }
         ])
       }, [
-        e.visibleText ? w(a.$slots, "default", { key: 0 }, () => [
-          z(J(n.value), 1)
+        e.visibleText ? k(a.$slots, "default", { key: 0 }, () => [
+          z(F(n.value), 1)
         ], !0) : x("", !0)
       ], 2)
     ]));
   }
 });
-const Ua = /* @__PURE__ */ E(Wa, [["__scopeId", "data-v-4187ebd6"]]);
+const Ua = /* @__PURE__ */ A(Wa, [["__scopeId", "data-v-4187ebd6"]]);
 function gn(e) {
   let t;
   switch (e) {
@@ -451,7 +451,7 @@ const Ka = ["teal", "white"], Ya = /* @__PURE__ */ L({
     }, null, 2));
   }
 });
-const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["primary", "secondary"], Qa = ["neutral", "success", "info", "warning", "error"], Xa = ["main", "admin", "ghost", "white"], eo = [...Za, ...Xa], to = ["large", "medium", "small", "xsmall", "xxsmall"], no = /* @__PURE__ */ L({
+const $t = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["primary", "secondary"], Qa = ["neutral", "success", "info", "warning", "error"], Xa = ["main", "admin", "ghost", "white"], eo = [...Za, ...Xa], to = ["large", "medium", "small", "xsmall", "xxsmall"], no = /* @__PURE__ */ L({
   __name: "VJoyButton",
   props: {
     /**
@@ -528,7 +528,7 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
         ]),
         "aria-labelledby": (i.$slots.default || e.label) && o
       }, {
-        default: D(() => [
+        default: M(() => [
           e.icon && e.iconPosition === "left" ? (y(), B(W, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
@@ -544,8 +544,8 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             id: o,
             class: "joy-button--slot"
           }, [
-            w(i.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+            k(i.$slots, "default", {}, () => [
+              z(F(e.label), 1)
             ], !0)
           ]),
           e.icon && e.iconPosition === "right" ? (y(), B(W, {
@@ -563,7 +563,7 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
     };
   }
 });
-const de = /* @__PURE__ */ E(no, [["__scopeId", "data-v-25ba8bc2"]]);
+const de = /* @__PURE__ */ A(no, [["__scopeId", "data-v-25ba8bc2"]]);
 var zt;
 const Vt = typeof window < "u", hn = (e) => typeof e == "string", Tt = () => {
 }, pt = Vt && ((zt = window == null ? void 0 : window.navigator) == null ? void 0 : zt.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -595,7 +595,7 @@ function yt(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = ee(() => [Te(t), Ee(o)], ([c, f]) => {
+  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [Te(t), Ee(o)], ([c, f]) => {
     l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
     u(), l();
@@ -659,7 +659,7 @@ function fo(e, t, n = {}) {
   let l;
   const i = io(() => o && "ResizeObserver" in o), u = () => {
     l && (l.disconnect(), l = void 0);
-  }, d = ee(() => Te(e), (f) => {
+  }, d = Q(() => Te(e), (f) => {
     u(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
   }, { immediate: !0, flush: "post" }), c = () => {
     u(), d();
@@ -679,7 +679,7 @@ function yo(e) {
     var o, r;
     t.value && (t.value.style.height = "1px", t.value.style.height = `${(o = t.value) == null ? void 0 : o.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
-  return ee([n, t], a, { immediate: !0 }), fo(t, () => a()), e != null && e.watch && ee(e.watch, a, { immediate: !0, deep: !0 }), {
+  return Q([n, t], a, { immediate: !0 }), fo(t, () => a()), e != null && e.watch && Q(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: n,
     triggerResize: a
@@ -749,7 +749,7 @@ function wo(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = ee(() => [ho(t), Ee(o)], ([c, f]) => {
+  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = Q(() => [ho(t), Ee(o)], ([c, f]) => {
     l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
     u(), l();
@@ -774,7 +774,7 @@ function So(e) {
 function ko(e, t = !1) {
   const n = C(t);
   let a = null, o;
-  ee(oo(e), (i) => {
+  Q(oo(e), (i) => {
     if (i) {
       const u = i;
       o = u.style.overflow, n.value && (u.style.overflow = "hidden");
@@ -808,7 +808,7 @@ const xo = () => {
       return;
     e = !0;
     const o = ko(n, a.value);
-    ee(t, (r) => o.value = r);
+    Q(t, (r) => o.value = r);
   };
 };
 xo();
@@ -859,28 +859,28 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
         d.value = !1, i.value = !1, u.value = !1, me(!1), n("bottom-sheet:close");
       }, 300);
     }
-    function m(N) {
-      d.value = !0, c.value.classList.add(en), f = A(N);
+    function m(O) {
+      d.value = !0, c.value.classList.add(en), f = E(O);
     }
-    function v(N) {
-      d.value && (k(N) > Xt && s(), F());
+    function v(O) {
+      d.value && (h(O) > Xt && s(), P());
     }
-    function S(N) {
+    function _(O) {
       if (d.value) {
-        const O = k(N);
-        O > Xt ? s() : O > 0 && P(O);
+        const J = h(O);
+        J > Xt ? s() : J > 0 && N(J);
       }
     }
-    function k(N) {
-      return A(N) - f;
+    function h(O) {
+      return E(O) - f;
     }
-    function A(N) {
-      return ["touchend", "touchmove", "touchstart"].includes(N.type) ? N.changedTouches[0].clientY : N.clientY;
+    function E(O) {
+      return ["touchend", "touchmove", "touchstart"].includes(O.type) ? O.changedTouches[0].clientY : O.clientY;
     }
-    function P(N) {
-      c.value.style.setProperty("transform", `translateY(${N}px)`);
+    function N(O) {
+      c.value.style.setProperty("transform", `translateY(${O}px)`);
     }
-    function F() {
+    function P() {
       c.value.classList.remove(en), c.value.style.removeProperty("transform"), d.value = !1;
     }
     function j() {
@@ -892,8 +892,8 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
       hide: s,
       show: p,
       isOpen: u,
-      moveContainer: P
-    }), (N, O) => l.value ? (y(), B(rt, {
+      moveContainer: N
+    }), (O, J) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -909,7 +909,7 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
       }), [
         Co,
         U(T(Lt), { onTrigger: s }, {
-          default: D(() => [
+          default: M(() => [
             b("div", {
               ref_key: "bottomSheetContainerElement",
               ref: c,
@@ -919,17 +919,17 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
                 class: "joy-bottom-sheet_header",
                 onMousedown: m,
                 onMouseup: v,
-                onMousemove: S,
+                onMousemove: _,
                 onMouseleave: v,
                 onTouchstart: m,
                 onTouchend: v,
-                onTouchmove: S
+                onTouchmove: _
               }, $o, 32),
               b("div", Vo, [
-                w(N.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(O.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               b("div", To, [
-                w(N.$slots, "bottom-sheet-cta", {}, () => [
+                k(O.$slots, "bottom-sheet-cta", {}, () => [
                   U(de, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
@@ -945,14 +945,14 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     ], 8, ["to"])) : x("", !0);
   }
 });
-const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @__PURE__ */ L({
+const Lo = /* @__PURE__ */ A(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.bottomSheet), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.bottomSheet), o = X(), r = V(() => o.default());
     function l() {
       var i;
       t("click"), (i = a.value) == null || i.show();
@@ -1072,18 +1072,18 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
           }, null, 40, No)
         ]),
         b("div", Oo, [
-          w(d.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+          k(d.$slots, "default", {}, () => [
+            z(F(e.label), 1)
           ], !0),
           b("div", Jo, [
-            w(d.$slots, "checkbox-content", {}, void 0, !0)
+            k(d.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ], 8, Bo));
   }
 });
-const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["aria-expanded"], Ro = ["id"], Mo = { class: "joy-collapse-item__header-right" }, Do = ["aria-labelledby"], zo = /* @__PURE__ */ L({
+const Et = /* @__PURE__ */ A(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["aria-expanded"], Ro = ["id"], Do = { class: "joy-collapse-item__header-right" }, Mo = ["aria-labelledby"], zo = /* @__PURE__ */ L({
   __name: "VJoyCollapseItem",
   props: {
     header: {
@@ -1104,7 +1104,7 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = C(a.open);
-    ee(
+    Q(
       () => a.open,
       (i) => {
         o.value = i;
@@ -1144,10 +1144,10 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : x("", !0),
-          z(" " + J(e.header), 1)
+          z(" " + F(e.header), 1)
         ], 8, Ro),
-        b("div", Mo, [
-          w(i.$slots, "collapse-header-right")
+        b("div", Do, [
+          k(i.$slots, "collapse-header-right")
         ]),
         U(W, {
           class: "joy-collapse-item__summary___marker",
@@ -1165,12 +1165,12 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           }
         ])
       }, [
-        w(i.$slots, "default")
-      ], 10, Do)) : x("", !0)
+        k(i.$slots, "default")
+      ], 10, Mo)) : x("", !0)
     ], 2));
   }
 });
-const Sn = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { class: "joy-collapse" }, Ho = /* @__PURE__ */ L({
+const Sn = /* @__PURE__ */ A(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { class: "joy-collapse" }, Ho = /* @__PURE__ */ L({
   __name: "VJoyCollapse",
   props: {
     accordion: {
@@ -1186,7 +1186,7 @@ const Sn = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = Q(), l = V(() => {
+    const a = e, o = C(a.modelValue), r = X(), l = V(() => {
       const s = r.default();
       return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(i) : s.filter(i);
     });
@@ -1226,21 +1226,21 @@ const Sn = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
       (y(!0), g(K, null, Y(l.value, (v) => (y(), B(Sn, te(v.props, {
         key: v.props.id,
         open: d(v),
-        "onCollapseItem:open": (S) => c(v),
-        "onCollapseItem:close": (S) => f(v)
+        "onCollapseItem:open": (_) => c(v),
+        "onCollapseItem:close": (_) => f(v)
       }), {
-        "collapse-header-right": D(() => [
-          (y(!0), g(K, null, Y(u(v, "collapse-header-right"), (S) => (y(), B(oe(S), { key: S }))), 128))
+        "collapse-header-right": M(() => [
+          (y(!0), g(K, null, Y(u(v, "collapse-header-right"), (_) => (y(), B(oe(_), { key: _ }))), 128))
         ]),
-        default: D(() => [
-          (y(!0), g(K, null, Y(u(v, "default"), (S) => (y(), B(oe(S), { key: S }))), 128))
+        default: M(() => [
+          (y(!0), g(K, null, Y(u(v, "default"), (_) => (y(), B(oe(_), { key: _ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
 });
-const Wo = /* @__PURE__ */ E(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src", "alt", "title"], Go = /* @__PURE__ */ L({
+const Wo = /* @__PURE__ */ A(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src", "alt", "title"], Go = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -1280,7 +1280,7 @@ const Wo = /* @__PURE__ */ E(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src
     ], 2));
   }
 });
-const Ko = /* @__PURE__ */ E(Go, [["__scopeId", "data-v-0f616ccb"]]);
+const Ko = /* @__PURE__ */ A(Go, [["__scopeId", "data-v-0f616ccb"]]);
 function Yo(e) {
   const t = () => e();
   le(() => {
@@ -1386,8 +1386,8 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       o.value = !f();
     }
     function c(v = !0) {
-      const S = a.step.toString().split("."), k = S.length === 2 ? S[1].length : 0;
-      return parseFloat(v ? (a.modelValue + a.step).toFixed(k) : (a.modelValue - a.step).toFixed(k));
+      const _ = a.step.toString().split("."), h = _.length === 2 ? _[1].length : 0;
+      return parseFloat(v ? (a.modelValue + a.step).toFixed(h) : (a.modelValue - a.step).toFixed(h));
     }
     function f() {
       return p() && s();
@@ -1411,7 +1411,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     };
     return t({
       props: a
-    }), (v, S) => (y(), g("div", Zo, [
+    }), (v, _) => (y(), g("div", Zo, [
       e.label ? (y(), B(T(je), {
         key: 0,
         for: e.id,
@@ -1419,9 +1419,9 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          w(v.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+        default: M(() => [
+          k(v.$slots, "default", {}, () => [
+            z(F(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -1453,12 +1453,12 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
             step: "any",
             value: e.modelValue
           }, v.$attrs, {
-            onInput: S[0] || (S[0] = //@ts-ignore
-            (...k) => m.onInput && m.onInput(...k)),
-            onBlur: S[1] || (S[1] = //@ts-ignore
-            (...k) => m.onBlur && m.onBlur(...k)),
-            onFocus: S[2] || (S[2] = //@ts-ignore
-            (...k) => m.onFocus && m.onFocus(...k))
+            onInput: _[0] || (_[0] = //@ts-ignore
+            (...h) => m.onInput && m.onInput(...h)),
+            onBlur: _[1] || (_[1] = //@ts-ignore
+            (...h) => m.onBlur && m.onBlur(...h)),
+            onFocus: _[2] || (_[2] = //@ts-ignore
+            (...h) => m.onFocus && m.onFocus(...h))
           }), null, 16, el)
         ]),
         b("button", {
@@ -1477,7 +1477,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     ]));
   }
 });
-const ll = /* @__PURE__ */ E(ol, [["__scopeId", "data-v-8ad5d56e"]]);
+const ll = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-8ad5d56e"]]);
 function rl(e) {
   return kt() ? (xt(e), !0) : !1;
 }
@@ -1812,69 +1812,69 @@ var on = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, i, u = function(h, _, I) {
-    return h && h[_] !== void 0 ? h[_] : r[I || _];
-  }, d = function(h, _) {
-    var I = typeof (_ == null ? void 0 : _.composedPath) == "function" ? _.composedPath() : void 0;
+  }, i, u = function(w, S, I) {
+    return w && w[S] !== void 0 ? w[S] : r[I || S];
+  }, d = function(w, S) {
+    var I = typeof (S == null ? void 0 : S.composedPath) == "function" ? S.composedPath() : void 0;
     return l.containerGroups.findIndex(function(R) {
-      var M = R.container, q = R.tabbableNodes;
-      return M.contains(h) || // fall back to explicit tabbable search which will take into consideration any
+      var D = R.container, q = R.tabbableNodes;
+      return D.contains(w) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (I == null ? void 0 : I.includes(M)) || q.find(function(G) {
-        return G === h;
+      (I == null ? void 0 : I.includes(D)) || q.find(function(G) {
+        return G === w;
       });
     });
-  }, c = function(h) {
-    var _ = r[h];
-    if (typeof _ == "function") {
-      for (var I = arguments.length, R = new Array(I > 1 ? I - 1 : 0), M = 1; M < I; M++)
-        R[M - 1] = arguments[M];
-      _ = _.apply(void 0, R);
-    }
-    if (_ === !0 && (_ = void 0), !_) {
-      if (_ === void 0 || _ === !1)
-        return _;
-      throw new Error("`".concat(h, "` was specified but was not a node, or did not return a node"));
-    }
-    var q = _;
-    if (typeof _ == "string" && (q = a.querySelector(_), !q))
-      throw new Error("`".concat(h, "` as selector refers to no known node"));
+  }, c = function(w) {
+    var S = r[w];
+    if (typeof S == "function") {
+      for (var I = arguments.length, R = new Array(I > 1 ? I - 1 : 0), D = 1; D < I; D++)
+        R[D - 1] = arguments[D];
+      S = S.apply(void 0, R);
+    }
+    if (S === !0 && (S = void 0), !S) {
+      if (S === void 0 || S === !1)
+        return S;
+      throw new Error("`".concat(w, "` was specified but was not a node, or did not return a node"));
+    }
+    var q = S;
+    if (typeof S == "string" && (q = a.querySelector(S), !q))
+      throw new Error("`".concat(w, "` as selector refers to no known node"));
     return q;
   }, f = function() {
-    var h = c("initialFocus");
-    if (h === !1)
+    var w = c("initialFocus");
+    if (w === !1)
       return !1;
-    if (h === void 0 || !vt(h, r.tabbableOptions))
+    if (w === void 0 || !vt(w, r.tabbableOptions))
       if (d(a.activeElement) >= 0)
-        h = a.activeElement;
+        w = a.activeElement;
       else {
-        var _ = l.tabbableGroups[0], I = _ && _.firstTabbableNode;
-        h = I || c("fallbackFocus");
+        var S = l.tabbableGroups[0], I = S && S.firstTabbableNode;
+        w = I || c("fallbackFocus");
       }
-    if (!h)
+    if (!w)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return h;
+    return w;
   }, p = function() {
-    if (l.containerGroups = l.containers.map(function(h) {
-      var _ = kl(h, r.tabbableOptions), I = xl(h, r.tabbableOptions), R = _.length > 0 ? _[0] : void 0, M = _.length > 0 ? _[_.length - 1] : void 0, q = I.find(function(X) {
-        return Ve(X);
-      }), G = I.slice().reverse().find(function(X) {
-        return Ve(X);
-      }), ne = !!_.find(function(X) {
-        return ke(X) > 0;
+    if (l.containerGroups = l.containers.map(function(w) {
+      var S = kl(w, r.tabbableOptions), I = xl(w, r.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(ee) {
+        return Ve(ee);
+      }), G = I.slice().reverse().find(function(ee) {
+        return Ve(ee);
+      }), ne = !!S.find(function(ee) {
+        return ke(ee) > 0;
       });
       return {
-        container: h,
-        tabbableNodes: _,
+        container: w,
+        tabbableNodes: S,
         focusableNodes: I,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: ne,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: R,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: M,
+        lastTabbableNode: D,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -1895,75 +1895,75 @@ var on = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(Se) {
-          var Oe = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = _.indexOf(Se);
+          var Oe = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, pe = S.indexOf(Se);
           return pe < 0 ? Oe ? I.slice(I.indexOf(Se) + 1).find(function(Je) {
             return Ve(Je);
           }) : I.slice(0, I.indexOf(Se)).reverse().find(function(Je) {
             return Ve(Je);
-          }) : _[pe + (Oe ? 1 : -1)];
+          }) : S[pe + (Oe ? 1 : -1)];
         }
       };
-    }), l.tabbableGroups = l.containerGroups.filter(function(h) {
-      return h.tabbableNodes.length > 0;
+    }), l.tabbableGroups = l.containerGroups.filter(function(w) {
+      return w.tabbableNodes.length > 0;
     }), l.tabbableGroups.length <= 0 && !c("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (l.containerGroups.find(function(h) {
-      return h.posTabIndexesFound;
+    if (l.containerGroups.find(function(w) {
+      return w.posTabIndexesFound;
     }) && l.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, s = function H(h) {
-    var _ = h.activeElement;
-    if (_)
-      return _.shadowRoot && _.shadowRoot.activeElement !== null ? H(_.shadowRoot) : _;
-  }, m = function H(h) {
-    if (h !== !1 && h !== s(document)) {
-      if (!h || !h.focus) {
+  }, s = function H(w) {
+    var S = w.activeElement;
+    if (S)
+      return S.shadowRoot && S.shadowRoot.activeElement !== null ? H(S.shadowRoot) : S;
+  }, m = function H(w) {
+    if (w !== !1 && w !== s(document)) {
+      if (!w || !w.focus) {
         H(f());
         return;
       }
-      h.focus({
+      w.focus({
         preventScroll: !!r.preventScroll
-      }), l.mostRecentlyFocusedNode = h, Tl(h) && h.select();
-    }
-  }, v = function(h) {
-    var _ = c("setReturnFocus", h);
-    return _ || (_ === !1 ? !1 : h);
-  }, S = function(h) {
-    var _ = h.target, I = h.event, R = h.isBackward, M = R === void 0 ? !1 : R;
-    _ = _ || Ge(I), p();
+      }), l.mostRecentlyFocusedNode = w, Tl(w) && w.select();
+    }
+  }, v = function(w) {
+    var S = c("setReturnFocus", w);
+    return S || (S === !1 ? !1 : w);
+  }, _ = function(w) {
+    var S = w.target, I = w.event, R = w.isBackward, D = R === void 0 ? !1 : R;
+    S = S || Ge(I), p();
     var q = null;
     if (l.tabbableGroups.length > 0) {
-      var G = d(_, I), ne = G >= 0 ? l.containerGroups[G] : void 0;
+      var G = d(S, I), ne = G >= 0 ? l.containerGroups[G] : void 0;
       if (G < 0)
-        M ? q = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : q = l.tabbableGroups[0].firstTabbableNode;
-      else if (M) {
-        var X = rn(l.tabbableGroups, function(dt) {
+        D ? q = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : q = l.tabbableGroups[0].firstTabbableNode;
+      else if (D) {
+        var ee = rn(l.tabbableGroups, function(dt) {
           var ft = dt.firstTabbableNode;
-          return _ === ft;
+          return S === ft;
         });
-        if (X < 0 && (ne.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !ne.nextTabbableNode(_, !1)) && (X = G), X >= 0) {
-          var Se = X === 0 ? l.tabbableGroups.length - 1 : X - 1, Oe = l.tabbableGroups[Se];
-          q = ke(_) >= 0 ? Oe.lastTabbableNode : Oe.lastDomTabbableNode;
+        if (ee < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (ee = G), ee >= 0) {
+          var Se = ee === 0 ? l.tabbableGroups.length - 1 : ee - 1, Oe = l.tabbableGroups[Se];
+          q = ke(S) >= 0 ? Oe.lastTabbableNode : Oe.lastDomTabbableNode;
         } else
-          Pe(I) || (q = ne.nextTabbableNode(_, !1));
+          Pe(I) || (q = ne.nextTabbableNode(S, !1));
       } else {
         var pe = rn(l.tabbableGroups, function(dt) {
           var ft = dt.lastTabbableNode;
-          return _ === ft;
+          return S === ft;
         });
-        if (pe < 0 && (ne.container === _ || vt(_, r.tabbableOptions) && !Ve(_, r.tabbableOptions) && !ne.nextTabbableNode(_)) && (pe = G), pe >= 0) {
-          var Je = pe === l.tabbableGroups.length - 1 ? 0 : pe + 1, Mt = l.tabbableGroups[Je];
-          q = ke(_) >= 0 ? Mt.firstTabbableNode : Mt.firstDomTabbableNode;
+        if (pe < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S)) && (pe = G), pe >= 0) {
+          var Je = pe === l.tabbableGroups.length - 1 ? 0 : pe + 1, Dt = l.tabbableGroups[Je];
+          q = ke(S) >= 0 ? Dt.firstTabbableNode : Dt.firstDomTabbableNode;
         } else
-          Pe(I) || (q = ne.nextTabbableNode(_));
+          Pe(I) || (q = ne.nextTabbableNode(S));
       }
     } else
       q = c("fallbackFocus");
     return q;
-  }, k = function(h) {
-    var _ = Ge(h);
-    if (!(d(_, h) >= 0)) {
-      if (Fe(r.clickOutsideDeactivates, h)) {
+  }, h = function(w) {
+    var S = Ge(w);
+    if (!(d(S, w) >= 0)) {
+      if (Fe(r.clickOutsideDeactivates, w)) {
         i.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -1975,33 +1975,33 @@ var on = {
         });
         return;
       }
-      Fe(r.allowOutsideClick, h) || h.preventDefault();
+      Fe(r.allowOutsideClick, w) || w.preventDefault();
     }
-  }, A = function(h) {
-    var _ = Ge(h), I = d(_, h) >= 0;
-    if (I || _ instanceof Document)
-      I && (l.mostRecentlyFocusedNode = _);
+  }, E = function(w) {
+    var S = Ge(w), I = d(S, w) >= 0;
+    if (I || S instanceof Document)
+      I && (l.mostRecentlyFocusedNode = S);
     else {
-      h.stopImmediatePropagation();
-      var R, M = !0;
+      w.stopImmediatePropagation();
+      var R, D = !0;
       if (l.mostRecentlyFocusedNode)
         if (ke(l.mostRecentlyFocusedNode) > 0) {
           var q = d(l.mostRecentlyFocusedNode), G = l.containerGroups[q].tabbableNodes;
           if (G.length > 0) {
-            var ne = G.findIndex(function(X) {
-              return X === l.mostRecentlyFocusedNode;
+            var ne = G.findIndex(function(ee) {
+              return ee === l.mostRecentlyFocusedNode;
             });
-            ne >= 0 && (r.isKeyForward(l.recentNavEvent) ? ne + 1 < G.length && (R = G[ne + 1], M = !1) : ne - 1 >= 0 && (R = G[ne - 1], M = !1));
+            ne >= 0 && (r.isKeyForward(l.recentNavEvent) ? ne + 1 < G.length && (R = G[ne + 1], D = !1) : ne - 1 >= 0 && (R = G[ne - 1], D = !1));
           }
         } else
-          l.containerGroups.some(function(X) {
-            return X.tabbableNodes.some(function(Se) {
+          l.containerGroups.some(function(ee) {
+            return ee.tabbableNodes.some(function(Se) {
               return ke(Se) > 0;
             });
-          }) || (M = !1);
+          }) || (D = !1);
       else
-        M = !1;
-      M && (R = S({
+        D = !1;
+      D && (R = _({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: l.mostRecentlyFocusedNode,
@@ -2009,54 +2009,54 @@ var on = {
       })), m(R || l.mostRecentlyFocusedNode || f());
     }
     l.recentNavEvent = void 0;
-  }, P = function(h) {
-    var _ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    l.recentNavEvent = h;
-    var I = S({
-      event: h,
-      isBackward: _
+  }, N = function(w) {
+    var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    l.recentNavEvent = w;
+    var I = _({
+      event: w,
+      isBackward: S
     });
-    I && (Pe(h) && h.preventDefault(), m(I));
-  }, F = function(h) {
-    if (Il(h) && Fe(r.escapeDeactivates, h) !== !1) {
-      h.preventDefault(), i.deactivate();
+    I && (Pe(w) && w.preventDefault(), m(I));
+  }, P = function(w) {
+    if (Il(w) && Fe(r.escapeDeactivates, w) !== !1) {
+      w.preventDefault(), i.deactivate();
       return;
     }
-    (r.isKeyForward(h) || r.isKeyBackward(h)) && P(h, r.isKeyBackward(h));
-  }, j = function(h) {
-    var _ = Ge(h);
-    d(_, h) >= 0 || Fe(r.clickOutsideDeactivates, h) || Fe(r.allowOutsideClick, h) || (h.preventDefault(), h.stopImmediatePropagation());
-  }, N = function() {
+    (r.isKeyForward(w) || r.isKeyBackward(w)) && N(w, r.isKeyBackward(w));
+  }, j = function(w) {
+    var S = Ge(w);
+    d(S, w) >= 0 || Fe(r.clickOutsideDeactivates, w) || Fe(r.allowOutsideClick, w) || (w.preventDefault(), w.stopImmediatePropagation());
+  }, O = function() {
     if (l.active)
       return on.activateTrap(o, i), l.delayInitialFocusTimer = r.delayInitialFocus ? ln(function() {
         m(f());
-      }) : m(f()), a.addEventListener("focusin", A, !0), a.addEventListener("mousedown", k, {
+      }) : m(f()), a.addEventListener("focusin", E, !0), a.addEventListener("mousedown", h, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", k, {
+      }), a.addEventListener("touchstart", h, {
         capture: !0,
         passive: !1
       }), a.addEventListener("click", j, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", F, {
+      }), a.addEventListener("keydown", P, {
         capture: !0,
         passive: !1
       }), i;
-  }, O = function() {
+  }, J = function() {
     if (l.active)
-      return a.removeEventListener("focusin", A, !0), a.removeEventListener("mousedown", k, !0), a.removeEventListener("touchstart", k, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", F, !0), i;
-  }, re = function(h) {
-    var _ = h.some(function(I) {
+      return a.removeEventListener("focusin", E, !0), a.removeEventListener("mousedown", h, !0), a.removeEventListener("touchstart", h, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", P, !0), i;
+  }, re = function(w) {
+    var S = w.some(function(I) {
       var R = Array.from(I.removedNodes);
-      return R.some(function(M) {
-        return M === l.mostRecentlyFocusedNode;
+      return R.some(function(D) {
+        return D === l.mostRecentlyFocusedNode;
       });
     });
-    _ && m(f());
+    S && m(f());
   }, ie = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(re) : void 0, ue = function() {
-    ie && (ie.disconnect(), l.active && !l.paused && l.containers.map(function(h) {
-      ie.observe(h, {
+    ie && (ie.disconnect(), l.active && !l.paused && l.containers.map(function(w) {
+      ie.observe(w, {
         subtree: !0,
         childList: !0
       });
@@ -2069,49 +2069,49 @@ var on = {
     get paused() {
       return l.paused;
     },
-    activate: function(h) {
+    activate: function(w) {
       if (l.active)
         return this;
-      var _ = u(h, "onActivate"), I = u(h, "onPostActivate"), R = u(h, "checkCanFocusTrap");
-      R || p(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, _ == null || _();
-      var M = function() {
-        R && p(), N(), ue(), I == null || I();
+      var S = u(w, "onActivate"), I = u(w, "onPostActivate"), R = u(w, "checkCanFocusTrap");
+      R || p(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, S == null || S();
+      var D = function() {
+        R && p(), O(), ue(), I == null || I();
       };
-      return R ? (R(l.containers.concat()).then(M, M), this) : (M(), this);
+      return R ? (R(l.containers.concat()).then(D, D), this) : (D(), this);
     },
-    deactivate: function(h) {
+    deactivate: function(w) {
       if (!l.active)
         return this;
-      var _ = an({
+      var S = an({
         onDeactivate: r.onDeactivate,
         onPostDeactivate: r.onPostDeactivate,
         checkCanReturnFocus: r.checkCanReturnFocus
-      }, h);
-      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, O(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, i);
-      var I = u(_, "onDeactivate"), R = u(_, "onPostDeactivate"), M = u(_, "checkCanReturnFocus"), q = u(_, "returnFocus", "returnFocusOnDeactivate");
+      }, w);
+      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, J(), l.active = !1, l.paused = !1, ue(), on.deactivateTrap(o, i);
+      var I = u(S, "onDeactivate"), R = u(S, "onPostDeactivate"), D = u(S, "checkCanReturnFocus"), q = u(S, "returnFocus", "returnFocusOnDeactivate");
       I == null || I();
       var G = function() {
         ln(function() {
           q && m(v(l.nodeFocusedBeforeActivation)), R == null || R();
         });
       };
-      return q && M ? (M(v(l.nodeFocusedBeforeActivation)).then(G, G), this) : (G(), this);
+      return q && D ? (D(v(l.nodeFocusedBeforeActivation)).then(G, G), this) : (G(), this);
     },
-    pause: function(h) {
+    pause: function(w) {
       if (l.paused || !l.active)
         return this;
-      var _ = u(h, "onPause"), I = u(h, "onPostPause");
-      return l.paused = !0, _ == null || _(), O(), ue(), I == null || I(), this;
+      var S = u(w, "onPause"), I = u(w, "onPostPause");
+      return l.paused = !0, S == null || S(), J(), ue(), I == null || I(), this;
     },
-    unpause: function(h) {
+    unpause: function(w) {
       if (!l.paused || !l.active)
         return this;
-      var _ = u(h, "onUnpause"), I = u(h, "onPostUnpause");
-      return l.paused = !1, _ == null || _(), p(), N(), ue(), I == null || I(), this;
+      var S = u(w, "onUnpause"), I = u(w, "onPostUnpause");
+      return l.paused = !1, S == null || S(), p(), O(), ue(), I == null || I(), this;
     },
-    updateContainerElements: function(h) {
-      var _ = [].concat(h).filter(Boolean);
-      return l.containers = _.map(function(I) {
+    updateContainerElements: function(w) {
+      var S = [].concat(w).filter(Boolean);
+      return l.containers = S.map(function(I) {
         return typeof I == "string" ? a.querySelector(I) : I;
       }), l.active && p(), ue(), this;
     }
@@ -2124,7 +2124,7 @@ function Tn(e, t = {}) {
   }, c = () => {
     n && (n.unpause(), l.value = !1);
   };
-  return ee(
+  return Q(
     () => sl(e),
     (f) => {
       f && (n = Al(f, {
@@ -2156,7 +2156,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
 }, Rl = {
   key: 1,
   class: "joy-dialog--indicators"
-}, Ml = /* @__PURE__ */ L({
+}, Dl = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2227,29 +2227,29 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = "joy-dialog--" + _e(), r = Q(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-dialog--" + _e(), r = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const j = r["dialog-cancel"] || r["dialog-confirm"], N = a.cancelText || a.confirmText;
-      return !!j || !!N;
+      const j = r["dialog-cancel"] || r["dialog-confirm"], O = a.cancelText || a.confirmText;
+      return !!j || !!O;
     }), m = V(() => a.id || o).value + "-header";
     function v() {
-      !a.patternConfirm && S();
+      !a.patternConfirm && _();
     }
-    async function S(j = { fireHideEvent: !0 }) {
+    async function _(j = { fireHideEvent: !0 }) {
       d.deactivate(), u.value = !1, await Re(), me(!1), j.fireHideEvent && n("dialog:hide");
     }
-    async function k() {
+    async function h() {
       u.value = !0, await Re(), a.focusTrap && d.activate(), a.preventBodyScroll && me(!0);
     }
-    function A() {
+    function E() {
       n("dialog:open");
     }
-    function P() {
+    function N() {
       n("dialog:after-open");
     }
-    function F() {
+    function P() {
       n("dialog:after-hide");
     }
     return le(async () => {
@@ -2259,10 +2259,10 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
-      hide: S,
+      hide: _,
       isOpen: u,
-      show: k
-    }), (j, N) => l.value ? (y(), B(rt, {
+      show: h
+    }), (j, O) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2270,11 +2270,11 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: A,
-        onAfterEnter: P,
-        onAfterLeave: F
+        onEnter: E,
+        onAfterEnter: N,
+        onAfterLeave: P
       }, {
-        default: D(() => [
+        default: M(() => [
           u.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: e.id || o,
             ref_key: "dialogRef",
@@ -2318,10 +2318,10 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     id: m,
                     class: "joy-dialog--header__title"
                   }, [
-                    w(j.$slots, "dialog-header", {}, void 0, !0)
+                    k(j.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   b("p", Fl, [
-                    w(j.$slots, "dialog-subheader", {}, void 0, !0)
+                    k(j.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? x("", !0) : (y(), B(T(de), {
                     key: 0,
@@ -2333,11 +2333,11 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: N[0] || (N[0] = (O) => S())
+                    onClick: O[0] || (O[0] = (J) => _())
                   }, null, 8, ["label"]))
                 ]),
                 b("div", Pl, [
-                  w(j.$slots, "dialog-body", {}, void 0, !0)
+                  k(j.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: $([
@@ -2351,31 +2351,31 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: D(() => [
-                      w(j.$slots, "dialog-cancel", {}, () => [
+                    default: M(() => [
+                      k(j.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: N[1] || (N[1] = (O) => S())
+                          onClick: O[1] || (O[1] = (J) => _())
                         }, {
-                          default: D(() => [
-                            z(J(e.cancelText), 1)
+                          default: M(() => [
+                            z(F(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
-                      w(j.$slots, "dialog-confirm", {}, () => [
+                      k(j.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: N[2] || (N[2] = (O) => n("dialog:confirm"))
+                          onClick: O[2] || (O[2] = (J) => n("dialog:confirm"))
                         }, {
-                          default: D(() => [
-                            z(J(e.confirmText), 1)
+                          default: M(() => [
+                            z(F(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
@@ -2385,7 +2385,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                   })
                 ], 2),
                 T(r)["dialog-indicators"] ? (y(), g("div", Rl, [
-                  w(j.$slots, "dialog-indicators", {}, void 0, !0)
+                  k(j.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
             ], 2)
@@ -2396,14 +2396,14 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
     ], 8, ["to"])) : x("", !0);
   }
 });
-const Dl = /* @__PURE__ */ E(Ml, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @__PURE__ */ L({
+const Ml = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.dialog), o = X(), r = V(() => o.default());
     async function l() {
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
@@ -2432,14 +2432,14 @@ const Dl = /* @__PURE__ */ E(Ml, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @_
       ]),
       b("div", Wl, [
         b("p", Ul, [
-          w(t.$slots, "default", {}, void 0, !0)
+          k(t.$slots, "default", {}, void 0, !0)
         ]),
-        w(t.$slots, "divider-content", {}, void 0, !0)
+        k(t.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, ql));
   }
 });
-const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"], Zl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, Xl = {
+const Kl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"], Zl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, Xl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
 }, er = {
@@ -2505,26 +2505,26 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = "joy-drawer--" + _e(), r = Q(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
+    const a = e, o = "joy-drawer--" + _e(), r = X(), l = C(!1), i = C(), u = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
-      const F = r["drawer-cancel"] || r["drawer-confirm"], j = a.cancelText || a.confirmText;
-      return !!F || !!j;
+      const P = r["drawer-cancel"] || r["drawer-confirm"], j = a.cancelText || a.confirmText;
+      return !!P || !!j;
     }), s = V(() => a.id || o), m = s.value + "-header";
-    async function v(F = { fireHideEvent: !0 }) {
-      d.deactivate(), u.value = !1, await Re(), me(!1), F.fireHideEvent && n("drawer:hide");
+    async function v(P = { fireHideEvent: !0 }) {
+      d.deactivate(), u.value = !1, await Re(), me(!1), P.fireHideEvent && n("drawer:hide");
     }
-    async function S() {
+    async function _() {
       u.value = !0, await Re(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
-    function k() {
+    function h() {
       n("drawer:open");
     }
-    function A() {
+    function E() {
       n("drawer:after-open");
     }
-    function P() {
+    function N() {
       n("drawer:after-hide");
     }
     return le(() => {
@@ -2536,8 +2536,8 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
       hasFooterSlots: p,
       hide: v,
       isOpen: u,
-      show: S
-    }), (F, j) => l.value ? (y(), B(rt, {
+      show: _
+    }), (P, j) => l.value ? (y(), B(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2545,11 +2545,11 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: k,
-        onAfterEnter: A,
-        onAfterLeave: P
+        onEnter: h,
+        onAfterEnter: E,
+        onAfterLeave: N
       }, {
-        default: D(() => [
+        default: M(() => [
           u.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: s.value,
             ref_key: "drawerRef",
@@ -2565,7 +2565,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               }
             ],
             "aria-labelledby": m,
-            onKeydown: j[4] || (j[4] = Ct((N) => v(), ["esc"]))
+            onKeydown: j[4] || (j[4] = Ct((O) => v(), ["esc"]))
           }), [
             e.elevated ? x("", !0) : (y(), g("div", {
               key: 0,
@@ -2575,7 +2575,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                   "joy-drawer__overlay--open": u.value
                 }
               ]),
-              onClick: j[0] || (j[0] = (N) => v())
+              onClick: j[0] || (j[0] = (O) => v())
             }, null, 2)),
             b("div", {
               class: $([
@@ -2591,10 +2591,10 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     id: m,
                     class: "joy-drawer--header__title"
                   }, [
-                    w(F.$slots, "drawer-header", {}, void 0, !0)
+                    k(P.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   b("p", Xl, [
-                    w(F.$slots, "drawer-subheader", {}, void 0, !0)
+                    k(P.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   U(T(de), {
                     id: "joy-drawer--close",
@@ -2605,11 +2605,11 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: j[1] || (j[1] = (N) => v())
+                    onClick: j[1] || (j[1] = (O) => v())
                   }, null, 8, ["label"])
                 ]),
                 b("div", er, [
-                  w(F.$slots, "drawer-body", {}, void 0, !0)
+                  k(P.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: $([
@@ -2623,31 +2623,31 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: D(() => [
-                      w(F.$slots, "drawer-cancel", {}, () => [
+                    default: M(() => [
+                      k(P.$slots, "drawer-cancel", {}, () => [
                         e.cancelText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: j[2] || (j[2] = (N) => v())
+                          onClick: j[2] || (j[2] = (O) => v())
                         }, {
-                          default: D(() => [
-                            z(J(e.cancelText), 1)
+                          default: M(() => [
+                            z(F(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
-                      w(F.$slots, "drawer-confirm", {}, () => [
+                      k(P.$slots, "drawer-confirm", {}, () => [
                         e.confirmText ? (y(), B(T(de), {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: j[3] || (j[3] = (N) => n("drawer:confirm"))
+                          onClick: j[3] || (j[3] = (O) => n("drawer:confirm"))
                         }, {
-                          default: D(() => [
-                            z(J(e.confirmText), 1)
+                          default: M(() => [
+                            z(F(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
@@ -2657,7 +2657,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                   })
                 ], 2),
                 T(r)["drawer-indicators"] ? (y(), g("div", tr, [
-                  w(F.$slots, "drawer-indicators", {}, void 0, !0)
+                  k(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
             ], 2)
@@ -2668,14 +2668,14 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
     ], 8, ["to"])) : x("", !0);
   }
 });
-const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
+const ar = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.drawer), o = Q(), r = V(() => o.default());
+    const n = e, a = V(() => n.drawer), o = X(), r = V(() => o.default());
     async function l() {
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
@@ -2767,10 +2767,10 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
           n("update:modelValue", v.dataModel);
         }
         if (d() && s.key === " " && s.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) {
-          const v = i(), S = d();
-          let k = v.indexOf(S);
+          const v = i(), _ = d();
+          let h = v.indexOf(_);
           if (v.length) {
-            s.preventDefault(), s.key === "ArrowDown" ? k++ : s.key === "ArrowUp" ? k-- : s.key === "Home" ? k = 0 : s.key === "End" && (k = v.length - 1), k < 0 && (k = v.length - 1), k > v.length - 1 && (k = 0), f(v[k]);
+            s.preventDefault(), s.key === "ArrowDown" ? h++ : s.key === "ArrowUp" ? h-- : s.key === "Home" ? h = 0 : s.key === "End" && (h = v.length - 1), h < 0 && (h = v.length - 1), h > v.length - 1 && (h = 0), f(v[h]);
             return;
           }
         }
@@ -2798,15 +2798,15 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
-        }, J(e.resetLabel || "Reset"), 1)) : x("", !0),
-        w(s.$slots, "dropdown-list-header", {}, void 0, !0)
+        }, F(e.resetLabel || "Reset"), 1)) : x("", !0),
+        k(s.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : x("", !0),
       b("div", {
         tabindex: "0",
         class: $(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": s.$slots["dropdown-list-items"] }]),
         style: ce({ "max-height": `${e.height}px` })
       }, [
-        w(s.$slots, "dropdown-list-items", {}, void 0, !0),
+        k(s.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (y(), g("ul", {
           key: 0,
           ref_key: "listbox",
@@ -2835,21 +2835,21 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             "aria-label": v.label,
             ".dataModel": v.value || v.id,
             role: "option",
-            onClick: (S) => l(v)
+            onClick: (_) => l(v)
           }, [
-            w(s.$slots, "label", ze(qe(v)), () => [
-              b("span", null, J(v.label), 1)
+            k(s.$slots, "label", ze(qe(v)), () => [
+              b("span", null, F(v.label), 1)
             ], !0)
           ], 14, ir))), 128))
         ], 8, rr)) : x("", !0)
       ], 6),
       s.$slots["dropdown-list-footer"] ? (y(), g("footer", sr, [
-        w(s.$slots, "dropdown-list-footer", {}, void 0, !0)
+        k(s.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : x("", !0)
     ], 4));
   }
 });
-const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
+const Ln = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2946,7 +2946,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
       ignore: [l, ".joy-dropdown__list"]
     };
     let p = null;
-    ee(
+    Q(
       () => o.value,
       (j) => {
         j && Ga(i);
@@ -2965,36 +2965,36 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
       }, 300);
     }
     function v(j) {
-      d.value = !1, p && clearTimeout(p), u.value = j.target, o.value = !0, n("dropdown:open");
+      j.stopPropagation(), d.value = !1, p && clearTimeout(p), u.value = j.target, o.value = !0, n("dropdown:open");
     }
-    function S() {
-      m(), k();
+    function _() {
+      m(), h();
     }
-    function k() {
+    function h() {
       u.value && u.value.focus();
     }
-    function A(j) {
-      n("update:modelValue", j), a.closeOnSelect && (m(), k());
+    function E(j) {
+      n("update:modelValue", j), a.closeOnSelect && (m(), h());
     }
-    function P() {
+    function N() {
       n("dropdown:reset");
     }
-    function F() {
+    function P() {
       !l.value || !l.value.children.length || (l.value.children[0].id = c);
     }
     return Yo(m), le(() => {
-      F();
+      P();
     }), t({
       showDropdownList: o,
       generatedId: c
-    }), (j, N) => (y(), B(T(Lt), {
+    }), (j, O) => (y(), B(T(Lt), {
       ref_key: "dropdown",
       ref: r,
       options: f,
       class: "joy-dropdown",
       onTrigger: m
     }, {
-      default: D(() => [
+      default: M(() => [
         b("div", {
           ref_key: "button",
           ref: l,
@@ -3002,7 +3002,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
           "data-testid": "dropdown-trigger",
           onClick: v
         }, [
-          w(j.$slots, "dropdown-button", {}, void 0, !0)
+          k(j.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         o.value ? (y(), g("div", {
           key: 0,
@@ -3028,35 +3028,35 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": c,
-            "onUpdate:modelValue": A,
-            "onClose:dropdownList": S,
-            onReset: P
+            "onUpdate:modelValue": E,
+            "onClose:dropdownList": _,
+            onReset: N
           }, pn({
-            label: D((O) => [
-              w(j.$slots, "dropdown-item", ze(qe(O)), () => [
-                b("span", null, J(O.label), 1)
+            label: M((J) => [
+              k(j.$slots, "dropdown-item", ze(qe(J)), () => [
+                b("span", null, F(J.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
             j.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: D(() => [
-                w(j.$slots, "dropdown-header", {}, void 0, !0)
+              fn: M(() => [
+                k(j.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             j.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: D(() => [
-                w(j.$slots, "dropdown-items", {}, void 0, !0)
+              fn: M(() => [
+                k(j.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             j.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: D(() => [
-                w(j.$slots, "dropdown-footer", {}, void 0, !0)
+              fn: M(() => [
+                k(j.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -3067,7 +3067,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     }, 512));
   }
 });
-const dr = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-1f0943e6"]]), fr = ["aria-label"], yr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
+const dr = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-a27687c9"]]), fr = ["aria-label"], yr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
@@ -3079,12 +3079,12 @@ const dr = /* @__PURE__ */ E(cr, [["__scopeId", "data-v-1f0943e6"]]), fr = ["ari
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       b("div", yr, [
-        w(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ])
     ], 8, fr));
   }
 });
-const pr = /* @__PURE__ */ E(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
+const pr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -3108,8 +3108,8 @@ const pr = /* @__PURE__ */ E(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
       class: $(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: o
     }, [
-      z(J(e.label) + " ", 1),
-      w(r.$slots, "default", {}, void 0, !0),
+      z(F(e.label) + " ", 1),
+      k(r.$slots, "default", {}, void 0, !0),
       T(a) ? (y(), B(W, {
         key: 0,
         class: "joy-filter-bar-button__icon",
@@ -3120,20 +3120,20 @@ const pr = /* @__PURE__ */ E(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
     ], 2));
   }
 });
-const br = /* @__PURE__ */ E(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { class: "joy-footer" }, hr = { class: "joy-footer__left" }, _r = { class: "joy-footer__right" }, wr = /* @__PURE__ */ L({
+const br = /* @__PURE__ */ A(mr, [["__scopeId", "data-v-8f87fed1"]]), gr = { class: "joy-footer" }, hr = { class: "joy-footer__left" }, _r = { class: "joy-footer__right" }, wr = /* @__PURE__ */ L({
   __name: "VJoyFooter",
   setup(e) {
     return (t, n) => (y(), g("footer", gr, [
       b("div", hr, [
-        w(t.$slots, "footer-left", {}, void 0, !0)
+        k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
       b("div", _r, [
-        w(t.$slots, "footer-right", {}, void 0, !0)
+        k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Sr = /* @__PURE__ */ E(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["aria-hidden"], xr = /* @__PURE__ */ L({
+const Sr = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["aria-hidden"], xr = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3155,14 +3155,14 @@ const Sr = /* @__PURE__ */ E(wr, [["__scopeId", "data-v-e174785d"]]), kr = ["ari
         name: "warning-triangle"
       }),
       b("div", null, [
-        w(t.$slots, "default", {}, () => [
-          z(J(e.noHtmlErrorText), 1)
+        k(t.$slots, "default", {}, () => [
+          z(F(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, kr));
   }
 });
-const En = /* @__PURE__ */ E(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
+const En = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3201,7 +3201,7 @@ const En = /* @__PURE__ */ E(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     }, null, 6));
   }
 });
-const jr = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
+const jr = /* @__PURE__ */ A(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
   Ir
 ], Er = { class: "joy-funnel__footer" }, Br = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
@@ -3223,7 +3223,7 @@ const jr = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = C(!0), a = Q();
+    const n = C(!0), a = X();
     function o(l) {
       const i = l.currentTarget;
       n.value = i.scrollTop === 0;
@@ -3243,10 +3243,10 @@ const jr = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
     }, [
       b("div", $r, [
         b("div", Vr, [
-          w(l.$slots, "funnel-header", {}, void 0, !0)
+          k(l.$slots, "funnel-header", {}, void 0, !0)
         ]),
         b("div", Tr, [
-          w(l.$slots, "funnel-stepper", {}, void 0, !0)
+          k(l.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
       e.hideShapes ? x("", !0) : (y(), g("div", {
@@ -3260,29 +3260,29 @@ const jr = /* @__PURE__ */ E(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { cla
         b("div", {
           class: $(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          w(l.$slots, "default", {}, void 0, !0)
+          k(l.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
       b("div", Er, [
-        w(l.$slots, "funnel-footer", {}, void 0, !0)
+        k(l.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Ar = /* @__PURE__ */ E(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Jr = { class: "joy-header__right" }, Fr = /* @__PURE__ */ L({
+const Ar = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-0abeb951"]]), Nr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Jr = { class: "joy-header__right" }, Fr = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
     return (t, n) => (y(), g("header", Nr, [
       b("div", Or, [
-        w(t.$slots, "header-left", {}, void 0, !0)
+        k(t.$slots, "header-left", {}, void 0, !0)
       ]),
       b("div", Jr, [
-        w(t.$slots, "header-right", {}, void 0, !0)
+        k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Pr = /* @__PURE__ */ E(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Mr = { class: "joy-highlight--text" }, Dr = { key: 0 }, zr = /* @__PURE__ */ L({
+const Pr = /* @__PURE__ */ A(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Dr = { class: "joy-highlight--text" }, Mr = { key: 0 }, zr = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3322,21 +3322,21 @@ const Pr = /* @__PURE__ */ E(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
         key: 0,
         name: a.value
       }, null, 8, ["name"])) : x("", !0),
-      b("div", Mr, [
-        o.$slots["highlight-title"] ? (y(), g("strong", Dr, [
-          w(o.$slots, "highlight-title", {}, void 0, !0)
+      b("div", Dr, [
+        o.$slots["highlight-title"] ? (y(), g("strong", Mr, [
+          k(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : x("", !0),
-        w(o.$slots, "default", {}, void 0, !0)
+        k(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const qr = /* @__PURE__ */ E(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
+const qr = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
     value: {
-      type: String,
+      type: [String, Number],
       required: !0
     },
     /** Automatically handled by parent. No need to set it manually */
@@ -3360,12 +3360,12 @@ const qr = /* @__PURE__ */ E(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["ari
       b("button", {
         type: "button",
         class: $(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
-        "aria-label": e.ariaLabel || e.value
+        "aria-label": e.ariaLabel || e.value.toString()
       }, null, 10, Hr)
     ], 2));
   }
 });
-const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @__PURE__ */ L({
+const Bn = /* @__PURE__ */ A(Wr, [["__scopeId", "data-v-2babb982"]]), Ur = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3373,12 +3373,12 @@ const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     },
     /** Use the component with a v-model to easily handle selected items */
     modelValue: {
-      type: String
+      type: [String, Number]
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = C(a.modelValue), l = V(() => {
+    const a = e, o = X(), r = C(a.modelValue), l = V(() => {
       const c = o.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(u) : c.filter(u);
     });
@@ -3392,7 +3392,12 @@ const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     function d(c) {
       n("update:modelValue", c.props.value), r.value = c.props.value;
     }
-    return t({
+    return Q(
+      () => a.modelValue,
+      (c, f) => {
+        c !== f && (r.value = c);
+      }
+    ), t({
       indicators: l,
       isSelected: i
     }), (c, f) => (y(), g("ul", {
@@ -3407,7 +3412,7 @@ const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     ], 2));
   }
 });
-const Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["small", "medium", "large"], Yr = {
+const Gr = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-1bac2aa7"]]), Kr = ["small", "medium", "large"], Yr = {
   key: 0,
   class: "joy-label-required"
 }, Zr = {
@@ -3440,18 +3445,18 @@ const Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["sma
     return (t, n) => (y(), B(oe(e.tagName), te({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
-      default: D(() => [
-        w(t.$slots, "default", {}, () => [
-          z(J(e.text), 1)
+      default: M(() => [
+        k(t.$slots, "default", {}, () => [
+          z(F(e.text), 1)
         ], !0),
         e.required ? (y(), g("span", Yr, "*")) : x("", !0),
-        e.optionalLabel ? (y(), g("span", Zr, "- " + J(e.optionalLabel), 1)) : x("", !0)
+        e.optionalLabel ? (y(), g("span", Zr, "- " + F(e.optionalLabel), 1)) : x("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["large", "medium", "small"], ei = ["id", "name", "required", "disabled", "readonly", "type", "value"], ti = ["data-unit"], ni = /* @__PURE__ */ L({
+const je = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["large", "medium", "small"], ei = ["id", "name", "required", "disabled", "readonly", "type", "value"], ti = ["data-unit"], ni = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3529,62 +3534,71 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, a = C(), o = C(), r = Ae(), l = Q(), i = C(!1);
-    Bt(a, n.autofocus);
-    const u = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), d = V(() => l.default && l.default()), c = V(() => {
-      var s, m;
-      return !!((s = o.value) != null && s.closest("joy-wrapper")) || !!((m = o.value) != null && m.closest(".joy-wrapper"));
-    }), f = C(n.type);
+  setup(e, { expose: t, emit: n }) {
+    const a = e, o = C(), r = C(), l = Ae(), i = X(), u = C(!1), d = C(!1);
+    Bt(o, a.autofocus);
+    const c = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), f = V(() => i.default && i.default()), p = V(() => {
+      var h, E;
+      return !!((h = r.value) != null && h.closest("joy-wrapper")) || !!((E = r.value) != null && E.closest(".joy-wrapper"));
+    }), s = C(a.type), m = V(() => a.type === "password" && !!a.modelValue);
     na(() => {
-      f.value = n.unit ? "number" : n.type;
+      s.value = a.unit ? "number" : a.type;
     });
-    const p = {
+    function v() {
+      var h;
+      a.readonly || (h = o.value) == null || h.focus();
+    }
+    const _ = {
       onFocus: () => {
-        n.readonly || (i.value = !0);
+        a.readonly || (u.value = !0);
       },
       onBlur: () => {
-        i.value = !1;
+        u.value = !1;
       },
-      onInput: (s) => {
-        let m = s.target.value;
-        n.modelModifiers.lazy || t("update:modelValue", m);
+      onInput: (h) => {
+        let E = h.target.value;
+        a.modelModifiers.lazy || n("update:modelValue", E);
       },
-      onChange: (s) => {
-        let m = s.target.value;
-        n.modelModifiers.lazy && t("update:modelValue", m);
+      onChange: (h) => {
+        let E = h.target.value;
+        a.modelModifiers.lazy && n("update:modelValue", E);
       },
       clearValue: () => {
-        n.disabled || t("update:modelValue", "");
+        a.disabled || n("update:modelValue", "");
+      },
+      togglePassword: (h) => {
+        h.preventDefault(), d.value = !d.value, d.value ? s.value = "text" : s.value = "password";
       }
     };
-    return (s, m) => (y(), g("div", {
+    return t({
+      focus: v
+    }), (h, E) => (y(), g("div", {
       ref_key: "root",
-      ref: o,
-      class: $([`joy-input--${n.size}`])
+      ref: r,
+      class: $([`joy-input--${a.size}`])
     }, [
       b("div", {
         class: $([
           "joy-input",
           {
-            "joy-input--focusing": i.value,
+            "joy-input--focusing": u.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
             "joy-input--readonly": e.readonly,
-            "joy-input--valid": !e.invalid && !T(r).disabled
+            "joy-input--valid": !e.invalid && !T(l).disabled
           }
         ])
       }, [
-        d.value || e.label ? (y(), B(je, {
+        f.value || e.label ? (y(), B(je, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: D(() => [
-            w(s.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+          default: M(() => [
+            k(h.$slots, "default", {}, () => [
+              z(F(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -3596,14 +3610,14 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
               "joy-input--wrapper-has-icon": !!e.icon,
               "joy-input--wrapper---clearable": e.clearable,
               "joy-input--wrapper-unit": !!e.unit,
-              "joy-input--wrapper-margin": !c.value
+              "joy-input--wrapper-margin": !p.value
             }
           ])
         }, [
-          b("input", te(s.$attrs, {
+          b("input", te(h.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
-            ref: a,
+            ref: o,
             name: e.name,
             required: e.required,
             disabled: e.disabled,
@@ -3614,33 +3628,39 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
                 "joy-input--field-invalid": e.invalid
               }
             ],
-            type: f.value,
+            type: s.value,
             value: e.modelValue,
-            onFocus: m[0] || (m[0] = //@ts-ignore
-            (...v) => p.onFocus && p.onFocus(...v)),
-            onBlur: m[1] || (m[1] = //@ts-ignore
-            (...v) => p.onBlur && p.onBlur(...v)),
-            onInput: m[2] || (m[2] = //@ts-ignore
-            (...v) => p.onInput && p.onInput(...v)),
-            onChange: m[3] || (m[3] = //@ts-ignore
-            (...v) => p.onChange && p.onChange(...v))
+            onFocus: E[0] || (E[0] = //@ts-ignore
+            (...N) => _.onFocus && _.onFocus(...N)),
+            onBlur: E[1] || (E[1] = //@ts-ignore
+            (...N) => _.onBlur && _.onBlur(...N)),
+            onInput: E[2] || (E[2] = //@ts-ignore
+            (...N) => _.onInput && _.onInput(...N)),
+            onChange: E[3] || (E[3] = //@ts-ignore
+            (...N) => _.onChange && _.onChange(...N))
           }), null, 16, ei),
-          u.value ? (y(), B(de, {
+          c.value ? (y(), B(de, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: p.clearValue
+            onClick: _.clearValue
           }, null, 8, ["onClick"])) : x("", !0),
-          e.icon ? (y(), B(W, {
+          m.value ? (y(), B(W, {
             key: 1,
+            class: "joy-input--password-icon",
+            name: d.value ? "eye-masked" : "eye",
+            onClick: _.togglePassword
+          }, null, 8, ["name", "onClick"])) : x("", !0),
+          e.icon ? (y(), B(W, {
+            key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
           }, null, 8, ["name"])) : x("", !0),
           e.unit ? (y(), g("div", {
-            key: 2,
+            key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
           }, null, 8, ti)) : x("", !0)
@@ -3649,7 +3669,7 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
     ], 2));
   }
 });
-const ai = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-dfad36d7"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
+const ai = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-3dafc1cb"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3674,13 +3694,13 @@ const ai = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-dfad36d7"]]), oi = ["tea
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : x("", !0),
-      w(t.$slots, "default", {}, () => [
-        z(J(e.text), 1)
+      k(t.$slots, "default", {}, () => [
+        z(F(e.text), 1)
       ], !0)
     ], 16, li));
   }
 });
-const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
+const ii = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3767,19 +3787,19 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
         onClick: (m) => l(s)
       }, [
         b("div", ci, [
-          w(f.$slots, "menu-item", ze(qe(s)), () => [
+          k(f.$slots, "menu-item", ze(qe(s)), () => [
             s.icon ? (y(), B(W, {
               key: 0,
               name: s.icon
             }, null, 8, ["name"])) : x("", !0),
-            b("span", null, J(s.label), 1)
+            b("span", null, F(s.label), 1)
           ], !0)
         ])
       ], 10, ui))), 128))
     ], 40, si));
   }
 });
-const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
+const fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
   class: /* @__PURE__ */ $(["joy-multi-checkbox"])
 }, pi = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
@@ -3835,8 +3855,8 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          z(J(e.label), 1)
+        default: M(() => [
+          z(F(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
@@ -3849,9 +3869,9 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
           checked: a(i),
           "onUpdate:checked": (u) => o(i.value, u)
         }, {
-          default: D(() => [
-            w(r.$slots, "checkbox", ze(qe(i)), () => [
-              z(J(i.label), 1)
+          default: M(() => [
+            k(r.$slots, "checkbox", ze(qe(i)), () => [
+              z(F(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -3860,7 +3880,7 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
     ], 8, yi));
   }
 });
-const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
+const mi = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3948,7 +3968,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     }, [
       b("ul", null, [
         b("li", gi, [
-          w(d.$slots, "pagination-prev", {}, () => [
+          k(d.$slots, "pagination-prev", {}, () => [
             U(sn, {
               label: e.labelPrev,
               disabled: e.currentPage === 1,
@@ -3968,12 +3988,12 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
                   "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && f === e.totalPages && a.value
                 }),
                 onClick: (p) => l(f)
-              }, J(f), 11, hi)
+              }, F(f), 11, hi)
             ]))), 128))
           ])
         ]),
         b("li", _i, [
-          w(d.$slots, "pagination-next", {}, () => [
+          k(d.$slots, "pagination-next", {}, () => [
             U(sn, {
               next: "",
               label: e.labelNext,
@@ -3986,7 +4006,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     ], 8, bi));
   }
 });
-const ki = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
+const ki = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
   key: 0,
   class: /* @__PURE__ */ $(["joy-panel__header"])
 }, $i = {
@@ -4032,7 +4052,7 @@ const ki = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
     }
   },
   setup(e) {
-    const t = it("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = Q(), o = C(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    const t = it("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
     return (l, i) => (y(), g("section", {
       ref_key: "panel",
       ref: o,
@@ -4051,35 +4071,35 @@ const ki = /* @__PURE__ */ E(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["sma
           key: 0,
           class: $(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          w(l.$slots, "panel-title", {}, void 0, !0)
+          k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : x("", !0),
         T(a)["panel-title-action"] ? (y(), g("div", $i, [
-          w(l.$slots, "panel-title-action", {}, void 0, !0)
+          k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : x("", !0),
         T(a)["panel-subtitle"] ? (y(), g("div", Vi, [
-          w(l.$slots, "panel-subtitle", {}, void 0, !0)
+          k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : x("", !0)
       ])) : x("", !0),
       b("div", Ti, [
-        w(l.$slots, "panel-body", {}, void 0, !0)
+        k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
       T(a)["panel-action"] ? (y(), g("footer", Ii, [
-        w(l.$slots, "panel-action", {}, void 0, !0)
+        k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : x("", !0),
       e.loading ? (y(), B(T(At), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: D(() => [
-          w(l.$slots, "panel-loader-content", {}, void 0, !0)
+        content: M(() => [
+          k(l.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : x("", !0)
     ], 6));
   }
 });
-const Ei = /* @__PURE__ */ E(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
+const Ei = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
   key: 0,
   class: "joy-panel-section__title"
 }, Ni = {
@@ -4088,18 +4108,18 @@ const Ei = /* @__PURE__ */ E(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { cla
 }, Oi = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = Q();
+    const t = X();
     return (n, a) => (y(), g("div", Bi, [
       T(t)["panel-section-title"] ? (y(), g("div", Ai, [
-        w(n.$slots, "panel-section-title", {}, void 0, !0)
+        k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : x("", !0),
       T(t)["panel-section-content"] ? (y(), g("div", Ni, [
-        w(n.$slots, "panel-section-content", {}, void 0, !0)
+        k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : x("", !0)
     ]));
   }
 });
-const Ji = /* @__PURE__ */ E(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
+const Ji = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -4141,7 +4161,7 @@ const Ji = /* @__PURE__ */ E(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { cla
     ]));
   }
 });
-const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id", "value", "checked", "disabled", "required", "name"], Di = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
+const Ri = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id", "value", "checked", "disabled", "required", "name"], Mi = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -4164,20 +4184,20 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
     },
     // ...FORM_BASED_PROPS,
     modelValue: {
-      type: String
+      type: [String, Number]
     },
     theme: {
       type: String,
       default: "default"
     },
     value: {
-      type: String,
+      type: [String, Number],
       required: !0
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), u = Q(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), u = X(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function c() {
       o.value = !!u["expandable-content"] && d.value;
     }
@@ -4193,7 +4213,7 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
     function s() {
       r.value = !1;
     }
-    return ee(
+    return Q(
       () => a.modelValue,
       () => {
         c();
@@ -4227,26 +4247,26 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
         onChange: f,
         onFocus: p,
         onBlur: s
-      }, null, 40, Mi),
-      b("span", Di, [
-        w(m.$slots, "default", {}, void 0, !0)
+      }, null, 40, Di),
+      b("span", Mi, [
+        k(m.$slots, "default", {}, void 0, !0)
       ]),
       b("div", zi, [
         b("div", qi, [
-          w(m.$slots, "radio-content", {}, void 0, !0)
+          k(m.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
           ref_key: "expandableElement",
           ref: i,
           class: $(["joy-radio-expandable", { "joy-radio-expandable--expanded": o.value }])
         }, [
-          w(m.$slots, "expandable-content", {}, void 0, !0)
+          k(m.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Wi = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-24cea99b"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
+const Wi = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-dd46e26a"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -4274,16 +4294,16 @@ const Wi = /* @__PURE__ */ E(Hi, [["__scopeId", "data-v-24cea99b"]]), Ui = ["for
       form: e.form,
       name: e.name
     }, [
-      w(t.$slots, "radio-group-legend", {}, void 0, !0),
+      k(t.$slots, "radio-group-legend", {}, void 0, !0),
       b("div", {
         class: $(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        w(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Ui));
   }
 });
-const Ki = /* @__PURE__ */ E(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
+const Ki = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -4337,14 +4357,14 @@ const Ki = /* @__PURE__ */ E(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
         ], 2))), 128))
       ]),
       b("div", Qi, [
-        w(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (y(), g("span", Xi, "(" + J(e.reviewCount) + ")", 1)) : x("", !0)
+        k(r.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (y(), g("span", Xi, "(" + F(e.reviewCount) + ")", 1)) : x("", !0)
         ], !0)
       ])
     ], 8, Yi));
   }
 });
-const An = /* @__PURE__ */ E(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
+const An = /* @__PURE__ */ A(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
   key: 0,
   class: "joy-screen-loader__content"
 }, as = /* @__PURE__ */ L({
@@ -4366,19 +4386,19 @@ const An = /* @__PURE__ */ E(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { cla
       class: $(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       b("div", ts, [
-        w(t.$slots, "spinner", {}, () => [
+        k(t.$slots, "spinner", {}, () => [
           U($t, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
         t.$slots.content ? (y(), g("div", ns, [
-          w(t.$slots, "content", {}, void 0, !0)
+          k(t.$slots, "content", {}, void 0, !0)
         ])) : x("", !0)
       ])
     ], 2));
   }
 });
-const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
+const At = /* @__PURE__ */ A(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4422,18 +4442,18 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = V(() => {
+    const a = e, o = X(), r = V(() => {
       const m = o.default();
       let v = [];
-      return m.forEach((S) => {
-        if (l(S))
-          v.push(S);
+      return m.forEach((_) => {
+        if (l(_))
+          v.push(_);
         else {
-          const k = S.children;
-          if (typeof k == "string" || !k.length)
+          const h = _.children;
+          if (typeof h == "string" || !h.length)
             return;
-          const A = k.filter(l);
-          v = [...v, ...A];
+          const E = h.filter(l);
+          v = [...v, ...E];
         }
       }), v;
     });
@@ -4442,18 +4462,18 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     }
     const i = C(), u = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     le(() => {
-      var S;
+      var _;
       const m = o["select-label"] && o["select-label"]();
       if (!m || !m.length)
         return;
       const v = m[0];
       if (v.type === "JoyLabel") {
-        const k = (S = v.props) == null ? void 0 : S.for;
-        if (!k) {
+        const h = (_ = v.props) == null ? void 0 : _.for;
+        if (!h) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        h !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function f(m) {
@@ -4472,7 +4492,7 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
       ref_key: "root",
       ref: i
     }, [
-      w(m.$slots, "select-label", {}, () => [
+      k(m.$slots, "select-label", {}, () => [
         e.label ? (y(), B(je, {
           key: 0,
           required: e.required && e.requiredMark,
@@ -4480,8 +4500,8 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           for: e.id || e.name,
           size: c.value
         }, {
-          default: D(() => [
-            z(J(e.label), 1)
+          default: M(() => [
+            z(F(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : x("", !0)
@@ -4510,13 +4530,13 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           onFocus: p,
           onBlur: s
         }, [
-          (y(!0), g(K, null, Y(r.value, (S) => {
-            var k, A;
+          (y(!0), g(K, null, Y(r.value, (_) => {
+            var h, E;
             return y(), g("option", te({
-              key: (k = S.props) == null ? void 0 : k.value
-            }, S.props, {
-              selected: ((A = S.props) == null ? void 0 : A.value) === e.modelValue
-            }), J(S.children), 17, ls);
+              key: (h = _.props) == null ? void 0 : h.value
+            }, _.props, {
+              selected: ((E = _.props) == null ? void 0 : E.value) === e.modelValue
+            }), F(_.children), 17, ls);
           }), 128))
         ], 40, os),
         U(W, {
@@ -4527,7 +4547,7 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     ], 512));
   }
 });
-const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
+const is = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -4631,7 +4651,7 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         ]),
         onClick: i.onLabelClick
       }, {
-        default: D(() => [
+        default: M(() => [
           e.multiple ? (y(), B(T(Et), {
             key: 0,
             id: e.id,
@@ -4648,19 +4668,19 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
             onFocus: i.onFocus,
             onBlur: i.onBlur
           }, {
-            default: D(() => [
-              w(d.$slots, "default", {}, void 0, !0)
+            default: M(() => [
+              k(d.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : x("", !0),
           b("div", cs, [
-            e.multiple ? x("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
+            e.multiple ? x("", !0) : k(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
             class: $([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
-            w(d.$slots, "selectable-item-sublabel", {}, () => [
-              z(J(e.subLabel), 1)
+            k(d.$slots, "selectable-item-sublabel", {}, () => [
+              z(F(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -4669,7 +4689,7 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
     ], 10, ss));
   }
 });
-const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
+const Nn = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -4731,8 +4751,8 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          z(J(e.label), 1)
+        default: M(() => [
+          z(F(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
@@ -4756,17 +4776,17 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           checked: a(i),
           "onUpdate:checked": (u) => o(i.value, u)
         }), pn({
-          default: D(() => [
-            w(r.$slots, "item", ze(qe(i)), () => [
-              z(J(i.label), 1)
+          default: M(() => [
+            k(r.$slots, "item", ze(qe(i)), () => [
+              z(F(i.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
           i.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: D(() => [
-              z(J(i.subLabel), 1)
+            fn: M(() => [
+              z(F(i.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -4775,7 +4795,7 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
     ], 8, fs));
   }
 });
-const vs = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
+const vs = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -4791,11 +4811,11 @@ const vs = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @_
     return (t, n) => (y(), g("div", {
       class: $(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      b("span", null, J(e.text), 1)
+      b("span", null, F(e.text), 1)
     ], 2));
   }
 });
-const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img" }, gs = { class: "joy-snackbar__content" }, hs = { key: 0 }, _s = ["innerHTML"], ws = /* @__PURE__ */ L({
+const ms = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img" }, gs = { class: "joy-snackbar__content" }, hs = { key: 0 }, _s = ["innerHTML"], ws = /* @__PURE__ */ L({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -4879,7 +4899,7 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     }), t({
       isOpen: a,
       exposedMethods: m
-    }), (v, S) => (y(), g("div", {
+    }), (v, _) => (y(), g("div", {
       class: $(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
@@ -4893,13 +4913,13 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
           U(T(W), { name: i.value }, null, 8, ["name"])
         ]),
         b("div", gs, [
-          e.header ? (y(), g("strong", hs, J(e.header), 1)) : x("", !0),
+          e.header ? (y(), g("strong", hs, F(e.header), 1)) : x("", !0),
           b("span", { innerHTML: e.message }, null, 8, _s),
           e.actionText ? (y(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: u
-          }, J(e.actionText), 1)) : x("", !0)
+          }, F(e.actionText), 1)) : x("", !0)
         ]),
         e.closable ? (y(), B(T(de), {
           key: 0,
@@ -4914,7 +4934,7 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     ], 2));
   }
 });
-const On = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
+const On = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     completed: {
@@ -4944,7 +4964,7 @@ const On = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
     function i(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
-    return ee(() => a.subSteps, i), t({
+    return Q(() => a.subSteps, i), t({
       progress: r
     }), (u, d) => (y(), g("div", {
       id: e.id,
@@ -4964,12 +4984,12 @@ const On = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
         }, null, 4)
       ]),
       b("span", xs, [
-        w(u.$slots, "default", {}, void 0, !0)
+        k(u.$slots, "default", {}, void 0, !0)
       ])
     ], 10, Ss));
   }
 });
-const Jn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
+const Jn = /* @__PURE__ */ A(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     step: {
@@ -4982,7 +5002,7 @@ const Jn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Q(), o = V(() => {
+    const n = e, a = X(), o = V(() => {
       const c = a.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(r) : c.filter(r);
     });
@@ -5006,7 +5026,7 @@ const Jn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
           completed: s < e.step - 1,
           "current-sub-step": d(s)
         }), {
-          default: D(() => {
+          default: M(() => {
             var v;
             return [
               (v = p.children) != null && v.default ? (y(), B(oe(p.children.default), { key: 0 })) : x("", !0)
@@ -5018,7 +5038,7 @@ const Jn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
     ]));
   }
 });
-const Vs = /* @__PURE__ */ E($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
+const Vs = /* @__PURE__ */ A($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5056,11 +5076,11 @@ const Vs = /* @__PURE__ */ E($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id"
         "joy-tab__selected": a.value
       })
     }, [
-      w(o.$slots, "default", {}, void 0, !0)
+      k(o.$slots, "default", {}, void 0, !0)
     ], 10, Ts));
   }
 });
-const Ls = /* @__PURE__ */ E(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
+const Ls = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
   type: "button",
   tabindex: "-1"
 }, As = /* @__PURE__ */ L({
@@ -5122,8 +5142,8 @@ const Ls = /* @__PURE__ */ E(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
       }, [
         b("button", Bs, [
           b("div", null, [
-            w(o.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+            k(o.$slots, "default", {}, () => [
+              z(F(e.label), 1)
             ], !0)
           ])
         ])
@@ -5131,7 +5151,7 @@ const Ls = /* @__PURE__ */ E(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
     ], 40, Es));
   }
 });
-const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { class: "joy-tabs" }, Js = /* @__PURE__ */ L({
+const Ns = /* @__PURE__ */ A(As, [["__scopeId", "data-v-3d323618"]]), Os = { class: "joy-tabs" }, Js = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -5141,15 +5161,15 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Q(), r = C(a.selectedTab);
+    const a = e, o = X(), r = C(a.selectedTab);
     jt("VJoyTabs", r);
     const l = C(null), i = C(null), u = C(!1), d = C(!1), c = V(() => {
       const v = o.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(f) : v.filter(f);
     });
     function f(v) {
-      var S;
-      return ((S = v == null ? void 0 : v.type) == null ? void 0 : S.__name) === "VJoyTab";
+      var _;
+      return ((_ = v == null ? void 0 : v.type) == null ? void 0 : _.__name) === "VJoyTab";
     }
     function p(v) {
       return v.props.tab === r.value;
@@ -5157,10 +5177,10 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
     function s() {
       i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, u.value = !1);
     }
-    function m(v, S = !0) {
-      v && S && (r.value = v, n("update:selected-tab", v));
+    function m(v, _ = !0) {
+      v && _ && (r.value = v, n("update:selected-tab", v));
     }
-    return ee(
+    return Q(
       () => a.selectedTab,
       (v) => {
         v && m(v);
@@ -5174,7 +5194,7 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       (v = i.value) == null || v.removeEventListener("scroll", s);
     }), t({
       tabs: c
-    }), (v, S) => (y(), g("div", Os, [
+    }), (v, _) => (y(), g("div", Os, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: l,
@@ -5190,20 +5210,20 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (y(!0), g(K, null, Y(c.value, (k) => (y(), g("div", {
-            key: k.props.tab
+          (y(!0), g(K, null, Y(c.value, (h) => (y(), g("div", {
+            key: h.props.tab
           }, [
             U(Ns, {
-              tab: k.props.tab,
-              label: k.props.label,
-              href: k.props.href,
-              selected: p(k),
-              onChangeTab: (A) => m(k.props.tab, !k.props.href)
+              tab: h.props.tab,
+              label: h.props.label,
+              href: h.props.href,
+              selected: p(h),
+              onChangeTab: (E) => m(h.props.tab, !h.props.href)
             }, {
-              default: D(() => {
-                var A;
+              default: M(() => {
+                var E;
                 return [
-                  (A = k.children) != null && A.header ? (y(), B(oe(k.children.header), { key: 0 })) : x("", !0)
+                  (E = h.children) != null && E.header ? (y(), B(oe(h.children.header), { key: 0 })) : x("", !0)
                 ];
               }),
               _: 2
@@ -5212,18 +5232,17 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
         ], 512)
       ], 2),
       b("div", null, [
-        w(v.$slots, "default", {}, void 0, !0)
+        k(v.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Fs = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
+const Fs = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
     label: {
-      type: String,
-      required: !0
+      type: String
     },
     size: {
       type: String,
@@ -5276,24 +5295,27 @@ const Fs = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
       role: e.link || e.selectable ? "button" : void 0,
       onClick: l
     }, [
-      e.draggable ? (y(), B(W, {
-        key: 0,
-        class: "joy-tag__drag",
-        name: "drag",
-        size: "xxsmall"
-      })) : x("", !0),
-      z(" " + J(e.label) + " ", 1),
-      e.removable ? (y(), B(W, {
-        key: 1,
-        class: "joy-tag__removable",
-        name: "cross",
-        size: "xxsmall",
-        onClick: oa(r, ["stop"])
-      }, null, 8, ["onClick"])) : x("", !0)
+      k(i.$slots, "default", {}, () => [
+        e.draggable ? (y(), B(W, {
+          key: 0,
+          class: "joy-tag__drag",
+          name: "drag",
+          size: "xxsmall"
+        })) : x("", !0),
+        z(" " + F(e.label) + " ", 1),
+        e.removable ? (y(), B(W, {
+          key: 1,
+          class: "joy-tag__removable",
+          name: "cross",
+          size: "xxsmall",
+          role: "button",
+          onClick: oa(r, ["stop"])
+        }, null, 8, ["onClick"])) : x("", !0)
+      ], !0)
     ], 10, Ps));
   }
 });
-const Fn = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ms = /* @__PURE__ */ L({
+const Fn = /* @__PURE__ */ A(Rs, [["__scopeId", "data-v-c04ebdea"]]), Ds = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5362,7 +5384,7 @@ const Fn = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ms = /* @_
     ], 2));
   }
 });
-const Ds = /* @__PURE__ */ E(Ms, [["__scopeId", "data-v-5be625a7"]]);
+const Ms = /* @__PURE__ */ A(Ds, [["__scopeId", "data-v-8d9a3ff0"]]);
 const zs = {}, qs = {
   class: /* @__PURE__ */ $(["joy-template-shape__shapes"])
 }, Hs = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Ws = [
@@ -5371,7 +5393,7 @@ const zs = {}, qs = {
 function Us(e, t) {
   return y(), g("div", qs, Ws);
 }
-const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
+const Pn = /* @__PURE__ */ A(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
   key: 0,
   class: "joy-template__heading"
 }, Ys = {
@@ -5411,7 +5433,7 @@ const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const t = e, n = Q(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = X(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (o, r) => (y(), g("main", {
       class: $(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
@@ -5419,18 +5441,18 @@ const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
       b("div", Gs, [
         a.value ? (y(), g("div", Ks, [
           T(n)["template-back"] ? (y(), g("div", Ys, [
-            w(o.$slots, "template-back", {}, void 0, !0)
+            k(o.$slots, "template-back", {}, void 0, !0)
           ])) : x("", !0),
           b("div", Zs, [
             T(n)["template-title"] ? (y(), g("div", Qs, [
-              w(o.$slots, "template-title", {}, void 0, !0)
+              k(o.$slots, "template-title", {}, void 0, !0)
             ])) : x("", !0),
             T(n)["template-subtitle"] ? (y(), g("div", Xs, [
-              w(o.$slots, "template-subtitle", {}, void 0, !0)
+              k(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : x("", !0)
           ]),
           T(n)["template-actions"] ? (y(), g("div", eu, [
-            w(o.$slots, "template-actions", {}, void 0, !0)
+            k(o.$slots, "template-actions", {}, void 0, !0)
           ])) : x("", !0)
         ])) : x("", !0),
         b("div", {
@@ -5442,10 +5464,10 @@ const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
           ])
         }, [
           o.$slots["template-main"] ? (y(), g("div", tu, [
-            w(o.$slots, "template-main", {}, void 0, !0)
+            k(o.$slots, "template-main", {}, void 0, !0)
           ])) : x("", !0),
           o.$slots["template-sidebar"] ? (y(), g("div", nu, [
-            w(o.$slots, "template-sidebar", {}, void 0, !0)
+            k(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : x("", !0)
         ], 2)
       ]),
@@ -5454,15 +5476,15 @@ const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
         overlay: "",
         color: e.loadingColor
       }, {
-        content: D(() => [
-          w(o.$slots, "template-loader-content", {}, void 0, !0)
+        content: M(() => [
+          k(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : x("", !0)
     ], 2));
   }
 });
-const ou = /* @__PURE__ */ E(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
+const ou = /* @__PURE__ */ A(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -5480,14 +5502,14 @@ const ou = /* @__PURE__ */ E(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     return (t, n) => (y(), B(oe(e.tagName), {
       class: $(`joy-text joy-font-${e.preset}`)
     }, {
-      default: D(() => [
-        w(t.$slots, "default", {}, void 0, !0)
+      default: M(() => [
+        k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
+const ru = /* @__PURE__ */ A(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
   key: 0,
   class: "joy-textarea_helpers"
 }, du = {
@@ -5591,9 +5613,9 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          w(f.$slots, "default", {}, () => [
-            z(J(e.label), 1)
+        default: M(() => [
+          k(f.$slots, "default", {}, () => [
+            z(F(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -5630,17 +5652,17 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
             color: "neutral",
             size: "xxsmall"
           })),
-          z(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          z(" " + F(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : x("", !0),
         e.maxlength ? (y(), g("p", {
           key: 1,
           class: $(["joy-textarea-count", { "joy-textarea-count-invalid": u.value }])
-        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : x("", !0)
+        }, F(e.modelValue.length + "/" + e.maxlength), 3)) : x("", !0)
       ])) : x("", !0)
     ], 10, iu));
   }
 });
-const yu = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+const yu = /* @__PURE__ */ A(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -5731,8 +5753,8 @@ const yu = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
         b("p", mu, [
           bu,
           b("span", gu, [
-            w(o.$slots, "default", {}, () => [
-              z(J(e.label), 1)
+            k(o.$slots, "default", {}, () => [
+              z(F(e.label), 1)
             ], !0)
           ]),
           hu
@@ -5741,7 +5763,7 @@ const yu = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
     ]));
   }
 });
-const wu = /* @__PURE__ */ E(_u, [["__scopeId", "data-v-cf79d999"]]), Me = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
+const wu = /* @__PURE__ */ A(_u, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
   x: e,
   y: e
 }), Su = {
@@ -5754,7 +5776,7 @@ const wu = /* @__PURE__ */ E(_u, [["__scopeId", "data-v-cf79d999"]]), Me = Math.
   end: "start"
 };
 function bt(e, t, n) {
-  return Ie(e, Me(t, n));
+  return Ie(e, De(t, n));
 }
 function Ce(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -5820,7 +5842,7 @@ function Vu(e) {
     ...e
   };
 }
-function Mn(e) {
+function Dn(e) {
   return typeof e != "number" ? Vu(e) : {
     top: e,
     right: e,
@@ -5902,14 +5924,14 @@ const Tu = async (e, t, n) => {
   } = un(d, a, u), p = a, s = {}, m = 0;
   for (let v = 0; v < i.length; v++) {
     const {
-      name: S,
-      fn: k
+      name: _,
+      fn: h
     } = i[v], {
-      x: A,
-      y: P,
-      data: F,
+      x: E,
+      y: N,
+      data: P,
       reset: j
-    } = await k({
+    } = await h({
       x: c,
       y: f,
       initialPlacement: a,
@@ -5923,11 +5945,11 @@ const Tu = async (e, t, n) => {
         floating: t
       }
     });
-    if (c = A ?? c, f = P ?? f, s = {
+    if (c = E ?? c, f = N ?? f, s = {
       ...s,
-      [S]: {
-        ...s[S],
-        ...F
+      [_]: {
+        ...s[_],
+        ...P
       }
     }, j && m <= 50) {
       m++, typeof j == "object" && (j.placement && (p = j.placement), j.rects && (d = j.rects === !0 ? await l.getElementRects({
@@ -5949,7 +5971,7 @@ const Tu = async (e, t, n) => {
     middlewareData: s
   };
 };
-async function Dn(e, t) {
+async function Mn(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -5965,31 +5987,31 @@ async function Dn(e, t) {
     elementContext: f = "floating",
     altBoundary: p = !1,
     padding: s = 0
-  } = Ce(t, e), m = Mn(s), S = i[p ? f === "floating" ? "reference" : "floating" : f], k = at(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(S))) == null || n ? S : S.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+  } = Ce(t, e), m = Dn(s), _ = i[p ? f === "floating" ? "reference" : "floating" : f], h = at(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(_))) == null || n ? _ : _.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: d,
     rootBoundary: c,
     strategy: u
-  })), A = f === "floating" ? {
+  })), E = f === "floating" ? {
     ...l.floating,
     x: a,
     y: o
-  } : l.reference, P = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), F = await (r.isElement == null ? void 0 : r.isElement(P)) ? await (r.getScale == null ? void 0 : r.getScale(P)) || {
+  } : l.reference, N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(N)) ? await (r.getScale == null ? void 0 : r.getScale(N)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, j = at(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: A,
-    offsetParent: P,
+    rect: E,
+    offsetParent: N,
     strategy: u
-  }) : A);
+  }) : E);
   return {
-    top: (k.top - j.top + m.top) / F.y,
-    bottom: (j.bottom - k.bottom + m.bottom) / F.y,
-    left: (k.left - j.left + m.left) / F.x,
-    right: (j.right - k.right + m.right) / F.x
+    top: (h.top - j.top + m.top) / P.y,
+    bottom: (j.bottom - h.bottom + m.bottom) / P.y,
+    left: (h.left - j.left + m.left) / P.x,
+    right: (j.right - h.right + m.right) / P.x
   };
 }
 const Iu = (e) => ({
@@ -6010,23 +6032,23 @@ const Iu = (e) => ({
     } = Ce(e, t) || {};
     if (d == null)
       return {};
-    const f = Mn(c), p = {
+    const f = Dn(c), p = {
       x: n,
       y: a
-    }, s = Jt(o), m = Ot(s), v = await l.getDimensions(d), S = s === "y", k = S ? "top" : "left", A = S ? "bottom" : "right", P = S ? "clientHeight" : "clientWidth", F = r.reference[m] + r.reference[s] - p[s] - r.floating[m], j = p[s] - r.reference[s], N = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
-    let O = N ? N[P] : 0;
-    (!O || !await (l.isElement == null ? void 0 : l.isElement(N))) && (O = i.floating[P] || r.floating[m]);
-    const re = F / 2 - j / 2, ie = O / 2 - v[m] / 2 - 1, ue = Me(f[k], ie), H = Me(f[A], ie), h = ue, _ = O - v[m] - H, I = O / 2 - v[m] / 2 + re, R = bt(h, I, _), M = !u.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < h ? ue : H) - v[m] / 2 < 0, q = M ? I < h ? I - h : I - _ : 0;
+    }, s = Jt(o), m = Ot(s), v = await l.getDimensions(d), _ = s === "y", h = _ ? "top" : "left", E = _ ? "bottom" : "right", N = _ ? "clientHeight" : "clientWidth", P = r.reference[m] + r.reference[s] - p[s] - r.floating[m], j = p[s] - r.reference[s], O = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
+    let J = O ? O[N] : 0;
+    (!J || !await (l.isElement == null ? void 0 : l.isElement(O))) && (J = i.floating[N] || r.floating[m]);
+    const re = P / 2 - j / 2, ie = J / 2 - v[m] / 2 - 1, ue = De(f[h], ie), H = De(f[E], ie), w = ue, S = J - v[m] - H, I = J / 2 - v[m] / 2 + re, R = bt(w, I, S), D = !u.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < w ? ue : H) - v[m] / 2 < 0, q = D ? I < w ? I - w : I - S : 0;
     return {
       [s]: p[s] + q,
       data: {
         [s]: R,
         centerOffset: I - R - q,
-        ...M && {
+        ...D && {
           alignmentOffset: q
         }
       },
-      reset: M
+      reset: D
     };
   }
 }), Lu = function(e) {
@@ -6049,40 +6071,40 @@ const Iu = (e) => ({
         fallbackStrategy: s = "bestFit",
         fallbackAxisSideDirection: m = "none",
         flipAlignment: v = !0,
-        ...S
+        ..._
       } = Ce(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const k = ge(o), A = ge(i) === i, P = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), F = p || (A || !v ? [nt(i)] : Cu(i));
-      !p && m !== "none" && F.push(...$u(i, v, m, P));
-      const j = [i, ...F], N = await Dn(t, S), O = [];
+      const h = ge(o), E = ge(i) === i, N = await (u.isRTL == null ? void 0 : u.isRTL(d.floating)), P = p || (E || !v ? [nt(i)] : Cu(i));
+      !p && m !== "none" && P.push(...$u(i, v, m, N));
+      const j = [i, ...P], O = await Mn(t, _), J = [];
       let re = ((a = r.flip) == null ? void 0 : a.overflows) || [];
-      if (c && O.push(N[k]), f) {
-        const h = xu(o, l, P);
-        O.push(N[h[0]], N[h[1]]);
+      if (c && J.push(O[h]), f) {
+        const w = xu(o, l, N);
+        J.push(O[w[0]], O[w[1]]);
       }
       if (re = [...re, {
         placement: o,
-        overflows: O
-      }], !O.every((h) => h <= 0)) {
+        overflows: J
+      }], !J.every((w) => w <= 0)) {
         var ie, ue;
-        const h = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, _ = j[h];
-        if (_)
+        const w = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, S = j[w];
+        if (S)
           return {
             data: {
-              index: h,
+              index: w,
               overflows: re
             },
             reset: {
-              placement: _
+              placement: S
             }
           };
-        let I = (ue = re.filter((R) => R.overflows[0] <= 0).sort((R, M) => R.overflows[1] - M.overflows[1])[0]) == null ? void 0 : ue.placement;
+        let I = (ue = re.filter((R) => R.overflows[0] <= 0).sort((R, D) => R.overflows[1] - D.overflows[1])[0]) == null ? void 0 : ue.placement;
         if (!I)
           switch (s) {
             case "bestFit": {
               var H;
-              const R = (H = re.map((M) => [M.placement, M.overflows.filter((q) => q > 0).reduce((q, G) => q + G, 0)]).sort((M, q) => M[1] - q[1])[0]) == null ? void 0 : H[0];
+              const R = (H = re.map((D) => [D.placement, D.overflows.filter((q) => q > 0).reduce((q, G) => q + G, 0)]).sort((D, q) => D[1] - q[1])[0]) == null ? void 0 : H[0];
               R && (I = R);
               break;
             }
@@ -6158,14 +6180,14 @@ const Bu = function(e) {
         mainAxis: r = !0,
         crossAxis: l = !1,
         limiter: i = {
-          fn: (S) => {
+          fn: (_) => {
             let {
-              x: k,
-              y: A
-            } = S;
+              x: h,
+              y: E
+            } = _;
             return {
-              x: k,
-              y: A
+              x: h,
+              y: E
             };
           }
         },
@@ -6173,15 +6195,15 @@ const Bu = function(e) {
       } = Ce(e, t), d = {
         x: n,
         y: a
-      }, c = await Dn(t, u), f = We(ge(o)), p = Nt(f);
+      }, c = await Mn(t, u), f = We(ge(o)), p = Nt(f);
       let s = d[p], m = d[f];
       if (r) {
-        const S = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", A = s + c[S], P = s - c[k];
-        s = bt(A, s, P);
+        const _ = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", E = s + c[_], N = s - c[h];
+        s = bt(E, s, N);
       }
       if (l) {
-        const S = f === "y" ? "top" : "left", k = f === "y" ? "bottom" : "right", A = m + c[S], P = m - c[k];
-        m = bt(A, m, P);
+        const _ = f === "y" ? "top" : "left", h = f === "y" ? "bottom" : "right", E = m + c[_], N = m - c[h];
+        m = bt(E, m, N);
       }
       const v = i.fn({
         ...t,
@@ -6216,7 +6238,7 @@ const Bu = function(e) {
         y: a
       }, f = We(o), p = Nt(f);
       let s = c[p], m = c[f];
-      const v = Ce(i, t), S = typeof v == "number" ? {
+      const v = Ce(i, t), _ = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -6225,13 +6247,13 @@ const Bu = function(e) {
         ...v
       };
       if (u) {
-        const P = p === "y" ? "height" : "width", F = r.reference[p] - r.floating[P] + S.mainAxis, j = r.reference[p] + r.reference[P] - S.mainAxis;
-        s < F ? s = F : s > j && (s = j);
+        const N = p === "y" ? "height" : "width", P = r.reference[p] - r.floating[N] + _.mainAxis, j = r.reference[p] + r.reference[N] - _.mainAxis;
+        s < P ? s = P : s > j && (s = j);
       }
       if (d) {
-        var k, A;
-        const P = p === "y" ? "width" : "height", F = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[P] + (F && ((k = l.offset) == null ? void 0 : k[f]) || 0) + (F ? 0 : S.crossAxis), N = r.reference[f] + r.reference[P] + (F ? 0 : ((A = l.offset) == null ? void 0 : A[f]) || 0) - (F ? S.crossAxis : 0);
-        m < j ? m = j : m > N && (m = N);
+        var h, E;
+        const N = p === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[N] + (P && ((h = l.offset) == null ? void 0 : h[f]) || 0) + (P ? 0 : _.crossAxis), O = r.reference[f] + r.reference[N] + (P ? 0 : ((E = l.offset) == null ? void 0 : E[f]) || 0) - (P ? _.crossAxis : 0);
+        m < j ? m = j : m > O && (m = O);
       }
       return {
         [p]: s,
@@ -6367,7 +6389,7 @@ function Un(e) {
 function Pu(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ae(e) ? !1 : t;
 }
-function De(e, t, n, a) {
+function Me(e, t, n, a) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), r = Wn(e);
   let l = be(1);
@@ -6378,8 +6400,8 @@ function De(e, t, n, a) {
     const p = ae(r), s = a && ve(a) ? ae(a) : a;
     let m = p.frameElement;
     for (; m && a && s !== p; ) {
-      const v = Le(m), S = m.getBoundingClientRect(), k = se(m), A = S.left + (m.clientLeft + parseFloat(k.paddingLeft)) * v.x, P = S.top + (m.clientTop + parseFloat(k.paddingTop)) * v.y;
-      u *= v.x, d *= v.y, c *= v.x, f *= v.y, u += A, d += P, m = ae(m).frameElement;
+      const v = Le(m), _ = m.getBoundingClientRect(), h = se(m), E = _.left + (m.clientLeft + parseFloat(h.paddingLeft)) * v.x, N = _.top + (m.clientTop + parseFloat(h.paddingTop)) * v.y;
+      u *= v.x, d *= v.y, c *= v.x, f *= v.y, u += E, d += N, m = ae(m).frameElement;
     }
   }
   return at({
@@ -6404,7 +6426,7 @@ function Ru(e) {
   }, i = be(1);
   const u = be(0);
   if ((o || !o && a !== "fixed") && ((he(n) !== "body" || Ue(r)) && (l = ct(n)), ye(n))) {
-    const d = De(n);
+    const d = Me(n);
     i = Le(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
   }
   return {
@@ -6414,13 +6436,13 @@ function Ru(e) {
     y: t.y * i.y - l.scrollTop * i.y + u.y
   };
 }
-function Mu(e) {
+function Du(e) {
   return Array.from(e.getClientRects());
 }
 function Gn(e) {
-  return De(we(e)).left + ct(e).scrollLeft;
+  return Me(we(e)).left + ct(e).scrollLeft;
 }
-function Du(e) {
+function Mu(e) {
   const t = we(e), n = ct(e), a = e.ownerDocument.body, o = Ie(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = Ie(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + Gn(e);
   const i = -n.scrollTop;
@@ -6447,7 +6469,7 @@ function zu(e, t) {
   };
 }
 function qu(e, t) {
-  const n = De(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ye(e) ? Le(e) : be(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, u = o * r.x, d = a * r.y;
+  const n = Me(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ye(e) ? Le(e) : be(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, u = o * r.x, d = a * r.y;
   return {
     width: l,
     height: i,
@@ -6460,7 +6482,7 @@ function dn(e, t, n) {
   if (t === "viewport")
     a = zu(e, n);
   else if (t === "document")
-    a = Du(we(e));
+    a = Mu(we(e));
   else if (ve(t))
     a = qu(t, n);
   else {
@@ -6499,7 +6521,7 @@ function Wu(e) {
   } = e;
   const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((d, c) => {
     const f = dn(t, c, o);
-    return d.top = Ie(f.top, d.top), d.right = Me(f.right, d.right), d.bottom = Me(f.bottom, d.bottom), d.left = Ie(f.left, d.left), d;
+    return d.top = Ie(f.top, d.top), d.right = De(f.right, d.right), d.bottom = De(f.bottom, d.bottom), d.left = Ie(f.left, d.left), d;
   }, dn(t, i, o));
   return {
     width: u.right - u.left,
@@ -6512,7 +6534,7 @@ function Uu(e) {
   return Hn(e);
 }
 function Gu(e, t, n) {
-  const a = ye(t), o = we(t), r = n === "fixed", l = De(e, !0, r, t);
+  const a = ye(t), o = we(t), r = n === "fixed", l = Me(e, !0, r, t);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
@@ -6520,7 +6542,7 @@ function Gu(e, t, n) {
   const u = be(0);
   if (a || !a && !r)
     if ((he(t) !== "body" || Ue(o)) && (i = ct(t)), a) {
-      const d = De(t, !0, r, t);
+      const d = Me(t, !0, r, t);
       u.x = d.x + t.clientLeft, u.y = d.y + t.clientTop;
     } else
       o && (u.x = Gn(o));
@@ -6568,7 +6590,7 @@ const Zu = {
   getClippingRect: Wu,
   getOffsetParent: Yn,
   getElementRects: Ku,
-  getClientRects: Mu,
+  getClientRects: Du,
   getDimensions: Uu,
   getScale: Le,
   isElement: ve,
@@ -6613,28 +6635,28 @@ function yn(e, t) {
 function ec(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = V(() => {
-    var O;
-    return (O = T(n.open)) != null ? O : !0;
+    var J;
+    return (J = T(n.open)) != null ? J : !0;
   }), r = V(() => T(n.middleware)), l = V(() => {
-    var O;
-    return (O = T(n.placement)) != null ? O : "bottom";
+    var J;
+    return (J = T(n.placement)) != null ? J : "bottom";
   }), i = V(() => {
-    var O;
-    return (O = T(n.strategy)) != null ? O : "absolute";
+    var J;
+    return (J = T(n.strategy)) != null ? J : "absolute";
   }), u = V(() => {
-    var O;
-    return (O = T(n.transform)) != null ? O : !0;
-  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(i.value), m = C(l.value), v = la({}), S = C(!1), k = V(() => {
-    const O = {
+    var J;
+    return (J = T(n.transform)) != null ? J : !0;
+  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(i.value), m = C(l.value), v = la({}), _ = C(!1), h = V(() => {
+    const J = {
       position: s.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return O;
+      return J;
     const re = yn(c.value, f.value), ie = yn(c.value, p.value);
     return u.value ? {
-      ...O,
+      ...J,
       transform: "translate(" + re + "px, " + ie + "px)",
       ...Zn(c.value) >= 1.5 && {
         willChange: "transform"
@@ -6645,47 +6667,47 @@ function ec(e, t, n) {
       top: ie + "px"
     };
   });
-  let A;
-  function P() {
+  let E;
+  function N() {
     d.value == null || c.value == null || Qu(d.value, c.value, {
       middleware: r.value,
       placement: l.value,
       strategy: i.value
-    }).then((O) => {
-      f.value = O.x, p.value = O.y, s.value = O.strategy, m.value = O.placement, v.value = O.middlewareData, S.value = !0;
+    }).then((J) => {
+      f.value = J.x, p.value = J.y, s.value = J.strategy, m.value = J.placement, v.value = J.middlewareData, _.value = !0;
     });
   }
-  function F() {
-    typeof A == "function" && (A(), A = void 0);
+  function P() {
+    typeof E == "function" && (E(), E = void 0);
   }
   function j() {
-    if (F(), a === void 0) {
-      P();
+    if (P(), a === void 0) {
+      N();
       return;
     }
     if (d.value != null && c.value != null) {
-      A = a(d.value, c.value, P);
+      E = a(d.value, c.value, N);
       return;
     }
   }
-  function N() {
-    o.value || (S.value = !1);
+  function O() {
+    o.value || (_.value = !1);
   }
-  return ee([r, l, i], P, {
+  return Q([r, l, i], N, {
     flush: "sync"
-  }), ee([d, c], j, {
+  }), Q([d, c], j, {
     flush: "sync"
-  }), ee(o, N, {
+  }), Q(o, O, {
     flush: "sync"
-  }), kt() && xt(F), {
+  }), kt() && xt(P), {
     x: $e(f),
     y: $e(p),
     strategy: $e(s),
     placement: $e(m),
     middlewareData: $e(v),
-    isPositioned: $e(S),
-    floatingStyles: k,
-    update: P
+    isPositioned: $e(_),
+    floatingStyles: h,
+    update: N
   };
 }
 const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
@@ -6741,7 +6763,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
           Xu({ element: l, padding: 0 })
         ]
       })
-    ), u = Q(), d = V(() => u["tooltip-content"] || n.text);
+    ), u = X(), d = V(() => u["tooltip-content"] || n.text);
     function c(v) {
       v.preventDefault(), v.stopPropagation(), !a.value && n.event !== "click" && s();
     }
@@ -6752,24 +6774,24 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
       !a.value && n.event === "click" && (v.preventDefault(), v.stopPropagation(), s());
     }
     function s(v = !0) {
-      var S;
-      (S = i.value) == null || S.update(), setTimeout(() => {
+      var _;
+      (_ = i.value) == null || _.update(), setTimeout(() => {
         a.value = v;
       }, n.delay);
     }
     const m = V(() => {
-      const { middlewareData: v, placement: S } = i.value, k = v.arrow, A = {
+      const { middlewareData: v, placement: _ } = i.value, h = v.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[S.split("-")[0]];
+      }[_.split("-")[0]];
       return {
-        left: (k == null ? void 0 : k.x) && `${k == null ? void 0 : k.x}px`,
-        top: (k == null ? void 0 : k.y) && `${k == null ? void 0 : k.y}px`,
+        left: (h == null ? void 0 : h.x) && `${h == null ? void 0 : h.x}px`,
+        top: (h == null ? void 0 : h.y) && `${h == null ? void 0 : h.y}px`,
         right: "",
         bottom: "",
-        [A]: "-4px"
+        [E]: "-4px"
       };
     });
     return le(() => {
@@ -6779,13 +6801,13 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }), t({
       tooltipVisible: a,
       tooltip: r
-    }), (v, S) => (y(), B(T(Lt), {
+    }), (v, _) => (y(), B(T(Lt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
-      onTrigger: S[1] || (S[1] = (k) => s(!1))
+      onTrigger: _[1] || (_[1] = (h) => s(!1))
     }, {
-      default: D(() => {
-        var k;
+      default: M(() => {
+        var h;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
@@ -6794,9 +6816,9 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
             onClick: p,
             onMouseenter: c,
             onMouseleave: f,
-            onKeydown: S[0] || (S[0] = Ct((A) => s(!1), ["tab"]))
+            onKeydown: _[0] || (_[0] = Ct((E) => s(!1), ["tab"]))
           }, [
-            w(v.$slots, "default", {}, void 0, !0),
+            k(v.$slots, "default", {}, void 0, !0),
             (y(), B(rt, { to: "body" }, [
               a.value && d.value ? (y(), g("div", {
                 key: 0,
@@ -6810,11 +6832,11 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
                     "joy-tooltip__content--hiding": !a.value
                   }
                 ]),
-                style: ce({ ...(k = i.value) == null ? void 0 : k.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ce({ ...(h = i.value) == null ? void 0 : h.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", tc, [
-                  w(v.$slots, "tooltip-content", {}, () => [
-                    z(J(e.text), 1)
+                  k(v.$slots, "tooltip-content", {}, () => [
+                    z(F(e.text), 1)
                   ], !0)
                 ]),
                 b("div", {
@@ -6832,7 +6854,7 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
     }, 512));
   }
 });
-const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
+const ac = /* @__PURE__ */ A(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -6863,9 +6885,9 @@ const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
-      default: D(() => [
+      default: M(() => [
         b("div", oc, [
-          w(t.$slots, "user-card-avatar", {}, () => [
+          k(t.$slots, "user-card-avatar", {}, () => [
             U(T(bn), {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
@@ -6874,23 +6896,23 @@ const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
         ]),
         b("div", lc, [
           b("p", rc, [
-            w(t.$slots, "user-card-title", {}, () => [
-              z(J(e.fullName), 1)
+            k(t.$slots, "user-card-title", {}, () => [
+              z(F(e.fullName), 1)
             ], !0)
           ]),
           b("p", ic, [
-            w(t.$slots, "user-card-subtitle", {}, () => [
-              z(J(e.subTitle), 1)
+            k(t.$slots, "user-card-subtitle", {}, () => [
+              z(F(e.subTitle), 1)
             ], !0)
           ]),
-          w(t.$slots, "user-card-rating-stars", {}, () => [
+          k(t.$slots, "user-card-rating-stars", {}, () => [
             e.ratingValue ? (y(), B(T(An), {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : x("", !0)
           ], !0),
           b("div", null, [
-            w(t.$slots, "default", {}, void 0, !0)
+            k(t.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
@@ -6898,7 +6920,7 @@ const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }, 16, ["href", "title"]));
   }
 });
-const uc = /* @__PURE__ */ E(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
+const uc = /* @__PURE__ */ A(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -6955,11 +6977,11 @@ const uc = /* @__PURE__ */ E(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      w(n.$slots, "default", {}, void 0, !0)
+      k(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const Rt = /* @__PURE__ */ E(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Rt = /* @__PURE__ */ A(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: ca,
   VJoyAvatar: bn,
@@ -6974,7 +6996,7 @@ const Rt = /* @__PURE__ */ E(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @_
   VJoyCollapseItem: Sn,
   VJoyCompanyAvatar: Ko,
   VJoyCounter: ll,
-  VJoyDialog: Dl,
+  VJoyDialog: Ml,
   VJoyDialogTrigger: zl,
   VJoyDividerCta: Kl,
   VJoyDrawer: ar,
@@ -7016,7 +7038,7 @@ const Rt = /* @__PURE__ */ E(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @_
   VJoyTab: Ls,
   VJoyTabs: Fs,
   VJoyTag: Fn,
-  VJoyTagsList: Ds,
+  VJoyTagsList: Ms,
   VJoyTemplate: ou,
   VJoyTemplateShape: Pn,
   VJoyText: ru,
@@ -7109,7 +7131,7 @@ export {
   Sn as VJoyCollapseItem,
   Ko as VJoyCompanyAvatar,
   ll as VJoyCounter,
-  Dl as VJoyDialog,
+  Ml as VJoyDialog,
   zl as VJoyDialogTrigger,
   Kl as VJoyDividerCta,
   ar as VJoyDrawer,
@@ -7151,7 +7173,7 @@ export {
   Ls as VJoyTab,
   Fs as VJoyTabs,
   Fn as VJoyTag,
-  Ds as VJoyTagsList,
+  Ms as VJoyTagsList,
   ou as VJoyTemplate,
   Pn as VJoyTemplateShape,
   ru as VJoyText,