@maltjoy/core-vue 5.8.0 → 5.8.2

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as zt, createVNode as R, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as F, Fragment as H, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as D, 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;
 }
@@ -199,25 +199,25 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(!0);
+    const l = e, o = S(!0);
     let n, i;
     const a = "joy-snackbar-" + Ze(), r = T(() => Dt(l.level));
     function s() {
       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__ */ B({
       destroySnackbarAfterTimeout: f
     };
     return zt(() => {
-      d();
+      u();
     }), t({
       isOpen: o,
       exposedMethods: y
@@ -248,7 +248,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
         class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         h("div", Mo, [
-          R(q, {
+          N(q, {
             color: "white",
             name: r.value,
             size: "small"
@@ -269,7 +269,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
           class: "joy-snackbar__close-icon",
           onClick: p
         }, [
-          R(q, {
+          N(q, {
             color: "white",
             name: "cross"
           })
@@ -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();
   }), {
@@ -359,12 +359,12 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
   setup(e) {
     return (t, l) => (c(), v("div", Go, [
       h("span", Yo, [
-        R(q, { name: "eye" }),
-        F(" " + J(t.label), 1)
+        N(q, { name: "eye" }),
+        R(" " + J(t.label), 1)
       ])
     ]));
   }
-}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
+}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -385,7 +385,7 @@ 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 }, [
-        F(J(o.label), 1)
+        R(J(o.label), 1)
       ], 64)) : w("", !0)
     ], 10, Zo));
   }
@@ -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 }, [
-            F(J(d.value), 1)
-          ], 64)) : w("", !0),
-          u.totalNumber ? (c(), v(H, { key: 2 }, [
-            F(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__ */ B({
+}), 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__ */ B({
+}), qs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-66e67dbb"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -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", {}, () => [
-        F(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",
@@ -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:
@@ -688,7 +693,7 @@ const dn = { class: "joy-badge-level" }, cn = {
           fill: "#FF91F0"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === D(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"
@@ -699,13 +704,13 @@ const dn = { class: "joy-badge-level" }, cn = {
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === D(X).NEW || e.type === D(X).MALT_LINKER || e.type === D(X).HIGH_POTENTIAL_AUTO,
-            blue: e.type === D(He).HIGH_POTENTIAL || e.type === D(X).HIGH_POTENTIAL || e.type === D(X).SUPER_MALTER,
+            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 }, () => [
-          F(J(l.value), 1)
+          R(J(l.value), 1)
         ], !0) : w("", !0)
       ], 2)
     ]));
@@ -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";
@@ -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,8 +830,8 @@ 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(D(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 || D(o).disabled,
         type: D(o).type || "button",
@@ -859,7 +864,7 @@ const dn = { class: "joy-badge-level" }, cn = {
             class: "joy-button--slot"
           }, [
             _(r.$slots, "default", {}, () => [
-              F(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]
       ]);
     };
   }
@@ -895,36 +900,36 @@ function jn(...e) {
   if (e.length !== 1)
     return bo(...e);
   const t = e[0];
-  return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : C(t);
+  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);
     })
@@ -966,7 +971,7 @@ function kn(e, t, l = {}) {
   return () => p.forEach((f) => f());
 }
 function $n() {
-  const e = C(!1), t = jo();
+  const e = S(!1), t = jo();
   return t && te(() => {
     e.value = !0;
   }, t), e;
@@ -976,32 +981,32 @@ function Sn(e) {
   return T(() => (t.value, !!e()));
 }
 function Cn(e, t = {}) {
-  const l = C(!1), o = Mt(null);
+  const l = S(!1), o = Mt(null);
   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 = D(a.dataTypes);
-        if (i = typeof f == "function" ? f(u) : f ? f.some((m) => u.includes(m)) : !0, !i)
+        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,
@@ -1034,13 +1039,13 @@ function Vn(e, t, l = {}) {
 }
 function Tn(e) {
   var t;
-  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
+  const l = S(e == null ? void 0 : e.element), o = S(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = S(1);
   function a() {
     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,
@@ -1053,7 +1058,7 @@ const pt = /* @__PURE__ */ B({
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = C();
+    const o = S();
     return kn(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
@@ -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 = C(t);
+  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() {
@@ -1146,7 +1151,7 @@ function xn(e, t = !1) {
 }
 function En() {
   let e = !1;
-  const t = C(!1);
+  const t = S(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
@@ -1168,101 +1173,106 @@ 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(() => {
-      if (r.value)
+    const o = e, n = _e(), i = T(() => {
+      if (s.value)
         return n;
-    }), a = l, r = C(!1), s = C(!1), d = C(o.open), p = C(!1), u = C();
-    let f = 0;
-    function m() {
-      d.value = !0, M();
-    }
+    }), a = l, r = {
+      ignore: ["[data-click-outside-ignore]"]
+    }, s = S(!1), u = S(!1), p = S(o.open), d = S(!1), f = S();
+    let m = 0;
     function y() {
-      o.frozen || (s.value = !0, setTimeout(async () => {
-        p.value = !1, s.value = !1, d.value = !1, ye(!1), a("bottom-sheet:close");
+      p.value = !0, V();
+    }
+    function g() {
+      o.frozen || (u.value = !0, setTimeout(async () => {
+        d.value = !1, u.value = !1, p.value = !1, ye(!1), a("bottom-sheet:close");
       }, 300));
     }
-    function g(j) {
-      p.value = !0, u.value.classList.add(Vt), f = k(j);
+    function b(M) {
+      d.value = !0, f.value.classList.add(Vt), m = E(M);
     }
-    function b(j) {
-      p.value && ($(j) > Ct && y(), A());
+    function C(M) {
+      d.value && (k(M) > Ct && g(), O());
     }
-    function V(j) {
-      if (p.value) {
-        const N = $(j);
-        N > Ct ? y() : N > 0 && E(N);
+    function $(M) {
+      if (d.value) {
+        const j = k(M);
+        j > Ct ? g() : j > 0 && A(j);
       }
     }
-    function $(j) {
-      return k(j) - f;
+    function k(M) {
+      return E(M) - m;
     }
-    function k(j) {
-      return ["touchend", "touchmove", "touchstart"].includes(j.type) ? j.changedTouches[0].clientY : j.clientY;
+    function E(M) {
+      return ["touchend", "touchmove", "touchstart"].includes(M.type) ? M.changedTouches[0].clientY : M.clientY;
     }
-    function E(j) {
-      u.value.style.setProperty("transform", `translateY(${j}px)`);
+    function A(M) {
+      f.value.style.setProperty("transform", `translateY(${M}px)`);
     }
-    function A() {
-      u.value.classList.remove(Vt), u.value.style.removeProperty("transform"), p.value = !1;
+    function O() {
+      f.value.classList.remove(Vt), f.value.style.removeProperty("transform"), d.value = !1;
     }
-    function M() {
+    function V() {
       o.preventBodyScroll && ye(!0);
     }
     return G(
       () => o.open,
-      (j) => {
-        j === !0 ? m() : y();
+      (M) => {
+        M === !0 ? y() : g();
       }
     ), te(() => {
-      r.value = !0, o.open && M();
+      s.value = !0, o.open && V();
     }), t({
-      hide: y,
-      show: m,
-      isOpen: d,
-      moveContainer: E
-    }), (j, N) => r.value ? (c(), L(xe, {
+      hide: g,
+      show: y,
+      isOpen: p,
+      moveContainer: A
+    }), (M, j) => s.value ? (c(), L(xe, {
       key: 0,
-      to: j.teleport
+      to: M.teleport
     }, [
-      d.value ? (c(), v("div", W({ key: 0 }, i.value, {
+      p.value ? (c(), v("div", W({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
-            "joy-bottom-sheet--open": d.value,
-            "joy-bottom-sheet--hiding": s.value && d.value,
-            "joy-bottom-sheet--frozen": j.frozen
+            "joy-bottom-sheet--open": p.value,
+            "joy-bottom-sheet--hiding": u.value && p.value,
+            "joy-bottom-sheet--frozen": M.frozen
           }
         ]
       }), [
-        N[1] || (N[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
-        R(D(pt), { onTrigger: y }, {
+        j[1] || (j[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        N(D(pt), {
+          options: r,
+          onTrigger: g
+        }, {
           default: z(() => [
             h("div", {
               ref_key: "bottomSheetContainerElement",
-              ref: u,
+              ref: f,
               class: "joy-bottom-sheet-container"
             }, [
               h("div", {
                 class: "joy-bottom-sheet_header",
-                onMousedown: g,
-                onMouseup: b,
-                onMousemove: V,
-                onMouseleave: b,
-                onTouchstart: g,
-                onTouchend: b,
-                onTouchmove: V
-              }, N[0] || (N[0] = [
+                onMousedown: b,
+                onMouseup: C,
+                onMousemove: $,
+                onMouseleave: C,
+                onTouchstart: b,
+                onTouchend: C,
+                onTouchmove: $
+              }, j[0] || (j[0] = [
                 h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
               h("div", zn, [
-                _(j.$slots, "bottom-sheet-content", {}, void 0, !0)
+                _(M.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               h("div", Jn, [
-                _(j.$slots, "bottom-sheet-cta", {}, () => [
-                  R(ne, {
+                _(M.$slots, "bottom-sheet-cta", {}, () => [
+                  N(ne, {
                     class: "joy-bottom-sheet_footer-close",
-                    label: j.closeLabel,
-                    onClick: y
+                    label: M.closeLabel,
+                    onClick: g
                   }, null, 8, ["label"])
                 ], !0)
               ])
@@ -1273,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-098e6a23"]]), Gs = /* @__PURE__ */ B({
+}), Us = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-0f122c0c"]]), Gs = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1285,7 +1295,7 @@ 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));
@@ -1347,7 +1357,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(), a = C(n.indeterminate), r = C(n.invalid && !n.checked), s = C(!1);
+    const o = l, n = e, i = S(), a = S(n.indeterminate), r = S(n.invalid && !n.checked), s = S(!1);
     G(
       () => n.invalid,
       (p) => {
@@ -1359,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");
@@ -1373,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",
@@ -1400,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", {}, () => [
-            F(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0),
           h("div", Rn, [
             _(p.$slots, "checkbox-content", {}, void 0, !0)
@@ -1454,11 +1464,11 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = C(o.open), a = C(!1);
+    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() {
@@ -1471,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",
         {
@@ -1486,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,
@@ -1500,18 +1510,18 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : w("", !0),
-          F(" " + J(e.header), 1)
+          R(" " + J(e.header), 1)
         ], 8, qn),
         h("div", Hn, [
-          _(d.$slots, "collapse-header-right")
+          _(u.$slots, "collapse-header-right")
         ]),
-        R(q, {
+        N(q, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
         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", {
@@ -1525,7 +1535,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           }
         ])
       }, [
-        _(d.$slots, "default")
+        _(u.$slots, "default")
       ], 10, Gn)) : w("", !0)
     ], 2));
   }
@@ -1554,7 +1564,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = C(o.modelValue), i = Y(), a = l, r = T(() => {
+    const o = e, n = S(o.modelValue), i = Y(), a = l, r = T(() => {
       const y = i.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(s) : y.filter(s);
     });
@@ -1562,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;
@@ -1595,17 +1605,17 @@ 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"), (V, $) => (c(), L(Z(V), { 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"), (V, $) => (c(), L(Z(V), { 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"), (V, $) => (c(), L(Z(V), { 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))
@@ -1703,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}`,
@@ -1816,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 = C(!1), s = C(), d = C(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 A = a["dialog-cancel"] || a["dialog-confirm"], M = o.cancelText || o.confirmText;
-      return !!A || !!M;
+      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(A = { fireHideEvent: !0 }) {
-      o.demoMode || (d.value = !1, await Je(), ye(!1), A.fireHideEvent && n("dialog:hide"));
+      o.demoMode || (u.value = !1, await Je(), ye(!1), A.fireHideEvent && n("dialog:hide"));
     }
-    async function V() {
-      d.value = !0, await Je(), o.preventBodyScroll && ye(!0);
+    async function C() {
+      u.value = !0, await Je(), o.preventBodyScroll && ye(!0);
     }
     function $() {
       n("dialog:open");
@@ -1844,18 +1854,18 @@ 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,
-      show: V
-    }), (A, M) => r.value ? (c(), L(xe, {
+      isOpen: u,
+      show: C
+    }), (A, O) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      R(dt, {
+      N(dt, {
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
@@ -1864,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
                 }
               ]),
@@ -1888,12 +1898,12 @@ 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
                 }
               ])
             }, [
               h("div", nl, [
-                e.patternBrand ? (c(), v("div", ll, M[3] || (M[3] = [
+                e.patternBrand ? (c(), v("div", ll, O[3] || (O[3] = [
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ]))) : w("", !0),
@@ -1929,7 +1939,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: M[0] || (M[0] = (j) => b())
+                    onClick: O[0] || (O[0] = (V) => b())
                   }, null, 8, ["label"]))
                 ]),
                 h("div", sl, [
@@ -1943,7 +1953,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     }
                   ])
                 }, [
-                  R(re, {
+                  N(re, {
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
@@ -1954,10 +1964,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: M[1] || (M[1] = (j) => b())
+                          onClick: O[1] || (O[1] = (V) => b())
                         }, {
                           default: z(() => [
-                            F(J(e.cancelText), 1)
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -1968,10 +1978,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: M[2] || (M[2] = (j) => n("dialog:confirm"))
+                          onClick: O[2] || (O[2] = (V) => n("dialog:confirm"))
                         }, {
                           default: z(() => [
-                            F(J(e.confirmText), 1)
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2003,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));
@@ -2080,7 +2090,7 @@ 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 = C(!1), s = C(), d = C(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(() => {
@@ -2088,12 +2098,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       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 V() {
+    function C() {
       n("drawer:open");
     }
     function $() {
@@ -2105,27 +2115,27 @@ 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, A) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      R(dt, {
+      N(dt, {
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: V,
+        onEnter: C,
         onAfterEnter: $,
         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,
@@ -2135,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: A[4] || (A[4] = Oe((M) => 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: A[0] || (A[0] = (M) => 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
                 }
               ])
             }, [
@@ -2171,7 +2181,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   h("p", yl, [
                     _(E.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
-                  R(ne, {
+                  N(ne, {
                     id: "joy-drawer--close",
                     circle: "",
                     icon: "cross",
@@ -2180,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: A[1] || (A[1] = (M) => g())
+                    onClick: A[1] || (A[1] = (O) => g())
                   }, null, 8, ["label"])
                 ]),
                 h("div", ml, [
@@ -2194,7 +2204,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     }
                   ])
                 }, [
-                  R(re, {
+                  N(re, {
                     justify: "flex-end",
                     "no-margin": "",
                     class: "joy-drawer--footer-wrapper"
@@ -2206,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: A[2] || (A[2] = (M) => g())
+                          onClick: A[2] || (A[2] = (O) => g())
                         }, {
                           default: z(() => [
-                            F(J(e.cancelText), 1)
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2220,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: A[3] || (A[3] = (M) => n("drawer:confirm"))
+                          onClick: A[3] || (A[3] = (O) => n("drawer:confirm"))
                         }, {
                           default: z(() => [
-                            F(J(e.confirmText), 1)
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2252,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));
@@ -2307,7 +2317,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(), a = T(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
+    const o = l, n = e, i = S(), a = T(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
     function r(y) {
       y.disabled || o("update:modelValue", y.value || y.id);
     }
@@ -2315,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
@@ -2324,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())))) {
@@ -2336,8 +2346,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           o("update:modelValue", b.dataModel);
         }
         if (p() && y.key === " " && y.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) {
-          const b = s(), V = p();
-          let $ = b.indexOf(V);
+          const b = s(), C = p();
+          let $ = b.indexOf(C);
           if (b.length) {
             y.preventDefault(), y.key === "ArrowDown" ? $++ : y.key === "ArrowUp" ? $-- : y.key === "Home" ? $ = 0 : y.key === "End" && ($ = b.length - 1), $ < 0 && ($ = b.length - 1), $ > b.length - 1 && ($ = 0), f(b[$]);
             return;
@@ -2352,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", {
@@ -2404,7 +2414,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             "aria-label": b.label,
             ".dataModel": b.value || b.id,
             role: "option",
-            onClick: (V) => r(b)
+            onClick: (C) => r(b)
           }, [
             _(y.$slots, "label", W({ ref_for: !0 }, b), () => [
               h("span", null, J(b.label), 1)
@@ -2520,23 +2530,23 @@ const $l = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(!1), a = C(null), r = C(), s = C(null), d = C(null), p = C(!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"]
+      ignore: [r, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
     let m = null;
     G(
       () => i.value,
-      (j) => {
-        j && Jo(s);
+      (V) => {
+        V && Jo(s);
       },
       { flush: "post" }
     );
     const y = T(() => {
-      let j = `${n.dropdownGap}px`;
-      return n.direction === "up" && (j = "-" + j), {
-        marginTop: j
+      let V = `${n.dropdownGap}px`;
+      return n.direction === "up" && (V = "-" + V), {
+        marginTop: V
       };
     });
     function g() {
@@ -2547,30 +2557,30 @@ const $l = /* @__PURE__ */ B({
     function b() {
       p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
-    function V(j) {
-      j.stopPropagation(), i.value ? $() : b(), d.value = j.target;
+    function C(V) {
+      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(j) {
-      o("update:modelValue", j), n.closeOnSelect && (g(), k());
+    function E(V) {
+      o("update:modelValue", V), n.closeOnSelect && (g(), k());
     }
     function A() {
       o("dropdown:reset");
     }
-    function M() {
-      !r.value || !r.value.children.length || (r.value.children[0].id = u);
+    function O() {
+      !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
     return kl(g), te(() => {
-      M();
+      O();
     }), t({
       showDropdownList: i,
-      generatedId: u
-    }), (j, N) => (c(), L(D(pt), {
+      generatedId: d
+    }), (V, M) => (c(), L(D(pt), {
       ref_key: "dropdown",
       ref: a,
       options: f,
@@ -2583,9 +2593,9 @@ const $l = /* @__PURE__ */ B({
           ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: V
+          onClick: C
         }, [
-          _(j.$slots, "dropdown-button", {}, void 0, !0)
+          _(V.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         i.value ? (c(), v("div", {
           key: 0,
@@ -2602,7 +2612,7 @@ const $l = /* @__PURE__ */ B({
           ]),
           style: ee(y.value)
         }, [
-          R(jl, {
+          N(jl, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -2610,36 +2620,36 @@ const $l = /* @__PURE__ */ B({
             height: e.height,
             reset: e.reset,
             "reset-label": e.resetLabel,
-            "aria-labelled-by": u,
+            "aria-labelled-by": d,
             "onUpdate:modelValue": E,
             "onClose:dropdownList": $,
             onReset: A
           }, ct({
-            label: z((S) => [
-              _(j.$slots, "dropdown-item", $o(So(S)), () => [
-                h("span", null, J(S.label), 1)
+            label: z((j) => [
+              _(V.$slots, "dropdown-item", $o(So(j)), () => [
+                h("span", null, J(j.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            j.$slots["dropdown-header"] ? {
+            V.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: z(() => [
-                _(j.$slots, "dropdown-header", {}, void 0, !0)
+                _(V.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            j.$slots["dropdown-items"] ? {
+            V.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: z(() => [
-                _(j.$slots, "dropdown-items", {}, void 0, !0)
+                _(V.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            j.$slots["dropdown-footer"] ? {
+            V.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: z(() => [
-                _(j.$slots, "dropdown-footer", {}, void 0, !0)
+                _(V.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -2649,7 +2659,7 @@ const $l = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
+}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-91e88e50"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -2681,7 +2691,7 @@ const $l = /* @__PURE__ */ B({
       class: I(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      R(q, {
+      N(q, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -2689,7 +2699,7 @@ const $l = /* @__PURE__ */ B({
         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 }, [
-          F(J(e.noHtmlErrorText), 1)
+          R(J(e.noHtmlErrorText), 1)
         ], 64))
       ])
     ], 10, Sl));
@@ -2701,14 +2711,14 @@ const $l = /* @__PURE__ */ B({
   },
   setup(e) {
     return (t, l) => (c(), v("div", Tl, [
-      R(q, {
+      N(q, {
         "aria-hidden": "true",
         name: e.name,
         class: "joy-dropzone__icon"
       }, 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 = {
@@ -2735,18 +2745,18 @@ const $l = /* @__PURE__ */ B({
       class: "joy-dropzone__file"
     }, {
       default: z(() => [
-        R(Kt, {
+        N(Kt, {
           name: "file-check",
           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)
         ]),
-        R(re, {
+        N(re, {
           "column-gap": "1",
           wrap: "nowrap",
           "no-margin": "",
@@ -2754,7 +2764,7 @@ const $l = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             _(o.$slots, "actions", { file: o.file }, void 0, !0),
-            R(ne, {
+            N(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
@@ -2763,7 +2773,7 @@ const $l = /* @__PURE__ */ B({
               "aria-label": o.updateLabel,
               onClick: n[0] || (n[0] = (i) => o.$emit("update"))
             }, null, 8, ["title", "aria-label"]),
-            R(ne, {
+            N(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
@@ -2803,67 +2813,67 @@ const $l = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = Vo(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { 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((S) => S instanceof File)), u = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
-    function f(S) {
-      return o.accept.length > 0 ? o.accept.includes(S.type) : !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;
     }
-    function m(S) {
-      return S.size < o.maxSize * 1024 * 1024;
+    function m(j) {
+      return j.size < o.maxSize * 1024 * 1024;
     }
-    function y(S) {
-      return S.filter((O) => O instanceof File).some((O) => !f(O) || !m(O));
+    function y(j) {
+      return j.filter((F) => F instanceof File).some((F) => !f(F) || !m(F));
     }
-    function g(S) {
-      if (!(S instanceof File))
+    function g(j) {
+      if (!(j instanceof File))
         return;
-      const P = f(S), O = m(S);
-      if (!P && !O)
+      const P = f(j), F = m(j);
+      if (!P && !F)
         return o.errorTextFormatAndMaxSize;
       if (!P)
         return o.errorTextFormat;
-      if (!O)
+      if (!F)
         return o.errorTextMaxSize;
     }
     function b() {
       a.value = void 0, s.value && s.value.click();
     }
-    function V() {
+    function C() {
       s.value && (s.value.value = "");
     }
-    function $(S) {
-      var O;
-      const P = (O = S.target) == null ? void 0 : O.files;
-      !P || P.length === 0 || (a.value ? (N(a.value, Array.from(P)), a.value = void 0) : j(Array.from(P)));
+    function $(j) {
+      var F;
+      const P = (F = j.target) == null ? void 0 : F.files;
+      !P || P.length === 0 || (a.value ? (M(a.value, Array.from(P)), a.value = void 0) : V(Array.from(P)));
     }
-    function k(S) {
-      !S || S.length === 0 || (a.value = void 0, j(S));
+    function k(j) {
+      !j || j.length === 0 || (a.value = void 0, V(j));
     }
-    function E(S) {
-      a.value = S, s.value && s.value.click();
+    function E(j) {
+      a.value = j, s.value && s.value.click();
     }
-    function A(S) {
-      i.value = y(S), n.value = S;
+    function A(j) {
+      i.value = y(j), n.value = j;
     }
-    function M(S) {
-      A(n.value.filter((P) => P !== S));
+    function O(j) {
+      A(n.value.filter((P) => P !== j));
     }
-    function j(S) {
-      o.multiple ? A([...n.value, ...S]) : A([S[0]]);
+    function V(j) {
+      o.multiple ? A([...n.value, ...j]) : A([j[0]]);
     }
-    function N(S, [P, ...O]) {
+    function M(j, [P, ...F]) {
       if (o.multiple) {
         const K = [...n.value];
-        K[n.value.indexOf(S)] = P, K.push(...O), A(K);
+        K[n.value.indexOf(j)] = P, K.push(...F), A(K);
       } else
         A([P]);
     }
     return t({
       invalid: i
-    }), (S, P) => (c(), v("div", {
+    }), (j, P) => (c(), v("div", {
       class: I(["joy-dropzone", {
-        "joy-dropzone--dragover": D(d),
+        "joy-dropzone--dragover": D(u),
         "joy-dropzone--invalid": i.value,
         "joy-dropzone--empty": n.value.length === 0
       }])
@@ -2876,45 +2886,45 @@ const $l = /* @__PURE__ */ B({
         h("input", {
           ref_key: "inputRef",
           ref: s,
-          name: S.name,
+          name: j.name,
           type: "file",
-          accept: S.accept.join(","),
-          multiple: S.multiple,
+          accept: j.accept.join(","),
+          multiple: j.multiple,
           tabindex: "-1",
           onChange: $,
-          onClick: V
+          onClick: C
         }, null, 40, Jl),
         h("label", {
-          for: S.name,
+          for: j.name,
           class: "joy-dropzone__label"
         }, [
           n.value.length > 0 ? (c(), v("div", Ml, [
-            (c(!0), v(H, null, U(n.value, (O, K) => (c(), L(zl, {
-              key: `${O.name}_${K}`,
-              file: O,
-              error: S.multiple ? g(O) : void 0,
-              "update-label": S.updateLabel,
-              "delete-label": S.deleteLabel,
-              onUpdate: (se) => E(O),
-              onDelete: (se) => M(O)
+            (c(!0), v(H, null, U(n.value, (F, K) => (c(), L(zl, {
+              key: `${F.name}_${K}`,
+              file: F,
+              error: j.multiple ? g(F) : void 0,
+              "update-label": j.updateLabel,
+              "delete-label": j.deleteLabel,
+              onUpdate: (se) => E(F),
+              onDelete: (se) => O(F)
             }, ct({ _: 2 }, [
               l["file-information"] ? {
                 name: "information",
                 fn: z(() => [
-                  _(S.$slots, "file-information", { file: O }, void 0, !0)
+                  _(j.$slots, "file-information", { file: F }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               l["file-actions"] ? {
                 name: "actions",
                 fn: z(() => [
-                  _(S.$slots, "file-actions", { file: O }, void 0, !0)
+                  _(j.$slots, "file-actions", { file: F }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : w("", !0),
-          n.value.length === 0 || S.multiple ? (c(), L(re, {
+          n.value.length === 0 || j.multiple ? (c(), L(re, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -2922,13 +2932,13 @@ const $l = /* @__PURE__ */ B({
             onClick: b
           }, {
             default: z(() => [
-              R(Kt, {
+              N(Kt, {
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
               h("p", Ol, [
-                _(S.$slots, "dropzone-description", {}, () => [
-                  P[0] || (P[0] = F("Drop your file here or click here"))
+                _(j.$slots, "dropzone-description", {}, () => [
+                  P[0] || (P[0] = R("Drop your file here or click here"))
                 ], !0)
               ])
             ]),
@@ -2937,11 +2947,11 @@ const $l = /* @__PURE__ */ B({
         ], 8, Pl)
       ], 512),
       l["dropzone-legend"] ? (c(), v("div", Fl, [
-        _(S.$slots, "dropzone-legend", {}, void 0, !0)
+        _(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));
@@ -2980,7 +2990,7 @@ const $l = /* @__PURE__ */ B({
   },
   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);
     }
@@ -2990,7 +3000,7 @@ const $l = /* @__PURE__ */ B({
       class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
-      F(J(e.label) + " ", 1),
+      R(J(e.label) + " ", 1),
       _(a.$slots, "default", {}, void 0, !0),
       D(n) ? (c(), L(q, {
         key: 0,
@@ -3021,7 +3031,7 @@ const $l = /* @__PURE__ */ B({
     }
   },
   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"];
@@ -3059,18 +3069,18 @@ const $l = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = C(!0), o = Y(), n = C(!0);
-    Ke("VJoyStepperShowLabels", n);
+    const l = S(!0), o = Y(), n = S(!0);
+    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",
         {
@@ -3092,7 +3102,7 @@ const $l = /* @__PURE__ */ B({
             "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", {
@@ -3239,29 +3249,29 @@ const $l = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = C(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 o = e, n = l, i = Y(), a = S(o.modelValue), r = T(() => {
+      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({
@@ -3285,13 +3295,13 @@ const $l = /* @__PURE__ */ B({
 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) {
@@ -3300,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) {
@@ -3333,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) {
@@ -3357,7 +3367,7 @@ function Zt(e) {
     left: e
   };
 }
-function Ue(e) {
+function Ge(e) {
   const {
     x: t,
     y: l,
@@ -3380,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":
@@ -3398,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:
@@ -3413,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;
@@ -3430,55 +3440,55 @@ 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,
-      fn: V
+      fn: C
     } = r[g], {
       x: $,
       y: k,
       data: E,
       reset: A
-    } = await V({
+    } = 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
       }
-    }, A && y <= 50 && (y++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (d = A.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
     }) : 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
@@ -3495,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], V = 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,
@@ -3516,17 +3526,17 @@ async function Xt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, A = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: $,
     offsetParent: k,
     strategy: s
   }) : $);
   return {
-    top: (V.top - A.top + y.top) / E.y,
-    bottom: (A.bottom - V.bottom + y.bottom) / E.y,
-    left: (V.left - A.left + y.left) / E.x,
-    right: (A.right - V.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) => ({
@@ -3542,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", V = 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], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let j = M ? M[k] : 0;
-    (!j || !await (a.isElement == null ? void 0 : a.isElement(M))) && (j = r.floating[k] || i.floating[y]);
-    const N = E / 2 - A / 2, S = j / 2 - g[y] / 2 - 1, P = lt(u[V], S), O = lt(u[$], S), K = P, se = j - g[y] - O, Q = j / 2 - g[y] / 2 + N, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : O) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    }, 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 - 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: {
@@ -3578,32 +3588,32 @@ 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 V = ve(n), $ = $e(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), A = f || (k || !g ? [We(r)] : va(r)), M = y !== "none";
-      !f && M && A.push(...ga(r, g, y, E));
-      const j = [r, ...A], N = await Xt(t, b), S = [];
+      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 && S.push(N[V]), u) {
+      if (p && j.push(M[C]), d) {
         const Q = ma(n, a, E);
-        S.push(N[Q[0]], N[Q[1]]);
+        j.push(M[Q[0]], M[Q[1]]);
       }
       if (P = [...P, {
         placement: n,
-        overflows: S
-      }], !S.every((Q) => Q <= 0)) {
-        var O, K;
-        const Q = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, Ve = j[Q];
+        overflows: j
+      }], !j.every((Q) => Q <= 0)) {
+        var F, K;
+        const Q = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, Ve = V[Q];
         if (Ve)
           return {
             data: {
@@ -3620,8 +3630,8 @@ const wa = (e) => ({
             case "bestFit": {
               var se;
               const ae = (se = P.filter((fe) => {
-                if (M) {
-                  const pe = $e(fe.placement);
+                if (O) {
+                  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";
@@ -3651,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
   };
 }
@@ -3711,33 +3721,33 @@ const eo = function(e) {
         limiter: r = {
           fn: (b) => {
             let {
-              x: V,
+              x: C,
               y: $
             } = b;
             return {
-              x: V,
+              x: C,
               y: $
             };
           }
         },
         ...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", V = f === "y" ? "bottom" : "right", $ = m + p[b], k = m - p[V];
+        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", V = u === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[V];
+        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,
@@ -3761,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
       } : {
@@ -3779,18 +3789,18 @@ const eo = function(e) {
         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) {
-        var V, $;
-        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), A = i.reference[u] - i.floating[k] + (E && ((V = a.offset) == null ? void 0 : V[u]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[u] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[u]) || 0) - (E ? b.crossAxis : 0);
-        y < A ? y = A : y > M && (y = M);
+      if (u) {
+        var C, $;
+        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
 });
@@ -3817,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,
@@ -3834,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;
 }
@@ -3860,7 +3870,7 @@ function tt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Ae(e) {
+function Be(e) {
   if (ge(e) === "html")
     return e;
   const t = (
@@ -3873,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,
@@ -3895,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);
@@ -3904,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
@@ -3921,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(), V = le(y), $ = b.left + (y.clientLeft + parseFloat(V.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(V.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) {
@@ -3957,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,
@@ -3972,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);
@@ -3990,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,
@@ -4000,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) {
@@ -4016,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 = {
@@ -4025,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;
 }
@@ -4051,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,
@@ -4066,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,
@@ -4084,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) {
@@ -4123,7 +4133,7 @@ const Ma = {
   getElementRects: Ja,
   getClientRects: Ta,
   getDimensions: Ea,
-  getScale: Be,
+  getScale: Ae,
   isElement: de,
   isRTL: Pa
 };
@@ -4136,24 +4146,24 @@ 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(A) {
-      const M = A[0].intersectionRatio;
-      if (M !== s) {
+      const O = A[0].intersectionRatio;
+      if (O !== s) {
         if (!k)
           return a();
-        M ? a(!1, M) : o = setTimeout(() => {
+        O ? a(!1, O) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 100);
       }
@@ -4180,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)] : [];
-  p.forEach((V) => {
-    n && V.addEventListener("scroll", l, {
+  } = o, u = _t(e), p = n || i ? [...u ? Pe(u) : [], ...Pe(t)] : [];
+  p.forEach((C) => {
+    n && C.addEventListener("scroll", l, {
       passive: !0
-    }), i && V.addEventListener("resize", l);
+    }), 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((V) => {
-    let [$] = V;
-    $ && $.target === d && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+  a && (m = new ResizeObserver((C) => {
+    let [$] = C;
+    $ && $.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 V = Se(e);
-    g && (V.x !== g.x || V.y !== g.y || V.width !== g.width || V.height !== g.height) && l(), g = V, y = requestAnimationFrame(b);
+    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((V) => {
-      n && V.removeEventListener("scroll", l), i && V.removeEventListener("resize", l);
-    }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
+    p.forEach((C) => {
+      n && C.removeEventListener("scroll", l), i && C.removeEventListener("resize", l);
+    }), d && d(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
 const Da = (e, t, l) => {
@@ -4239,53 +4249,53 @@ 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;
 }
 function po(e, t, l) {
   l === void 0 && (l = {});
   const o = l.whileElementsMounted, n = T(() => {
-    var j;
-    return (j = D(l.open)) != null ? j : !0;
+    var V;
+    return (V = D(l.open)) != null ? V : !0;
   }), i = T(() => D(l.middleware)), a = T(() => {
-    var j;
-    return (j = D(l.placement)) != null ? j : "bottom";
+    var V;
+    return (V = D(l.placement)) != null ? V : "bottom";
   }), r = T(() => {
-    var j;
-    return (j = D(l.strategy)) != null ? j : "absolute";
+    var V;
+    return (V = D(l.strategy)) != null ? V : "absolute";
   }), s = T(() => {
-    var j;
-    return (j = D(l.transform)) != null ? j : !0;
-  }), d = T(() => st(e.value)), p = T(() => st(t.value)), u = C(0), f = C(0), m = C(r.value), y = C(a.value), g = Mt({}), b = C(!1), V = T(() => {
-    const j = {
+    var V;
+    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",
       top: "0"
     };
     if (!p.value)
-      return j;
-    const N = At(p.value, u.value), S = At(p.value, f.value);
+      return V;
+    const M = Bt(p.value, d.value), j = Bt(p.value, f.value);
     return s.value ? {
-      ...j,
-      transform: "translate(" + N + "px, " + S + "px)",
+      ...V,
+      transform: "translate(" + M + "px, " + j + "px)",
       ...fo(p.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
-      left: N + "px",
-      top: S + "px"
+      left: M + "px",
+      top: j + "px"
     };
   });
   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((j) => {
-      u.value = j.x, f.value = j.y, m.value = j.strategy, y.value = j.placement, g.value = j.middlewareData, b.value = !0;
+    }).then((V) => {
+      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() {
@@ -4296,28 +4306,28 @@ function po(e, t, l) {
       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;
     }
   }
-  function M() {
+  function O() {
     n.value || (b.value = !1);
   }
   return G([i, a, r], k, {
     flush: "sync"
-  }), G([d, p], A, {
+  }), G([u, p], A, {
     flush: "sync"
-  }), G(n, M, {
+  }), G(n, O, {
     flush: "sync"
   }), Jt() && Pt(E), {
-    x: Te(u),
+    x: Te(d),
     y: Te(f),
     strategy: Te(m),
     placement: Te(y),
     middlewareData: Te(g),
     isPositioned: Te(b),
-    floatingStyles: V,
+    floatingStyles: C,
     update: k
   };
 }
@@ -4367,7 +4377,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = C(!1), i = C(null), a = C(null), r = C(null), s = C(), d = C(
+    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,
@@ -4386,24 +4396,24 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       () => o.enableClickInContent ? {
         ignore: [a]
       } : {}
-    ), u = T(() => l["tooltip-content"] || o.text);
-    function f(V) {
-      V.preventDefault(), V.stopPropagation(), !n.value && o.event !== "click" && g();
+    ), d = T(() => l["tooltip-content"] || o.text);
+    function f(C) {
+      C.preventDefault(), C.stopPropagation(), !n.value && o.event !== "click" && g();
     }
     function m() {
       o.event !== "click" && g(!1);
     }
-    function y(V) {
-      !n.value && o.event === "click" && (V.preventDefault(), V.stopPropagation(), g());
+    function y(C) {
+      !n.value && o.event === "click" && (C.preventDefault(), C.stopPropagation(), g());
     }
-    function g(V = !0) {
+    function g(C = !0) {
       var $;
-      ($ = d.value) == null || $.update(), setTimeout(() => {
-        n.value = V;
+      ($ = u.value) == null || $.update(), setTimeout(() => {
+        n.value = C;
       }, o.delay);
     }
     const b = T(() => {
-      const { middlewareData: V, placement: $ } = d.value, k = V.arrow, E = {
+      const { middlewareData: C, placement: $ } = u.value, k = C.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -4424,7 +4434,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }), t({
       tooltipVisible: n,
       tooltip: r
-    }), (V, $) => (c(), L(D(pt), {
+    }), (C, $) => (c(), L(D(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: p.value,
@@ -4441,11 +4451,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             onClick: y,
             onMouseenter: f,
             onMouseleave: m,
-            onKeydown: $[0] || ($[0] = Oe((E) => g(!1), ["tab"]))
+            onKeydown: $[0] || ($[0] = Fe((E) => g(!1), ["tab"]))
           }, [
-            _(V.$slots, "default", {}, void 0, !0),
+            _(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",
@@ -4457,7 +4467,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
                     "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",
@@ -4470,8 +4480,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
                   ref: a,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  _(V.$slots, "tooltip-content", {}, () => [
-                    F(J(e.text), 1)
+                  _(C.$slots, "tooltip-content", {}, () => [
+                    R(J(e.text), 1)
                   ], !0)
                 ], 512)
               ], 14, Na)) : w("", !0)
@@ -4520,7 +4530,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, t.$attrs), {
           default: z(() => [
             _(t.$slots, "default", {}, () => [
-              F(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)
@@ -4535,7 +4545,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             _(t.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           default: z(() => [
-            R(q, {
+            N(q, {
               name: "question-circle",
               class: "joy-label__tooltip___icon joy-color-neutral-40"
             })
@@ -4574,13 +4584,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = C(), r = C(), s = be(), d = Y(), p = C(!1), u = C(!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 = C(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;
     });
-    function V() {
+    function C() {
       var k;
       n.readonly || (k = a.value) == null || k.focus();
     }
@@ -4606,11 +4616,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         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({
-      focus: V
+      focus: C
     }), (k, E) => (c(), v("div", {
       ref_key: "root",
       ref: r,
@@ -4637,7 +4647,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             _(k.$slots, "default", {}, () => [
-              F(J(k.label), 1)
+              R(J(k.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4694,7 +4704,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           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, {
@@ -4739,7 +4749,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, null, 8, ["name"])) : w("", !0),
         h("span", tr, [
           _(t.$slots, "default", {}, () => [
-            F(J(e.text), 1)
+            R(J(e.text), 1)
           ], !0)
         ])
       ]),
@@ -4757,7 +4767,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       class: "joy-list-item joy-core-radius-3 joy-pt-2 joy-pl-3 joy-pr-3 joy-pb-2 joy-color-neutral-60",
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, [
-      R(re, {
+      N(re, {
         "no-margin": "",
         "row-gap": "2",
         wrap: "nowrap",
@@ -4803,33 +4813,33 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = C();
-    C(0);
-    const i = C();
-    function a(u) {
-      u.disabled || o("selectItem", u);
+    const o = l, n = S();
+    S(0);
+    const i = S();
+    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");
@@ -4840,8 +4850,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       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",
@@ -4852,8 +4862,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         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",
@@ -4872,7 +4882,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           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
@@ -4902,13 +4912,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   },
   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,
@@ -4981,7 +4991,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         size: a.labelSize
       }, {
         default: z(() => [
-          F(J(a.label), 1)
+          R(J(a.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -4992,11 +5002,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           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), () => [
-              F(J(s.label), 1)
+              R(J(s.label), 1)
             ], !0)
           ]),
           _: 2
@@ -5069,22 +5079,22 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     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",
@@ -5093,10 +5103,10 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       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", {}, () => [
-            R(xt, {
+            N(xt, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
@@ -5126,10 +5136,10 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         ]),
         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", {}, () => [
-            R(xt, {
+            N(xt, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages
@@ -5162,7 +5172,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }, [
       h("div", jr, [
         _(t.$slots, "spinner", {}, () => [
-          R(Ht, {
+          N(Ht, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
@@ -5187,7 +5197,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
 }, Lr = { class: "joy-panel__body" }, Ir = {
   key: 1,
   class: "joy-panel__footer"
-}, Br = /* @__PURE__ */ B({
+}, Ar = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5219,7 +5229,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = C(), 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,
@@ -5269,7 +5279,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       }, 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 = {
@@ -5279,7 +5289,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
-    return (l, o) => (c(), v("div", Ar, [
+    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),
@@ -5293,7 +5303,7 @@ function Mr(e, t) {
   return c(), v("div", Pr);
 }
 const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78"]]), Fr = () => {
-  const e = C(null);
+  const e = S(null);
   return {
     clearProductTourRef: () => {
       e.value = null;
@@ -5323,11 +5333,11 @@ 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 = C(null), r = C(null), s = C(null), d = C(null), p = C(null), u = C(n.open), f = C(), m = C(
+    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(...j) {
-          return Fa(...j, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+        whileElementsMounted(...V) {
+          return Fa(...V, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5342,68 +5352,68 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         ]
       })
     ), y = T(() => {
-      const { middlewareData: j, placement: N } = m.value, S = j.arrow, P = {
+      const { middlewareData: V, placement: M } = m.value, j = V.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[N.split("-")[0]];
+      }[M.split("-")[0]];
       return {
-        left: (S == null ? void 0 : S.x) && `${S == null ? void 0 : S.x}px`,
-        top: (S == null ? void 0 : S.y) && `${S == null ? void 0 : S.y}px`,
+        left: (j == null ? void 0 : j.x) && `${j == null ? void 0 : j.x}px`,
+        top: (j == null ? void 0 : j.y) && `${j == null ? void 0 : j.y}px`,
         right: "",
         bottom: "",
         [P]: "-12px"
       };
     });
     function g() {
-      var j;
-      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), V({
+      var V;
+      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), C({
         elementToHighlight: s.value,
         disableOverlay: n.disableOverlay
-      }), (j = m.value) == null || j.update(), u.value = !0);
+      }), (V = m.value) == null || V.update(), d.value = !0);
     }
     function b() {
-      u.value = !1, i(), M(), o("product-tour:hide");
+      d.value = !1, i(), O(), o("product-tour:hide");
     }
-    function V(j) {
-      s.value && (j.disableOverlay || $(), k(j.elementToHighlight));
+    function C(V) {
+      s.value && (V.disableOverlay || $(), k(V.elementToHighlight));
     }
     function $() {
       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(j) {
-      j && (j.style.position = "relative", j.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = R(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(d.value, p.value), E());
+    function k(V) {
+      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)
         return;
-      const { left: j, top: N, height: S, width: P } = s.value.getBoundingClientRect();
-      p.value.style.left = `calc(${window.scrollX + j - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + N - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${S}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
+      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 A() {
       r.value && r.value.remove();
     }
-    function M() {
+    function O() {
       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 j;
-      d.value && ((j = a.value) != null && j.isConnected ? E() : b());
+      var V;
+      u.value && ((V = a.value) != null && V.isConnected ? E() : b());
     }), zt(() => {
-      M();
+      O();
     }), t({
       hide: b,
       show: g,
-      isOpen: u
-    }), (j, N) => {
-      var S;
-      return Ye((c(), v("div", {
+      isOpen: d
+    }), (V, M) => {
+      var j;
+      return Ke((c(), v("div", {
         ref_key: "productTour",
         ref: a,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ee({ "--product-tour-width": j.maxWidth + "px", ...(S = m.value) == null ? void 0 : S.floatingStyles })
+        style: ee({ "--product-tour-width": V.maxWidth + "px", ...(j = m.value) == null ? void 0 : j.floatingStyles })
       }, [
         h("div", {
           ref_key: "productTourArrow",
@@ -5414,24 +5424,24 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         h("div", {
           class: I([
             "joy-product-tour",
-            `joy-product-tour--${j.position}`,
+            `joy-product-tour--${V.position}`,
             {
-              "joy-product-tour--open": u.value
+              "joy-product-tour--open": d.value
             }
           ])
         }, [
           h("div", {
-            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": j.$slots["product-tour-banner"] }])
+            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": V.$slots["product-tour-banner"] }])
           }, [
-            _(j.$slots, "product-tour-banner", {}, void 0, !0)
+            _(V.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           h("div", {
-            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": j.$slots["product-tour-preheader"] }])
+            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": V.$slots["product-tour-preheader"] }])
           }, [
             h("div", null, [
-              _(j.$slots, "product-tour-preheader", {}, void 0, !0)
+              _(V.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
-            j.closeButton ? (c(), L(ne, {
+            V.closeButton ? (c(), L(ne, {
               key: 0,
               class: "joy-product-tour__close",
               variant: "ghost",
@@ -5442,33 +5452,33 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
             })) : w("", !0)
           ], 2),
           h("div", Dr, [
-            j.icon ? (c(), L(q, {
+            V.icon ? (c(), L(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
-              name: j.icon,
+              name: V.icon,
               size: "medium"
             }, null, 8, ["name"])) : w("", !0),
             h("div", null, [
               h("div", Rr, [
-                _(j.$slots, "product-tour-header", {}, void 0, !0)
+                _(V.$slots, "product-tour-header", {}, void 0, !0)
               ]),
-              _(j.$slots, "product-tour-content", {}, void 0, !0)
+              _(V.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          j.$slots["product-tour-dismiss"] || j.$slots["product-tour-next"] ? (c(), v("div", Nr, [
+          V.$slots["product-tour-dismiss"] || V.$slots["product-tour-next"] ? (c(), v("div", Nr, [
             h("div", { onClick: b }, [
-              _(j.$slots, "product-tour-dismiss", {}, void 0, !0)
+              _(V.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
             h("span", qr, [
-              j.steps > 1 ? (c(), v(H, { key: 0 }, [
-                F(J(j.step) + "/" + J(j.steps), 1)
+              V.steps > 1 ? (c(), v(H, { key: 0 }, [
+                R(J(V.step) + "/" + J(V.steps), 1)
               ], 64)) : w("", !0)
             ]),
-            _(j.$slots, "product-tour-next", {}, void 0, !0)
+            _(V.$slots, "product-tour-next", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ], 4)), [
-        [Lo, u.value]
+        [Lo, d.value]
       ]);
     };
   }
@@ -5489,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 = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = C(), 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() {
@@ -5506,10 +5516,10 @@ 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" }, [
-      R(Ur, W({ ...n, ...p.value }, {
+      N(Ur, W({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5548,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));
@@ -5589,7 +5599,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(0), n = T(() => i());
+    const l = e, o = S(0), n = T(() => i());
     function i() {
       return l.percentage ? o.value = l.percentage : l.currentStep && l.steps ? o.value = Math.round(l.currentStep / l.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
@@ -5646,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 = C(!1), a = C(!1), r = C(null), s = C(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;
@@ -5665,7 +5675,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     return G(
       () => n.modelValue,
       () => {
-        u();
+        d();
       }
     ), t({
       checked: p,
@@ -5762,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;
@@ -5856,11 +5866,11 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     const o = e, n = l, i = Y(), a = T(() => {
       const g = (i == null ? void 0 : i.default) && (i == null ? void 0 : i.default());
       let b = [];
-      return g.forEach((V) => {
-        if (r(V))
-          b.push(V);
+      return g.forEach((C) => {
+        if (r(C))
+          b.push(C);
         else {
-          const $ = V.children;
+          const $ = C.children;
           if (typeof $ == "string" || !$.length)
             return;
           const k = $.filter(r);
@@ -5871,15 +5881,15 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     function r(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const s = C(), d = C(), p = C(!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 V;
+      var C;
       const g = i["select-label"] && i["select-label"]();
       if (!g || !g.length)
         return;
       const b = g[0];
       if (b.type === "JoyLabel") {
-        const $ = (V = b.props) == null ? void 0 : V.for;
+        const $ = (C = b.props) == null ? void 0 : C.for;
         if (!$) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -5898,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
@@ -5909,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(() => [
-            F(J(e.label), 1)
+            R(J(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
@@ -5931,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,
@@ -5943,17 +5953,17 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           onFocus: m,
           onBlur: y
         }, [
-          (c(!0), v(H, null, U(a.value, (V) => {
+          (c(!0), v(H, null, U(a.value, (C) => {
             var $, k;
             return c(), v("option", W({
-              key: ($ = V.props) == null ? void 0 : $.value,
+              key: ($ = C.props) == null ? void 0 : $.value,
               ref_for: !0
-            }, V.props, {
-              selected: ((k = V.props) == null ? void 0 : k.value) === e.modelValue
-            }), J(V.children), 17, pi);
+            }, C.props, {
+              selected: ((k = C.props) == null ? void 0 : k.value) === e.modelValue
+            }), J(C.children), 17, pi);
           }), 128))
         ], 40, fi),
-        R(q, {
+        N(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -5977,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 = C(), a = C(!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;
@@ -5994,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(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", {}, () => [
-              F(J(u.subLabel), 1)
+            _(d.$slots, "selectable-item-sublabel", {}, () => [
+              R(J(d.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6103,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;
@@ -6121,7 +6131,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         size: r.labelSize
       }, {
         default: z(() => [
-          F(J(r.label), 1)
+          R(J(r.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -6136,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), () => [
-              F(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(() => [
-              F(J(d.subLabel), 1)
+              R(J(u.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -6226,13 +6236,13 @@ 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 = C(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");
+    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(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",
@@ -6249,10 +6259,10 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           style: ee({ maxWidth: a.value })
         }, null, 4)
       ]),
-      R(dt, { name: "joy-step__label" }, {
+      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
@@ -6274,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);
     });
@@ -6282,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, [
@@ -6296,13 +6306,13 @@ 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),
+          "current-sub-step": d(g),
           "show-label": D(n)
         }), {
           default: z(() => {
-            var V;
+            var C;
             return [
-              (V = y.children) != null && V.default ? (c(), L(Z(y.children.default), { key: 0 })) : w("", !0)
+              (C = y.children) != null && C.default ? (c(), L(Z(y.children.default), { key: 0 })) : w("", !0)
             ];
           }),
           _: 2
@@ -6310,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__ */ B({
+}), Tu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Ai = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6341,7 +6351,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyTabs", C("")), 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",
@@ -6355,7 +6365,7 @@ 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__ */ B({
@@ -6410,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({
@@ -6420,7 +6430,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, [
         h("button", xi, [
           _(r.$slots, "default", {}, () => [
-            F(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0),
           n.value ? (c(), L(un, {
             key: 0,
@@ -6430,7 +6440,7 @@ 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__ */ B({
   __name: "VJoyTabs",
@@ -6442,24 +6452,24 @@ 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 = C(o.selectedTab);
-    Ke("VJoyTabs", a);
-    const r = C(null), s = C(null), d = C(!1), p = C(!1), u = T(() => {
+    const o = e, n = l, i = Y(), a = S(o.selectedTab);
+    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);
     });
     function f(b) {
-      var V;
-      return ((V = b == null ? void 0 : b.type) == null ? void 0 : V.__name) === "VJoyTab";
+      var C;
+      return ((C = b == null ? void 0 : b.type) == null ? void 0 : C.__name) === "VJoyTab";
     }
     function m(b) {
       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, V = !0) {
-      b && V && (a.value = b, n("update:selected-tab", b));
+    function g(b, C = !0) {
+      b && C && (a.value = b, n("update:selected-tab", b));
     }
     return G(
       () => o.selectedTab,
@@ -6474,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
-    }), (b, V) => (c(), v("div", Ji, [
+      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
         })
       }, [
@@ -6491,10 +6501,10 @@ 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
           }, [
-            R(zi, {
+            N(zi, {
               tab: $.props.tab,
               label: $.props.label,
               href: $.props.href,
@@ -6545,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, {
@@ -6565,7 +6575,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           name: "drag",
           size: "xxsmall"
         })) : w("", !0),
-        F(" " + J(p.label), 1)
+        R(" " + J(p.label), 1)
       ], !0),
       p.removable ? (c(), L(q, {
         key: 0,
@@ -6574,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;
@@ -6606,91 +6616,91 @@ 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 = C(o.modelValue), a = C(!1), r = C(null), s = C(o.invalid), d = C(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 O;
-      const S = i.value.map((K) => K.trim());
-      return S.filter((K, se) => S.indexOf(K) !== se).length ? !0 : (O = r.value) != null && O.value ? S.includes(r.value.value.trim()) : !1;
+      var F;
+      const j = i.value.map((K) => K.trim());
+      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 V(S) {
+    function C(j) {
       var P;
-      if (["Backspace"].includes(S.key)) {
+      if (["Backspace"].includes(j.key)) {
         if (((P = r.value) == null ? void 0 : P.value) !== "")
           return;
-        i.value.pop(), n("update:modelValue", i.value), p.value && N();
+        i.value.pop(), n("update:modelValue", i.value), p.value && M();
       }
     }
     function $() {
-      var S, P;
-      (S = r.value) != null && S.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
+      var j, P;
+      (j = r.value) != null && j.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
     }
-    function k(S) {
+    function k(j) {
       var P;
       if (p.value) {
-        if (["Enter", ",", " "].includes(S.key)) {
-          if (S.preventDefault(), N(), g()) {
-            n("validation:error", _e.DUPLICATED_ENTRY);
+        if (["Enter", ",", " "].includes(j.key)) {
+          if (j.preventDefault(), M(), g()) {
+            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(S.key)) {
-        if (S.preventDefault(), g()) {
-          s.value = !0, d.value = _e.DUPLICATED_ENTRY, n("validation:error", _e.DUPLICATED_ENTRY);
+      } else if (["Enter", ","].includes(j.key)) {
+        if (j.preventDefault(), g()) {
+          s.value = !0, u.value = we.DUPLICATED_ENTRY, n("validation:error", we.DUPLICATED_ENTRY);
           return;
         }
         $(), s.value = !1;
       }
-      V(S);
+      C(j);
     }
     function E() {
       a.value = !0;
     }
     function A() {
-      a.value = !1, N();
+      a.value = !1, M();
     }
-    function M(S) {
+    function O(j) {
       var P;
-      i.value = i.value.filter((O) => O !== S.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), N();
+      i.value = i.value.filter((F) => F !== j.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), M();
     }
-    function j() {
-      var P, O;
-      let S = !1;
+    function V() {
+      var P, F;
+      let j = !1;
       if (p.value) {
         let K = i.value;
-        (P = r.value) != null && P.value && (K = [...K, (O = r.value) == null ? void 0 : O.value]), S = !Et(K);
+        (P = r.value) != null && P.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), j = !Et(K);
       }
-      s.value = S || g(), !S && g() && (d.value = null);
+      s.value = j || g(), !j && g() && (u.value = null);
     }
-    function N() {
-      j(), y(), b();
+    function M() {
+      V(), y(), b();
     }
     return G(
       () => o.modelValue,
       () => {
-        p.value && N();
+        p.value && M();
       },
       { immediate: !0 }
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), (S, P) => (c(), v("div", Fi, [
-      S.$slots.default ? (c(), L(ze, {
+    }), (j, P) => (c(), v("div", Fi, [
+      j.$slots.default ? (c(), L(ze, {
         key: 0,
-        id: S.name,
+        id: j.name,
         class: "joy-tags-input__label"
       }, {
         default: z(() => [
-          _(S.$slots, "default", {}, void 0, !0)
+          _(j.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : w("", !0),
@@ -6703,28 +6713,28 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), v(H, null, U(i.value, (O) => (c(), L(vo, {
-          key: O,
-          variant: S.variant,
+        (c(!0), v(H, null, U(i.value, (F) => (c(), L(vo, {
+          key: F,
+          variant: j.variant,
           removable: !0,
-          size: S.size,
-          label: O,
-          value: O,
-          onRemove: M
+          size: j.size,
+          label: F,
+          value: F,
+          onRemove: O
         }, {
           default: z(() => [
-            _(S.$slots, "tag", W({ ref_for: !0 }, { name: O }), void 0, !0)
+            _(j.$slots, "tag", W({ ref_for: !0 }, { name: F }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
         h("input", {
-          id: S.name,
+          id: j.name,
           ref_key: "inputEl",
           ref: r,
           "data-joy-form-field": "",
           type: "text",
-          name: S.name,
-          placeholder: S.placeholder,
+          name: j.name,
+          placeholder: j.placeholder,
           onKeydown: k,
           onFocus: E,
           onBlur: A
@@ -6736,15 +6746,15 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", Ri, J(S.duplicationError), 1)) : w("", !0),
-            u.value ? (c(), v("li", Ni, J(S.invalidEmailError), 1)) : w("", !0)
+            f.value ? (c(), v("li", Ri, J(j.duplicationError), 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__ */ B({
+}), Au = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6780,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) {
@@ -7012,11 +7022,11 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Y(), a = C(), { triggerResize: r } = Tn({
+    const o = l, n = e, i = Y(), a = S(), { triggerResize: r } = Tn({
       element: n.autogrow ? a : void 0
-    }), s = C(!1), d = C(!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();
       },
@@ -7024,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.
@@ -7044,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", {
@@ -7055,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
         }
       ])
     }, [
@@ -7068,7 +7078,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       }, {
         default: z(() => [
           _(y.$slots, "default", {}, () => [
-            F(J(e.label), 1)
+            R(J(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -7100,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"
           })),
-          F(" " + 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,
@@ -7178,7 +7188,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   setup(e, { emit: t }) {
     const l = t;
     Y();
-    const o = C(!1), n = {
+    const o = S(!1), n = {
       onChange: (i) => {
         const a = i.target.checked;
         l("update:modelValue", a);
@@ -7248,7 +7258,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           ]),
           h("span", bs, [
             _(i.$slots, "default", {}, () => [
-              F(J(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ])
         ], 2)
@@ -7290,7 +7300,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       default: z(() => [
         h("div", ws, [
           _(t.$slots, "user-card-avatar", {}, () => [
-            R(nn, {
+            N(nn, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
@@ -7299,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", {}, () => [
-              F(J(e.fullName), 1)
+              R(J(e.fullName), 1)
             ], !0)
           ]),
           h("p", $s, [
             _(t.$slots, "user-card-subtitle", {}, () => [
-              F(J(e.subTitle), 1)
+              R(J(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
@@ -7336,10 +7346,10 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
     open: { type: Boolean }
   },
   setup(e) {
-    const l = C(e.open);
+    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)
@@ -7354,7 +7364,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           o.title ? (c(), v("span", Vs, J(o.title), 1)) : w("", !0),
           o.subtitle ? (c(), v("span", Ts, J(o.subtitle), 1)) : w("", !0)
         ]),
-        R(q, {
+        N(q, {
           class: "joy-ml-3",
           color: "white",
           name: l.value ? "chevron-down" : "chevron-up"
@@ -7364,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 = {
@@ -7388,17 +7398,17 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l;
     let i = null;
-    const a = C(o.open), r = C(!1);
+    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);
@@ -7420,11 +7430,11 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
         a.value ? (c(), v("div", W({ key: 0 }, f.$attrs, {
           class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": r.value }]
         }), [
-          R(re, {
+          N(re, {
             "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, {
@@ -7432,14 +7442,14 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
                 color: "white",
                 name: f.triggerIcon
               }, null, 8, ["name"])) : w("", !0),
-              R(re, {
+              N(re, {
                 justify: "space-between",
                 class: "joy-walkthrough-modal__title",
                 "no-margin": ""
               }, {
                 default: z(() => [
-                  F(J(f.triggerTitle) + " ", 1),
-                  R(q, {
+                  R(J(f.triggerTitle) + " ", 1),
+                  N(q, {
                     color: "white",
                     name: a.value ? "chevron-down" : "chevron-up"
                   }, null, 8, ["name"])
@@ -7452,15 +7462,15 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           h("div", {
             class: I(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": f.footer }])
           }, [
-            R(re, {
+            N(re, {
               "no-margin": "",
               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)
                   ]),
@@ -7564,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,