@maltjoy/core-vue 3.19.5 → 3.19.6

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 J, createCommentVNode as x, createBlock as E, resolveDynamicComponent as oe, mergeProps as te, withCtx as M, pushScopeId as ot, popScopeId as lt, renderSlot as k, unref as T, renderList as Y, useAttrs as Ae, resolveDirective as Qn, withDirectives as Xn, getCurrentScope as kt, onScopeDispose as xt, ref as C, getCurrentInstance as ea, onMounted as le, nextTick as Re, watch as ee, h as ta, Teleport as rt, createVNode as U, useSlots as Q, onBeforeUnmount as Ne, Transition as vn, withKeys as Ct, normalizeStyle as ce, normalizeProps as ze, guardReactiveProps as qe, provide as jt, createSlots as pn, inject as it, createStaticVNode as mn, onBeforeMount as na, onUnmounted as aa, withModifiers as oa, shallowRef as la, shallowReadonly as $e, createApp as ra } from "vue";
+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",
@@ -52,12 +52,12 @@ const ia = {
     ], 10, sa));
   }
 });
-const E = (e, t) => {
+const B = (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__ */ B(ua, [["__scopeId", "data-v-3452c6e7"]]), da = ["role", "tabindex", "aria-label", "title"], W = /* @__PURE__ */ L({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -153,13 +153,13 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
       "joy-avatar__placeholder": i.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0
-    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), u = V(() => {
+    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), s = V(() => {
       function c(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
       let f = a.fullName.split(" ");
-      return f = f.slice(0, 2), f.forEach((p, s) => {
-        f[s] = c(p);
+      return f = f.slice(0, 2), f.forEach((p, u) => {
+        f[u] = c(p);
       }), f.join("").toUpperCase();
     });
     function d() {
@@ -167,14 +167,14 @@ const fa = (e) => (ot("data-v-bcb28746"), e = e(), lt(), e), ya = {
     }
     return t({
       isAnonymous: i,
-      initials: u
+      initials: s
     }), (c, f) => (y(), g("div", ya, [
-      (y(), B(oe(e.link ? "button" : "div"), te(r.value, {
+      (y(), E(oe(e.link ? "button" : "div"), te(r.value, {
         class: [l.value],
         onClick: d
       }), {
-        default: D(() => [
-          i.value ? (y(), B(W, {
+        default: M(() => [
+          i.value ? (y(), E(W, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -188,7 +188,7 @@ 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(J(s.value), 1)
           ], 64)) : x("", !0),
           e.totalNumber ? (y(), g(K, { key: 3 }, [
             z(J("+" + e.totalNumber), 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__ */ B(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__ */ B(_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", {}, () => [
+      k(t.$slots, "default", {}, () => [
         z(J(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const xa = /* @__PURE__ */ E(ka, [["__scopeId", "data-v-4512c8c6"]]);
+const xa = /* @__PURE__ */ B(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 }, () => [
+        e.visibleText ? k(a.$slots, "default", { key: 0 }, () => [
           z(J(n.value), 1)
         ], !0) : x("", !0)
       ], 2)
     ]));
   }
 });
-const Ua = /* @__PURE__ */ E(Wa, [["__scopeId", "data-v-4187ebd6"]]);
+const Ua = /* @__PURE__ */ B(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__ */ B(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["primary", "secondary"], Qa = ["neutral", "success", "info", "warning", "error"], Xa = ["main", "admin", "ghost", "white"], eo = [...Za, ...Xa], to = ["large", "medium", "small", "xsmall", "xxsmall"], no = /* @__PURE__ */ L({
   __name: "VJoyButton",
   props: {
     /**
@@ -512,9 +512,9 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
           return "small";
       }
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: o }), (i, u) => {
+    return t({ randomId: o }), (i, s) => {
       const d = Qn("joy-ripple");
-      return Xn((y(), B(oe(T(a).href ? "a" : "button"), {
+      return Xn((y(), E(oe(T(a).href ? "a" : "button"), {
         disabled: e.loading || T(a).disabled,
         type: T(a).type || "button",
         class: $([
@@ -528,15 +528,15 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
         ]),
         "aria-labelledby": (i.$slots.default || e.label) && o
       }, {
-        default: D(() => [
-          e.icon && e.iconPosition === "left" ? (y(), B(W, {
+        default: M(() => [
+          e.icon && e.iconPosition === "left" ? (y(), E(W, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : x("", !0),
-          e.loading ? (y(), B($t, {
+          e.loading ? (y(), E($t, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : x("", !0),
@@ -544,11 +544,11 @@ const $t = /* @__PURE__ */ E(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             id: o,
             class: "joy-button--slot"
           }, [
-            w(i.$slots, "default", {}, () => [
+            k(i.$slots, "default", {}, () => [
               z(J(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (y(), B(W, {
+          e.icon && e.iconPosition === "right" ? (y(), E(W, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -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__ */ B(no, [["__scopeId", "data-v-25ba8bc2"]]);
 var zt;
 const Vt = typeof window < "u", hn = (e) => typeof e == "string", Tt = () => {
 }, pt = Vt && ((zt = window == null ? void 0 : window.navigator) == null ? void 0 : zt.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -595,10 +595,10 @@ function yt(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = ee(() => [Te(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
+  }, i = (c, f, p, u) => (c.addEventListener(f, p, u), () => c.removeEventListener(f, p, u)), s = ee(() => [Te(t), Ee(o)], ([c, f]) => {
+    l(), c && r.push(...n.flatMap((p) => a.map((u) => i(c, p, u, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
-    u(), l();
+    s(), l();
   };
   return st(d), d;
 }
@@ -609,18 +609,18 @@ function ro(e, t, n = {}) {
     return;
   pt && !qt && (qt = !0, Array.from(a.document.body.children).forEach((p) => p.addEventListener("click", Tt)));
   let i = !0;
-  const u = (p) => o.some((s) => {
-    if (typeof s == "string")
-      return Array.from(a.document.querySelectorAll(s)).some((m) => m === p.target || p.composedPath().includes(m));
+  const s = (p) => o.some((u) => {
+    if (typeof u == "string")
+      return Array.from(a.document.querySelectorAll(u)).some((m) => m === p.target || p.composedPath().includes(m));
     {
-      const m = Te(s);
+      const m = Te(u);
       return m && (p.target === m || p.composedPath().includes(m));
     }
   }), c = [
     yt(a, "click", (p) => {
-      const s = Te(e);
-      if (!(!s || s === p.target || p.composedPath().includes(s))) {
-        if (p.detail === 0 && (i = !u(p)), !i) {
+      const u = Te(e);
+      if (!(!u || u === p.target || p.composedPath().includes(u))) {
+        if (p.detail === 0 && (i = !s(p)), !i) {
           i = !0;
           return;
         }
@@ -628,13 +628,13 @@ function ro(e, t, n = {}) {
       }
     }, { passive: !0, capture: r }),
     yt(a, "pointerdown", (p) => {
-      const s = Te(e);
-      s && (i = !p.composedPath().includes(s) && !u(p));
+      const u = Te(e);
+      u && (i = !p.composedPath().includes(u) && !s(p));
     }, { passive: !0 }),
     l && yt(a, "blur", (p) => {
-      var s;
+      var u;
       const m = Te(e);
-      ((s = a.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(m != null && m.contains(a.document.activeElement)) && t(p);
+      ((u = a.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(m != null && m.contains(a.document.activeElement)) && t(p);
     })
   ].filter(Boolean);
   return () => c.forEach((p) => p());
@@ -657,12 +657,12 @@ var Ut = Object.getOwnPropertySymbols, so = Object.prototype.hasOwnProperty, uo
 function fo(e, t, n = {}) {
   const a = n, { window: o = It } = a, r = co(a, ["window"]);
   let l;
-  const i = io(() => o && "ResizeObserver" in o), u = () => {
+  const i = io(() => o && "ResizeObserver" in o), s = () => {
     l && (l.disconnect(), l = void 0);
   }, d = ee(() => Te(e), (f) => {
-    u(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
+    s(), i.value && o && f && (l = new ResizeObserver(t), l.observe(f, r));
   }, { immediate: !0, flush: "post" }), c = () => {
-    u(), d();
+    s(), d();
   };
   return st(c), {
     isSupported: i,
@@ -749,10 +749,10 @@ function wo(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
-  }, i = (c, f, p, s) => (c.addEventListener(f, p, s), () => c.removeEventListener(f, p, s)), u = ee(() => [ho(t), Ee(o)], ([c, f]) => {
-    l(), c && r.push(...n.flatMap((p) => a.map((s) => i(c, p, s, f))));
+  }, i = (c, f, p, u) => (c.addEventListener(f, p, u), () => c.removeEventListener(f, p, u)), s = ee(() => [ho(t), Ee(o)], ([c, f]) => {
+    l(), c && r.push(...n.flatMap((p) => a.map((u) => i(c, p, u, f))));
   }, { immediate: !0, flush: "post" }), d = () => {
-    u(), l();
+    s(), l();
   };
   return st(d), d;
 }
@@ -776,16 +776,16 @@ function ko(e, t = !1) {
   let a = null, o;
   ee(oo(e), (i) => {
     if (i) {
-      const u = i;
-      o = u.style.overflow, n.value && (u.style.overflow = "hidden");
+      const s = i;
+      o = s.style.overflow, n.value && (s.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
   const r = () => {
     const i = Ee(e);
-    !i || n.value || (pt && (a = wo(i, "touchmove", (u) => {
-      So(u);
+    !i || n.value || (pt && (a = wo(i, "touchmove", (s) => {
+      So(s);
     }, { passive: !1 })), i.style.overflow = "hidden", n.value = !0);
   }, l = () => {
     const i = Ee(e);
@@ -849,29 +849,29 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     const a = e, o = Ae(), r = V(() => {
       if (l.value)
         return o;
-    }), l = C(!1), i = C(!1), u = C(a.open), d = C(!1), c = C();
+    }), l = C(!1), i = C(!1), s = C(a.open), d = C(!1), c = C();
     let f = 0;
     function p() {
-      u.value = !0, j();
+      s.value = !0, j();
     }
-    function s() {
+    function u() {
       i.value = !0, setTimeout(async () => {
-        d.value = !1, i.value = !1, u.value = !1, me(!1), n("bottom-sheet:close");
+        d.value = !1, i.value = !1, s.value = !1, me(!1), n("bottom-sheet:close");
       }, 300);
     }
     function m(N) {
       d.value = !0, c.value.classList.add(en), f = A(N);
     }
     function v(N) {
-      d.value && (k(N) > Xt && s(), F());
+      d.value && (w(N) > Xt && u(), F());
     }
-    function S(N) {
+    function h(N) {
       if (d.value) {
-        const O = k(N);
-        O > Xt ? s() : O > 0 && P(O);
+        const O = w(N);
+        O > Xt ? u() : O > 0 && P(O);
       }
     }
-    function k(N) {
+    function w(N) {
       return A(N) - f;
     }
     function A(N) {
@@ -889,27 +889,27 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
     return le(() => {
       l.value = !0, a.open && j();
     }), t({
-      hide: s,
+      hide: u,
       show: p,
-      isOpen: u,
+      isOpen: s,
       moveContainer: P
-    }), (N, O) => l.value ? (y(), B(rt, {
+    }), (N, O) => l.value ? (y(), E(rt, {
       key: 0,
       to: e.teleport
     }, [
-      u.value ? (y(), g("div", te({ key: 0 }, r.value, {
+      s.value ? (y(), g("div", te({ key: 0 }, r.value, {
         class: [
           "joy-bottom-sheet",
           {
-            "joy-bottom-sheet--open": u.value,
-            "joy-bottom-sheet--hiding": i.value && u.value,
+            "joy-bottom-sheet--open": s.value,
+            "joy-bottom-sheet--hiding": i.value && s.value,
             "joy-bottom-sheet--frozen": e.frozen
           }
         ]
       }), [
         Co,
-        U(T(Lt), { onTrigger: s }, {
-          default: D(() => [
+        U(T(Lt), { onTrigger: u }, {
+          default: M(() => [
             b("div", {
               ref_key: "bottomSheetContainerElement",
               ref: c,
@@ -919,21 +919,21 @@ const wn = (e) => (ot("data-v-ed8a60b0"), e = e(), lt(), e), Co = /* @__PURE__ *
                 class: "joy-bottom-sheet_header",
                 onMousedown: m,
                 onMouseup: v,
-                onMousemove: S,
+                onMousemove: h,
                 onMouseleave: v,
                 onTouchstart: m,
                 onTouchend: v,
-                onTouchmove: S
+                onTouchmove: h
               }, $o, 32),
               b("div", Vo, [
-                w(N.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(N.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               b("div", To, [
-                w(N.$slots, "bottom-sheet-cta", {}, () => [
+                k(N.$slots, "bottom-sheet-cta", {}, () => [
                   U(de, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
-                    onClick: s
+                    onClick: u
                   }, null, 8, ["label"])
                 ], !0)
               ])
@@ -945,7 +945,7 @@ 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__ */ B(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -957,7 +957,7 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
       var i;
       t("click"), (i = a.value) == null || i.show();
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -1017,7 +1017,7 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = C(a.indeterminate), l = C(a.invalid), i = C(!1), u = {
+    const a = e, o = C(), r = C(a.indeterminate), l = C(a.invalid), i = C(!1), s = {
       onChange: (d) => {
         const c = d.target.checked;
         r.value = !1, l.value = !1, n("update:checked", c);
@@ -1064,26 +1064,26 @@ const Lo = /* @__PURE__ */ E(Io, [["__scopeId", "data-v-ed8a60b0"]]), Eo = /* @_
             value: e.value,
             indeterminate: r.value,
             onChange: c[0] || (c[0] = //@ts-ignore
-            (...f) => u.onChange && u.onChange(...f)),
+            (...f) => s.onChange && s.onChange(...f)),
             onFocus: c[1] || (c[1] = //@ts-ignore
-            (...f) => u.onFocus && u.onFocus(...f)),
+            (...f) => s.onFocus && s.onFocus(...f)),
             onBlur: c[2] || (c[2] = //@ts-ignore
-            (...f) => u.onBlur && u.onBlur(...f))
+            (...f) => s.onBlur && s.onBlur(...f))
           }, null, 40, No)
         ]),
         b("div", Oo, [
-          w(d.$slots, "default", {}, () => [
+          k(d.$slots, "default", {}, () => [
             z(J(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__ */ B(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: {
@@ -1120,7 +1120,7 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
       isOpen: o,
       onToggle: r,
       props: a
-    }), (i, u) => (y(), g("div", {
+    }), (i, s) => (y(), g("div", {
       class: $([
         "joy-collapse-item",
         {
@@ -1138,7 +1138,7 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (y(), B(W, {
+          e.summaryIcon ? (y(), E(W, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1146,8 +1146,8 @@ const Et = /* @__PURE__ */ E(Fo, [["__scopeId", "data-v-27cc9d8c"]]), Po = ["ari
           }, null, 8, ["name"])) : x("", !0),
           z(" " + J(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__ */ B(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { class: "joy-collapse" }, Ho = /* @__PURE__ */ L({
   __name: "VJoyCollapse",
   props: {
     accordion: {
@@ -1187,34 +1187,34 @@ 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 s = r.default();
-      return s.length === 1 && typeof s[0].type != "object" ? s[0].children.filter(i) : s.filter(i);
+      const u = r.default();
+      return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(i) : u.filter(i);
     });
-    function i(s) {
+    function i(u) {
       var m;
-      return ((m = s == null ? void 0 : s.type) == null ? void 0 : m.__name) === "VJoyCollapseItem";
+      return ((m = u == null ? void 0 : u.type) == null ? void 0 : m.__name) === "VJoyCollapseItem";
     }
-    function u(s, m) {
-      if (!(!s.children || !s.children[m]))
-        return s.children[m]();
+    function s(u, m) {
+      if (!(!u.children || !u.children[m]))
+        return u.children[m]();
     }
-    function d(s) {
-      return a.modelValue.length ? a.modelValue.includes(p(s)) : s.props.open;
+    function d(u) {
+      return a.modelValue.length ? a.modelValue.includes(p(u)) : u.props.open;
     }
-    async function c(s) {
+    async function c(u) {
       if (a.accordion) {
         let m = [];
-        m.push(p(s)), o.value = m;
+        m.push(p(u)), o.value = m;
       }
-      o.value.indexOf(p(s)) === -1 && o.value.push(p(s)), n("update:modelValue", o.value);
+      o.value.indexOf(p(u)) === -1 && o.value.push(p(u)), n("update:modelValue", o.value);
     }
-    function f(s) {
+    function f(u) {
       a.accordion && (o.value = []);
-      const m = o.value.indexOf(p(s));
+      const m = o.value.indexOf(p(u));
       m !== -1 && o.value.splice(m, 1), n("update:modelValue", o.value);
     }
-    function p(s) {
-      return s.props.id || s.props.header;
+    function p(u) {
+      return u.props.id || u.props.header;
     }
     return t({
       getValForModel: p,
@@ -1222,25 +1222,25 @@ const Sn = /* @__PURE__ */ E(zo, [["__scopeId", "data-v-f41beb0a"]]), qo = { cla
       isOpen: d,
       items: l,
       openedCollapseItem: o
-    }), (s, m) => (y(), g("div", qo, [
-      (y(!0), g(K, null, Y(l.value, (v) => (y(), B(Sn, te(v.props, {
+    }), (u, m) => (y(), g("div", qo, [
+      (y(!0), g(K, null, Y(l.value, (v) => (y(), E(Sn, te(v.props, {
         key: v.props.id,
         open: d(v),
-        "onCollapseItem:open": (S) => c(v),
-        "onCollapseItem:close": (S) => f(v)
+        "onCollapseItem:open": (h) => c(v),
+        "onCollapseItem:close": (h) => 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(s(v, "collapse-header-right"), (h) => (y(), E(oe(h), { key: h }))), 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(s(v, "default"), (h) => (y(), E(oe(h), { key: h }))), 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__ */ B(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src", "alt", "title"], Go = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -1272,7 +1272,7 @@ const Wo = /* @__PURE__ */ E(Ho, [["__scopeId", "data-v-5bd4f0f7"]]), Uo = ["src
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Uo)) : (y(), B(T(W), {
+      }, null, 8, Uo)) : (y(), E(T(W), {
         key: 1,
         name: "company-placeholder",
         size: n.value
@@ -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__ */ B(Go, [["__scopeId", "data-v-0f616ccb"]]);
 function Yo(e) {
   const t = () => e();
   le(() => {
@@ -1378,7 +1378,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       const v = c(!1);
       v >= 0 ? n("update:modelValue", v <= a.min ? a.min : v) : n("update:modelValue", 0), d();
     }
-    function u() {
+    function s() {
       const v = c();
       a.max && v <= a.max ? n("update:modelValue", v >= a.max ? a.max : v) : a.max && v > a.max ? n("update:modelValue", a.max) : n("update:modelValue", v), d();
     }
@@ -1386,16 +1386,16 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
       o.value = !f();
     }
     function c(v = !0) {
-      const 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 h = a.step.toString().split("."), w = h.length === 2 ? h[1].length : 0;
+      return parseFloat(v ? (a.modelValue + a.step).toFixed(w) : (a.modelValue - a.step).toFixed(w));
     }
     function f() {
-      return p() && s();
+      return p() && u();
     }
     function p() {
       return !a.max || a.modelValue <= a.max;
     }
-    function s() {
+    function u() {
       return a.min <= a.modelValue;
     }
     const m = {
@@ -1411,16 +1411,16 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     };
     return t({
       props: a
-    }), (v, S) => (y(), g("div", Zo, [
-      e.label ? (y(), B(T(je), {
+    }), (v, h) => (y(), g("div", Zo, [
+      e.label ? (y(), E(T(je), {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          w(v.$slots, "default", {}, () => [
+        default: M(() => [
+          k(v.$slots, "default", {}, () => [
             z(J(e.label), 1)
           ], !0)
         ]),
@@ -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: h[0] || (h[0] = //@ts-ignore
+            (...w) => m.onInput && m.onInput(...w)),
+            onBlur: h[1] || (h[1] = //@ts-ignore
+            (...w) => m.onBlur && m.onBlur(...w)),
+            onFocus: h[2] || (h[2] = //@ts-ignore
+            (...w) => m.onFocus && m.onFocus(...w))
           }), null, 16, el)
         ]),
         b("button", {
@@ -1466,7 +1466,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
-          onClick: u
+          onClick: s
         }, [
           U(T(W), { name: "add" })
         ], 8, tl),
@@ -1477,7 +1477,7 @@ const Zo = { class: "joy-counter" }, Qo = ["aria-label", "disabled"], Xo = { cla
     ]));
   }
 });
-const ll = /* @__PURE__ */ E(ol, [["__scopeId", "data-v-8ad5d56e"]]);
+const ll = /* @__PURE__ */ B(ol, [["__scopeId", "data-v-8ad5d56e"]]);
 function rl(e) {
   return kt() ? (xt(e), !0) : !1;
 }
@@ -1517,7 +1517,7 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var l = r.shift();
     if (!Xe(l, !1))
       if (l.tagName === "SLOT") {
-        var i = l.assignedElements(), u = i.length ? i : l.children, d = e(u, !0, a);
+        var i = l.assignedElements(), s = i.length ? i : l.children, d = e(s, !0, a);
         a.flatten ? o.push.apply(o, d) : o.push({
           scopeParent: l,
           candidates: d
@@ -1528,10 +1528,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var f = l.shadowRoot || // check for an undisclosed shadow
         typeof a.getShadowRoot == "function" && a.getShadowRoot(l), p = !Xe(f, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
         if (f && p) {
-          var s = e(f === !0 ? l.children : f.children, !0, a);
-          a.flatten ? o.push.apply(o, s) : o.push({
+          var u = e(f === !0 ? l.children : f.children, !0, a);
+          a.flatten ? o.push.apply(o, u) : o.push({
             scopeParent: l,
-            candidates: s
+            candidates: u
           });
         } else
           r.unshift.apply(r, l.children);
@@ -1585,8 +1585,8 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, gl = function(t) {
   var n, a = t && Qe(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (a && a !== t) {
-    var l, i, u;
-    for (r = !!((l = o) !== null && l !== void 0 && (i = l.ownerDocument) !== null && i !== void 0 && i.contains(o) || t != null && (u = t.ownerDocument) !== null && u !== void 0 && u.contains(t)); !r && o; ) {
+    var l, i, s;
+    for (r = !!((l = o) !== null && l !== void 0 && (i = l.ownerDocument) !== null && i !== void 0 && i.contains(o) || t != null && (s = t.ownerDocument) !== null && s !== void 0 && s.contains(t)); !r && o; ) {
       var d, c, f;
       a = Qe(o), o = (d = a) === null || d === void 0 ? void 0 : d.host, r = !!((c = o) !== null && c !== void 0 && (f = c.ownerDocument) !== null && f !== void 0 && f.contains(o));
     }
@@ -1605,10 +1605,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
       for (var i = t; t; ) {
-        var u = t.parentElement, d = Qe(t);
-        if (u && !u.shadowRoot && o(u) === !0)
+        var s = t.parentElement, d = Qe(t);
+        if (s && !s.shadowRoot && o(s) === !0)
           return tn(t);
-        t.assignedSlot ? t = t.assignedSlot : !u && d !== t.ownerDocument ? t = d.host : t = u;
+        t.assignedSlot ? t = t.assignedSlot : !s && d !== t.ownerDocument ? t = d.host : t = s;
       }
       t = i;
     }
@@ -1647,10 +1647,10 @@ var kn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Sl = function e(t) {
   var n = [], a = [];
   return t.forEach(function(o, r) {
-    var l = !!o.scopeParent, i = l ? o.scopeParent : o, u = cl(i, l), d = l ? e(o.candidates) : i;
-    u === 0 ? l ? n.push.apply(n, d) : n.push(i) : a.push({
+    var l = !!o.scopeParent, i = l ? o.scopeParent : o, s = cl(i, l), d = l ? e(o.candidates) : i;
+    s === 0 ? l ? n.push.apply(n, d) : n.push(i) : a.push({
       documentOrder: r,
-      tabIndex: u,
+      tabIndex: s,
       item: o,
       isScope: l,
       content: d
@@ -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, s = function(_, S, I) {
+    return _ && _[S] !== void 0 ? _[S] : r[I || S];
+  }, d = function(_, 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(_) || // 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 === _;
       });
     });
-  }, 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(_) {
+    var S = r[_];
+    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(_, "` was specified but was not a node, or did not return a node"));
+    }
+    var q = S;
+    if (typeof S == "string" && (q = a.querySelector(S), !q))
+      throw new Error("`".concat(_, "` as selector refers to no known node"));
     return q;
   }, f = function() {
-    var h = c("initialFocus");
-    if (h === !1)
+    var _ = c("initialFocus");
+    if (_ === !1)
       return !1;
-    if (h === void 0 || !vt(h, r.tabbableOptions))
+    if (_ === void 0 || !vt(_, r.tabbableOptions))
       if (d(a.activeElement) >= 0)
-        h = a.activeElement;
+        _ = a.activeElement;
       else {
-        var _ = l.tabbableGroups[0], I = _ && _.firstTabbableNode;
-        h = I || c("fallbackFocus");
+        var S = l.tabbableGroups[0], I = S && S.firstTabbableNode;
+        _ = I || c("fallbackFocus");
       }
-    if (!h)
+    if (!_)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return h;
+    return _;
   }, 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) {
+    if (l.containerGroups = l.containers.map(function(_) {
+      var S = kl(_, r.tabbableOptions), I = xl(_, r.tabbableOptions), R = S.length > 0 ? S[0] : void 0, D = S.length > 0 ? S[S.length - 1] : void 0, q = I.find(function(X) {
         return Ve(X);
       }), G = I.slice().reverse().find(function(X) {
         return Ve(X);
-      }), ne = !!_.find(function(X) {
+      }), ne = !!S.find(function(X) {
         return ke(X) > 0;
       });
       return {
-        container: h,
-        tabbableNodes: _,
+        container: _,
+        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(_) {
+      return _.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(_) {
+      return _.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) {
+  }, u = function H(_) {
+    var S = _.activeElement;
+    if (S)
+      return S.shadowRoot && S.shadowRoot.activeElement !== null ? H(S.shadowRoot) : S;
+  }, m = function H(_) {
+    if (_ !== !1 && _ !== u(document)) {
+      if (!_ || !_.focus) {
         H(f());
         return;
       }
-      h.focus({
+      _.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 = _, Tl(_) && _.select();
+    }
+  }, v = function(_) {
+    var S = c("setReturnFocus", _);
+    return S || (S === !1 ? !1 : _);
+  }, h = function(_) {
+    var S = _.target, I = _.event, R = _.isBackward, D = R === void 0 ? !1 : R;
+    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) {
+        D ? q = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : q = l.tabbableGroups[0].firstTabbableNode;
+      else if (D) {
         var X = rn(l.tabbableGroups, function(dt) {
           var 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) {
+        if (X < 0 && (ne.container === S || vt(S, r.tabbableOptions) && !Ve(S, r.tabbableOptions) && !ne.nextTabbableNode(S, !1)) && (X = G), X >= 0) {
           var Se = X === 0 ? l.tabbableGroups.length - 1 : X - 1, Oe = l.tabbableGroups[Se];
-          q = ke(_) >= 0 ? Oe.lastTabbableNode : Oe.lastDomTabbableNode;
+          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)) {
+  }, w = function(_) {
+    var S = Ge(_);
+    if (!(d(S, _) >= 0)) {
+      if (Fe(r.clickOutsideDeactivates, _)) {
         i.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -1975,15 +1975,15 @@ var on = {
         });
         return;
       }
-      Fe(r.allowOutsideClick, h) || h.preventDefault();
+      Fe(r.allowOutsideClick, _) || _.preventDefault();
     }
-  }, A = function(h) {
-    var _ = Ge(h), I = d(_, h) >= 0;
-    if (I || _ instanceof Document)
-      I && (l.mostRecentlyFocusedNode = _);
+  }, A = function(_) {
+    var S = Ge(_), I = d(S, _) >= 0;
+    if (I || S instanceof Document)
+      I && (l.mostRecentlyFocusedNode = S);
     else {
-      h.stopImmediatePropagation();
-      var R, M = !0;
+      _.stopImmediatePropagation();
+      var R, D = !0;
       if (l.mostRecentlyFocusedNode)
         if (ke(l.mostRecentlyFocusedNode) > 0) {
           var q = d(l.mostRecentlyFocusedNode), G = l.containerGroups[q].tabbableNodes;
@@ -1991,17 +1991,17 @@ var on = {
             var ne = G.findIndex(function(X) {
               return X === 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) {
               return ke(Se) > 0;
             });
-          }) || (M = !1);
+          }) || (D = !1);
       else
-        M = !1;
-      M && (R = S({
+        D = !1;
+      D && (R = h({
         // 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,31 +2009,31 @@ 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: _
+  }, P = function(_) {
+    var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    l.recentNavEvent = _;
+    var I = h({
+      event: _,
+      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(_) && _.preventDefault(), m(I));
+  }, F = function(_) {
+    if (Il(_) && Fe(r.escapeDeactivates, _) !== !1) {
+      _.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());
+    (r.isKeyForward(_) || r.isKeyBackward(_)) && P(_, r.isKeyBackward(_));
+  }, j = function(_) {
+    var S = Ge(_);
+    d(S, _) >= 0 || Fe(r.clickOutsideDeactivates, _) || Fe(r.allowOutsideClick, _) || (_.preventDefault(), _.stopImmediatePropagation());
   }, N = function() {
     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", A, !0), a.addEventListener("mousedown", w, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", k, {
+      }), a.addEventListener("touchstart", w, {
         capture: !0,
         passive: !1
       }), a.addEventListener("click", j, {
@@ -2045,18 +2045,18 @@ var on = {
       }), i;
   }, O = 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", A, !0), a.removeEventListener("mousedown", w, !0), a.removeEventListener("touchstart", w, !0), a.removeEventListener("click", j, !0), a.removeEventListener("keydown", F, !0), i;
+  }, re = function(_) {
+    var S = _.some(function(I) {
       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(_) {
+      ie.observe(_, {
         subtree: !0,
         childList: !0
       });
@@ -2069,49 +2069,49 @@ var on = {
     get paused() {
       return l.paused;
     },
-    activate: function(h) {
+    activate: function(_) {
       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() {
+      var S = s(_, "onActivate"), I = s(_, "onPostActivate"), R = s(_, "checkCanFocusTrap");
+      R || p(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, S == null || S();
+      var D = function() {
         R && p(), N(), ue(), I == null || I();
       };
-      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(_) {
       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");
+      var I = s(S, "onDeactivate"), R = s(S, "onPostDeactivate"), D = s(S, "checkCanReturnFocus"), q = s(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(_) {
       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 = s(_, "onPause"), I = s(_, "onPostPause");
+      return l.paused = !0, S == null || S(), O(), ue(), I == null || I(), this;
     },
-    unpause: function(h) {
+    unpause: function(_) {
       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 = s(_, "onUnpause"), I = s(_, "onPostUnpause");
+      return l.paused = !1, S == null || S(), p(), N(), ue(), I == null || I(), this;
     },
-    updateContainerElements: function(h) {
-      var _ = [].concat(h).filter(Boolean);
-      return l.containers = _.map(function(I) {
+    updateContainerElements: function(_) {
+      var S = [].concat(_).filter(Boolean);
+      return l.containers = S.map(function(I) {
         return typeof I == "string" ? a.querySelector(I) : I;
       }), l.active && p(), ue(), this;
     }
@@ -2119,7 +2119,7 @@ var on = {
 };
 function Tn(e, t = {}) {
   let n;
-  const { immediate: a, ...o } = t, r = C(!1), l = C(!1), i = (f) => n && n.activate(f), u = (f) => n && n.deactivate(f), d = () => {
+  const { immediate: a, ...o } = t, r = C(!1), l = C(!1), i = (f) => n && n.activate(f), s = (f) => n && n.deactivate(f), d = () => {
     n && (n.pause(), l.value = !0);
   }, c = () => {
     n && (n.unpause(), l.value = !1);
@@ -2138,11 +2138,11 @@ function Tn(e, t = {}) {
       }), a && i());
     },
     { flush: "post" }
-  ), rl(() => u()), {
+  ), rl(() => s()), {
     hasFocus: r,
     isPaused: l,
     activate: i,
-    deactivate: u,
+    deactivate: s,
     pause: d,
     unpause: c
   };
@@ -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,7 +2227,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = "joy-dialog--" + _e(), r = 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 = Q(), l = C(!1), i = C(), s = C(a.open), d = Tn(i), c = Ae(), f = V(() => {
       if (l.value)
         return c;
     }), p = V(() => {
@@ -2235,13 +2235,13 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
       return !!j || !!N;
     }), m = V(() => a.id || o).value + "-header";
     function v() {
-      !a.patternConfirm && S();
+      !a.patternConfirm && h();
     }
-    async function S(j = { fireHideEvent: !0 }) {
-      d.deactivate(), u.value = !1, await Re(), me(!1), j.fireHideEvent && n("dialog:hide");
+    async function h(j = { fireHideEvent: !0 }) {
+      d.deactivate(), s.value = !1, await Re(), me(!1), j.fireHideEvent && n("dialog:hide");
     }
-    async function k() {
-      u.value = !0, await Re(), a.focusTrap && d.activate(), a.preventBodyScroll && me(!0);
+    async function w() {
+      s.value = !0, await Re(), a.focusTrap && d.activate(), a.preventBodyScroll && me(!0);
     }
     function A() {
       n("dialog:open");
@@ -2255,14 +2255,14 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
     return le(async () => {
       l.value = !0;
     }), Ne(() => {
-      u.value === !0 && (n("dialog:before-unmount"), me(!1));
+      s.value === !0 && (n("dialog:before-unmount"), me(!1));
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
-      hide: S,
-      isOpen: u,
-      show: k
-    }), (j, N) => l.value ? (y(), B(rt, {
+      hide: h,
+      isOpen: s,
+      show: w
+    }), (j, N) => l.value ? (y(), E(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2274,14 +2274,14 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
         onAfterEnter: P,
         onAfterLeave: F
       }, {
-        default: D(() => [
-          u.value ? (y(), g("div", te({ key: 0 }, f.value, {
+        default: M(() => [
+          s.value ? (y(), g("div", te({ key: 0 }, f.value, {
             id: e.id || o,
             ref_key: "dialogRef",
             ref: i,
             role: "dialog",
             "aria-modal": "true",
-            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value }],
+            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": s.value }],
             "aria-labelledby": m,
             onKeydown: Ct(v, ["esc"])
           }), [
@@ -2289,7 +2289,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
               class: $([
                 {
                   "joy-dialog__overlay": !0,
-                  "joy-dialog__overlay--open": u.value,
+                  "joy-dialog__overlay--open": s.value,
                   "joy-dialog__overlay___disabled": e.patternConfirm
                 }
               ]),
@@ -2299,7 +2299,7 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
               class: $([
                 {
                   "joy-dialog--wrapper": !0,
-                  "joy-dialog--wrapper-open": u.value
+                  "joy-dialog--wrapper-open": s.value
                 }
               ])
             }, [
@@ -2318,12 +2318,12 @@ 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), {
+                  e.patternConfirm ? x("", !0) : (y(), E(T(de), {
                     key: 0,
                     id: "joy-dialog--close",
                     circle: "",
@@ -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: N[0] || (N[0] = (O) => h())
                   }, 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,30 +2351,30 @@ const Nl = ["id", "onKeydown"], Ol = { class: "joy-dialog__inner" }, Jl = { clas
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: D(() => [
-                      w(j.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (y(), B(T(de), {
+                    default: M(() => [
+                      k(j.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (y(), E(T(de), {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: N[1] || (N[1] = (O) => S())
+                          onClick: N[1] || (N[1] = (O) => h())
                         }, {
-                          default: D(() => [
+                          default: M(() => [
                             z(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
-                      w(j.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (y(), B(T(de), {
+                      k(j.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (y(), E(T(de), {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
                           onClick: N[2] || (N[2] = (O) => n("dialog:confirm"))
                         }, {
-                          default: D(() => [
+                          default: M(() => [
                             z(J(e.confirmText), 1)
                           ]),
                           _: 1
@@ -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,7 +2396,7 @@ 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__ */ B(Dl, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2408,7 +2408,7 @@ const Dl = /* @__PURE__ */ E(Ml, [["__scopeId", "data-v-b0e082fd"]]), zl = /* @_
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -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__ */ B(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,20 +2505,20 @@ 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 = Q(), l = C(!1), i = C(), s = 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;
-    }), s = V(() => a.id || o), m = s.value + "-header";
+    }), u = V(() => a.id || o), m = u.value + "-header";
     async function v(F = { fireHideEvent: !0 }) {
-      d.deactivate(), u.value = !1, await Re(), me(!1), F.fireHideEvent && n("drawer:hide");
+      d.deactivate(), s.value = !1, await Re(), me(!1), F.fireHideEvent && n("drawer:hide");
     }
-    async function S() {
-      u.value = !0, await Re(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && me(!0);
+    async function h() {
+      s.value = !0, await Re(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
-    function k() {
+    function w() {
       n("drawer:open");
     }
     function A() {
@@ -2530,14 +2530,14 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
     return le(() => {
       l.value = !0;
     }), Ne(() => {
-      u.value === !0 && (n("drawer:before-unmount"), me(!1));
+      s.value === !0 && (n("drawer:before-unmount"), me(!1));
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
       hide: v,
-      isOpen: u,
-      show: S
-    }), (F, j) => l.value ? (y(), B(rt, {
+      isOpen: s,
+      show: h
+    }), (F, j) => l.value ? (y(), E(rt, {
       key: 0,
       to: e.teleport
     }, [
@@ -2545,13 +2545,13 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: k,
+        onEnter: w,
         onAfterEnter: A,
         onAfterLeave: P
       }, {
-        default: D(() => [
-          u.value ? (y(), g("div", te({ key: 0 }, f.value, {
-            id: s.value,
+        default: M(() => [
+          s.value ? (y(), g("div", te({ key: 0 }, f.value, {
+            id: u.value,
             ref_key: "drawerRef",
             ref: i,
             role: "dialog",
@@ -2560,7 +2560,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               "joy-drawer",
               `joy-drawer--${e.size}`,
               {
-                "joy-drawer--open": u.value,
+                "joy-drawer--open": s.value,
                 "joy-drawer--elevated": e.elevated
               }
             ],
@@ -2572,7 +2572,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               class: $([
                 {
                   "joy-drawer__overlay": !0,
-                  "joy-drawer__overlay--open": u.value
+                  "joy-drawer__overlay--open": s.value
                 }
               ]),
               onClick: j[0] || (j[0] = (N) => v())
@@ -2581,7 +2581,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
               class: $([
                 {
                   "joy-drawer--wrapper": !0,
-                  "joy-drawer--wrapper-open": u.value
+                  "joy-drawer--wrapper-open": s.value
                 }
               ])
             }, [
@@ -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(F.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   b("p", Xl, [
-                    w(F.$slots, "drawer-subheader", {}, void 0, !0)
+                    k(F.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   U(T(de), {
                     id: "joy-drawer--close",
@@ -2609,7 +2609,7 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                   }, null, 8, ["label"])
                 ]),
                 b("div", er, [
-                  w(F.$slots, "drawer-body", {}, void 0, !0)
+                  k(F.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: $([
@@ -2623,30 +2623,30 @@ const Kl = /* @__PURE__ */ E(Gl, [["__scopeId", "data-v-a3d693c3"]]), Yl = ["id"
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: D(() => [
-                      w(F.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (y(), B(T(de), {
+                    default: M(() => [
+                      k(F.$slots, "drawer-cancel", {}, () => [
+                        e.cancelText ? (y(), E(T(de), {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
                           onClick: j[2] || (j[2] = (N) => v())
                         }, {
-                          default: D(() => [
+                          default: M(() => [
                             z(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : x("", !0)
                       ], !0),
-                      w(F.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (y(), B(T(de), {
+                      k(F.$slots, "drawer-confirm", {}, () => [
+                        e.confirmText ? (y(), E(T(de), {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
                           onClick: j[3] || (j[3] = (N) => n("drawer:confirm"))
                         }, {
-                          default: D(() => [
+                          default: M(() => [
                             z(J(e.confirmText), 1)
                           ]),
                           _: 1
@@ -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(F.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : x("", !0)
               ])
             ], 2)
@@ -2668,7 +2668,7 @@ 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__ */ B(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2680,7 +2680,7 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
       var i;
       t("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (y(!0), g(K, null, Y(r.value, (d) => (y(), B(oe(d), {
+    return (i, s) => (y(!0), g(K, null, Y(r.value, (d) => (y(), E(oe(d), {
       key: d,
       onClick: l
     }))), 128));
@@ -2738,27 +2738,27 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(), r = V(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
-    function l(s) {
-      s.disabled || n("update:modelValue", s.value || s.id);
+    const a = e, o = C(), r = V(() => (u) => !a.modelValue || !u.value && !u.id ? !1 : a.modelValue === u.value || a.modelValue === u.id);
+    function l(u) {
+      u.disabled || n("update:modelValue", u.value || u.id);
     }
     function i() {
-      var s;
-      return Array.from(((s = o.value) == null ? void 0 : s.querySelectorAll("li")) || []);
+      var u;
+      return Array.from(((u = o.value) == null ? void 0 : u.querySelectorAll("li")) || []);
     }
-    function u() {
-      const s = i().find((m) => m.getAttribute("aria-selected") === "true");
-      s && (s.focus(), o.value.scrollTo({
-        top: s.offsetTop
+    function s() {
+      const u = i().find((m) => m.getAttribute("aria-selected") === "true");
+      u && (u.focus(), o.value.scrollTo({
+        top: u.offsetTop
       }));
     }
     function d() {
-      return i().find((s) => s === document.activeElement);
+      return i().find((u) => u === document.activeElement);
     }
-    function c(s) {
+    function c(u) {
       var m;
       if (!(o.value && !o.value.contains(document.activeElement) || !o.value)) {
-        if ((s.key === "Escape" || s.key === "Tab") && n("close:dropdownList"), (s.key === "Enter" || s.key === "enter") && (s.preventDefault(), d() && ((m = o.value) != null && m.contains(d())))) {
+        if ((u.key === "Escape" || u.key === "Tab") && n("close:dropdownList"), (u.key === "Enter" || u.key === "enter") && (u.preventDefault(), d() && ((m = o.value) != null && m.contains(d())))) {
           const v = d();
           if (!v)
             return;
@@ -2766,47 +2766,47 @@ const ar = /* @__PURE__ */ E(nr, [["__scopeId", "data-v-e5a3f673"]]), or = /* @_
             return v.querySelector("a").click();
           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);
+        if (d() && u.key === " " && u.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
+          const v = i(), h = d();
+          let w = v.indexOf(h);
           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]);
+            u.preventDefault(), u.key === "ArrowDown" ? w++ : u.key === "ArrowUp" ? w-- : u.key === "Home" ? w = 0 : u.key === "End" && (w = v.length - 1), w < 0 && (w = v.length - 1), w > v.length - 1 && (w = 0), f(v[w]);
             return;
           }
         }
       }
     }
-    function f(s) {
-      s.focus();
+    function f(u) {
+      u.focus();
     }
     function p() {
       n("reset");
     }
     return le(() => {
-      window.addEventListener("keydown", c), u();
+      window.addEventListener("keydown", c), s();
     }), Ne(() => {
       window.removeEventListener("keydown", c);
     }), t({
       isSelected: r
-    }), (s, m) => (y(), g("div", {
+    }), (u, m) => (y(), g("div", {
       class: "joy-dropdown-list",
       style: ce({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      s.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", lr, [
+      u.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", lr, [
         e.reset ? (y(), g("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
         }, J(e.resetLabel || "Reset"), 1)) : x("", !0),
-        w(s.$slots, "dropdown-list-header", {}, void 0, !0)
+        k(u.$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"] }]),
+        class: $(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": u.$slots["dropdown-list-items"] }]),
         style: ce({ "max-height": `${e.height}px` })
       }, [
-        w(s.$slots, "dropdown-list-items", {}, void 0, !0),
+        k(u.$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: (h) => l(v)
           }, [
-            w(s.$slots, "label", ze(qe(v)), () => [
+            k(u.$slots, "label", ze(qe(v)), () => [
               b("span", null, J(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)
+      u.$slots["dropdown-list-footer"] ? (y(), g("footer", sr, [
+        k(u.$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__ */ B(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @__PURE__ */ L({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2940,7 +2940,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(null), l = C(), i = C(null), u = C(null), d = C(!1), c = "joy-dropdown--" + _e();
+    const a = e, o = C(!1), r = C(null), l = C(), i = C(null), s = C(null), d = C(!1), c = "joy-dropdown--" + _e();
     jt("VJoyDropdownContext", a);
     const f = {
       ignore: [l, ".joy-dropdown__list"]
@@ -2953,7 +2953,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
       },
       { flush: "post" }
     );
-    const s = V(() => {
+    const u = V(() => {
       let j = `${a.dropdownGap}px`;
       return a.direction === "up" && (j = "-" + j), {
         marginTop: j
@@ -2965,16 +2965,16 @@ 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), s.value = j.target, o.value = !0, n("dropdown:open");
     }
-    function S() {
-      m(), k();
+    function h() {
+      m(), w();
     }
-    function k() {
-      u.value && u.value.focus();
+    function w() {
+      s.value && s.value.focus();
     }
     function A(j) {
-      n("update:modelValue", j), a.closeOnSelect && (m(), k());
+      n("update:modelValue", j), a.closeOnSelect && (m(), w());
     }
     function P() {
       n("dropdown:reset");
@@ -2987,14 +2987,14 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
     }), t({
       showDropdownList: o,
       generatedId: c
-    }), (j, N) => (y(), B(T(Lt), {
+    }), (j, N) => (y(), E(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,
@@ -3017,7 +3017,7 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
               "joy-dropdown__list--hiding": d.value
             }
           ]),
-          style: ce(s.value)
+          style: ce(u.value)
         }, [
           U(Ln, {
             "model-value": e.modelValue,
@@ -3029,11 +3029,11 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
             "reset-label": e.resetLabel,
             "aria-labelled-by": c,
             "onUpdate:modelValue": A,
-            "onClose:dropdownList": S,
+            "onClose:dropdownList": h,
             onReset: P
           }, pn({
-            label: D((O) => [
-              w(j.$slots, "dropdown-item", ze(qe(O)), () => [
+            label: M((O) => [
+              k(j.$slots, "dropdown-item", ze(qe(O)), () => [
                 b("span", null, J(O.label), 1)
               ], !0)
             ]),
@@ -3041,22 +3041,22 @@ const Ln = /* @__PURE__ */ E(ur, [["__scopeId", "data-v-0127e896"]]), cr = /* @_
           }, [
             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__ */ B(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__ */ B(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -3109,8 +3109,8 @@ const pr = /* @__PURE__ */ E(vr, [["__scopeId", "data-v-114f8274"]]), mr = /* @_
       onClick: o
     }, [
       z(J(e.label) + " ", 1),
-      w(r.$slots, "default", {}, void 0, !0),
-      T(a) ? (y(), B(W, {
+      k(r.$slots, "default", {}, void 0, !0),
+      T(a) ? (y(), E(W, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -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__ */ B(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__ */ B(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", {}, () => [
+        k(t.$slots, "default", {}, () => [
           z(J(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, kr));
   }
 });
-const En = /* @__PURE__ */ E(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
+const En = /* @__PURE__ */ B(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3185,8 +3185,8 @@ const En = /* @__PURE__ */ E(xr, [["__scopeId", "data-v-581fd33b"]]), Cr = /* @_
     const n = e, a = it("VJoyWrapperContext", {}), o = V(() => {
       const r = a.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
-        const u = ["1", "0"];
-        return r && u.push(r), u.join(" ");
+        const s = ["1", "0"];
+        return r && s.push(r), s.join(" ");
       }
       const l = [n.flex || "1", "0"], i = n.width || r;
       return i && l.push(i), l.join(" ");
@@ -3201,7 +3201,7 @@ const En = /* @__PURE__ */ 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__ */ B(Cr, [["__scopeId", "data-v-8a4ecbad"]]), $r = { class: "joy-funnel__header" }, Vr = { class: "funnel__header__inner" }, Tr = { class: "joy-funnel__stepper" }, Ir = /* @__PURE__ */ mn('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), Lr = [
   Ir
 ], Er = { class: "joy-funnel__footer" }, Br = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
@@ -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__ */ B(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__ */ B(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Qa], Dr = { class: "joy-highlight--text" }, Mr = { key: 0 }, zr = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3318,20 +3318,20 @@ const Pr = /* @__PURE__ */ E(Fr, [["__scopeId", "data-v-7928856e"]]), Rr = [...Q
         }
       ])
     }, [
-      e.displayIcon ? (y(), B(W, {
+      e.displayIcon ? (y(), E(W, {
         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__ */ B(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3365,7 +3365,7 @@ const qr = /* @__PURE__ */ E(zr, [["__scopeId", "data-v-45c2fbf4"]]), Hr = ["ari
     ], 2));
   }
 });
-const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @__PURE__ */ L({
+const Bn = /* @__PURE__ */ B(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3380,12 +3380,12 @@ const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
   setup(e, { expose: t, emit: n }) {
     const a = e, o = Q(), 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);
+      return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(s) : c.filter(s);
     });
     function i(c) {
       return r.value === c.props.value;
     }
-    function u(c) {
+    function s(c) {
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyIndicator";
     }
@@ -3398,16 +3398,16 @@ const Bn = /* @__PURE__ */ E(Wr, [["__scopeId", "data-v-9b442c08"]]), Ur = /* @_
     }), (c, f) => (y(), g("ul", {
       class: $(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (y(!0), g(K, null, Y(l.value, (p) => (y(), B(T(Bn), te({
+      (y(!0), g(K, null, Y(l.value, (p) => (y(), E(T(Bn), te({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: i(p),
-        onClick: (s) => d(p)
+        onClick: (u) => d(p)
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
 });
-const Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["small", "medium", "large"], Yr = {
+const Gr = /* @__PURE__ */ B(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["small", "medium", "large"], Yr = {
   key: 0,
   class: "joy-label-required"
 }, Zr = {
@@ -3437,11 +3437,11 @@ const Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["sma
     text: String
   },
   setup(e) {
-    return (t, n) => (y(), B(oe(e.tagName), te({
+    return (t, n) => (y(), E(oe(e.tagName), te({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
-      default: D(() => [
-        w(t.$slots, "default", {}, () => [
+      default: M(() => [
+        k(t.$slots, "default", {}, () => [
           z(J(e.text), 1)
         ], !0),
         e.required ? (y(), g("span", Yr, "*")) : x("", !0),
@@ -3451,7 +3451,7 @@ const Gr = /* @__PURE__ */ E(Ur, [["__scopeId", "data-v-32ceef34"]]), Kr = ["sma
     }, 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__ */ B(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: {
@@ -3530,35 +3530,38 @@ 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);
+    const n = e, a = C(), o = C(), r = Ae(), l = Q(), i = C(!1), s = 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);
+    const d = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), c = V(() => l.default && l.default()), f = V(() => {
+      var v, h;
+      return !!((v = o.value) != null && v.closest("joy-wrapper")) || !!((h = o.value) != null && h.closest(".joy-wrapper"));
+    }), p = C(n.type), u = V(() => n.type === "password" && !!n.modelValue);
     na(() => {
-      f.value = n.unit ? "number" : n.type;
+      p.value = n.unit ? "number" : n.type;
     });
-    const p = {
+    const m = {
       onFocus: () => {
         n.readonly || (i.value = !0);
       },
       onBlur: () => {
         i.value = !1;
       },
-      onInput: (s) => {
-        let m = s.target.value;
-        n.modelModifiers.lazy || t("update:modelValue", m);
+      onInput: (v) => {
+        let h = v.target.value;
+        n.modelModifiers.lazy || t("update:modelValue", h);
       },
-      onChange: (s) => {
-        let m = s.target.value;
-        n.modelModifiers.lazy && t("update:modelValue", m);
+      onChange: (v) => {
+        let h = v.target.value;
+        n.modelModifiers.lazy && t("update:modelValue", h);
       },
       clearValue: () => {
         n.disabled || t("update:modelValue", "");
+      },
+      togglePassword: (v) => {
+        v.preventDefault(), s.value = !s.value, s.value ? p.value = "text" : p.value = "password";
       }
     };
-    return (s, m) => (y(), g("div", {
+    return (v, h) => (y(), g("div", {
       ref_key: "root",
       ref: o,
       class: $([`joy-input--${n.size}`])
@@ -3575,15 +3578,15 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
           }
         ])
       }, [
-        d.value || e.label ? (y(), B(je, {
+        c.value || e.label ? (y(), E(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", {}, () => [
+          default: M(() => [
+            k(v.$slots, "default", {}, () => [
               z(J(e.label), 1)
             ], !0)
           ]),
@@ -3596,11 +3599,11 @@ 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": !f.value
             }
           ])
         }, [
-          b("input", te(s.$attrs, {
+          b("input", te(v.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: a,
@@ -3614,33 +3617,39 @@ const je = /* @__PURE__ */ E(Qr, [["__scopeId", "data-v-388a7c56"]]), Xr = ["lar
                 "joy-input--field-invalid": e.invalid
               }
             ],
-            type: f.value,
+            type: p.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: h[0] || (h[0] = //@ts-ignore
+            (...w) => m.onFocus && m.onFocus(...w)),
+            onBlur: h[1] || (h[1] = //@ts-ignore
+            (...w) => m.onBlur && m.onBlur(...w)),
+            onInput: h[2] || (h[2] = //@ts-ignore
+            (...w) => m.onInput && m.onInput(...w)),
+            onChange: h[3] || (h[3] = //@ts-ignore
+            (...w) => m.onChange && m.onChange(...w))
           }), null, 16, ei),
-          u.value ? (y(), B(de, {
+          d.value ? (y(), E(de, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: p.clearValue
+            onClick: m.clearValue
           }, null, 8, ["onClick"])) : x("", !0),
-          e.icon ? (y(), B(W, {
+          u.value ? (y(), E(W, {
             key: 1,
+            class: "joy-input--password-icon",
+            name: s.value ? "eye-masked" : "eye",
+            onClick: m.togglePassword
+          }, null, 8, ["name", "onClick"])) : x("", !0),
+          e.icon ? (y(), E(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 +3658,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__ */ B(ni, [["__scopeId", "data-v-6067c536"]]), oi = ["teal", "white"], li = ["href"], ri = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3670,17 +3679,17 @@ const ai = /* @__PURE__ */ E(ni, [["__scopeId", "data-v-dfad36d7"]]), oi = ["tea
     return (t, n) => (y(), g("a", te({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (y(), B(W, {
+      e.icon ? (y(), E(W, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : x("", !0),
-      w(t.$slots, "default", {}, () => [
+      k(t.$slots, "default", {}, () => [
         z(J(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__ */ B(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tabindex", "aria-activedescendant", "aria-label"], ui = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ci = { "aria-hidden": "true" }, di = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3709,7 +3718,7 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       var f;
       return Array.from(((f = a.value) == null ? void 0 : f.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
     }
-    function u(f) {
+    function s(f) {
       return f.id || _e();
     }
     function d() {
@@ -3718,8 +3727,8 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
     function c(f) {
       if (d() && f.key === " " && f.preventDefault(), f.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(f.key)) {
         f.preventDefault();
-        const p = i(), s = d();
-        let m = p.indexOf(s);
+        const p = i(), u = d();
+        let m = p.indexOf(u);
         if (f.key === "ArrowDown" ? m++ : f.key === "ArrowUp" ? m-- : f.key === "Home" ? m = 0 : f.key === "End" && (m = p.length - 1), m < 0 && (m = 0), m > p.length - 1)
           return;
         r.value = p[m].id, p[m].focus();
@@ -3728,14 +3737,14 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
         const p = d();
         if (!p)
           return;
-        const s = p.querySelector("a");
-        p && s ? s.click() : p.click();
+        const u = p.querySelector("a");
+        p && u ? u.click() : p.click();
       }
     }
     return t({
       activeMenuItemId: r,
       getItems: i,
-      getItemId: u,
+      getItemId: s,
       getFocusedItem: d
     }), (f, p) => (y(), g("ul", {
       ref_key: "menu",
@@ -3747,39 +3756,39 @@ const ii = /* @__PURE__ */ E(ri, [["__scopeId", "data-v-5540214e"]]), si = ["tab
       role: "menu",
       onKeydown: c
     }, [
-      (y(!0), g(K, null, Y(e.items, (s) => (y(), g("li", {
-        id: u(s),
-        key: s.label,
+      (y(!0), g(K, null, Y(e.items, (u) => (y(), g("li", {
+        id: s(u),
+        key: u.label,
         class: $([
           "joy-menu-list__item",
           {
-            "joy-menu-list__item--current": s.current,
-            "joy-menu-list__item--disabled": s.disabled
+            "joy-menu-list__item--current": u.current,
+            "joy-menu-list__item--disabled": u.disabled
           }
         ]),
         tabindex: "-1",
-        "aria-disabled": s.disabled,
-        "aria-current": s.current,
-        title: s.label,
-        "aria-label": s.label,
-        ".dataModel": s.value || s.id,
+        "aria-disabled": u.disabled,
+        "aria-current": u.current,
+        title: u.label,
+        "aria-label": u.label,
+        ".dataModel": u.value || u.id,
         role: "menuitem",
-        onClick: (m) => l(s)
+        onClick: (m) => l(u)
       }, [
         b("div", ci, [
-          w(f.$slots, "menu-item", ze(qe(s)), () => [
-            s.icon ? (y(), B(W, {
+          k(f.$slots, "menu-item", ze(qe(u)), () => [
+            u.icon ? (y(), E(W, {
               key: 0,
-              name: s.icon
+              name: u.icon
             }, null, 8, ["name"])) : x("", !0),
-            b("span", null, J(s.label), 1)
+            b("span", null, J(u.label), 1)
           ], !0)
         ])
       ], 10, ui))), 128))
     ], 40, si));
   }
 });
-const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
+const fi = /* @__PURE__ */ B(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"], vi = {
   class: /* @__PURE__ */ $(["joy-multi-checkbox"])
 }, pi = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
@@ -3828,29 +3837,29 @@ const fi = /* @__PURE__ */ E(di, [["__scopeId", "data-v-4391a0bd"]]), yi = ["id"
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (y(), B(T(je), {
+      e.label ? (y(), E(T(je), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
+        default: M(() => [
           z(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : x("", !0),
       b("div", vi, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Et), {
+        (y(!0), g(K, null, Y(e.options, (i) => (y(), E(T(Et), {
           id: i.id,
           key: i.id,
           name: i.name,
           value: i.value,
           checked: a(i),
-          "onUpdate:checked": (u) => o(i.value, u)
+          "onUpdate:checked": (s) => o(i.value, s)
         }, {
-          default: D(() => [
-            w(r.$slots, "checkbox", ze(qe(i)), () => [
+          default: M(() => [
+            k(r.$slots, "checkbox", ze(qe(i)), () => [
               z(J(i.label), 1)
             ], !0)
           ]),
@@ -3860,7 +3869,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__ */ B(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3878,7 +3887,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (y(), B(de, {
+    return (t, n) => (y(), E(de, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -3925,7 +3934,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
     const n = e, a = V(() => {
       const d = r.value.length;
       return r.value[d - 1] !== r.value[d - 2] + 1;
-    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? i(2, n.totalPages - 1) : s(n.currentPage));
     function l(d) {
       t("update:current-page", d);
     }
@@ -3936,7 +3945,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
         f.push(p);
       return f.push(n.totalPages), f;
     }
-    function u(d) {
+    function s(d) {
       let c = d - 2, f = d + 1;
       return c <= 1 && (c = 2, f = 5), f >= n.totalPages && (f = n.totalPages - 1, c = f - 3), i(c, f);
     }
@@ -3948,7 +3957,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,
@@ -3973,7 +3982,7 @@ const mi = /* @__PURE__ */ E(pi, [["__scopeId", "data-v-c278b02d"]]), sn = /* @_
           ])
         ]),
         b("li", _i, [
-          w(d.$slots, "pagination-next", {}, () => [
+          k(d.$slots, "pagination-next", {}, () => [
             U(sn, {
               next: "",
               label: e.labelNext,
@@ -3986,7 +3995,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__ */ B(Si, [["__scopeId", "data-v-ca6b555e"]]), xi = ["small", "medium", "large"], Ci = ["small", "large"], ji = {
   key: 0,
   class: /* @__PURE__ */ $(["joy-panel__header"])
 }, $i = {
@@ -4051,35 +4060,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), {
+      e.loading ? (y(), E(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__ */ B(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { class: "joy-panel-section" }, Ai = {
   key: 0,
   class: "joy-panel-section__title"
 }, Ni = {
@@ -4091,15 +4100,15 @@ const Ei = /* @__PURE__ */ E(Li, [["__scopeId", "data-v-4a8b703c"]]), Bi = { cla
     const t = Q();
     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__ */ B(Oi, [["__scopeId", "data-v-d88510ab"]]), Fi = { class: "joy-progress-bar-wrapper" }, Pi = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -4141,7 +4150,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__ */ B(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Di = ["id", "value", "checked", "disabled", "required", "name"], Mi = { class: "joy-radio-label" }, zi = { class: "joy-radio-content__wrapper" }, qi = { class: "joy-radio-content" }, Hi = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -4177,9 +4186,9 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(!1), r = C(!1), l = C(null), i = C(null), u = 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), s = Q(), d = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function c() {
-      o.value = !!u["expandable-content"] && d.value;
+      o.value = !!s["expandable-content"] && d.value;
     }
     function f() {
       n("update:modelValue", a.value), c();
@@ -4190,7 +4199,7 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
     function p() {
       r.value = !0;
     }
-    function s() {
+    function u() {
       r.value = !1;
     }
     return ee(
@@ -4226,27 +4235,27 @@ const Ri = /* @__PURE__ */ E(Pi, [["__scopeId", "data-v-1b2b3de8"]]), Mi = ["id"
         name: e.name,
         onChange: f,
         onFocus: p,
-        onBlur: s
-      }, null, 40, Mi),
-      b("span", Di, [
-        w(m.$slots, "default", {}, void 0, !0)
+        onBlur: u
+      }, 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__ */ B(Hi, [["__scopeId", "data-v-24cea99b"]]), Ui = ["form", "name"], Gi = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -4274,16 +4283,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__ */ B(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ariaLabel"], Zi = { class: "joy-rating-stars" }, Qi = { class: "joy-rating-stars__content" }, Xi = { key: 0 }, es = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -4302,7 +4311,7 @@ const Ki = /* @__PURE__ */ E(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
   setup(e, { expose: t }) {
     const n = e, a = Ae(), o = V(() => {
       let r = [], l = 0.24, i = 0.75;
-      for (let u = 0; u < 5; u++)
+      for (let s = 0; s < 5; s++)
         n.ratingValue > l ? r.push(n.ratingValue < i ? "half" : "full") : r.push("empty"), l += 1, i += 1;
       return r;
     });
@@ -4314,21 +4323,21 @@ const Ki = /* @__PURE__ */ E(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
       ariaLabel: T(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       b("ul", Zi, [
-        (y(!0), g(K, null, Y(o.value, (i, u) => (y(), g("li", {
-          key: u,
+        (y(!0), g(K, null, Y(o.value, (i, s) => (y(), g("li", {
+          key: s,
           class: $([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (y(), B(W, {
+          i === "full" ? (y(), E(W, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (y(), B(W, {
+          })) : i === "half" ? (y(), E(W, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (y(), B(W, {
+          })) : (y(), E(W, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -4337,14 +4346,14 @@ const Ki = /* @__PURE__ */ E(Gi, [["__scopeId", "data-v-a77e7f95"]]), Yi = ["ari
         ], 2))), 128))
       ]),
       b("div", Qi, [
-        w(r.$slots, "rating-stars-content", {}, () => [
+        k(r.$slots, "rating-stars-content", {}, () => [
           e.reviewCount ? (y(), g("span", Xi, "(" + J(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__ */ B(es, [["__scopeId", "data-v-c9a5e140"]]), ts = { class: "joy-screen-loader__content" }, ns = {
   key: 0,
   class: "joy-screen-loader__content"
 }, as = /* @__PURE__ */ L({
@@ -4366,19 +4375,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__ */ B(as, [["__scopeId", "data-v-1112514f"]]), os = ["id", "name", "aria-invalid", "required", "disabled"], ls = ["selected"], rs = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4425,14 +4434,14 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     const a = e, o = Q(), r = V(() => {
       const m = o.default();
       let v = [];
-      return m.forEach((S) => {
-        if (l(S))
-          v.push(S);
+      return m.forEach((h) => {
+        if (l(h))
+          v.push(h);
         else {
-          const k = S.children;
-          if (typeof k == "string" || !k.length)
+          const w = h.children;
+          if (typeof w == "string" || !w.length)
             return;
-          const A = k.filter(l);
+          const A = w.filter(l);
           v = [...v, ...A];
         }
       }), v;
@@ -4440,20 +4449,20 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     function l(m) {
       return (m == null ? void 0 : m.type) === "option";
     }
-    const i = C(), u = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const i = C(), s = C(), d = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     le(() => {
-      var S;
+      var h;
       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 w = (h = v.props) == null ? void 0 : h.for;
+        if (!w) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        w !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function f(m) {
@@ -4463,24 +4472,24 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
     function p() {
       d.value = !0;
     }
-    function s() {
+    function u() {
       d.value = !1;
     }
     return t({
-      select: u
+      select: s
     }), (m, v) => (y(), g("div", {
       ref_key: "root",
       ref: i
     }, [
-      w(m.$slots, "select-label", {}, () => [
-        e.label ? (y(), B(je, {
+      k(m.$slots, "select-label", {}, () => [
+        e.label ? (y(), E(je, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
           size: c.value
         }, {
-          default: D(() => [
+          default: M(() => [
             z(J(e.label), 1)
           ]),
           _: 1
@@ -4500,7 +4509,7 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
         b("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: u,
+          ref: s,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
@@ -4508,15 +4517,15 @@ const At = /* @__PURE__ */ E(as, [["__scopeId", "data-v-1112514f"]]), os = ["id"
           disabled: e.disabled,
           onChange: f,
           onFocus: p,
-          onBlur: s
+          onBlur: u
         }, [
-          (y(!0), g(K, null, Y(r.value, (S) => {
-            var k, A;
+          (y(!0), g(K, null, Y(r.value, (h) => {
+            var w, A;
             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: (w = h.props) == null ? void 0 : w.value
+            }, h.props, {
+              selected: ((A = h.props) == null ? void 0 : A.value) === e.modelValue
+            }), J(h.children), 17, ls);
           }), 128))
         ], 40, os),
         U(W, {
@@ -4527,7 +4536,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__ */ B(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["aria-disabled"], us = ["id", "value", "checked", "disabled", "required", "name"], cs = { class: "joy-selectable-item__label" }, ds = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -4586,7 +4595,7 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         r.value = !1;
       }
     };
-    function u(d) {
+    function s(d) {
       t("update:checked", d);
     }
     return (d, c) => (y(), g("div", {
@@ -4618,7 +4627,7 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...f) => i.onBlur && i.onBlur(...f))
       }, null, 40, us)),
-      (y(), B(oe(T(l)), {
+      (y(), E(oe(T(l)), {
         for: e.id,
         class: $([
           "joy-selectable-item",
@@ -4631,14 +4640,14 @@ const is = /* @__PURE__ */ E(rs, [["__scopeId", "data-v-b2b02d36"]]), ss = ["ari
         ]),
         onClick: i.onLabelClick
       }, {
-        default: D(() => [
-          e.multiple ? (y(), B(T(Et), {
+        default: M(() => [
+          e.multiple ? (y(), E(T(Et), {
             key: 0,
             id: e.id,
             checked: a.value,
             "onUpdate:checked": [
               c[3] || (c[3] = (f) => a.value = f),
-              u
+              s
             ],
             disabled: e.disabled,
             value: e.value,
@@ -4648,18 +4657,18 @@ 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", {}, () => [
+            k(d.$slots, "selectable-item-sublabel", {}, () => [
               z(J(e.subLabel), 1)
             ], !0)
           ], 2)
@@ -4669,7 +4678,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__ */ B(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"], ys = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -4724,14 +4733,14 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (y(), B(T(je), {
+      e.label ? (y(), E(T(je), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
+        default: M(() => [
           z(J(e.label), 1)
         ]),
         _: 1
@@ -4746,7 +4755,7 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           }
         ])
       }, [
-        (y(!0), g(K, null, Y(e.options, (i) => (y(), B(T(Nn), te(i.attrs, {
+        (y(!0), g(K, null, Y(e.options, (i) => (y(), E(T(Nn), te(i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4754,10 +4763,10 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
           value: i.value,
           multiple: e.multiple,
           checked: a(i),
-          "onUpdate:checked": (u) => o(i.value, u)
+          "onUpdate:checked": (s) => o(i.value, s)
         }), pn({
-          default: D(() => [
-            w(r.$slots, "item", ze(qe(i)), () => [
+          default: M(() => [
+            k(r.$slots, "item", ze(qe(i)), () => [
               z(J(i.label), 1)
             ], !0)
           ]),
@@ -4765,7 +4774,7 @@ const Nn = /* @__PURE__ */ E(ds, [["__scopeId", "data-v-a9411119"]]), fs = ["id"
         }, [
           i.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: D(() => [
+            fn: M(() => [
               z(J(i.subLabel), 1)
             ]),
             key: "0"
@@ -4775,7 +4784,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__ */ B(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -4795,7 +4804,7 @@ const vs = /* @__PURE__ */ E(ys, [["__scopeId", "data-v-2cbfc306"]]), ps = /* @_
     ], 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__ */ B(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: {
@@ -4844,7 +4853,7 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     const n = e, a = C(!0);
     let o, r;
     const l = "joy-snackbar-" + _e(), i = V(() => gn(n.level));
-    function u() {
+    function s() {
       var v;
       (v = n.bus) == null || v.emit("snackbar:action-click");
     }
@@ -4859,9 +4868,9 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
       a.value = !1;
     }
     function p() {
-      o = setTimeout(f, n.duration), s();
+      o = setTimeout(f, n.duration), u();
     }
-    function s() {
+    function u() {
       r = setTimeout(function() {
         var v;
         (v = n.bus) == null || v.emit("snackbar:hide");
@@ -4879,7 +4888,7 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
     }), t({
       isOpen: a,
       exposedMethods: m
-    }), (v, S) => (y(), g("div", {
+    }), (v, h) => (y(), g("div", {
       class: $(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
@@ -4898,10 +4907,10 @@ const ms = /* @__PURE__ */ E(ps, [["__scopeId", "data-v-21db2899"]]), bs = { cla
           e.actionText ? (y(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
-            onClick: u
+            onClick: s
           }, J(e.actionText), 1)) : x("", !0)
         ]),
-        e.closable ? (y(), B(T(de), {
+        e.closable ? (y(), E(T(de), {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
@@ -4914,7 +4923,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__ */ B(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"], ks = { class: "joy-step__stroke" }, xs = { class: "joy-step__label" }, Cs = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     completed: {
@@ -4941,12 +4950,12 @@ const On = /* @__PURE__ */ E(ws, [["__scopeId", "data-v-e9634d00"]]), Ss = ["id"
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = C(0.1), r = V(() => a.completed ? "100%" : l.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - o.value, 1 - o.value) * 100).toFixed(1) + "%" : "0%"), l = V(() => a.currentSubStep > 0);
-    function i(u) {
-      u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
+    function i(s) {
+      s <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
     return ee(() => a.subSteps, i), t({
       progress: r
-    }), (u, d) => (y(), g("div", {
+    }), (s, d) => (y(), g("div", {
       id: e.id,
       class: $([
         "joy-step",
@@ -4964,12 +4973,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(s.$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__ */ B(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { class: "joy-stepper" }, $s = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     step: {
@@ -4990,26 +4999,26 @@ const Jn = /* @__PURE__ */ E(Cs, [["__scopeId", "data-v-7b9e5926"]]), js = { cla
       var f;
       return ((f = c == null ? void 0 : c.type) == null ? void 0 : f.__name) === "VJoyStep";
     }
-    const l = V(() => o.value[n.step - 1]), i = V(() => !u.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), u = V(() => i.value ? l.value.props["sub-steps"] : n.subStep);
+    const l = V(() => o.value[n.step - 1]), i = V(() => !s.value && !l.value.props ? !1 : n.subStep <= 0 || n.subStep > l.value.props["sub-steps"]), s = V(() => i.value ? l.value.props["sub-steps"] : n.subStep);
     function d(c) {
-      return c !== n.step - 1 ? 0 : u.value;
+      return c !== n.step - 1 ? 0 : s.value;
     }
     return t({
-      currentItemSubStep: u,
+      currentItemSubStep: s,
       steps: o,
       invalidSubStepValue: i
     }), (c, f) => (y(), g("div", js, [
-      (y(!0), g(K, null, Y(o.value, (p, s) => {
+      (y(!0), g(K, null, Y(o.value, (p, u) => {
         var m;
-        return y(), B(T(Jn), te(p.props, {
+        return y(), E(T(Jn), te(p.props, {
           key: (m = p.props) == null ? void 0 : m.id,
-          completed: s < e.step - 1,
-          "current-sub-step": d(s)
+          completed: u < e.step - 1,
+          "current-sub-step": d(u)
         }), {
-          default: D(() => {
+          default: M(() => {
             var v;
             return [
-              (v = p.children) != null && v.default ? (y(), B(oe(p.children.default), { key: 0 })) : x("", !0)
+              (v = p.children) != null && v.default ? (y(), E(oe(p.children.default), { key: 0 })) : x("", !0)
             ];
           }),
           _: 2
@@ -5018,7 +5027,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__ */ B($s, [["__scopeId", "data-v-c80ba82b"]]), Ts = ["id", "aria-hidden", "aria-labelledby"], Is = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5056,11 +5065,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__ */ B(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id", "href", "aria-selected", "aria-controls"], Bs = {
   type: "button",
   tabindex: "-1"
 }, As = /* @__PURE__ */ L({
@@ -5122,7 +5131,7 @@ const Ls = /* @__PURE__ */ E(Is, [["__scopeId", "data-v-e0455394"]]), Es = ["id"
       }, [
         b("button", Bs, [
           b("div", null, [
-            w(o.$slots, "default", {}, () => [
+            k(o.$slots, "default", {}, () => [
               z(J(e.label), 1)
             ], !0)
           ])
@@ -5131,7 +5140,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__ */ B(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 */
@@ -5143,22 +5152,22 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
   setup(e, { expose: t, emit: n }) {
     const a = e, o = Q(), r = C(a.selectedTab);
     jt("VJoyTabs", r);
-    const l = C(null), i = C(null), u = C(!1), d = C(!1), c = V(() => {
+    const l = C(null), i = C(null), s = 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 h;
+      return ((h = v == null ? void 0 : v.type) == null ? void 0 : h.__name) === "VJoyTab";
     }
     function p(v) {
       return v.props.tab === r.value;
     }
-    function s() {
-      i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, u.value = !1);
+    function u() {
+      i.value && l.value && i.value.scrollWidth > l.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, s.value = i.value.scrollLeft + l.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, s.value = !1);
     }
-    function m(v, S = !0) {
-      v && S && (r.value = v, n("update:selected-tab", v));
+    function m(v, h = !0) {
+      v && h && (r.value = v, n("update:selected-tab", v));
     }
     return ee(
       () => a.selectedTab,
@@ -5168,19 +5177,19 @@ const Ns = /* @__PURE__ */ E(As, [["__scopeId", "data-v-3d323618"]]), Os = { cla
       { immediate: !0 }
     ), le(() => {
       var v;
-      s(), (v = i.value) == null || v.addEventListener("scroll", s);
+      u(), (v = i.value) == null || v.addEventListener("scroll", u);
     }), Ne(() => {
       var v;
-      (v = i.value) == null || v.removeEventListener("scroll", s);
+      (v = i.value) == null || v.removeEventListener("scroll", u);
     }), t({
       tabs: c
-    }), (v, S) => (y(), g("div", Os, [
+    }), (v, h) => (y(), g("div", Os, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: l,
         class: $({
           "joy-tabs-buttons__wrapper": !0,
-          "joy-tabs-buttons__wrapper--scroll-end": u.value,
+          "joy-tabs-buttons__wrapper--scroll-end": s.value,
           "joy-tabs-buttons__wrapper--scroll-start": d.value
         })
       }, [
@@ -5190,20 +5199,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, (w) => (y(), g("div", {
+            key: w.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: w.props.tab,
+              label: w.props.label,
+              href: w.props.href,
+              selected: p(w),
+              onChangeTab: (A) => m(w.props.tab, !w.props.href)
             }, {
-              default: D(() => {
+              default: M(() => {
                 var A;
                 return [
-                  (A = k.children) != null && A.header ? (y(), B(oe(k.children.header), { key: 0 })) : x("", !0)
+                  (A = w.children) != null && A.header ? (y(), E(oe(w.children.header), { key: 0 })) : x("", !0)
                 ];
               }),
               _: 2
@@ -5212,12 +5221,12 @@ 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__ */ B(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id", "role"], Rs = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -5270,20 +5279,20 @@ const Fs = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
     function l() {
       t("click"), n.selectable && a.includes(n.variant) && t("selected", { selected: !n.selected, value: n.value });
     }
-    return (i, u) => (y(), g("span", {
+    return (i, s) => (y(), g("span", {
       id: e.value,
       class: $([o.value]),
       role: e.link || e.selectable ? "button" : void 0,
       onClick: l
     }, [
-      e.draggable ? (y(), B(W, {
+      e.draggable ? (y(), E(W, {
         key: 0,
         class: "joy-tag__drag",
         name: "drag",
         size: "xxsmall"
       })) : x("", !0),
       z(" " + J(e.label) + " ", 1),
-      e.removable ? (y(), B(W, {
+      e.removable ? (y(), E(W, {
         key: 1,
         class: "joy-tag__removable",
         name: "cross",
@@ -5293,7 +5302,7 @@ const Fs = /* @__PURE__ */ E(Js, [["__scopeId", "data-v-b70db3b8"]]), Ps = ["id"
     ], 10, Ps));
   }
 });
-const Fn = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ms = /* @__PURE__ */ L({
+const Fn = /* @__PURE__ */ B(Rs, [["__scopeId", "data-v-9770b43b"]]), Ds = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5329,27 +5338,27 @@ const Fn = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ms = /* @_
   emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: t }) {
     const n = e;
-    function a(u) {
+    function a(s) {
       var d;
-      return n.removable ? !1 : (d = n.modelValue) == null ? void 0 : d.includes(u.value);
+      return n.removable ? !1 : (d = n.modelValue) == null ? void 0 : d.includes(s.value);
     }
-    function o(u) {
-      return !n.modelValue || n.removable || u.removable ? !1 : u.selectable !== void 0 ? u.selectable : n.selectable;
+    function o(s) {
+      return !n.modelValue || n.removable || s.removable ? !1 : s.selectable !== void 0 ? s.selectable : n.selectable;
     }
-    function r(u) {
-      return u.removable !== void 0 ? u.removable : n.removable;
+    function r(s) {
+      return s.removable !== void 0 ? s.removable : n.removable;
     }
-    function l(u, d) {
+    function l(s, d) {
       let c = [];
-      u.selected && !a(d) ? c = [...n.modelValue || [], d.value] : c = (n.modelValue || []).filter((f) => f !== d.value), t("update:modelValue", c);
+      s.selected && !a(d) ? c = [...n.modelValue || [], d.value] : c = (n.modelValue || []).filter((f) => f !== d.value), t("update:modelValue", c);
     }
-    function i(u) {
-      t("removeTag", u.value);
+    function i(s) {
+      t("removeTag", s.value);
     }
-    return (u, d) => (y(), g("div", {
+    return (s, d) => (y(), g("div", {
       class: $(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), g(K, null, Y(e.tags, (c) => (y(), B(Fn, te({
+      (y(!0), g(K, null, Y(e.tags, (c) => (y(), E(Fn, te({
         key: c.value || c.label
       }, c, {
         selectable: o(c),
@@ -5362,7 +5371,7 @@ const Fn = /* @__PURE__ */ E(Rs, [["__scopeId", "data-v-9770b43b"]]), Ms = /* @_
     ], 2));
   }
 });
-const Ds = /* @__PURE__ */ E(Ms, [["__scopeId", "data-v-5be625a7"]]);
+const Ms = /* @__PURE__ */ B(Ds, [["__scopeId", "data-v-5be625a7"]]);
 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 +5380,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__ */ B(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
   key: 0,
   class: "joy-template__heading"
 }, Ys = {
@@ -5415,22 +5424,22 @@ const Pn = /* @__PURE__ */ E(zs, [["render", Us], ["__scopeId", "data-v-8b258f92
     return (o, r) => (y(), g("main", {
       class: $(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (y(), B(Pn, { key: 0 })) : x("", !0),
+      e.shapes ? (y(), E(Pn, { key: 0 })) : x("", !0),
       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,27 +5451,27 @@ 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)
       ]),
-      e.loading ? (y(), B(At, {
+      e.loading ? (y(), E(At, {
         key: 1,
         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__ */ B(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 */
@@ -5477,17 +5486,17 @@ const ou = /* @__PURE__ */ E(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (y(), B(oe(e.tagName), {
+    return (t, n) => (y(), E(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__ */ B(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 = {
@@ -5555,7 +5564,7 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
       element: a.autogrow ? o : void 0
     }), l = C(!1), i = C(!1);
     Bt(o, a.autofocus);
-    const u = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), d = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), c = {
+    const s = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), d = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), c = {
       onInput: (f) => {
         a.modelModifiers.lazy || n("update:modelValue", f.target.value), r();
       },
@@ -5563,7 +5572,7 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         a.modelModifiers.lazy && n("update:modelValue", f.target.value);
       },
       onBlur: () => {
-        i.value = !1, l.value = u.value || d.value;
+        i.value = !1, l.value = s.value || d.value;
       },
       onFocus: () => {
         i.value = !0;
@@ -5571,7 +5580,7 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
     };
     return t({
       isInvalid: l,
-      valueOverMaxlength: u,
+      valueOverMaxlength: s,
       valueUnderMinlength: d
     }), (f, p) => (y(), g("div", {
       "aria-disabled": e.disabled,
@@ -5591,8 +5600,8 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: D(() => [
-          w(f.$slots, "default", {}, () => [
+        default: M(() => [
+          k(f.$slots, "default", {}, () => [
             z(J(e.label), 1)
           ], !0)
         ]),
@@ -5610,13 +5619,13 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           minlength: e.minlength,
           value: e.modelValue,
           onInput: p[0] || (p[0] = //@ts-ignore
-          (...s) => c.onInput && c.onInput(...s)),
+          (...u) => c.onInput && c.onInput(...u)),
           onChange: p[1] || (p[1] = //@ts-ignore
-          (...s) => c.onChange && c.onChange(...s)),
+          (...u) => c.onChange && c.onChange(...u)),
           onFocus: p[2] || (p[2] = //@ts-ignore
-          (...s) => c.onFocus && c.onFocus(...s)),
+          (...u) => c.onFocus && c.onFocus(...u)),
           onBlur: p[3] || (p[3] = //@ts-ignore
-          (...s) => c.onBlur && c.onBlur(...s))
+          (...u) => c.onBlur && c.onBlur(...u))
         }), null, 16, uu)
       ]),
       e.minlength || e.maxlength ? (y(), g("div", cu, [
@@ -5624,7 +5633,7 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           key: 0,
           class: $(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          d.value ? x("", !0) : (y(), B(W, {
+          d.value ? x("", !0) : (y(), E(W, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -5634,13 +5643,13 @@ const ru = /* @__PURE__ */ E(lu, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         ], 2)) : x("", !0),
         e.maxlength ? (y(), g("p", {
           key: 1,
-          class: $(["joy-textarea-count", { "joy-textarea-count-invalid": u.value }])
+          class: $(["joy-textarea-count", { "joy-textarea-count-invalid": s.value }])
         }, J(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__ */ B(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) => (ot("data-v-cf79d999"), e = e(), lt(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Rn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -5731,7 +5740,7 @@ const yu = /* @__PURE__ */ E(fu, [["__scopeId", "data-v-9b0d7d06"]]), Rn = (e) =
         b("p", mu, [
           bu,
           b("span", gu, [
-            w(o.$slots, "default", {}, () => [
+            k(o.$slots, "default", {}, () => [
               z(J(e.label), 1)
             ], !0)
           ]),
@@ -5741,7 +5750,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__ */ B(_u, [["__scopeId", "data-v-cf79d999"]]), De = Math.min, Ie = Math.max, tt = Math.round, be = (e) => ({
   x: e,
   y: e
 }), Su = {
@@ -5754,7 +5763,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 +5829,7 @@ function Vu(e) {
     ...e
   };
 }
-function Mn(e) {
+function Dn(e) {
   return typeof e != "number" ? Vu(e) : {
     top: e,
     right: e,
@@ -5842,48 +5851,48 @@ function un(e, t, n) {
     reference: a,
     floating: o
   } = e;
-  const r = We(t), l = Jt(t), i = Ot(l), u = ge(t), d = r === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[i] / 2 - o[i] / 2;
-  let s;
-  switch (u) {
+  const r = We(t), l = Jt(t), i = Ot(l), s = ge(t), d = r === "y", c = a.x + a.width / 2 - o.width / 2, f = a.y + a.height / 2 - o.height / 2, p = a[i] / 2 - o[i] / 2;
+  let u;
+  switch (s) {
     case "top":
-      s = {
+      u = {
         x: c,
         y: a.y - o.height
       };
       break;
     case "bottom":
-      s = {
+      u = {
         x: c,
         y: a.y + a.height
       };
       break;
     case "right":
-      s = {
+      u = {
         x: a.x + a.width,
         y: f
       };
       break;
     case "left":
-      s = {
+      u = {
         x: a.x - o.width,
         y: f
       };
       break;
     default:
-      s = {
+      u = {
         x: a.x,
         y: a.y
       };
   }
   switch (He(t)) {
     case "start":
-      s[l] -= p * (n && d ? -1 : 1);
+      u[l] -= p * (n && d ? -1 : 1);
       break;
     case "end":
-      s[l] += p * (n && d ? -1 : 1);
+      u[l] += p * (n && d ? -1 : 1);
       break;
   }
-  return s;
+  return u;
 }
 const Tu = async (e, t, n) => {
   const {
@@ -5891,7 +5900,7 @@ const Tu = async (e, t, n) => {
     strategy: o = "absolute",
     middleware: r = [],
     platform: l
-  } = n, i = r.filter(Boolean), u = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  } = n, i = r.filter(Boolean), s = await (l.isRTL == null ? void 0 : l.isRTL(t));
   let d = await l.getElementRects({
     reference: e,
     floating: t,
@@ -5899,23 +5908,23 @@ const Tu = async (e, t, n) => {
   }), {
     x: c,
     y: f
-  } = un(d, a, u), p = a, s = {}, m = 0;
+  } = un(d, a, s), p = a, u = {}, m = 0;
   for (let v = 0; v < i.length; v++) {
     const {
-      name: S,
-      fn: k
+      name: h,
+      fn: w
     } = i[v], {
       x: A,
       y: P,
       data: F,
       reset: j
-    } = await k({
+    } = await w({
       x: c,
       y: f,
       initialPlacement: a,
       placement: p,
       strategy: o,
-      middlewareData: s,
+      middlewareData: u,
       rects: d,
       platform: l,
       elements: {
@@ -5923,10 +5932,10 @@ const Tu = async (e, t, n) => {
         floating: t
       }
     });
-    if (c = A ?? c, f = P ?? f, s = {
-      ...s,
-      [S]: {
-        ...s[S],
+    if (c = A ?? c, f = P ?? f, u = {
+      ...u,
+      [h]: {
+        ...u[h],
         ...F
       }
     }, j && m <= 50) {
@@ -5937,7 +5946,7 @@ const Tu = async (e, t, n) => {
       }) : j.rects), {
         x: c,
         y: f
-      } = un(d, p, u)), v = -1;
+      } = un(d, p, s)), v = -1;
       continue;
     }
   }
@@ -5946,10 +5955,10 @@ const Tu = async (e, t, n) => {
     y: f,
     placement: p,
     strategy: o,
-    middlewareData: s
+    middlewareData: u
   };
 };
-async function Dn(e, t) {
+async function Mn(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -5958,18 +5967,18 @@ async function Dn(e, t) {
     platform: r,
     rects: l,
     elements: i,
-    strategy: u
+    strategy: s
   } = e, {
     boundary: d = "clippingAncestors",
     rootBoundary: c = "viewport",
     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)),
+    padding: u = 0
+  } = Ce(t, e), m = Dn(u), h = i[p ? f === "floating" ? "reference" : "floating" : f], w = at(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(h))) == null || n ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: d,
     rootBoundary: c,
-    strategy: u
+    strategy: s
   })), A = f === "floating" ? {
     ...l.floating,
     x: a,
@@ -5983,13 +5992,13 @@ async function Dn(e, t) {
   }, j = at(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: A,
     offsetParent: P,
-    strategy: u
+    strategy: s
   }) : A);
   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: (w.top - j.top + m.top) / F.y,
+    bottom: (j.bottom - w.bottom + m.bottom) / F.y,
+    left: (w.left - j.left + m.left) / F.x,
+    right: (j.right - w.right + m.right) / F.x
   };
 }
 const Iu = (e) => ({
@@ -6003,30 +6012,30 @@ const Iu = (e) => ({
       rects: r,
       platform: l,
       elements: i,
-      middlewareData: u
+      middlewareData: s
     } = t, {
       element: d,
       padding: c = 0
     } = 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));
+    }, u = Jt(o), m = Ot(u), v = await l.getDimensions(d), h = u === "y", w = h ? "top" : "left", A = h ? "bottom" : "right", P = h ? "clientHeight" : "clientWidth", F = r.reference[m] + r.reference[u] - p[u] - r.floating[m], j = p[u] - r.reference[u], N = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(d));
     let O = N ? N[P] : 0;
     (!O || !await (l.isElement == null ? void 0 : l.isElement(N))) && (O = i.floating[P] || r.floating[m]);
-    const re = F / 2 - j / 2, ie = O / 2 - v[m] / 2 - 1, ue = 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;
+    const re = F / 2 - j / 2, ie = O / 2 - v[m] / 2 - 1, ue = De(f[w], ie), H = De(f[A], ie), _ = ue, S = O - v[m] - H, I = O / 2 - v[m] / 2 + re, R = bt(_, I, S), D = !s.arrow && He(o) != null && I != R && r.reference[m] / 2 - (I < _ ? ue : H) - v[m] / 2 < 0, q = D ? I < _ ? I - _ : I - S : 0;
     return {
-      [s]: p[s] + q,
+      [u]: p[u] + q,
       data: {
-        [s]: R,
+        [u]: R,
         centerOffset: I - R - q,
-        ...M && {
+        ...D && {
           alignmentOffset: q
         }
       },
-      reset: M
+      reset: D
     };
   }
 }), Lu = function(e) {
@@ -6040,49 +6049,49 @@ const Iu = (e) => ({
         middlewareData: r,
         rects: l,
         initialPlacement: i,
-        platform: u,
+        platform: s,
         elements: d
       } = t, {
         mainAxis: c = !0,
         crossAxis: f = !0,
         fallbackPlacements: p,
-        fallbackStrategy: s = "bestFit",
+        fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: m = "none",
         flipAlignment: v = !0,
-        ...S
+        ...h
       } = 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));
+      const w = ge(o), A = ge(i) === i, P = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), F = p || (A || !v ? [nt(i)] : Cu(i));
       !p && m !== "none" && F.push(...$u(i, v, m, P));
-      const j = [i, ...F], N = await Dn(t, S), O = [];
+      const j = [i, ...F], N = await Mn(t, h), O = [];
       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 && O.push(N[w]), f) {
+        const _ = xu(o, l, P);
+        O.push(N[_[0]], N[_[1]]);
       }
       if (re = [...re, {
         placement: o,
         overflows: O
-      }], !O.every((h) => h <= 0)) {
+      }], !O.every((_) => _ <= 0)) {
         var ie, ue;
-        const h = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, _ = j[h];
-        if (_)
+        const _ = (((ie = r.flip) == null ? void 0 : ie.index) || 0) + 1, S = j[_];
+        if (S)
           return {
             data: {
-              index: h,
+              index: _,
               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) {
+          switch (u) {
             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;
             }
@@ -6106,10 +6115,10 @@ async function Eu(e, t) {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), i = He(n), u = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = r && u ? -1 : 1, f = Ce(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = ge(n), i = He(n), s = We(n) === "y", d = ["left", "top"].includes(l) ? -1 : 1, c = r && s ? -1 : 1, f = Ce(t, e);
   let {
     mainAxis: p,
-    crossAxis: s,
+    crossAxis: u,
     alignmentAxis: m
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -6121,12 +6130,12 @@ async function Eu(e, t) {
     alignmentAxis: null,
     ...f
   };
-  return i && typeof m == "number" && (s = i === "end" ? m * -1 : m), u ? {
-    x: s * c,
+  return i && typeof m == "number" && (u = i === "end" ? m * -1 : m), s ? {
+    x: u * c,
     y: p * d
   } : {
     x: p * d,
-    y: s * c
+    y: u * c
   };
 }
 const Bu = function(e) {
@@ -6158,34 +6167,34 @@ const Bu = function(e) {
         mainAxis: r = !0,
         crossAxis: l = !1,
         limiter: i = {
-          fn: (S) => {
+          fn: (h) => {
             let {
-              x: k,
+              x: w,
               y: A
-            } = S;
+            } = h;
             return {
-              x: k,
+              x: w,
               y: A
             };
           }
         },
-        ...u
+        ...s
       } = Ce(e, t), d = {
         x: n,
         y: a
-      }, c = await Dn(t, u), f = We(ge(o)), p = Nt(f);
-      let s = d[p], m = d[f];
+      }, c = await Mn(t, s), f = We(ge(o)), p = Nt(f);
+      let u = 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 h = p === "y" ? "top" : "left", w = p === "y" ? "bottom" : "right", A = u + c[h], P = u - c[w];
+        u = bt(A, u, P);
       }
       if (l) {
-        const S = f === "y" ? "top" : "left", k = f === "y" ? "bottom" : "right", A = m + c[S], P = m - c[k];
+        const h = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", A = m + c[h], P = m - c[w];
         m = bt(A, m, P);
       }
       const v = i.fn({
         ...t,
-        [p]: s,
+        [p]: u,
         [f]: m
       });
       return {
@@ -6209,14 +6218,14 @@ const Bu = function(e) {
         middlewareData: l
       } = t, {
         offset: i = 0,
-        mainAxis: u = !0,
+        mainAxis: s = !0,
         crossAxis: d = !0
       } = Ce(e, t), c = {
         x: n,
         y: a
       }, f = We(o), p = Nt(f);
-      let s = c[p], m = c[f];
-      const v = Ce(i, t), S = typeof v == "number" ? {
+      let u = c[p], m = c[f];
+      const v = Ce(i, t), h = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -6224,17 +6233,17 @@ const Bu = function(e) {
         crossAxis: 0,
         ...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);
+      if (s) {
+        const P = p === "y" ? "height" : "width", F = r.reference[p] - r.floating[P] + h.mainAxis, j = r.reference[p] + r.reference[P] - h.mainAxis;
+        u < F ? u = F : u > j && (u = j);
       }
       if (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);
+        var w, A;
+        const P = p === "y" ? "width" : "height", F = ["top", "left"].includes(ge(o)), j = r.reference[f] - r.floating[P] + (F && ((w = l.offset) == null ? void 0 : w[f]) || 0) + (F ? 0 : h.crossAxis), N = r.reference[f] + r.reference[P] + (F ? 0 : ((A = l.offset) == null ? void 0 : A[f]) || 0) - (F ? h.crossAxis : 0);
         m < j ? m = j : m > N && (m = N);
       }
       return {
-        [p]: s,
+        [p]: u,
         [f]: m
       };
     }
@@ -6367,25 +6376,25 @@ 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);
   t && (a ? ve(a) && (l = Le(a)) : l = Le(e));
   const i = Pu(r, n, a) ? Un(r) : be(0);
-  let u = (o.left + i.x) / l.x, d = (o.top + i.y) / l.y, c = o.width / l.x, f = o.height / l.y;
+  let s = (o.left + i.x) / l.x, d = (o.top + i.y) / l.y, c = o.width / l.x, f = o.height / l.y;
   if (r) {
-    const p = ae(r), s = a && ve(a) ? ae(a) : a;
+    const p = ae(r), u = 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;
+    for (; m && a && u !== p; ) {
+      const v = Le(m), h = m.getBoundingClientRect(), w = se(m), A = h.left + (m.clientLeft + parseFloat(w.paddingLeft)) * v.x, P = h.top + (m.clientTop + parseFloat(w.paddingTop)) * v.y;
+      s *= v.x, d *= v.y, c *= v.x, f *= v.y, s += A, d += P, m = ae(m).frameElement;
     }
   }
   return at({
     width: c,
     height: f,
-    x: u,
+    x: s,
     y: d
   });
 }
@@ -6402,25 +6411,25 @@ function Ru(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, i = be(1);
-  const u = be(0);
+  const s = be(0);
   if ((o || !o && a !== "fixed") && ((he(n) !== "body" || Ue(r)) && (l = ct(n)), ye(n))) {
-    const d = De(n);
-    i = Le(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
+    const d = Me(n);
+    i = Le(n), s.x = d.x + n.clientLeft, s.y = d.y + n.clientTop;
   }
   return {
     width: t.width * i.x,
     height: t.height * i.y,
-    x: t.x * i.x - l.scrollLeft * i.x + u.x,
-    y: t.y * i.y - l.scrollTop * i.y + u.y
+    x: t.x * i.x - l.scrollLeft * i.x + s.x,
+    y: t.y * i.y - l.scrollTop * i.y + s.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;
@@ -6433,25 +6442,25 @@ function Du(e) {
 }
 function zu(e, t) {
   const n = ae(e), a = we(e), o = n.visualViewport;
-  let r = a.clientWidth, l = a.clientHeight, i = 0, u = 0;
+  let r = a.clientWidth, l = a.clientHeight, i = 0, s = 0;
   if (o) {
     r = o.width, l = o.height;
     const d = Pt();
-    (!d || d && t === "fixed") && (i = o.offsetLeft, u = o.offsetTop);
+    (!d || d && t === "fixed") && (i = o.offsetLeft, s = o.offsetTop);
   }
   return {
     width: r,
     height: l,
     x: i,
-    y: u
+    y: s
   };
 }
 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, s = o * r.x, d = a * r.y;
   return {
     width: l,
     height: i,
-    x: u,
+    x: s,
     y: d
   };
 }
@@ -6460,7 +6469,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 {
@@ -6485,8 +6494,8 @@ function Hu(e, t) {
   const r = se(e).position === "fixed";
   let l = r ? Be(e) : e;
   for (; ve(l) && !ut(l); ) {
-    const i = se(l), u = Ft(l);
-    !u && i.position === "fixed" && (o = null), (r ? !u && !o : !u && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !u && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = i, l = Be(l);
+    const i = se(l), s = Ft(l);
+    !s && i.position === "fixed" && (o = null), (r ? !s && !o : !s && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ue(l) && !s && Kn(e, l)) ? a = a.filter((c) => c !== l) : o = i, l = Be(l);
   }
   return t.set(e, a), a;
 }
@@ -6497,36 +6506,36 @@ function Wu(e) {
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], u = l.reduce((d, c) => {
+  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], i = l[0], s = 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,
-    height: u.bottom - u.top,
-    x: u.left,
-    y: u.top
+    width: s.right - s.left,
+    height: s.bottom - s.top,
+    x: s.left,
+    y: s.top
   };
 }
 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
   };
-  const u = be(0);
+  const s = be(0);
   if (a || !a && !r)
     if ((he(t) !== "body" || Ue(o)) && (i = ct(t)), a) {
-      const d = De(t, !0, r, t);
-      u.x = d.x + t.clientLeft, u.y = d.y + t.clientTop;
+      const d = Me(t, !0, r, t);
+      s.x = d.x + t.clientLeft, s.y = d.y + t.clientTop;
     } else
-      o && (u.x = Gn(o));
+      o && (s.x = Gn(o));
   return {
-    x: l.left + i.scrollLeft - u.x,
-    y: l.top + i.scrollTop - u.y,
+    x: l.left + i.scrollLeft - s.x,
+    y: l.top + i.scrollTop - s.y,
     width: l.width,
     height: l.height
   };
@@ -6568,7 +6577,7 @@ const Zu = {
   getClippingRect: Wu,
   getOffsetParent: Yn,
   getElementRects: Ku,
-  getClientRects: Mu,
+  getClientRects: Du,
   getDimensions: Uu,
   getScale: Le,
   isElement: ve,
@@ -6621,26 +6630,26 @@ function ec(e, t, n) {
   }), i = V(() => {
     var O;
     return (O = T(n.strategy)) != null ? O : "absolute";
-  }), u = V(() => {
+  }), s = V(() => {
     var O;
     return (O = T(n.transform)) != null ? O : !0;
-  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), s = C(i.value), m = C(l.value), v = la({}), S = C(!1), k = V(() => {
+  }), d = V(() => _t(e.value)), c = V(() => _t(t.value)), f = C(0), p = C(0), u = C(i.value), m = C(l.value), v = la({}), h = C(!1), w = V(() => {
     const O = {
-      position: s.value,
+      position: u.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
       return O;
     const re = yn(c.value, f.value), ie = yn(c.value, p.value);
-    return u.value ? {
+    return s.value ? {
       ...O,
       transform: "translate(" + re + "px, " + ie + "px)",
       ...Zn(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: s.value,
+      position: u.value,
       left: re + "px",
       top: ie + "px"
     };
@@ -6652,7 +6661,7 @@ function ec(e, t, n) {
       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;
+      f.value = O.x, p.value = O.y, u.value = O.strategy, m.value = O.placement, v.value = O.middlewareData, h.value = !0;
     });
   }
   function F() {
@@ -6669,7 +6678,7 @@ function ec(e, t, n) {
     }
   }
   function N() {
-    o.value || (S.value = !1);
+    o.value || (h.value = !1);
   }
   return ee([r, l, i], P, {
     flush: "sync"
@@ -6680,11 +6689,11 @@ function ec(e, t, n) {
   }), kt() && xt(F), {
     x: $e(f),
     y: $e(p),
-    strategy: $e(s),
+    strategy: $e(u),
     placement: $e(m),
     middlewareData: $e(v),
-    isPositioned: $e(S),
-    floatingStyles: k,
+    isPositioned: $e(h),
+    floatingStyles: w,
     update: P
   };
 }
@@ -6741,51 +6750,51 @@ const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
           Xu({ element: l, padding: 0 })
         ]
       })
-    ), u = Q(), d = V(() => u["tooltip-content"] || n.text);
+    ), s = Q(), d = V(() => s["tooltip-content"] || n.text);
     function c(v) {
-      v.preventDefault(), v.stopPropagation(), !a.value && n.event !== "click" && s();
+      v.preventDefault(), v.stopPropagation(), !a.value && n.event !== "click" && u();
     }
     function f() {
-      n.event !== "click" && s(!1);
+      n.event !== "click" && u(!1);
     }
     function p(v) {
-      !a.value && n.event === "click" && (v.preventDefault(), v.stopPropagation(), s());
+      !a.value && n.event === "click" && (v.preventDefault(), v.stopPropagation(), u());
     }
-    function s(v = !0) {
-      var S;
-      (S = i.value) == null || S.update(), setTimeout(() => {
+    function u(v = !0) {
+      var h;
+      (h = i.value) == null || h.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: h } = i.value, w = v.arrow, A = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[S.split("-")[0]];
+      }[h.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: (w == null ? void 0 : w.x) && `${w == null ? void 0 : w.x}px`,
+        top: (w == null ? void 0 : w.y) && `${w == null ? void 0 : w.y}px`,
         right: "",
         bottom: "",
         [A]: "-4px"
       };
     });
     return le(() => {
-      n.show && s();
+      n.show && u();
     }), Ne(() => {
       a.value = !1;
     }), t({
       tooltipVisible: a,
       tooltip: r
-    }), (v, S) => (y(), B(T(Lt), {
+    }), (v, h) => (y(), E(T(Lt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
-      onTrigger: S[1] || (S[1] = (k) => s(!1))
+      onTrigger: h[1] || (h[1] = (w) => u(!1))
     }, {
-      default: D(() => {
-        var k;
+      default: M(() => {
+        var w;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
@@ -6794,10 +6803,10 @@ 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: h[0] || (h[0] = Ct((A) => u(!1), ["tab"]))
           }, [
-            w(v.$slots, "default", {}, void 0, !0),
-            (y(), B(rt, { to: "body" }, [
+            k(v.$slots, "default", {}, void 0, !0),
+            (y(), E(rt, { to: "body" }, [
               a.value && d.value ? (y(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -6810,10 +6819,10 @@ 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({ ...(w = i.value) == null ? void 0 : w.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", tc, [
-                  w(v.$slots, "tooltip-content", {}, () => [
+                  k(v.$slots, "tooltip-content", {}, () => [
                     z(J(e.text), 1)
                   ], !0)
                 ]),
@@ -6832,7 +6841,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__ */ B(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, rc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -6858,14 +6867,14 @@ const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
     }
   },
   setup(e) {
-    return (t, n) => (y(), B(oe(e.link ? "a" : "div"), te({
+    return (t, n) => (y(), E(oe(e.link ? "a" : "div"), te({
       class: "joy-user-card",
       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 +6883,23 @@ const ac = /* @__PURE__ */ E(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { cla
         ]),
         b("div", lc, [
           b("p", rc, [
-            w(t.$slots, "user-card-title", {}, () => [
+            k(t.$slots, "user-card-title", {}, () => [
               z(J(e.fullName), 1)
             ], !0)
           ]),
           b("p", ic, [
-            w(t.$slots, "user-card-subtitle", {}, () => [
+            k(t.$slots, "user-card-subtitle", {}, () => [
               z(J(e.subTitle), 1)
             ], !0)
           ]),
-          w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (y(), B(T(An), {
+          k(t.$slots, "user-card-rating-stars", {}, () => [
+            e.ratingValue ? (y(), E(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 +6907,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__ */ B(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -6955,11 +6964,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__ */ B(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: ca,
   VJoyAvatar: bn,
@@ -6974,7 +6983,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 +7025,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 +7118,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 +7160,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,