@maltjoy/core-vue 5.1.0 → 5.2.0

package/dist/core-vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as L, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as _, createApp as wo, createTextVNode as D, Fragment as H, createBlock as T, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, unref as q, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Fe, resolveDirective as ct, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as _o, readonly as jo, customRef as ko, shallowRef as Ot, watch as K, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as G, withKeys as Oe, shallowReadonly as xe, onBeforeUnmount as Je, provide as Ze, Transition as ft, createSlots as yt, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as To, useModel as xo, createStaticVNode as Dt, onBeforeMount as Io, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
+import { defineComponent as L, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as _, createApp as wo, createTextVNode as D, Fragment as H, createBlock as T, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, unref as q, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Fe, resolveDirective as ct, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as _o, readonly as jo, customRef as ko, shallowRef as Ot, watch as G, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as Y, withKeys as Oe, shallowReadonly as xe, onBeforeUnmount as Je, provide as Ze, Transition as ft, createSlots as yt, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as To, useModel as xo, createStaticVNode as Dt, onBeforeMount as Io, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
 function $t(e) {
   const t = e.target;
   if (!t)
     return;
-  const l = t.getBoundingClientRect(), o = "joy-ripple-effect";
-  let n;
-  const r = t.querySelector(`.${o}`);
-  r || (n = document.createElement("span"), n.classList.add(o));
-  const a = r || n;
+  const l = t.getBoundingClientRect(), n = "joy-ripple-effect";
+  let o;
+  const i = t.querySelector(`.${n}`);
+  i || (o = document.createElement("span"), o.classList.add(n));
+  const a = i || o;
   t.prepend(a);
-  const i = Math.sqrt(Math.pow(l.width, 2) + Math.pow(l.height, 2)) * 2;
-  a.style.width = a.style.height = `${i}px`, a.style.left = `${e.clientX - l.left}px`, a.style.top = `${e.clientY - l.top}px`;
+  const r = Math.sqrt(Math.pow(l.width, 2) + Math.pow(l.height, 2)) * 2;
+  a.style.width = a.style.height = `${r}px`, a.style.left = `${e.clientX - l.left}px`, a.style.top = `${e.clientY - l.top}px`;
 }
 const Rt = {
   mounted: (e) => {
@@ -25,31 +25,31 @@ function zo(e = "") {
     return e !== e.toLowerCase();
 }
 function Jo(e, t) {
-  const l = Eo, o = [];
+  const l = Eo, n = [];
   if (!e || typeof e != "string")
-    return o;
-  let n = "", r, a;
-  for (const i of e) {
-    const s = l.includes(i);
+    return n;
+  let o = "", i, a;
+  for (const r of e) {
+    const s = l.includes(r);
     if (s === !0) {
-      o.push(n), n = "", r = void 0;
+      n.push(o), o = "", i = void 0;
       continue;
     }
-    const d = zo(i);
+    const d = zo(r);
     if (a === !1) {
-      if (r === !1 && d === !0) {
-        o.push(n), n = i, r = d;
+      if (i === !1 && d === !0) {
+        n.push(o), o = r, i = d;
         continue;
       }
-      if (r === !0 && d === !1 && n.length > 1) {
-        const y = n.at(-1);
-        o.push(n.slice(0, Math.max(0, n.length - 1))), n = y + i, r = d;
+      if (i === !0 && d === !1 && o.length > 1) {
+        const y = o.at(-1);
+        n.push(o.slice(0, Math.max(0, o.length - 1))), o = y + r, i = d;
         continue;
       }
     }
-    n += i, r = d, a = s;
+    o += r, i = d, a = s;
   }
-  return o.push(n), o;
+  return n.push(o), n;
 }
 function St(e, t) {
   return e ? (Array.isArray(e) ? e : Jo(e)).map((l) => l.toLowerCase()).join("-") : "";
@@ -57,8 +57,8 @@ function St(e, t) {
 const Mo = {
   created: (e, t) => {
     for (const l in t.value) {
-      const o = St(l);
-      e.hasAttribute(o) || e.setAttribute(o, t.value[l]);
+      const n = St(l);
+      e.hasAttribute(n) || e.setAttribute(n, t.value[l]);
     }
   },
   getSSRProps(e) {
@@ -135,7 +135,7 @@ const Fo = ["role", "tabindex", "aria-label", "title"], R = /* @__PURE__ */ L({
       if (t.role === "button")
         return t.tabIndex;
     });
-    return (o, n) => (c(), v("span", {
+    return (n, o) => (c(), v("span", {
       class: I(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: l.value,
@@ -199,28 +199,28 @@ const Fo = ["role", "tabindex", "aria-label", "title"], R = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(!0);
-    let n, r;
-    const a = "joy-snackbar-" + Xe(), i = V(() => Nt(l.level));
+    const l = e, n = C(!0);
+    let o, i;
+    const a = "joy-snackbar-" + Xe(), r = V(() => Nt(l.level));
     function s() {
       var b;
       (b = l.bus) == null || b.emit("snackbar:action-click");
     }
     function d() {
-      n && clearTimeout(n), r && clearTimeout(r);
+      o && clearTimeout(o), i && clearTimeout(i);
     }
     function y() {
       var b;
       u(), (b = l.bus) == null || b.emit("snackbar:hide");
     }
     function u() {
-      o.value = !1;
+      n.value = !1;
     }
     function f() {
-      n = setTimeout(u, l.duration), m();
+      o = setTimeout(u, l.duration), m();
     }
     function m() {
-      r = setTimeout(function() {
+      i = setTimeout(function() {
         var b;
         (b = l.bus) == null || b.emit("snackbar:hide");
       }, l.duration + 300);
@@ -235,12 +235,12 @@ const Fo = ["role", "tabindex", "aria-label", "title"], R = /* @__PURE__ */ L({
     return Mt(() => {
       d();
     }), t({
-      isOpen: o,
+      isOpen: n,
       exposedMethods: p
     }), (b, g) => (c(), v("div", {
       class: I(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
-        "joy-snackbar__hiding": !o.value
+        "joy-snackbar__hiding": !n.value
       }])
     }, [
       h("div", {
@@ -250,7 +250,7 @@ const Fo = ["role", "tabindex", "aria-label", "title"], R = /* @__PURE__ */ L({
         h("div", Oo, [
           O(R, {
             color: "white",
-            name: i.value,
+            name: r.value,
             size: "small"
           }, null, 8, ["name"])
         ]),
@@ -279,23 +279,23 @@ const Fo = ["role", "tabindex", "aria-label", "title"], R = /* @__PURE__ */ L({
   }
 }), A = (e, t) => {
   const l = e.__vccOpts || e;
-  for (const [o, n] of t)
-    l[o] = n;
+  for (const [n, o] of t)
+    l[n] = o;
   return l;
 }, Ho = /* @__PURE__ */ A(qo, [["__scopeId", "data-v-544f38e7"]]);
 function Wo(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, l) {
-    var o = e.get(t);
-    o ? o.push(l) : e.set(t, [l]);
+    var n = e.get(t);
+    n ? n.push(l) : e.set(t, [l]);
   }, off: function(t, l) {
-    var o = e.get(t);
-    o && (l ? o.splice(o.indexOf(l) >>> 0, 1) : e.set(t, []));
+    var n = e.get(t);
+    n && (l ? n.splice(n.indexOf(l) >>> 0, 1) : e.set(t, []));
   }, emit: function(t, l) {
-    var o = e.get(t);
-    o && o.slice().map(function(n) {
-      n(l);
-    }), (o = e.get("*")) && o.slice().map(function(n) {
-      n(t, l);
+    var n = e.get(t);
+    n && n.slice().map(function(o) {
+      o(l);
+    }), (n = e.get("*")) && n.slice().map(function(o) {
+      o(t, l);
     });
   } };
 }
@@ -313,7 +313,7 @@ function Zs() {
   He = 0, Ht = [];
 }
 function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
-  var o;
+  var n;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
   const l = document.createElement("style");
@@ -328,26 +328,26 @@ function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
             width: 580px;
             max-width: calc(100% - var(--joy-core-spacing-6) * 2);
         }
-    `, document.head.appendChild(l), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
+    `, document.head.appendChild(l), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (n = document.body.querySelector(e.appendTo)) == null || n.appendChild(t));
 }
 function Xs(e) {
-  var r, a;
+  var i, a;
   He++;
   let t, l;
-  const o = Uo();
+  const n = Uo();
   t = wo(
     Ho,
     Object.assign(e.props, {
-      bus: o,
+      bus: n,
       instanceNb: He
     })
   );
-  const n = document.createElement("div");
-  return n.classList.add("joy-snackbar__shell"), l = `${Go}${He}`, n.id = l, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(n) : (a = document.getElementById(qt)) == null || a.appendChild(n), t.use(Yo).mount("#" + l), Ht.push(t), o.on("snackbar:hide", () => {
-    var i;
-    t.unmount(), (i = document.getElementById(l)) == null || i.remove();
+  const o = document.createElement("div");
+  return o.classList.add("joy-snackbar__shell"), l = `${Go}${He}`, o.id = l, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (a = document.getElementById(qt)) == null || a.appendChild(o), t.use(Yo).mount("#" + l), Ht.push(t), n.on("snackbar:hide", () => {
+    var r;
+    t.unmount(), (r = document.getElementById(l)) == null || r.remove();
   }), {
-    snackbarEventBus: o,
+    snackbarEventBus: n,
     snackbarApp: t
   };
 }
@@ -364,7 +364,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Qs = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
+}), Qs = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-ac8dcdf4"]]), Qo = ["title"], en = /* @__PURE__ */ L({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -377,15 +377,15 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
     }));
-    return (o, n) => (c(), v("div", {
-      class: I(["joy-availability", { "joy-availability-has-label": !!o.label }]),
-      title: o.label || void 0
+    return (n, o) => (c(), v("div", {
+      class: I(["joy-availability", { "joy-availability-has-label": !!n.label }]),
+      title: n.label || void 0
     }, [
       h("span", {
         class: I(l.value)
       }, null, 2),
-      o.label ? (c(), v(H, { key: 0 }, [
-        D(J(o.label), 1)
+      n.label ? (c(), v(H, { key: 0 }, [
+        D(J(n.label), 1)
       ], 64)) : _("", !0)
     ], 10, Qo));
   }
@@ -409,25 +409,25 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = V(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = V(() => n.link ? {
+    const n = l, o = e, i = V(() => o.size === "large" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "xxsmall"), a = V(() => o.link ? {
       type: "button"
-    } : null), i = V(() => ({
+    } : null), r = V(() => ({
       "joy-avatar": !0,
-      "joy-avatar__link": n.link,
+      "joy-avatar__link": o.link,
       "joy-avatar__placeholder": s.value,
-      [`joy-avatar__${n.size}`]: !0,
-      "joy-avatar--empty": n.isEmpty
-    })), s = V(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), d = V(() => {
+      [`joy-avatar__${o.size}`]: !0,
+      "joy-avatar--empty": o.isEmpty
+    })), s = V(() => !o.fullName && !o.photoUrl && !o.totalNumber && !o.isEmpty), d = V(() => {
       function u(m) {
         return m.replace(/[';,:()]/g, "").charAt(0);
       }
-      let f = n.fullName.split(" ");
+      let f = o.fullName.split(" ");
       return f = f.slice(0, 2), f.forEach((m, p) => {
         f[p] = u(m);
       }), f.join("").toUpperCase();
     });
     function y() {
-      o("click");
+      n("click");
     }
     return t({
       isAnonymous: s,
@@ -442,7 +442,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
     }, [
       (c(), T(Z(u.link ? "button" : "div"), W(a.value, {
         title: u.fullName,
-        class: [i.value],
+        class: [r.value],
         onClick: y
       }), {
         default: z(() => [
@@ -450,7 +450,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
             key: 0,
             name: u.placeholder,
             color: "neutral-50",
-            size: r.value
+            size: i.value
           }, null, 8, ["name", "size"])) : _("", !0),
           u.photoUrl ? (c(), v("img", {
             key: 1,
@@ -512,7 +512,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   },
   setup(e) {
     const t = e, l = V(() => typeof t.number == "number");
-    return (o, n) => (c(), v("div", {
+    return (n, o) => (c(), v("div", {
       class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
       l.value ? (c(), v("span", sn, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
@@ -548,7 +548,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   },
   setup(e) {
     const t = e, l = V(() => typeof t.number == "number");
-    return (o, n) => l.value ? (c(), T(Ct, {
+    return (n, o) => l.value ? (c(), T(Ct, {
       key: 0,
       variant: e.variant,
       number: e.number
@@ -562,7 +562,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
         class: "joy-badge_dot",
         variant: e.variant
       }, null, 8, ["variant"])) : _("", !0),
-      w(o.$slots, "default", {}, () => [
+      w(n.$slots, "default", {}, () => [
         D(J(e.label), 1)
       ], !0)
     ], 2));
@@ -632,14 +632,14 @@ const fn = { class: "joy-badge-level" }, yn = {
           return "Supermalter";
       }
     });
-    return (o, n) => (c(), v("span", fn, [
-      e.type === q(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (r, a) => (c(), v("svg", {
+    return (n, o) => (c(), v("span", fn, [
+      e.type === q(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
-      }, n[0] || (n[0] = [
+      }, o[0] || (o[0] = [
         h("path", {
           fill: "#264FFA",
           d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
@@ -653,13 +653,13 @@ const fn = { class: "joy-badge-level" }, yn = {
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
       ])))), 128)) : _("", !0),
-      e.type === q(X).HIGH_POTENTIAL ? (c(), v("svg", yn, n[1] || (n[1] = [
+      e.type === q(X).HIGH_POTENTIAL ? (c(), v("svg", yn, o[1] || (o[1] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", pn, n[2] || (n[2] = [
+      e.type === q(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", pn, o[2] || (o[2] = [
         h("path", {
           fill: "#EF4E16",
           d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
@@ -677,7 +677,7 @@ const fn = { class: "joy-badge-level" }, yn = {
           d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(X).MALT_LINKER ? (c(), v("svg", mn, n[3] || (n[3] = [
+      e.type === q(X).MALT_LINKER ? (c(), v("svg", mn, o[3] || (o[3] = [
         h("path", {
           d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
           fill: "#E3F8FB"
@@ -687,7 +687,7 @@ const fn = { class: "joy-badge-level" }, yn = {
           fill: "#FF91F0"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(We).HIGH_POTENTIAL ? (c(), v("svg", vn, n[4] || (n[4] = [
+      e.type === q(We).HIGH_POTENTIAL ? (c(), v("svg", vn, o[4] || (o[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"
@@ -703,7 +703,7 @@ const fn = { class: "joy-badge-level" }, yn = {
           }
         ])
       }, [
-        e.visibleText ? w(o.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? w(n.$slots, "default", { key: 0 }, () => [
           D(J(l.value), 1)
         ], !0) : _("", !0)
       ], 2)
@@ -727,13 +727,13 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyWrapperContext", {}), o = V(() => {
+    const t = e, l = Ce("VJoyWrapperContext", {}), n = V(() => {
       if (Object.keys(l).length === 0)
         return;
-      let n = "1 0";
-      return t.width && (n += ` ${t.width}`), n;
+      let o = "1 0";
+      return t.width && (o += ` ${t.width}`), o;
     });
-    return (n, r) => (c(), v("div", {
+    return (o, i) => (c(), v("div", {
       "aria-hidden": "true",
       class: I({
         "joy-block-skeleton": !0,
@@ -742,7 +742,7 @@ const fn = { class: "joy-badge-level" }, yn = {
       style: ee({
         "max-width": e.width,
         height: e.height,
-        flex: o.value
+        flex: n.value
       })
     }, null, 6));
   }
@@ -804,7 +804,7 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = Fe() + "--JoyButton", r = V(() => {
+    const l = e, n = be(), o = Fe() + "--JoyButton", i = V(() => {
       switch (l.size) {
         case "xxsmall":
           return "xxsmall";
@@ -818,12 +818,12 @@ const fn = { class: "joy-badge-level" }, yn = {
           return "small";
       }
     }), a = V(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
-    return t({ generatedId: n }), (i, s) => {
+    return t({ generatedId: o }), (r, s) => {
       const d = ct("joy-ripple");
-      return Ke((c(), T(Z(q(o).href ? "a" : "button"), {
+      return Ke((c(), T(Z(q(n).href ? "a" : "button"), {
         id: e.id,
-        disabled: e.loading || q(o).disabled,
-        type: q(o).type || "button",
+        disabled: e.loading || q(n).disabled,
+        type: q(n).type || "button",
         class: I([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -833,14 +833,14 @@ const fn = { class: "joy-badge-level" }, yn = {
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (i.$slots.default || e.label) && n
+        "aria-labelledby": (r.$slots.default || e.label) && o
       }, {
         default: z(() => [
           e.icon && e.iconPosition === "left" ? (c(), T(R, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : _("", !0),
           e.loading ? (c(), T(Ut, {
@@ -848,10 +848,10 @@ const fn = { class: "joy-badge-level" }, yn = {
             color: a.value
           }, null, 8, ["color"])) : _("", !0),
           h("span", {
-            id: n,
+            id: o,
             class: "joy-button--slot"
           }, [
-            w(i.$slots, "default", {}, () => [
+            w(r.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
@@ -859,7 +859,7 @@ const fn = { class: "joy-badge-level" }, yn = {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
-            size: r.value,
+            size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : _("", !0)
         ]),
@@ -897,20 +897,20 @@ function _e(e) {
 }
 const pt = et ? window : void 0;
 function je(...e) {
-  let t, l, o, n;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = pt) : [t, l, o, n] = e, !t)
+  let t, l, n, o;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, n, o] = e, t = pt) : [t, l, n, o] = e, !t)
     return Le;
-  Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const r = [], a = () => {
-    r.forEach((y) => y()), r.length = 0;
-  }, i = (y, u, f, m) => (y.addEventListener(u, f, m), () => y.removeEventListener(u, f, m)), s = K(
-    () => [_e(t), me(n)],
+  Array.isArray(l) || (l = [l]), Array.isArray(n) || (n = [n]);
+  const i = [], a = () => {
+    i.forEach((y) => y()), i.length = 0;
+  }, r = (y, u, f, m) => (y.addEventListener(u, f, m), () => y.removeEventListener(u, f, m)), s = G(
+    () => [_e(t), me(o)],
     ([y, u]) => {
       if (a(), !y)
         return;
       const f = Gt(u) ? { ...u } : u;
-      r.push(
-        ...l.flatMap((m) => o.map((p) => i(y, m, p, f)))
+      i.push(
+        ...l.flatMap((m) => n.map((p) => r(y, m, p, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -921,38 +921,38 @@ function je(...e) {
 }
 let Vt = !1;
 function Sn(e, t, l = {}) {
-  const { window: o = pt, ignore: n = [], capture: r = !0, detectIframe: a = !1 } = l;
-  if (!o)
+  const { window: n = pt, ignore: o = [], capture: i = !0, detectIframe: a = !1 } = l;
+  if (!n)
     return Le;
-  at && !Vt && (Vt = !0, Array.from(o.document.body.children).forEach((f) => f.addEventListener("click", Le)), o.document.documentElement.addEventListener("click", Le));
-  let i = !0;
-  const s = (f) => n.some((m) => {
+  at && !Vt && (Vt = !0, Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", Le)), n.document.documentElement.addEventListener("click", Le));
+  let r = !0;
+  const s = (f) => o.some((m) => {
     if (typeof m == "string")
-      return Array.from(o.document.querySelectorAll(m)).some((p) => p === f.target || f.composedPath().includes(p));
+      return Array.from(n.document.querySelectorAll(m)).some((p) => p === f.target || f.composedPath().includes(p));
     {
       const p = _e(m);
       return p && (f.target === p || f.composedPath().includes(p));
     }
   }), y = [
-    je(o, "click", (f) => {
+    je(n, "click", (f) => {
       const m = _e(e);
       if (!(!m || m === f.target || f.composedPath().includes(m))) {
-        if (f.detail === 0 && (i = !s(f)), !i) {
-          i = !0;
+        if (f.detail === 0 && (r = !s(f)), !r) {
+          r = !0;
           return;
         }
         t(f);
       }
-    }, { passive: !0, capture: r }),
-    je(o, "pointerdown", (f) => {
+    }, { passive: !0, capture: i }),
+    je(n, "pointerdown", (f) => {
       const m = _e(e);
-      i = !s(f) && !!(m && !f.composedPath().includes(m));
+      r = !s(f) && !!(m && !f.composedPath().includes(m));
     }, { passive: !0 }),
-    a && je(o, "blur", (f) => {
+    a && je(n, "blur", (f) => {
       setTimeout(() => {
         var m;
         const p = _e(e);
-        ((m = o.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(p != null && p.contains(o.document.activeElement)) && t(f);
+        ((m = n.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(p != null && p.contains(n.document.activeElement)) && t(f);
       }, 0);
     })
   ].filter(Boolean);
@@ -969,56 +969,56 @@ function Vn(e) {
   return V(() => (t.value, !!e()));
 }
 function Tn(e, t = {}) {
-  const l = C(!1), o = Ot(null);
-  let n = 0, r = !0;
+  const l = C(!1), n = Ot(null);
+  let o = 0, i = !0;
   if (et) {
-    const a = typeof t == "function" ? { onDrop: t } : t, i = (s) => {
+    const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
       var d, y;
       const u = Array.from((y = (d = s.dataTransfer) == null ? void 0 : d.files) != null ? y : []);
-      return o.value = u.length === 0 ? null : u;
+      return n.value = u.length === 0 ? null : u;
     };
     je(e, "dragenter", (s) => {
       var d, y;
       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(_n);
       if (a.dataTypes && s.dataTransfer) {
         const f = q(a.dataTypes);
-        if (r = typeof f == "function" ? f(u) : f ? f.some((m) => u.includes(m)) : !0, !r)
+        if (i = typeof f == "function" ? f(u) : f ? f.some((m) => u.includes(m)) : !0, !i)
           return;
       }
-      s.preventDefault(), n += 1, l.value = !0, (y = a.onEnter) == null || y.call(a, i(s), s);
+      s.preventDefault(), o += 1, l.value = !0, (y = a.onEnter) == null || y.call(a, r(s), s);
     }), je(e, "dragover", (s) => {
       var d;
-      r && (s.preventDefault(), (d = a.onOver) == null || d.call(a, i(s), s));
+      i && (s.preventDefault(), (d = a.onOver) == null || d.call(a, r(s), s));
     }), je(e, "dragleave", (s) => {
       var d;
-      r && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (d = a.onLeave) == null || d.call(a, i(s), s));
+      i && (s.preventDefault(), o -= 1, o === 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, i(s), s);
+      s.preventDefault(), o = 0, l.value = !1, (d = a.onDrop) == null || d.call(a, r(s), s);
     });
   }
   return {
-    files: o,
+    files: n,
     isOverDropZone: l
   };
 }
 function xn(e, t, l = {}) {
-  const { window: o = pt, ...n } = l;
-  let r;
-  const a = Vn(() => o && "ResizeObserver" in o), i = () => {
-    r && (r.disconnect(), r = void 0);
-  }, s = V(() => Array.isArray(e) ? e.map((u) => _e(u)) : [_e(e)]), d = K(
+  const { window: n = pt, ...o } = l;
+  let i;
+  const a = Vn(() => n && "ResizeObserver" in n), r = () => {
+    i && (i.disconnect(), i = void 0);
+  }, s = V(() => Array.isArray(e) ? e.map((u) => _e(u)) : [_e(e)]), d = G(
     s,
     (u) => {
-      if (i(), a.value && o) {
-        r = new ResizeObserver(t);
+      if (r(), a.value && n) {
+        i = new ResizeObserver(t);
         for (const f of u)
-          f && r.observe(f, n);
+          f && i.observe(f, o);
       }
     },
     { immediate: !0, flush: "post" }
   ), y = () => {
-    i(), d();
+    r(), d();
   };
   return Qe(y), {
     isSupported: a,
@@ -1027,17 +1027,17 @@ function xn(e, t, l = {}) {
 }
 function In(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", r = C(1);
+  const l = C(e == null ? void 0 : e.element), n = C(e == null ? void 0 : e.input), o = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
   function a() {
-    var i, s;
+    var r, s;
     if (!l.value)
       return;
     let d = "";
-    l.value.style[n] = "1px", r.value = (i = l.value) == null ? void 0 : i.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${r.value}px` : d = `${r.value}px`, l.value.style[n] = d, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
+    l.value.style[o] = "1px", i.value = (r = l.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[o] = `${i.value}px` : d = `${i.value}px`, l.value.style[o] = d, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
   }
-  return K([o, l], () => Me(a), { immediate: !0 }), xn(l, () => a()), e != null && e.watch && K(e.watch, a, { immediate: !0, deep: !0 }), {
+  return G([n, l], () => Me(a), { immediate: !0 }), xn(l, () => a()), e != null && e.watch && G(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
-    input: o,
+    input: n,
     triggerResize: a
   };
 }
@@ -1046,12 +1046,12 @@ const mt = /* @__PURE__ */ L({
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = C();
-    return Sn(o, (n) => {
-      l("trigger", n);
+    const n = C();
+    return Sn(n, (o) => {
+      l("trigger", o);
     }, e.options), () => {
       if (t.default)
-        return So(e.as || "div", { ref: o }, t.default());
+        return So(e.as || "div", { ref: n }, t.default());
     };
   }
 });
@@ -1062,20 +1062,20 @@ function Ln(e) {
 }
 const Bn = et ? window : void 0;
 function An(...e) {
-  let t, l, o, n;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = Bn) : [t, l, o, n] = e, !t)
+  let t, l, n, o;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, n, o] = e, t = Bn) : [t, l, n, o] = e, !t)
     return Le;
-  Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const r = [], a = () => {
-    r.forEach((y) => y()), r.length = 0;
-  }, i = (y, u, f, m) => (y.addEventListener(u, f, m), () => y.removeEventListener(u, f, m)), s = K(
-    () => [Ln(t), me(n)],
+  Array.isArray(l) || (l = [l]), Array.isArray(n) || (n = [n]);
+  const i = [], a = () => {
+    i.forEach((y) => y()), i.length = 0;
+  }, r = (y, u, f, m) => (y.addEventListener(u, f, m), () => y.removeEventListener(u, f, m)), s = G(
+    () => [Ln(t), me(o)],
     ([y, u]) => {
       if (a(), !y)
         return;
       const f = Gt(u) ? { ...u } : u;
-      r.push(
-        ...l.flatMap((m) => o.map((p) => i(y, m, p, f)))
+      i.push(
+        ...l.flatMap((m) => n.map((p) => r(y, m, p, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -1103,49 +1103,49 @@ function En(e) {
 const Ne = /* @__PURE__ */ new WeakMap();
 function zn(e, t = !1) {
   const l = C(t);
-  let o = null, n;
-  K($n(e), (i) => {
-    const s = lt(me(i));
+  let n = null, o;
+  G($n(e), (r) => {
+    const s = lt(me(r));
     if (s) {
       const d = s;
-      Ne.get(d) || Ne.set(d, n), l.value && (d.style.overflow = "hidden");
+      Ne.get(d) || Ne.set(d, o), l.value && (d.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const r = () => {
-    const i = lt(me(e));
-    !i || l.value || (at && (o = An(
-      i,
+  const i = () => {
+    const r = lt(me(e));
+    !r || l.value || (at && (n = An(
+      r,
       "touchmove",
       (s) => {
         En(s);
       },
       { passive: !1 }
-    )), i.style.overflow = "hidden", l.value = !0);
+    )), r.style.overflow = "hidden", l.value = !0);
   }, a = () => {
-    var i;
+    var r;
     const s = lt(me(e));
-    !s || !l.value || (at && (o == null || o()), s.style.overflow = (i = Ne.get(s)) != null ? i : "", Ne.delete(s), l.value = !1);
+    !s || !l.value || (at && (n == null || n()), s.style.overflow = (r = Ne.get(s)) != null ? r : "", Ne.delete(s), l.value = !1);
   };
   return Qe(a), V({
     get() {
       return l.value;
     },
-    set(i) {
-      i ? r() : a();
+    set(r) {
+      r ? i() : a();
     }
   });
 }
 function Jn() {
   let e = !1;
   const t = C(!1);
-  return (l, o) => {
-    if (t.value = o.value, e)
+  return (l, n) => {
+    if (t.value = n.value, e)
       return;
     e = !0;
-    const n = zn(l, o.value);
-    K(t, (r) => n.value = r);
+    const o = zn(l, n.value);
+    G(t, (i) => o.value = i);
   };
 }
 Jn();
@@ -1161,16 +1161,16 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = be(), r = V(() => {
-      if (i.value)
-        return n;
-    }), a = l, i = C(!1), s = C(!1), d = C(o.open), y = C(!1), u = C();
+    const n = e, o = be(), i = V(() => {
+      if (r.value)
+        return o;
+    }), a = l, r = C(!1), s = C(!1), d = C(n.open), y = C(!1), u = C();
     let f = 0;
     function m() {
       d.value = !0, P();
     }
     function p() {
-      o.frozen || (s.value = !0, setTimeout(async () => {
+      n.frozen || (s.value = !0, setTimeout(async () => {
         y.value = !1, s.value = !1, d.value = !1, pe(!1), a("bottom-sheet:close");
       }, 300));
     }
@@ -1199,25 +1199,25 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       u.value.classList.remove(xt), u.value.style.removeProperty("transform"), y.value = !1;
     }
     function P() {
-      o.preventBodyScroll && pe(!0);
+      n.preventBodyScroll && pe(!0);
     }
-    return K(
-      () => o.open,
+    return G(
+      () => n.open,
       (k) => {
         k === !0 ? m() : p();
       }
     ), te(() => {
-      i.value = !0, o.open && P();
+      r.value = !0, n.open && P();
     }), t({
       hide: p,
       show: m,
       isOpen: d,
       moveContainer: E
-    }), (k, N) => i.value ? (c(), T(ze, {
+    }), (k, N) => r.value ? (c(), T(ze, {
       key: 0,
       to: k.teleport
     }, [
-      d.value ? (c(), v("div", W({ key: 0 }, r.value, {
+      d.value ? (c(), v("div", W({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -1273,14 +1273,14 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.bottomSheet), r = G(), a = V(() => r.default());
-    function i() {
+    const l = e, n = t, o = V(() => l.bottomSheet), i = Y(), a = V(() => i.default());
+    function r() {
       var s;
-      o("click"), (s = n.value) == null || s.show();
+      n("click"), (s = o.value) == null || s.show();
     }
     return (s, d) => (c(!0), v(H, null, U(a.value, (y) => (c(), T(Z(y), {
       key: y,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), On = { class: "joy-checkbox__wrapper" }, Dn = { class: "joy-checkbox__input-wrapper" }, Rn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Nn = { class: "joy-checkbox__content-wrapper" }, qn = { class: "joy-checkbox__content" }, Hn = /* @__PURE__ */ L({
@@ -1308,6 +1308,11 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       type: Boolean,
       default: !1
     },
+    /**
+     * Invalid state of the component
+     *
+     * Note: A checked checkbox cannot be invalid (the `checked` state takes priority over `invalid` state).
+     */
     invalid: {
       type: Boolean,
       default: !1
@@ -1335,16 +1340,28 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(), a = C(n.indeterminate), i = C(n.invalid), s = C(!1), d = {
+    const n = l, o = e, i = C(), a = C(o.indeterminate), r = C(o.invalid && !o.checked), s = C(!1);
+    G(
+      () => o.invalid,
+      (y) => {
+        r.value = y && !o.checked;
+      }
+    ), G(
+      () => o.checked,
+      (y) => {
+        y ? r.value = !1 : r.value = o.invalid;
+      }
+    );
+    const d = {
       onChange: (y) => {
         const u = y.target.checked;
-        a.value = !1, i.value = !1, o("update:checked", u);
+        a.value = !1, u ? r.value = !1 : r.value = o.invalid, n("update:checked", u);
       },
       onFocus: () => {
-        s.value = !0, o("focus");
+        s.value = !0, n("focus");
       },
       onBlur: () => {
-        s.value = !1, o("blur");
+        s.value = !1, n("blur");
       }
     };
     return t({
@@ -1357,7 +1374,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
             "joy-checkbox__checked": e.checked,
             "joy-checkbox__indeterminate": a.value,
             "joy-checkbox__disabled": e.disabled,
-            "joy-checkbox__invalid": i.value,
+            "joy-checkbox__invalid": r.value,
             "joy-checkbox__focusing": s.value && e.displayFocus
           }
         ])
@@ -1366,7 +1383,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           h("input", {
             id: e.id,
             ref_key: "input",
-            ref: r,
+            ref: i,
             "data-joy-form-field": "",
             type: "checkbox",
             class: "joy-checkbox__input",
@@ -1395,7 +1412,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       ], 2)
     ]));
   }
-}), Kt = /* @__PURE__ */ A(Hn, [["__scopeId", "data-v-5365d871"]]), Wn = ["id"], Un = { class: "joy-collapse-item__header-right" }, Gn = {
+}), Kt = /* @__PURE__ */ A(Hn, [["__scopeId", "data-v-b08aada8"]]), Wn = ["id"], Un = { class: "joy-collapse-item__header-right" }, Gn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
 }, Yn = { class: "joy-collapse-item__summary___preview" }, Kn = ["aria-labelledby"], Zn = /* @__PURE__ */ L({
@@ -1430,28 +1447,28 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(o.open), a = C(!1);
-    K(
-      () => o.open,
+    const n = e, o = l, i = C(n.open), a = C(!1);
+    G(
+      () => n.open,
       (d) => {
-        r.value = d;
+        i.value = d;
       }
     );
-    function i() {
-      r.value = !r.value, s();
+    function r() {
+      i.value = !i.value, s();
     }
     function s() {
-      r.value ? n("collapse-item:open") : n("collapse-item:close");
+      i.value ? o("collapse-item:open") : o("collapse-item:close");
     }
     return t({
-      isOpen: r,
-      onToggle: i,
-      props: o
+      isOpen: i,
+      onToggle: r,
+      props: n
     }), (d, y) => (c(), v("div", {
       class: I([
         "joy-collapse-item",
         {
-          "joy-collapse-item--open": r.value,
+          "joy-collapse-item--open": i.value,
           "joy-collapse-item--outline": e.mode === "outline",
           "joy-collapse-item--focusing": a.value
         }
@@ -1461,8 +1478,8 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
         role: "button",
         tabindex: "0",
         class: "joy-collapse-item__summary",
-        onClick: i,
-        onKeydown: Oe(i, ["enter"]),
+        onClick: r,
+        onKeydown: Oe(r, ["enter"]),
         onFocus: y[0] || (y[0] = (u) => a.value = !0),
         onBlur: y[1] || (y[1] = (u) => a.value = !1)
       }, [
@@ -1490,14 +1507,14 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           w(d.$slots, "collapse-preview")
         ])
       ], 32),
-      r.value ? (c(), v("div", {
+      i.value ? (c(), v("div", {
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
         class: I([
           "joy-collapse-item__detail",
           {
-            "joy-collapse-item__detail--open": r.value
+            "joy-collapse-item__detail--open": i.value
           }
         ])
       }, [
@@ -1530,8 +1547,8 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = C(o.modelValue), r = G(), a = l, i = V(() => {
-      const p = r.default();
+    const n = e, o = C(n.modelValue), i = Y(), a = l, r = V(() => {
+      const p = i.default();
       return p.length === 1 && typeof p[0].type != "object" ? p[0].children.filter(s) : p.filter(s);
     });
     function s(p) {
@@ -1543,19 +1560,19 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
         return p.children[b]();
     }
     function y(p) {
-      return o.modelValue.length ? o.modelValue.includes(m(p)) : p.props.open;
+      return n.modelValue.length ? n.modelValue.includes(m(p)) : p.props.open;
     }
     async function u(p) {
-      if (o.accordion) {
+      if (n.accordion) {
         let b = [];
-        b.push(m(p)), n.value = b;
+        b.push(m(p)), o.value = b;
       }
-      n.value.indexOf(m(p)) === -1 && n.value.push(m(p)), a("update:modelValue", n.value);
+      o.value.indexOf(m(p)) === -1 && o.value.push(m(p)), a("update:modelValue", o.value);
     }
     function f(p) {
-      o.accordion && (n.value = []);
-      const b = n.value.indexOf(m(p));
-      b !== -1 && n.value.splice(b, 1), a("update:modelValue", n.value);
+      n.accordion && (o.value = []);
+      const b = o.value.indexOf(m(p));
+      b !== -1 && o.value.splice(b, 1), a("update:modelValue", o.value);
     }
     function m(p) {
       return p.props.id || p.props.header;
@@ -1564,10 +1581,10 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       getValForModel: m,
       isItem: s,
       isOpen: y,
-      items: i,
-      openedCollapseItem: n
+      items: r,
+      openedCollapseItem: o
     }), (p, b) => (c(), v("div", Qn, [
-      (c(!0), v(H, null, U(i.value, (g) => (c(), T(Xn, W({ ref_for: !0 }, g.props, {
+      (c(!0), v(H, null, U(r.value, (g) => (c(), T(Xn, W({ ref_for: !0 }, g.props, {
         key: g.props.id,
         open: y(g),
         mode: e.mode,
@@ -1619,7 +1636,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           return "xsmall";
       }
     });
-    return (o, n) => (c(), v("div", {
+    return (n, o) => (c(), v("div", {
       class: I(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (c(), v("img", {
@@ -1654,8 +1671,8 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
     noHtmlErrorText: String
   },
   setup(e) {
-    const t = G();
-    return (l, o) => (c(), v("div", {
+    const t = Y();
+    return (l, n) => (c(), v("div", {
       "data-joy-form-error": "",
       "aria-hidden": e.visible,
       class: I(["joy-form-error", { "joy-has-error": e.visible }]),
@@ -1667,7 +1684,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       }),
       h("div", null, [
         t.default ? w(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", ll, [
-          (c(!0), v(H, null, U(e.errors, (n) => (c(), v("li", { key: n }, J(n), 1))), 128))
+          (c(!0), v(H, null, U(e.errors, (o) => (c(), v("li", { key: o }, J(o), 1))), 128))
         ])) : (c(), v(H, { key: 2 }, [
           D(J(e.noHtmlErrorText), 1)
         ], 64))
@@ -1709,9 +1726,9 @@ function gt(e) {
 }
 function ul(e, t, l) {
   l === void 0 && (l = !1);
-  const o = De(e), n = gt(e), r = ht(n);
-  let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (a = Ue(a)), [a, Ue(a)];
+  const n = De(e), o = gt(e), i = ht(o);
+  let a = o === "x" ? n === (l ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
 function dl(e) {
   const t = Ue(e);
@@ -1721,22 +1738,22 @@ function st(e) {
   return e.replace(/start|end/g, (t) => sl[t]);
 }
 function cl(e, t, l) {
-  const o = ["left", "right"], n = ["right", "left"], r = ["top", "bottom"], a = ["bottom", "top"];
+  const n = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return l ? t ? n : o : t ? o : n;
+      return l ? t ? o : n : t ? n : o;
     case "left":
     case "right":
-      return t ? r : a;
+      return t ? i : a;
     default:
       return [];
   }
 }
-function fl(e, t, l, o) {
-  const n = De(e);
-  let r = cl(ve(e), l === "start", o);
-  return n && (r = r.map((a) => a + "-" + n), t && (r = r.concat(r.map(st)))), r;
+function fl(e, t, l, n) {
+  const o = De(e);
+  let i = cl(ve(e), l === "start", n);
+  return o && (i = i.map((a) => a + "-" + o), t && (i = i.concat(i.map(st)))), i;
 }
 function Ue(e) {
   return e.replace(/left|right|bottom|top/g, (t) => il[t]);
@@ -1762,56 +1779,56 @@ function Ge(e) {
   const {
     x: t,
     y: l,
-    width: o,
-    height: n
+    width: n,
+    height: o
   } = e;
   return {
-    width: o,
-    height: n,
+    width: n,
+    height: o,
     top: l,
     left: t,
-    right: t + o,
-    bottom: l + n,
+    right: t + n,
+    bottom: l + o,
     x: t,
     y: l
   };
 }
 function It(e, t, l) {
   let {
-    reference: o,
-    floating: n
+    reference: n,
+    floating: o
   } = e;
-  const r = $e(t), a = gt(t), i = ht(a), s = ve(t), d = r === "y", y = o.x + o.width / 2 - n.width / 2, u = o.y + o.height / 2 - n.height / 2, f = o[i] / 2 - n[i] / 2;
+  const i = $e(t), a = gt(t), r = ht(a), s = ve(t), d = i === "y", y = n.x + n.width / 2 - o.width / 2, u = n.y + n.height / 2 - o.height / 2, f = n[r] / 2 - o[r] / 2;
   let m;
   switch (s) {
     case "top":
       m = {
         x: y,
-        y: o.y - n.height
+        y: n.y - o.height
       };
       break;
     case "bottom":
       m = {
         x: y,
-        y: o.y + o.height
+        y: n.y + n.height
       };
       break;
     case "right":
       m = {
-        x: o.x + o.width,
+        x: n.x + n.width,
         y: u
       };
       break;
     case "left":
       m = {
-        x: o.x - n.width,
+        x: n.x - o.width,
         y: u
       };
       break;
     default:
       m = {
-        x: o.x,
-        y: o.y
+        x: n.x,
+        y: n.y
       };
   }
   switch (De(t)) {
@@ -1826,24 +1843,24 @@ function It(e, t, l) {
 }
 const pl = async (e, t, l) => {
   const {
-    placement: o = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
+    placement: n = "bottom",
+    strategy: o = "absolute",
+    middleware: i = [],
     platform: a
-  } = l, i = r.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(t));
+  } = l, r = i.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(t));
   let d = await a.getElementRects({
     reference: e,
     floating: t,
-    strategy: n
+    strategy: o
   }), {
     x: y,
     y: u
-  } = It(d, o, s), f = o, m = {}, p = 0;
-  for (let b = 0; b < i.length; b++) {
+  } = It(d, n, s), f = n, m = {}, p = 0;
+  for (let b = 0; b < r.length; b++) {
     const {
       name: g,
       fn: $
-    } = i[b], {
+    } = r[b], {
       x: j,
       y: x,
       data: E,
@@ -1851,9 +1868,9 @@ const pl = async (e, t, l) => {
     } = await $({
       x: y,
       y: u,
-      initialPlacement: o,
+      initialPlacement: n,
       placement: f,
-      strategy: n,
+      strategy: o,
       middlewareData: m,
       rects: d,
       platform: a,
@@ -1871,7 +1888,7 @@ const pl = async (e, t, l) => {
     }, B && p <= 50 && (p++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (d = B.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
-      strategy: n
+      strategy: o
     }) : B.rects), {
       x: y,
       y: u
@@ -1881,7 +1898,7 @@ const pl = async (e, t, l) => {
     x: y,
     y: u,
     placement: f,
-    strategy: n,
+    strategy: o,
     middlewareData: m
   };
 };
@@ -1889,11 +1906,11 @@ async function Xt(e, t) {
   var l;
   t === void 0 && (t = {});
   const {
-    x: o,
-    y: n,
-    platform: r,
+    x: n,
+    y: o,
+    platform: i,
     rects: a,
-    elements: i,
+    elements: r,
     strategy: s
   } = e, {
     boundary: d = "clippingAncestors",
@@ -1901,24 +1918,24 @@ async function Xt(e, t) {
     elementContext: u = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = ke(t, e), p = Zt(m), g = i[f ? u === "floating" ? "reference" : "floating" : u], $ = Ge(await r.getClippingRect({
-    element: (l = await (r.isElement == null ? void 0 : r.isElement(g))) == null || l ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
+  } = ke(t, e), p = Zt(m), g = r[f ? u === "floating" ? "reference" : "floating" : u], $ = Ge(await i.getClippingRect({
+    element: (l = await (i.isElement == null ? void 0 : i.isElement(g))) == null || l ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: d,
     rootBoundary: y,
     strategy: s
   })), j = u === "floating" ? {
-    x: o,
-    y: n,
+    x: n,
+    y: o,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), E = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
+  } : a.reference, x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), E = await (i.isElement == null ? void 0 : i.isElement(x)) ? await (i.getScale == null ? void 0 : i.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, B = Ge(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: i,
+  }, B = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: r,
     rect: j,
     offsetParent: x,
     strategy: s
@@ -1936,11 +1953,11 @@ const ml = (e) => ({
   async fn(t) {
     const {
       x: l,
-      y: o,
-      placement: n,
-      rects: r,
+      y: n,
+      placement: o,
+      rects: i,
       platform: a,
-      elements: i,
+      elements: r,
       middlewareData: s
     } = t, {
       element: d,
@@ -1950,11 +1967,11 @@ const ml = (e) => ({
       return {};
     const u = Zt(y), f = {
       x: l,
-      y: o
-    }, m = gt(n), p = ht(m), b = await a.getDimensions(d), g = m === "y", $ = g ? "top" : "left", j = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", E = r.reference[p] + r.reference[m] - f[m] - r.floating[p], B = f[m] - r.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+      y: n
+    }, m = gt(o), p = ht(m), b = await a.getDimensions(d), g = m === "y", $ = g ? "top" : "left", j = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", E = i.reference[p] + i.reference[m] - f[m] - i.floating[p], B = f[m] - i.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
     let k = P ? P[x] : 0;
-    (!k || !await (a.isElement == null ? void 0 : a.isElement(P))) && (k = i.floating[x] || r.floating[p]);
-    const N = E / 2 - B / 2, S = k / 2 - b[p] / 2 - 1, M = rt(u[$], S), F = rt(u[j], S), Y = M, se = k - b[p] - F, Q = k / 2 - b[p] / 2 + N, Te = it(Y, Q, se), ue = !s.arrow && De(n) != null && Q !== Te && r.reference[p] / 2 - (Q < Y ? M : F) - b[p] / 2 < 0, ae = ue ? Q < Y ? Q - Y : Q - se : 0;
+    (!k || !await (a.isElement == null ? void 0 : a.isElement(P))) && (k = r.floating[x] || i.floating[p]);
+    const N = E / 2 - B / 2, S = k / 2 - b[p] / 2 - 1, M = rt(u[$], S), F = rt(u[j], S), K = M, se = k - b[p] - F, Q = k / 2 - b[p] / 2 + N, Te = it(K, Q, se), ue = !s.arrow && De(o) != null && Q !== Te && i.reference[p] / 2 - (Q < K ? M : F) - b[p] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [m]: f[m] + ae,
       data: {
@@ -1972,12 +1989,12 @@ const ml = (e) => ({
     name: "flip",
     options: e,
     async fn(t) {
-      var l, o;
+      var l, n;
       const {
-        placement: n,
-        middlewareData: r,
+        placement: o,
+        middlewareData: i,
         rects: a,
-        initialPlacement: i,
+        initialPlacement: r,
         platform: s,
         elements: d
       } = t, {
@@ -1989,22 +2006,22 @@ const ml = (e) => ({
         flipAlignment: b = !0,
         ...g
       } = ke(e, t);
-      if ((l = r.arrow) != null && l.alignmentOffset)
+      if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const $ = ve(n), j = $e(i), x = ve(i) === i, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (x || !b ? [Ue(i)] : dl(i)), P = p !== "none";
-      !f && P && B.push(...fl(i, b, p, E));
-      const k = [i, ...B], N = await Xt(t, g), S = [];
-      let M = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      const $ = ve(o), j = $e(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (x || !b ? [Ue(r)] : dl(r)), P = p !== "none";
+      !f && P && B.push(...fl(r, b, p, E));
+      const k = [r, ...B], N = await Xt(t, g), S = [];
+      let M = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (y && S.push(N[$]), u) {
-        const Q = ul(n, a, E);
+        const Q = ul(o, a, E);
         S.push(N[Q[0]], N[Q[1]]);
       }
       if (M = [...M, {
-        placement: n,
+        placement: o,
         overflows: S
       }], !S.every((Q) => Q <= 0)) {
-        var F, Y;
-        const Q = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, Te = k[Q];
+        var F, K;
+        const Q = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, Te = k[Q];
         if (Te)
           return {
             data: {
@@ -2015,7 +2032,7 @@ const ml = (e) => ({
               placement: Te
             }
           };
-        let ue = (Y = M.filter((ae) => ae.overflows[0] <= 0).sort((ae, fe) => ae.overflows[1] - fe.overflows[1])[0]) == null ? void 0 : Y.placement;
+        let ue = (K = M.filter((ae) => ae.overflows[0] <= 0).sort((ae, fe) => ae.overflows[1] - fe.overflows[1])[0]) == null ? void 0 : K.placement;
         if (!ue)
           switch (m) {
             case "bestFit": {
@@ -2033,10 +2050,10 @@ const ml = (e) => ({
               break;
             }
             case "initialPlacement":
-              ue = i;
+              ue = r;
               break;
           }
-        if (n !== ue)
+        if (o !== ue)
           return {
             reset: {
               placement: ue
@@ -2050,9 +2067,9 @@ const ml = (e) => ({
 async function vl(e, t) {
   const {
     placement: l,
-    platform: o,
-    elements: n
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), a = ve(l), i = De(l), s = $e(l) === "y", d = ["left", "top"].includes(a) ? -1 : 1, y = r && s ? -1 : 1, u = ke(t, e);
+    platform: n,
+    elements: o
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(o.floating)), a = ve(l), r = De(l), s = $e(l) === "y", d = ["left", "top"].includes(a) ? -1 : 1, y = i && s ? -1 : 1, u = ke(t, e);
   let {
     mainAxis: f,
     crossAxis: m,
@@ -2067,7 +2084,7 @@ async function vl(e, t) {
     alignmentAxis: null,
     ...u
   };
-  return i && typeof p == "number" && (m = i === "end" ? p * -1 : p), s ? {
+  return r && typeof p == "number" && (m = r === "end" ? p * -1 : p), s ? {
     x: m * y,
     y: f * d
   } : {
@@ -2080,16 +2097,16 @@ const eo = function(e) {
     name: "offset",
     options: e,
     async fn(t) {
-      var l, o;
+      var l, n;
       const {
-        x: n,
-        y: r,
+        x: o,
+        y: i,
         placement: a,
-        middlewareData: i
+        middlewareData: r
       } = t, s = await vl(t, e);
-      return a === ((l = i.offset) == null ? void 0 : l.placement) && (o = i.arrow) != null && o.alignmentOffset ? {} : {
-        x: n + s.x,
-        y: r + s.y,
+      return a === ((l = r.offset) == null ? void 0 : l.placement) && (n = r.arrow) != null && n.alignmentOffset ? {} : {
+        x: o + s.x,
+        y: i + s.y,
         data: {
           ...s,
           placement: a
@@ -2104,12 +2121,12 @@ const eo = function(e) {
     async fn(t) {
       const {
         x: l,
-        y: o,
-        placement: n
+        y: n,
+        placement: o
       } = t, {
-        mainAxis: r = !0,
+        mainAxis: i = !0,
         crossAxis: a = !1,
-        limiter: i = {
+        limiter: r = {
           fn: (g) => {
             let {
               x: $,
@@ -2124,10 +2141,10 @@ const eo = function(e) {
         ...s
       } = ke(e, t), d = {
         x: l,
-        y: o
-      }, y = await Xt(t, s), u = $e(ve(n)), f = vt(u);
+        y: n
+      }, y = await Xt(t, s), u = $e(ve(o)), f = vt(u);
       let m = d[f], p = d[u];
-      if (r) {
+      if (i) {
         const g = f === "y" ? "top" : "left", $ = f === "y" ? "bottom" : "right", j = m + y[g], x = m - y[$];
         m = it(j, m, x);
       }
@@ -2135,7 +2152,7 @@ const eo = function(e) {
         const g = u === "y" ? "top" : "left", $ = u === "y" ? "bottom" : "right", j = p + y[g], x = p - y[$];
         p = it(j, p, x);
       }
-      const b = i.fn({
+      const b = r.fn({
         ...t,
         [f]: m,
         [u]: p
@@ -2144,7 +2161,7 @@ const eo = function(e) {
         ...b,
         data: {
           x: b.x - l,
-          y: b.y - o
+          y: b.y - n
         }
       };
     }
@@ -2155,20 +2172,20 @@ const eo = function(e) {
     fn(t) {
       const {
         x: l,
-        y: o,
-        placement: n,
-        rects: r,
+        y: n,
+        placement: o,
+        rects: i,
         middlewareData: a
       } = t, {
-        offset: i = 0,
+        offset: r = 0,
         mainAxis: s = !0,
         crossAxis: d = !0
       } = ke(e, t), y = {
         x: l,
-        y: o
-      }, u = $e(n), f = vt(u);
+        y: n
+      }, u = $e(o), f = vt(u);
       let m = y[f], p = y[u];
-      const b = ke(i, t), g = typeof b == "number" ? {
+      const b = ke(r, t), g = typeof b == "number" ? {
         mainAxis: b,
         crossAxis: 0
       } : {
@@ -2177,12 +2194,12 @@ const eo = function(e) {
         ...b
       };
       if (s) {
-        const x = f === "y" ? "height" : "width", E = r.reference[f] - r.floating[x] + g.mainAxis, B = r.reference[f] + r.reference[x] - g.mainAxis;
+        const x = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[x] + g.mainAxis, B = i.reference[f] + i.reference[x] - g.mainAxis;
         m < E ? m = E : m > B && (m = B);
       }
       if (d) {
         var $, j;
-        const x = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = r.reference[u] - r.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[u]) || 0) + (E ? 0 : g.crossAxis), P = r.reference[u] + r.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[u]) || 0) - (E ? g.crossAxis : 0);
+        const x = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(o)), B = i.reference[u] - i.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[u]) || 0) + (E ? 0 : g.crossAxis), P = i.reference[u] + i.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[u]) || 0) - (E ? g.crossAxis : 0);
         p < B ? p = B : p > P && (p = P);
       }
       return {
@@ -2222,17 +2239,17 @@ function Re(e) {
   const {
     overflow: t,
     overflowX: l,
-    overflowY: o,
-    display: n
+    overflowY: n,
+    display: o
   } = le(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + l) && !["inline", "contents"].includes(o);
 }
 function hl(e) {
   return ["table", "td", "th"].includes(ge(e));
 }
 function bt(e) {
   const t = wt(), l = le(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));
+  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((n) => (l.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (l.contain || "").includes(n));
 }
 function gl(e) {
   let t = Ee(e);
@@ -2278,19 +2295,19 @@ function lo(e) {
   return ot(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ie(t) && Re(t) ? t : lo(t);
 }
 function Pe(e, t, l) {
-  var o;
+  var n;
   t === void 0 && (t = []), l === void 0 && (l = !0);
-  const n = lo(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), a = oe(n);
-  return r ? t.concat(a, a.visualViewport || [], Re(n) ? n : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(n, Pe(n, [], l));
+  const o = lo(e), i = o === ((n = e.ownerDocument) == null ? void 0 : n.body), a = oe(o);
+  return i ? t.concat(a, a.visualViewport || [], Re(o) ? o : [], a.frameElement && l ? Pe(a.frameElement) : []) : t.concat(o, Pe(o, [], l));
 }
 function ao(e) {
   const t = le(e);
-  let l = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const n = ie(e), r = n ? e.offsetWidth : l, a = n ? e.offsetHeight : o, i = Ye(l) !== r || Ye(o) !== a;
-  return i && (l = r, o = a), {
+  let l = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
+  const o = ie(e), i = o ? e.offsetWidth : l, a = o ? e.offsetHeight : n, r = Ye(l) !== i || Ye(n) !== a;
+  return r && (l = i, n = a), {
     width: l,
-    height: o,
-    $: i
+    height: n,
+    $: r
   };
 }
 function _t(e) {
@@ -2301,14 +2318,14 @@ function Ae(e) {
   if (!ie(t))
     return he(1);
   const l = t.getBoundingClientRect(), {
-    width: o,
-    height: n,
-    $: r
+    width: n,
+    height: o,
+    $: i
   } = ao(t);
-  let a = (r ? Ye(l.width) : l.width) / o, i = (r ? Ye(l.height) : l.height) / n;
-  return (!a || !Number.isFinite(a)) && (a = 1), (!i || !Number.isFinite(i)) && (i = 1), {
+  let a = (i ? Ye(l.width) : l.width) / n, r = (i ? Ye(l.height) : l.height) / o;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
-    y: i
+    y: r
   };
 }
 const bl = /* @__PURE__ */ he(0);
@@ -2322,17 +2339,17 @@ function ro(e) {
 function wl(e, t, l) {
   return t === void 0 && (t = !1), !l || t && l !== oe(e) ? !1 : t;
 }
-function Se(e, t, l, o) {
+function Se(e, t, l, n) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
-  const n = e.getBoundingClientRect(), r = _t(e);
+  const o = e.getBoundingClientRect(), i = _t(e);
   let a = he(1);
-  t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
-  const i = wl(r, l, o) ? ro(r) : he(0);
-  let s = (n.left + i.x) / a.x, d = (n.top + i.y) / a.y, y = n.width / a.x, u = n.height / a.y;
-  if (r) {
-    const f = oe(r), m = o && de(o) ? oe(o) : o;
+  t && (n ? de(n) && (a = Ae(n)) : a = Ae(e));
+  const r = wl(i, l, n) ? ro(i) : he(0);
+  let s = (o.left + r.x) / a.x, d = (o.top + r.y) / a.y, y = o.width / a.x, u = o.height / a.y;
+  if (i) {
+    const f = oe(i), m = n && de(n) ? oe(n) : n;
     let p = f.frameElement;
-    for (; p && o && m !== f; ) {
+    for (; p && n && m !== f; ) {
       const b = Ae(p), g = p.getBoundingClientRect(), $ = le(p), j = g.left + (p.clientLeft + parseFloat($.paddingLeft)) * b.x, x = g.top + (p.clientTop + parseFloat($.paddingTop)) * b.y;
       s *= b.x, d *= b.y, y *= b.x, u *= b.y, s += j, d += x, p = oe(p).frameElement;
     }
@@ -2348,25 +2365,25 @@ function _l(e) {
   let {
     rect: t,
     offsetParent: l,
-    strategy: o
+    strategy: n
   } = e;
-  const n = ie(l), r = ce(l);
-  if (l === r)
+  const o = ie(l), i = ce(l);
+  if (l === i)
     return t;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, i = he(1);
+  }, r = he(1);
   const s = he(0);
-  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || Re(r)) && (a = nt(l)), ie(l))) {
+  if ((o || !o && n !== "fixed") && ((ge(l) !== "body" || Re(i)) && (a = nt(l)), ie(l))) {
     const d = Se(l);
-    i = Ae(l), s.x = d.x + l.clientLeft, s.y = d.y + l.clientTop;
+    r = Ae(l), s.x = d.x + l.clientLeft, s.y = d.y + l.clientTop;
   }
   return {
-    width: t.width * i.x,
-    height: t.height * i.y,
-    x: t.x * i.x - a.scrollLeft * i.x + s.x,
-    y: t.y * i.y - a.scrollTop * i.y + s.y
+    width: t.width * r.x,
+    height: t.height * r.y,
+    x: t.x * r.x - a.scrollLeft * r.x + s.x,
+    y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
 function jl(e) {
@@ -2376,57 +2393,57 @@ function io(e) {
   return Se(ce(e)).left + nt(e).scrollLeft;
 }
 function kl(e) {
-  const t = ce(e), l = nt(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ce(e), l = nt(e), n = e.ownerDocument.body, o = Be(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = Be(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
   let a = -l.scrollLeft + io(e);
-  const i = -l.scrollTop;
-  return le(o).direction === "rtl" && (a += Be(t.clientWidth, o.clientWidth) - n), {
-    width: n,
-    height: r,
+  const r = -l.scrollTop;
+  return le(n).direction === "rtl" && (a += Be(t.clientWidth, n.clientWidth) - o), {
+    width: o,
+    height: i,
     x: a,
-    y: i
+    y: r
   };
 }
 function $l(e, t) {
-  const l = oe(e), o = ce(e), n = l.visualViewport;
-  let r = o.clientWidth, a = o.clientHeight, i = 0, s = 0;
-  if (n) {
-    r = n.width, a = n.height;
+  const l = oe(e), n = ce(e), o = l.visualViewport;
+  let i = n.clientWidth, a = n.clientHeight, r = 0, s = 0;
+  if (o) {
+    i = o.width, a = o.height;
     const d = wt();
-    (!d || d && t === "fixed") && (i = n.offsetLeft, s = n.offsetTop);
+    (!d || d && t === "fixed") && (r = o.offsetLeft, s = o.offsetTop);
   }
   return {
-    width: r,
+    width: i,
     height: a,
-    x: i,
+    x: r,
     y: s
   };
 }
 function Sl(e, t) {
-  const l = Se(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, r = ie(e) ? Ae(e) : he(1), a = e.clientWidth * r.x, i = e.clientHeight * r.y, s = n * r.x, d = o * r.y;
+  const l = Se(e, !0, t === "fixed"), n = l.top + e.clientTop, o = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = o * i.x, d = n * i.y;
   return {
     width: a,
-    height: i,
+    height: r,
     x: s,
     y: d
   };
 }
 function Bt(e, t, l) {
-  let o;
+  let n;
   if (t === "viewport")
-    o = $l(e, l);
+    n = $l(e, l);
   else if (t === "document")
-    o = kl(ce(e));
+    n = kl(ce(e));
   else if (de(t))
-    o = Sl(t, l);
+    n = Sl(t, l);
   else {
-    const n = ro(e);
-    o = {
+    const o = ro(e);
+    n = {
       ...t,
-      x: t.x - n.x,
-      y: t.y - n.y
+      x: t.x - o.x,
+      y: t.y - o.y
     };
   }
-  return Ge(o);
+  return Ge(n);
 }
 function so(e, t) {
   const l = Ee(e);
@@ -2436,26 +2453,26 @@ function Cl(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Pe(e, [], !1).filter((i) => de(i) && ge(i) !== "body"), n = null;
-  const r = le(e).position === "fixed";
-  let a = r ? Ee(e) : e;
+  let n = Pe(e, [], !1).filter((r) => de(r) && ge(r) !== "body"), o = null;
+  const i = le(e).position === "fixed";
+  let a = i ? Ee(e) : e;
   for (; de(a) && !ot(a); ) {
-    const i = le(a), s = bt(a);
-    !s && i.position === "fixed" && (n = null), (r ? !s && !n : !s && i.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Re(a) && !s && so(e, a)) ? o = o.filter((y) => y !== a) : n = i, a = Ee(a);
+    const r = le(a), s = bt(a);
+    !s && r.position === "fixed" && (o = null), (i ? !s && !o : !s && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Re(a) && !s && so(e, a)) ? n = n.filter((y) => y !== a) : o = r, a = Ee(a);
   }
-  return t.set(e, o), o;
+  return t.set(e, n), n;
 }
 function Vl(e) {
   let {
     element: t,
     boundary: l,
-    rootBoundary: o,
-    strategy: n
+    rootBoundary: n,
+    strategy: o
   } = e;
-  const a = [...l === "clippingAncestors" ? Cl(t, this._c) : [].concat(l), o], i = a[0], s = a.reduce((d, y) => {
-    const u = Bt(t, y, n);
+  const a = [...l === "clippingAncestors" ? Cl(t, this._c) : [].concat(l), n], r = a[0], s = a.reduce((d, y) => {
+    const u = Bt(t, y, o);
     return d.top = Be(u.top, d.top), d.right = ut(u.right, d.right), d.bottom = ut(u.bottom, d.bottom), d.left = Be(u.left, d.left), d;
-  }, Bt(t, i, n));
+  }, Bt(t, r, o));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -2467,20 +2484,20 @@ function Tl(e) {
   return ao(e);
 }
 function xl(e, t, l) {
-  const o = ie(t), n = ce(t), r = l === "fixed", a = Se(e, !0, r, t);
-  let i = {
+  const n = ie(t), o = ce(t), i = l === "fixed", a = Se(e, !0, i, t);
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const s = he(0);
-  if (o || !o && !r)
-    if ((ge(t) !== "body" || Re(n)) && (i = nt(t)), o) {
-      const d = Se(t, !0, r, t);
+  if (n || !n && !i)
+    if ((ge(t) !== "body" || Re(o)) && (r = nt(t)), n) {
+      const d = Se(t, !0, i, t);
       s.x = d.x + t.clientLeft, s.y = d.y + t.clientTop;
-    } else n && (s.x = io(n));
+    } else o && (s.x = io(o));
   return {
-    x: a.left + i.scrollLeft - s.x,
-    y: a.top + i.scrollTop - s.y,
+    x: a.left + r.scrollLeft - s.x,
+    y: a.top + r.scrollTop - s.y,
     width: a.width,
     height: a.height
   };
@@ -2492,24 +2509,24 @@ function uo(e, t) {
   const l = oe(e);
   if (!ie(e))
     return l;
-  let o = At(e, t);
-  for (; o && hl(o) && le(o).position === "static"; )
-    o = At(o, t);
-  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !bt(o)) ? l : o || gl(e) || l;
+  let n = At(e, t);
+  for (; n && hl(n) && le(n).position === "static"; )
+    n = At(n, t);
+  return n && (ge(n) === "html" || ge(n) === "body" && le(n).position === "static" && !bt(n)) ? l : n || gl(e) || l;
 }
 const Il = async function(e) {
   let {
     reference: t,
     floating: l,
-    strategy: o
+    strategy: n
   } = e;
-  const n = this.getOffsetParent || uo, r = this.getDimensions;
+  const o = this.getOffsetParent || uo, i = this.getDimensions;
   return {
-    reference: xl(t, await n(l), o),
+    reference: xl(t, await o(l), n),
     floating: {
       x: 0,
       y: 0,
-      ...await r(l)
+      ...await i(l)
     }
   };
 };
@@ -2529,22 +2546,22 @@ const Bl = {
   isRTL: Ll
 };
 function Al(e, t) {
-  let l = null, o;
-  const n = ce(e);
-  function r() {
-    clearTimeout(o), l && l.disconnect(), l = null;
+  let l = null, n;
+  const o = ce(e);
+  function i() {
+    clearTimeout(n), l && l.disconnect(), l = null;
   }
-  function a(i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = 1), r();
+  function a(r, s) {
+    r === void 0 && (r = !1), s === void 0 && (s = 1), i();
     const {
       left: d,
       top: y,
       width: u,
       height: f
     } = e.getBoundingClientRect();
-    if (i || t(), !u || !f)
+    if (r || t(), !u || !f)
       return;
-    const m = qe(y), p = qe(n.clientWidth - (d + u)), b = qe(n.clientHeight - (y + f)), g = qe(d), j = {
+    const m = qe(y), p = qe(o.clientWidth - (d + u)), b = qe(o.clientHeight - (y + f)), g = qe(d), j = {
       rootMargin: -m + "px " + -p + "px " + -b + "px " + -g + "px",
       threshold: Be(0, ut(1, s)) || 1
     };
@@ -2554,7 +2571,7 @@ function Al(e, t) {
       if (P !== s) {
         if (!x)
           return a();
-        P ? a(!1, P) : o = setTimeout(() => {
+        P ? a(!1, P) : n = setTimeout(() => {
           a(!1, 1e-7);
         }, 100);
       }
@@ -2564,30 +2581,30 @@ function Al(e, t) {
       l = new IntersectionObserver(E, {
         ...j,
         // Handle <iframe>s
-        root: n.ownerDocument
+        root: o.ownerDocument
       });
     } catch {
       l = new IntersectionObserver(E, j);
     }
     l.observe(e);
   }
-  return a(!0), r;
+  return a(!0), i;
 }
-function El(e, t, l, o) {
-  o === void 0 && (o = {});
+function El(e, t, l, n) {
+  n === void 0 && (n = {});
   const {
-    ancestorScroll: n = !0,
-    ancestorResize: r = !0,
+    ancestorScroll: o = !0,
+    ancestorResize: i = !0,
     elementResize: a = typeof ResizeObserver == "function",
-    layoutShift: i = typeof IntersectionObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = o, d = _t(e), y = n || r ? [...d ? Pe(d) : [], ...Pe(t)] : [];
+  } = n, d = _t(e), y = o || i ? [...d ? Pe(d) : [], ...Pe(t)] : [];
   y.forEach(($) => {
-    n && $.addEventListener("scroll", l, {
+    o && $.addEventListener("scroll", l, {
       passive: !0
-    }), r && $.addEventListener("resize", l);
+    }), i && $.addEventListener("resize", l);
   });
-  const u = d && i ? Al(d, l) : null;
+  const u = d && r ? Al(d, l) : null;
   let f = -1, m = null;
   a && (m = new ResizeObserver(($) => {
     let [j] = $;
@@ -2603,21 +2620,21 @@ function El(e, t, l, o) {
   }
   return l(), () => {
     y.forEach(($) => {
-      n && $.removeEventListener("scroll", l), r && $.removeEventListener("resize", l);
+      o && $.removeEventListener("scroll", l), i && $.removeEventListener("resize", l);
     }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(p);
   };
 }
 const zl = (e, t, l) => {
-  const o = /* @__PURE__ */ new Map(), n = {
+  const n = /* @__PURE__ */ new Map(), o = {
     platform: Bl,
     ...l
-  }, r = {
-    ...n.platform,
-    _c: o
+  }, i = {
+    ...o.platform,
+    _c: n
   };
   return pl(e, t, {
-    ...n,
-    platform: r
+    ...o,
+    platform: i
   });
 };
 function Jl(e) {
@@ -2665,19 +2682,19 @@ function Et(e, t) {
 }
 function po(e, t, l) {
   l === void 0 && (l = {});
-  const o = l.whileElementsMounted, n = V(() => {
+  const n = l.whileElementsMounted, o = V(() => {
     var k;
     return (k = Ie(l.open)) != null ? k : !0;
-  }), r = V(() => Ie(l.middleware)), a = V(() => {
+  }), i = V(() => Ie(l.middleware)), a = V(() => {
     var k;
     return (k = Ie(l.placement)) != null ? k : "bottom";
-  }), i = V(() => {
+  }), r = V(() => {
     var k;
     return (k = Ie(l.strategy)) != null ? k : "absolute";
   }), s = V(() => {
     var k;
     return (k = Ie(l.transform)) != null ? k : !0;
-  }), d = V(() => dt(e.value)), y = V(() => dt(t.value)), u = C(0), f = C(0), m = C(i.value), p = C(a.value), b = Ot({}), g = C(!1), $ = V(() => {
+  }), d = V(() => dt(e.value)), y = V(() => dt(t.value)), u = C(0), f = C(0), m = C(r.value), p = C(a.value), b = Ot({}), g = C(!1), $ = V(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -2701,9 +2718,9 @@ function po(e, t, l) {
   let j;
   function x() {
     d.value == null || y.value == null || zl(d.value, y.value, {
-      middleware: r.value,
+      middleware: i.value,
       placement: a.value,
-      strategy: i.value
+      strategy: r.value
     }).then((k) => {
       u.value = k.x, f.value = k.y, m.value = k.strategy, p.value = k.placement, b.value = k.middlewareData, g.value = !0;
     });
@@ -2712,23 +2729,23 @@ function po(e, t, l) {
     typeof j == "function" && (j(), j = void 0);
   }
   function B() {
-    if (E(), o === void 0) {
+    if (E(), n === void 0) {
       x();
       return;
     }
     if (d.value != null && y.value != null) {
-      j = o(d.value, y.value, x);
+      j = n(d.value, y.value, x);
       return;
     }
   }
   function P() {
-    n.value || (g.value = !1);
+    o.value || (g.value = !1);
   }
-  return K([r, a, i], x, {
+  return G([i, a, r], x, {
     flush: "sync"
-  }), K([d, y], B, {
+  }), G([d, y], B, {
     flush: "sync"
-  }), K(n, P, {
+  }), G(o, P, {
     flush: "sync"
   }), Pt() && Ft(E), {
     x: xe(u),
@@ -2787,9 +2804,9 @@ const Fl = ["aria-describedby"], Ol = ["id"], Dl = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = G(), o = e, n = C(!1), r = C(null), a = C(null), i = C(null), s = C(), d = C(
-      po(r, i, {
-        placement: o.placement,
+    const l = Y(), n = e, o = C(!1), i = C(null), a = C(null), r = C(null), s = C(), d = C(
+      po(i, r, {
+        placement: n.placement,
         transform: !1,
         middleware: [
           eo(10),
@@ -2803,24 +2820,24 @@ const Fl = ["aria-describedby"], Ol = ["id"], Dl = /* @__PURE__ */ L({
         ]
       })
     ), y = V(
-      () => o.enableClickInContent ? {
+      () => n.enableClickInContent ? {
         ignore: [a]
       } : {}
-    ), u = V(() => l["tooltip-content"] || o.text);
+    ), u = V(() => l["tooltip-content"] || n.text);
     function f($) {
-      $.preventDefault(), $.stopPropagation(), !n.value && o.event !== "click" && b();
+      $.preventDefault(), $.stopPropagation(), !o.value && n.event !== "click" && b();
     }
     function m() {
-      o.event !== "click" && b(!1);
+      n.event !== "click" && b(!1);
     }
     function p($) {
-      !n.value && o.event === "click" && ($.preventDefault(), $.stopPropagation(), b());
+      !o.value && n.event === "click" && ($.preventDefault(), $.stopPropagation(), b());
     }
     function b($ = !0) {
       var j;
       (j = d.value) == null || j.update(), setTimeout(() => {
-        n.value = $;
-      }, o.delay);
+        o.value = $;
+      }, n.delay);
     }
     const g = V(() => {
       const { middlewareData: $, placement: j } = d.value, x = $.arrow, E = {
@@ -2838,12 +2855,12 @@ const Fl = ["aria-describedby"], Ol = ["id"], Dl = /* @__PURE__ */ L({
       };
     });
     return te(() => {
-      o.show && b();
+      n.show && b();
     }), Je(() => {
-      n.value = !1;
+      o.value = !1;
     }), t({
-      tooltipVisible: n,
-      tooltip: i
+      tooltipVisible: o,
+      tooltip: r
     }), ($, j) => (c(), T(q(mt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
@@ -2855,7 +2872,7 @@ const Fl = ["aria-describedby"], Ol = ["id"], Dl = /* @__PURE__ */ L({
         return [
           h("div", {
             ref_key: "tooltipWrapper",
-            ref: r,
+            ref: i,
             class: "joy-tooltip__wrapper",
             "aria-describedby": e.id,
             onClick: p,
@@ -2865,16 +2882,16 @@ const Fl = ["aria-describedby"], Ol = ["id"], Dl = /* @__PURE__ */ L({
           }, [
             w($.$slots, "default", {}, void 0, !0),
             (c(), T(ze, { to: "body" }, [
-              n.value && u.value ? (c(), v("div", {
+              o.value && u.value ? (c(), v("div", {
                 key: 0,
                 id: e.id,
                 ref_key: "tooltip",
-                ref: i,
+                ref: r,
                 role: "tooltip",
                 class: I([
                   "joy-tooltip__content",
                   {
-                    "joy-tooltip__content--hiding": !n.value
+                    "joy-tooltip__content--hiding": !o.value
                   }
                 ]),
                 style: ee({ ...(x = d.value) == null ? void 0 : x.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
@@ -3060,35 +3077,35 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(!1), i = C();
-    jt(i, n.autofocus);
+    const n = l, o = e, i = C(!1), a = C(!1), r = C();
+    jt(r, o.autofocus);
     function s() {
       const g = u(!1);
-      g >= 0 ? o("update:modelValue", g <= n.min ? n.min : g) : o("update:modelValue", 0), y();
+      g >= 0 ? n("update:modelValue", g <= o.min ? o.min : g) : n("update:modelValue", 0), y();
     }
     function d() {
       const g = u();
-      n.max && g <= n.max ? o("update:modelValue", g >= n.max ? n.max : g) : n.max && g > n.max ? o("update:modelValue", n.max) : o("update:modelValue", g), y();
+      o.max && g <= o.max ? n("update:modelValue", g >= o.max ? o.max : g) : o.max && g > o.max ? n("update:modelValue", o.max) : n("update:modelValue", g), y();
     }
     function y() {
-      r.value = !f();
+      i.value = !f();
     }
     function u(g = !0) {
-      const $ = n.step.toString().split("."), j = $.length === 2 ? $[1].length : 0;
-      return parseFloat(g ? (n.modelValue + n.step).toFixed(j) : (n.modelValue - n.step).toFixed(j));
+      const $ = o.step.toString().split("."), j = $.length === 2 ? $[1].length : 0;
+      return parseFloat(g ? (o.modelValue + o.step).toFixed(j) : (o.modelValue - o.step).toFixed(j));
     }
     function f() {
       return m() && p();
     }
     function m() {
-      return !n.max || n.modelValue <= n.max;
+      return !o.max || o.modelValue <= o.max;
     }
     function p() {
-      return n.min <= n.modelValue;
+      return o.min <= o.modelValue;
     }
     const b = {
       onInput: (g) => {
-        o("update:modelValue", +g.target.value || 0), r.value = !1;
+        n("update:modelValue", +g.target.value || 0), i.value = !1;
       },
       onFocus: () => {
         a.value = !0;
@@ -3098,7 +3115,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       }
     };
     return t({
-      props: n
+      props: o
     }), (g, $) => (c(), v("div", Kl, [
       e.label ? (c(), T(Ve, {
         key: 0,
@@ -3130,13 +3147,13 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           h("input", W({
             id: e.id,
             ref_key: "input",
-            ref: i,
+            ref: r,
             "data-joy-form-field": "",
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || r.value },
+            class: { "joy-counter__invalid": e.invalid || i.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || r.value,
+            "aria-invalid": e.invalid || i.value,
             name: e.name,
             required: e.required,
             step: "any",
@@ -3209,7 +3226,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
   },
   setup(e) {
-    return Ze("VJoyWrapperContext", e), (l, o) => (c(), v("div", {
+    return Ze("VJoyWrapperContext", e), (l, n) => (c(), v("div", {
       class: I([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -3322,41 +3339,41 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   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, r = Fe() + "--JoyDialog", a = G(), i = C(!1), s = C(), d = C(o.open), y = be(), u = V(() => {
-      if (i.value)
+    const n = e, o = l, i = Fe() + "--JoyDialog", a = Y(), r = C(!1), s = C(), d = C(n.open), y = be(), u = V(() => {
+      if (r.value)
         return y;
     }), f = V(() => {
-      const B = a["dialog-cancel"] || a["dialog-confirm"], P = o.cancelText || o.confirmText;
+      const B = a["dialog-cancel"] || a["dialog-confirm"], P = n.cancelText || n.confirmText;
       return !!B || !!P;
-    }), p = V(() => o.id || r).value + "-header";
+    }), p = V(() => n.id || i).value + "-header";
     function b() {
-      !o.patternConfirm && g();
+      !n.patternConfirm && g();
     }
     async function g(B = { fireHideEvent: !0 }) {
-      o.demoMode || (d.value = !1, await Me(), pe(!1), B.fireHideEvent && n("dialog:hide"));
+      n.demoMode || (d.value = !1, await Me(), pe(!1), B.fireHideEvent && o("dialog:hide"));
     }
     async function $() {
-      d.value = !0, await Me(), o.preventBodyScroll && pe(!0);
+      d.value = !0, await Me(), n.preventBodyScroll && pe(!0);
     }
     function j() {
-      n("dialog:open");
+      o("dialog:open");
     }
     function x() {
-      n("dialog:after-open");
+      o("dialog:after-open");
     }
     function E() {
-      n("dialog:after-hide");
+      o("dialog:after-hide");
     }
     return te(async () => {
-      i.value = !0;
+      r.value = !0;
     }), Je(() => {
-      d.value === !0 && (n("dialog:before-unmount"), pe(!1));
+      d.value === !0 && (o("dialog:before-unmount"), pe(!1));
     }), t({
       hasFooterSlots: f,
       hide: g,
       isOpen: d,
       show: $
-    }), (B, P) => i.value ? (c(), T(ze, {
+    }), (B, P) => r.value ? (c(), T(ze, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -3371,7 +3388,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       }, {
         default: z(() => [
           d.value ? (c(), v("div", W({ key: 0 }, u.value, {
-            id: e.id || r,
+            id: e.id || i,
             ref_key: "dialogRef",
             ref: s,
             role: "dialog",
@@ -3474,7 +3491,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: P[2] || (P[2] = (k) => n("dialog:confirm"))
+                          onClick: P[2] || (P[2] = (k) => o("dialog:confirm"))
                         }, {
                           default: z(() => [
                             D(J(e.confirmText), 1)
@@ -3504,14 +3521,14 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = V(() => l.dialog), n = t, r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, n = V(() => l.dialog), o = t, i = Y(), a = V(() => i.default());
+    async function r() {
       var s;
-      n("click"), await ((s = o.value) == null ? void 0 : s.show());
+      o("click"), await ((s = n.value) == null ? void 0 : s.show());
     }
     return (s, d) => (c(!0), v(H, null, U(a.value, (y) => (c(), T(Z(y), {
       key: y,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), pa = ["id"], ma = { class: "joy-drawer__inner" }, va = { class: "joy-drawer--header" }, ha = {
@@ -3586,38 +3603,38 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   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, r = Fe() + "--JoyDrawer", a = G(), i = C(!1), s = C(), d = C(o.open), y = be(), u = V(() => {
-      if (i.value)
+    const n = e, o = l, i = Fe() + "--JoyDrawer", a = Y(), r = C(!1), s = C(), d = C(n.open), y = be(), u = V(() => {
+      if (r.value)
         return y;
     }), f = V(() => {
-      const E = a["drawer-cancel"] || a["drawer-confirm"], B = o.cancelText || o.confirmText;
+      const E = a["drawer-cancel"] || a["drawer-confirm"], B = n.cancelText || n.confirmText;
       return !!E || !!B;
-    }), m = V(() => o.id || r), p = m.value + "-header";
+    }), m = V(() => n.id || i), p = m.value + "-header";
     async function b(E = { fireHideEvent: !0 }) {
-      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (d.value = !1, await Me(), pe(!1), E.fireHideEvent && n("drawer:hide"));
+      n.demoMode || n.onBeforeHide && !await n.onBeforeHide() || (d.value = !1, await Me(), pe(!1), E.fireHideEvent && o("drawer:hide"));
     }
     async function g() {
-      d.value = !0, await Me(), !o.elevated && o.preventBodyScroll && pe(!0);
+      d.value = !0, await Me(), !n.elevated && n.preventBodyScroll && pe(!0);
     }
     function $() {
-      n("drawer:open");
+      o("drawer:open");
     }
     function j() {
-      n("drawer:after-open");
+      o("drawer:after-open");
     }
     function x() {
-      n("drawer:after-hide");
+      o("drawer:after-hide");
     }
     return te(() => {
-      i.value = !0;
+      r.value = !0;
     }), Je(() => {
-      d.value === !0 && (n("drawer:before-unmount"), pe(!1));
+      d.value === !0 && (o("drawer:before-unmount"), pe(!1));
     }), t({
       hasFooterSlots: f,
       hide: b,
       isOpen: d,
       show: g
-    }), (E, B) => i.value ? (c(), T(ze, {
+    }), (E, B) => r.value ? (c(), T(ze, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -3726,7 +3743,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: B[3] || (B[3] = (P) => n("drawer:confirm"))
+                          onClick: B[3] || (B[3] = (P) => o("drawer:confirm"))
                         }, {
                           default: z(() => [
                             D(J(e.confirmText), 1)
@@ -3753,14 +3770,14 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.drawer), r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, n = t, o = V(() => l.drawer), i = Y(), a = V(() => i.default());
+    async function r() {
       var s;
-      o("click"), await ((s = n.value) == null ? void 0 : s.show());
+      n("click"), await ((s = o.value) == null ? void 0 : s.show());
     }
     return (s, d) => (c(!0), v(H, null, U(a.value, (y) => (c(), T(Z(y), {
       key: y,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), wa = {
@@ -3813,17 +3830,17 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(), a = V(() => (p) => !n.modelValue || !p.value && !p.id ? !1 : n.modelValue === p.value || n.modelValue === p.id);
-    function i(p) {
-      p.disabled || o("update:modelValue", p.value || p.id);
+    const n = l, o = e, i = C(), a = V(() => (p) => !o.modelValue || !p.value && !p.id ? !1 : o.modelValue === p.value || o.modelValue === p.id);
+    function r(p) {
+      p.disabled || n("update:modelValue", p.value || p.id);
     }
     function s() {
       var p;
-      return Array.from(((p = r.value) == null ? void 0 : p.querySelectorAll("li")) || []);
+      return Array.from(((p = i.value) == null ? void 0 : p.querySelectorAll("li")) || []);
     }
     function d() {
       const p = s().find((b) => b.getAttribute("aria-selected") === "true");
-      p && (p.focus(), r.value.scrollTo({
+      p && (p.focus(), i.value.scrollTo({
         top: p.offsetTop
       }));
     }
@@ -3832,14 +3849,14 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
     function u(p) {
       var b;
-      if (!(r.value && !r.value.contains(document.activeElement) || !r.value)) {
-        if ((p.key === "Escape" || p.key === "Tab") && o("close:dropdownList"), (p.key === "Enter" || p.key === "enter") && (p.preventDefault(), y() && ((b = r.value) != null && b.contains(y())))) {
+      if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
+        if ((p.key === "Escape" || p.key === "Tab") && n("close:dropdownList"), (p.key === "Enter" || p.key === "enter") && (p.preventDefault(), y() && ((b = i.value) != null && b.contains(y())))) {
           const g = y();
           if (!g)
             return;
           if (g.querySelector("a"))
             return g.querySelector("a").click();
-          o("update:modelValue", g.dataModel);
+          n("update:modelValue", g.dataModel);
         }
         if (y() && p.key === " " && p.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(p.key)) {
           const g = s(), $ = y();
@@ -3855,7 +3872,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       p.focus();
     }
     function m() {
-      o("reset");
+      n("reset");
     }
     return te(() => {
       window.addEventListener("keydown", u), d();
@@ -3885,7 +3902,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
         e.options.length ? (c(), v("ul", {
           key: 0,
           ref_key: "listbox",
-          ref: r,
+          ref: i,
           role: "listbox",
           "aria-expanded": "true",
           "aria-label": e.ariaLabel,
@@ -3910,7 +3927,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
             "aria-label": g.label,
             ".dataModel": g.value || g.id,
             role: "option",
-            onClick: ($) => i(g)
+            onClick: ($) => r(g)
           }, [
             w(p.$slots, "label", W({ ref_for: !0 }, g), () => [
               h("span", null, J(g.label), 1)
@@ -4011,35 +4028,35 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(null), i = C(), s = C(null), d = C(null), y = C(!1), u = "joy-dropdown--" + Xe();
-    Ze("VJoyDropdownContext", n);
+    const n = l, o = e, i = C(!1), a = C(null), r = C(), s = C(null), d = C(null), y = C(!1), u = "joy-dropdown--" + Xe();
+    Ze("VJoyDropdownContext", o);
     const f = {
-      ignore: [i, ".joy-dropdown__list"]
+      ignore: [r, ".joy-dropdown__list"]
     };
     let m = null;
-    K(
-      () => r.value,
+    G(
+      () => i.value,
       (k) => {
         k && Po(s);
       },
       { flush: "post" }
     );
     const p = V(() => {
-      let k = `${n.dropdownGap}px`;
-      return n.direction === "up" && (k = "-" + k), {
+      let k = `${o.dropdownGap}px`;
+      return o.direction === "up" && (k = "-" + k), {
         marginTop: k
       };
     });
     function b() {
       m && clearTimeout(m), y.value = !0, m = setTimeout(() => {
-        r.value = !1, y.value = !1, o("dropdown:hide");
+        i.value = !1, y.value = !1, n("dropdown:hide");
       }, 300);
     }
     function g() {
-      y.value = !1, m && clearTimeout(m), r.value = !0, o("dropdown:open");
+      y.value = !1, m && clearTimeout(m), i.value = !0, n("dropdown:open");
     }
     function $(k) {
-      k.stopPropagation(), r.value ? j() : g(), d.value = k.target;
+      k.stopPropagation(), i.value ? j() : g(), d.value = k.target;
     }
     function j() {
       b(), x();
@@ -4048,18 +4065,18 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       d.value && d.value.focus();
     }
     function E(k) {
-      o("update:modelValue", k), n.closeOnSelect && (b(), x());
+      n("update:modelValue", k), o.closeOnSelect && (b(), x());
     }
     function B() {
-      o("dropdown:reset");
+      n("dropdown:reset");
     }
     function P() {
-      !i.value || !i.value.children.length || (i.value.children[0].id = u);
+      !r.value || !r.value.children.length || (r.value.children[0].id = u);
     }
     return Yl(b), te(() => {
       P();
     }), t({
-      showDropdownList: r,
+      showDropdownList: i,
       generatedId: u
     }), (k, N) => (c(), T(q(mt), {
       ref_key: "dropdown",
@@ -4071,14 +4088,14 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       default: z(() => [
         h("div", {
           ref_key: "button",
-          ref: i,
+          ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
           onClick: $
         }, [
           w(k.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        r.value ? (c(), v("div", {
+        i.value ? (c(), v("div", {
           key: 0,
           ref_key: "list",
           ref: s,
@@ -4170,8 +4187,8 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["delete", "update"],
   setup(e) {
-    const t = G(), l = e;
-    return (o, n) => (c(), T(re, {
+    const t = Y(), l = e;
+    return (n, o) => (c(), T(re, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -4188,9 +4205,9 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
         h("div", xa, [
           h("span", Ia, J(l.file.name), 1),
           t.information ? (c(), v("div", La, [
-            w(o.$slots, "information", { file: o.file }, void 0, !0)
+            w(n.$slots, "information", { file: n.file }, void 0, !0)
           ])) : _("", !0),
-          o.error ? (c(), v("p", Ba, J(o.error), 1)) : _("", !0)
+          n.error ? (c(), v("p", Ba, J(n.error), 1)) : _("", !0)
         ]),
         O(re, {
           "column-gap": "1",
@@ -4199,24 +4216,24 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           class: "joy-dropzone__file__actions"
         }, {
           default: z(() => [
-            w(o.$slots, "actions", { file: o.file }, void 0, !0),
+            w(n.$slots, "actions", { file: n.file }, void 0, !0),
             O(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
               icon: "pen",
-              title: o.updateLabel,
-              "aria-label": o.updateLabel,
-              onClick: n[0] || (n[0] = (r) => o.$emit("update"))
+              title: n.updateLabel,
+              "aria-label": n.updateLabel,
+              onClick: o[0] || (o[0] = (i) => n.$emit("update"))
             }, null, 8, ["title", "aria-label"]),
             O(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
               icon: "trash",
-              title: o.deleteLabel,
-              "aria-label": o.deleteLabel,
-              onClick: n[1] || (n[1] = (r) => o.$emit("delete"))
+              title: n.deleteLabel,
+              "aria-label": n.deleteLabel,
+              onClick: o[1] || (o[1] = (i) => n.$emit("delete"))
             }, null, 8, ["title", "aria-label"])
           ]),
           _: 3
@@ -4249,14 +4266,14 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = G(), o = e, n = xo(e, "modelValue"), r = C(p(n.value)), a = C(), i = C(), s = C(), { isOverDropZone: d } = Tn(i, {
+    const l = Y(), n = e, o = xo(e, "modelValue"), i = C(p(o.value)), a = C(), r = C(), s = C(), { isOverDropZone: d } = Tn(r, {
       onDrop: x
-    }), y = V(() => n.value.filter((S) => S instanceof File)), u = V(() => o.multiple || y.value.length === 0 ? void 0 : b(y.value[0]));
+    }), y = V(() => o.value.filter((S) => S instanceof File)), u = V(() => n.multiple || y.value.length === 0 ? void 0 : b(y.value[0]));
     function f(S) {
-      return o.accept.length > 0 ? o.accept.includes(S.type) : !0;
+      return n.accept.length > 0 ? n.accept.includes(S.type) : !0;
     }
     function m(S) {
-      return S.size < o.maxSize * 1024 * 1024;
+      return S.size < n.maxSize * 1024 * 1024;
     }
     function p(S) {
       return S.filter((F) => F instanceof File).some((F) => !f(F) || !m(F));
@@ -4266,11 +4283,11 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
         return;
       const M = f(S), F = m(S);
       if (!M && !F)
-        return o.errorTextFormatAndMaxSize;
+        return n.errorTextFormatAndMaxSize;
       if (!M)
-        return o.errorTextFormat;
+        return n.errorTextFormat;
       if (!F)
-        return o.errorTextMaxSize;
+        return n.errorTextMaxSize;
     }
     function g() {
       a.value = void 0, s.value && s.value.click();
@@ -4290,33 +4307,33 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       a.value = S, s.value && s.value.click();
     }
     function B(S) {
-      r.value = p(S), n.value = S;
+      i.value = p(S), o.value = S;
     }
     function P(S) {
-      B(n.value.filter((M) => M !== S));
+      B(o.value.filter((M) => M !== S));
     }
     function k(S) {
-      o.multiple ? B([...n.value, ...S]) : B([S[0]]);
+      n.multiple ? B([...o.value, ...S]) : B([S[0]]);
     }
     function N(S, [M, ...F]) {
-      if (o.multiple) {
-        const Y = [...n.value];
-        Y[n.value.indexOf(S)] = M, Y.push(...F), B(Y);
+      if (n.multiple) {
+        const K = [...o.value];
+        K[o.value.indexOf(S)] = M, K.push(...F), B(K);
       } else
         B([M]);
     }
     return t({
-      invalid: r
+      invalid: i
     }), (S, M) => (c(), v("div", {
       class: I(["joy-dropzone", {
         "joy-dropzone--dragover": q(d),
-        "joy-dropzone--invalid": r.value,
-        "joy-dropzone--empty": n.value.length === 0
+        "joy-dropzone--invalid": i.value,
+        "joy-dropzone--empty": o.value.length === 0
       }])
     }, [
       h("div", {
         ref_key: "dropzoneAreaRef",
-        ref: i,
+        ref: r,
         class: "joy-dropzone__area"
       }, [
         h("input", {
@@ -4334,9 +4351,9 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           for: S.name,
           class: "joy-dropzone__label"
         }, [
-          n.value.length > 0 ? (c(), v("div", Ma, [
-            (c(!0), v(H, null, U(n.value, (F, Y) => (c(), T(Ea, {
-              key: `${F.name}_${Y}`,
+          o.value.length > 0 ? (c(), v("div", Ma, [
+            (c(!0), v(H, null, U(o.value, (F, K) => (c(), T(Ea, {
+              key: `${F.name}_${K}`,
               file: F,
               error: S.multiple ? b(F) : void 0,
               "update-label": S.updateLabel,
@@ -4360,7 +4377,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : _("", !0),
-          n.value.length === 0 || S.multiple ? (c(), T(re, {
+          o.value.length === 0 || S.multiple ? (c(), T(re, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -4426,19 +4443,19 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["filter"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = Ce("VJoyDropdownContext", null);
-    function r() {
-      o("filter", l.value);
+    const l = e, n = t, o = Ce("VJoyDropdownContext", null);
+    function i() {
+      n("filter", l.value);
     }
-    return (a, i) => (c(), v("button", {
+    return (a, r) => (c(), v("button", {
       type: "button",
       "data-joy-form-field": "",
       class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
-      onClick: r
+      onClick: i
     }, [
       D(J(e.label) + " ", 1),
       w(a.$slots, "default", {}, void 0, !0),
-      q(n) ? (c(), T(R, {
+      q(o) ? (c(), T(R, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -4467,21 +4484,21 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Ce("VJoyWrapperContext", {}), n = V(() => {
-      const r = o.direction === "column" ? "auto" : null;
+    const l = e, n = Ce("VJoyWrapperContext", {}), o = V(() => {
+      const i = n.direction === "column" ? "auto" : null;
       if (!l.width && l.flex === "1") {
         const s = ["1", "0"];
-        return r && s.push(r), s.join(" ");
+        return i && s.push(i), s.join(" ");
       }
-      const a = [l.flex || "1", "0"], i = l.width || r;
-      return i && a.push(i), a.join(" ");
+      const a = [l.flex || "1", "0"], r = l.width || i;
+      return r && a.push(r), a.join(" ");
     });
-    return t({ flexStyle: n }), (r, a) => (c(), v("div", {
+    return t({ flexStyle: o }), (i, a) => (c(), v("div", {
       "aria-hidden": "true",
       class: I(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ee({
         "max-width": e.width,
-        flex: n.value
+        flex: o.value
       })
     }, null, 6));
   }
@@ -4505,17 +4522,17 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
   },
   setup(e, { expose: t }) {
-    const l = C(!0), o = G(), n = C(!0);
-    Ze("VJoyStepperShowLabels", n);
-    function r(s) {
+    const l = C(!0), n = Y(), o = C(!0);
+    Ze("VJoyStepperShowLabels", o);
+    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);
+      l.value = d.scrollTop === 0, a.value && !l.value ? o.value = !1 : a.value && l.value && (o.value = !0);
     }
-    const a = V(() => !!o["funnel-stepper"]), i = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const a = V(() => !!n["funnel-stepper"]), r = V(() => n["funnel-footer"] ? n["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: l,
       hasStepperSlot: a,
-      hasFooterSlot: i
+      hasFooterSlot: r
     }), (s, d) => (c(), v("div", {
       class: I([
         "joy-funnel",
@@ -4535,7 +4552,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
-            "joy-funnel__shapes--no-footer": !i.value
+            "joy-funnel__shapes--no-footer": !r.value
           }
         ])
       }, d[0] || (d[0] = [
@@ -4548,7 +4565,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       ], 2),
       h("div", {
         class: "joy-funnel__scrollable",
-        onScroll: r
+        onScroll: i
       }, [
         h("div", {
           class: I(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
@@ -4609,33 +4626,33 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = V(() => l.icon ? l.icon : Nt(l.level));
+    const l = e, n = V(() => l.icon ? l.icon : Nt(l.level));
     return t({
-      getRelevantIcon: o
-    }), (n, r) => (c(), v("div", {
+      getRelevantIcon: n
+    }), (o, i) => (c(), v("div", {
       class: I([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         `joy-highlight_${e.variant}`,
         {
           "joy-highlight__accent": e.accent,
-          "joy-highlight__titled": n.$slots["highlight-title"]
+          "joy-highlight__titled": o.$slots["highlight-title"]
         }
       ])
     }, [
       h("div", nr, [
-        w(n.$slots, "highlight-decorator", {}, () => [
+        w(o.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (c(), T(R, {
             key: 0,
-            name: o.value
+            name: n.value
           }, null, 8, ["name"])) : _("", !0)
         ], !0)
       ]),
       h("div", lr, [
-        n.$slots["highlight-title"] ? (c(), v("strong", ar, [
-          w(n.$slots, "highlight-title", {}, void 0, !0)
+        o.$slots["highlight-title"] ? (c(), v("strong", ar, [
+          w(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : _("", !0),
-        w(n.$slots, "default", {}, void 0, !0)
+        w(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -4685,8 +4702,8 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = C(o.modelValue), i = V(() => {
-      const u = r.default();
+    const n = e, o = l, i = Y(), a = C(n.modelValue), r = V(() => {
+      const u = i.default();
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(d) : u.filter(d);
     });
     function s(u) {
@@ -4697,20 +4714,20 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       return ((f = u == null ? void 0 : u.type) == null ? void 0 : f.__name) === "VJoyIndicator";
     }
     function y(u) {
-      n("update:modelValue", u.props.value), a.value = u.props.value;
+      o("update:modelValue", u.props.value), a.value = u.props.value;
     }
-    return K(
-      () => o.modelValue,
+    return G(
+      () => n.modelValue,
       (u, f) => {
         u !== f && (a.value = u);
       }
     ), t({
-      indicators: i,
+      indicators: r,
       isSelected: s
     }), (u, f) => (c(), v("ul", {
       class: I(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), v(H, null, U(i.value, (m) => (c(), T(ur, W({
+      (c(!0), v(H, null, U(r.value, (m) => (c(), T(ur, W({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -4796,36 +4813,36 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = Ce("VJoyWrapperContext", {}), a = C(), i = C(), s = be(), d = G(), y = C(!1), u = C(!1);
-    jt(a, n.autofocus);
-    const f = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => d.default && d.default()), p = V(() => Object.keys(r).length > 0), b = C(n.type), g = V(() => n.type === "password" && !!n.modelValue);
+    const n = l, o = e, i = Ce("VJoyWrapperContext", {}), a = C(), r = C(), s = be(), d = Y(), y = C(!1), u = C(!1);
+    jt(a, o.autofocus);
+    const f = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), m = V(() => d.default && d.default()), p = V(() => Object.keys(i).length > 0), b = C(o.type), g = V(() => o.type === "password" && !!o.modelValue);
     Io(() => {
-      b.value = n.unit ? "number" : n.type;
+      b.value = o.unit ? "number" : o.type;
     });
     function $() {
       var x;
-      n.readonly || (x = a.value) == null || x.focus();
+      o.readonly || (x = a.value) == null || x.focus();
     }
     const j = {
       onFocus: () => {
-        n.readonly || (y.value = !0);
+        o.readonly || (y.value = !0);
       },
       onBlur: () => {
         y.value = !1;
       },
       onWheelScroll(x) {
-        n.type === "number" && x.preventDefault();
+        o.type === "number" && x.preventDefault();
       },
       onInput: (x) => {
         let E = x.target.value;
-        n.modelModifiers.lazy || o("update:modelValue", E);
+        o.modelModifiers.lazy || n("update:modelValue", E);
       },
       onChange: (x) => {
         let E = x.target.value;
-        n.modelModifiers.lazy && o("update:modelValue", E);
+        o.modelModifiers.lazy && n("update:modelValue", E);
       },
       clearValue: () => {
-        n.disabled || o("update:modelValue", "");
+        o.disabled || n("update:modelValue", "");
       },
       togglePassword: (x) => {
         x.preventDefault(), u.value = !u.value, u.value ? b.value = "text" : b.value = "password";
@@ -4835,8 +4852,8 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       focus: $
     }), (x, E) => (c(), v("div", {
       ref_key: "root",
-      ref: i,
-      class: I([`joy-input--${n.size}`])
+      ref: r,
+      class: I([`joy-input--${o.size}`])
     }, [
       h("div", {
         class: I([
@@ -4976,7 +4993,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   setup(e) {
     return (t, l) => (c(), v("div", {
       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"))
+      onClick: l[0] || (l[0] = (n) => t.$emit("click"))
     }, [
       O(re, {
         "no-margin": "",
@@ -5024,30 +5041,30 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = C();
+    const n = l, o = C();
     C(0);
-    const r = C();
+    const i = C();
     function a(u) {
-      u.disabled || o("selectItem", u);
+      u.disabled || n("selectItem", u);
     }
-    function i() {
+    function r() {
       var u;
-      return Array.from(((u = n.value) == null ? void 0 : u.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
+      return Array.from(((u = o.value) == null ? void 0 : u.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
     }
     function s(u) {
       return u.id || Xe();
     }
     function d() {
-      return i().find((u) => u === document.activeElement);
+      return r().find((u) => u === document.activeElement);
     }
     function y(u) {
-      if (d() && u.key === " " && u.preventDefault(), u.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
+      if (d() && u.key === " " && u.preventDefault(), u.key === "Tab" && (i.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
         u.preventDefault();
-        const f = i(), m = d();
+        const f = r(), m = d();
         let p = f.indexOf(m);
         if (u.key === "ArrowDown" ? p++ : u.key === "ArrowUp" ? p-- : u.key === "Home" ? p = 0 : u.key === "End" && (p = f.length - 1), p < 0 && (p = 0), p > f.length - 1)
           return;
-        r.value = f[p].id, f[p].focus();
+        i.value = f[p].id, f[p].focus();
       }
       if (u.key === "Enter") {
         const f = d();
@@ -5058,17 +5075,17 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       }
     }
     return t({
-      activeMenuItemId: r,
-      getItems: i,
+      activeMenuItemId: i,
+      getItems: r,
       getItemId: s,
       getFocusedItem: d
     }), (u, f) => {
       const m = ct("bind-once");
       return c(), v("ul", {
         ref_key: "menu",
-        ref: n,
+        ref: o,
         class: "joy-menu-list joy-menu-list__items",
-        "aria-activedescendant": r.value,
+        "aria-activedescendant": i.value,
         "aria-label": e.ariaLabel,
         role: "menu",
         onKeydown: y
@@ -5123,9 +5140,9 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = be(), r = e, a = V(() => r.type !== "a" && r.type !== "button" ? r.linkProps : { ...n, href: r.href });
-    function i() {
-      r.disabled || o("click");
+    const n = l, o = be(), i = e, a = V(() => i.type !== "a" && i.type !== "button" ? i.linkProps : { ...o, href: i.href });
+    function r() {
+      i.disabled || n("click");
     }
     return t({
       getProps: a
@@ -5146,7 +5163,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           }
         ],
         type: s.type === "button" ? "button" : null,
-        onClick: i
+        onClick: r
       }), {
         default: z(() => [
           s.icon ? (c(), T(R, {
@@ -5182,15 +5199,15 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, o = e;
-    function n(a) {
-      return o.value.includes(a.value);
+    const l = t, n = e;
+    function o(a) {
+      return n.value.includes(a.value);
     }
-    function r(a, i) {
-      let s = [...o.value || []];
-      i ? s.push(a) : s.splice(s.indexOf(a), 1), l("update:value", s);
+    function i(a, r) {
+      let s = [...n.value || []];
+      r ? s.push(a) : s.splice(s.indexOf(a), 1), l("update:value", s);
     }
-    return (a, i) => (c(), v("fieldset", {
+    return (a, r) => (c(), v("fieldset", {
       id: a.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
@@ -5212,8 +5229,8 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
           key: s.id,
           name: s.name,
           value: s.value,
-          checked: n(s),
-          "onUpdate:checked": (d) => r(s.value, d)
+          checked: o(s),
+          "onUpdate:checked": (d) => i(s.value, d)
         }, {
           default: z(() => [
             w(a.$slots, "checkbox", W({ ref_for: !0 }, s), () => [
@@ -5253,7 +5270,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       circle: "",
       size: "xsmall",
       disabled: e.disabled,
-      onClick: l[0] || (l[0] = (o) => t.$emit("click"))
+      onClick: l[0] || (l[0] = (n) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
 }), Ir = ["aria-label", "data-current"], Lr = ["onClick"], Br = ["aria-current"], Ar = 6, Er = /* @__PURE__ */ L({
@@ -5287,12 +5304,12 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => {
+    const l = e, n = t, o = V(() => {
       const y = a.value.length;
       return a.value[y - 1] !== a.value[y - 2] + 1;
-    }), r = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ar ? s(2, l.totalPages - 1) : d(l.currentPage));
-    function i(y, u) {
-      l.currentPage === 1 && u === "prev" || l.currentPage === l.totalPages && u === "next" || o("update:current-page", y);
+    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ar ? s(2, l.totalPages - 1) : d(l.currentPage));
+    function r(y, u) {
+      l.currentPage === 1 && u === "prev" || l.currentPage === l.totalPages && u === "next" || n("update:current-page", y);
     }
     function s(y, u) {
       const f = [];
@@ -5314,7 +5331,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
       h("ul", null, [
         h("li", {
           class: "joy-pagination__item joy-pagination__previous",
-          onClick: u[0] || (u[0] = (f) => i(e.currentPage - 1, "prev"))
+          onClick: u[0] || (u[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
           w(y.$slots, "pagination-prev", {}, () => [
             O(zt, {
@@ -5331,10 +5348,10 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: f === e.currentPage,
-                "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && f === 1 && r.value,
-                "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && f === e.totalPages && n.value
+                "joy-pagination__separator joy-pagination__separator-after": e.totalPages > 1 && f === 1 && i.value,
+                "joy-pagination__separator joy-pagination__separator-before": e.totalPages > 1 && f === e.totalPages && o.value
               }),
-              onClick: (m) => i(f)
+              onClick: (m) => r(f)
             }, [
               w(y.$slots, "page", W({ ref_for: !0 }, { page: f }), () => [
                 h("button", {
@@ -5347,7 +5364,7 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
         ]),
         h("li", {
           class: "joy-pagination__next",
-          onClick: u[1] || (u[1] = (f) => i(e.currentPage + 1, "next"))
+          onClick: u[1] || (u[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
           w(y.$slots, "pagination-next", {}, () => [
             O(zt, {
@@ -5437,10 +5454,10 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = V(() => Object.keys(t).length > 0), o = G(), n = C(), r = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
-    return (a, i) => (c(), v("section", {
+    const t = Ce("VJoyWrapperContext", {}), l = V(() => Object.keys(t).length > 0), n = Y(), o = C(), i = V(() => !!n["panel-title"] || !!n["panel-subtitle"] || !!n["panel-title-action"]);
+    return (a, r) => (c(), v("section", {
       ref_key: "panel",
-      ref: n,
+      ref: o,
       style: ee({ flex: e.flex }),
       class: I([
         "joy-panel",
@@ -5452,24 +5469,24 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
         }
       ])
     }, [
-      r.value ? (c(), v("header", Pr, [
-        o["panel-title"] ? (c(), v("div", {
+      i.value ? (c(), v("header", Pr, [
+        n["panel-title"] ? (c(), v("div", {
           key: 0,
           class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           w(a.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : _("", !0),
-        o["panel-title-action"] ? (c(), v("div", Fr, [
+        n["panel-title-action"] ? (c(), v("div", Fr, [
           w(a.$slots, "panel-title-action", {}, void 0, !0)
         ])) : _("", !0),
-        o["panel-subtitle"] ? (c(), v("div", Or, [
+        n["panel-subtitle"] ? (c(), v("div", Or, [
           w(a.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : _("", !0)
       ])) : _("", !0),
       h("div", Dr, [
         w(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (c(), v("footer", Rr, [
+      n["panel-action"] ? (c(), v("footer", Rr, [
         w(a.$slots, "panel-action", {}, void 0, !0)
       ])) : _("", !0),
       e.loading ? (c(), T(vo, {
@@ -5493,8 +5510,8 @@ const Kl = { class: "joy-counter" }, Zl = ["aria-label", "disabled"], Xl = { cla
 }, Ur = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = G();
-    return (l, o) => (c(), v("div", qr, [
+    const t = Y();
+    return (l, n) => (c(), v("div", qr, [
       q(t)["panel-section-title"] ? (c(), v("div", Hr, [
         w(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : _("", !0),
@@ -5513,9 +5530,9 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     clearProductTourRef: () => {
       e.value = null;
     },
-    storeProductTourRef: (o) => {
-      var n;
-      (n = e.value) == null || n.hide(), o && (e.value = o, e.value.show());
+    storeProductTourRef: (n) => {
+      var o;
+      (o = e.value) == null || o.hide(), n && (e.value = n, e.value.show());
     },
     productToursRef: e
   };
@@ -5538,9 +5555,9 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: r } = ho, a = C(null), i = C(null), s = C(null), d = C(null), y = C(null), u = C(n.open), f = C(), m = C(
+    const n = l, o = e, { clearProductTourRef: i } = ho, a = C(null), r = C(null), s = C(null), d = C(null), y = C(null), u = C(o.open), f = C(), m = C(
       po(s, a, {
-        placement: n.position,
+        placement: o.position,
         whileElementsMounted(...k) {
           return El(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
@@ -5573,19 +5590,19 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     });
     function b() {
       var k;
-      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), $({
+      o.spotlightSelector && document.body.contains(document.querySelector(o.spotlightSelector)) && (s.value = document.querySelector(o.spotlightSelector), $({
         elementToHighlight: s.value,
-        disableOverlay: n.disableOverlay
+        disableOverlay: o.disableOverlay
       }), (k = m.value) == null || k.update(), u.value = !0);
     }
     function g() {
-      u.value = !1, r(), P(), o("product-tour:hide");
+      u.value = !1, i(), P(), n("product-tour:hide");
     }
     function $(k) {
       s.value && (k.disableOverlay || j(), x(k.elementToHighlight));
     }
     function j() {
-      i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", g, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
+      r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", g, { 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 x(k) {
       k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = O(Zr), y.value = document.createElement("div"), y.value.classList.add(ni), document.body.appendChild(y.value), kt(d.value, y.value), E());
@@ -5594,15 +5611,15 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
       if (!y.value)
         return;
       const { left: k, top: N, height: S, width: M } = s.value.getBoundingClientRect();
-      y.value.style.left = `calc(${window.scrollX + k - n.spotlightPadding}px`, y.value.style.top = `${window.scrollY + N - n.spotlightPadding}px`, y.value.style.width = `${M}px`, y.value.style.height = `${S}px`, y.value.style.position = "absolute", y.value.style.padding = n.spotlightPadding + "px", y.value.style.boxSizing = "content-box";
+      y.value.style.left = `calc(${window.scrollX + k - o.spotlightPadding}px`, y.value.style.top = `${window.scrollY + N - o.spotlightPadding}px`, y.value.style.width = `${M}px`, y.value.style.height = `${S}px`, y.value.style.position = "absolute", y.value.style.padding = o.spotlightPadding + "px", y.value.style.boxSizing = "content-box";
     }
     function B() {
-      i.value && i.value.remove();
+      r.value && r.value.remove();
     }
     function P() {
       B(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), y.value && (kt(null, y.value), y.value.remove());
     }
-    return K(m.value, () => {
+    return G(m.value, () => {
       var k;
       d.value && ((k = a.value) != null && k.isConnected ? E() : g());
     }), Mt(() => {
@@ -5704,27 +5721,27 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = C(!1), n = e, r = l, { storeProductTourRef: a, clearProductTourRef: i } = ho, s = C(), d = be(), y = V(() => {
-      if (o.value)
+    const n = C(!1), o = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = ho, s = C(), d = be(), y = V(() => {
+      if (n.value)
         return d;
     });
     function u() {
       a(s.value);
     }
     function f() {
-      r("product-tour:hide");
+      i("product-tour:hide");
     }
     function m(p = { fireHideEvent: !1 }) {
       var b;
-      (b = s.value) == null || b.hide(), i(), p.fireHideEvent && f();
+      (b = s.value) == null || b.hide(), r(), p.fireHideEvent && f();
     }
     return te(() => {
-      o.value = !0, n.open && a(s.value);
+      n.value = !0, o.open && a(s.value);
     }), t({
       show: u,
       hide: m
     }), (p, b) => (c(), T(ze, { to: "body" }, [
-      O(ai, W({ ...n, ...y.value }, {
+      O(ai, W({ ...o, ...y.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5758,14 +5775,14 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.productTour), r = G(), a = V(() => r.default());
-    async function i() {
+    const l = e, n = t, o = V(() => l.productTour), i = Y(), a = V(() => i.default());
+    async function r() {
       var s;
-      o("click"), n.value && ((s = n.value) == null || s.show());
+      n("click"), o.value && ((s = o.value) == null || s.show());
     }
     return (s, d) => (c(!0), v(H, null, U(a.value, (y) => (c(), T(Z(y), {
       key: y,
-      onClick: i
+      onClick: r
     }))), 128));
   }
 }), ri = { class: "joy-progress-bar-wrapper" }, ii = {
@@ -5804,14 +5821,14 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(0), n = V(() => r());
-    function r() {
-      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 + "%";
+    const l = e, n = C(0), o = V(() => i());
+    function i() {
+      return l.percentage ? n.value = l.percentage : l.currentStep && l.steps ? n.value = Math.round(l.currentStep / l.steps * 100) : n.value = 0, n.value < 0 && (n.value = 0), n.value > 100 && (n.value = 100), n.value + "%";
     }
     return t({
-      computeInnerWidth: n,
-      computedPercentage: o
-    }), (a, i) => (c(), T(re, {
+      computeInnerWidth: o,
+      computedPercentage: n
+    }), (a, r) => (c(), T(re, {
       wrap: "nowrap",
       "column-gap": "1",
       align: "center",
@@ -5821,7 +5838,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         h("div", ri, [
           h("div", {
             class: "joy-progress-bar-inner",
-            style: ee({ width: n.value })
+            style: ee({ width: o.value })
           }, null, 4)
         ]),
         e.showLabel && e.percentage ? (c(), v("span", ii, J(e.percentage + "%"), 1)) : _("", !0)
@@ -5861,15 +5878,15 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = C(!1), a = C(!1), i = C(null), s = C(null), d = G(), y = V(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
+    const n = l, o = e, i = C(!1), a = C(!1), r = C(null), s = C(null), d = Y(), y = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
-      r.value = !!d["expandable-content"] && y.value;
+      i.value = !!d["expandable-content"] && y.value;
     }
     function f() {
-      o("update:modelValue", n.value), u();
+      n("update:modelValue", o.value), u();
     }
     te(() => {
-      n.theme === "outline" && u();
+      o.theme === "outline" && u();
     });
     function m() {
       a.value = !0;
@@ -5877,17 +5894,17 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     function p() {
       a.value = !1;
     }
-    return K(
-      () => n.modelValue,
+    return G(
+      () => o.modelValue,
       () => {
         u();
       }
     ), t({
       checked: y,
-      isExpanded: r
+      isExpanded: i
     }), (b, g) => (c(), v("label", {
       ref_key: "root",
-      ref: i,
+      ref: r,
       class: I([
         "joy-radio",
         `joy-radio--${e.theme}`,
@@ -5925,7 +5942,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         h("div", {
           ref_key: "expandableElement",
           ref: s,
-          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
+          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
           w(b.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
@@ -5977,30 +5994,30 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = V(() => {
-      let r = [], a = 0.24, i = 0.75;
+    const l = e, n = be(), o = V(() => {
+      let i = [], a = 0.24, r = 0.75;
       for (let s = 0; s < 5; s++)
-        l.ratingValue > a ? r.push(l.ratingValue < i ? "half" : "full") : r.push("empty"), a += 1, i += 1;
-      return r;
+        l.ratingValue > a ? i.push(l.ratingValue < r ? "half" : "full") : i.push("empty"), a += 1, r += 1;
+      return i;
     });
     return t({
-      setStars: n
-    }), (r, a) => (c(), v("div", {
+      setStars: o
+    }), (i, a) => (c(), v("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      "aria-label": q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      "aria-label": q(n).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       h("ul", bi, [
-        (c(!0), v(H, null, U(n.value, (i, s) => (c(), v("li", {
+        (c(!0), v(H, null, U(o.value, (r, s) => (c(), v("li", {
           key: s,
           class: I([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (c(), T(R, {
+          r === "full" ? (c(), T(R, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (c(), T(R, {
+          })) : r === "half" ? (c(), T(R, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
@@ -6014,7 +6031,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         ], 2))), 128))
       ]),
       h("div", wi, [
-        w(r.$slots, "rating-stars-content", {}, () => [
+        w(i.$slots, "rating-stars-content", {}, () => [
           e.reviewCount ? (c(), v("span", _i, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
@@ -6068,28 +6085,28 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = V(() => {
-      const b = (r == null ? void 0 : r.default) && (r == null ? void 0 : r.default());
+    const n = e, o = l, i = Y(), a = V(() => {
+      const b = (i == null ? void 0 : i.default) && (i == null ? void 0 : i.default());
       let g = [];
       return b.forEach(($) => {
-        if (i($))
+        if (r($))
           g.push($);
         else {
           const j = $.children;
           if (typeof j == "string" || !j.length)
             return;
-          const x = j.filter(i);
+          const x = j.filter(r);
           g = [...g, ...x];
         }
       }), g;
     });
-    function i(b) {
+    function r(b) {
       return (b == null ? void 0 : b.type) === "option";
     }
-    const s = C(), d = C(), y = C(!1), u = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const s = C(), d = C(), y = C(!1), u = V(() => n.labelSize ? n.labelSize : n.size !== "medium" ? "small" : "medium");
     te(() => {
       var $;
-      const b = r["select-label"] && r["select-label"]();
+      const b = i["select-label"] && i["select-label"]();
       if (!b || !b.length)
         return;
       const g = b[0];
@@ -6099,12 +6116,12 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        j !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        j !== n.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function f(b) {
       const g = b.target.value;
-      n("update:modelValue", g);
+      o("update:modelValue", g);
     }
     function m() {
       y.value = !0;
@@ -6192,15 +6209,15 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = Fe() + "--JoySelectableItem", n = e, r = C(), a = C(!1), i = n.multiple ? "div" : "label", s = V(() => n.id || o), d = {
+    const l = t, n = Fe() + "--JoySelectableItem", o = e, i = C(), a = C(!1), r = o.multiple ? "div" : "label", s = V(() => o.id || n), d = {
       onRadioChange: () => {
-        l("update:checked", n.value);
+        l("update:checked", o.value);
       },
       onClick: () => {
-        n.checked && !n.multiple && l("update:checked", "");
+        o.checked && !o.multiple && l("update:checked", "");
       },
       onLabelClick: (u) => {
-        n.multiple || u.stopPropagation();
+        o.multiple || u.stopPropagation();
       },
       onFocus: () => {
         a.value = !0;
@@ -6227,7 +6244,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         key: 0,
         id: s.value,
         ref_key: "inputRadio",
-        ref: r,
+        ref: i,
         "data-joy-form-field": "",
         type: "radio",
         value: u.value,
@@ -6242,7 +6259,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => d.onBlur && d.onBlur(...m))
       }, null, 40, Ti)),
-      (c(), T(Z(q(i)), {
+      (c(), T(Z(q(r)), {
         for: s.value,
         class: I([
           "joy-selectable-item",
@@ -6311,32 +6328,32 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const l = t, o = e;
-    function n(i) {
-      return typeof o.value == "string" ? o.value === a(i) : (o.value || []).includes(a(i));
+    const l = t, n = e;
+    function o(r) {
+      return typeof n.value == "string" ? n.value === a(r) : (n.value || []).includes(a(r));
     }
-    function r(i, s) {
-      if (!o.multiple)
+    function i(r, s) {
+      if (!n.multiple)
         return l("update:value", s);
-      let d = [...o.value || []];
-      s && typeof s == "boolean" ? d.push(i) : d.splice(d.indexOf(i), 1), l("update:value", d);
+      let d = [...n.value || []];
+      s && typeof s == "boolean" ? d.push(r) : d.splice(d.indexOf(r), 1), l("update:value", d);
     }
-    function a(i) {
-      return o.valueKey && Object.prototype.hasOwnProperty.call(i, o.valueKey) ? i[o.valueKey] : i.value;
+    function a(r) {
+      return n.valueKey && Object.prototype.hasOwnProperty.call(r, n.valueKey) ? r[n.valueKey] : r.value;
     }
-    return (i, s) => (c(), v("fieldset", {
-      id: i.id,
+    return (r, s) => (c(), v("fieldset", {
+      id: r.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      i.label ? (c(), T(Ve, {
+      r.label ? (c(), T(Ve, {
         key: 0,
         "tag-name": "legend",
-        required: i.required && i.requiredMark,
-        "optional-label": i.optionalLabel,
-        size: i.labelSize
+        required: r.required && r.requiredMark,
+        "optional-label": r.optionalLabel,
+        size: r.labelSize
       }, {
         default: z(() => [
-          D(J(i.label), 1)
+          D(J(r.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
@@ -6344,27 +6361,27 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         class: I([
           "joy-selectable-item-group",
           {
-            "joy-selectable-item-group--multiple": i.multiple,
-            "joy-selectable-item-group--single": !i.multiple,
-            "joy-selectable-item-group--full": i.fullWidth,
-            "joy-selectable-item-group--invalid": i.invalid
+            "joy-selectable-item-group--multiple": r.multiple,
+            "joy-selectable-item-group--single": !r.multiple,
+            "joy-selectable-item-group--full": r.fullWidth,
+            "joy-selectable-item-group--invalid": r.invalid
           }
         ])
       }, [
-        (c(!0), v(H, null, U(i.options, (d) => (c(), T(Li, W({ ref_for: !0 }, d.attrs, {
+        (c(!0), v(H, null, U(r.options, (d) => (c(), T(Li, W({ ref_for: !0 }, d.attrs, {
           id: d.id,
           key: d.id,
           name: d.name,
           disabled: d.disabled,
           value: a(d),
-          multiple: i.multiple,
-          checked: n(d),
-          invalid: i.invalid,
-          "onUpdate:checked": (y) => r(a(d), y)
+          multiple: r.multiple,
+          checked: o(d),
+          invalid: r.invalid,
+          "onUpdate:checked": (y) => i(a(d), y)
         }), yt({
           default: z(() => [
-            w(i.$slots, "item", W({ ref_for: !0 }, d), () => [
-              D(J(i.labelKey && d[i.labelKey] || d.label), 1)
+            w(r.$slots, "item", W({ ref_for: !0 }, d), () => [
+              D(J(r.labelKey && d[r.labelKey] || d.label), 1)
             ], !0)
           ]),
           _: 2
@@ -6378,9 +6395,9 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "invalid", "onUpdate:checked"]))), 128))
       ], 2),
-      i.errorMessage && i.invalid ? (c(), T(tt, {
+      r.errorMessage && r.invalid ? (c(), T(tt, {
         key: 1,
-        "no-html-error-text": i.errorMessage,
+        "no-html-error-text": r.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : _("", !0)
     ], 8, Bi));
@@ -6441,11 +6458,11 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(0.1), a = V(() => o.completed ? "100%" : i.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), i = V(() => o.currentSubStep > 0);
+    const n = e, o = l, i = C(0.1), a = V(() => n.completed ? "100%" : r.value ? n.subSteps <= 1 || n.currentSubStep === 1 ? "10%" : (Math.min(n.currentSubStep / n.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = V(() => n.currentSubStep > 0);
     function s(d) {
-      d <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
+      d <= 0 && console.warn("subSteps must be equal or greater than 1"), o("update:subSteps");
     }
-    return K(() => o.subSteps, s), t({
+    return G(() => n.subSteps, s), t({
       progress: a
     }), (d, y) => (c(), v("div", {
       id: e.id,
@@ -6454,7 +6471,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         `joy-step--size-${e.size}`,
         {
           "joy-step--completed": e.completed,
-          "joy-step--ongoing": i.value
+          "joy-step--ongoing": r.value
         }
       ])
     }, [
@@ -6489,30 +6506,30 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = G(), n = Ce("VJoyStepperShowLabels", !0), r = V(() => {
-      const f = o.default();
+    const l = e, n = Y(), o = Ce("VJoyStepperShowLabels", !0), i = V(() => {
+      const f = n.default();
       return f.length === 1 && typeof f[0].type != "object" ? f[0].children.filter(a) : f.filter(a);
     });
     function a(f) {
       var m;
       return ((m = f.type) == null ? void 0 : m.__name) === "VJoyStep";
     }
-    const i = V(() => l.step > 0 ? r.value[l.step - 1] : r.value[0]), s = V(() => i.value.props === null ? !1 : l.subStep <= 0 || l.subStep > y.value), d = V(() => s.value && i.value.props ? i.value.props["sub-steps"] : l.subStep), y = V(() => i.value.props === null ? i.value.type.props.subSteps.default : i.value.props["sub-steps"]);
+    const r = V(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = V(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > y.value), d = V(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), y = V(() => 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;
     }
     return t({
       currentItemSubStep: d,
-      steps: r,
+      steps: i,
       invalidSubStepValue: s
     }), (f, m) => (c(), v("div", Oi, [
-      (c(!0), v(H, null, U(r.value, (p, b) => {
+      (c(!0), v(H, null, U(i.value, (p, b) => {
         var g;
         return c(), T(Fi, W({ ref_for: !0 }, p.props, {
           key: (g = p.props) == null ? void 0 : g.id,
           completed: b < e.step - 1,
           "current-sub-step": u(b),
-          "show-label": q(n)
+          "show-label": q(o)
         }), {
           default: z(() => {
             var $;
@@ -6556,18 +6573,18 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyTabs", C("")), o = V(() => l.value === t.tab);
-    return (n, r) => (c(), v("div", {
+    const t = e, l = Ce("VJoyTabs", C("")), n = V(() => l.value === t.tab);
+    return (o, i) => (c(), v("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
-      "aria-hidden": o.value ? void 0 : "true",
+      "aria-hidden": n.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
       class: I({
         "joy-tab": !0,
-        "joy-tab__selected": o.value
+        "joy-tab__selected": n.value
       })
     }, [
-      w(n.$slots, "default", {}, void 0, !0)
+      w(o.$slots, "default", {}, void 0, !0)
     ], 10, Ri));
   }
 }), Du = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-a76a7c92"]]), qi = ["id", "href", "aria-selected", "aria-controls"], Hi = {
@@ -6610,21 +6627,21 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["changeTab"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => typeof l.notifications == "number");
-    function r() {
-      o("changeTab");
+    const l = e, n = t, o = V(() => typeof l.notifications == "number");
+    function i() {
+      n("changeTab");
     }
-    function a(i) {
-      (i.code === "Enter" || i.code === "NumpadEnter") && o("changeTab");
+    function a(r) {
+      (r.code === "Enter" || r.code === "NumpadEnter") && n("changeTab");
     }
-    return (i, s) => (c(), v("a", {
+    return (r, s) => (c(), v("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
       "aria-controls": `job-tab-${e.tab}`,
       tabindex: "0",
       role: "tab",
-      onClick: r,
+      onClick: i,
       onKeydown: s[0] || (s[0] = (d) => a(d))
     }, [
       h("div", {
@@ -6634,10 +6651,10 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
         })
       }, [
         h("button", Hi, [
-          w(i.$slots, "default", {}, () => [
+          w(r.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
-          n.value ? (c(), T(cn, {
+          o.value ? (c(), T(cn, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6657,10 +6674,10 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = G(), a = C(o.selectedTab);
+    const n = e, o = l, i = Y(), a = C(n.selectedTab);
     Ze("VJoyTabs", a);
-    const i = C(null), s = C(null), d = C(!1), y = C(!1), u = V(() => {
-      const g = r.default();
+    const r = C(null), s = C(null), d = C(!1), y = C(!1), u = V(() => {
+      const g = i.default();
       return g.length === 1 && typeof g[0].type != "object" ? g[0].children.filter(f) : g.filter(f);
     });
     function f(g) {
@@ -6671,13 +6688,13 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
       return g.props.tab === a.value;
     }
     function p() {
-      s.value && i.value && s.value.scrollWidth > i.value.offsetWidth ? (y.value = s.value.scrollLeft > 0, d.value = s.value.scrollLeft + i.value.offsetWidth < s.value.scrollWidth) : (y.value = !1, d.value = !1);
+      s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (y.value = s.value.scrollLeft > 0, d.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (y.value = !1, d.value = !1);
     }
     function b(g, $ = !0) {
-      g && $ && (a.value = g, n("update:selected-tab", g));
+      g && $ && (a.value = g, o("update:selected-tab", g));
     }
-    return K(
-      () => o.selectedTab,
+    return G(
+      () => n.selectedTab,
       (g) => {
         g && b(g);
       },
@@ -6693,7 +6710,7 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
     }), (g, $) => (c(), v("div", Gi, [
       h("div", {
         ref_key: "buttonListWrapper",
-        ref: i,
+        ref: r,
         class: I({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": d.value,
@@ -6751,25 +6768,25 @@ const Zr = /* @__PURE__ */ A(Gr, [["render", Kr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const l = ["primary", "secondary"], o = t, n = e, r = V(() => ({
+    const l = ["primary", "secondary"], n = t, o = e, i = V(() => ({
       "joy-tag": !0,
-      "joy-tag__selected": n.selected,
-      "joy-tag__selectable": n.selectable || n.link,
-      "joy-tag_draggable": n.draggable,
-      "joy-tag__strikethrough": n.strikethrough,
-      "joy-tag__disabled": n.disabled,
-      ["joy-tag__" + n.size]: !0,
-      ["joy-tag__" + n.variant]: !0
-    })), a = Fe() + "--JoyTag", i = V(() => n.id || a);
+      "joy-tag__selected": o.selected,
+      "joy-tag__selectable": o.selectable || o.link,
+      "joy-tag_draggable": o.draggable,
+      "joy-tag__strikethrough": o.strikethrough,
+      "joy-tag__disabled": o.disabled,
+      ["joy-tag__" + o.size]: !0,
+      ["joy-tag__" + o.variant]: !0
+    })), a = Fe() + "--JoyTag", r = V(() => o.id || a);
     function s() {
-      o("remove", { value: n.value });
+      n("remove", { value: o.value });
     }
     function d() {
-      n.disabled || (o("click"), n.selectable && l.includes(n.variant) && o("selected", { selected: !n.selected, value: n.value }));
+      o.disabled || (n("click"), o.selectable && l.includes(o.variant) && n("selected", { selected: !o.selected, value: o.value }));
     }
     return (y, u) => (c(), v("span", {
-      id: i.value,
-      class: I([r.value]),
+      id: r.value,
+      class: I([i.value]),
       role: y.link || y.selectable ? "button" : void 0,
       onClick: d
     }, [
@@ -6801,9 +6818,9 @@ function Jt(e) {
   function t(l) {
     return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l);
   }
-  return Array.isArray(e) ? e.find((o) => {
-    if (!t(o))
-      return o;
+  return Array.isArray(e) ? e.find((n) => {
+    if (!t(n))
+      return n;
   }) === void 0 : t(e);
 }
 const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholder"], es = { key: 0 }, ts = { key: 1 }, os = /* @__PURE__ */ L({
@@ -6821,14 +6838,14 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, r = C(o.modelValue), a = C(!1), i = C(null), s = C(o.invalid), d = C(null), y = V(() => o.validation === "email"), u = V(() => y.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = V(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = V(() => s.value && (!!u.value || !!f.value));
+    const n = e, o = l, i = C(n.modelValue), a = C(!1), r = C(null), s = C(n.invalid), d = C(null), y = V(() => n.validation === "email"), u = V(() => y.value && d.value === "INVALID_EMAIL" && !!n.invalidEmailError), f = V(() => d.value === "DUPLICATED_ENTRY" && !!n.duplicationError), m = V(() => s.value && (!!u.value || !!f.value));
     function p() {
       y.value && s.value === !0 && (d.value = we.INVALID_EMAIL);
     }
     function b() {
       var F;
-      const S = r.value.map((Y) => Y.trim());
-      return S.filter((Y, se) => S.indexOf(Y) !== se).length ? !0 : (F = i.value) != null && F.value ? S.includes(i.value.value.trim()) : !1;
+      const S = i.value.map((K) => K.trim());
+      return S.filter((K, se) => S.indexOf(K) !== se).length ? !0 : (F = r.value) != null && F.value ? S.includes(r.value.value.trim()) : !1;
     }
     function g() {
       b() && (d.value = we.DUPLICATED_ENTRY);
@@ -6836,31 +6853,31 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
     function $(S) {
       var M;
       if (["Backspace"].includes(S.key)) {
-        if (((M = i.value) == null ? void 0 : M.value) !== "")
+        if (((M = r.value) == null ? void 0 : M.value) !== "")
           return;
-        r.value.pop(), n("update:modelValue", r.value), y.value && N();
+        i.value.pop(), o("update:modelValue", i.value), y.value && N();
       }
     }
     function j() {
       var S, M;
-      (S = i.value) != null && S.value && (r.value = [...r.value, (M = i.value) == null ? void 0 : M.value], i.value.value = "", n("update:modelValue", r.value));
+      (S = r.value) != null && S.value && (i.value = [...i.value, (M = r.value) == null ? void 0 : M.value], r.value.value = "", o("update:modelValue", i.value));
     }
     function x(S) {
       var M;
       if (y.value) {
         if (["Enter", ",", " "].includes(S.key)) {
           if (S.preventDefault(), N(), b()) {
-            n("validation:error", we.DUPLICATED_ENTRY);
+            o("validation:error", we.DUPLICATED_ENTRY);
             return;
-          } else if ((M = i.value) != null && M.value && !Jt(i.value.value)) {
-            n("validation:error", we.INVALID_EMAIL);
+          } else if ((M = r.value) != null && M.value && !Jt(r.value.value)) {
+            o("validation:error", we.INVALID_EMAIL);
             return;
           }
           j();
         }
       } else if (["Enter", ","].includes(S.key)) {
         if (S.preventDefault(), b()) {
-          s.value = !0, d.value = we.DUPLICATED_ENTRY, n("validation:error", we.DUPLICATED_ENTRY);
+          s.value = !0, d.value = we.DUPLICATED_ENTRY, o("validation:error", we.DUPLICATED_ENTRY);
           return;
         }
         j(), s.value = !1;
@@ -6875,22 +6892,22 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
     }
     function P(S) {
       var M;
-      r.value = r.value.filter((F) => F !== S.value), n("update:modelValue", r.value), (M = i.value) == null || M.focus(), N();
+      i.value = i.value.filter((F) => F !== S.value), o("update:modelValue", i.value), (M = r.value) == null || M.focus(), N();
     }
     function k() {
       var M, F;
       let S = !1;
       if (y.value) {
-        let Y = r.value;
-        (M = i.value) != null && M.value && (Y = [...Y, (F = i.value) == null ? void 0 : F.value]), S = !Jt(Y);
+        let K = i.value;
+        (M = r.value) != null && M.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), S = !Jt(K);
       }
       s.value = S || b(), !S && b() && (d.value = null);
     }
     function N() {
       k(), p(), g();
     }
-    return K(
-      () => o.modelValue,
+    return G(
+      () => n.modelValue,
       () => {
         y.value && N();
       },
@@ -6918,7 +6935,7 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), v(H, null, U(r.value, (F) => (c(), T(go, {
+        (c(!0), v(H, null, U(i.value, (F) => (c(), T(go, {
           key: F,
           variant: S.variant,
           removable: !0,
@@ -6935,7 +6952,7 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
         h("input", {
           id: S.name,
           ref_key: "inputEl",
-          ref: i,
+          ref: r,
           "data-joy-form-field": "",
           type: "text",
           name: S.name,
@@ -6994,20 +7011,20 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: t }) {
-    const l = t, o = e;
-    function n(d) {
+    const l = t, n = e;
+    function o(d) {
       var y;
-      return o.removable ? !1 : (y = o.modelValue) == null ? void 0 : y.includes(d.value);
+      return n.removable ? !1 : (y = n.modelValue) == null ? void 0 : y.includes(d.value);
     }
-    function r(d) {
-      return !o.modelValue || o.removable || d.removable ? !1 : d.selectable !== void 0 ? d.selectable : o.selectable;
+    function i(d) {
+      return !n.modelValue || n.removable || d.removable ? !1 : d.selectable !== void 0 ? d.selectable : n.selectable;
     }
     function a(d) {
-      return d.removable !== void 0 ? d.removable : o.removable;
+      return d.removable !== void 0 ? d.removable : n.removable;
     }
-    function i(d, y) {
+    function r(d, y) {
       let u = [];
-      d.selected && !n(y) ? u = [...o.modelValue || [], y.value] : u = (o.modelValue || []).filter((f) => f !== y.value), l("update:modelValue", u);
+      d.selected && !o(y) ? u = [...n.modelValue || [], y.value] : u = (n.modelValue || []).filter((f) => f !== y.value), l("update:modelValue", u);
     }
     function s(d) {
       l("removeTag", d.value);
@@ -7019,18 +7036,18 @@ const Xi = { class: "joy-tags-input__wrapper" }, Qi = ["id", "name", "placeholde
         key: u.value || u.label,
         ref_for: !0
       }, u, {
-        selectable: r(u),
+        selectable: i(u),
         removable: a(u),
         variant: u.variant ? u.variant : e.variant,
-        selected: n(u),
+        selected: o(u),
         onRemove: s,
-        onSelected: (f) => i(f, u)
+        onSelected: (f) => r(f, u)
       }), {
         default: z(() => [
           w(d.$slots, "tag", W({ ref_for: !0 }, {
             ...u,
-            selectable: r(u),
-            selected: n(u),
+            selectable: i(u),
+            selected: o(u),
             removable: a(u)
           }), void 0, !0)
         ]),
@@ -7088,26 +7105,26 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    const t = e, l = G(), o = V(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
-    return (n, r) => (c(), v("div", {
+    const t = e, l = Y(), n = V(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
+    return (o, i) => (c(), v("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
       e.shapes ? (c(), T(is, { key: 0 })) : _("", !0),
       h("div", ss, [
-        o.value ? (c(), v("div", us, [
+        n.value ? (c(), v("div", us, [
           l["template-back"] ? (c(), v("div", ds, [
-            w(n.$slots, "template-back", {}, void 0, !0)
+            w(o.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
           h("div", cs, [
             l["template-title"] ? (c(), v("div", fs, [
-              w(n.$slots, "template-title", {}, void 0, !0)
+              w(o.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
             l["template-subtitle"] ? (c(), v("div", ys, [
-              w(n.$slots, "template-subtitle", {}, void 0, !0)
+              w(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
           l["template-actions"] ? (c(), v("div", ps, [
-            w(n.$slots, "template-actions", {}, void 0, !0)
+            w(o.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
         h("div", {
@@ -7118,11 +7135,11 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          n.$slots["template-main"] ? (c(), v("div", ms, [
-            w(n.$slots, "template-main", {}, void 0, !0)
+          o.$slots["template-main"] ? (c(), v("div", ms, [
+            w(o.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
-          n.$slots["template-sidebar"] ? (c(), v("div", vs, [
-            w(n.$slots, "template-sidebar", {}, void 0, !0)
+          o.$slots["template-sidebar"] ? (c(), v("div", vs, [
+            w(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
       ]),
@@ -7132,7 +7149,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
         color: e.loadingColor
       }, {
         content: z(() => [
-          w(n.$slots, "template-loader-content", {}, void 0, !0)
+          w(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : _("", !0)
@@ -7162,7 +7179,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Wu = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-6295f9ec"]]), bs = ["aria-disabled"], ws = { class: "joy-textarea_wrapper" }, _s = ["id", "disabled", "name", "required", "minlength", "value"], js = {
+}), Wu = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-8a40109a"]]), bs = ["aria-disabled"], ws = { class: "joy-textarea_wrapper" }, _s = ["id", "disabled", "name", "required", "minlength", "value"], js = {
   key: 1,
   class: "joy-textarea_helpers"
 }, ks = {
@@ -7227,16 +7244,16 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, r = G(), a = C(), { triggerResize: i } = In({
-      element: n.autogrow ? a : void 0
+    const n = l, o = e, i = Y(), a = C(), { triggerResize: r } = In({
+      element: o.autogrow ? a : void 0
     }), s = C(!1), d = C(!1);
-    jt(a, n.autofocus);
-    const y = V(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), u = V(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = V(() => !!(n.label || r.default)), m = {
+    jt(a, o.autofocus);
+    const y = V(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), u = V(() => o.minlength ? o.modelValue.length < o.minlength : !1), f = V(() => !!(o.label || i.default)), m = {
       onInput: (p) => {
-        n.modelModifiers.lazy || o("update:modelValue", p.target.value), m.triggerResize();
+        o.modelModifiers.lazy || n("update:modelValue", p.target.value), m.triggerResize();
       },
       onChange: (p) => {
-        n.modelModifiers.lazy && o("update:modelValue", p.target.value);
+        o.modelModifiers.lazy && n("update:modelValue", p.target.value);
       },
       onBlur: () => {
         d.value = !1, s.value = y.value || u.value;
@@ -7248,10 +7265,10 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
        * Here we store the function in an object to more easily test it with vitest.
        * There is an issue when we try to use spyOn vm object directly.
        * */
-      triggerResize: i
+      triggerResize: r
     };
-    return K(
-      () => n.modelValue,
+    return G(
+      () => o.modelValue,
       () => {
         m.triggerResize();
       },
@@ -7260,7 +7277,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
       isInvalid: s,
       valueOverMaxlength: y,
       valueUnderMinlength: u,
-      triggerResize: i,
+      triggerResize: r,
       eventHandlers: m
     }), (p, b) => (c(), v("div", {
       "aria-disabled": e.disabled,
@@ -7385,20 +7402,20 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const l = t;
-    G();
-    const o = C(!1), n = {
-      onChange: (r) => {
-        const a = r.target.checked;
+    Y();
+    const n = C(!1), o = {
+      onChange: (i) => {
+        const a = i.target.checked;
         l("update:modelValue", a);
       },
       onFocus: () => {
-        o.value = !0;
+        n.value = !0;
       },
       onBlur: () => {
-        o.value = !1;
+        n.value = !1;
       }
     };
-    return (r, a) => (c(), v("div", Cs, [
+    return (i, a) => (c(), v("div", Cs, [
       h("label", {
         class: I([
           "joy-toggle",
@@ -7406,7 +7423,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
           {
             "joy-toggle__checked": e.modelValue,
             "joy-toggle__disabled": e.disabled,
-            "joy-toggle__focusing": o.value
+            "joy-toggle__focusing": n.value
           }
         ])
       }, [
@@ -7423,16 +7440,16 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
           "aria-checked": e.modelValue,
           value: e.value,
           onChange: a[0] || (a[0] = //@ts-ignore
-          (...i) => n.onChange && n.onChange(...i)),
+          (...r) => o.onChange && o.onChange(...r)),
           onFocus: a[1] || (a[1] = //@ts-ignore
-          (...i) => n.onFocus && n.onFocus(...i)),
+          (...r) => o.onFocus && o.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
-          (...i) => n.onBlur && n.onBlur(...i))
+          (...r) => o.onBlur && o.onBlur(...r))
         }, null, 40, Vs),
         h("p", Ts, [
           a[4] || (a[4] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
           h("span", xs, [
-            w(r.$slots, "default", {}, () => [
+            w(i.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
@@ -7540,22 +7557,22 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
   },
   setup(e) {
     const l = C(e.open);
-    return (o, n) => {
-      const r = ct("joy-ripple");
-      return Ke((c(), v("button", W(o.$attrs, {
+    return (n, o) => {
+      const i = ct("joy-ripple");
+      return Ke((c(), v("button", W(n.$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)
+        onClick: o[0] || (o[0] = (a) => l.value = !l.value)
       }), [
-        o.icon ? (c(), T(R, {
+        n.icon ? (c(), T(R, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
-          name: o.icon
+          name: n.icon
         }, null, 8, ["name"])) : _("", !0),
         h("div", Ms, [
-          o.title ? (c(), v("span", Ps, J(o.title), 1)) : _("", !0),
-          o.subtitle ? (c(), v("span", Fs, J(o.subtitle), 1)) : _("", !0)
+          n.title ? (c(), v("span", Ps, J(n.title), 1)) : _("", !0),
+          n.subtitle ? (c(), v("span", Fs, J(n.subtitle), 1)) : _("", !0)
         ]),
         O(R, {
           class: "joy-ml-3",
@@ -7563,7 +7580,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
           name: l.value ? "chevron-down" : "chevron-up"
         }, null, 8, ["name"])
       ], 16)), [
-        [r]
+        [i]
       ]);
     };
   }
@@ -7589,25 +7606,25 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
   },
   emits: ["hide", "hide:header", "hide:footer"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l;
-    let r = null;
-    const a = C(o.open), i = C(!1);
+    const n = e, o = l;
+    let i = null;
+    const a = C(n.open), r = C(!1);
     function s() {
       a.value ? u() : a.value = !0;
     }
     function d() {
-      u(), n("hide"), n("hide:header");
+      u(), o("hide"), o("hide:header");
     }
     function y() {
-      u(), n("hide"), n("hide:footer");
+      u(), o("hide"), o("hide:footer");
     }
     function u() {
-      r && clearTimeout(r), i.value = !0, r = setTimeout(() => {
-        a.value = !1, i.value = !1;
+      i && clearTimeout(i), r.value = !0, i = setTimeout(() => {
+        a.value = !1, r.value = !1;
       }, 200);
     }
-    return K(
-      () => o.open,
+    return G(
+      () => n.open,
       (f) => {
         a.value = f;
       }
@@ -7621,7 +7638,7 @@ const is = /* @__PURE__ */ A(ls, [["render", rs], ["__scopeId", "data-v-da63aa46
         class: I(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !a.value }])
       }, [
         a.value ? (c(), v("div", W({ key: 0 }, f.$attrs, {
-          class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": i.value }]
+          class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": r.value }]
         }), [
           O(re, {
             "no-margin": "",