@maltjoy/core-vue 5.8.1 → 5.8.2

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as te, onUnmounted as zt, createVNode as N, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as D, Fragment as H, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as R, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Me, resolveDirective as ut, withDirectives as Ye, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as xe, useSlots as Y, withKeys as Oe, provide as Ke, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
+import { defineComponent as B, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as te, onUnmounted as zt, createVNode as N, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as R, Fragment as H, inject as be, unref as D, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, provide as Me, renderList as U, normalizeStyle as ee, useAttrs as _e, useId as Oe, resolveDirective as ut, withDirectives as Ke, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as xe, useSlots as Y, withKeys as Fe, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
 function jt(e) {
   const t = e.target;
   if (!t)
@@ -19,13 +19,13 @@ const Ft = {
   beforeUnmount: (e) => {
     e.removeEventListener("click", jt);
   }
-}, Bo = /\d/, Ao = ["-", "_", "/", "."];
+}, Ao = /\d/, Bo = ["-", "_", "/", "."];
 function xo(e = "") {
-  if (!Bo.test(e))
+  if (!Ao.test(e))
     return e !== e.toLowerCase();
 }
 function Eo(e, t) {
-  const l = Ao, o = [];
+  const l = Bo, o = [];
   if (!e || typeof e != "string")
     return o;
   let n = "", i, a;
@@ -35,19 +35,19 @@ function Eo(e, t) {
       o.push(n), n = "", i = void 0;
       continue;
     }
-    const d = xo(r);
+    const u = xo(r);
     if (a === !1) {
-      if (i === !1 && d === !0) {
-        o.push(n), n = r, i = d;
+      if (i === !1 && u === !0) {
+        o.push(n), n = r, i = u;
         continue;
       }
-      if (i === !0 && d === !1 && n.length > 1) {
+      if (i === !0 && u === !1 && n.length > 1) {
         const p = n.at(-1);
-        o.push(n.slice(0, Math.max(0, n.length - 1))), n = p + r, i = d;
+        o.push(n.slice(0, Math.max(0, n.length - 1))), n = p + r, i = u;
         continue;
       }
     }
-    n += r, i = d, a = s;
+    n += r, i = u, a = s;
   }
   return o.push(n), o;
 }
@@ -100,7 +100,7 @@ const Ze = function(e = 10) {
 function ye(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
+const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -151,7 +151,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
 }), Mo = { class: "joy-snackbar__img joy-core-radius-6" }, Oo = { class: "joy-snackbar__content" }, Fo = {
   key: 0,
   class: "joy-mb-1"
-}, Do = ["innerHTML"], Ro = /* @__PURE__ */ A({
+}, Do = ["innerHTML"], Ro = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -206,18 +206,18 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
       var g;
       (g = l.bus) == null || g.emit("snackbar:action-click");
     }
-    function d() {
+    function u() {
       n && clearTimeout(n), i && clearTimeout(i);
     }
     function p() {
       var g;
-      u(), (g = l.bus) == null || g.emit("snackbar:hide");
+      d(), (g = l.bus) == null || g.emit("snackbar:hide");
     }
-    function u() {
+    function d() {
       o.value = !1;
     }
     function f() {
-      n = setTimeout(u, l.duration), m();
+      n = setTimeout(d, l.duration), m();
     }
     function m() {
       i = setTimeout(function() {
@@ -233,7 +233,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
       destroySnackbarAfterTimeout: f
     };
     return zt(() => {
-      d();
+      u();
     }), t({
       isOpen: o,
       exposedMethods: y
@@ -303,14 +303,14 @@ function Ho() {
   return qo();
 }
 const Rt = "joy-snackbar__container", Wo = "joy-snackbar__shell--";
-let qe = 0, Nt = [];
+let He = 0, Nt = [];
 const Uo = {
   install: (e) => {
     typeof window < "u" && qt(), e.directive("joy-ripple", Ft);
   }
 };
 function Fs() {
-  qe = 0, Nt = [];
+  He = 0, Nt = [];
 }
 function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
   var o;
@@ -332,18 +332,18 @@ function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
 }
 function Ds(e) {
   var i, a;
-  qe++;
+  He++;
   let t, l;
   const o = Ho();
   t = go(
     No,
     Object.assign(e.props, {
       bus: o,
-      instanceNb: qe
+      instanceNb: He
     })
   );
   const n = document.createElement("div");
-  return n.classList.add("joy-snackbar__shell"), l = `${Wo}${qe}`, n.id = l, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(n) : (a = document.getElementById(Rt)) == null || a.appendChild(n), t.use(Uo).mount("#" + l), Nt.push(t), o.on("snackbar:hide", () => {
+  return n.classList.add("joy-snackbar__shell"), l = `${Wo}${He}`, n.id = l, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(n) : (a = document.getElementById(Rt)) == null || a.appendChild(n), t.use(Uo).mount("#" + l), Nt.push(t), o.on("snackbar:hide", () => {
     var r;
     t.unmount(), (r = document.getElementById(l)) == null || r.remove();
   }), {
@@ -351,7 +351,7 @@ function Ds(e) {
     snackbarApp: t
   };
 }
-const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ A({
+const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ B({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -360,11 +360,11 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     return (t, l) => (c(), v("div", Go, [
       h("span", Yo, [
         N(q, { name: "eye" }),
-        D(" " + J(t.label), 1)
+        R(" " + J(t.label), 1)
       ])
     ]));
   }
-}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ A({
+}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -385,14 +385,14 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
         class: I(l.value)
       }, null, 2),
       o.label ? (c(), v(H, { key: 0 }, [
-        D(J(o.label), 1)
+        R(J(o.label), 1)
       ], 64)) : w("", !0)
     ], 10, Zo));
   }
 }), Ns = /* @__PURE__ */ x(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
-}, tn = ["height"], on = /* @__PURE__ */ A({
+}, tn = ["height"], on = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -408,84 +408,89 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = T(() => n.size === "large" || n.size === "xlarge" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = T(() => n.link ? {
+    const o = l, n = e, i = be("VJoyAvatarsList"), a = T(() => n.size === "large" || n.size === "xlarge" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), r = T(() => n.link ? {
       type: "button"
-    } : null), r = T(() => ({
+    } : null), s = T(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": n.link,
-      "joy-avatar__placeholder": s.value,
+      "joy-avatar__placeholder": u.value,
       [`joy-avatar__${n.size}`]: !0,
       "joy-avatar--empty": n.isEmpty
-    })), s = T(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), d = T(() => {
-      function u(m) {
-        return m.replace(/[';,:()]/g, "").charAt(0);
+    })), u = T(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), p = T(() => {
+      function f(y) {
+        return y.replace(/[';,:()]/g, "").charAt(0);
       }
-      let f = n.fullName.split(" ");
-      return f = f.slice(0, 2), f.forEach((m, y) => {
-        f[y] = u(m);
-      }), f.join("").toUpperCase();
+      let m = n.fullName.split(" ");
+      return m = m.slice(0, 2), m.forEach((y, g) => {
+        m[g] = f(y);
+      }), m.join("").toUpperCase();
     });
-    function p() {
+    function d() {
       o("click");
     }
     return t({
-      isAnonymous: s,
-      initials: d
-    }), (u, f) => (c(), v("div", {
-      ref: "avatarEl",
-      class: I(["joy-avatar__wrapper", {
-        [`joy-avatar__wrapper--${u.size}`]: !0,
-        "joy-avatar__wrapper--anonymous": s.value
-      }])
-    }, [
-      (c(), L(Z(u.link ? "button" : "div"), W(a.value, {
-        title: u.fullName,
-        class: [r.value],
-        onClick: p
-      }), {
-        default: z(() => [
-          s.value ? (c(), L(q, {
-            key: 0,
-            name: u.placeholder,
-            color: "neutral-50",
-            size: i.value
-          }, null, 8, ["name", "size"])) : w("", !0),
-          _(u.$slots, "default", {}, () => [
-            u.photoUrl ? (c(), v("img", {
+      isAnonymous: u,
+      initials: p
+    }), (f, m) => {
+      var y;
+      return c(), v("div", {
+        ref: "avatarEl",
+        class: I(["joy-avatar__wrapper", {
+          [`joy-avatar__wrapper--${f.size}`]: !0,
+          "joy-avatar__wrapper--anonymous": u.value,
+          "joy-avatar__wrapper--compressed": (y = D(i)) == null ? void 0 : y.compress,
+          "joy-avatar__wrapper--empty": f.isEmpty
+        }])
+      }, [
+        (c(), L(Z(f.link ? "button" : "div"), W(r.value, {
+          title: f.fullName,
+          class: [s.value],
+          onClick: d
+        }), {
+          default: z(() => [
+            u.value ? (c(), L(q, {
               key: 0,
-              class: "joy-avatar__img",
-              src: u.photoUrl,
-              title: u.fullName,
-              alt: u.fullName || "",
-              loading: u.loading
-            }, null, 8, Qo)) : w("", !0)
-          ], !0),
-          u.fullName && u.showLetters ? (c(), v(H, { key: 1 }, [
-            D(J(d.value), 1)
-          ], 64)) : w("", !0),
-          u.totalNumber ? (c(), v(H, { key: 2 }, [
-            D(J("+" + u.totalNumber), 1)
-          ], 64)) : w("", !0)
-        ]),
-        _: 3
-      }, 16, ["title", "class"])),
-      u.profile === "strategy" ? (c(), v("span", en, [
-        (c(), v("svg", {
-          width: "12",
-          height: u.size === "small" ? "10" : "16",
-          viewBox: "0 0 12 16",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, f[0] || (f[0] = [
-          h("path", {
-            d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
-            fill: "#F7F7F5"
-          }, null, -1)
-        ]), 8, tn))
-      ])) : w("", !0)
-    ], 2));
+              name: f.placeholder,
+              color: "neutral-50",
+              size: a.value
+            }, null, 8, ["name", "size"])) : w("", !0),
+            _(f.$slots, "default", {}, () => [
+              f.photoUrl ? (c(), v("img", {
+                key: 0,
+                class: "joy-avatar__img",
+                src: f.photoUrl,
+                title: f.fullName,
+                alt: f.fullName || "",
+                loading: f.loading
+              }, null, 8, Qo)) : w("", !0)
+            ], !0),
+            f.fullName && f.showLetters ? (c(), v(H, { key: 1 }, [
+              R(J(p.value), 1)
+            ], 64)) : w("", !0),
+            f.totalNumber ? (c(), v(H, { key: 2 }, [
+              R(J("+" + f.totalNumber), 1)
+            ], 64)) : w("", !0)
+          ]),
+          _: 3
+        }, 16, ["title", "class"])),
+        f.profile === "strategy" ? (c(), v("span", en, [
+          (c(), v("svg", {
+            width: "12",
+            height: f.size === "small" ? "10" : "16",
+            viewBox: "0 0 12 16",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, m[0] || (m[0] = [
+            h("path", {
+              d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
+              fill: "#F7F7F5"
+            }, null, -1)
+          ]), 8, tn))
+        ])) : w("", !0)
+      ], 2);
+    };
   }
-}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-95311575"]]), ln = /* @__PURE__ */ A({
+}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-07787660"]]), ln = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -495,14 +500,14 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     }
   },
   setup(e) {
-    return (t, l) => (c(), v("div", {
+    return Me("VJoyAvatarsList", { compress: e.compress }), (l, o) => (c(), v("div", {
       ref: "avatarsList",
       class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      _(t.$slots, "default", {}, void 0, !0)
+      _(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), qs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ A({
+}), qs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-66e67dbb"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -519,7 +524,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       l.value ? (c(), v("span", an, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : w("", !0)
     ], 2));
   }
-}), $t = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ A({
+}), $t = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -564,12 +569,12 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
         variant: e.variant
       }, null, 8, ["variant"])) : w("", !0),
       _(o.$slots, "default", {}, () => [
-        D(J(e.label), 1)
+        R(J(e.label), 1)
       ], !0)
     ], 2));
   }
 }), un = /* @__PURE__ */ x(sn, [["__scopeId", "data-v-0036108b"]]);
-var X = /* @__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))(X || {}), He = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(He || {});
+var X = /* @__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))(X || {}), We = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(We || {});
 const dn = { class: "joy-badge-level" }, cn = {
   key: 1,
   class: "joy-badge-level__highpotential",
@@ -594,7 +599,7 @@ const dn = { class: "joy-badge-level" }, cn = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, mn = /* @__PURE__ */ A({
+}, mn = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -616,7 +621,7 @@ const dn = { class: "joy-badge-level" }, cn = {
   setup(e) {
     const t = e, l = T(() => {
       switch (t.type) {
-        case He.HIGH_POTENTIAL:
+        case We.HIGH_POTENTIAL:
         case X.HIGH_POTENTIAL:
           return "High Potential";
         case X.HIGH_POTENTIAL_AUTO:
@@ -634,7 +639,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       }
     });
     return (o, n) => (c(), v("span", dn, [
-      e.type === R(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
+      e.type === D(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -654,13 +659,13 @@ const dn = { class: "joy-badge-level" }, cn = {
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
       ])))), 128)) : w("", !0),
-      e.type === R(X).HIGH_POTENTIAL ? (c(), v("svg", cn, n[1] || (n[1] = [
+      e.type === D(X).HIGH_POTENTIAL ? (c(), v("svg", cn, n[1] || (n[1] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === R(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", fn, n[2] || (n[2] = [
+      e.type === D(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", fn, n[2] || (n[2] = [
         h("path", {
           fill: "#EF4E16",
           d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
@@ -678,7 +683,7 @@ const dn = { class: "joy-badge-level" }, cn = {
           d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === R(X).MALT_LINKER ? (c(), v("svg", pn, n[3] || (n[3] = [
+      e.type === D(X).MALT_LINKER ? (c(), v("svg", pn, n[3] || (n[3] = [
         h("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"
@@ -688,7 +693,7 @@ const dn = { class: "joy-badge-level" }, cn = {
           fill: "#FF91F0"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === R(He).HIGH_POTENTIAL ? (c(), v("svg", yn, n[4] || (n[4] = [
+      e.type === D(We).HIGH_POTENTIAL ? (c(), v("svg", yn, n[4] || (n[4] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
@@ -698,19 +703,19 @@ const dn = { class: "joy-badge-level" }, cn = {
         class: I([
           {
             "joy-badge-level__tag": e.visibleText,
-            red: e.type === R(X).NEW || e.type === R(X).MALT_LINKER || e.type === R(X).HIGH_POTENTIAL_AUTO,
-            blue: e.type === R(He).HIGH_POTENTIAL || e.type === R(X).HIGH_POTENTIAL || e.type === R(X).SUPER_MALTER,
-            turquoise: e.type === R(X).VERIFIED
+            red: e.type === D(X).NEW || e.type === D(X).MALT_LINKER || e.type === D(X).HIGH_POTENTIAL_AUTO,
+            blue: e.type === D(We).HIGH_POTENTIAL || e.type === D(X).HIGH_POTENTIAL || e.type === D(X).SUPER_MALTER,
+            turquoise: e.type === D(X).VERIFIED
           }
         ])
       }, [
         e.visibleText ? _(o.$slots, "default", { key: 0 }, () => [
-          D(J(l.value), 1)
+          R(J(l.value), 1)
         ], !0) : w("", !0)
       ], 2)
     ]));
   }
-}), Hs = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ A({
+}), Hs = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -728,7 +733,7 @@ const dn = { class: "joy-badge-level" }, cn = {
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyWrapperContext", {}), o = T(() => {
+    const t = e, l = be("VJoyWrapperContext", {}), o = T(() => {
       if (Object.keys(l).length === 0)
         return;
       let n = "1 0";
@@ -747,7 +752,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       })
     }, null, 6));
   }
-}), Ws = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ A({
+}), Ws = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -759,7 +764,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       class: I(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ x(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ A({
+}), Ht = /* @__PURE__ */ x(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -810,7 +815,7 @@ const dn = { class: "joy-badge-level" }, cn = {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = Me() + "--JoyButton", i = T(() => {
+    const l = e, o = _e(), n = Oe() + "--JoyButton", i = T(() => {
       switch (l.size) {
         case "xxsmall":
           return "xxsmall";
@@ -825,11 +830,11 @@ const dn = { class: "joy-badge-level" }, cn = {
       }
     }), a = T(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, s) => {
-      const d = ut("joy-ripple");
-      return Ye((c(), L(Z(R(o).href ? "a" : "button"), {
+      const u = ut("joy-ripple");
+      return Ke((c(), L(Z(D(o).href ? "a" : "button"), {
         id: e.id,
-        disabled: e.loading || R(o).disabled,
-        type: R(o).type || "button",
+        disabled: e.loading || D(o).disabled,
+        type: D(o).type || "button",
         class: I([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -859,7 +864,7 @@ const dn = { class: "joy-badge-level" }, cn = {
             class: "joy-button--slot"
           }, [
             _(r.$slots, "default", {}, () => [
-              D(J(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ]),
           e.icon && e.iconPosition === "right" ? (c(), L(q, {
@@ -872,7 +877,7 @@ const dn = { class: "joy-badge-level" }, cn = {
         ]),
         _: 3
       }, 8, ["id", "disabled", "type", "class", "aria-labelledby"])), [
-        [d]
+        [u]
       ]);
     };
   }
@@ -881,7 +886,7 @@ function Xe(e) {
   return Jt() ? (Pt(e), !0) : !1;
 }
 function me(e) {
-  return typeof e == "function" ? e() : R(e);
+  return typeof e == "function" ? e() : D(e);
 }
 const Qe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -897,34 +902,34 @@ function jn(...e) {
   const t = e[0];
   return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : S(t);
 }
-function we(e) {
+function je(e) {
   var t;
   const l = me(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const ft = Qe ? window : void 0;
-function je(...e) {
+function ke(...e) {
   let t, l, o, n;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = ft) : [t, l, o, n] = e, !t)
     return Le;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const i = [], a = () => {
     i.forEach((p) => p()), i.length = 0;
-  }, r = (p, u, f, m) => (p.addEventListener(u, f, m), () => p.removeEventListener(u, f, m)), s = G(
-    () => [we(t), me(n)],
-    ([p, u]) => {
+  }, r = (p, d, f, m) => (p.addEventListener(d, f, m), () => p.removeEventListener(d, f, m)), s = G(
+    () => [je(t), me(n)],
+    ([p, d]) => {
       if (a(), !p)
         return;
-      const f = Wt(u) ? { ...u } : u;
+      const f = Wt(d) ? { ...d } : d;
       i.push(
         ...l.flatMap((m) => o.map((y) => r(p, m, y, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
+  ), u = () => {
     s(), a();
   };
-  return Xe(d), d;
+  return Xe(u), u;
 }
 let St = !1;
 function kn(e, t, l = {}) {
@@ -937,12 +942,12 @@ function kn(e, t, l = {}) {
     if (typeof m == "string")
       return Array.from(o.document.querySelectorAll(m)).some((y) => y === f.target || f.composedPath().includes(y));
     {
-      const y = we(m);
+      const y = je(m);
       return y && (f.target === y || f.composedPath().includes(y));
     }
   }), p = [
-    je(o, "click", (f) => {
-      const m = we(e);
+    ke(o, "click", (f) => {
+      const m = je(e);
       if (!(!m || m === f.target || f.composedPath().includes(m))) {
         if (f.detail === 0 && (r = !s(f)), !r) {
           r = !0;
@@ -951,14 +956,14 @@ function kn(e, t, l = {}) {
         t(f);
       }
     }, { passive: !0, capture: i }),
-    je(o, "pointerdown", (f) => {
-      const m = we(e);
+    ke(o, "pointerdown", (f) => {
+      const m = je(e);
       r = !s(f) && !!(m && !f.composedPath().includes(m));
     }, { passive: !0 }),
-    a && je(o, "blur", (f) => {
+    a && ke(o, "blur", (f) => {
       setTimeout(() => {
         var m;
-        const y = we(e);
+        const y = je(e);
         ((m = o.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(y != null && y.contains(o.document.activeElement)) && t(f);
       }, 0);
     })
@@ -980,28 +985,28 @@ function Cn(e, t = {}) {
   let n = 0, i = !0;
   if (Qe) {
     const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
-      var d, p;
-      const u = Array.from((p = (d = s.dataTransfer) == null ? void 0 : d.files) != null ? p : []);
-      return o.value = u.length === 0 ? null : u;
+      var u, p;
+      const d = Array.from((p = (u = s.dataTransfer) == null ? void 0 : u.files) != null ? p : []);
+      return o.value = d.length === 0 ? null : d;
     };
-    je(e, "dragenter", (s) => {
-      var d, p;
-      const u = Array.from(((d = s == null ? void 0 : s.dataTransfer) == null ? void 0 : d.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(bn);
+    ke(e, "dragenter", (s) => {
+      var u, p;
+      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(bn);
       if (a.dataTypes && s.dataTransfer) {
-        const f = R(a.dataTypes);
-        if (i = typeof f == "function" ? f(u) : f ? f.some((m) => u.includes(m)) : !0, !i)
+        const f = D(a.dataTypes);
+        if (i = typeof f == "function" ? f(d) : f ? f.some((m) => d.includes(m)) : !0, !i)
           return;
       }
       s.preventDefault(), n += 1, l.value = !0, (p = a.onEnter) == null || p.call(a, r(s), s);
-    }), je(e, "dragover", (s) => {
-      var d;
-      i && (s.preventDefault(), (d = a.onOver) == null || d.call(a, r(s), s));
-    }), je(e, "dragleave", (s) => {
-      var d;
-      i && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (d = a.onLeave) == null || d.call(a, r(s), s));
-    }), je(e, "drop", (s) => {
-      var d;
-      s.preventDefault(), n = 0, l.value = !1, (d = a.onDrop) == null || d.call(a, r(s), s);
+    }), ke(e, "dragover", (s) => {
+      var u;
+      i && (s.preventDefault(), (u = a.onOver) == null || u.call(a, r(s), s));
+    }), ke(e, "dragleave", (s) => {
+      var u;
+      i && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (u = a.onLeave) == null || u.call(a, r(s), s));
+    }), ke(e, "drop", (s) => {
+      var u;
+      s.preventDefault(), n = 0, l.value = !1, (u = a.onDrop) == null || u.call(a, r(s), s);
     });
   }
   return {
@@ -1014,18 +1019,18 @@ function Vn(e, t, l = {}) {
   let i;
   const a = Sn(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, s = T(() => Array.isArray(e) ? e.map((u) => we(u)) : [we(e)]), d = G(
+  }, s = T(() => Array.isArray(e) ? e.map((d) => je(d)) : [je(e)]), u = G(
     s,
-    (u) => {
+    (d) => {
       if (r(), a.value && o) {
         i = new ResizeObserver(t);
-        for (const f of u)
+        for (const f of d)
           f && i.observe(f, n);
       }
     },
     { immediate: !0, flush: "post" }
   ), p = () => {
-    r(), d();
+    r(), u();
   };
   return Xe(p), {
     isSupported: a,
@@ -1039,8 +1044,8 @@ function Tn(e) {
     var r, s;
     if (!l.value)
       return;
-    let d = "";
-    l.value.style[n] = "1px", i.value = (r = l.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${i.value}px` : d = `${i.value}px`, l.value.style[n] = d, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
+    let u = "";
+    l.value.style[n] = "1px", i.value = (r = l.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${i.value}px` : u = `${i.value}px`, l.value.style[n] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
   }
   return G([o, l], () => Je(a), { immediate: !0 }), Vn(l, () => a()), e != null && e.watch && G(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
@@ -1048,7 +1053,7 @@ function Tn(e) {
     triggerResize: a
   };
 }
-const pt = /* @__PURE__ */ A({
+const pt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
@@ -1068,28 +1073,28 @@ function Ln(e) {
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const In = Qe ? window : void 0;
-function Bn(...e) {
+function An(...e) {
   let t, l, o, n;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = In) : [t, l, o, n] = e, !t)
     return Le;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const i = [], a = () => {
     i.forEach((p) => p()), i.length = 0;
-  }, r = (p, u, f, m) => (p.addEventListener(u, f, m), () => p.removeEventListener(u, f, m)), s = G(
+  }, r = (p, d, f, m) => (p.addEventListener(d, f, m), () => p.removeEventListener(d, f, m)), s = G(
     () => [Ln(t), me(n)],
-    ([p, u]) => {
+    ([p, d]) => {
       if (a(), !p)
         return;
-      const f = Wt(u) ? { ...u } : u;
+      const f = Wt(d) ? { ...d } : d;
       i.push(
         ...l.flatMap((m) => o.map((y) => r(p, m, y, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
+  ), u = () => {
     s(), a();
   };
-  return Xe(d), d;
+  return Xe(u), u;
 }
 function ot(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
@@ -1103,37 +1108,37 @@ function Ut(e) {
     return !l || l.tagName === "BODY" ? !1 : Ut(l);
   }
 }
-function An(e) {
+function Bn(e) {
   const t = e || window.event, l = t.target;
   return Ut(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const Re = /* @__PURE__ */ new WeakMap();
+const Ne = /* @__PURE__ */ new WeakMap();
 function xn(e, t = !1) {
   const l = S(t);
   let o = null, n;
   G(jn(e), (r) => {
     const s = ot(me(r));
     if (s) {
-      const d = s;
-      Re.get(d) || Re.set(d, n), l.value && (d.style.overflow = "hidden");
+      const u = s;
+      Ne.get(u) || Ne.set(u, n), l.value && (u.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
   const i = () => {
     const r = ot(me(e));
-    !r || l.value || (nt && (o = Bn(
+    !r || l.value || (nt && (o = An(
       r,
       "touchmove",
       (s) => {
-        An(s);
+        Bn(s);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", l.value = !0);
   }, a = () => {
     var r;
     const s = ot(me(e));
-    !s || !l.value || (nt && (o == null || o()), s.style.overflow = (r = Re.get(s)) != null ? r : "", Re.delete(s), l.value = !1);
+    !s || !l.value || (nt && (o == null || o()), s.style.overflow = (r = Ne.get(s)) != null ? r : "", Ne.delete(s), l.value = !1);
   };
   return Xe(a), T({
     get() {
@@ -1156,7 +1161,7 @@ function En() {
   };
 }
 En();
-const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ A({
+const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1168,31 +1173,31 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = be(), i = T(() => {
+    const o = e, n = _e(), i = T(() => {
       if (s.value)
         return n;
     }), a = l, r = {
       ignore: ["[data-click-outside-ignore]"]
-    }, s = S(!1), d = S(!1), p = S(o.open), u = S(!1), f = S();
+    }, s = S(!1), u = S(!1), p = S(o.open), d = S(!1), f = S();
     let m = 0;
     function y() {
       p.value = !0, V();
     }
     function g() {
-      o.frozen || (d.value = !0, setTimeout(async () => {
-        u.value = !1, d.value = !1, p.value = !1, ye(!1), a("bottom-sheet:close");
+      o.frozen || (u.value = !0, setTimeout(async () => {
+        d.value = !1, u.value = !1, p.value = !1, ye(!1), a("bottom-sheet:close");
       }, 300));
     }
     function b(M) {
-      u.value = !0, f.value.classList.add(Vt), m = E(M);
+      d.value = !0, f.value.classList.add(Vt), m = E(M);
     }
     function C(M) {
-      u.value && (k(M) > Ct && g(), O());
+      d.value && (k(M) > Ct && g(), O());
     }
     function $(M) {
-      if (u.value) {
+      if (d.value) {
         const j = k(M);
-        j > Ct ? g() : j > 0 && B(j);
+        j > Ct ? g() : j > 0 && A(j);
       }
     }
     function k(M) {
@@ -1201,11 +1206,11 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     function E(M) {
       return ["touchend", "touchmove", "touchstart"].includes(M.type) ? M.changedTouches[0].clientY : M.clientY;
     }
-    function B(M) {
+    function A(M) {
       f.value.style.setProperty("transform", `translateY(${M}px)`);
     }
     function O() {
-      f.value.classList.remove(Vt), f.value.style.removeProperty("transform"), u.value = !1;
+      f.value.classList.remove(Vt), f.value.style.removeProperty("transform"), d.value = !1;
     }
     function V() {
       o.preventBodyScroll && ye(!0);
@@ -1221,7 +1226,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       hide: g,
       show: y,
       isOpen: p,
-      moveContainer: B
+      moveContainer: A
     }), (M, j) => s.value ? (c(), L(xe, {
       key: 0,
       to: M.teleport
@@ -1231,13 +1236,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           "joy-bottom-sheet",
           {
             "joy-bottom-sheet--open": p.value,
-            "joy-bottom-sheet--hiding": d.value && p.value,
+            "joy-bottom-sheet--hiding": u.value && p.value,
             "joy-bottom-sheet--frozen": M.frozen
           }
         ]
       }), [
         j[1] || (j[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
-        N(R(pt), {
+        N(D(pt), {
           options: r,
           onTrigger: g
         }, {
@@ -1278,7 +1283,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 16)) : w("", !0)
     ], 8, ["to"])) : w("", !0);
   }
-}), Us = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-0f122c0c"]]), Gs = /* @__PURE__ */ A({
+}), Us = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-0f122c0c"]]), Gs = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1290,12 +1295,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       var s;
       o("click"), (s = n.value) == null || s.show();
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
+    return (s, u) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
   }
-}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ A({
+}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1364,10 +1369,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         p ? r.value = !1 : r.value = n.invalid;
       }
     );
-    const d = {
+    const u = {
       onChange: (p) => {
-        const u = p.target.checked;
-        a.value = !1, u ? r.value = !1 : r.value = n.invalid, o("update:checked", u);
+        const d = p.target.checked;
+        a.value = !1, d ? r.value = !1 : r.value = n.invalid, o("update:checked", d);
       },
       onFocus: () => {
         s.value = !0, o("focus");
@@ -1378,7 +1383,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     };
     return t({
       isIndeterminate: a
-    }), (p, u) => (c(), v("div", Mn, [
+    }), (p, d) => (c(), v("div", Mn, [
       h("label", {
         class: I([
           "joy-checkbox",
@@ -1405,17 +1410,17 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             required: e.required,
             value: e.value,
             indeterminate: a.value,
-            onChange: u[0] || (u[0] = //@ts-ignore
-            (...f) => d.onChange && d.onChange(...f)),
-            onFocus: u[1] || (u[1] = //@ts-ignore
-            (...f) => d.onFocus && d.onFocus(...f)),
-            onBlur: u[2] || (u[2] = //@ts-ignore
-            (...f) => d.onBlur && d.onBlur(...f))
+            onChange: d[0] || (d[0] = //@ts-ignore
+            (...f) => u.onChange && u.onChange(...f)),
+            onFocus: d[1] || (d[1] = //@ts-ignore
+            (...f) => u.onFocus && u.onFocus(...f)),
+            onBlur: d[2] || (d[2] = //@ts-ignore
+            (...f) => u.onBlur && u.onBlur(...f))
           }, null, 40, Fn)
         ]),
         h("div", Dn, [
           _(p.$slots, "default", {}, () => [
-            D(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0),
           h("div", Rn, [
             _(p.$slots, "checkbox-content", {}, void 0, !0)
@@ -1427,7 +1432,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }), Gt = /* @__PURE__ */ x(Nn, [["__scopeId", "data-v-b08aada8"]]), qn = ["id"], Hn = { class: "joy-collapse-item__header-right" }, Wn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ A({
+}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1462,8 +1467,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     const o = e, n = l, i = S(o.open), a = S(!1);
     G(
       () => o.open,
-      (d) => {
-        i.value = d;
+      (u) => {
+        i.value = u;
       }
     );
     function r() {
@@ -1476,7 +1481,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       isOpen: i,
       onToggle: r,
       props: o
-    }), (d, p) => (c(), v("div", {
+    }), (u, p) => (c(), v("div", {
       class: I([
         "joy-collapse-item",
         {
@@ -1491,9 +1496,9 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         tabindex: "0",
         class: "joy-collapse-item__summary",
         onClick: r,
-        onKeydown: Oe(r, ["enter"]),
-        onFocus: p[0] || (p[0] = (u) => a.value = !0),
-        onBlur: p[1] || (p[1] = (u) => a.value = !1)
+        onKeydown: Fe(r, ["enter"]),
+        onFocus: p[0] || (p[0] = (d) => a.value = !0),
+        onBlur: p[1] || (p[1] = (d) => a.value = !1)
       }, [
         h("div", {
           id: e.id,
@@ -1505,10 +1510,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : w("", !0),
-          D(" " + J(e.header), 1)
+          R(" " + J(e.header), 1)
         ], 8, qn),
         h("div", Hn, [
-          _(d.$slots, "collapse-header-right")
+          _(u.$slots, "collapse-header-right")
         ]),
         N(q, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
@@ -1516,7 +1521,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         }),
         e.subheader ? (c(), v("span", Wn, J(e.subheader), 1)) : w("", !0),
         h("span", Un, [
-          _(d.$slots, "collapse-preview")
+          _(u.$slots, "collapse-preview")
         ])
       ], 32),
       i.value ? (c(), v("div", {
@@ -1530,11 +1535,11 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           }
         ])
       }, [
-        _(d.$slots, "default")
+        _(u.$slots, "default")
       ], 10, Gn)) : w("", !0)
     ], 2));
   }
-}), Kn = /* @__PURE__ */ x(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ A({
+}), Kn = /* @__PURE__ */ x(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1567,14 +1572,14 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       var g;
       return ((g = y == null ? void 0 : y.type) == null ? void 0 : g.__name) === "VJoyCollapseItem";
     }
-    function d(y, g) {
+    function u(y, g) {
       if (!(!y.children || !y.children[g]))
         return y.children[g]();
     }
     function p(y) {
       return o.modelValue.length ? o.modelValue.includes(m(y)) : y.props.open;
     }
-    async function u(y) {
+    async function d(y) {
       if (o.accordion) {
         let g = [];
         g.push(m(y)), n.value = g;
@@ -1600,23 +1605,23 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         key: b.props.id,
         open: p(b),
         mode: e.mode,
-        "onCollapseItem:open": () => u(b),
+        "onCollapseItem:open": () => d(b),
         "onCollapseItem:close": () => f(b)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-header-right"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
+          (c(!0), v(H, null, U(u(b, "collapse-header-right"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-preview"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
+          (c(!0), v(H, null, U(u(b, "collapse-preview"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         default: z(() => [
-          (c(!0), v(H, null, U(d(b, "default"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
+          (c(!0), v(H, null, U(u(b, "default"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Ys = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ A({
+}), Ys = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1664,7 +1669,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Ks = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ A({
+}), Ks = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1708,7 +1713,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
   },
   setup(e) {
-    return Ke("VJoyWrapperContext", e), (l, o) => (c(), v("div", {
+    return Me("VJoyWrapperContext", e), (l, o) => (c(), v("div", {
       class: I([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -1739,7 +1744,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ul = {
   key: 2,
   class: "joy-dialog--indicators"
-}, dl = /* @__PURE__ */ A({
+}, dl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -1821,21 +1826,21 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDialog", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = T(() => {
+    const o = e, n = l, i = Oe() + "--JoyDialog", a = Y(), r = S(!1), s = S(), u = S(o.open), p = _e(), d = T(() => {
       if (r.value)
         return p;
     }), f = T(() => {
-      const B = a["dialog-cancel"] || a["dialog-confirm"], O = o.cancelText || o.confirmText;
-      return !!B || !!O;
+      const A = a["dialog-cancel"] || a["dialog-confirm"], O = o.cancelText || o.confirmText;
+      return !!A || !!O;
     }), y = T(() => o.id || i).value + "-header";
     function g() {
       !o.patternConfirm && b();
     }
-    async function b(B = { fireHideEvent: !0 }) {
-      o.demoMode || (d.value = !1, await Je(), ye(!1), B.fireHideEvent && n("dialog:hide"));
+    async function b(A = { fireHideEvent: !0 }) {
+      o.demoMode || (u.value = !1, await Je(), ye(!1), A.fireHideEvent && n("dialog:hide"));
     }
     async function C() {
-      d.value = !0, await Je(), o.preventBodyScroll && ye(!0);
+      u.value = !0, await Je(), o.preventBodyScroll && ye(!0);
     }
     function $() {
       n("dialog:open");
@@ -1849,13 +1854,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     return te(async () => {
       r.value = !0;
     }), Ee(() => {
-      d.value === !0 && (n("dialog:before-unmount"), ye(!1));
+      u.value === !0 && (n("dialog:before-unmount"), ye(!1));
     }), t({
       hasFooterSlots: f,
       hide: b,
-      isOpen: d,
+      isOpen: u,
       show: C
-    }), (B, O) => r.value ? (c(), L(xe, {
+    }), (A, O) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -1869,21 +1874,21 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         onAfterLeave: E
       }, {
         default: z(() => [
-          d.value ? (c(), v("div", W({ key: 0 }, u.value, {
+          u.value ? (c(), v("div", W({ key: 0 }, d.value, {
             id: e.id || i,
             ref_key: "dialogRef",
             ref: s,
             role: "dialog",
             "aria-modal": "true",
-            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": d.value, "joy-dialog--pattern-brand": e.patternBrand }],
+            class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value, "joy-dialog--pattern-brand": e.patternBrand }],
             "aria-labelledby": y,
-            onKeydown: Oe(g, ["esc"])
+            onKeydown: Fe(g, ["esc"])
           }), [
             h("div", {
               class: I([
                 {
                   "joy-dialog__overlay": !0,
-                  "joy-dialog__overlay--open": d.value,
+                  "joy-dialog__overlay--open": u.value,
                   "joy-dialog__overlay___disabled": e.patternConfirm
                 }
               ]),
@@ -1893,7 +1898,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               class: I([
                 {
                   "joy-dialog--wrapper": !0,
-                  "joy-dialog--wrapper-open": d.value
+                  "joy-dialog--wrapper-open": u.value
                 }
               ])
             }, [
@@ -1912,17 +1917,17 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   })
                 }, null, 4)) : w("", !0),
                 h("div", al, [
-                  B.$slots["dialog-preheader"] ? (c(), v("div", rl, [
-                    _(B.$slots, "dialog-preheader", {}, void 0, !0)
+                  A.$slots["dialog-preheader"] ? (c(), v("div", rl, [
+                    _(A.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : w("", !0),
                   h("div", {
                     id: y,
                     class: "joy-dialog--header__title"
                   }, [
-                    _(B.$slots, "dialog-header", {}, void 0, !0)
+                    _(A.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", il, [
-                    _(B.$slots, "dialog-subheader", {}, void 0, !0)
+                    _(A.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? w("", !0) : (c(), L(ne, {
                     key: 1,
@@ -1938,7 +1943,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   }, null, 8, ["label"]))
                 ]),
                 h("div", sl, [
-                  _(B.$slots, "dialog-body", {}, void 0, !0)
+                  _(A.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: I([
@@ -1953,7 +1958,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     "no-margin": ""
                   }, {
                     default: z(() => [
-                      _(B.$slots, "dialog-cancel", {}, () => [
+                      _(A.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--cancel",
@@ -1962,12 +1967,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           onClick: O[1] || (O[1] = (V) => b())
                         }, {
                           default: z(() => [
-                            D(J(e.cancelText), 1)
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
                       ], !0),
-                      _(B.$slots, "dialog-confirm", {}, () => [
+                      _(A.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--confirm",
@@ -1976,7 +1981,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           onClick: O[2] || (O[2] = (V) => n("dialog:confirm"))
                         }, {
                           default: z(() => [
-                            D(J(e.confirmText), 1)
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -1985,8 +1990,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     _: 3
                   })
                 ], 2),
-                R(a)["dialog-indicators"] ? (c(), v("div", ul, [
-                  _(B.$slots, "dialog-indicators", {}, void 0, !0)
+                D(a)["dialog-indicators"] ? (c(), v("div", ul, [
+                  _(A.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : w("", !0)
               ])
             ], 2)
@@ -1996,7 +2001,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Zs = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Xs = /* @__PURE__ */ A({
+}), Zs = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Xs = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2008,7 +2013,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       var s;
       n("click"), await ((s = o.value) == null ? void 0 : s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
+    return (s, u) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2019,7 +2024,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ml = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, vl = /* @__PURE__ */ A({
+}, vl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2085,18 +2090,18 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDrawer", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = T(() => {
+    const o = e, n = l, i = Oe() + "--JoyDrawer", a = Y(), r = S(!1), s = S(), u = S(o.open), p = _e(), d = T(() => {
       if (r.value)
         return p;
     }), f = T(() => {
-      const E = a["drawer-cancel"] || a["drawer-confirm"], B = o.cancelText || o.confirmText;
-      return !!E || !!B;
+      const E = a["drawer-cancel"] || a["drawer-confirm"], A = o.cancelText || o.confirmText;
+      return !!E || !!A;
     }), m = T(() => o.id || i), y = m.value + "-header";
     async function g(E = { fireHideEvent: !0 }) {
-      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (d.value = !1, await Je(), ye(!1), E.fireHideEvent && n("drawer:hide"));
+      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (u.value = !1, await Je(), ye(!1), E.fireHideEvent && n("drawer:hide"));
     }
     async function b() {
-      d.value = !0, await Je(), !o.elevated && o.preventBodyScroll && ye(!0);
+      u.value = !0, await Je(), !o.elevated && o.preventBodyScroll && ye(!0);
     }
     function C() {
       n("drawer:open");
@@ -2110,13 +2115,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     return te(() => {
       r.value = !0;
     }), Ee(() => {
-      d.value === !0 && (n("drawer:before-unmount"), ye(!1));
+      u.value === !0 && (n("drawer:before-unmount"), ye(!1));
     }), t({
       hasFooterSlots: f,
       hide: g,
-      isOpen: d,
+      isOpen: u,
       show: b
-    }), (E, B) => r.value ? (c(), L(xe, {
+    }), (E, A) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2130,7 +2135,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         onAfterLeave: k
       }, {
         default: z(() => [
-          d.value ? (c(), v("div", W({ key: 0 }, u.value, {
+          u.value ? (c(), v("div", W({ key: 0 }, d.value, {
             id: m.value,
             ref_key: "drawerRef",
             ref: s,
@@ -2140,28 +2145,28 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               "joy-drawer",
               `joy-drawer--${e.size}`,
               {
-                "joy-drawer--open": d.value,
+                "joy-drawer--open": u.value,
                 "joy-drawer--elevated": e.elevated
               }
             ],
             "aria-labelledby": y,
-            onKeydown: B[4] || (B[4] = Oe((O) => g(), ["esc"]))
+            onKeydown: A[4] || (A[4] = Fe((O) => g(), ["esc"]))
           }), [
             e.elevated ? w("", !0) : (c(), v("div", {
               key: 0,
               class: I([
                 {
                   "joy-drawer__overlay": !0,
-                  "joy-drawer__overlay--open": d.value
+                  "joy-drawer__overlay--open": u.value
                 }
               ]),
-              onClick: B[0] || (B[0] = (O) => g())
+              onClick: A[0] || (A[0] = (O) => g())
             }, null, 2)),
             h("div", {
               class: I([
                 {
                   "joy-drawer--wrapper": !0,
-                  "joy-drawer--wrapper-open": d.value
+                  "joy-drawer--wrapper-open": u.value
                 }
               ])
             }, [
@@ -2185,7 +2190,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: B[1] || (B[1] = (O) => g())
+                    onClick: A[1] || (A[1] = (O) => g())
                   }, null, 8, ["label"])
                 ]),
                 h("div", ml, [
@@ -2211,10 +2216,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: B[2] || (B[2] = (O) => g())
+                          onClick: A[2] || (A[2] = (O) => g())
                         }, {
                           default: z(() => [
-                            D(J(e.cancelText), 1)
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2225,10 +2230,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: B[3] || (B[3] = (O) => n("drawer:confirm"))
+                          onClick: A[3] || (A[3] = (O) => n("drawer:confirm"))
                         }, {
                           default: z(() => [
-                            D(J(e.confirmText), 1)
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2245,7 +2250,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Qs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), eu = /* @__PURE__ */ A({
+}), Qs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), eu = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2257,7 +2262,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       var s;
       o("click"), await ((s = n.value) == null ? void 0 : s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
+    return (s, u) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2268,7 +2273,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, gl = ["aria-label", "aria-labelledby"], bl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], _l = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, wl = /* @__PURE__ */ A({
+}, wl = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2320,7 +2325,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       var y;
       return Array.from(((y = i.value) == null ? void 0 : y.querySelectorAll("li")) || []);
     }
-    function d() {
+    function u() {
       const y = s().find((g) => g.getAttribute("aria-selected") === "true");
       y && (y.focus(), i.value.scrollTo({
         top: y.offsetTop
@@ -2329,7 +2334,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     function p() {
       return s().find((y) => y === document.activeElement);
     }
-    function u(y) {
+    function d(y) {
       var g;
       if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
         if ((y.key === "Escape" || y.key === "Tab") && o("close:dropdownList"), (y.key === "Enter" || y.key === "enter") && (y.preventDefault(), p() && ((g = i.value) != null && g.contains(p())))) {
@@ -2357,9 +2362,9 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       o("reset");
     }
     return te(() => {
-      window.addEventListener("keydown", u), d();
+      window.addEventListener("keydown", d), u();
     }), Ee(() => {
-      window.removeEventListener("keydown", u);
+      window.removeEventListener("keydown", d);
     }), t({
       isSelected: a
     }), (y, g) => (c(), v("div", {
@@ -2437,7 +2442,7 @@ function Yt(e, t) {
     t && ((l = e.value) == null || l.focus());
   });
 }
-const $l = /* @__PURE__ */ A({
+const $l = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2525,8 +2530,8 @@ const $l = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(!1), a = S(null), r = S(), s = S(null), d = S(null), p = S(!1), u = "joy-dropdown--" + Ze();
-    Ke("VJoyDropdownContext", n);
+    const o = l, n = e, i = S(!1), a = S(null), r = S(), s = S(null), u = S(null), p = S(!1), d = "joy-dropdown--" + Ze();
+    Me("VJoyDropdownContext", n);
     const f = {
       ignore: [r, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
@@ -2553,29 +2558,29 @@ const $l = /* @__PURE__ */ A({
       p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
     function C(V) {
-      V.stopPropagation(), i.value ? $() : b(), d.value = V.target;
+      V.stopPropagation(), i.value ? $() : b(), u.value = V.target;
     }
     function $() {
       g(), k();
     }
     function k() {
-      d.value && d.value.focus();
+      u.value && u.value.focus();
     }
     function E(V) {
       o("update:modelValue", V), n.closeOnSelect && (g(), k());
     }
-    function B() {
+    function A() {
       o("dropdown:reset");
     }
     function O() {
-      !r.value || !r.value.children.length || (r.value.children[0].id = u);
+      !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
     return kl(g), te(() => {
       O();
     }), t({
       showDropdownList: i,
-      generatedId: u
-    }), (V, M) => (c(), L(R(pt), {
+      generatedId: d
+    }), (V, M) => (c(), L(D(pt), {
       ref_key: "dropdown",
       ref: a,
       options: f,
@@ -2615,10 +2620,10 @@ const $l = /* @__PURE__ */ A({
             height: e.height,
             reset: e.reset,
             "reset-label": e.resetLabel,
-            "aria-labelled-by": u,
+            "aria-labelled-by": d,
             "onUpdate:modelValue": E,
             "onClose:dropdownList": $,
-            onReset: B
+            onReset: A
           }, ct({
             label: z((j) => [
               _(V.$slots, "dropdown-item", $o(So(j)), () => [
@@ -2654,7 +2659,7 @@ const $l = /* @__PURE__ */ A({
       _: 3
     }, 512));
   }
-}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-91e88e50"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ A({
+}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-91e88e50"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -2694,12 +2699,12 @@ const $l = /* @__PURE__ */ A({
         t.default ? _(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Cl, [
           (c(!0), v(H, null, U(e.errors, (n) => (c(), v("li", { key: n }, J(n), 1))), 128))
         ])) : (c(), v(H, { key: 2 }, [
-          D(J(e.noHtmlErrorText), 1)
+          R(J(e.noHtmlErrorText), 1)
         ], 64))
       ])
     ], 10, Sl));
   }
-}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-ff064142"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ A({
+}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-ff064142"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -2713,13 +2718,13 @@ const $l = /* @__PURE__ */ A({
       }, null, 8, ["name"])
     ]));
   }
-}), Kt = /* @__PURE__ */ x(Ll, [["__scopeId", "data-v-5a2d1889"]]), Il = { class: "joy-dropzone__file__description" }, Bl = { class: "joy-dropzone__file__name" }, Al = {
+}), Kt = /* @__PURE__ */ x(Ll, [["__scopeId", "data-v-5a2d1889"]]), Il = { class: "joy-dropzone__file__description" }, Al = { class: "joy-dropzone__file__name" }, Bl = {
   key: 0,
   class: "joy-dropzone__file__information"
 }, xl = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, El = /* @__PURE__ */ A({
+}, El = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -2745,8 +2750,8 @@ const $l = /* @__PURE__ */ A({
           class: "joy-dropzone__file__icon"
         }),
         h("div", Il, [
-          h("span", Bl, J(l.file.name), 1),
-          t.information ? (c(), v("div", Al, [
+          h("span", Al, J(l.file.name), 1),
+          t.information ? (c(), v("div", Bl, [
             _(o.$slots, "information", { file: o.file }, void 0, !0)
           ])) : w("", !0),
           o.error ? (c(), v("p", xl, J(o.error), 1)) : w("", !0)
@@ -2790,7 +2795,7 @@ const $l = /* @__PURE__ */ A({
 }, Ol = { class: "joy-dropzone__instruction__text" }, Fl = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Dl = /* @__PURE__ */ A({
+}, Dl = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Co({
     name: {},
@@ -2808,9 +2813,9 @@ const $l = /* @__PURE__ */ A({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = Vo(e, "modelValue"), i = S(y(n.value)), a = S(), r = S(), s = S(), { isOverDropZone: d } = Cn(r, {
+    const l = Y(), o = e, n = Vo(e, "modelValue"), i = S(y(n.value)), a = S(), r = S(), s = S(), { isOverDropZone: u } = Cn(r, {
       onDrop: k
-    }), p = T(() => n.value.filter((j) => j instanceof File)), u = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
+    }), p = T(() => n.value.filter((j) => j instanceof File)), d = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
     function f(j) {
       return o.accept.length > 0 ? o.accept.includes(j.type) : !0;
     }
@@ -2848,27 +2853,27 @@ const $l = /* @__PURE__ */ A({
     function E(j) {
       a.value = j, s.value && s.value.click();
     }
-    function B(j) {
+    function A(j) {
       i.value = y(j), n.value = j;
     }
     function O(j) {
-      B(n.value.filter((P) => P !== j));
+      A(n.value.filter((P) => P !== j));
     }
     function V(j) {
-      o.multiple ? B([...n.value, ...j]) : B([j[0]]);
+      o.multiple ? A([...n.value, ...j]) : A([j[0]]);
     }
     function M(j, [P, ...F]) {
       if (o.multiple) {
         const K = [...n.value];
-        K[n.value.indexOf(j)] = P, K.push(...F), B(K);
+        K[n.value.indexOf(j)] = P, K.push(...F), A(K);
       } else
-        B([P]);
+        A([P]);
     }
     return t({
       invalid: i
     }), (j, P) => (c(), v("div", {
       class: I(["joy-dropzone", {
-        "joy-dropzone--dragover": R(d),
+        "joy-dropzone--dragover": D(u),
         "joy-dropzone--invalid": i.value,
         "joy-dropzone--empty": n.value.length === 0
       }])
@@ -2933,7 +2938,7 @@ const $l = /* @__PURE__ */ A({
               }),
               h("p", Ol, [
                 _(j.$slots, "dropzone-description", {}, () => [
-                  P[0] || (P[0] = D("Drop your file here or click here"))
+                  P[0] || (P[0] = R("Drop your file here or click here"))
                 ], !0)
               ])
             ]),
@@ -2944,14 +2949,14 @@ const $l = /* @__PURE__ */ A({
       l["dropzone-legend"] ? (c(), v("div", Fl, [
         _(j.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : w("", !0),
-      u.value ? (c(), L(yt, {
+      d.value ? (c(), L(yt, {
         key: 1,
-        "no-html-error-text": u.value,
+        "no-html-error-text": d.value,
         class: "joy-dropzone__error"
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 2));
   }
-}), ou = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ A({
+}), ou = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2968,7 +2973,7 @@ const $l = /* @__PURE__ */ A({
       ])
     ], 8, Rl));
   }
-}), nu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ A({
+}), nu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2985,7 +2990,7 @@ const $l = /* @__PURE__ */ A({
   },
   emits: ["filter"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = Ce("VJoyDropdownContext", null);
+    const l = e, o = t, n = be("VJoyDropdownContext", null);
     function i() {
       o("filter", l.value);
     }
@@ -2995,9 +3000,9 @@ const $l = /* @__PURE__ */ A({
       class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
-      D(J(e.label) + " ", 1),
+      R(J(e.label) + " ", 1),
       _(a.$slots, "default", {}, void 0, !0),
-      R(n) ? (c(), L(q, {
+      D(n) ? (c(), L(q, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3006,7 +3011,7 @@ const $l = /* @__PURE__ */ A({
       })) : w("", !0)
     ], 2));
   }
-}), lu = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ A({
+}), lu = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3026,7 +3031,7 @@ const $l = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Ce("VJoyWrapperContext", {}), n = T(() => {
+    const l = e, o = be("VJoyWrapperContext", {}), n = T(() => {
       const i = o.direction === "column" ? "auto" : null;
       if (!l.width && l.flex === "1") {
         const s = ["1", "0"];
@@ -3044,7 +3049,7 @@ const $l = /* @__PURE__ */ A({
       })
     }, null, 6));
   }
-}), au = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ A({
+}), au = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3065,17 +3070,17 @@ const $l = /* @__PURE__ */ A({
   },
   setup(e, { expose: t }) {
     const l = S(!0), o = Y(), n = S(!0);
-    Ke("VJoyStepperShowLabels", n);
+    Me("VJoyStepperShowLabels", n);
     function i(s) {
-      const d = s.currentTarget;
-      l.value = d.scrollTop === 0, a.value && !l.value ? n.value = !1 : a.value && l.value && (n.value = !0);
+      const u = s.currentTarget;
+      l.value = u.scrollTop === 0, a.value && !l.value ? n.value = !1 : a.value && l.value && (n.value = !0);
     }
     const a = T(() => !!o["funnel-stepper"]), r = T(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: l,
       hasStepperSlot: a,
       hasFooterSlot: r
-    }), (s, d) => (c(), v("div", {
+    }), (s, u) => (c(), v("div", {
       class: I([
         "joy-funnel",
         {
@@ -3097,7 +3102,7 @@ const $l = /* @__PURE__ */ A({
             "joy-funnel__shapes--no-footer": !r.value
           }
         ])
-      }, d[0] || (d[0] = [
+      }, u[0] || (u[0] = [
         Ot('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
       ]), 2)),
       h("div", {
@@ -3117,7 +3122,7 @@ const $l = /* @__PURE__ */ A({
       ], 32)
     ], 2));
   }
-}), ru = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ A({
+}), ru = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), v("footer", Kl, [
@@ -3129,7 +3134,7 @@ const $l = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), iu = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ A({
+}), iu = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), v("header", ea, [
@@ -3141,7 +3146,7 @@ const $l = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), su = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ A({
+}), su = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3198,7 +3203,7 @@ const $l = /* @__PURE__ */ A({
       ])
     ], 2));
   }
-}), uu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ A({
+}), uu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3231,7 +3236,7 @@ const $l = /* @__PURE__ */ A({
       }, null, 10, sa)
     ], 2));
   }
-}), da = /* @__PURE__ */ x(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ A({
+}), da = /* @__PURE__ */ x(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3245,28 +3250,28 @@ const $l = /* @__PURE__ */ A({
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, i = Y(), a = S(o.modelValue), r = T(() => {
-      const u = i.default();
-      return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(d) : u.filter(d);
+      const d = i.default();
+      return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(u) : d.filter(u);
     });
-    function s(u) {
-      return a.value === u.props.value;
+    function s(d) {
+      return a.value === d.props.value;
     }
-    function d(u) {
+    function u(d) {
       var f;
-      return ((f = u == null ? void 0 : u.type) == null ? void 0 : f.__name) === "VJoyIndicator";
+      return ((f = d == null ? void 0 : d.type) == null ? void 0 : f.__name) === "VJoyIndicator";
     }
-    function p(u) {
-      n("update:modelValue", u.props.value), a.value = u.props.value;
+    function p(d) {
+      n("update:modelValue", d.props.value), a.value = d.props.value;
     }
     return G(
       () => o.modelValue,
-      (u, f) => {
-        u !== f && (a.value = u);
+      (d, f) => {
+        d !== f && (a.value = d);
       }
     ), t({
       indicators: r,
       isSelected: s
-    }), (u, f) => (c(), v("ul", {
+    }), (d, f) => (c(), v("ul", {
       class: I(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
       (c(!0), v(H, null, U(r.value, (m) => (c(), L(da, W({
@@ -3290,13 +3295,13 @@ const $l = /* @__PURE__ */ A({
 function at(e, t, l) {
   return fa(e, lt(t, l));
 }
-function ke(e, t) {
+function $e(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function ve(e) {
   return e.split("-")[0];
 }
-function Fe(e) {
+function De(e) {
   return e.split("-")[1];
 }
 function mt(e) {
@@ -3305,20 +3310,20 @@ function mt(e) {
 function vt(e) {
   return e === "y" ? "height" : "width";
 }
-function $e(e) {
+function Se(e) {
   return ["top", "bottom"].includes(ve(e)) ? "y" : "x";
 }
 function ht(e) {
-  return mt($e(e));
+  return mt(Se(e));
 }
 function ma(e, t, l) {
   l === void 0 && (l = !1);
-  const o = Fe(e), n = ht(e), i = vt(n);
+  const o = De(e), n = ht(e), i = vt(n);
   let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (a = We(a)), [a, We(a)];
+  return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
 function va(e) {
-  const t = We(e);
+  const t = Ue(e);
   return [rt(e), t, rt(t)];
 }
 function rt(e) {
@@ -3338,11 +3343,11 @@ function ha(e, t, l) {
   }
 }
 function ga(e, t, l, o) {
-  const n = Fe(e);
+  const n = De(e);
   let i = ha(ve(e), l === "start", o);
   return n && (i = i.map((a) => a + "-" + n), t && (i = i.concat(i.map(rt)))), i;
 }
-function We(e) {
+function Ue(e) {
   return e.replace(/left|right|bottom|top/g, (t) => pa[t]);
 }
 function ba(e) {
@@ -3362,7 +3367,7 @@ function Zt(e) {
     left: e
   };
 }
-function Ue(e) {
+function Ge(e) {
   const {
     x: t,
     y: l,
@@ -3385,7 +3390,7 @@ function Tt(e, t, l) {
     reference: o,
     floating: n
   } = e;
-  const i = $e(t), a = ht(t), r = vt(a), s = ve(t), d = i === "y", p = o.x + o.width / 2 - n.width / 2, u = o.y + o.height / 2 - n.height / 2, f = o[r] / 2 - n[r] / 2;
+  const i = Se(t), a = ht(t), r = vt(a), s = ve(t), u = i === "y", p = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, f = o[r] / 2 - n[r] / 2;
   let m;
   switch (s) {
     case "top":
@@ -3403,13 +3408,13 @@ function Tt(e, t, l) {
     case "right":
       m = {
         x: o.x + o.width,
-        y: u
+        y: d
       };
       break;
     case "left":
       m = {
         x: o.x - n.width,
-        y: u
+        y: d
       };
       break;
     default:
@@ -3418,12 +3423,12 @@ function Tt(e, t, l) {
         y: o.y
       };
   }
-  switch (Fe(t)) {
+  switch (De(t)) {
     case "start":
-      m[a] -= f * (l && d ? -1 : 1);
+      m[a] -= f * (l && u ? -1 : 1);
       break;
     case "end":
-      m[a] += f * (l && d ? -1 : 1);
+      m[a] += f * (l && u ? -1 : 1);
       break;
   }
   return m;
@@ -3435,14 +3440,14 @@ const _a = async (e, t, l) => {
     middleware: i = [],
     platform: a
   } = l, r = i.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(t));
-  let d = await a.getElementRects({
+  let u = await a.getElementRects({
     reference: e,
     floating: t,
     strategy: n
   }), {
     x: p,
-    y: u
-  } = Tt(d, o, s), f = o, m = {}, y = 0;
+    y: d
+  } = Tt(u, o, s), f = o, m = {}, y = 0;
   for (let g = 0; g < r.length; g++) {
     const {
       name: b,
@@ -3451,39 +3456,39 @@ const _a = async (e, t, l) => {
       x: $,
       y: k,
       data: E,
-      reset: B
+      reset: A
     } = await C({
       x: p,
-      y: u,
+      y: d,
       initialPlacement: o,
       placement: f,
       strategy: n,
       middlewareData: m,
-      rects: d,
+      rects: u,
       platform: a,
       elements: {
         reference: e,
         floating: t
       }
     });
-    p = $ ?? p, u = k ?? u, m = {
+    p = $ ?? p, d = k ?? d, m = {
       ...m,
       [b]: {
         ...m[b],
         ...E
       }
-    }, B && y <= 50 && (y++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (d = B.rects === !0 ? await a.getElementRects({
+    }, A && y <= 50 && (y++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (u = A.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : B.rects), {
+    }) : A.rects), {
       x: p,
-      y: u
-    } = Tt(d, f, s)), g = -1);
+      y: d
+    } = Tt(u, f, s)), g = -1);
   }
   return {
     x: p,
-    y: u,
+    y: d,
     placement: f,
     strategy: n,
     middlewareData: m
@@ -3500,17 +3505,17 @@ async function Xt(e, t) {
     elements: r,
     strategy: s
   } = e, {
-    boundary: d = "clippingAncestors",
+    boundary: u = "clippingAncestors",
     rootBoundary: p = "viewport",
-    elementContext: u = "floating",
+    elementContext: d = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = ke(t, e), y = Zt(m), b = r[f ? u === "floating" ? "reference" : "floating" : u], C = Ue(await i.getClippingRect({
+  } = $e(t, e), y = Zt(m), b = r[f ? d === "floating" ? "reference" : "floating" : d], C = Ge(await i.getClippingRect({
     element: (l = await (i.isElement == null ? void 0 : i.isElement(b))) == null || l ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
-    boundary: d,
+    boundary: u,
     rootBoundary: p,
     strategy: s
-  })), $ = u === "floating" ? {
+  })), $ = d === "floating" ? {
     x: o,
     y: n,
     width: a.floating.width,
@@ -3521,17 +3526,17 @@ async function Xt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, B = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: $,
     offsetParent: k,
     strategy: s
   }) : $);
   return {
-    top: (C.top - B.top + y.top) / E.y,
-    bottom: (B.bottom - C.bottom + y.bottom) / E.y,
-    left: (C.left - B.left + y.left) / E.x,
-    right: (B.right - C.right + y.right) / E.x
+    top: (C.top - A.top + y.top) / E.y,
+    bottom: (A.bottom - C.bottom + y.bottom) / E.y,
+    left: (C.left - A.left + y.left) / E.x,
+    right: (A.right - C.right + y.right) / E.x
   };
 }
 const wa = (e) => ({
@@ -3547,18 +3552,18 @@ const wa = (e) => ({
       elements: r,
       middlewareData: s
     } = t, {
-      element: d,
+      element: u,
       padding: p = 0
-    } = ke(e, t) || {};
-    if (d == null)
+    } = $e(e, t) || {};
+    if (u == null)
       return {};
-    const u = Zt(p), f = {
+    const d = Zt(p), f = {
       x: l,
       y: o
-    }, m = ht(n), y = vt(m), g = await a.getDimensions(d), b = m === "y", C = b ? "top" : "left", $ = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], B = f[m] - i.reference[m], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    }, m = ht(n), y = vt(m), g = await a.getDimensions(u), b = m === "y", C = b ? "top" : "left", $ = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], A = f[m] - i.reference[m], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let V = O ? O[k] : 0;
     (!V || !await (a.isElement == null ? void 0 : a.isElement(O))) && (V = r.floating[k] || i.floating[y]);
-    const M = E / 2 - B / 2, j = V / 2 - g[y] / 2 - 1, P = lt(u[C], j), F = lt(u[$], j), K = P, se = V - g[y] - F, Q = V / 2 - g[y] / 2 + M, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : F) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    const M = E / 2 - A / 2, j = V / 2 - g[y] / 2 - 1, P = lt(d[C], j), F = lt(d[$], j), K = P, se = V - g[y] - F, Q = V / 2 - g[y] / 2 + M, Ve = at(K, Q, se), ue = !s.arrow && De(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : F) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [m]: f[m] + ae,
       data: {
@@ -3583,23 +3588,23 @@ const wa = (e) => ({
         rects: a,
         initialPlacement: r,
         platform: s,
-        elements: d
+        elements: u
       } = t, {
         mainAxis: p = !0,
-        crossAxis: u = !0,
+        crossAxis: d = !0,
         fallbackPlacements: f,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: y = "none",
         flipAlignment: g = !0,
         ...b
-      } = ke(e, t);
+      } = $e(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const C = ve(n), $ = $e(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (k || !g ? [We(r)] : va(r)), O = y !== "none";
-      !f && O && B.push(...ga(r, g, y, E));
-      const V = [r, ...B], M = await Xt(t, b), j = [];
+      const C = ve(n), $ = Se(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), A = f || (k || !g ? [Ue(r)] : va(r)), O = y !== "none";
+      !f && O && A.push(...ga(r, g, y, E));
+      const V = [r, ...A], M = await Xt(t, b), j = [];
       let P = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (p && j.push(M[C]), u) {
+      if (p && j.push(M[C]), d) {
         const Q = ma(n, a, E);
         j.push(M[Q[0]], M[Q[1]]);
       }
@@ -3626,7 +3631,7 @@ const wa = (e) => ({
               var se;
               const ae = (se = P.filter((fe) => {
                 if (O) {
-                  const pe = $e(fe.placement);
+                  const pe = Se(fe.placement);
                   return pe === $ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   pe === "y";
@@ -3656,26 +3661,26 @@ async function ja(e, t) {
     placement: l,
     platform: o,
     elements: n
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), a = ve(l), r = Fe(l), s = $e(l) === "y", d = ["left", "top"].includes(a) ? -1 : 1, p = i && s ? -1 : 1, u = ke(t, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), a = ve(l), r = De(l), s = Se(l) === "y", u = ["left", "top"].includes(a) ? -1 : 1, p = i && s ? -1 : 1, d = $e(t, e);
   let {
     mainAxis: f,
     crossAxis: m,
     alignmentAxis: y
-  } = typeof u == "number" ? {
-    mainAxis: u,
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...u
+    ...d
   };
   return r && typeof y == "number" && (m = r === "end" ? y * -1 : y), s ? {
     x: m * p,
-    y: f * d
+    y: f * u
   } : {
-    x: f * d,
+    x: f * u,
     y: m * p
   };
 }
@@ -3726,23 +3731,23 @@ const eo = function(e) {
           }
         },
         ...s
-      } = ke(e, t), d = {
+      } = $e(e, t), u = {
         x: l,
         y: o
-      }, p = await Xt(t, s), u = $e(ve(n)), f = mt(u);
-      let m = d[f], y = d[u];
+      }, p = await Xt(t, s), d = Se(ve(n)), f = mt(d);
+      let m = u[f], y = u[d];
       if (i) {
         const b = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", $ = m + p[b], k = m - p[C];
         m = at($, m, k);
       }
       if (a) {
-        const b = u === "y" ? "top" : "left", C = u === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[C];
+        const b = d === "y" ? "top" : "left", C = d === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[C];
         y = at($, y, k);
       }
       const g = r.fn({
         ...t,
         [f]: m,
-        [u]: y
+        [d]: y
       });
       return {
         ...g,
@@ -3766,13 +3771,13 @@ const eo = function(e) {
       } = t, {
         offset: r = 0,
         mainAxis: s = !0,
-        crossAxis: d = !0
-      } = ke(e, t), p = {
+        crossAxis: u = !0
+      } = $e(e, t), p = {
         x: l,
         y: o
-      }, u = $e(n), f = mt(u);
-      let m = p[f], y = p[u];
-      const g = ke(r, t), b = typeof g == "number" ? {
+      }, d = Se(n), f = mt(d);
+      let m = p[f], y = p[d];
+      const g = $e(r, t), b = typeof g == "number" ? {
         mainAxis: g,
         crossAxis: 0
       } : {
@@ -3781,21 +3786,21 @@ const eo = function(e) {
         ...g
       };
       if (s) {
-        const k = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[k] + b.mainAxis, B = i.reference[f] + i.reference[k] - b.mainAxis;
-        m < E ? m = E : m > B && (m = B);
+        const k = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[k] + b.mainAxis, A = i.reference[f] + i.reference[k] - b.mainAxis;
+        m < E ? m = E : m > A && (m = A);
       }
-      if (d) {
+      if (u) {
         var C, $;
-        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = i.reference[u] - i.floating[k] + (E && ((C = a.offset) == null ? void 0 : C[u]) || 0) + (E ? 0 : b.crossAxis), O = i.reference[u] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[u]) || 0) - (E ? b.crossAxis : 0);
-        y < B ? y = B : y > O && (y = O);
+        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), A = i.reference[d] - i.floating[k] + (E && ((C = a.offset) == null ? void 0 : C[d]) || 0) + (E ? 0 : b.crossAxis), O = i.reference[d] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[d]) || 0) - (E ? b.crossAxis : 0);
+        y < A ? y = A : y > O && (y = O);
       }
       return {
         [f]: m,
-        [u]: y
+        [d]: y
       };
     }
   };
-}, it = Math.min, Ie = Math.max, Ge = Math.round, Ne = Math.floor, he = (e) => ({
+}, it = Math.min, Ie = Math.max, Ye = Math.round, qe = Math.floor, he = (e) => ({
   x: e,
   y: e
 });
@@ -3822,7 +3827,7 @@ function ie(e) {
 function Lt(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof oe(e).ShadowRoot;
 }
-function De(e) {
+function Re(e) {
   const {
     overflow: t,
     overflowX: l,
@@ -3839,11 +3844,11 @@ function gt(e) {
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
 function $a(e) {
-  let t = Ae(e);
+  let t = Be(e);
   for (; ie(t) && !et(t); ) {
     if (gt(t))
       return t;
-    t = Ae(t);
+    t = Be(t);
   }
   return null;
 }
@@ -3865,7 +3870,7 @@ function tt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Ae(e) {
+function Be(e) {
   if (ge(e) === "html")
     return e;
   const t = (
@@ -3878,19 +3883,19 @@ function Ae(e) {
   return Lt(t) ? t.host : t;
 }
 function lo(e) {
-  const t = Ae(e);
-  return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ie(t) && De(t) ? t : lo(t);
+  const t = Be(e);
+  return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ie(t) && Re(t) ? t : lo(t);
 }
 function Pe(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
   const n = lo(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), a = oe(n);
-  return i ? t.concat(a, a.visualViewport || [], De(n) ? n : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(n, Pe(n, [], l));
+  return i ? t.concat(a, a.visualViewport || [], Re(n) ? n : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(n, Pe(n, [], l));
 }
 function ao(e) {
   const t = le(e);
   let l = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const n = ie(e), i = n ? e.offsetWidth : l, a = n ? e.offsetHeight : o, r = Ge(l) !== i || Ge(o) !== a;
+  const n = ie(e), i = n ? e.offsetWidth : l, a = n ? e.offsetHeight : o, r = Ye(l) !== i || Ye(o) !== a;
   return r && (l = i, o = a), {
     width: l,
     height: o,
@@ -3900,7 +3905,7 @@ function ao(e) {
 function _t(e) {
   return de(e) ? e : e.contextElement;
 }
-function Be(e) {
+function Ae(e) {
   const t = _t(e);
   if (!ie(t))
     return he(1);
@@ -3909,7 +3914,7 @@ function Be(e) {
     height: n,
     $: i
   } = ao(t);
-  let a = (i ? Ge(l.width) : l.width) / o, r = (i ? Ge(l.height) : l.height) / n;
+  let a = (i ? Ye(l.width) : l.width) / o, r = (i ? Ye(l.height) : l.height) / n;
   return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
     y: r
@@ -3926,26 +3931,26 @@ function ro(e) {
 function Ca(e, t, l) {
   return t === void 0 && (t = !1), !l || t && l !== oe(e) ? !1 : t;
 }
-function Se(e, t, l, o) {
+function Ce(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
   const n = e.getBoundingClientRect(), i = _t(e);
   let a = he(1);
-  t && (o ? de(o) && (a = Be(o)) : a = Be(e));
+  t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
   const r = Ca(i, l, o) ? ro(i) : he(0);
-  let s = (n.left + r.x) / a.x, d = (n.top + r.y) / a.y, p = n.width / a.x, u = n.height / a.y;
+  let s = (n.left + r.x) / a.x, u = (n.top + r.y) / a.y, p = n.width / a.x, d = n.height / a.y;
   if (i) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
     let y = f.frameElement;
     for (; y && o && m !== f; ) {
-      const g = Be(y), b = y.getBoundingClientRect(), C = le(y), $ = b.left + (y.clientLeft + parseFloat(C.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(C.paddingTop)) * g.y;
-      s *= g.x, d *= g.y, p *= g.x, u *= g.y, s += $, d += k, y = oe(y).frameElement;
+      const g = Ae(y), b = y.getBoundingClientRect(), C = le(y), $ = b.left + (y.clientLeft + parseFloat(C.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(C.paddingTop)) * g.y;
+      s *= g.x, u *= g.y, p *= g.x, d *= g.y, s += $, u += k, y = oe(y).frameElement;
     }
   }
-  return Ue({
+  return Ge({
     width: p,
-    height: u,
+    height: d,
     x: s,
-    y: d
+    y: u
   });
 }
 function Va(e) {
@@ -3962,9 +3967,9 @@ function Va(e) {
     scrollTop: 0
   }, r = he(1);
   const s = he(0);
-  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || De(i)) && (a = tt(l)), ie(l))) {
-    const d = Se(l);
-    r = Be(l), s.x = d.x + l.clientLeft, s.y = d.y + l.clientTop;
+  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || Re(i)) && (a = tt(l)), ie(l))) {
+    const u = Ce(l);
+    r = Ae(l), s.x = u.x + l.clientLeft, s.y = u.y + l.clientTop;
   }
   return {
     width: t.width * r.x,
@@ -3977,7 +3982,7 @@ function Ta(e) {
   return Array.from(e.getClientRects());
 }
 function io(e) {
-  return Se(ce(e)).left + tt(e).scrollLeft;
+  return Ce(ce(e)).left + tt(e).scrollLeft;
 }
 function La(e) {
   const t = ce(e), l = tt(e), o = e.ownerDocument.body, n = Ie(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Ie(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
@@ -3995,8 +4000,8 @@ function Ia(e, t) {
   let i = o.clientWidth, a = o.clientHeight, r = 0, s = 0;
   if (n) {
     i = n.width, a = n.height;
-    const d = bt();
-    (!d || d && t === "fixed") && (r = n.offsetLeft, s = n.offsetTop);
+    const u = bt();
+    (!u || u && t === "fixed") && (r = n.offsetLeft, s = n.offsetTop);
   }
   return {
     width: i,
@@ -4005,13 +4010,13 @@ function Ia(e, t) {
     y: s
   };
 }
-function Ba(e, t) {
-  const l = Se(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Be(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, d = o * i.y;
+function Aa(e, t) {
+  const l = Ce(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, u = o * i.y;
   return {
     width: a,
     height: r,
     x: s,
-    y: d
+    y: u
   };
 }
 function It(e, t, l) {
@@ -4021,7 +4026,7 @@ function It(e, t, l) {
   else if (t === "document")
     o = La(ce(e));
   else if (de(t))
-    o = Ba(t, l);
+    o = Aa(t, l);
   else {
     const n = ro(e);
     o = {
@@ -4030,22 +4035,22 @@ function It(e, t, l) {
       y: t.y - n.y
     };
   }
-  return Ue(o);
+  return Ge(o);
 }
 function so(e, t) {
-  const l = Ae(e);
+  const l = Be(e);
   return l === t || !de(l) || et(l) ? !1 : le(l).position === "fixed" || so(l, t);
 }
-function Aa(e, t) {
+function Ba(e, t) {
   const l = t.get(e);
   if (l)
     return l;
   let o = Pe(e, [], !1).filter((r) => de(r) && ge(r) !== "body"), n = null;
   const i = le(e).position === "fixed";
-  let a = i ? Ae(e) : e;
+  let a = i ? Be(e) : e;
   for (; de(a) && !et(a); ) {
     const r = le(a), s = gt(a);
-    !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || De(a) && !s && so(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Ae(a);
+    !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Re(a) && !s && so(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Be(a);
   }
   return t.set(e, o), o;
 }
@@ -4056,9 +4061,9 @@ function xa(e) {
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? Aa(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((d, p) => {
-    const u = It(t, p, n);
-    return d.top = Ie(u.top, d.top), d.right = it(u.right, d.right), d.bottom = it(u.bottom, d.bottom), d.left = Ie(u.left, d.left), d;
+  const a = [...l === "clippingAncestors" ? Ba(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
+    const d = It(t, p, n);
+    return u.top = Ie(d.top, u.top), u.right = it(d.right, u.right), u.bottom = it(d.bottom, u.bottom), u.left = Ie(d.left, u.left), u;
   }, It(t, r, n));
   return {
     width: s.right - s.left,
@@ -4071,16 +4076,16 @@ function Ea(e) {
   return ao(e);
 }
 function za(e, t, l) {
-  const o = ie(t), n = ce(t), i = l === "fixed", a = Se(e, !0, i, t);
+  const o = ie(t), n = ce(t), i = l === "fixed", a = Ce(e, !0, i, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const s = he(0);
   if (o || !o && !i)
-    if ((ge(t) !== "body" || De(n)) && (r = tt(t)), o) {
-      const d = Se(t, !0, i, t);
-      s.x = d.x + t.clientLeft, s.y = d.y + t.clientTop;
+    if ((ge(t) !== "body" || Re(n)) && (r = tt(t)), o) {
+      const u = Ce(t, !0, i, t);
+      s.x = u.x + t.clientLeft, s.y = u.y + t.clientTop;
     } else n && (s.x = io(n));
   return {
     x: a.left + r.scrollLeft - s.x,
@@ -4089,16 +4094,16 @@ function za(e, t, l) {
     height: a.height
   };
 }
-function Bt(e, t) {
+function At(e, t) {
   return !ie(e) || le(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function uo(e, t) {
   const l = oe(e);
   if (!ie(e))
     return l;
-  let o = Bt(e, t);
+  let o = At(e, t);
   for (; o && ka(o) && le(o).position === "static"; )
-    o = Bt(o, t);
+    o = At(o, t);
   return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !gt(o)) ? l : o || $a(e) || l;
 }
 const Ja = async function(e) {
@@ -4128,7 +4133,7 @@ const Ma = {
   getElementRects: Ja,
   getClientRects: Ta,
   getDimensions: Ea,
-  getScale: Be,
+  getScale: Ae,
   isElement: de,
   isRTL: Pa
 };
@@ -4141,20 +4146,20 @@ function Oa(e, t) {
   function a(r, s) {
     r === void 0 && (r = !1), s === void 0 && (s = 1), i();
     const {
-      left: d,
+      left: u,
       top: p,
-      width: u,
+      width: d,
       height: f
     } = e.getBoundingClientRect();
-    if (r || t(), !u || !f)
+    if (r || t(), !d || !f)
       return;
-    const m = Ne(p), y = Ne(n.clientWidth - (d + u)), g = Ne(n.clientHeight - (p + f)), b = Ne(d), $ = {
+    const m = qe(p), y = qe(n.clientWidth - (u + d)), g = qe(n.clientHeight - (p + f)), b = qe(u), $ = {
       rootMargin: -m + "px " + -y + "px " + -g + "px " + -b + "px",
       threshold: Ie(0, it(1, s)) || 1
     };
     let k = !0;
-    function E(B) {
-      const O = B[0].intersectionRatio;
+    function E(A) {
+      const O = A[0].intersectionRatio;
       if (O !== s) {
         if (!k)
           return a();
@@ -4185,30 +4190,30 @@ function Fa(e, t, l, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, d = _t(e), p = n || i ? [...d ? Pe(d) : [], ...Pe(t)] : [];
+  } = o, u = _t(e), p = n || i ? [...u ? Pe(u) : [], ...Pe(t)] : [];
   p.forEach((C) => {
     n && C.addEventListener("scroll", l, {
       passive: !0
     }), i && C.addEventListener("resize", l);
   });
-  const u = d && r ? Oa(d, l) : null;
+  const d = u && r ? Oa(u, l) : null;
   let f = -1, m = null;
   a && (m = new ResizeObserver((C) => {
     let [$] = C;
-    $ && $.target === d && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    $ && $.target === u && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       m && m.observe(t);
     })), l();
-  }), d && !s && m.observe(d), m.observe(t));
-  let y, g = s ? Se(e) : null;
+  }), u && !s && m.observe(u), m.observe(t));
+  let y, g = s ? Ce(e) : null;
   s && b();
   function b() {
-    const C = Se(e);
+    const C = Ce(e);
     g && (C.x !== g.x || C.y !== g.y || C.width !== g.width || C.height !== g.height) && l(), g = C, y = requestAnimationFrame(b);
   }
   return l(), () => {
     p.forEach((C) => {
       n && C.removeEventListener("scroll", l), i && C.removeEventListener("resize", l);
-    }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
+    }), d && d(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
 const Da = (e, t, l) => {
@@ -4233,7 +4238,7 @@ function co(e) {
     name: "arrow",
     options: e,
     fn(t) {
-      const l = st(R(e.element));
+      const l = st(D(e.element));
       return l == null ? {} : wa({
         element: l,
         padding: e.padding
@@ -4244,7 +4249,7 @@ function co(e) {
 function fo(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function At(e, t) {
+function Bt(e, t) {
   const l = fo(e);
   return Math.round(t * l) / l;
 }
@@ -4252,17 +4257,17 @@ function po(e, t, l) {
   l === void 0 && (l = {});
   const o = l.whileElementsMounted, n = T(() => {
     var V;
-    return (V = R(l.open)) != null ? V : !0;
-  }), i = T(() => R(l.middleware)), a = T(() => {
+    return (V = D(l.open)) != null ? V : !0;
+  }), i = T(() => D(l.middleware)), a = T(() => {
     var V;
-    return (V = R(l.placement)) != null ? V : "bottom";
+    return (V = D(l.placement)) != null ? V : "bottom";
   }), r = T(() => {
     var V;
-    return (V = R(l.strategy)) != null ? V : "absolute";
+    return (V = D(l.strategy)) != null ? V : "absolute";
   }), s = T(() => {
     var V;
-    return (V = R(l.transform)) != null ? V : !0;
-  }), d = T(() => st(e.value)), p = T(() => st(t.value)), u = S(0), f = S(0), m = S(r.value), y = S(a.value), g = Mt({}), b = S(!1), C = T(() => {
+    return (V = D(l.transform)) != null ? V : !0;
+  }), u = T(() => st(e.value)), p = T(() => st(t.value)), d = S(0), f = S(0), m = S(r.value), y = S(a.value), g = Mt({}), b = S(!1), C = T(() => {
     const V = {
       position: m.value,
       left: "0",
@@ -4270,7 +4275,7 @@ function po(e, t, l) {
     };
     if (!p.value)
       return V;
-    const M = At(p.value, u.value), j = At(p.value, f.value);
+    const M = Bt(p.value, d.value), j = Bt(p.value, f.value);
     return s.value ? {
       ...V,
       transform: "translate(" + M + "px, " + j + "px)",
@@ -4285,24 +4290,24 @@ function po(e, t, l) {
   });
   let $;
   function k() {
-    d.value == null || p.value == null || Da(d.value, p.value, {
+    u.value == null || p.value == null || Da(u.value, p.value, {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
     }).then((V) => {
-      u.value = V.x, f.value = V.y, m.value = V.strategy, y.value = V.placement, g.value = V.middlewareData, b.value = !0;
+      d.value = V.x, f.value = V.y, m.value = V.strategy, y.value = V.placement, g.value = V.middlewareData, b.value = !0;
     });
   }
   function E() {
     typeof $ == "function" && ($(), $ = void 0);
   }
-  function B() {
+  function A() {
     if (E(), o === void 0) {
       k();
       return;
     }
-    if (d.value != null && p.value != null) {
-      $ = o(d.value, p.value, k);
+    if (u.value != null && p.value != null) {
+      $ = o(u.value, p.value, k);
       return;
     }
   }
@@ -4311,12 +4316,12 @@ function po(e, t, l) {
   }
   return G([i, a, r], k, {
     flush: "sync"
-  }), G([d, p], B, {
+  }), G([u, p], A, {
     flush: "sync"
   }), G(n, O, {
     flush: "sync"
   }), Jt() && Pt(E), {
-    x: Te(u),
+    x: Te(d),
     y: Te(f),
     strategy: Te(m),
     placement: Te(y),
@@ -4326,7 +4331,7 @@ function po(e, t, l) {
     update: k
   };
 }
-const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
+const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -4372,7 +4377,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = S(!1), i = S(null), a = S(null), r = S(null), s = S(), d = S(
+    const l = Y(), o = e, n = S(!1), i = S(null), a = S(null), r = S(null), s = S(), u = S(
       po(i, r, {
         placement: o.placement,
         transform: !1,
@@ -4391,7 +4396,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       () => o.enableClickInContent ? {
         ignore: [a]
       } : {}
-    ), u = T(() => l["tooltip-content"] || o.text);
+    ), d = T(() => l["tooltip-content"] || o.text);
     function f(C) {
       C.preventDefault(), C.stopPropagation(), !n.value && o.event !== "click" && g();
     }
@@ -4403,12 +4408,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }
     function g(C = !0) {
       var $;
-      ($ = d.value) == null || $.update(), setTimeout(() => {
+      ($ = u.value) == null || $.update(), setTimeout(() => {
         n.value = C;
       }, o.delay);
     }
     const b = T(() => {
-      const { middlewareData: C, placement: $ } = d.value, k = C.arrow, E = {
+      const { middlewareData: C, placement: $ } = u.value, k = C.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -4429,7 +4434,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }), t({
       tooltipVisible: n,
       tooltip: r
-    }), (C, $) => (c(), L(R(pt), {
+    }), (C, $) => (c(), L(D(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: p.value,
@@ -4446,11 +4451,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             onClick: y,
             onMouseenter: f,
             onMouseleave: m,
-            onKeydown: $[0] || ($[0] = Oe((E) => g(!1), ["tab"]))
+            onKeydown: $[0] || ($[0] = Fe((E) => g(!1), ["tab"]))
           }, [
             _(C.$slots, "default", {}, void 0, !0),
             (c(), L(xe, { to: "body" }, [
-              n.value && u.value ? (c(), v("div", {
+              n.value && d.value ? (c(), v("div", {
                 key: 0,
                 id: e.id,
                 ref_key: "tooltip",
@@ -4462,7 +4467,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
                     "joy-tooltip__content--hiding": !n.value
                   }
                 ]),
-                style: ee({ ...(k = d.value) == null ? void 0 : k.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ee({ ...(k = u.value) == null ? void 0 : k.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 h("div", {
                   ref_key: "tooltipArrow",
@@ -4476,7 +4481,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
                   class: "joy-tooltip__content__inner"
                 }, [
                   _(C.$slots, "tooltip-content", {}, () => [
-                    D(J(e.text), 1)
+                    R(J(e.text), 1)
                   ], !0)
                 ], 512)
               ], 14, Na)) : w("", !0)
@@ -4496,7 +4501,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
 }, Ka = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Za = /* @__PURE__ */ A({
+}, Za = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -4525,7 +4530,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         }, t.$attrs), {
           default: z(() => [
             _(t.$slots, "default", {}, () => [
-              D(J(e.text), 1)
+              R(J(e.text), 1)
             ], !0),
             e.required ? (c(), v("span", Ga, "*")) : w("", !0),
             e.optionalLabel ? (c(), v("span", Ya, "- " + J(e.optionalLabel), 1)) : w("", !0)
@@ -4553,7 +4558,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       ])) : w("", !0)
     ]));
   }
-}), ze = /* @__PURE__ */ x(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ A({
+}), ze = /* @__PURE__ */ x(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4579,9 +4584,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = S(), r = S(), s = be(), d = Y(), p = S(!1), u = S(!1);
+    const o = l, n = e, i = be("VJoyWrapperContext", {}), a = S(), r = S(), s = _e(), u = Y(), p = S(!1), d = S(!1);
     Yt(a, n.autofocus);
-    const f = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = T(() => d.default && d.default()), y = T(() => Object.keys(i).length > 0), g = S(n.type), b = T(() => n.type === "password" && !!n.modelValue);
+    const f = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = T(() => u.default && u.default()), y = T(() => Object.keys(i).length > 0), g = S(n.type), b = T(() => n.type === "password" && !!n.modelValue);
     To(() => {
       g.value = n.unit ? "number" : n.type;
     });
@@ -4611,7 +4616,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         n.disabled || o("update:modelValue", "");
       },
       togglePassword: (k) => {
-        k.preventDefault(), u.value = !u.value, u.value ? g.value = "text" : g.value = "password";
+        k.preventDefault(), d.value = !d.value, d.value ? g.value = "text" : g.value = "password";
       }
     };
     return t({
@@ -4629,7 +4634,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             "joy-input--disabled": k.disabled,
             "joy-input--invalid": k.invalid,
             "joy-input--readonly": k.readonly,
-            "joy-input--valid": !k.invalid && !R(s).disabled
+            "joy-input--valid": !k.invalid && !D(s).disabled
           }
         ])
       }, [
@@ -4642,7 +4647,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         }, {
           default: z(() => [
             _(k.$slots, "default", {}, () => [
-              D(J(k.label), 1)
+              R(J(k.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4676,15 +4681,15 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             type: g.value,
             value: k.modelValue,
             onFocus: E[0] || (E[0] = //@ts-ignore
-            (...B) => $.onFocus && $.onFocus(...B)),
+            (...A) => $.onFocus && $.onFocus(...A)),
             onBlur: E[1] || (E[1] = //@ts-ignore
-            (...B) => $.onBlur && $.onBlur(...B)),
+            (...A) => $.onBlur && $.onBlur(...A)),
             onInput: E[2] || (E[2] = //@ts-ignore
-            (...B) => $.onInput && $.onInput(...B)),
+            (...A) => $.onInput && $.onInput(...A)),
             onChange: E[3] || (E[3] = //@ts-ignore
-            (...B) => $.onChange && $.onChange(...B)),
+            (...A) => $.onChange && $.onChange(...A)),
             onWheel: E[4] || (E[4] = //@ts-ignore
-            (...B) => $.onWheelScroll && $.onWheelScroll(...B))
+            (...A) => $.onWheelScroll && $.onWheelScroll(...A))
           }), null, 16, Xa),
           f.value ? (c(), L(ne, {
             key: 0,
@@ -4699,7 +4704,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           b.value ? (c(), L(q, {
             key: 1,
             class: "joy-input--password-icon",
-            name: u.value ? "eye-masked" : "eye",
+            name: d.value ? "eye-masked" : "eye",
             onClick: $.togglePassword
           }, null, 8, ["name", "onClick"])) : w("", !0),
           k.icon ? (c(), L(q, {
@@ -4716,7 +4721,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       ], 2)
     ], 2));
   }
-}), cu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-7ae40801"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ A({
+}), cu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-7ae40801"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4744,14 +4749,14 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         }, null, 8, ["name"])) : w("", !0),
         h("span", tr, [
           _(t.$slots, "default", {}, () => [
-            D(J(e.text), 1)
+            R(J(e.text), 1)
           ], !0)
         ])
       ]),
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), fu = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ A({
+}), fu = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4787,7 +4792,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       })
     ]));
   }
-}), pu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ A({
+}), pu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4811,30 +4816,30 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     const o = l, n = S();
     S(0);
     const i = S();
-    function a(u) {
-      u.disabled || o("selectItem", u);
+    function a(d) {
+      d.disabled || o("selectItem", d);
     }
     function r() {
-      var u;
-      return Array.from(((u = n.value) == null ? void 0 : u.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
+      var d;
+      return Array.from(((d = n.value) == null ? void 0 : d.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
     }
-    function s(u) {
-      return u.id || Ze();
+    function s(d) {
+      return d.id || Ze();
     }
-    function d() {
-      return r().find((u) => u === document.activeElement);
+    function u() {
+      return r().find((d) => d === document.activeElement);
     }
-    function p(u) {
-      if (d() && u.key === " " && u.preventDefault(), u.key === "Tab" && (i.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
-        u.preventDefault();
-        const f = r(), m = d();
+    function p(d) {
+      if (u() && d.key === " " && d.preventDefault(), d.key === "Tab" && (i.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
+        d.preventDefault();
+        const f = r(), m = u();
         let y = f.indexOf(m);
-        if (u.key === "ArrowDown" ? y++ : u.key === "ArrowUp" ? y-- : u.key === "Home" ? y = 0 : u.key === "End" && (y = f.length - 1), y < 0 && (y = 0), y > f.length - 1)
+        if (d.key === "ArrowDown" ? y++ : d.key === "ArrowUp" ? y-- : d.key === "Home" ? y = 0 : d.key === "End" && (y = f.length - 1), y < 0 && (y = 0), y > f.length - 1)
           return;
         i.value = f[y].id, f[y].focus();
       }
-      if (u.key === "Enter") {
-        const f = d();
+      if (d.key === "Enter") {
+        const f = u();
         if (!f)
           return;
         const m = f.querySelector("a");
@@ -4845,8 +4850,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       activeMenuItemId: i,
       getItems: r,
       getItemId: s,
-      getFocusedItem: d
-    }), (u, f) => {
+      getFocusedItem: u
+    }), (d, f) => {
       const m = ut("bind-once");
       return c(), v("ul", {
         ref_key: "menu",
@@ -4857,8 +4862,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         role: "menu",
         onKeydown: p
       }, [
-        _(u.$slots, "default", {}, void 0, !0),
-        (c(!0), v(H, null, U(e.items, (y) => Ye((c(), v("li", {
+        _(d.$slots, "default", {}, void 0, !0),
+        (c(!0), v(H, null, U(e.items, (y) => Ke((c(), v("li", {
           key: y.label,
           class: I([
             "joy-menu-list__item",
@@ -4877,7 +4882,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           onClick: (g) => a(y)
         }, [
           h("div", ur, [
-            _(u.$slots, "menu-item", W({ ref_for: !0 }, y), () => [
+            _(d.$slots, "menu-item", W({ ref_for: !0 }, y), () => [
               y.icon ? (c(), L(q, {
                 key: 0,
                 name: y.icon
@@ -4891,7 +4896,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       ], 40, ir);
     };
   }
-}), yu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ A({
+}), yu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4907,13 +4912,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = be(), i = e, a = T(() => i.type !== "a" && i.type !== "button" ? i.linkProps : { ...n, href: i.href });
+    const o = l, n = _e(), i = e, a = T(() => i.type !== "a" && i.type !== "button" ? i.linkProps : { ...n, href: i.href });
     function r() {
       i.disabled || o("click");
     }
     return t({
       getProps: a
-    }), (s, d) => (c(), v("li", {
+    }), (s, u) => (c(), v("li", {
       class: I(["joy-menu-item"]),
       "aria-disabled": s.disabled,
       "aria-current": s.current,
@@ -4952,7 +4957,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   }
 }), mu = /* @__PURE__ */ x(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
   class: /* @__PURE__ */ I(["joy-multi-checkbox"])
-}, vr = /* @__PURE__ */ A({
+}, vr = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -4986,7 +4991,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         size: a.labelSize
       }, {
         default: z(() => [
-          D(J(a.label), 1)
+          R(J(a.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -4997,11 +5002,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           name: s.name,
           value: s.value,
           checked: n(s),
-          "onUpdate:checked": (d) => i(s.value, d)
+          "onUpdate:checked": (u) => i(s.value, u)
         }, {
           default: z(() => [
             _(a.$slots, "checkbox", W({ ref_for: !0 }, s), () => [
-              D(J(s.label), 1)
+              R(J(s.label), 1)
             ], !0)
           ]),
           _: 2
@@ -5009,7 +5014,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       ])
     ], 8, yr));
   }
-}), vu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ A({
+}), vu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5040,7 +5045,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ A({
+}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5074,22 +5079,22 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     const l = e, o = t, n = T(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), i = T(() => a.value[0] !== a.value[1] - 1), a = T(() => l.totalPages === 1 ? [1] : l.totalPages < _r ? s(2, l.totalPages - 1) : d(l.currentPage));
-    function r(p, u) {
-      l.currentPage === 1 && u === "prev" || l.currentPage === l.totalPages && u === "next" || o("update:current-page", p);
+    }), i = T(() => a.value[0] !== a.value[1] - 1), a = T(() => l.totalPages === 1 ? [1] : l.totalPages < _r ? s(2, l.totalPages - 1) : u(l.currentPage));
+    function r(p, d) {
+      l.currentPage === 1 && d === "prev" || l.currentPage === l.totalPages && d === "next" || o("update:current-page", p);
     }
-    function s(p, u) {
+    function s(p, d) {
       const f = [];
       f.push(1);
-      for (let m = p; m <= u; m++)
+      for (let m = p; m <= d; m++)
         f.push(m);
       return f.push(l.totalPages), f;
     }
-    function d(p) {
-      let u = p - 2, f = p + 1;
-      return u <= 1 && (u = 2, f = 5), f >= l.totalPages && (f = l.totalPages - 1, u = f - 3), s(u, f);
+    function u(p) {
+      let d = p - 2, f = p + 1;
+      return d <= 1 && (d = 2, f = 5), f >= l.totalPages && (f = l.totalPages - 1, d = f - 3), s(d, f);
     }
-    return (p, u) => (c(), v("nav", {
+    return (p, d) => (c(), v("nav", {
       role: "navigation",
       "aria-label": e.labelPagination,
       class: "joy-pagination",
@@ -5098,7 +5103,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       h("ul", null, [
         h("li", {
           class: "joy-pagination__item joy-pagination__previous",
-          onClick: u[0] || (u[0] = (f) => r(e.currentPage - 1, "prev"))
+          onClick: d[0] || (d[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
           _(p.$slots, "pagination-prev", {}, () => [
             N(xt, {
@@ -5131,7 +5136,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         ]),
         h("li", {
           class: "joy-pagination__next",
-          onClick: u[1] || (u[1] = (f) => r(e.currentPage + 1, "next"))
+          onClick: d[1] || (d[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
           _(p.$slots, "pagination-next", {}, () => [
             N(xt, {
@@ -5147,7 +5152,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
 }), hu = /* @__PURE__ */ x(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, $r = /* @__PURE__ */ A({
+}, $r = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5192,7 +5197,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
 }, Lr = { class: "joy-panel__body" }, Ir = {
   key: 1,
   class: "joy-panel__footer"
-}, Br = /* @__PURE__ */ A({
+}, Ar = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5224,7 +5229,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = S(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
+    const t = be("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = S(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
     return (a, r) => (c(), v("section", {
       ref_key: "panel",
       ref: n,
@@ -5274,21 +5279,21 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       }, 8, ["color"])) : w("", !0)
     ], 6));
   }
-}), gu = /* @__PURE__ */ x(Br, [["__scopeId", "data-v-b4158802"]]), Ar = { class: "joy-panel-section" }, xr = {
+}), gu = /* @__PURE__ */ x(Ar, [["__scopeId", "data-v-b4158802"]]), Br = { class: "joy-panel-section" }, xr = {
   key: 0,
   class: "joy-panel-section__title"
 }, Er = {
   key: 1,
   class: "joy-panel-section__content"
-}, zr = /* @__PURE__ */ A({
+}, zr = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
-    return (l, o) => (c(), v("div", Ar, [
-      R(t)["panel-section-title"] ? (c(), v("div", xr, [
+    return (l, o) => (c(), v("div", Br, [
+      D(t)["panel-section-title"] ? (c(), v("div", xr, [
         _(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      R(t)["panel-section-content"] ? (c(), v("div", Er, [
+      D(t)["panel-section-content"] ? (c(), v("div", Er, [
         _(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
@@ -5312,7 +5317,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }, mo = Fr(), Dr = { class: "joy-product-tour__content" }, Rr = { class: "joy-product-tour__header" }, Nr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, qr = { class: "joy-product-tour__footer___steps" }, Hr = "joy-product-tour-spotlight__wrapper", Wr = /* @__PURE__ */ A({
+}, qr = { class: "joy-product-tour__footer___steps" }, Hr = "joy-product-tour-spotlight__wrapper", Wr = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5328,7 +5333,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: i } = mo, a = S(null), r = S(null), s = S(null), d = S(null), p = S(null), u = S(n.open), f = S(), m = S(
+    const o = l, n = e, { clearProductTourRef: i } = mo, a = S(null), r = S(null), s = S(null), u = S(null), p = S(null), d = S(n.open), f = S(), m = S(
       po(s, a, {
         placement: n.position,
         whileElementsMounted(...V) {
@@ -5366,10 +5371,10 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), C({
         elementToHighlight: s.value,
         disableOverlay: n.disableOverlay
-      }), (V = m.value) == null || V.update(), u.value = !0);
+      }), (V = m.value) == null || V.update(), d.value = !0);
     }
     function b() {
-      u.value = !1, i(), O(), o("product-tour:hide");
+      d.value = !1, i(), O(), o("product-tour:hide");
     }
     function C(V) {
       s.value && (V.disableOverlay || $(), k(V.elementToHighlight));
@@ -5378,7 +5383,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", b, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function k(V) {
-      V && (V.style.position = "relative", V.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = N(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(d.value, p.value), E());
+      V && (V.style.position = "relative", V.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = N(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(u.value, p.value), E());
     }
     function E() {
       if (!p.value)
@@ -5386,24 +5391,24 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       const { left: V, top: M, height: j, width: P } = s.value.getBoundingClientRect();
       p.value.style.left = `calc(${window.scrollX + V - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + M - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${j}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
     }
-    function B() {
+    function A() {
       r.value && r.value.remove();
     }
     function O() {
-      B(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
+      A(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
     }
     return G(m.value, () => {
       var V;
-      d.value && ((V = a.value) != null && V.isConnected ? E() : b());
+      u.value && ((V = a.value) != null && V.isConnected ? E() : b());
     }), zt(() => {
       O();
     }), t({
       hide: b,
       show: g,
-      isOpen: u
+      isOpen: d
     }), (V, M) => {
       var j;
-      return Ye((c(), v("div", {
+      return Ke((c(), v("div", {
         ref_key: "productTour",
         ref: a,
         class: "joy-product-tour__wrapper",
@@ -5421,7 +5426,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
             "joy-product-tour",
             `joy-product-tour--${V.position}`,
             {
-              "joy-product-tour--open": u.value
+              "joy-product-tour--open": d.value
             }
           ])
         }, [
@@ -5466,18 +5471,18 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
             ]),
             h("span", qr, [
               V.steps > 1 ? (c(), v(H, { key: 0 }, [
-                D(J(V.step) + "/" + J(V.steps), 1)
+                R(J(V.step) + "/" + J(V.steps), 1)
               ], 64)) : w("", !0)
             ]),
             _(V.$slots, "product-tour-next", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ], 4)), [
-        [Lo, u.value]
+        [Lo, d.value]
       ]);
     };
   }
-}), Ur = /* @__PURE__ */ x(Wr, [["__scopeId", "data-v-3f8b3a2a"]]), _u = /* @__PURE__ */ A({
+}), Ur = /* @__PURE__ */ x(Wr, [["__scopeId", "data-v-3f8b3a2a"]]), _u = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5494,11 +5499,11 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = S(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = S(), d = be(), p = T(() => {
+    const o = S(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = S(), u = _e(), p = T(() => {
       if (o.value)
-        return d;
+        return u;
     });
-    function u() {
+    function d() {
       a(s.value);
     }
     function f() {
@@ -5511,7 +5516,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     return te(() => {
       o.value = !0, n.open && a(s.value);
     }), t({
-      show: u,
+      show: d,
       hide: m
     }), (y, g) => (c(), L(xe, { to: "body" }, [
       N(Ur, W({ ...n, ...p.value }, {
@@ -5541,7 +5546,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), wu = /* @__PURE__ */ A({
+}), wu = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5553,7 +5558,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       var s;
       o("click"), n.value && ((s = n.value) == null || s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
+    return (s, u) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -5561,7 +5566,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }), Gr = { class: "joy-progress-bar-wrapper" }, Yr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Kr = /* @__PURE__ */ A({
+}, Kr = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5619,7 +5624,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       _: 1
     }, 8, ["class"]));
   }
-}), ju = /* @__PURE__ */ x(Kr, [["__scopeId", "data-v-1216eff6"]]), Zr = ["id", "value", "checked", "disabled", "required", "name"], Xr = { class: "joy-radio-label" }, Qr = { class: "joy-radio-header-right" }, ei = { class: "joy-radio-sublabel" }, ti = { class: "joy-radio-content__wrapper" }, oi = { class: "joy-radio-content" }, ni = /* @__PURE__ */ A({
+}), ju = /* @__PURE__ */ x(Kr, [["__scopeId", "data-v-1216eff6"]]), Zr = ["id", "value", "checked", "disabled", "required", "name"], Xr = { class: "joy-radio-label" }, Qr = { class: "joy-radio-header-right" }, ei = { class: "joy-radio-sublabel" }, ti = { class: "joy-radio-content__wrapper" }, oi = { class: "joy-radio-content" }, ni = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5651,15 +5656,15 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(!1), a = S(!1), r = S(null), s = S(null), d = Y(), p = T(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
-    function u() {
-      i.value = !!d["expandable-content"] && p.value;
+    const o = l, n = e, i = S(!1), a = S(!1), r = S(null), s = S(null), u = Y(), p = T(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
+    function d() {
+      i.value = !!u["expandable-content"] && p.value;
     }
     function f() {
-      o("update:modelValue", n.value), u();
+      o("update:modelValue", n.value), d();
     }
     te(() => {
-      n.theme === "outline" && u();
+      n.theme === "outline" && d();
     });
     function m() {
       a.value = !0;
@@ -5670,7 +5675,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     return G(
       () => n.modelValue,
       () => {
-        u();
+        d();
       }
     ), t({
       checked: p,
@@ -5725,7 +5730,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 2));
   }
-}), ku = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-c5b11e4c"]]), li = ["form", "name"], ai = /* @__PURE__ */ A({
+}), ku = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-c5b11e4c"]]), li = ["form", "name"], ai = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5748,7 +5753,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 8, li));
   }
-}), $u = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-ac4dd24e"]]), ri = ["aria-label"], ii = { class: "joy-rating-stars" }, si = { class: "joy-rating-stars__content" }, ui = { key: 0 }, di = /* @__PURE__ */ A({
+}), $u = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-ac4dd24e"]]), ri = ["aria-label"], ii = { class: "joy-rating-stars" }, si = { class: "joy-rating-stars__content" }, ui = { key: 0 }, di = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5767,7 +5772,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = T(() => {
+    const l = e, o = _e(), n = T(() => {
       let i = [], a = 0.24, r = 0.75;
       for (let s = 0; s < 5; s++)
         l.ratingValue > a ? i.push(l.ratingValue < r ? "half" : "full") : i.push("empty"), a += 1, r += 1;
@@ -5778,7 +5783,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }), (i, a) => (c(), v("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      "aria-label": R(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      "aria-label": D(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       h("ul", ii, [
         (c(!0), v(H, null, U(n.value, (r, s) => (c(), v("li", {
@@ -5810,7 +5815,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 8, ri));
   }
-}), ci = /* @__PURE__ */ x(di, [["__scopeId", "data-v-df20c585"]]), fi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], pi = ["selected"], yi = /* @__PURE__ */ A({
+}), ci = /* @__PURE__ */ x(di, [["__scopeId", "data-v-df20c585"]]), fi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], pi = ["selected"], yi = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5876,7 +5881,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     function r(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const s = S(), d = S(), p = S(!1), u = T(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const s = S(), u = S(), p = S(!1), d = T(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     te(() => {
       var C;
       const g = i["select-label"] && i["select-label"]();
@@ -5903,7 +5908,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       p.value = !1;
     }
     return t({
-      select: d
+      select: u
     }), (g, b) => (c(), v("div", {
       ref_key: "root",
       ref: s
@@ -5914,10 +5919,10 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
-          size: u.value
+          size: d.value
         }, {
           default: z(() => [
-            D(J(e.label), 1)
+            R(J(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
@@ -5936,7 +5941,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         h("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: d,
+          ref: u,
           "data-joy-form-field": "",
           class: "joy-select",
           name: e.name,
@@ -5965,7 +5970,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 512));
   }
-}), Su = /* @__PURE__ */ x(yi, [["__scopeId", "data-v-a56560eb"]]), mi = ["aria-disabled"], vi = ["id", "value", "checked", "disabled", "required", "name"], hi = { class: "joy-selectable-item__label" }, gi = /* @__PURE__ */ A({
+}), Su = /* @__PURE__ */ x(yi, [["__scopeId", "data-v-a56560eb"]]), mi = ["aria-disabled"], vi = ["id", "value", "checked", "disabled", "required", "name"], hi = { class: "joy-selectable-item__label" }, gi = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5982,15 +5987,15 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = Me() + "--JoySelectableItem", n = e, i = S(), a = S(!1), r = n.multiple ? "div" : "label", s = T(() => n.id || o), d = {
+    const l = t, o = Oe() + "--JoySelectableItem", n = e, i = S(), a = S(!1), r = n.multiple ? "div" : "label", s = T(() => n.id || o), u = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
       onClick: () => {
         n.checked && !n.multiple && l("update:checked", "");
       },
-      onLabelClick: (u) => {
-        n.multiple || u.stopPropagation();
+      onLabelClick: (d) => {
+        n.multiple || d.stopPropagation();
       },
       onFocus: () => {
         a.value = !0;
@@ -5999,81 +6004,81 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         a.value = !1;
       }
     };
-    function p(u) {
-      l("update:checked", u);
+    function p(d) {
+      l("update:checked", d);
     }
-    return (u, f) => (c(), v("div", {
+    return (d, f) => (c(), v("div", {
       class: I([
         "joy-selectable-item__wrapper",
         {
           "joy-selectable-item--focusing": a.value
         }
       ]),
-      "aria-disabled": u.disabled,
+      "aria-disabled": d.disabled,
       onClick: f[5] || (f[5] = //@ts-ignore
-      (...m) => d.onClick && d.onClick(...m))
+      (...m) => u.onClick && u.onClick(...m))
     }, [
-      u.multiple ? w("", !0) : (c(), v("input", {
+      d.multiple ? w("", !0) : (c(), v("input", {
         key: 0,
         id: s.value,
         ref_key: "inputRadio",
         ref: i,
         "data-joy-form-field": "",
         type: "radio",
-        value: u.value,
-        checked: u.checked,
-        disabled: u.disabled,
-        required: u.required,
-        name: u.name,
+        value: d.value,
+        checked: d.checked,
+        disabled: d.disabled,
+        required: d.required,
+        name: d.name,
         onChange: f[0] || (f[0] = //@ts-ignore
-        (...m) => d.onRadioChange && d.onRadioChange(...m)),
+        (...m) => u.onRadioChange && u.onRadioChange(...m)),
         onFocus: f[1] || (f[1] = //@ts-ignore
-        (...m) => d.onFocus && d.onFocus(...m)),
+        (...m) => u.onFocus && u.onFocus(...m)),
         onBlur: f[2] || (f[2] = //@ts-ignore
-        (...m) => d.onBlur && d.onBlur(...m))
+        (...m) => u.onBlur && u.onBlur(...m))
       }, null, 40, vi)),
-      (c(), L(Z(R(r)), {
+      (c(), L(Z(D(r)), {
         for: s.value,
         class: I([
           "joy-selectable-item",
           {
-            "joy-selectable-item--disabled": u.disabled,
-            "joy-selectable-item--checked": u.checked,
-            "joy-selectable-item--multiple": u.multiple,
-            "joy-selectable-item--single": !u.multiple,
-            "joy-selectable-item--invalid": u.invalid
+            "joy-selectable-item--disabled": d.disabled,
+            "joy-selectable-item--checked": d.checked,
+            "joy-selectable-item--multiple": d.multiple,
+            "joy-selectable-item--single": !d.multiple,
+            "joy-selectable-item--invalid": d.invalid
           }
         ]),
-        onClick: d.onLabelClick
+        onClick: u.onLabelClick
       }, {
         default: z(() => [
-          u.multiple ? (c(), L(Gt, {
+          d.multiple ? (c(), L(Gt, {
             key: 0,
             id: s.value,
-            checked: u.checked,
-            disabled: u.disabled,
-            value: u.value,
-            name: u.name,
+            checked: d.checked,
+            disabled: d.disabled,
+            value: d.value,
+            name: d.name,
             "display-focus": !1,
-            required: u.required,
-            invalid: u.invalid,
-            onFocus: f[3] || (f[3] = () => d.onFocus()),
-            onBlur: f[4] || (f[4] = () => d.onBlur()),
+            required: d.required,
+            invalid: d.invalid,
+            onFocus: f[3] || (f[3] = () => u.onFocus()),
+            onBlur: f[4] || (f[4] = () => u.onBlur()),
             "onUpdate:checked": p
           }, {
             default: z(() => [
-              _(u.$slots, "default", {}, void 0, !0)
+              _(d.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : w("", !0),
           h("div", hi, [
-            u.multiple ? w("", !0) : _(u.$slots, "default", { key: 0 }, void 0, !0)
+            d.multiple ? w("", !0) : _(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
-            class: I([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
+            class: I([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
-            _(u.$slots, "selectable-item-sublabel", {}, () => [
-              D(J(u.subLabel), 1)
+            _(d.$slots, "selectable-item-sublabel", {}, () => [
+              R(J(d.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6081,7 +6086,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, 8, ["for", "class", "onClick"]))
     ], 10, mi));
   }
-}), bi = /* @__PURE__ */ x(gi, [["__scopeId", "data-v-1bc198e0"]]), _i = ["id"], wi = /* @__PURE__ */ A({
+}), bi = /* @__PURE__ */ x(gi, [["__scopeId", "data-v-1bc198e0"]]), _i = ["id"], wi = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6108,8 +6113,8 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     function i(r, s) {
       if (!o.multiple)
         return l("update:value", s);
-      let d = [...o.value || []];
-      s && typeof s == "boolean" ? d.push(r) : d.splice(d.indexOf(r), 1), l("update:value", d);
+      let u = [...o.value || []];
+      s && typeof s == "boolean" ? u.push(r) : u.splice(u.indexOf(r), 1), l("update:value", u);
     }
     function a(r) {
       return o.valueKey && Object.prototype.hasOwnProperty.call(r, o.valueKey) ? r[o.valueKey] : r.value;
@@ -6126,7 +6131,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         size: r.labelSize
       }, {
         default: z(() => [
-          D(J(r.label), 1)
+          R(J(r.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -6141,28 +6146,28 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           }
         ])
       }, [
-        (c(!0), v(H, null, U(r.options, (d) => (c(), L(bi, W({ ref_for: !0 }, d.attrs, {
-          id: d.id,
-          key: d.id,
-          name: d.name,
-          disabled: d.disabled,
-          value: a(d),
+        (c(!0), v(H, null, U(r.options, (u) => (c(), L(bi, W({ ref_for: !0 }, u.attrs, {
+          id: u.id,
+          key: u.id,
+          name: u.name,
+          disabled: u.disabled,
+          value: a(u),
           multiple: r.multiple,
-          checked: n(d),
+          checked: n(u),
           invalid: r.invalid,
-          "onUpdate:checked": (p) => i(a(d), p)
+          "onUpdate:checked": (p) => i(a(u), p)
         }), ct({
           default: z(() => [
-            _(r.$slots, "item", W({ ref_for: !0 }, d), () => [
-              D(J(r.labelKey && d[r.labelKey] || d.label), 1)
+            _(r.$slots, "item", W({ ref_for: !0 }, u), () => [
+              R(J(r.labelKey && u[r.labelKey] || u.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
-          d.subLabel ? {
+          u.subLabel ? {
             name: "selectable-item-sublabel",
             fn: z(() => [
-              D(J(d.subLabel), 1)
+              R(J(u.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -6175,7 +6180,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 8, _i));
   }
-}), Cu = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-b1ae09f7"]]), ji = /* @__PURE__ */ A({
+}), Cu = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-b1ae09f7"]]), ji = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6197,7 +6202,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }), Vu = /* @__PURE__ */ x(ji, [["__scopeId", "data-v-21db2899"]]), ki = ["id"], $i = { class: "joy-step__stroke" }, Si = {
   key: 0,
   class: "joy-step__label"
-}, Ci = /* @__PURE__ */ A({
+}, Ci = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6232,12 +6237,12 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, i = S(0.1), a = T(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = T(() => o.currentSubStep > 0);
-    function s(d) {
-      d <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
+    function s(u) {
+      u <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
     return G(() => o.subSteps, s), t({
       progress: a
-    }), (d, p) => (c(), v("div", {
+    }), (u, p) => (c(), v("div", {
       id: e.id,
       class: I([
         "joy-step",
@@ -6257,14 +6262,14 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       N(dt, { name: "joy-step__label" }, {
         default: z(() => [
           e.showLabel ? (c(), v("span", Si, [
-            _(d.$slots, "default", {}, void 0, !0)
+            _(u.$slots, "default", {}, void 0, !0)
           ])) : w("", !0)
         ]),
         _: 3
       })
     ], 10, ki));
   }
-}), Vi = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Li = /* @__PURE__ */ A({
+}), Vi = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Li = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6279,7 +6284,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Y(), n = Ce("VJoyStepperShowLabels", !0), i = T(() => {
+    const l = e, o = Y(), n = be("VJoyStepperShowLabels", !0), i = T(() => {
       const f = o.default();
       return f.length === 1 && typeof f[0].type != "object" ? f[0].children.filter(a) : f.filter(a);
     });
@@ -6287,12 +6292,12 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       var m;
       return ((m = f.type) == null ? void 0 : m.__name) === "VJoyStep";
     }
-    const r = T(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = T(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), d = T(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), p = T(() => r.value.props === null ? r.value.type.props.subSteps.default : r.value.props["sub-steps"]);
-    function u(f) {
-      return f !== l.step - 1 ? 0 : d.value;
+    const r = T(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = T(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), u = T(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), p = T(() => r.value.props === null ? r.value.type.props.subSteps.default : r.value.props["sub-steps"]);
+    function d(f) {
+      return f !== l.step - 1 ? 0 : u.value;
     }
     return t({
-      currentItemSubStep: d,
+      currentItemSubStep: u,
       steps: i,
       invalidSubStepValue: s
     }), (f, m) => (c(), v("div", Ti, [
@@ -6301,8 +6306,8 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         return c(), L(Vi, W({ ref_for: !0 }, y.props, {
           key: (b = y.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
-          "current-sub-step": u(g),
-          "show-label": R(n)
+          "current-sub-step": d(g),
+          "show-label": D(n)
         }), {
           default: z(() => {
             var C;
@@ -6315,7 +6320,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), Tu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Bi = /* @__PURE__ */ A({
+}), Tu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Ai = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6346,7 +6351,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyTabs", S("")), o = T(() => l.value === t.tab);
+    const t = e, l = be("VJoyTabs", S("")), o = T(() => l.value === t.tab);
     return (n, i) => (c(), v("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6360,10 +6365,10 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       _(n.$slots, "default", {}, void 0, !0)
     ], 10, Ii));
   }
-}), Lu = /* @__PURE__ */ x(Bi, [["__scopeId", "data-v-60bfe6bd"]]), Ai = ["id", "href", "aria-selected", "aria-controls"], xi = {
+}), Lu = /* @__PURE__ */ x(Ai, [["__scopeId", "data-v-60bfe6bd"]]), Bi = ["id", "href", "aria-selected", "aria-controls"], xi = {
   type: "button",
   tabindex: "-1"
-}, Ei = /* @__PURE__ */ A({
+}, Ei = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6415,7 +6420,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       tabindex: "0",
       role: "tab",
       onClick: i,
-      onKeydown: s[0] || (s[0] = (d) => a(d))
+      onKeydown: s[0] || (s[0] = (u) => a(u))
     }, [
       h("div", {
         class: I({
@@ -6425,7 +6430,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, [
         h("button", xi, [
           _(r.$slots, "default", {}, () => [
-            D(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0),
           n.value ? (c(), L(un, {
             key: 0,
@@ -6435,9 +6440,9 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           }, null, 8, ["number"])) : w("", !0)
         ])
       ], 2)
-    ], 40, Ai));
+    ], 40, Bi));
   }
-}), zi = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-8424823d"]]), Ji = { class: "joy-tabs" }, Pi = /* @__PURE__ */ A({
+}), zi = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-8424823d"]]), Ji = { class: "joy-tabs" }, Pi = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6448,8 +6453,8 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, i = Y(), a = S(o.selectedTab);
-    Ke("VJoyTabs", a);
-    const r = S(null), s = S(null), d = S(!1), p = S(!1), u = T(() => {
+    Me("VJoyTabs", a);
+    const r = S(null), s = S(null), u = S(!1), p = S(!1), d = T(() => {
       const b = i.default();
       return b.length === 1 && typeof b[0].type != "object" ? b[0].children.filter(f) : b.filter(f);
     });
@@ -6461,7 +6466,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       return b.props.tab === a.value;
     }
     function y() {
-      s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, d.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, d.value = !1);
+      s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, u.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, u.value = !1);
     }
     function g(b, C = !0) {
       b && C && (a.value = b, n("update:selected-tab", b));
@@ -6479,14 +6484,14 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       var b;
       (b = s.value) == null || b.removeEventListener("scroll", y);
     }), t({
-      tabs: u
+      tabs: d
     }), (b, C) => (c(), v("div", Ji, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
         class: I({
           "joy-tabs-buttons__wrapper": !0,
-          "joy-tabs-buttons__wrapper--scroll-end": d.value,
+          "joy-tabs-buttons__wrapper--scroll-end": u.value,
           "joy-tabs-buttons__wrapper--scroll-start": p.value
         })
       }, [
@@ -6496,7 +6501,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (c(!0), v(H, null, U(u.value, ($) => (c(), v("div", {
+          (c(!0), v(H, null, U(d.value, ($) => (c(), v("div", {
             key: $.props.tab
           }, [
             N(zi, {
@@ -6523,7 +6528,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Iu = /* @__PURE__ */ x(Pi, [["__scopeId", "data-v-9aea2d41"]]), Mi = ["id", "role"], Oi = /* @__PURE__ */ A({
+}), Iu = /* @__PURE__ */ x(Pi, [["__scopeId", "data-v-9aea2d41"]]), Mi = ["id", "role"], Oi = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6550,18 +6555,18 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       "joy-tag__disabled": n.disabled,
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
-    })), a = Me() + "--JoyTag", r = T(() => n.id || a);
+    })), a = Oe() + "--JoyTag", r = T(() => n.id || a);
     function s() {
       o("remove", { value: n.value });
     }
-    function d() {
+    function u() {
       n.disabled || (o("click"), n.selectable && l.includes(n.variant) && o("selected", { selected: !n.selected, value: n.value }));
     }
-    return (p, u) => (c(), v("span", {
+    return (p, d) => (c(), v("span", {
       id: r.value,
       class: I([i.value]),
       role: p.link || p.selectable ? "button" : void 0,
-      onClick: d
+      onClick: u
     }, [
       _(p.$slots, "default", {}, () => [
         p.draggable ? (c(), L(q, {
@@ -6570,7 +6575,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           name: "drag",
           size: "xxsmall"
         })) : w("", !0),
-        D(" " + J(p.label), 1)
+        R(" " + J(p.label), 1)
       ], !0),
       p.removable ? (c(), L(q, {
         key: 0,
@@ -6579,12 +6584,12 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         size: "xxsmall",
         role: "button",
         onClick: Io(s, ["stop"]),
-        onKeydown: Oe(s, ["enter"])
+        onKeydown: Fe(s, ["enter"])
       })) : w("", !0)
     ], 10, Mi));
   }
 }), vo = /* @__PURE__ */ x(Oi, [["__scopeId", "data-v-f672398d"]]);
-var _e = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(_e || {});
+var we = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(we || {});
 function Et(e) {
   if (!Array.isArray(e) && typeof e != "string")
     return console.warn("Values needs to be an array of emails, or email."), !1;
@@ -6596,7 +6601,7 @@ function Et(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholder"], Ri = { key: 0 }, Ni = { key: 1 }, qi = /* @__PURE__ */ A({
+const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholder"], Ri = { key: 0 }, Ni = { key: 1 }, qi = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6611,9 +6616,9 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = S(o.modelValue), a = S(!1), r = S(null), s = S(o.invalid), d = S(null), p = T(() => o.validation === "email"), u = T(() => p.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = T(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = T(() => s.value && (!!u.value || !!f.value));
+    const o = e, n = l, i = S(o.modelValue), a = S(!1), r = S(null), s = S(o.invalid), u = S(null), p = T(() => o.validation === "email"), d = T(() => p.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = T(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = T(() => s.value && (!!d.value || !!f.value));
     function y() {
-      p.value && s.value === !0 && (d.value = _e.INVALID_EMAIL);
+      p.value && s.value === !0 && (u.value = we.INVALID_EMAIL);
     }
     function g() {
       var F;
@@ -6621,7 +6626,7 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
       return j.filter((K, se) => j.indexOf(K) !== se).length ? !0 : (F = r.value) != null && F.value ? j.includes(r.value.value.trim()) : !1;
     }
     function b() {
-      g() && (d.value = _e.DUPLICATED_ENTRY);
+      g() && (u.value = we.DUPLICATED_ENTRY);
     }
     function C(j) {
       var P;
@@ -6640,17 +6645,17 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
       if (p.value) {
         if (["Enter", ",", " "].includes(j.key)) {
           if (j.preventDefault(), M(), g()) {
-            n("validation:error", _e.DUPLICATED_ENTRY);
+            n("validation:error", we.DUPLICATED_ENTRY);
             return;
           } else if ((P = r.value) != null && P.value && !Et(r.value.value)) {
-            n("validation:error", _e.INVALID_EMAIL);
+            n("validation:error", we.INVALID_EMAIL);
             return;
           }
           $();
         }
       } else if (["Enter", ","].includes(j.key)) {
         if (j.preventDefault(), g()) {
-          s.value = !0, d.value = _e.DUPLICATED_ENTRY, n("validation:error", _e.DUPLICATED_ENTRY);
+          s.value = !0, u.value = we.DUPLICATED_ENTRY, n("validation:error", we.DUPLICATED_ENTRY);
           return;
         }
         $(), s.value = !1;
@@ -6660,7 +6665,7 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
     function E() {
       a.value = !0;
     }
-    function B() {
+    function A() {
       a.value = !1, M();
     }
     function O(j) {
@@ -6674,7 +6679,7 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
         let K = i.value;
         (P = r.value) != null && P.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), j = !Et(K);
       }
-      s.value = j || g(), !j && g() && (d.value = null);
+      s.value = j || g(), !j && g() && (u.value = null);
     }
     function M() {
       V(), y(), b();
@@ -6732,7 +6737,7 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
           placeholder: j.placeholder,
           onKeydown: k,
           onFocus: E,
-          onBlur: B
+          onBlur: A
         }, null, 40, Di)
       ], 2),
       m.value ? (c(), L(yt, {
@@ -6742,14 +6747,14 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
         default: z(() => [
           h("ul", null, [
             f.value ? (c(), v("li", Ri, J(j.duplicationError), 1)) : w("", !0),
-            u.value ? (c(), v("li", Ni, J(j.invalidEmailError), 1)) : w("", !0)
+            d.value ? (c(), v("li", Ni, J(j.invalidEmailError), 1)) : w("", !0)
           ])
         ]),
         _: 1
       })) : w("", !0)
     ]));
   }
-}), Bu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ A({
+}), Au = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6785,50 +6790,50 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
   emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: t }) {
     const l = t, o = e;
-    function n(d) {
+    function n(u) {
       var p;
-      return o.removable ? !1 : (p = o.modelValue) == null ? void 0 : p.includes(d.value);
+      return o.removable ? !1 : (p = o.modelValue) == null ? void 0 : p.includes(u.value);
     }
-    function i(d) {
-      return !o.modelValue || o.removable || d.removable ? !1 : d.selectable !== void 0 ? d.selectable : o.selectable;
+    function i(u) {
+      return !o.modelValue || o.removable || u.removable ? !1 : u.selectable !== void 0 ? u.selectable : o.selectable;
     }
-    function a(d) {
-      return d.removable !== void 0 ? d.removable : o.removable;
+    function a(u) {
+      return u.removable !== void 0 ? u.removable : o.removable;
     }
-    function r(d, p) {
-      let u = [];
-      d.selected && !n(p) ? u = [...o.modelValue || [], p.value] : u = (o.modelValue || []).filter((f) => f !== p.value), l("update:modelValue", u);
+    function r(u, p) {
+      let d = [];
+      u.selected && !n(p) ? d = [...o.modelValue || [], p.value] : d = (o.modelValue || []).filter((f) => f !== p.value), l("update:modelValue", d);
     }
-    function s(d) {
-      l("removeTag", d.value);
+    function s(u) {
+      l("removeTag", u.value);
     }
-    return (d, p) => (c(), v("div", {
+    return (u, p) => (c(), v("div", {
       class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (c(!0), v(H, null, U(e.tags, (u) => (c(), L(vo, W({
-        key: u.value || u.label,
+      (c(!0), v(H, null, U(e.tags, (d) => (c(), L(vo, W({
+        key: d.value || d.label,
         ref_for: !0
-      }, u, {
-        selectable: i(u),
-        removable: a(u),
-        variant: u.variant ? u.variant : e.variant,
-        selected: n(u),
+      }, d, {
+        selectable: i(d),
+        removable: a(d),
+        variant: d.variant ? d.variant : e.variant,
+        selected: n(d),
         onRemove: s,
-        onSelected: (f) => r(f, u)
+        onSelected: (f) => r(f, d)
       }), {
         default: z(() => [
-          _(d.$slots, "tag", W({ ref_for: !0 }, {
-            ...u,
-            selectable: i(u),
-            selected: n(u),
-            removable: a(u)
+          _(u.$slots, "tag", W({ ref_for: !0 }, {
+            ...d,
+            selectable: i(d),
+            selected: n(d),
+            removable: a(d)
           }), void 0, !0)
         ]),
         _: 2
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Au = /* @__PURE__ */ x(Hi, [["__scopeId", "data-v-1d8003ef"]]), Wi = {}, Ui = {
+}), Bu = /* @__PURE__ */ x(Hi, [["__scopeId", "data-v-1d8003ef"]]), Wi = {}, Ui = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
 function Gi(e, t) {
@@ -6857,7 +6862,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, ls = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, as = /* @__PURE__ */ A({
+}, as = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6928,7 +6933,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : w("", !0)
     ], 2));
   }
-}), xu = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8e1d59ca"]]), rs = /* @__PURE__ */ A({
+}), xu = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8e1d59ca"]]), rs = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6957,7 +6962,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   class: "joy-textarea_helpers"
 }, cs = {
   inheritAttrs: !1
-}, fs = /* @__PURE__ */ A({
+}, fs = /* @__PURE__ */ B({
   ...cs,
   __name: "VJoyTextarea",
   props: {
@@ -7019,9 +7024,9 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   setup(e, { expose: t, emit: l }) {
     const o = l, n = e, i = Y(), a = S(), { triggerResize: r } = Tn({
       element: n.autogrow ? a : void 0
-    }), s = S(!1), d = S(!1);
+    }), s = S(!1), u = S(!1);
     Yt(a, n.autofocus);
-    const p = T(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), u = T(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = T(() => !!(n.label || i.default)), m = {
+    const p = T(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = T(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = T(() => !!(n.label || i.default)), m = {
       onInput: (y) => {
         n.modelModifiers.lazy || o("update:modelValue", y.target.value), m.triggerResize();
       },
@@ -7029,10 +7034,10 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
         n.modelModifiers.lazy && o("update:modelValue", y.target.value);
       },
       onBlur: () => {
-        d.value = !1, s.value = p.value || u.value;
+        u.value = !1, s.value = p.value || d.value;
       },
       onFocus: () => {
-        d.value = !0;
+        u.value = !0;
       },
       /**
        * Here we store the function in an object to more easily test it with vitest.
@@ -7049,7 +7054,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
     ), t({
       isInvalid: s,
       valueOverMaxlength: p,
-      valueUnderMinlength: u,
+      valueUnderMinlength: d,
       triggerResize: r,
       eventHandlers: m
     }), (y, g) => (c(), v("div", {
@@ -7060,7 +7065,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           "joy-textarea_invalid": s.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
-          "joy-textarea_focusing": d.value
+          "joy-textarea_focusing": u.value
         }
       ])
     }, [
@@ -7073,7 +7078,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       }, {
         default: z(() => [
           _(y.$slots, "default", {}, () => [
-            D(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -7105,13 +7110,13 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          u.value ? w("", !0) : (c(), L(q, {
+          d.value ? w("", !0) : (c(), L(q, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          D(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          R(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : w("", !0),
         e.maxlength ? (c(), v("p", {
           key: 1,
@@ -7120,7 +7125,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       ])) : w("", !0)
     ], 10, is));
   }
-}), zu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-26da9592"]]), ps = /* @__PURE__ */ A({
+}), zu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-26da9592"]]), ps = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7136,7 +7141,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }), Ju = /* @__PURE__ */ x(ps, [["__scopeId", "data-v-f63a2545"]]), ys = { class: "joy-toggle__wrapper" }, ms = ["name", "disabled", "checked", "required", "aria-checked", "value"], vs = { class: "joy-toggle__symbol" }, hs = { class: "joy-toggle__symbol-bubble" }, gs = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, bs = { class: "joy-toggle__content-label" }, _s = /* @__PURE__ */ A({
+}, bs = { class: "joy-toggle__content-label" }, _s = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7253,14 +7258,14 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           ]),
           h("span", bs, [
             _(i.$slots, "default", {}, () => [
-              D(J(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ])
         ], 2)
       ], 2)
     ]));
   }
-}), Pu = /* @__PURE__ */ x(_s, [["__scopeId", "data-v-fbe68c0d"]]), ws = { class: "joy-user-card__picture" }, js = { class: "joy-user-card__informations" }, ks = { class: "joy-user-card__title" }, $s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ A({
+}), Pu = /* @__PURE__ */ x(_s, [["__scopeId", "data-v-fbe68c0d"]]), ws = { class: "joy-user-card__picture" }, js = { class: "joy-user-card__informations" }, ks = { class: "joy-user-card__title" }, $s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7304,12 +7309,12 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
         h("div", js, [
           h("p", ks, [
             _(t.$slots, "user-card-title", {}, () => [
-              D(J(e.fullName), 1)
+              R(J(e.fullName), 1)
             ], !0)
           ]),
           h("p", $s, [
             _(t.$slots, "user-card-subtitle", {}, () => [
-              D(J(e.subTitle), 1)
+              R(J(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
@@ -7332,7 +7337,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, Ts = {
   key: 1,
   class: "joy-pl-3"
-}, Ls = /* @__PURE__ */ A({
+}, Ls = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7344,7 +7349,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
     const l = S(e.open);
     return (o, n) => {
       const i = ut("joy-ripple");
-      return Ye((c(), v("button", W(o.$attrs, {
+      return Ke((c(), v("button", W(o.$attrs, {
         type: "button",
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: n[0] || (n[0] = (a) => l.value = !l.value)
@@ -7369,7 +7374,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Is = /* @__PURE__ */ x(Ls, [["__scopeId", "data-v-56824d11"]]), Bs = { class: "joy-walkthrough-modal__illustration" }, As = { class: "joy-walkthrough-modal__content___titles" }, xs = { class: "joy-walkthrough-modal__content___title" }, Es = { class: "joy-walkthrough-modal__content___subtitle" }, zs = {
+}), Is = /* @__PURE__ */ x(Ls, [["__scopeId", "data-v-56824d11"]]), As = { class: "joy-walkthrough-modal__illustration" }, Bs = { class: "joy-walkthrough-modal__content___titles" }, xs = { class: "joy-walkthrough-modal__content___title" }, Es = { class: "joy-walkthrough-modal__content___subtitle" }, zs = {
   key: 0,
   class: "joy-mt-4"
 }, Js = {
@@ -7378,7 +7383,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, Ps = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Ms = /* @__PURE__ */ A({
+}, Ms = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7395,15 +7400,15 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
     let i = null;
     const a = S(o.open), r = S(!1);
     function s() {
-      a.value ? u() : a.value = !0;
+      a.value ? d() : a.value = !0;
     }
-    function d() {
-      u(), n("hide"), n("hide:header");
+    function u() {
+      d(), n("hide"), n("hide:header");
     }
     function p() {
-      u(), n("hide"), n("hide:footer");
+      d(), n("hide"), n("hide:footer");
     }
-    function u() {
+    function d() {
       i && clearTimeout(i), r.value = !0, i = setTimeout(() => {
         a.value = !1, r.value = !1;
       }, 200);
@@ -7429,7 +7434,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
             "no-margin": "",
             role: "button",
             class: "joy-walkthrough-modal__header joy-pt-5 joy-pl-6 joy-pb-5 joy-pr-6 joy-bgcolor-neutral-60",
-            onClick: d
+            onClick: u
           }, {
             default: z(() => [
               f.triggerIcon ? (c(), L(q, {
@@ -7443,7 +7448,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
                 "no-margin": ""
               }, {
                 default: z(() => [
-                  D(J(f.triggerTitle) + " ", 1),
+                  R(J(f.triggerTitle) + " ", 1),
                   N(q, {
                     color: "white",
                     name: a.value ? "chevron-down" : "chevron-up"
@@ -7462,10 +7467,10 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Bs, [
+                h("div", As, [
                   _(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", As, [
+                h("div", Bs, [
                   h("div", xs, [
                     _(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
@@ -7569,8 +7574,8 @@ export {
   Lu as VJoyTab,
   Iu as VJoyTabs,
   vo as VJoyTag,
-  Bu as VJoyTagsInput,
-  Au as VJoyTagsList,
+  Au as VJoyTagsInput,
+  Bu as VJoyTagsList,
   xu as VJoyTemplate,
   Yi as VJoyTemplateShape,
   Eu as VJoyText,