@maltjoy/core-vue 4.0.0-beta.1 → 4.0.0-beta.2

package/dist/{style-BQpAWKFv.js → style-CDOR3xcT.js}

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as I, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Q, createTextVNode as W, toDisplayString as R, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as Y, renderList as te, inject as Ie, normalizeStyle as ie, useAttrs as Ee, useId as ct, resolveDirective as Vt, withDirectives as dt, getCurrentScope as It, onScopeDispose as Et, toRef as Yn, readonly as Zn, customRef as Xn, ref as C, shallowRef as fn, watch as ne, nextTick as Ue, getCurrentInstance as Qn, onMounted as se, h as eo, Teleport as Re, createVNode as q, useSlots as oe, withKeys as Ge, onBeforeUnmount as De, provide as ft, Transition as Lt, createSlots as At, normalizeProps as to, guardReactiveProps as no, mergeModels as oo, useModel as ao, createStaticVNode as yn, onBeforeMount as lo, shallowReadonly as Ae, onUnmounted as vn, vShow as ro, render as Ht, withModifiers as io, createApp as so } from "vue";
+import { defineComponent as B, computed as V, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Q, createTextVNode as W, toDisplayString as D, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as Y, renderList as te, inject as Ie, normalizeStyle as ie, useAttrs as Ee, useId as ct, resolveDirective as Vt, withDirectives as dt, getCurrentScope as It, onScopeDispose as Et, toRef as Yn, readonly as Zn, customRef as Xn, ref as C, shallowRef as fn, watch as ne, nextTick as Ue, getCurrentInstance as Qn, onMounted as se, h as eo, Teleport as De, createVNode as q, useSlots as oe, withKeys as Ge, onBeforeUnmount as Re, provide as ft, Transition as Lt, createSlots as At, normalizeProps as to, guardReactiveProps as no, mergeModels as oo, useModel as ao, createStaticVNode as yn, onBeforeMount as lo, shallowReadonly as Ae, onUnmounted as vn, vShow as ro, render as Ht, withModifiers as io, createApp as so } from "vue";
 function Wt(e) {
   const t = e.target;
   if (!t)
@@ -54,7 +54,7 @@ function vo(e, t) {
 function Ut(e, t) {
   return e ? (Array.isArray(e) ? e : vo(e)).map((n) => n.toLowerCase()).join("-") : "";
 }
-const Hu = {
+const Wu = {
   created: (e, t) => {
     for (const n in t.value) {
       const o = Ut(n);
@@ -84,7 +84,7 @@ const Hu = {
     isPartial: Boolean
   },
   setup(e) {
-    const t = e, n = I(() => ({
+    const t = e, n = V(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
@@ -97,7 +97,7 @@ const Hu = {
         class: E(n.value)
       }, null, 2),
       e.label ? (d(), g(Q, { key: 0 }, [
-        W(R(e.label), 1)
+        W(D(e.label), 1)
       ], 64)) : j("", !0)
     ], 10, po));
   }
@@ -106,7 +106,7 @@ const Hu = {
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, Wu = /* @__PURE__ */ F(mo, [["__scopeId", "data-v-3452c6e7"]]), ho = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ B({
+}, Uu = /* @__PURE__ */ F(mo, [["__scopeId", "data-v-3452c6e7"]]), ho = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -137,7 +137,7 @@ const Hu = {
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       if (t.role === "button")
         return t.tabIndex;
     });
@@ -196,16 +196,16 @@ const Hu = {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = I(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), l = I(() => a.link ? {
+    const o = n, a = e, r = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), l = V(() => a.link ? {
       type: "button"
-    } : null), s = I(() => ({
+    } : null), s = V(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": a.link,
       "joy-avatar__placeholder": i.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0,
       "joy-avatar--empty": a.isEmpty
-    })), i = I(() => !a.fullName && !a.photoUrl && !a.totalNumber && !a.isEmpty), u = I(() => {
+    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber && !a.isEmpty), u = V(() => {
       function f(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
@@ -243,10 +243,10 @@ const Hu = {
             loading: e.loading
           }, null, 8, bo)) : j("", !0),
           e.fullName ? (d(), g(Q, { key: 2 }, [
-            W(R(u.value), 1)
+            W(D(u.value), 1)
           ], 64)) : j("", !0),
           e.totalNumber ? (d(), g(Q, { key: 3 }, [
-            W(R("+" + e.totalNumber), 1)
+            W(D("+" + e.totalNumber), 1)
           ], 64)) : j("", !0)
         ]),
         _: 1
@@ -284,7 +284,7 @@ const Hu = {
       k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Uu = /* @__PURE__ */ F(So, [["__scopeId", "data-v-c985cccf"]]), $o = { key: 0 }, _o = /* @__PURE__ */ B({
+}), Ku = /* @__PURE__ */ F(So, [["__scopeId", "data-v-c985cccf"]]), _o = { key: 0 }, $o = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -297,10 +297,10 @@ const Hu = {
     return (t, n) => (d(), g("div", {
       class: E(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
     }, [
-      e.number ? (d(), g("span", $o, R(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
+      e.number ? (d(), g("span", _o, D(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
     ], 2));
   }
-}), Kt = /* @__PURE__ */ F(_o, [["__scopeId", "data-v-0dc5251e"]]), Co = /* @__PURE__ */ B({
+}), Kt = /* @__PURE__ */ F($o, [["__scopeId", "data-v-0dc5251e"]]), Co = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -344,7 +344,7 @@ const Hu = {
         variant: e.variant
       }, null, 8, ["variant"])) : j("", !0),
       k(t.$slots, "default", {}, () => [
-        W(R(e.label), 1)
+        W(D(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -394,7 +394,7 @@ const To = { class: "joy-badge-level" }, Vo = {
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       switch (t.type) {
         case tt.HIGH_POTENTIAL:
         case le.HIGH_POTENTIAL:
@@ -485,12 +485,12 @@ const To = { class: "joy-badge-level" }, Vo = {
         ])
       }, [
         e.visibleText ? k(o.$slots, "default", { key: 0 }, () => [
-          W(R(n.value), 1)
+          W(D(n.value), 1)
         ], !0) : j("", !0)
       ], 2)
     ]));
   }
-}), Ku = /* @__PURE__ */ F(Ao, [["__scopeId", "data-v-08a5e2c8"]]), Bo = /* @__PURE__ */ B({
+}), Gu = /* @__PURE__ */ F(Ao, [["__scopeId", "data-v-08a5e2c8"]]), Bo = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -508,7 +508,7 @@ const To = { class: "joy-badge-level" }, Vo = {
     }
   },
   setup(e) {
-    const t = e, n = Ie("VJoyWrapperContext", {}), o = I(() => {
+    const t = e, n = Ie("VJoyWrapperContext", {}), o = V(() => {
       if (Object.keys(n).length === 0)
         return;
       let a = "1 0";
@@ -527,7 +527,7 @@ const To = { class: "joy-badge-level" }, Vo = {
       })
     }, null, 6));
   }
-}), Gu = /* @__PURE__ */ F(Bo, [["__scopeId", "data-v-4da2c7cb"]]);
+}), Yu = /* @__PURE__ */ F(Bo, [["__scopeId", "data-v-4da2c7cb"]]);
 function pn(e) {
   let t;
   switch (e) {
@@ -570,7 +570,7 @@ const No = /* @__PURE__ */ B({
       class: E(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), mn = /* @__PURE__ */ F(No, [["__scopeId", "data-v-52944a9b"]]), zo = /* @__PURE__ */ B({
+}), mn = /* @__PURE__ */ F(No, [["__scopeId", "data-v-52944a9b"]]), zo = ["id"], Po = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -610,10 +610,13 @@ const No = /* @__PURE__ */ B({
     size: {
       type: String,
       default: "medium"
+    },
+    id: {
+      type: String
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Ee(), a = ct() + "--button", r = I(() => {
+    const n = e, o = Ee(), a = ct(), r = V(() => n.id || a + "--JoyButton"), l = V(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -624,9 +627,9 @@ const No = /* @__PURE__ */ B({
         default:
           return "small";
       }
-    }), l = I(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: a }), (s, i) => {
-      const u = Vt("joy-ripple");
+    }), s = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
+    return t({ generatedId: a }), (i, u) => {
+      const c = Vt("joy-ripple");
       return dt((d(), L(re(Y(o).href ? "a" : "button"), {
         disabled: e.loading || Y(o).disabled,
         type: Y(o).type || "button",
@@ -639,43 +642,43 @@ const No = /* @__PURE__ */ B({
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (s.$slots.default || e.label) && a
+        "aria-labelledby": (i.$slots.default || e.label) && r.value
       }, {
         default: O(() => [
           e.icon && e.iconPosition === "left" ? (d(), L(G, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
-            size: r.value,
+            size: l.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : j("", !0),
           e.loading ? (d(), L(mn, {
             key: 1,
-            color: l.value
+            color: s.value
           }, null, 8, ["color"])) : j("", !0),
           b("span", {
-            id: a,
+            id: r.value,
             class: "joy-button--slot"
           }, [
-            k(s.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+            k(i.$slots, "default", {}, () => [
+              W(D(e.label), 1)
             ], !0)
-          ]),
+          ], 8, zo),
           e.icon && e.iconPosition === "right" ? (d(), L(G, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
-            size: r.value,
+            size: l.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : j("", !0)
         ]),
         _: 3
       }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
-        [u]
+        [c]
       ]);
     };
   }
-}), ce = /* @__PURE__ */ F(zo, [["__scopeId", "data-v-f67ebde1"]]);
+}), ce = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-ec7fddca"]]);
 function vt(e) {
   return It() ? (Et(e), !0) : !1;
 }
@@ -684,25 +687,25 @@ function be(e) {
 }
 const pt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Po = (e) => e != null, Oo = Object.prototype.toString, hn = (e) => Oo.call(e) === "[object Object]", Ne = () => {
+const Oo = (e) => e != null, Do = Object.prototype.toString, hn = (e) => Do.call(e) === "[object Object]", Ne = () => {
 }, jt = /* @__PURE__ */ Ro();
 function Ro() {
   var e, t;
   return pt && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function Do(...e) {
+function Mo(...e) {
   if (e.length !== 1)
     return Yn(...e);
   const t = e[0];
   return typeof t == "function" ? Zn(Xn(() => ({ get: t, set: Ne }))) : C(t);
 }
-function $e(e) {
+function _e(e) {
   var t;
   const n = be(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const Bt = pt ? window : void 0;
-function _e(...e) {
+function $e(...e) {
   let t, n, o, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Bt) : [t, n, o, a] = e, !t)
     return Ne;
@@ -710,7 +713,7 @@ function _e(...e) {
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
   }, s = (c, f, y, p) => (c.addEventListener(f, y, p), () => c.removeEventListener(f, y, p)), i = ne(
-    () => [$e(t), be(a)],
+    () => [_e(t), be(a)],
     ([c, f]) => {
       if (l(), !c)
         return;
@@ -726,7 +729,7 @@ function _e(...e) {
   return vt(u), u;
 }
 let Gt = !1;
-function Mo(e, t, n = {}) {
+function Jo(e, t, n = {}) {
   const { window: o = Bt, ignore: a = [], capture: r = !0, detectIframe: l = !1 } = n;
   if (!o)
     return Ne;
@@ -736,12 +739,12 @@ function Mo(e, t, n = {}) {
     if (typeof p == "string")
       return Array.from(o.document.querySelectorAll(p)).some((v) => v === y.target || y.composedPath().includes(v));
     {
-      const v = $e(p);
+      const v = _e(p);
       return v && (y.target === v || y.composedPath().includes(v));
     }
   }), c = [
-    _e(o, "click", (y) => {
-      const p = $e(e);
+    $e(o, "click", (y) => {
+      const p = _e(e);
       if (!(!p || p === y.target || y.composedPath().includes(p))) {
         if (y.detail === 0 && (s = !i(y)), !s) {
           s = !0;
@@ -750,31 +753,31 @@ function Mo(e, t, n = {}) {
         t(y);
       }
     }, { passive: !0, capture: r }),
-    _e(o, "pointerdown", (y) => {
-      const p = $e(e);
+    $e(o, "pointerdown", (y) => {
+      const p = _e(e);
       s = !i(y) && !!(p && !y.composedPath().includes(p));
     }, { passive: !0 }),
-    l && _e(o, "blur", (y) => {
+    l && $e(o, "blur", (y) => {
       setTimeout(() => {
         var p;
-        const v = $e(e);
+        const v = _e(e);
         ((p = o.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(v != null && v.contains(o.document.activeElement)) && t(y);
       }, 0);
     })
   ].filter(Boolean);
   return () => c.forEach((y) => y());
 }
-function Jo() {
+function qo() {
   const e = C(!1), t = Qn();
   return t && se(() => {
     e.value = !0;
   }, t), e;
 }
-function qo(e) {
-  const t = Jo();
-  return I(() => (t.value, !!e()));
+function Ho(e) {
+  const t = qo();
+  return V(() => (t.value, !!e()));
 }
-function Ho(e, t = {}) {
+function Wo(e, t = {}) {
   const n = C(!1), o = fn(null);
   let a = 0, r = !0;
   if (pt) {
@@ -783,22 +786,22 @@ function Ho(e, t = {}) {
       const f = Array.from((c = (u = i.dataTransfer) == null ? void 0 : u.files) != null ? c : []);
       return o.value = f.length === 0 ? null : f;
     };
-    _e(e, "dragenter", (i) => {
+    $e(e, "dragenter", (i) => {
       var u, c;
-      const f = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(Po);
+      const f = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(Oo);
       if (l.dataTypes && i.dataTransfer) {
         const y = Y(l.dataTypes);
         if (r = typeof y == "function" ? y(f) : y ? y.some((p) => f.includes(p)) : !0, !r)
           return;
       }
       i.preventDefault(), a += 1, n.value = !0, (c = l.onEnter) == null || c.call(l, s(i), i);
-    }), _e(e, "dragover", (i) => {
+    }), $e(e, "dragover", (i) => {
       var u;
       r && (i.preventDefault(), (u = l.onOver) == null || u.call(l, s(i), i));
-    }), _e(e, "dragleave", (i) => {
+    }), $e(e, "dragleave", (i) => {
       var u;
       r && (i.preventDefault(), a -= 1, a === 0 && (n.value = !1), (u = l.onLeave) == null || u.call(l, s(i), i));
-    }), _e(e, "drop", (i) => {
+    }), $e(e, "drop", (i) => {
       var u;
       i.preventDefault(), a = 0, n.value = !1, (u = l.onDrop) == null || u.call(l, s(i), i);
     });
@@ -808,12 +811,12 @@ function Ho(e, t = {}) {
     isOverDropZone: n
   };
 }
-function Wo(e, t, n = {}) {
+function Uo(e, t, n = {}) {
   const { window: o = Bt, ...a } = n;
   let r;
-  const l = qo(() => o && "ResizeObserver" in o), s = () => {
+  const l = Ho(() => o && "ResizeObserver" in o), s = () => {
     r && (r.disconnect(), r = void 0);
-  }, i = I(() => Array.isArray(e) ? e.map((f) => $e(f)) : [$e(e)]), u = ne(
+  }, i = V(() => Array.isArray(e) ? e.map((f) => _e(f)) : [_e(e)]), u = ne(
     i,
     (f) => {
       if (s(), l.value && o) {
@@ -831,7 +834,7 @@ function Wo(e, t, n = {}) {
     stop: c
   };
 }
-function Uo(e) {
+function Ko(e) {
   var t;
   const n = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), a = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", r = C(1);
   function l() {
@@ -841,7 +844,7 @@ function Uo(e) {
     let u = "";
     n.value.style[a] = "1px", r.value = (s = n.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? be(e.styleTarget).style[a] = `${r.value}px` : u = `${r.value}px`, n.value.style[a] = u, (i = e == null ? void 0 : e.onResize) == null || i.call(e);
   }
-  return ne([o, n], () => Ue(l), { immediate: !0 }), Wo(n, () => l()), e != null && e.watch && ne(e.watch, l, { immediate: !0, deep: !0 }), {
+  return ne([o, n], () => Ue(l), { immediate: !0 }), Uo(n, () => l()), e != null && e.watch && ne(e.watch, l, { immediate: !0, deep: !0 }), {
     textarea: n,
     input: o,
     triggerResize: l
@@ -853,7 +856,7 @@ const Ft = /* @__PURE__ */ B({
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
     const o = C();
-    return Mo(o, (a) => {
+    return Jo(o, (a) => {
       n("trigger", a);
     }, e.options), () => {
       if (t.default)
@@ -861,21 +864,21 @@ const Ft = /* @__PURE__ */ B({
     };
   }
 });
-function Ko(e) {
+function Go(e) {
   var t;
   const n = be(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Go = pt ? window : void 0;
-function Yo(...e) {
+const Yo = pt ? window : void 0;
+function Zo(...e) {
   let t, n, o, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Go) : [t, n, o, a] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, a] = e, t = Yo) : [t, n, o, a] = e, !t)
     return Ne;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const r = [], l = () => {
     r.forEach((c) => c()), r.length = 0;
   }, s = (c, f, y, p) => (c.addEventListener(f, y, p), () => c.removeEventListener(f, y, p)), i = ne(
-    () => [Ko(t), be(a)],
+    () => [Go(t), be(a)],
     ([c, f]) => {
       if (l(), !c)
         return;
@@ -902,15 +905,15 @@ function bn(e) {
     return !n || n.tagName === "BODY" ? !1 : bn(n);
   }
 }
-function Zo(e) {
+function Xo(e) {
   const t = e || window.event, n = t.target;
   return bn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const Xe = /* @__PURE__ */ new WeakMap();
-function Xo(e, t = !1) {
+function Qo(e, t = !1) {
   const n = C(t);
   let o = null, a;
-  ne(Do(e), (s) => {
+  ne(Mo(e), (s) => {
     const i = wt(be(s));
     if (i) {
       const u = i;
@@ -921,11 +924,11 @@ function Xo(e, t = !1) {
   });
   const r = () => {
     const s = wt(be(e));
-    !s || n.value || (jt && (o = Yo(
+    !s || n.value || (jt && (o = Zo(
       s,
       "touchmove",
       (i) => {
-        Zo(i);
+        Xo(i);
       },
       { passive: !1 }
     )), s.style.overflow = "hidden", n.value = !0);
@@ -934,7 +937,7 @@ function Xo(e, t = !1) {
     const i = wt(be(e));
     !i || !n.value || (jt && (o == null || o()), i.style.overflow = (s = Xe.get(i)) != null ? s : "", Xe.delete(i), n.value = !1);
   };
-  return vt(l), I({
+  return vt(l), V({
     get() {
       return n.value;
     },
@@ -943,19 +946,19 @@ function Xo(e, t = !1) {
     }
   });
 }
-function Qo() {
+function ea() {
   let e = !1;
   const t = C(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const a = Xo(n, o.value);
+    const a = Qo(n, o.value);
     ne(t, (r) => a.value = r);
   };
 }
-Qo();
-const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-sheet_footer" }, Yt = 75, Zt = "moving", na = /* @__PURE__ */ B({
+ea();
+const ta = { class: "joy-bottom-sheet_content" }, na = { class: "joy-bottom-sheet_footer" }, Yt = 75, Zt = "moving", oa = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -990,7 +993,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = Ee(), r = I(() => {
+    const o = e, a = Ee(), r = V(() => {
       if (s.value)
         return a;
     }), l = n, s = C(!1), i = C(!1), u = C(o.open), c = C(!1), f = C();
@@ -1004,21 +1007,21 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       }, 300);
     }
     function m(w) {
-      c.value = !0, f.value.classList.add(Zt), y = V(w);
+      c.value = !0, f.value.classList.add(Zt), y = I(w);
     }
     function h(w) {
       c.value && (S(w) > Yt && v(), z());
     }
-    function $(w) {
+    function _(w) {
       if (c.value) {
         const M = S(w);
         M > Yt ? v() : M > 0 && P(M);
       }
     }
     function S(w) {
-      return V(w) - y;
+      return I(w) - y;
     }
-    function V(w) {
+    function I(w) {
       return ["touchend", "touchmove", "touchstart"].includes(w.type) ? w.changedTouches[0].clientY : w.clientY;
     }
     function P(w) {
@@ -1042,7 +1045,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       show: p,
       isOpen: u,
       moveContainer: P
-    }), (w, M) => s.value ? (d(), L(Re, {
+    }), (w, M) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -1068,18 +1071,18 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
                 class: "joy-bottom-sheet_header",
                 onMousedown: m,
                 onMouseup: h,
-                onMousemove: $,
+                onMousemove: _,
                 onMouseleave: h,
                 onTouchstart: m,
                 onTouchend: h,
-                onTouchmove: $
+                onTouchmove: _
               }, M[0] || (M[0] = [
                 b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
-              b("div", ea, [
+              b("div", ta, [
                 k(w.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              b("div", ta, [
+              b("div", na, [
                 k(w.$slots, "bottom-sheet-cta", {}, () => [
                   q(ce, {
                     class: "joy-bottom-sheet_footer-close",
@@ -1095,14 +1098,14 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), Yu = /* @__PURE__ */ F(na, [["__scopeId", "data-v-4ea29b12"]]), Zu = /* @__PURE__ */ B({
+}), Zu = /* @__PURE__ */ F(oa, [["__scopeId", "data-v-4ea29b12"]]), Xu = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.bottomSheet), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.bottomSheet), r = oe(), l = V(() => r.default());
     function s() {
       var i;
       o("click"), (i = a.value) == null || i.show();
@@ -1112,7 +1115,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       onClick: s
     }))), 128));
   }
-}), oa = { class: "joy-checkbox__wrapper" }, aa = { class: "joy-checkbox__input-wrapper" }, la = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], ra = { class: "joy-checkbox__content-wrapper" }, ia = { class: "joy-checkbox__content" }, sa = /* @__PURE__ */ B({
+}), aa = { class: "joy-checkbox__wrapper" }, la = { class: "joy-checkbox__input-wrapper" }, ra = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], ia = { class: "joy-checkbox__content-wrapper" }, sa = { class: "joy-checkbox__content" }, ua = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1181,7 +1184,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
     };
     return t({
       isIndeterminate: l
-    }), (c, f) => (d(), g("div", oa, [
+    }), (c, f) => (d(), g("div", aa, [
       b("label", {
         class: E([
           "joy-checkbox",
@@ -1194,7 +1197,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
           }
         ])
       }, [
-        b("div", aa, [
+        b("div", la, [
           b("input", {
             id: e.id,
             ref_key: "input",
@@ -1213,23 +1216,23 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
             (...y) => u.onFocus && u.onFocus(...y)),
             onBlur: f[2] || (f[2] = //@ts-ignore
             (...y) => u.onBlur && u.onBlur(...y))
-          }, null, 40, la)
+          }, null, 40, ra)
         ]),
-        b("div", ra, [
+        b("div", ia, [
           k(c.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0),
-          b("div", ia, [
+          b("div", sa, [
             k(c.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), gn = /* @__PURE__ */ F(sa, [["__scopeId", "data-v-8391ace5"]]), ua = ["id"], ca = { class: "joy-collapse-item__header-right" }, da = {
+}), gn = /* @__PURE__ */ F(ua, [["__scopeId", "data-v-8391ace5"]]), ca = ["id"], da = { class: "joy-collapse-item__header-right" }, fa = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, fa = { class: "joy-collapse-item__summary___preview" }, ya = ["aria-labelledby"], va = /* @__PURE__ */ B({
+}, ya = { class: "joy-collapse-item__summary___preview" }, va = ["aria-labelledby"], pa = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1307,17 +1310,17 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
-          W(" " + R(e.header), 1)
-        ], 8, ua),
-        b("div", ca, [
+          W(" " + D(e.header), 1)
+        ], 8, ca),
+        b("div", da, [
           k(u.$slots, "collapse-header-right")
         ]),
         q(G, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         }),
-        e.subheader ? (d(), g("span", da, R(e.subheader), 1)) : j("", !0),
-        b("span", fa, [
+        e.subheader ? (d(), g("span", fa, D(e.subheader), 1)) : j("", !0),
+        b("span", ya, [
           k(u.$slots, "collapse-preview")
         ])
       ], 32),
@@ -1333,10 +1336,10 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
         ])
       }, [
         k(u.$slots, "default")
-      ], 10, ya)) : j("", !0)
+      ], 10, va)) : j("", !0)
     ], 2));
   }
-}), pa = /* @__PURE__ */ F(va, [["__scopeId", "data-v-71c8a78d"]]), ma = { class: "joy-collapse" }, ha = /* @__PURE__ */ B({
+}), ma = /* @__PURE__ */ F(pa, [["__scopeId", "data-v-71c8a78d"]]), ha = { class: "joy-collapse" }, ba = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1361,7 +1364,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = C(o.modelValue), r = oe(), l = n, s = I(() => {
+    const o = e, a = C(o.modelValue), r = oe(), l = n, s = V(() => {
       const v = r.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(i) : v.filter(i);
     });
@@ -1397,8 +1400,8 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       isOpen: c,
       items: s,
       openedCollapseItem: a
-    }), (v, m) => (d(), g("div", ma, [
-      (d(!0), g(Q, null, te(s.value, (h) => (d(), L(pa, X({ ref_for: !0 }, h.props, {
+    }), (v, m) => (d(), g("div", ha, [
+      (d(!0), g(Q, null, te(s.value, (h) => (d(), L(ma, X({ ref_for: !0 }, h.props, {
         key: h.props.id,
         open: c(h),
         mode: e.mode,
@@ -1406,19 +1409,19 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
         "onCollapseItem:close": () => y(h)
       }), {
         "collapse-header-right": O(() => [
-          (d(!0), g(Q, null, te(u(h, "collapse-header-right"), ($, S) => (d(), L(re($), { key: S }))), 128))
+          (d(!0), g(Q, null, te(u(h, "collapse-header-right"), (_, S) => (d(), L(re(_), { key: S }))), 128))
         ]),
         "collapse-preview": O(() => [
-          (d(!0), g(Q, null, te(u(h, "collapse-preview"), ($, S) => (d(), L(re($), { key: S }))), 128))
+          (d(!0), g(Q, null, te(u(h, "collapse-preview"), (_, S) => (d(), L(re(_), { key: S }))), 128))
         ]),
         default: O(() => [
-          (d(!0), g(Q, null, te(u(h, "default"), ($, S) => (d(), L(re($), { key: S }))), 128))
+          (d(!0), g(Q, null, te(u(h, "default"), (_, S) => (d(), L(re(_), { key: S }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Xu = /* @__PURE__ */ F(ha, [["__scopeId", "data-v-35744932"]]), ba = ["src", "alt", "title", "loading"], ga = /* @__PURE__ */ B({
+}), Qu = /* @__PURE__ */ F(ba, [["__scopeId", "data-v-35744932"]]), ga = ["src", "alt", "title", "loading"], wa = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1438,7 +1441,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       switch (t.size) {
         case "large":
           return "small";
@@ -1459,14 +1462,14 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, ba)) : (d(), L(G, {
+      }, null, 8, ga)) : (d(), L(G, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Qu = /* @__PURE__ */ F(ga, [["__scopeId", "data-v-2f1289c1"]]), wa = ["aria-hidden"], ka = /* @__PURE__ */ B({
+}), ec = /* @__PURE__ */ F(wa, [["__scopeId", "data-v-2f1289c1"]]), ka = ["aria-hidden"], ja = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1489,15 +1492,15 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       }),
       b("div", null, [
         k(t.$slots, "default", {}, () => [
-          W(R(e.noHtmlErrorText), 1)
+          W(D(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, wa));
+    ], 10, ka));
   }
-}), Nt = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-deb60895"]]), ja = {
+}), Nt = /* @__PURE__ */ F(ja, [["__scopeId", "data-v-deb60895"]]), Sa = {
   key: 0,
   class: "joy-label-required"
-}, Sa = {
+}, _a = {
   key: 1,
   class: "joy-label-optional"
 }, $a = /* @__PURE__ */ B({
@@ -1526,20 +1529,20 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
     }, t.$attrs), {
       default: O(() => [
         k(t.$slots, "default", {}, () => [
-          W(R(e.text), 1)
+          W(D(e.text), 1)
         ], !0),
-        e.required ? (d(), g("span", ja, "*")) : j("", !0),
-        e.optionalLabel ? (d(), g("span", Sa, "- " + R(e.optionalLabel), 1)) : j("", !0)
+        e.required ? (d(), g("span", Sa, "*")) : j("", !0),
+        e.optionalLabel ? (d(), g("span", _a, "- " + D(e.optionalLabel), 1)) : j("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 }), Le = /* @__PURE__ */ F($a, [["__scopeId", "data-v-f48de041"]]);
-function _a(e) {
+function Ca(e) {
   const t = () => e();
   se(() => {
     window.addEventListener("resize", t);
-  }), De(() => {
+  }), Re(() => {
     window.removeEventListener("resize", t);
   });
 }
@@ -1549,13 +1552,13 @@ function zt(e, t) {
     t && ((n = e.value) == null || n.focus());
   });
 }
-const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { class: "joy-counter__input-wrapper" }, Va = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Ia = ["aria-label", "disabled"], Ea = {
+const xa = { class: "joy-counter" }, Ta = ["aria-label", "disabled"], Va = { class: "joy-counter__input-wrapper" }, Ia = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Ea = ["aria-label", "disabled"], La = {
   key: 0,
   class: "joy-counter_error"
-}, La = {
+}, Aa = {
   inheritAttrs: !1
-}, Aa = /* @__PURE__ */ B({
-  ...La,
+}, Ba = /* @__PURE__ */ B({
+  ...Aa,
   __name: "VJoyCounter",
   props: {
     autofocus: {
@@ -1640,7 +1643,7 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
       r.value = !y();
     }
     function f(h = !0) {
-      const $ = a.step.toString().split("."), S = $.length === 2 ? $[1].length : 0;
+      const _ = a.step.toString().split("."), S = _.length === 2 ? _[1].length : 0;
       return parseFloat(h ? (a.modelValue + a.step).toFixed(S) : (a.modelValue - a.step).toFixed(S));
     }
     function y() {
@@ -1665,7 +1668,7 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
     };
     return t({
       props: a
-    }), (h, $) => (d(), g("div", Ca, [
+    }), (h, _) => (d(), g("div", xa, [
       e.label ? (d(), L(Le, {
         key: 0,
         for: e.id,
@@ -1675,7 +1678,7 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
       }, {
         default: O(() => [
           k(h.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -1691,8 +1694,8 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
           onClick: i
         }, [
           q(G, { name: "minus" })
-        ], 8, xa),
-        b("div", Ta, [
+        ], 8, Ta),
+        b("div", Va, [
           b("input", X({
             id: e.id,
             ref_key: "input",
@@ -1707,13 +1710,13 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
             step: "any",
             value: e.modelValue
           }, h.$attrs, {
-            onInput: $[0] || ($[0] = //@ts-ignore
+            onInput: _[0] || (_[0] = //@ts-ignore
             (...S) => m.onInput && m.onInput(...S)),
-            onBlur: $[1] || ($[1] = //@ts-ignore
+            onBlur: _[1] || (_[1] = //@ts-ignore
             (...S) => m.onBlur && m.onBlur(...S)),
-            onFocus: $[2] || ($[2] = //@ts-ignore
+            onFocus: _[2] || (_[2] = //@ts-ignore
             (...S) => m.onFocus && m.onFocus(...S))
-          }), null, 16, Va)
+          }), null, 16, Ia)
         ]),
         b("button", {
           class: "joy-counter__increment",
@@ -1723,23 +1726,23 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
           onClick: u
         }, [
           q(G, { name: "add" })
-        ], 8, Ia),
-        e.invalid && e.errorMessage ? (d(), g("div", Ea, [
+        ], 8, Ea),
+        e.invalid && e.errorMessage ? (d(), g("div", La, [
           q(Nt, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : j("", !0)
       ], 2)
     ]));
   }
-}), ec = /* @__PURE__ */ F(Aa, [["__scopeId", "data-v-556fd173"]]);
-function Ba(e) {
+}), tc = /* @__PURE__ */ F(Ba, [["__scopeId", "data-v-556fd173"]]);
+function Fa(e) {
   return It() ? (Et(e), !0) : !1;
 }
-function Fa(e) {
+function Na(e) {
   return typeof e == "function" ? e() : Y(e);
 }
-function Na(e) {
+function za(e) {
   var t;
-  const n = Fa(e);
+  const n = Na(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 /*!
@@ -1757,7 +1760,7 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   n === void 0 && (n = !0);
   var a = t == null || (o = t.getAttribute) === null || o === void 0 ? void 0 : o.call(t, "inert"), r = a === "" || a === "true", l = r || n && t && e(t.parentNode);
   return l;
-}, za = function(t) {
+}, Pa = function(t) {
   var n, o = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
   return o === "" || o === "true";
 }, jn = function(t, n, o) {
@@ -1791,31 +1794,31 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
   }
   return a;
-}, $n = function(t) {
+}, _n = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
 }, Se = function(t) {
   if (!t)
     throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || za(t)) && !$n(t) ? 0 : t.tabIndex;
-}, Pa = function(t, n) {
-  var o = Se(t);
-  return o < 0 && n && !$n(t) ? 0 : o;
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || Pa(t)) && !_n(t) ? 0 : t.tabIndex;
 }, Oa = function(t, n) {
+  var o = Se(t);
+  return o < 0 && n && !_n(t) ? 0 : o;
+}, Da = function(t, n) {
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
-}, _n = function(t) {
+}, $n = function(t) {
   return t.tagName === "INPUT";
 }, Ra = function(t) {
-  return _n(t) && t.type === "hidden";
-}, Da = function(t) {
+  return $n(t) && t.type === "hidden";
+}, Ma = function(t) {
   var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(o) {
     return o.tagName === "SUMMARY";
   });
   return n;
-}, Ma = function(t, n) {
+}, Ja = function(t, n) {
   for (var o = 0; o < t.length; o++)
     if (t[o].checked && t[o].form === n)
       return t[o];
-}, Ja = function(t) {
+}, qa = function(t) {
   if (!t.name)
     return !0;
   var n = t.form || at(t), o = function(s) {
@@ -1829,13 +1832,13 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     } catch (l) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", l.message), !1;
     }
-  var r = Ma(a, t.form);
+  var r = Ja(a, t.form);
   return !r || r === t;
-}, qa = function(t) {
-  return _n(t) && t.type === "radio";
 }, Ha = function(t) {
-  return qa(t) && !Ja(t);
+  return $n(t) && t.type === "radio";
 }, Wa = function(t) {
+  return Ha(t) && !qa(t);
+}, Ua = function(t) {
   var n, o = t && at(t), a = (n = o) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (o && o !== t) {
     var l, s, i;
@@ -1848,7 +1851,7 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Xt = function(t) {
   var n = t.getBoundingClientRect(), o = n.width, a = n.height;
   return o === 0 && a === 0;
-}, Ua = function(t, n) {
+}, Ka = function(t, n) {
   var o = n.displayCheck, a = n.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
@@ -1865,14 +1868,14 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
       t = s;
     }
-    if (Wa(t))
+    if (Ua(t))
       return !t.getClientRects().length;
     if (o !== "legacy-full")
       return !0;
   } else if (o === "non-zero-area")
     return Xt(t);
   return !1;
-}, Ka = function(t) {
+}, Ga = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
     for (var n = t.parentElement; n; ) {
       if (n.tagName === "FIELDSET" && n.disabled) {
@@ -1890,17 +1893,17 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  lt(n) || Ra(n) || Ua(n, t) || // For a details element with a summary, the summary element gets the focus
-  Da(n) || Ka(n));
+  lt(n) || Ra(n) || Ka(n, t) || // For a details element with a summary, the summary element gets the focus
+  Ma(n) || Ga(n));
 }, St = function(t, n) {
-  return !(Ha(n) || Se(n) < 0 || !rt(t, n));
-}, Ga = function(t) {
+  return !(Wa(n) || Se(n) < 0 || !rt(t, n));
+}, Ya = function(t) {
   var n = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
-}, Ya = function e(t) {
+}, Za = function e(t) {
   var n = [], o = [];
   return t.forEach(function(a, r) {
-    var l = !!a.scopeParent, s = l ? a.scopeParent : a, i = Pa(s, l), u = l ? e(a.candidates) : s;
+    var l = !!a.scopeParent, s = l ? a.scopeParent : a, i = Oa(s, l), u = l ? e(a.candidates) : s;
     i === 0 ? l ? n.push.apply(n, u) : n.push(s) : o.push({
       documentOrder: r,
       tabIndex: i,
@@ -1908,19 +1911,19 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       isScope: l,
       content: u
     });
-  }), o.sort(Oa).reduce(function(a, r) {
+  }), o.sort(Da).reduce(function(a, r) {
     return r.isScope ? a.push.apply(a, r.content) : a.push(r.content), a;
   }, []).concat(n);
-}, Za = function(t, n) {
+}, Xa = function(t, n) {
   n = n || {};
   var o;
   return n.getShadowRoot ? o = Sn([t], n.includeContainer, {
     filter: St.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
-    shadowRootFilter: Ga
-  }) : o = jn(t, n.includeContainer, St.bind(null, n)), Ya(o);
-}, Xa = function(t, n) {
+    shadowRootFilter: Ya
+  }) : o = jn(t, n.includeContainer, St.bind(null, n)), Za(o);
+}, Qa = function(t, n) {
   n = n || {};
   var o;
   return n.getShadowRoot ? o = Sn([t], n.includeContainer, {
@@ -1932,10 +1935,10 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (n = n || {}, !t)
     throw new Error("No node provided");
   return Ce.call(t, ot) === !1 ? !1 : St(n, t);
-}, Qa = /* @__PURE__ */ wn.concat("iframe").join(","), kt = function(t, n) {
+}, el = /* @__PURE__ */ wn.concat("iframe").join(","), kt = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ce.call(t, Qa) === !1 ? !1 : rt(n, t);
+  return Ce.call(t, el) === !1 ? !1 : rt(n, t);
 };
 /*!
 * focus-trap 7.5.4
@@ -1955,22 +1958,22 @@ function en(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Qt(Object(n), !0).forEach(function(o) {
-      el(e, o, n[o]);
+      tl(e, o, n[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Qt(Object(n)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
     });
   }
   return e;
 }
-function el(e, t, n) {
-  return t = nl(t), t in e ? Object.defineProperty(e, t, {
+function tl(e, t, n) {
+  return t = ol(t), t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = n, e;
 }
-function tl(e, t) {
+function nl(e, t) {
   if (typeof e != "object" || e === null) return e;
   var n = e[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -1980,8 +1983,8 @@ function tl(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function nl(e) {
-  var t = tl(e, "string");
+function ol(e) {
+  var t = nl(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 var tn = {
@@ -1997,15 +2000,15 @@ var tn = {
     var o = t.indexOf(n);
     o !== -1 && t.splice(o, 1), t.length > 0 && t[t.length - 1].unpause();
   }
-}, ol = function(t) {
-  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, al = function(t) {
+  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
+}, ll = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
 }, We = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
-}, ll = function(t) {
-  return We(t) && !t.shiftKey;
 }, rl = function(t) {
+  return We(t) && !t.shiftKey;
+}, il = function(t) {
   return We(t) && t.shiftKey;
 }, nn = function(t) {
   return setTimeout(t, 0);
@@ -2020,13 +2023,13 @@ var tn = {
   return typeof t == "function" ? t.apply(void 0, o) : t;
 }, Qe = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, il = [], sl = function(t, n) {
-  var o = (n == null ? void 0 : n.document) || document, a = (n == null ? void 0 : n.trapStack) || il, r = en({
+}, sl = [], ul = function(t, n) {
+  var o = (n == null ? void 0 : n.document) || document, a = (n == null ? void 0 : n.trapStack) || sl, r = en({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
-    isKeyForward: ll,
-    isKeyBackward: rl
+    isKeyForward: rl,
+    isKeyBackward: il
   }, n), l = {
     // containers given to createFocusTrap()
     // @type {Array<HTMLElement>}
@@ -2063,22 +2066,22 @@ var tn = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, s, i = function(_, x, N) {
-    return _ && _[x] !== void 0 ? _[x] : r[N || x];
-  }, u = function(_, x) {
+  }, s, i = function($, x, N) {
+    return $ && $[x] !== void 0 ? $[x] : r[N || x];
+  }, u = function($, x) {
     var N = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
     return l.containerGroups.findIndex(function(U) {
       var H = U.container, K = U.tabbableNodes;
-      return H.contains(_) || // fall back to explicit tabbable search which will take into consideration any
+      return H.contains($) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
       (N == null ? void 0 : N.includes(H)) || K.find(function(Z) {
-        return Z === _;
+        return Z === $;
       });
     });
-  }, c = function(_) {
-    var x = r[_];
+  }, c = function($) {
+    var x = r[$];
     if (typeof x == "function") {
       for (var N = arguments.length, U = new Array(N > 1 ? N - 1 : 0), H = 1; H < N; H++)
         U[H - 1] = arguments[H];
@@ -2087,29 +2090,29 @@ var tn = {
     if (x === !0 && (x = void 0), !x) {
       if (x === void 0 || x === !1)
         return x;
-      throw new Error("`".concat(_, "` was specified but was not a node, or did not return a node"));
+      throw new Error("`".concat($, "` was specified but was not a node, or did not return a node"));
     }
     var K = x;
     if (typeof x == "string" && (K = o.querySelector(x), !K))
-      throw new Error("`".concat(_, "` as selector refers to no known node"));
+      throw new Error("`".concat($, "` as selector refers to no known node"));
     return K;
   }, f = function() {
-    var _ = c("initialFocus");
-    if (_ === !1)
+    var $ = c("initialFocus");
+    if ($ === !1)
       return !1;
-    if (_ === void 0 || !kt(_, r.tabbableOptions))
+    if ($ === void 0 || !kt($, r.tabbableOptions))
       if (u(o.activeElement) >= 0)
-        _ = o.activeElement;
+        $ = o.activeElement;
       else {
         var x = l.tabbableGroups[0], N = x && x.firstTabbableNode;
-        _ = N || c("fallbackFocus");
+        $ = N || c("fallbackFocus");
       }
-    if (!_)
+    if (!$)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return _;
+    return $;
   }, y = function() {
-    if (l.containerGroups = l.containers.map(function(_) {
-      var x = Za(_, r.tabbableOptions), N = Xa(_, r.tabbableOptions), U = x.length > 0 ? x[0] : void 0, H = x.length > 0 ? x[x.length - 1] : void 0, K = N.find(function(ae) {
+    if (l.containerGroups = l.containers.map(function($) {
+      var x = Xa($, r.tabbableOptions), N = Qa($, r.tabbableOptions), U = x.length > 0 ? x[0] : void 0, H = x.length > 0 ? x[x.length - 1] : void 0, K = N.find(function(ae) {
         return Be(ae);
       }), Z = N.slice().reverse().find(function(ae) {
         return Be(ae);
@@ -2117,7 +2120,7 @@ var tn = {
         return Se(ae) > 0;
       });
       return {
-        container: _,
+        container: $,
         tabbableNodes: x,
         focusableNodes: N,
         /** True if at least one node with positive `tabindex` was found in this container. */
@@ -2154,33 +2157,33 @@ var tn = {
           }) : x[me + (Me ? 1 : -1)];
         }
       };
-    }), l.tabbableGroups = l.containerGroups.filter(function(_) {
-      return _.tabbableNodes.length > 0;
+    }), l.tabbableGroups = l.containerGroups.filter(function($) {
+      return $.tabbableNodes.length > 0;
     }), l.tabbableGroups.length <= 0 && !c("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (l.containerGroups.find(function(_) {
-      return _.posTabIndexesFound;
+    if (l.containerGroups.find(function($) {
+      return $.posTabIndexesFound;
     }) && l.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function D(_) {
-    var x = _.activeElement;
+  }, p = function R($) {
+    var x = $.activeElement;
     if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? D(x.shadowRoot) : x;
-  }, v = function D(_) {
-    if (_ !== !1 && _ !== p(document)) {
-      if (!_ || !_.focus) {
-        D(f());
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? R(x.shadowRoot) : x;
+  }, v = function R($) {
+    if ($ !== !1 && $ !== p(document)) {
+      if (!$ || !$.focus) {
+        R(f());
         return;
       }
-      _.focus({
+      $.focus({
         preventScroll: !!r.preventScroll
-      }), l.mostRecentlyFocusedNode = _, ol(_) && _.select();
+      }), l.mostRecentlyFocusedNode = $, al($) && $.select();
     }
-  }, m = function(_) {
-    var x = c("setReturnFocus", _);
-    return x || (x === !1 ? !1 : _);
-  }, h = function(_) {
-    var x = _.target, N = _.event, U = _.isBackward, H = U === void 0 ? !1 : U;
+  }, m = function($) {
+    var x = c("setReturnFocus", $);
+    return x || (x === !1 ? !1 : $);
+  }, h = function($) {
+    var x = $.target, N = $.event, U = $.isBackward, H = U === void 0 ? !1 : U;
     x = x || Qe(N), y();
     var K = null;
     if (l.tabbableGroups.length > 0) {
@@ -2209,10 +2212,10 @@ var tn = {
     } else
       K = c("fallbackFocus");
     return K;
-  }, $ = function(_) {
-    var x = Qe(_);
-    if (!(u(x, _) >= 0)) {
-      if (qe(r.clickOutsideDeactivates, _)) {
+  }, _ = function($) {
+    var x = Qe($);
+    if (!(u(x, $) >= 0)) {
+      if (qe(r.clickOutsideDeactivates, $)) {
         s.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -2224,14 +2227,14 @@ var tn = {
         });
         return;
       }
-      qe(r.allowOutsideClick, _) || _.preventDefault();
+      qe(r.allowOutsideClick, $) || $.preventDefault();
     }
-  }, S = function(_) {
-    var x = Qe(_), N = u(x, _) >= 0;
+  }, S = function($) {
+    var x = Qe($), N = u(x, $) >= 0;
     if (N || x instanceof Document)
       N && (l.mostRecentlyFocusedNode = x);
     else {
-      _.stopImmediatePropagation();
+      $.stopImmediatePropagation();
       var U, H = !0;
       if (l.mostRecentlyFocusedNode)
         if (Se(l.mostRecentlyFocusedNode) > 0) {
@@ -2258,31 +2261,31 @@ var tn = {
       })), v(U || l.mostRecentlyFocusedNode || f());
     }
     l.recentNavEvent = void 0;
-  }, V = function(_) {
+  }, I = function($) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    l.recentNavEvent = _;
+    l.recentNavEvent = $;
     var N = h({
-      event: _,
+      event: $,
       isBackward: x
     });
-    N && (We(_) && _.preventDefault(), v(N));
-  }, P = function(_) {
-    if (al(_) && qe(r.escapeDeactivates, _) !== !1) {
-      _.preventDefault(), s.deactivate();
+    N && (We($) && $.preventDefault(), v(N));
+  }, P = function($) {
+    if (ll($) && qe(r.escapeDeactivates, $) !== !1) {
+      $.preventDefault(), s.deactivate();
       return;
     }
-    (r.isKeyForward(_) || r.isKeyBackward(_)) && V(_, r.isKeyBackward(_));
-  }, z = function(_) {
-    var x = Qe(_);
-    u(x, _) >= 0 || qe(r.clickOutsideDeactivates, _) || qe(r.allowOutsideClick, _) || (_.preventDefault(), _.stopImmediatePropagation());
+    (r.isKeyForward($) || r.isKeyBackward($)) && I($, r.isKeyBackward($));
+  }, z = function($) {
+    var x = Qe($);
+    u(x, $) >= 0 || qe(r.clickOutsideDeactivates, $) || qe(r.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
   }, A = function() {
     if (l.active)
       return tn.activateTrap(a, s), l.delayInitialFocusTimer = r.delayInitialFocus ? nn(function() {
         v(f());
-      }) : v(f()), o.addEventListener("focusin", S, !0), o.addEventListener("mousedown", $, {
+      }) : v(f()), o.addEventListener("focusin", S, !0), o.addEventListener("mousedown", _, {
         capture: !0,
         passive: !1
-      }), o.addEventListener("touchstart", $, {
+      }), o.addEventListener("touchstart", _, {
         capture: !0,
         passive: !1
       }), o.addEventListener("click", z, {
@@ -2294,9 +2297,9 @@ var tn = {
       }), s;
   }, w = function() {
     if (l.active)
-      return o.removeEventListener("focusin", S, !0), o.removeEventListener("mousedown", $, !0), o.removeEventListener("touchstart", $, !0), o.removeEventListener("click", z, !0), o.removeEventListener("keydown", P, !0), s;
-  }, M = function(_) {
-    var x = _.some(function(N) {
+      return o.removeEventListener("focusin", S, !0), o.removeEventListener("mousedown", _, !0), o.removeEventListener("touchstart", _, !0), o.removeEventListener("click", z, !0), o.removeEventListener("keydown", P, !0), s;
+  }, M = function($) {
+    var x = $.some(function(N) {
       var U = Array.from(N.removedNodes);
       return U.some(function(H) {
         return H === l.mostRecentlyFocusedNode;
@@ -2304,8 +2307,8 @@ var tn = {
     });
     x && v(f());
   }, T = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(M) : void 0, J = function() {
-    T && (T.disconnect(), l.active && !l.paused && l.containers.map(function(_) {
-      T.observe(_, {
+    T && (T.disconnect(), l.active && !l.paused && l.containers.map(function($) {
+      T.observe($, {
         subtree: !0,
         childList: !0
       });
@@ -2318,24 +2321,24 @@ var tn = {
     get paused() {
       return l.paused;
     },
-    activate: function(_) {
+    activate: function($) {
       if (l.active)
         return this;
-      var x = i(_, "onActivate"), N = i(_, "onPostActivate"), U = i(_, "checkCanFocusTrap");
+      var x = i($, "onActivate"), N = i($, "onPostActivate"), U = i($, "checkCanFocusTrap");
       U || y(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = o.activeElement, x == null || x();
       var H = function() {
         U && y(), A(), J(), N == null || N();
       };
       return U ? (U(l.containers.concat()).then(H, H), this) : (H(), this);
     },
-    deactivate: function(_) {
+    deactivate: function($) {
       if (!l.active)
         return this;
       var x = en({
         onDeactivate: r.onDeactivate,
         onPostDeactivate: r.onPostDeactivate,
         checkCanReturnFocus: r.checkCanReturnFocus
-      }, _);
+      }, $);
       clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, w(), l.active = !1, l.paused = !1, J(), tn.deactivateTrap(a, s);
       var N = i(x, "onDeactivate"), U = i(x, "onPostDeactivate"), H = i(x, "checkCanReturnFocus"), K = i(x, "returnFocus", "returnFocusOnDeactivate");
       N == null || N();
@@ -2346,20 +2349,20 @@ var tn = {
       };
       return K && H ? (H(m(l.nodeFocusedBeforeActivation)).then(Z, Z), this) : (Z(), this);
     },
-    pause: function(_) {
+    pause: function($) {
       if (l.paused || !l.active)
         return this;
-      var x = i(_, "onPause"), N = i(_, "onPostPause");
+      var x = i($, "onPause"), N = i($, "onPostPause");
       return l.paused = !0, x == null || x(), w(), J(), N == null || N(), this;
     },
-    unpause: function(_) {
+    unpause: function($) {
       if (!l.paused || !l.active)
         return this;
-      var x = i(_, "onUnpause"), N = i(_, "onPostUnpause");
+      var x = i($, "onUnpause"), N = i($, "onPostUnpause");
       return l.paused = !1, x == null || x(), y(), A(), J(), N == null || N(), this;
     },
-    updateContainerElements: function(_) {
-      var x = [].concat(_).filter(Boolean);
+    updateContainerElements: function($) {
+      var x = [].concat($).filter(Boolean);
       return l.containers = x.map(function(N) {
         return typeof N == "string" ? o.querySelector(N) : N;
       }), l.active && y(), J(), this;
@@ -2374,9 +2377,9 @@ function Cn(e, t = {}) {
     n && (n.unpause(), l.value = !1);
   };
   return ne(
-    () => Na(e),
+    () => za(e),
     (f) => {
-      f && (n = sl(f, {
+      f && (n = ul(f, {
         ...a,
         onActivate() {
           r.value = !0, t.onActivate && t.onActivate();
@@ -2387,7 +2390,7 @@ function Cn(e, t = {}) {
       }), o && s());
     },
     { flush: "post" }
-  ), Ba(() => i()), {
+  ), Fa(() => i()), {
     hasFocus: r,
     isPaused: l,
     activate: s,
@@ -2396,7 +2399,7 @@ function Cn(e, t = {}) {
     unpause: c
   };
 }
-const ul = /* @__PURE__ */ B({
+const cl = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2456,22 +2459,22 @@ const ul = /* @__PURE__ */ B({
       k(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), fe = /* @__PURE__ */ F(ul, [["__scopeId", "data-v-68d89412"]]), cl = ["id"], dl = { class: "joy-dialog__inner" }, fl = {
+}), fe = /* @__PURE__ */ F(cl, [["__scopeId", "data-v-68d89412"]]), dl = ["id"], fl = { class: "joy-dialog__inner" }, yl = {
   key: 0,
   class: "joy-dialog__shapes"
-}, yl = { class: "joy-dialog--header" }, vl = {
+}, vl = { class: "joy-dialog--header" }, pl = {
   key: 0,
   class: "joy-dialog--preheader"
-}, pl = {
+}, ml = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
-}, ml = {
+}, hl = {
   class: "joy-dialog--body",
   tabindex: "0"
-}, hl = {
+}, bl = {
   key: 2,
   class: "joy-dialog--indicators"
-}, bl = /* @__PURE__ */ B({
+}, gl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2549,23 +2552,23 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = ct() + "--dialog", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
+    const o = e, a = n, r = ct() + "--JoyDialog", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = V(() => {
       if (s.value)
         return f;
-    }), p = I(() => {
+    }), p = V(() => {
       const A = l["dialog-cancel"] || l["dialog-confirm"], w = o.cancelText || o.confirmText;
       return !!A || !!w;
-    }), m = I(() => o.id || r).value + "-header";
+    }), m = V(() => o.id || r).value + "-header";
     function h() {
-      !o.patternConfirm && $();
+      !o.patternConfirm && _();
     }
-    async function $(A = { fireHideEvent: !0 }) {
+    async function _(A = { fireHideEvent: !0 }) {
       c.deactivate(), u.value = !1, await Ue(), he(!1), A.fireHideEvent && a("dialog:hide");
     }
     async function S() {
       u.value = !0, await Ue(), o.focusTrap && c.activate(), o.preventBodyScroll && he(!0);
     }
-    function V() {
+    function I() {
       a("dialog:open");
     }
     function P() {
@@ -2576,15 +2579,15 @@ const ul = /* @__PURE__ */ B({
     }
     return se(async () => {
       s.value = !0;
-    }), De(() => {
+    }), Re(() => {
       u.value === !0 && (a("dialog:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: c,
       hasFooterSlots: p,
-      hide: $,
+      hide: _,
       isOpen: u,
       show: S
-    }), (A, w) => s.value ? (d(), L(Re, {
+    }), (A, w) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -2592,7 +2595,7 @@ const ul = /* @__PURE__ */ B({
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: V,
+        onEnter: I,
         onAfterEnter: P,
         onAfterLeave: z
       }, {
@@ -2625,8 +2628,8 @@ const ul = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", dl, [
-                e.patternBrand ? (d(), g("div", fl, w[3] || (w[3] = [
+              b("div", fl, [
+                e.patternBrand ? (d(), g("div", yl, w[3] || (w[3] = [
                   b("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   b("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ]))) : j("", !0),
@@ -2639,8 +2642,8 @@ const ul = /* @__PURE__ */ B({
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : j("", !0),
-                b("div", yl, [
-                  A.$slots["dialog-preheader"] ? (d(), g("div", vl, [
+                b("div", vl, [
+                  A.$slots["dialog-preheader"] ? (d(), g("div", pl, [
                     k(A.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : j("", !0),
                   b("div", {
@@ -2649,7 +2652,7 @@ const ul = /* @__PURE__ */ B({
                   }, [
                     k(A.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  b("p", pl, [
+                  b("p", ml, [
                     k(A.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? j("", !0) : (d(), L(ce, {
@@ -2662,10 +2665,10 @@ const ul = /* @__PURE__ */ B({
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: w[0] || (w[0] = (M) => $())
+                    onClick: w[0] || (w[0] = (M) => _())
                   }, null, 8, ["label"]))
                 ]),
-                b("div", ml, [
+                b("div", hl, [
                   k(A.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2687,10 +2690,10 @@ const ul = /* @__PURE__ */ B({
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: w[1] || (w[1] = (M) => $())
+                          onClick: w[1] || (w[1] = (M) => _())
                         }, {
                           default: O(() => [
-                            W(R(e.cancelText), 1)
+                            W(D(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2704,7 +2707,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: w[2] || (w[2] = (M) => a("dialog:confirm"))
                         }, {
                           default: O(() => [
-                            W(R(e.confirmText), 1)
+                            W(D(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2713,25 +2716,25 @@ const ul = /* @__PURE__ */ B({
                     _: 3
                   })
                 ], 2),
-                Y(l)["dialog-indicators"] ? (d(), g("div", hl, [
+                Y(l)["dialog-indicators"] ? (d(), g("div", bl, [
                   k(A.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
             ], 2)
-          ], 16, cl)) : j("", !0)
+          ], 16, dl)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), tc = /* @__PURE__ */ F(bl, [["__scopeId", "data-v-08f7579d"]]), nc = /* @__PURE__ */ B({
+}), nc = /* @__PURE__ */ F(gl, [["__scopeId", "data-v-e41ea69b"]]), oc = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = I(() => n.dialog), a = t, r = oe(), l = I(() => r.default());
+    const n = e, o = V(() => n.dialog), a = t, r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), await ((i = o.value) == null ? void 0 : i.show());
@@ -2741,7 +2744,7 @@ const ul = /* @__PURE__ */ B({
       onClick: s
     }))), 128));
   }
-}), gl = ["disabled"], wl = { class: "joy-divider-cta--icon" }, kl = { class: "joy-divider-cta--content" }, jl = { class: "joy-divider-cta--content---title" }, Sl = /* @__PURE__ */ B({
+}), wl = ["disabled"], kl = { class: "joy-divider-cta--icon" }, jl = { class: "joy-divider-cta--content" }, Sl = { class: "joy-divider-cta--content---title" }, _l = /* @__PURE__ */ B({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -2755,24 +2758,24 @@ const ul = /* @__PURE__ */ B({
       class: E(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      b("div", wl, [
+      b("div", kl, [
         q(G, { name: "add" })
       ]),
-      b("div", kl, [
-        b("p", jl, [
+      b("div", jl, [
+        b("p", Sl, [
           k(t.$slots, "default", {}, void 0, !0)
         ]),
         k(t.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, gl));
+    ], 10, wl));
   }
-}), oc = /* @__PURE__ */ F(Sl, [["__scopeId", "data-v-aa93710e"]]), $l = ["id"], _l = { class: "joy-drawer__inner" }, Cl = { class: "joy-drawer--header" }, xl = {
+}), ac = /* @__PURE__ */ F(_l, [["__scopeId", "data-v-aa93710e"]]), $l = ["id"], Cl = { class: "joy-drawer__inner" }, xl = { class: "joy-drawer--header" }, Tl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, Tl = {
+}, Vl = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, Vl = /* @__PURE__ */ B({
+}, Il = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2834,23 +2837,23 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = ct() + "--drawer", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
+    const o = e, a = n, r = ct() + "--JoyDrawer", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = V(() => {
       if (s.value)
         return f;
-    }), p = I(() => {
+    }), p = V(() => {
       const z = l["drawer-cancel"] || l["drawer-confirm"], A = o.cancelText || o.confirmText;
       return !!z || !!A;
-    }), v = I(() => o.id || r), m = v.value + "-header";
+    }), v = V(() => o.id || r), m = v.value + "-header";
     async function h(z = { fireHideEvent: !0 }) {
       o.onBeforeHide && !await o.onBeforeHide() || (c.deactivate(), u.value = !1, await Ue(), he(!1), z.fireHideEvent && a("drawer:hide"));
     }
-    async function $() {
+    async function _() {
       u.value = !0, await Ue(), o.focusTrap && !o.elevated && c.activate(), !o.elevated && o.preventBodyScroll && he(!0);
     }
     function S() {
       a("drawer:open");
     }
-    function V() {
+    function I() {
       a("drawer:after-open");
     }
     function P() {
@@ -2858,15 +2861,15 @@ const ul = /* @__PURE__ */ B({
     }
     return se(() => {
       s.value = !0;
-    }), De(() => {
+    }), Re(() => {
       u.value === !0 && (a("drawer:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: c,
       hasFooterSlots: p,
       hide: h,
       isOpen: u,
-      show: $
-    }), (z, A) => s.value ? (d(), L(Re, {
+      show: _
+    }), (z, A) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -2875,7 +2878,7 @@ const ul = /* @__PURE__ */ B({
         name: "drawer",
         appear: "",
         onEnter: S,
-        onAfterEnter: V,
+        onAfterEnter: I,
         onAfterLeave: P
       }, {
         default: O(() => [
@@ -2914,15 +2917,15 @@ const ul = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", _l, [
-                b("div", Cl, [
+              b("div", Cl, [
+                b("div", xl, [
                   b("div", {
                     id: m,
                     class: "joy-drawer--header__title"
                   }, [
                     k(z.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  b("p", xl, [
+                  b("p", Tl, [
                     k(z.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   q(ce, {
@@ -2937,7 +2940,7 @@ const ul = /* @__PURE__ */ B({
                     onClick: A[1] || (A[1] = (w) => h())
                   }, null, 8, ["label"])
                 ]),
-                b("div", Tl, [
+                b("div", Vl, [
                   k(z.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2963,7 +2966,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: A[2] || (A[2] = (w) => h())
                         }, {
                           default: O(() => [
-                            W(R(e.cancelText), 1)
+                            W(D(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2977,7 +2980,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: A[3] || (A[3] = (w) => a("drawer:confirm"))
                         }, {
                           default: O(() => [
-                            W(R(e.confirmText), 1)
+                            W(D(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2994,14 +2997,14 @@ const ul = /* @__PURE__ */ B({
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), ac = /* @__PURE__ */ F(Vl, [["__scopeId", "data-v-ef1e7f29"]]), lc = /* @__PURE__ */ B({
+}), lc = /* @__PURE__ */ F(Il, [["__scopeId", "data-v-731df0f1"]]), rc = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.drawer), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.drawer), r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), await ((i = a.value) == null ? void 0 : i.show());
@@ -3011,13 +3014,13 @@ const ul = /* @__PURE__ */ B({
       onClick: s
     }))), 128));
   }
-}), Il = {
+}), El = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, El = ["aria-label", "aria-labelledby"], Ll = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Al = {
+}, Ll = ["aria-label", "aria-labelledby"], Al = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Bl = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Bl = /* @__PURE__ */ B({
+}, Fl = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -3061,7 +3064,7 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = C(), l = I(() => (v) => !a.modelValue || !v.value && !v.id ? !1 : a.modelValue === v.value || a.modelValue === v.id);
+    const o = n, a = e, r = C(), l = V(() => (v) => !a.modelValue || !v.value && !v.id ? !1 : a.modelValue === v.value || a.modelValue === v.id);
     function s(v) {
       v.disabled || o("update:modelValue", v.value || v.id);
     }
@@ -3090,8 +3093,8 @@ const ul = /* @__PURE__ */ B({
           o("update:modelValue", h.dataModel);
         }
         if (c() && v.key === " " && v.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key)) {
-          const h = i(), $ = c();
-          let S = h.indexOf($);
+          const h = i(), _ = c();
+          let S = h.indexOf(_);
           if (h.length) {
             v.preventDefault(), v.key === "ArrowDown" ? S++ : v.key === "ArrowUp" ? S-- : v.key === "Home" ? S = 0 : v.key === "End" && (S = h.length - 1), S < 0 && (S = h.length - 1), S > h.length - 1 && (S = 0), y(h[S]);
             return;
@@ -3107,7 +3110,7 @@ const ul = /* @__PURE__ */ B({
     }
     return se(() => {
       window.addEventListener("keydown", f), u();
-    }), De(() => {
+    }), Re(() => {
       window.removeEventListener("keydown", f);
     }), t({
       isSelected: l
@@ -3115,13 +3118,13 @@ const ul = /* @__PURE__ */ B({
       class: "joy-dropdown-list",
       style: ie({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", Il, [
+      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", El, [
         e.reset ? (d(), g("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
-        }, R(e.resetLabel || "Reset"), 1)) : j("", !0),
+        }, D(e.resetLabel || "Reset"), 1)) : j("", !0),
         k(v.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : j("", !0),
       b("div", {
@@ -3158,20 +3161,20 @@ const ul = /* @__PURE__ */ B({
             "aria-label": h.label,
             ".dataModel": h.value || h.id,
             role: "option",
-            onClick: ($) => s(h)
+            onClick: (_) => s(h)
           }, [
             k(v.$slots, "label", X({ ref_for: !0 }, h), () => [
-              b("span", null, R(h.label), 1)
+              b("span", null, D(h.label), 1)
             ], !0)
-          ], 46, Ll))), 128))
-        ], 8, El)) : j("", !0)
+          ], 46, Al))), 128))
+        ], 8, Ll)) : j("", !0)
       ], 6),
-      v.$slots["dropdown-list-footer"] ? (d(), g("footer", Al, [
+      v.$slots["dropdown-list-footer"] ? (d(), g("footer", Bl, [
         k(v.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : j("", !0)
     ], 4));
   }
-}), Fl = /* @__PURE__ */ F(Bl, [["__scopeId", "data-v-7a3292aa"]]), Nl = /* @__PURE__ */ B({
+}), Nl = /* @__PURE__ */ F(Fl, [["__scopeId", "data-v-7a3292aa"]]), zl = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -3272,7 +3275,7 @@ const ul = /* @__PURE__ */ B({
       },
       { flush: "post" }
     );
-    const v = I(() => {
+    const v = V(() => {
       let A = `${a.dropdownGap}px`;
       return a.direction === "up" && (A = "-" + A), {
         marginTop: A
@@ -3286,13 +3289,13 @@ const ul = /* @__PURE__ */ B({
     function h(A) {
       A.stopPropagation(), c.value = !1, p && clearTimeout(p), u.value = A.target, r.value = !0, o("dropdown:open");
     }
-    function $() {
+    function _() {
       m(), S();
     }
     function S() {
       u.value && u.value.focus();
     }
-    function V(A) {
+    function I(A) {
       o("update:modelValue", A), a.closeOnSelect && (m(), S());
     }
     function P() {
@@ -3301,7 +3304,7 @@ const ul = /* @__PURE__ */ B({
     function z() {
       !s.value || !s.value.children.length || (s.value.children[0].id = f);
     }
-    return _a(m), se(() => {
+    return Ca(m), se(() => {
       z();
     }), t({
       showDropdownList: r,
@@ -3338,7 +3341,7 @@ const ul = /* @__PURE__ */ B({
           ]),
           style: ie(v.value)
         }, [
-          q(Fl, {
+          q(Nl, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -3347,13 +3350,13 @@ const ul = /* @__PURE__ */ B({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": f,
-            "onUpdate:modelValue": V,
-            "onClose:dropdownList": $,
+            "onUpdate:modelValue": I,
+            "onClose:dropdownList": _,
             onReset: P
           }, At({
             label: O((M) => [
               k(A.$slots, "dropdown-item", to(no(M)), () => [
-                b("span", null, R(M.label), 1)
+                b("span", null, D(M.label), 1)
               ], !0)
             ]),
             _: 2
@@ -3385,13 +3388,13 @@ const ul = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), rc = /* @__PURE__ */ F(Nl, [["__scopeId", "data-v-3b33b526"]]), zl = { class: "joy-dropzone__icon-wrapper" }, Pl = /* @__PURE__ */ B({
+}), ic = /* @__PURE__ */ F(zl, [["__scopeId", "data-v-3b33b526"]]), Pl = { class: "joy-dropzone__icon-wrapper" }, Ol = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
-    return (t, n) => (d(), g("div", zl, [
+    return (t, n) => (d(), g("div", Pl, [
       q(G, {
         "aria-hidden": "true",
         name: e.name,
@@ -3399,13 +3402,13 @@ const ul = /* @__PURE__ */ B({
       }, null, 8, ["name"])
     ]));
   }
-}), xn = /* @__PURE__ */ F(Pl, [["__scopeId", "data-v-5a2d1889"]]), Ol = { class: "joy-dropzone__file__description" }, Rl = { class: "joy-dropzone__file__name" }, Dl = {
+}), xn = /* @__PURE__ */ F(Ol, [["__scopeId", "data-v-5a2d1889"]]), Dl = { class: "joy-dropzone__file__description" }, Rl = { class: "joy-dropzone__file__name" }, Ml = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, Ml = {
+}, Jl = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, Jl = /* @__PURE__ */ B({
+}, ql = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -3430,12 +3433,12 @@ const ul = /* @__PURE__ */ B({
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
-        b("div", Ol, [
-          b("span", Rl, R(n.file.name), 1),
-          t.information ? (d(), g("div", Dl, [
+        b("div", Dl, [
+          b("span", Rl, D(n.file.name), 1),
+          t.information ? (d(), g("div", Ml, [
             k(o.$slots, "information", { file: o.file }, void 0, !0)
           ])) : j("", !0),
-          o.error ? (d(), g("p", Ml, R(o.error), 1)) : j("", !0)
+          o.error ? (d(), g("p", Jl, D(o.error), 1)) : j("", !0)
         ]),
         q(fe, {
           "column-gap": "1",
@@ -3470,13 +3473,13 @@ const ul = /* @__PURE__ */ B({
       _: 3
     }));
   }
-}), ql = /* @__PURE__ */ F(Jl, [["__scopeId", "data-v-f47da94a"]]), Hl = ["name", "accept", "multiple"], Wl = ["for"], Ul = {
+}), Hl = /* @__PURE__ */ F(ql, [["__scopeId", "data-v-f47da94a"]]), Wl = ["name", "accept", "multiple"], Ul = ["for"], Kl = {
   key: 0,
   class: "joy-dropzone__files"
-}, Kl = { class: "joy-dropzone__instruction__text" }, Gl = {
+}, Gl = { class: "joy-dropzone__instruction__text" }, Yl = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Yl = /* @__PURE__ */ B({
+}, Zl = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ oo({
     name: {},
@@ -3494,9 +3497,9 @@ const ul = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = oe(), o = e, a = ao(e, "modelValue"), r = C(v(a.value)), l = C(), s = C(), i = C(), { isOverDropZone: u } = Ho(s, {
-      onDrop: V
-    }), c = I(() => a.value.filter((T) => T instanceof File)), f = I(() => o.multiple || c.value.length === 0 ? void 0 : m(c.value[0]));
+    const n = oe(), o = e, a = ao(e, "modelValue"), r = C(v(a.value)), l = C(), s = C(), i = C(), { isOverDropZone: u } = Wo(s, {
+      onDrop: I
+    }), c = V(() => a.value.filter((T) => T instanceof File)), f = V(() => o.multiple || c.value.length === 0 ? void 0 : m(c.value[0]));
     function y(T) {
       return o.accept.length > 0 ? o.accept.includes(T.type) : !0;
     }
@@ -3504,31 +3507,31 @@ const ul = /* @__PURE__ */ B({
       return T.size < o.maxSize * 1024 * 1024;
     }
     function v(T) {
-      return T.filter((D) => D instanceof File).some((D) => !y(D) || !p(D));
+      return T.filter((R) => R instanceof File).some((R) => !y(R) || !p(R));
     }
     function m(T) {
       if (!(T instanceof File))
         return;
-      const J = y(T), D = p(T);
-      if (!J && !D)
+      const J = y(T), R = p(T);
+      if (!J && !R)
         return o.errorTextFormatAndMaxSize;
       if (!J)
         return o.errorTextFormat;
-      if (!D)
+      if (!R)
         return o.errorTextMaxSize;
     }
     function h() {
       l.value = void 0, i.value && i.value.click();
     }
-    function $() {
+    function _() {
       i.value && (i.value.value = "");
     }
     function S(T) {
-      var D;
-      const J = (D = T.target) == null ? void 0 : D.files;
+      var R;
+      const J = (R = T.target) == null ? void 0 : R.files;
       !J || J.length === 0 || (l.value ? (M(l.value, Array.from(J)), l.value = void 0) : w(Array.from(J)));
     }
-    function V(T) {
+    function I(T) {
       !T || T.length === 0 || (l.value = void 0, w(T));
     }
     function P(T) {
@@ -3543,10 +3546,10 @@ const ul = /* @__PURE__ */ B({
     function w(T) {
       o.multiple ? z([...a.value, ...T]) : z([T[0]]);
     }
-    function M(T, [J, ...D]) {
+    function M(T, [J, ...R]) {
       if (o.multiple) {
-        const _ = [...a.value];
-        _[a.value.indexOf(T)] = J, _.push(...D), z(_);
+        const $ = [...a.value];
+        $[a.value.indexOf(T)] = J, $.push(...R), z($);
       } else
         z([J]);
     }
@@ -3573,33 +3576,33 @@ const ul = /* @__PURE__ */ B({
           multiple: T.multiple,
           tabindex: "-1",
           onChange: S,
-          onClick: $
-        }, null, 40, Hl),
+          onClick: _
+        }, null, 40, Wl),
         b("label", {
           for: T.name,
           class: "joy-dropzone__label"
         }, [
-          a.value.length > 0 ? (d(), g("div", Ul, [
-            (d(!0), g(Q, null, te(a.value, (D, _) => (d(), L(ql, {
-              key: `${D.name}_${_}`,
-              file: D,
-              error: T.multiple ? m(D) : void 0,
+          a.value.length > 0 ? (d(), g("div", Kl, [
+            (d(!0), g(Q, null, te(a.value, (R, $) => (d(), L(Hl, {
+              key: `${R.name}_${$}`,
+              file: R,
+              error: T.multiple ? m(R) : void 0,
               "update-label": T.updateLabel,
               "delete-label": T.deleteLabel,
-              onUpdate: (x) => P(D),
-              onDelete: (x) => A(D)
+              onUpdate: (x) => P(R),
+              onDelete: (x) => A(R)
             }, At({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
                 fn: O(() => [
-                  k(T.$slots, "file-information", { file: D }, void 0, !0)
+                  k(T.$slots, "file-information", { file: R }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               n["file-actions"] ? {
                 name: "actions",
                 fn: O(() => [
-                  k(T.$slots, "file-actions", { file: D }, void 0, !0)
+                  k(T.$slots, "file-actions", { file: R }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
@@ -3617,7 +3620,7 @@ const ul = /* @__PURE__ */ B({
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
-              b("p", Kl, [
+              b("p", Gl, [
                 k(T.$slots, "dropzone-description", {}, () => [
                   J[0] || (J[0] = W("Drop your file here or click here"))
                 ], !0)
@@ -3625,9 +3628,9 @@ const ul = /* @__PURE__ */ B({
             ]),
             _: 3
           })) : j("", !0)
-        ], 8, Wl)
+        ], 8, Ul)
       ], 512),
-      n["dropzone-legend"] ? (d(), g("div", Gl, [
+      n["dropzone-legend"] ? (d(), g("div", Yl, [
         k(T.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : j("", !0),
       f.value ? (d(), L(Nt, {
@@ -3637,7 +3640,7 @@ const ul = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), ic = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-ee77e9fc"]]), Zl = ["aria-label"], Xl = { class: "joy-filter-bar__wrapper" }, Ql = /* @__PURE__ */ B({
+}), sc = /* @__PURE__ */ F(Zl, [["__scopeId", "data-v-ee77e9fc"]]), Xl = ["aria-label"], Ql = { class: "joy-filter-bar__wrapper" }, er = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3649,12 +3652,12 @@ const ul = /* @__PURE__ */ B({
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      b("div", Xl, [
+      b("div", Ql, [
         k(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, Zl));
+    ], 8, Xl));
   }
-}), sc = /* @__PURE__ */ F(Ql, [["__scopeId", "data-v-cb769d05"]]), er = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-cb769d05"]]), tr = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3680,7 +3683,7 @@ const ul = /* @__PURE__ */ B({
       class: E(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: r
     }, [
-      W(R(e.label) + " ", 1),
+      W(D(e.label) + " ", 1),
       k(l.$slots, "default", {}, void 0, !0),
       Y(a) ? (d(), L(G, {
         key: 0,
@@ -3691,7 +3694,7 @@ const ul = /* @__PURE__ */ B({
       })) : j("", !0)
     ], 2));
   }
-}), uc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-cfb21c78"]]), tr = /* @__PURE__ */ B({
+}), cc = /* @__PURE__ */ F(tr, [["__scopeId", "data-v-cfb21c78"]]), nr = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3711,7 +3714,7 @@ const ul = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Ie("VJoyWrapperContext", {}), a = I(() => {
+    const n = e, o = Ie("VJoyWrapperContext", {}), a = V(() => {
       const r = o.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const i = ["1", "0"];
@@ -3729,7 +3732,7 @@ const ul = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), cc = /* @__PURE__ */ F(tr, [["__scopeId", "data-v-235a3b9e"]]), nr = { class: "joy-funnel__header" }, or = { class: "funnel__header__inner" }, ar = /* @__PURE__ */ B({
+}), dc = /* @__PURE__ */ F(nr, [["__scopeId", "data-v-235a3b9e"]]), or = { class: "joy-funnel__header" }, ar = { class: "funnel__header__inner" }, lr = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3755,7 +3758,7 @@ const ul = /* @__PURE__ */ B({
       const u = i.currentTarget;
       n.value = u.scrollTop === 0, l.value && !n.value ? a.value = !1 : l.value && n.value && (a.value = !0);
     }
-    const l = I(() => !!o["funnel-stepper"]), s = I(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const l = V(() => !!o["funnel-stepper"]), s = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: n,
       hasStepperSlot: l,
@@ -3768,8 +3771,8 @@ const ul = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", nr, [
-        b("div", or, [
+      b("div", or, [
+        b("div", ar, [
           k(i.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
@@ -3802,31 +3805,31 @@ const ul = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), dc = /* @__PURE__ */ F(ar, [["__scopeId", "data-v-e2fccb79"]]), lr = { class: "joy-funnel-footer" }, rr = { class: "joy-funnel-footer__left" }, ir = { class: "joy-funnel-footer__right" }, sr = /* @__PURE__ */ B({
+}), fc = /* @__PURE__ */ F(lr, [["__scopeId", "data-v-e2fccb79"]]), rr = { class: "joy-funnel-footer" }, ir = { class: "joy-funnel-footer__left" }, sr = { class: "joy-funnel-footer__right" }, ur = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
-    return (t, n) => (d(), g("footer", lr, [
-      b("div", rr, [
+    return (t, n) => (d(), g("footer", rr, [
+      b("div", ir, [
         k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      b("div", ir, [
+      b("div", sr, [
         k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), fc = /* @__PURE__ */ F(sr, [["__scopeId", "data-v-bdeeb2bd"]]), ur = { class: "joy-header" }, cr = { class: "joy-header__left" }, dr = { class: "joy-header__right" }, fr = /* @__PURE__ */ B({
+}), yc = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-bdeeb2bd"]]), cr = { class: "joy-header" }, dr = { class: "joy-header__left" }, fr = { class: "joy-header__right" }, yr = /* @__PURE__ */ B({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (d(), g("header", ur, [
-      b("div", cr, [
+    return (t, n) => (d(), g("header", cr, [
+      b("div", dr, [
         k(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      b("div", dr, [
+      b("div", fr, [
         k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), yc = /* @__PURE__ */ F(fr, [["__scopeId", "data-v-7928856e"]]), yr = { class: "joy-highlight__decorator" }, vr = { class: "joy-highlight__text" }, pr = { key: 0 }, mr = /* @__PURE__ */ B({
+}), vc = /* @__PURE__ */ F(yr, [["__scopeId", "data-v-7928856e"]]), vr = { class: "joy-highlight__decorator" }, pr = { class: "joy-highlight__text" }, mr = { key: 0 }, hr = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3853,7 +3856,7 @@ const ul = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = I(() => n.icon ? n.icon : pn(n.level));
+    const n = e, o = V(() => n.icon ? n.icon : pn(n.level));
     return t({
       getRelevantIcon: o
     }), (a, r) => (d(), g("div", {
@@ -3867,7 +3870,7 @@ const ul = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", yr, [
+      b("div", vr, [
         k(a.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (d(), L(G, {
             key: 0,
@@ -3875,15 +3878,15 @@ const ul = /* @__PURE__ */ B({
           }, null, 8, ["name"])) : j("", !0)
         ], !0)
       ]),
-      b("div", vr, [
-        a.$slots["highlight-title"] ? (d(), g("strong", pr, [
+      b("div", pr, [
+        a.$slots["highlight-title"] ? (d(), g("strong", mr, [
           k(a.$slots, "highlight-title", {}, void 0, !0)
         ])) : j("", !0),
         k(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), vc = /* @__PURE__ */ F(mr, [["__scopeId", "data-v-e5c2ff23"]]), hr = ["aria-label"], br = /* @__PURE__ */ B({
+}), pc = /* @__PURE__ */ F(hr, [["__scopeId", "data-v-e5c2ff23"]]), br = ["aria-label"], gr = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3913,10 +3916,10 @@ const ul = /* @__PURE__ */ B({
         type: "button",
         class: E(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, hr)
+      }, null, 10, br)
     ], 2));
   }
-}), gr = /* @__PURE__ */ F(br, [["__scopeId", "data-v-2babb982"]]), wr = /* @__PURE__ */ B({
+}), wr = /* @__PURE__ */ F(gr, [["__scopeId", "data-v-2babb982"]]), kr = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3929,7 +3932,7 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = oe(), l = C(o.modelValue), s = I(() => {
+    const o = e, a = n, r = oe(), l = C(o.modelValue), s = V(() => {
       const f = r.default();
       return f.length === 1 && typeof f[0].type != "object" ? f[0].children.filter(u) : f.filter(u);
     });
@@ -3954,7 +3957,7 @@ const ul = /* @__PURE__ */ B({
     }), (f, y) => (d(), g("ul", {
       class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), g(Q, null, te(s.value, (p) => (d(), L(gr, X({
+      (d(!0), g(Q, null, te(s.value, (p) => (d(), L(wr, X({
         key: p.props.value,
         ref_for: !0
       }, { ...p.props, variant: e.variant }, {
@@ -3963,7 +3966,7 @@ const ul = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), pc = /* @__PURE__ */ F(wr, [["__scopeId", "data-v-f2dd63e9"]]), kr = ["id", "name", "required", "disabled", "readonly", "type", "value"], jr = ["data-unit"], Sr = /* @__PURE__ */ B({
+}), mc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-f2dd63e9"]]), jr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Sr = ["data-unit"], _r = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4041,13 +4044,13 @@ const ul = /* @__PURE__ */ B({
   setup(e, { expose: t, emit: n }) {
     const o = n, a = e, r = Ie("VJoyWrapperContext", {}), l = C(), s = C(), i = Ee(), u = oe(), c = C(!1), f = C(!1);
     zt(l, a.autofocus);
-    const y = I(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), p = I(() => u.default && u.default()), v = I(() => Object.keys(r).length > 0), m = C(a.type), h = I(() => a.type === "password" && !!a.modelValue);
+    const y = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), p = V(() => u.default && u.default()), v = V(() => Object.keys(r).length > 0), m = C(a.type), h = V(() => a.type === "password" && !!a.modelValue);
     lo(() => {
       m.value = a.unit ? "number" : a.type;
     });
-    function $() {
-      var V;
-      a.readonly || (V = l.value) == null || V.focus();
+    function _() {
+      var I;
+      a.readonly || (I = l.value) == null || I.focus();
     }
     const S = {
       onFocus: () => {
@@ -4056,27 +4059,27 @@ const ul = /* @__PURE__ */ B({
       onBlur: () => {
         c.value = !1;
       },
-      onWheelScroll(V) {
-        a.type === "number" && V.preventDefault();
+      onWheelScroll(I) {
+        a.type === "number" && I.preventDefault();
       },
-      onInput: (V) => {
-        let P = V.target.value;
+      onInput: (I) => {
+        let P = I.target.value;
         a.modelModifiers.lazy || o("update:modelValue", P);
       },
-      onChange: (V) => {
-        let P = V.target.value;
+      onChange: (I) => {
+        let P = I.target.value;
         a.modelModifiers.lazy && o("update:modelValue", P);
       },
       clearValue: () => {
         a.disabled || o("update:modelValue", "");
       },
-      togglePassword: (V) => {
-        V.preventDefault(), f.value = !f.value, f.value ? m.value = "text" : m.value = "password";
+      togglePassword: (I) => {
+        I.preventDefault(), f.value = !f.value, f.value ? m.value = "text" : m.value = "password";
       }
     };
     return t({
-      focus: $
-    }), (V, P) => (d(), g("div", {
+      focus: _
+    }), (I, P) => (d(), g("div", {
       ref_key: "root",
       ref: s,
       class: E([`joy-input--${a.size}`])
@@ -4101,8 +4104,8 @@ const ul = /* @__PURE__ */ B({
           size: e.labelSize
         }, {
           default: O(() => [
-            k(V.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+            k(I.$slots, "default", {}, () => [
+              W(D(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4118,7 +4121,7 @@ const ul = /* @__PURE__ */ B({
             }
           ])
         }, [
-          b("input", X(V.$attrs, {
+          b("input", X(I.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: l,
@@ -4144,7 +4147,7 @@ const ul = /* @__PURE__ */ B({
             (...z) => S.onChange && S.onChange(...z)),
             onWheel: P[4] || (P[4] = //@ts-ignore
             (...z) => S.onWheelScroll && S.onWheelScroll(...z))
-          }), null, 16, kr),
+          }), null, 16, jr),
           y.value ? (d(), L(ce, {
             key: 0,
             class: "joy-input--clear",
@@ -4169,12 +4172,12 @@ const ul = /* @__PURE__ */ B({
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, jr)) : j("", !0)
+          }, null, 8, Sr)) : j("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), mc = /* @__PURE__ */ F(Sr, [["__scopeId", "data-v-ccd7525a"]]), $r = ["href"], _r = { class: "joy-link__text" }, Cr = /* @__PURE__ */ B({
+}), hc = /* @__PURE__ */ F(_r, [["__scopeId", "data-v-ccd7525a"]]), $r = ["href"], Cr = { class: "joy-link__text" }, xr = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4196,14 +4199,14 @@ const ul = /* @__PURE__ */ B({
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : j("", !0),
-      b("span", _r, [
+      b("span", Cr, [
         k(t.$slots, "default", {}, () => [
-          W(R(e.text), 1)
+          W(D(e.text), 1)
         ], !0)
       ])
     ], 16, $r));
   }
-}), hc = /* @__PURE__ */ F(Cr, [["__scopeId", "data-v-9cfadbae"]]), xr = { class: "joy-list-item__left" }, Tr = { class: "joy-font-primary-300 joy-m-0" }, Vr = { class: "joy-list-item__right" }, Ir = /* @__PURE__ */ B({
+}), bc = /* @__PURE__ */ F(xr, [["__scopeId", "data-v-9cfadbae"]]), Tr = { class: "joy-list-item__left" }, Vr = { class: "joy-font-primary-300 joy-m-0" }, Ir = { class: "joy-list-item__right" }, Er = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4221,17 +4224,17 @@ const ul = /* @__PURE__ */ B({
         justify: "space-between"
       }, {
         default: O(() => [
-          b("div", xr, [
+          b("div", Tr, [
             t.icon ? (d(), L(G, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
             }, null, 8, ["name"])) : j("", !0),
-            b("p", Tr, [
+            b("p", Vr, [
               k(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          b("div", Vr, [
+          b("div", Ir, [
             k(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
@@ -4239,7 +4242,7 @@ const ul = /* @__PURE__ */ B({
       })
     ]));
   }
-}), bc = /* @__PURE__ */ F(Ir, [["__scopeId", "data-v-6c3750f0"]]), Er = ["tabindex", "aria-activedescendant", "aria-label"], Lr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Ar = { "aria-hidden": "true" }, Br = /* @__PURE__ */ B({
+}), gc = /* @__PURE__ */ F(Er, [["__scopeId", "data-v-6c3750f0"]]), Lr = ["tabindex", "aria-activedescendant", "aria-label"], Ar = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Br = { "aria-hidden": "true" }, Fr = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4326,24 +4329,24 @@ const ul = /* @__PURE__ */ B({
           role: "menuitem",
           onClick: (h) => s(m)
         }, [
-          b("div", Ar, [
+          b("div", Br, [
             k(y.$slots, "menu-item", X({ ref_for: !0 }, m), () => [
               m.icon ? (d(), L(G, {
                 key: 0,
                 name: m.icon
               }, null, 8, ["name"])) : j("", !0),
-              b("span", null, R(m.label), 1)
+              b("span", null, D(m.label), 1)
             ], !0)
           ])
-        ], 42, Lr)), [
+        ], 42, Ar)), [
           [v, { id: u(m) }]
         ])), 128))
-      ], 40, Er);
+      ], 40, Lr);
     };
   }
-}), gc = /* @__PURE__ */ F(Br, [["__scopeId", "data-v-895583e2"]]), Fr = ["id"], Nr = {
+}), wc = /* @__PURE__ */ F(Fr, [["__scopeId", "data-v-895583e2"]]), Nr = ["id"], zr = {
   class: /* @__PURE__ */ E(["joy-multi-checkbox"])
-}, zr = /* @__PURE__ */ B({
+}, Pr = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     /** To render the list of checkboxes you have to use this property. See "Controls" for object model */
@@ -4401,11 +4404,11 @@ const ul = /* @__PURE__ */ B({
         size: e.labelSize
       }, {
         default: O(() => [
-          W(R(e.label), 1)
+          W(D(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
-      b("div", Nr, [
+      b("div", zr, [
         (d(!0), g(Q, null, te(e.options, (i) => (d(), L(gn, {
           id: i.id,
           key: i.id,
@@ -4416,15 +4419,15 @@ const ul = /* @__PURE__ */ B({
         }, {
           default: O(() => [
             k(l.$slots, "checkbox", X({ ref_for: !0 }, i), () => [
-              W(R(i.label), 1)
+              W(D(i.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, Fr));
+    ], 8, Nr));
   }
-}), wc = /* @__PURE__ */ F(zr, [["__scopeId", "data-v-04da9dc2"]]), an = /* @__PURE__ */ B({
+}), kc = /* @__PURE__ */ F(Pr, [["__scopeId", "data-v-04da9dc2"]]), an = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4455,7 +4458,7 @@ const ul = /* @__PURE__ */ B({
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Pr = ["aria-label", "data-current"], Or = ["onClick"], Rr = ["aria-current"], Dr = 6, Mr = /* @__PURE__ */ B({
+}), Or = ["aria-label", "data-current"], Dr = ["onClick"], Rr = ["aria-current"], Mr = 6, Jr = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4486,10 +4489,10 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => {
+    const n = e, o = t, a = V(() => {
       const c = l.value.length;
       return l.value[c - 1] !== l.value[c - 2] + 1;
-    }), r = I(() => l.value[0] !== l.value[1] - 1), l = I(() => n.totalPages === 1 ? [1] : n.totalPages < Dr ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < Mr ? i(2, n.totalPages - 1) : u(n.currentPage));
     function s(c, f) {
       n.currentPage === 1 && f === "prev" || n.currentPage === n.totalPages && f === "next" || o("update:current-page", c);
     }
@@ -4539,9 +4542,9 @@ const ul = /* @__PURE__ */ B({
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, R(y), 9, Rr)
+                }, D(y), 9, Rr)
               ], !0)
-            ], 10, Or))), 128))
+            ], 10, Dr))), 128))
           ])
         ]),
         b("li", {
@@ -4557,12 +4560,12 @@ const ul = /* @__PURE__ */ B({
           ], !0)
         ])
       ])
-    ], 8, Pr));
+    ], 8, Or));
   }
-}), kc = /* @__PURE__ */ F(Mr, [["__scopeId", "data-v-7e82041f"]]), Jr = { class: "joy-screen-loader__content" }, qr = {
+}), jc = /* @__PURE__ */ F(Jr, [["__scopeId", "data-v-7e82041f"]]), qr = { class: "joy-screen-loader__content" }, Hr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Hr = /* @__PURE__ */ B({
+}, Wr = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4580,31 +4583,31 @@ const ul = /* @__PURE__ */ B({
     return (t, n) => (d(), g("div", {
       class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      b("div", Jr, [
+      b("div", qr, [
         k(t.$slots, "spinner", {}, () => [
           q(mn, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (d(), g("div", qr, [
+        t.$slots.content ? (d(), g("div", Hr, [
           k(t.$slots, "content", {}, void 0, !0)
         ])) : j("", !0)
       ])
     ], 2));
   }
-}), Tn = /* @__PURE__ */ F(Hr, [["__scopeId", "data-v-266b7e2a"]]), Wr = {
+}), Tn = /* @__PURE__ */ F(Wr, [["__scopeId", "data-v-266b7e2a"]]), Ur = {
   key: 0,
   class: /* @__PURE__ */ E(["joy-panel__header"])
-}, Ur = {
+}, Kr = {
   key: 1,
   class: "joy-panel__header-action"
-}, Kr = {
+}, Gr = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Gr = { class: "joy-panel__body" }, Yr = {
+}, Yr = { class: "joy-panel__body" }, Zr = {
   key: 1,
   class: "joy-panel__footer"
-}, Zr = /* @__PURE__ */ B({
+}, Xr = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4636,7 +4639,7 @@ const ul = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Ie("VJoyWrapperContext", {}), n = I(() => Object.keys(t).length > 0), o = oe(), a = C(), r = I(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
+    const t = Ie("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), o = oe(), a = C(), r = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
     return (l, s) => (d(), g("section", {
       ref_key: "panel",
       ref: a,
@@ -4651,24 +4654,24 @@ const ul = /* @__PURE__ */ B({
         }
       ])
     }, [
-      r.value ? (d(), g("header", Wr, [
+      r.value ? (d(), g("header", Ur, [
         o["panel-title"] ? (d(), g("div", {
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        o["panel-title-action"] ? (d(), g("div", Ur, [
+        o["panel-title-action"] ? (d(), g("div", Kr, [
           k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        o["panel-subtitle"] ? (d(), g("div", Kr, [
+        o["panel-subtitle"] ? (d(), g("div", Gr, [
           k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
-      b("div", Gr, [
+      b("div", Yr, [
         k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (d(), g("footer", Yr, [
+      o["panel-action"] ? (d(), g("footer", Zr, [
         k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
       e.loading ? (d(), L(Tn, {
@@ -4683,40 +4686,40 @@ const ul = /* @__PURE__ */ B({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), jc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-bf00f207"]]), Xr = { class: "joy-panel-section" }, Qr = {
+}), Sc = /* @__PURE__ */ F(Xr, [["__scopeId", "data-v-bf00f207"]]), Qr = { class: "joy-panel-section" }, ei = {
   key: 0,
   class: "joy-panel-section__title"
-}, ei = {
+}, ti = {
   key: 1,
   class: "joy-panel-section__content"
-}, ti = /* @__PURE__ */ B({
+}, ni = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = oe();
-    return (n, o) => (d(), g("div", Xr, [
-      Y(t)["panel-section-title"] ? (d(), g("div", Qr, [
+    return (n, o) => (d(), g("div", Qr, [
+      Y(t)["panel-section-title"] ? (d(), g("div", ei, [
         k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      Y(t)["panel-section-content"] ? (d(), g("div", ei, [
+      Y(t)["panel-section-content"] ? (d(), g("div", ti, [
         k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), Sc = /* @__PURE__ */ F(ti, [["__scopeId", "data-v-d88510ab"]]), ni = {}, oi = { class: "joy-product-tour-spotlight" };
-function ai(e, t) {
-  return d(), g("div", oi);
+}), _c = /* @__PURE__ */ F(ni, [["__scopeId", "data-v-d88510ab"]]), oi = {}, ai = { class: "joy-product-tour-spotlight" };
+function li(e, t) {
+  return d(), g("div", ai);
 }
-const li = /* @__PURE__ */ F(ni, [["render", ai], ["__scopeId", "data-v-fbaf8e78"]]), $t = Math.min, ri = Math.max, ii = {
+const ri = /* @__PURE__ */ F(oi, [["render", li], ["__scopeId", "data-v-fbaf8e78"]]), _t = Math.min, ii = Math.max, si = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, si = {
+}, ui = {
   start: "end",
   end: "start"
 };
-function _t(e, t, n) {
-  return ri(e, $t(t, n));
+function $t(e, t, n) {
+  return ii(e, _t(t, n));
 }
 function xe(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4736,23 +4739,23 @@ function Ot(e) {
 function Te(e) {
   return ["top", "bottom"].includes(ge(e)) ? "y" : "x";
 }
-function Rt(e) {
+function Dt(e) {
   return Pt(Te(e));
 }
-function ui(e, t, n) {
+function ci(e, t, n) {
   n === void 0 && (n = !1);
-  const o = Ye(e), a = Rt(e), r = Ot(a);
+  const o = Ye(e), a = Dt(e), r = Ot(a);
   let l = a === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = it(l)), [l, it(l)];
 }
-function ci(e) {
+function di(e) {
   const t = it(e);
   return [Ct(e), t, Ct(t)];
 }
 function Ct(e) {
-  return e.replace(/start|end/g, (t) => si[t]);
+  return e.replace(/start|end/g, (t) => ui[t]);
 }
-function di(e, t, n) {
+function fi(e, t, n) {
   const o = ["left", "right"], a = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4765,15 +4768,15 @@ function di(e, t, n) {
       return [];
   }
 }
-function fi(e, t, n, o) {
+function yi(e, t, n, o) {
   const a = Ye(e);
-  let r = di(ge(e), n === "start", o);
+  let r = fi(ge(e), n === "start", o);
   return a && (r = r.map((l) => l + "-" + a), t && (r = r.concat(r.map(Ct)))), r;
 }
 function it(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => ii[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => si[t]);
 }
-function yi(e) {
+function vi(e) {
   return {
     top: 0,
     right: 0,
@@ -4783,7 +4786,7 @@ function yi(e) {
   };
 }
 function Vn(e) {
-  return typeof e != "number" ? yi(e) : {
+  return typeof e != "number" ? vi(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4813,7 +4816,7 @@ function ln(e, t, n) {
     reference: o,
     floating: a
   } = e;
-  const r = Te(t), l = Rt(t), s = Ot(l), i = ge(t), u = r === "y", c = o.x + o.width / 2 - a.width / 2, f = o.y + o.height / 2 - a.height / 2, y = o[s] / 2 - a[s] / 2;
+  const r = Te(t), l = Dt(t), s = Ot(l), i = ge(t), u = r === "y", c = o.x + o.width / 2 - a.width / 2, f = o.y + o.height / 2 - a.height / 2, y = o[s] / 2 - a[s] / 2;
   let p;
   switch (i) {
     case "top":
@@ -4856,7 +4859,7 @@ function ln(e, t, n) {
   }
   return p;
 }
-const vi = async (e, t, n) => {
+const pi = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: a = "absolute",
@@ -4874,13 +4877,13 @@ const vi = async (e, t, n) => {
   for (let m = 0; m < s.length; m++) {
     const {
       name: h,
-      fn: $
+      fn: _
     } = s[m], {
       x: S,
-      y: V,
+      y: I,
       data: P,
       reset: z
-    } = await $({
+    } = await _({
       x: c,
       y: f,
       initialPlacement: o,
@@ -4894,7 +4897,7 @@ const vi = async (e, t, n) => {
         floating: t
       }
     });
-    c = S ?? c, f = V ?? f, p = {
+    c = S ?? c, f = I ?? f, p = {
       ...p,
       [h]: {
         ...p[h],
@@ -4933,7 +4936,7 @@ async function In(e, t) {
     elementContext: f = "floating",
     altBoundary: y = !1,
     padding: p = 0
-  } = xe(t, e), v = Vn(p), h = s[y ? f === "floating" ? "reference" : "floating" : f], $ = st(await r.getClippingRect({
+  } = xe(t, e), v = Vn(p), h = s[y ? f === "floating" ? "reference" : "floating" : f], _ = st(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(h))) == null || n ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
     boundary: u,
     rootBoundary: c,
@@ -4943,7 +4946,7 @@ async function In(e, t) {
     y: a,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, V = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(V)) ? await (r.getScale == null ? void 0 : r.getScale(V)) || {
+  } : l.reference, I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(I)) ? await (r.getScale == null ? void 0 : r.getScale(I)) || {
     x: 1,
     y: 1
   } : {
@@ -4952,17 +4955,17 @@ async function In(e, t) {
   }, z = st(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
     rect: S,
-    offsetParent: V,
+    offsetParent: I,
     strategy: i
   }) : S);
   return {
-    top: ($.top - z.top + v.top) / P.y,
-    bottom: (z.bottom - $.bottom + v.bottom) / P.y,
-    left: ($.left - z.left + v.left) / P.x,
-    right: (z.right - $.right + v.right) / P.x
+    top: (_.top - z.top + v.top) / P.y,
+    bottom: (z.bottom - _.bottom + v.bottom) / P.y,
+    left: (_.left - z.left + v.left) / P.x,
+    right: (z.right - _.right + v.right) / P.x
   };
 }
-const pi = (e) => ({
+const mi = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4983,10 +4986,10 @@ const pi = (e) => ({
     const f = Vn(c), y = {
       x: n,
       y: o
-    }, p = Rt(a), v = Ot(p), m = await l.getDimensions(u), h = p === "y", $ = h ? "top" : "left", S = h ? "bottom" : "right", V = h ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
-    let w = A ? A[V] : 0;
-    (!w || !await (l.isElement == null ? void 0 : l.isElement(A))) && (w = s.floating[V] || r.floating[v]);
-    const M = P / 2 - z / 2, T = w / 2 - m[v] / 2 - 1, J = $t(f[$], T), D = $t(f[S], T), _ = J, x = w - m[v] - D, N = w / 2 - m[v] / 2 + M, U = _t(_, N, x), H = !i.arrow && Ye(a) != null && N !== U && r.reference[v] / 2 - (N < _ ? J : D) - m[v] / 2 < 0, K = H ? N < _ ? N - _ : N - x : 0;
+    }, p = Dt(a), v = Ot(p), m = await l.getDimensions(u), h = p === "y", _ = h ? "top" : "left", S = h ? "bottom" : "right", I = h ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    let w = A ? A[I] : 0;
+    (!w || !await (l.isElement == null ? void 0 : l.isElement(A))) && (w = s.floating[I] || r.floating[v]);
+    const M = P / 2 - z / 2, T = w / 2 - m[v] / 2 - 1, J = _t(f[_], T), R = _t(f[S], T), $ = J, x = w - m[v] - R, N = w / 2 - m[v] / 2 + M, U = $t($, N, x), H = !i.arrow && Ye(a) != null && N !== U && r.reference[v] / 2 - (N < $ ? J : R) - m[v] / 2 < 0, K = H ? N < $ ? N - $ : N - x : 0;
     return {
       [p]: y[p] + K,
       data: {
@@ -5023,20 +5026,20 @@ const pi = (e) => ({
       } = xe(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const $ = ge(a), S = Te(s), V = ge(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), z = y || (V || !m ? [it(s)] : ci(s)), A = v !== "none";
-      !y && A && z.push(...fi(s, m, v, P));
+      const _ = ge(a), S = Te(s), I = ge(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), z = y || (I || !m ? [it(s)] : di(s)), A = v !== "none";
+      !y && A && z.push(...yi(s, m, v, P));
       const w = [s, ...z], M = await In(t, h), T = [];
       let J = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (c && T.push(M[$]), f) {
-        const N = ui(a, l, P);
+      if (c && T.push(M[_]), f) {
+        const N = ci(a, l, P);
         T.push(M[N[0]], M[N[1]]);
       }
       if (J = [...J, {
         placement: a,
         overflows: T
       }], !T.every((N) => N <= 0)) {
-        var D, _;
-        const N = (((D = r.flip) == null ? void 0 : D.index) || 0) + 1, U = w[N];
+        var R, $;
+        const N = (((R = r.flip) == null ? void 0 : R.index) || 0) + 1, U = w[N];
         if (U)
           return {
             data: {
@@ -5047,7 +5050,7 @@ const pi = (e) => ({
               placement: U
             }
           };
-        let H = (_ = J.filter((K) => K.overflows[0] <= 0).sort((K, Z) => K.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : _.placement;
+        let H = ($ = J.filter((K) => K.overflows[0] <= 0).sort((K, Z) => K.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : $.placement;
         if (!H)
           switch (p) {
             case "bestFit": {
@@ -5079,7 +5082,7 @@ const pi = (e) => ({
     }
   };
 };
-async function mi(e, t) {
+async function hi(e, t) {
   const {
     placement: n,
     platform: o,
@@ -5118,7 +5121,7 @@ const Ln = function(e) {
         y: r,
         placement: l,
         middlewareData: s
-      } = t, i = await mi(t, e);
+      } = t, i = await hi(t, e);
       return l === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
         x: a + i.x,
         y: r + i.y,
@@ -5144,11 +5147,11 @@ const Ln = function(e) {
         limiter: s = {
           fn: (h) => {
             let {
-              x: $,
+              x: _,
               y: S
             } = h;
             return {
-              x: $,
+              x: _,
               y: S
             };
           }
@@ -5160,12 +5163,12 @@ const Ln = function(e) {
       }, c = await In(t, i), f = Te(ge(a)), y = Pt(f);
       let p = u[y], v = u[f];
       if (r) {
-        const h = y === "y" ? "top" : "left", $ = y === "y" ? "bottom" : "right", S = p + c[h], V = p - c[$];
-        p = _t(S, p, V);
+        const h = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", S = p + c[h], I = p - c[_];
+        p = $t(S, p, I);
       }
       if (l) {
-        const h = f === "y" ? "top" : "left", $ = f === "y" ? "bottom" : "right", S = v + c[h], V = v - c[$];
-        v = _t(S, v, V);
+        const h = f === "y" ? "top" : "left", _ = f === "y" ? "bottom" : "right", S = v + c[h], I = v - c[_];
+        v = $t(S, v, I);
       }
       const m = s.fn({
         ...t,
@@ -5209,12 +5212,12 @@ const Ln = function(e) {
         ...m
       };
       if (i) {
-        const V = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[V] + h.mainAxis, z = r.reference[y] + r.reference[V] - h.mainAxis;
+        const I = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[I] + h.mainAxis, z = r.reference[y] + r.reference[I] - h.mainAxis;
         p < P ? p = P : p > z && (p = z);
       }
       if (u) {
-        var $, S;
-        const V = y === "y" ? "width" : "height", P = ["top", "left"].includes(ge(a)), z = r.reference[f] - r.floating[V] + (P && (($ = l.offset) == null ? void 0 : $[f]) || 0) + (P ? 0 : h.crossAxis), A = r.reference[f] + r.reference[V] + (P ? 0 : ((S = l.offset) == null ? void 0 : S[f]) || 0) - (P ? h.crossAxis : 0);
+        var _, S;
+        const I = y === "y" ? "width" : "height", P = ["top", "left"].includes(ge(a)), z = r.reference[f] - r.floating[I] + (P && ((_ = l.offset) == null ? void 0 : _[f]) || 0) + (P ? 0 : h.crossAxis), A = r.reference[f] + r.reference[I] + (P ? 0 : ((S = l.offset) == null ? void 0 : S[f]) || 0) - (P ? h.crossAxis : 0);
         v < z ? v = z : v > A && (v = A);
       }
       return {
@@ -5259,17 +5262,17 @@ function Ze(e) {
   } = de(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(a);
 }
-function hi(e) {
+function bi(e) {
   return ["table", "td", "th"].includes(ke(e));
 }
-function Dt(e) {
+function Rt(e) {
   const t = Mt(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function bi(e) {
+function gi(e) {
   let t = Oe(e);
   for (; ye(t) && !mt(t); ) {
-    if (Dt(t))
+    if (Rt(t))
       return t;
     t = Oe(t);
   }
@@ -5343,15 +5346,15 @@ function Pe(e) {
     y: s
   };
 }
-const gi = /* @__PURE__ */ we(0);
+const wi = /* @__PURE__ */ we(0);
 function Pn(e) {
   const t = ue(e);
-  return !Mt() || !t.visualViewport ? gi : {
+  return !Mt() || !t.visualViewport ? wi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function wi(e, t, n) {
+function ki(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ue(e) ? !1 : t;
 }
 function Ve(e, t, n, o) {
@@ -5359,14 +5362,14 @@ function Ve(e, t, n, o) {
   const a = e.getBoundingClientRect(), r = Jt(e);
   let l = we(1);
   t && (o ? ve(o) && (l = Pe(o)) : l = Pe(e));
-  const s = wi(r, n, o) ? Pn(r) : we(0);
+  const s = ki(r, n, o) ? Pn(r) : we(0);
   let i = (a.left + s.x) / l.x, u = (a.top + s.y) / l.y, c = a.width / l.x, f = a.height / l.y;
   if (r) {
     const y = ue(r), p = o && ve(o) ? ue(o) : o;
     let v = y.frameElement;
     for (; v && o && p !== y; ) {
-      const m = Pe(v), h = v.getBoundingClientRect(), $ = de(v), S = h.left + (v.clientLeft + parseFloat($.paddingLeft)) * m.x, V = h.top + (v.clientTop + parseFloat($.paddingTop)) * m.y;
-      i *= m.x, u *= m.y, c *= m.x, f *= m.y, i += S, u += V, v = ue(v).frameElement;
+      const m = Pe(v), h = v.getBoundingClientRect(), _ = de(v), S = h.left + (v.clientLeft + parseFloat(_.paddingLeft)) * m.x, I = h.top + (v.clientTop + parseFloat(_.paddingTop)) * m.y;
+      i *= m.x, u *= m.y, c *= m.x, f *= m.y, i += S, u += I, v = ue(v).frameElement;
     }
   }
   return st({
@@ -5376,7 +5379,7 @@ function Ve(e, t, n, o) {
     y: u
   });
 }
-function ki(e) {
+function ji(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -5401,13 +5404,13 @@ function ki(e) {
     y: t.y * s.y - l.scrollTop * s.y + i.y
   };
 }
-function ji(e) {
+function Si(e) {
   return Array.from(e.getClientRects());
 }
 function On(e) {
   return Ve(pe(e)).left + ht(e).scrollLeft;
 }
-function Si(e) {
+function _i(e) {
   const t = pe(e), n = ht(e), o = e.ownerDocument.body, a = ze(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = ze(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let l = -n.scrollLeft + On(e);
   const s = -n.scrollTop;
@@ -5433,7 +5436,7 @@ function $i(e, t) {
     y: i
   };
 }
-function _i(e, t) {
+function Ci(e, t) {
   const n = Ve(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, r = ye(e) ? Pe(e) : we(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = a * r.x, u = o * r.y;
   return {
     width: l,
@@ -5447,9 +5450,9 @@ function sn(e, t, n) {
   if (t === "viewport")
     o = $i(e, n);
   else if (t === "document")
-    o = Si(pe(e));
+    o = _i(pe(e));
   else if (ve(t))
-    o = _i(t, n);
+    o = Ci(t, n);
   else {
     const a = Pn(e);
     o = {
@@ -5460,11 +5463,11 @@ function sn(e, t, n) {
   }
   return st(o);
 }
-function Rn(e, t) {
+function Dn(e, t) {
   const n = Oe(e);
-  return n === t || !ve(n) || mt(n) ? !1 : de(n).position === "fixed" || Rn(n, t);
+  return n === t || !ve(n) || mt(n) ? !1 : de(n).position === "fixed" || Dn(n, t);
 }
-function Ci(e, t) {
+function xi(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -5472,19 +5475,19 @@ function Ci(e, t) {
   const r = de(e).position === "fixed";
   let l = r ? Oe(e) : e;
   for (; ve(l) && !mt(l); ) {
-    const s = de(l), i = Dt(l);
-    !i && s.position === "fixed" && (a = null), (r ? !i && !a : !i && s.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || Ze(l) && !i && Rn(e, l)) ? o = o.filter((c) => c !== l) : a = s, l = Oe(l);
+    const s = de(l), i = Rt(l);
+    !i && s.position === "fixed" && (a = null), (r ? !i && !a : !i && s.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || Ze(l) && !i && Dn(e, l)) ? o = o.filter((c) => c !== l) : a = s, l = Oe(l);
   }
   return t.set(e, o), o;
 }
-function xi(e) {
+function Ti(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: a
   } = e;
-  const l = [...n === "clippingAncestors" ? Ci(t, this._c) : [].concat(n), o], s = l[0], i = l.reduce((u, c) => {
+  const l = [...n === "clippingAncestors" ? xi(t, this._c) : [].concat(n), o], s = l[0], i = l.reduce((u, c) => {
     const f = sn(t, c, a);
     return u.top = ze(f.top, u.top), u.right = xt(f.right, u.right), u.bottom = xt(f.bottom, u.bottom), u.left = ze(f.left, u.left), u;
   }, sn(t, s, a));
@@ -5495,10 +5498,10 @@ function xi(e) {
     y: i.top
   };
 }
-function Ti(e) {
+function Vi(e) {
   return zn(e);
 }
-function Vi(e, t, n) {
+function Ii(e, t, n) {
   const o = ye(t), a = pe(t), r = n === "fixed", l = Ve(e, !0, r, t);
   let s = {
     scrollLeft: 0,
@@ -5520,24 +5523,24 @@ function Vi(e, t, n) {
 function un(e, t) {
   return !ye(e) || de(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function Dn(e, t) {
+function Rn(e, t) {
   const n = ue(e);
   if (!ye(e))
     return n;
   let o = un(e, t);
-  for (; o && hi(o) && de(o).position === "static"; )
+  for (; o && bi(o) && de(o).position === "static"; )
     o = un(o, t);
-  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Dt(o)) ? n : o || bi(e) || n;
+  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Rt(o)) ? n : o || gi(e) || n;
 }
-const Ii = async function(e) {
+const Ei = async function(e) {
   let {
     reference: t,
     floating: n,
     strategy: o
   } = e;
-  const a = this.getOffsetParent || Dn, r = this.getDimensions;
+  const a = this.getOffsetParent || Rn, r = this.getDimensions;
   return {
-    reference: Vi(t, await a(n), o),
+    reference: Ii(t, await a(n), o),
     floating: {
       x: 0,
       y: 0,
@@ -5545,22 +5548,22 @@ const Ii = async function(e) {
     }
   };
 };
-function Ei(e) {
+function Li(e) {
   return de(e).direction === "rtl";
 }
-const Li = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
+const Ai = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ji,
   getDocumentElement: pe,
-  getClippingRect: xi,
-  getOffsetParent: Dn,
-  getElementRects: Ii,
-  getClientRects: ji,
-  getDimensions: Ti,
+  getClippingRect: Ti,
+  getOffsetParent: Rn,
+  getElementRects: Ei,
+  getClientRects: Si,
+  getDimensions: Vi,
   getScale: Pe,
   isElement: ve,
-  isRTL: Ei
+  isRTL: Li
 };
-function Ai(e, t) {
+function Bi(e, t) {
   let n = null, o;
   const a = pe(e);
   function r() {
@@ -5580,17 +5583,17 @@ function Ai(e, t) {
       rootMargin: -p + "px " + -v + "px " + -m + "px " + -h + "px",
       threshold: ze(0, xt(1, i)) || 1
     };
-    let V = !0;
+    let I = !0;
     function P(z) {
       const A = z[0].intersectionRatio;
       if (A !== i) {
-        if (!V)
+        if (!I)
           return l();
         A ? l(!1, A) : o = setTimeout(() => {
           l(!1, 1e-7);
         }, 100);
       }
-      V = !1;
+      I = !1;
     }
     try {
       n = new IntersectionObserver(P, {
@@ -5605,7 +5608,7 @@ function Ai(e, t) {
   }
   return l(!0), r;
 }
-function Bi(e, t, n, o) {
+function Fi(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: a = !0,
@@ -5614,15 +5617,15 @@ function Bi(e, t, n, o) {
     layoutShift: s = typeof IntersectionObserver == "function",
     animationFrame: i = !1
   } = o, u = Jt(e), c = a || r ? [...u ? Ke(u) : [], ...Ke(t)] : [];
-  c.forEach(($) => {
-    a && $.addEventListener("scroll", n, {
+  c.forEach((_) => {
+    a && _.addEventListener("scroll", n, {
       passive: !0
-    }), r && $.addEventListener("resize", n);
+    }), r && _.addEventListener("resize", n);
   });
-  const f = u && s ? Ai(u, n) : null;
+  const f = u && s ? Bi(u, n) : null;
   let y = -1, p = null;
-  l && (p = new ResizeObserver(($) => {
-    let [S] = $;
+  l && (p = new ResizeObserver((_) => {
+    let [S] = _;
     S && S.target === u && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
       p && p.observe(t);
     })), n();
@@ -5630,45 +5633,45 @@ function Bi(e, t, n, o) {
   let v, m = i ? Ve(e) : null;
   i && h();
   function h() {
-    const $ = Ve(e);
-    m && ($.x !== m.x || $.y !== m.y || $.width !== m.width || $.height !== m.height) && n(), m = $, v = requestAnimationFrame(h);
+    const _ = Ve(e);
+    m && (_.x !== m.x || _.y !== m.y || _.width !== m.width || _.height !== m.height) && n(), m = _, v = requestAnimationFrame(h);
   }
   return n(), () => {
-    c.forEach(($) => {
-      a && $.removeEventListener("scroll", n), r && $.removeEventListener("resize", n);
+    c.forEach((_) => {
+      a && _.removeEventListener("scroll", n), r && _.removeEventListener("resize", n);
     }), f && f(), p && p.disconnect(), p = null, i && cancelAnimationFrame(v);
   };
 }
-const Fi = (e, t, n) => {
+const Ni = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), a = {
-    platform: Li,
+    platform: Ai,
     ...n
   }, r = {
     ...a.platform,
     _c: o
   };
-  return vi(e, t, {
+  return pi(e, t, {
     ...a,
     platform: r
   });
 };
-function Ni(e) {
+function zi(e) {
   return Mn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function zi(e) {
+function Pi(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function Mn(e) {
-  return e instanceof Node || e instanceof zi(e).Node;
+  return e instanceof Node || e instanceof Pi(e).Node;
 }
-function Pi(e) {
+function Oi(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Tt(e) {
-  if (Pi(e)) {
+  if (Oi(e)) {
     const t = e.$el;
-    return Mn(t) && Ni(t) === "#comment" ? null : t;
+    return Mn(t) && zi(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -5681,7 +5684,7 @@ function Jn(e) {
     options: e,
     fn(t) {
       const n = Tt(Fe(e.element));
-      return n == null ? {} : pi({
+      return n == null ? {} : mi({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -5697,19 +5700,19 @@ function cn(e, t) {
 }
 function Hn(e, t, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, a = I(() => {
+  const o = n.whileElementsMounted, a = V(() => {
     var w;
     return (w = Fe(n.open)) != null ? w : !0;
-  }), r = I(() => Fe(n.middleware)), l = I(() => {
+  }), r = V(() => Fe(n.middleware)), l = V(() => {
     var w;
     return (w = Fe(n.placement)) != null ? w : "bottom";
-  }), s = I(() => {
+  }), s = V(() => {
     var w;
     return (w = Fe(n.strategy)) != null ? w : "absolute";
-  }), i = I(() => {
+  }), i = V(() => {
     var w;
     return (w = Fe(n.transform)) != null ? w : !0;
-  }), u = I(() => Tt(e.value)), c = I(() => Tt(t.value)), f = C(0), y = C(0), p = C(s.value), v = C(l.value), m = fn({}), h = C(!1), $ = I(() => {
+  }), u = V(() => Tt(e.value)), c = V(() => Tt(t.value)), f = C(0), y = C(0), p = C(s.value), v = C(l.value), m = fn({}), h = C(!1), _ = V(() => {
     const w = {
       position: p.value,
       left: "0",
@@ -5731,8 +5734,8 @@ function Hn(e, t, n) {
     };
   });
   let S;
-  function V() {
-    u.value == null || c.value == null || Fi(u.value, c.value, {
+  function I() {
+    u.value == null || c.value == null || Ni(u.value, c.value, {
       middleware: r.value,
       placement: l.value,
       strategy: s.value
@@ -5745,18 +5748,18 @@ function Hn(e, t, n) {
   }
   function z() {
     if (P(), o === void 0) {
-      V();
+      I();
       return;
     }
     if (u.value != null && c.value != null) {
-      S = o(u.value, c.value, V);
+      S = o(u.value, c.value, I);
       return;
     }
   }
   function A() {
     a.value || (h.value = !1);
   }
-  return ne([r, l, s], V, {
+  return ne([r, l, s], I, {
     flush: "sync"
   }), ne([u, c], z, {
     flush: "sync"
@@ -5769,11 +5772,11 @@ function Hn(e, t, n) {
     placement: Ae(v),
     middlewareData: Ae(m),
     isPositioned: Ae(h),
-    floatingStyles: $,
-    update: V
+    floatingStyles: _,
+    update: I
   };
 }
-const Oi = () => {
+const Di = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5785,10 +5788,10 @@ const Oi = () => {
     },
     productToursRef: e
   };
-}, Wn = Oi(), Ri = { class: "joy-product-tour__content" }, Di = { class: "joy-product-tour__header" }, Mi = {
+}, Wn = Di(), Ri = { class: "joy-product-tour__content" }, Mi = { class: "joy-product-tour__header" }, Ji = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Ji = { class: "joy-product-tour__footer___steps" }, qi = "joy-product-tour-spotlight__wrapper", Hi = /* @__PURE__ */ B({
+}, qi = { class: "joy-product-tour__footer___steps" }, Hi = "joy-product-tour-spotlight__wrapper", Wi = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5808,7 +5811,7 @@ const Oi = () => {
       Hn(i, l, {
         placement: a.position,
         whileElementsMounted(...w) {
-          return Bi(...w, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Fi(...w, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5822,7 +5825,7 @@ const Oi = () => {
           Jn({ element: y, padding: 0 })
         ]
       })
-    ), v = I(() => {
+    ), v = V(() => {
       const { middlewareData: w, placement: M } = p.value, T = w.arrow, J = {
         top: "bottom",
         right: "left",
@@ -5839,7 +5842,7 @@ const Oi = () => {
     });
     function m() {
       var w;
-      a.spotlightSelector && document.body.contains(document.querySelector(a.spotlightSelector)) && (i.value = document.querySelector(a.spotlightSelector), $({
+      a.spotlightSelector && document.body.contains(document.querySelector(a.spotlightSelector)) && (i.value = document.querySelector(a.spotlightSelector), _({
         elementToHighlight: i.value,
         disableOverlay: a.disableOverlay
       }), (w = p.value) == null || w.update(), f.value = !0);
@@ -5847,14 +5850,14 @@ const Oi = () => {
     function h() {
       f.value = !1, r(), A(), o("product-tour:hide");
     }
-    function $(w) {
-      i.value && (w.disableOverlay || S(), V(w.elementToHighlight));
+    function _(w) {
+      i.value && (w.disableOverlay || S(), I(w.elementToHighlight));
     }
     function S() {
       s.value = document.createElement("div"), s.value.classList.add("joy-product-tour__overlay"), s.value.addEventListener("click", h, { once: !0 }), s.value.style.position = "fixed", s.value.style.top = "0", s.value.style.left = "0", s.value.style.width = "100%", s.value.style.height = "100%", s.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(s.value);
     }
-    function V(w) {
-      w && (w.style.position = "relative", w.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = q(li), c.value = document.createElement("div"), c.value.classList.add(qi), document.body.appendChild(c.value), Ht(u.value, c.value), P());
+    function I(w) {
+      w && (w.style.position = "relative", w.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = q(ri), c.value = document.createElement("div"), c.value.classList.add(Hi), document.body.appendChild(c.value), Ht(u.value, c.value), P());
     }
     function P() {
       if (!c.value)
@@ -5930,19 +5933,19 @@ const Oi = () => {
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             b("div", null, [
-              b("div", Di, [
+              b("div", Mi, [
                 k(w.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               k(w.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          w.$slots["product-tour-dismiss"] || w.$slots["product-tour-next"] ? (d(), g("div", Mi, [
+          w.$slots["product-tour-dismiss"] || w.$slots["product-tour-next"] ? (d(), g("div", Ji, [
             b("div", { onClick: h }, [
               k(w.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            b("span", Ji, [
+            b("span", qi, [
               w.steps > 1 ? (d(), g(Q, { key: 0 }, [
-                W(R(w.step) + "/" + R(w.steps), 1)
+                W(D(w.step) + "/" + D(w.steps), 1)
               ], 64)) : j("", !0)
             ]),
             k(w.$slots, "product-tour-next", {}, void 0, !0)
@@ -5953,7 +5956,7 @@ const Oi = () => {
       ]);
     };
   }
-}), Wi = /* @__PURE__ */ F(Hi, [["__scopeId", "data-v-76a02680"]]), $c = /* @__PURE__ */ B({
+}), Ui = /* @__PURE__ */ F(Wi, [["__scopeId", "data-v-76a02680"]]), $c = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5970,7 +5973,7 @@ const Oi = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: n }) {
-    const o = C(!1), a = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = Wn, i = C(), u = Ee(), c = I(() => {
+    const o = C(!1), a = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = Wn, i = C(), u = Ee(), c = V(() => {
       if (o.value)
         return u;
     });
@@ -5989,8 +5992,8 @@ const Oi = () => {
     }), t({
       show: f,
       hide: p
-    }), (v, m) => (d(), L(Re, { to: "body" }, [
-      q(Wi, X({ ...a, ...c.value }, {
+    }), (v, m) => (d(), L(De, { to: "body" }, [
+      q(Ui, X({ ...a, ...c.value }, {
         ref_key: "productTour",
         ref: i,
         "onProductTour:hide": y
@@ -6017,14 +6020,14 @@ const Oi = () => {
       }, 16)
     ]));
   }
-}), _c = /* @__PURE__ */ B({
+}), Cc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.productTour), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.productTour), r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), a.value && ((i = a.value) == null || i.show());
@@ -6034,7 +6037,7 @@ const Oi = () => {
       onClick: s
     }))), 128));
   }
-}), Ui = /* @__PURE__ */ B({
+}), Ki = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -6062,7 +6065,7 @@ const Oi = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = C(0), a = I(() => r());
+    const n = e, o = C(0), a = V(() => r());
     function r() {
       return n.percentage ? o.value = n.percentage : n.currentStep && n.steps ? o.value = Math.round(n.currentStep / n.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
@@ -6078,7 +6081,7 @@ const Oi = () => {
       }, null, 4)
     ], 2));
   }
-}), Cc = /* @__PURE__ */ F(Ui, [["__scopeId", "data-v-14b07f95"]]), Ki = ["id", "value", "checked", "disabled", "required", "name"], Gi = { class: "joy-radio-label" }, Yi = { class: "joy-radio-content__wrapper" }, Zi = { class: "joy-radio-content" }, Xi = /* @__PURE__ */ B({
+}), xc = /* @__PURE__ */ F(Ki, [["__scopeId", "data-v-14b07f95"]]), Gi = ["id", "value", "checked", "disabled", "required", "name"], Yi = { class: "joy-radio-label" }, Zi = { class: "joy-radio-content__wrapper" }, Xi = { class: "joy-radio-content" }, Qi = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6115,7 +6118,7 @@ const Oi = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = oe(), c = I(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const o = n, a = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = oe(), c = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function f() {
       r.value = !!u["expandable-content"] && c.value;
     }
@@ -6165,12 +6168,12 @@ const Oi = () => {
         onChange: y,
         onFocus: p,
         onBlur: v
-      }, null, 40, Ki),
-      b("span", Gi, [
+      }, null, 40, Gi),
+      b("span", Yi, [
         k(m.$slots, "default", {}, void 0, !0)
       ]),
-      b("div", Yi, [
-        b("div", Zi, [
+      b("div", Zi, [
+        b("div", Xi, [
           k(m.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
@@ -6183,7 +6186,7 @@ const Oi = () => {
       ])
     ], 2));
   }
-}), xc = /* @__PURE__ */ F(Xi, [["__scopeId", "data-v-7ee19b20"]]), Qi = ["form", "name"], es = /* @__PURE__ */ B({
+}), Tc = /* @__PURE__ */ F(Qi, [["__scopeId", "data-v-7ee19b20"]]), es = ["form", "name"], ts = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -6217,9 +6220,9 @@ const Oi = () => {
       }, [
         k(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Qi));
+    ], 8, es));
   }
-}), Tc = /* @__PURE__ */ F(es, [["__scopeId", "data-v-1b870a4c"]]), ts = ["ariaLabel"], ns = { class: "joy-rating-stars" }, os = { class: "joy-rating-stars__content" }, as = { key: 0 }, ls = /* @__PURE__ */ B({
+}), Vc = /* @__PURE__ */ F(ts, [["__scopeId", "data-v-1b870a4c"]]), ns = ["ariaLabel"], os = { class: "joy-rating-stars" }, as = { class: "joy-rating-stars__content" }, ls = { key: 0 }, rs = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6238,7 +6241,7 @@ const Oi = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Ee(), a = I(() => {
+    const n = e, o = Ee(), a = V(() => {
       let r = [], l = 0.24, s = 0.75;
       for (let i = 0; i < 5; i++)
         n.ratingValue > l ? r.push(n.ratingValue < s ? "half" : "full") : r.push("empty"), l += 1, s += 1;
@@ -6251,7 +6254,7 @@ const Oi = () => {
       class: "joy-rating-stars__wrapper",
       ariaLabel: Y(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      b("ul", ns, [
+      b("ul", os, [
         (d(!0), g(Q, null, te(a.value, (s, i) => (d(), g("li", {
           key: i,
           class: E([`joy-rating-stars--${e.size}`])
@@ -6274,14 +6277,14 @@ const Oi = () => {
           }))
         ], 2))), 128))
       ]),
-      b("div", os, [
+      b("div", as, [
         k(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), g("span", as, "(" + R(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (d(), g("span", ls, "(" + D(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, ts));
+    ], 8, ns));
   }
-}), rs = /* @__PURE__ */ F(ls, [["__scopeId", "data-v-4c9a1026"]]), is = ["id", "name", "aria-invalid", "required", "disabled"], ss = ["selected"], us = /* @__PURE__ */ B({
+}), is = /* @__PURE__ */ F(rs, [["__scopeId", "data-v-4c9a1026"]]), ss = ["id", "name", "aria-invalid", "required", "disabled"], us = ["selected"], cs = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -6325,33 +6328,33 @@ const Oi = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = oe(), l = I(() => {
+    const o = e, a = n, r = oe(), l = V(() => {
       const m = r.default();
       let h = [];
-      return m.forEach(($) => {
-        if (s($))
-          h.push($);
+      return m.forEach((_) => {
+        if (s(_))
+          h.push(_);
         else {
-          const S = $.children;
+          const S = _.children;
           if (typeof S == "string" || !S.length)
             return;
-          const V = S.filter(s);
-          h = [...h, ...V];
+          const I = S.filter(s);
+          h = [...h, ...I];
         }
       }), h;
     });
     function s(m) {
       return (m == null ? void 0 : m.type) === "option";
     }
-    const i = C(), u = C(), c = C(!1), f = I(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const i = C(), u = C(), c = C(!1), f = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     se(() => {
-      var $;
+      var _;
       const m = r["select-label"] && r["select-label"]();
       if (!m || !m.length)
         return;
       const h = m[0];
       if (h.type === "JoyLabel") {
-        const S = ($ = h.props) == null ? void 0 : $.for;
+        const S = (_ = h.props) == null ? void 0 : _.for;
         if (!S) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -6384,7 +6387,7 @@ const Oi = () => {
           size: f.value
         }, {
           default: O(() => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : j("", !0)
@@ -6413,16 +6416,16 @@ const Oi = () => {
           onFocus: p,
           onBlur: v
         }, [
-          (d(!0), g(Q, null, te(l.value, ($) => {
-            var S, V;
+          (d(!0), g(Q, null, te(l.value, (_) => {
+            var S, I;
             return d(), g("option", X({
-              key: (S = $.props) == null ? void 0 : S.value,
+              key: (S = _.props) == null ? void 0 : S.value,
               ref_for: !0
-            }, $.props, {
-              selected: ((V = $.props) == null ? void 0 : V.value) === e.modelValue
-            }), R($.children), 17, ss);
+            }, _.props, {
+              selected: ((I = _.props) == null ? void 0 : I.value) === e.modelValue
+            }), D(_.children), 17, us);
           }), 128))
-        ], 40, is),
+        ], 40, ss),
         q(G, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -6430,7 +6433,7 @@ const Oi = () => {
       ], 2)
     ], 512));
   }
-}), Vc = /* @__PURE__ */ F(us, [["__scopeId", "data-v-7e3adcd9"]]), cs = ["aria-disabled"], ds = ["id", "value", "checked", "disabled", "required", "name"], fs = { class: "joy-selectable-item__label" }, ys = /* @__PURE__ */ B({
+}), Ic = /* @__PURE__ */ F(cs, [["__scopeId", "data-v-7e3adcd9"]]), ds = ["aria-disabled"], fs = ["id", "value", "checked", "disabled", "required", "name"], ys = { class: "joy-selectable-item__label" }, vs = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -6524,7 +6527,7 @@ const Oi = () => {
         (...f) => s.onFocus && s.onFocus(...f)),
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...f) => s.onBlur && s.onBlur(...f))
-      }, null, 40, ds)),
+      }, null, 40, fs)),
       (d(), L(re(Y(l)), {
         for: e.id,
         class: E([
@@ -6558,22 +6561,22 @@ const Oi = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : j("", !0),
-          b("div", fs, [
+          b("div", ys, [
             e.multiple ? j("", !0) : k(u.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
             class: E([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
           }, [
             k(u.$slots, "selectable-item-sublabel", {}, () => [
-              W(R(e.subLabel), 1)
+              W(D(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, cs));
+    ], 10, ds));
   }
-}), vs = /* @__PURE__ */ F(ys, [["__scopeId", "data-v-a9ceec9f"]]), ps = ["id"], ms = /* @__PURE__ */ B({
+}), ps = /* @__PURE__ */ F(vs, [["__scopeId", "data-v-a9ceec9f"]]), ms = ["id"], hs = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -6636,7 +6639,7 @@ const Oi = () => {
         size: e.labelSize
       }, {
         default: O(() => [
-          W(R(e.label), 1)
+          W(D(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
@@ -6650,7 +6653,7 @@ const Oi = () => {
           }
         ])
       }, [
-        (d(!0), g(Q, null, te(e.options, (i) => (d(), L(vs, X({ ref_for: !0 }, i.attrs, {
+        (d(!0), g(Q, null, te(e.options, (i) => (d(), L(ps, X({ ref_for: !0 }, i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6663,7 +6666,7 @@ const Oi = () => {
         }), At({
           default: O(() => [
             k(l.$slots, "item", X({ ref_for: !0 }, i), () => [
-              W(R(i.label), 1)
+              W(D(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -6671,15 +6674,15 @@ const Oi = () => {
           i.subLabel ? {
             name: "selectable-item-sublabel",
             fn: O(() => [
-              W(R(i.subLabel), 1)
+              W(D(i.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "variant", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, ps));
+    ], 8, ms));
   }
-}), Ic = /* @__PURE__ */ F(ms, [["__scopeId", "data-v-bc1d3c64"]]), hs = /* @__PURE__ */ B({
+}), Ec = /* @__PURE__ */ F(hs, [["__scopeId", "data-v-bc1d3c64"]]), bs = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6695,13 +6698,13 @@ const Oi = () => {
     return (t, n) => (d(), g("div", {
       class: E(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      b("span", null, R(e.text), 1)
+      b("span", null, D(e.text), 1)
     ], 2));
   }
-}), Ec = /* @__PURE__ */ F(hs, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img joy-core-radius-6 joy-bgcolor-neutral-50" }, gs = { class: "joy-snackbar__content" }, ws = {
+}), Lc = /* @__PURE__ */ F(bs, [["__scopeId", "data-v-21db2899"]]), gs = { class: "joy-snackbar__img joy-core-radius-6 joy-bgcolor-neutral-50" }, ws = { class: "joy-snackbar__content" }, ks = {
   key: 0,
   class: "joy-mb-1"
-}, ks = ["innerHTML"], js = /* @__PURE__ */ B({
+}, js = ["innerHTML"], Ss = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -6751,7 +6754,7 @@ const Oi = () => {
   setup(e, { expose: t }) {
     const n = e, o = C(!0);
     let a, r;
-    const l = "joy-snackbar-" + yt(), s = I(() => pn(n.level));
+    const l = "joy-snackbar-" + yt(), s = V(() => pn(n.level));
     function i() {
       var m;
       (m = n.bus) == null || m.emit("snackbar:action-click");
@@ -6797,20 +6800,20 @@ const Oi = () => {
         id: l,
         class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        b("div", bs, [
+        b("div", gs, [
           q(G, {
             name: s.value,
             size: "small"
           }, null, 8, ["name"])
         ]),
-        b("div", gs, [
-          e.header ? (d(), g("strong", ws, R(e.header), 1)) : j("", !0),
-          b("span", { innerHTML: e.message }, null, 8, ks),
+        b("div", ws, [
+          e.header ? (d(), g("strong", ks, D(e.header), 1)) : j("", !0),
+          b("span", { innerHTML: e.message }, null, 8, js),
           e.actionText ? (d(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: i
-          }, R(e.actionText), 1)) : j("", !0)
+          }, D(e.actionText), 1)) : j("", !0)
         ]),
         e.closable ? (d(), g("button", {
           key: 0,
@@ -6826,10 +6829,10 @@ const Oi = () => {
       ], 2)
     ], 2));
   }
-}), Ss = /* @__PURE__ */ F(js, [["__scopeId", "data-v-9045801e"]]), $s = ["id"], _s = { class: "joy-step__stroke" }, Cs = {
+}), _s = /* @__PURE__ */ F(Ss, [["__scopeId", "data-v-9045801e"]]), $s = ["id"], Cs = { class: "joy-step__stroke" }, xs = {
   key: 0,
   class: "joy-step__label"
-}, xs = /* @__PURE__ */ B({
+}, Ts = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6863,7 +6866,7 @@ const Oi = () => {
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = C(0.1), l = I(() => o.completed ? "100%" : s.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = I(() => o.currentSubStep > 0);
+    const o = e, a = n, r = C(0.1), l = V(() => o.completed ? "100%" : s.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = V(() => o.currentSubStep > 0);
     function i(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), a("update:subSteps");
     }
@@ -6880,7 +6883,7 @@ const Oi = () => {
         }
       ])
     }, [
-      b("span", _s, [
+      b("span", Cs, [
         b("span", {
           class: "joy-step__stroke--filled",
           style: ie({ maxWidth: l.value })
@@ -6888,7 +6891,7 @@ const Oi = () => {
       ]),
       q(Lt, { name: "joy-step__label" }, {
         default: O(() => [
-          e.showLabel ? (d(), g("span", Cs, [
+          e.showLabel ? (d(), g("span", xs, [
             k(u.$slots, "default", {}, void 0, !0)
           ])) : j("", !0)
         ]),
@@ -6896,7 +6899,7 @@ const Oi = () => {
       })
     ], 10, $s));
   }
-}), Ts = /* @__PURE__ */ F(xs, [["__scopeId", "data-v-3820cdf3"]]), Vs = { class: "joy-stepper" }, Is = /* @__PURE__ */ B({
+}), Vs = /* @__PURE__ */ F(Ts, [["__scopeId", "data-v-3820cdf3"]]), Is = { class: "joy-stepper" }, Es = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6911,7 +6914,7 @@ const Oi = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = oe(), a = Ie("VJoyStepperShowLabels", !0), r = I(() => {
+    const n = e, o = oe(), a = Ie("VJoyStepperShowLabels", !0), r = V(() => {
       const y = o.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(l) : y.filter(l);
     });
@@ -6919,7 +6922,7 @@ const Oi = () => {
       var p;
       return ((p = y.type) == null ? void 0 : p.__name) === "VJoyStep";
     }
-    const s = I(() => n.step > 0 ? r.value[n.step - 1] : r.value[0]), i = I(() => s.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), u = I(() => i.value && s.value.props ? s.value.props["sub-steps"] : n.subStep), c = I(() => s.value.props === null ? s.value.type.props.subSteps.default : s.value.props["sub-steps"]);
+    const s = V(() => n.step > 0 ? r.value[n.step - 1] : r.value[0]), i = V(() => s.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), u = V(() => i.value && s.value.props ? s.value.props["sub-steps"] : n.subStep), c = V(() => s.value.props === null ? s.value.type.props.subSteps.default : s.value.props["sub-steps"]);
     function f(y) {
       return y !== n.step - 1 ? 0 : u.value;
     }
@@ -6927,19 +6930,19 @@ const Oi = () => {
       currentItemSubStep: u,
       steps: r,
       invalidSubStepValue: i
-    }), (y, p) => (d(), g("div", Vs, [
+    }), (y, p) => (d(), g("div", Is, [
       (d(!0), g(Q, null, te(r.value, (v, m) => {
         var h;
-        return d(), L(Ts, X({ ref_for: !0 }, v.props, {
+        return d(), L(Vs, X({ ref_for: !0 }, v.props, {
           key: (h = v.props) == null ? void 0 : h.id,
           completed: m < e.step - 1,
           "current-sub-step": f(m),
           "show-label": Y(a)
         }), {
           default: O(() => {
-            var $;
+            var _;
             return [
-              ($ = v.children) != null && $.default ? (d(), L(re(v.children.default), { key: 0 })) : j("", !0)
+              (_ = v.children) != null && _.default ? (d(), L(re(v.children.default), { key: 0 })) : j("", !0)
             ];
           }),
           _: 2
@@ -6947,7 +6950,7 @@ const Oi = () => {
       }), 128))
     ]));
   }
-}), Lc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-22705668"]]), Es = ["id", "aria-hidden", "aria-labelledby"], Ls = /* @__PURE__ */ B({
+}), Ac = /* @__PURE__ */ F(Es, [["__scopeId", "data-v-22705668"]]), Ls = ["id", "aria-hidden", "aria-labelledby"], As = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6978,7 +6981,7 @@ const Oi = () => {
     }
   },
   setup(e) {
-    const t = e, n = Ie("VJoyTabs", C("")), o = I(() => n.value === t.tab);
+    const t = e, n = Ie("VJoyTabs", C("")), o = V(() => n.value === t.tab);
     return (a, r) => (d(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6990,12 +6993,12 @@ const Oi = () => {
       })
     }, [
       k(a.$slots, "default", {}, void 0, !0)
-    ], 10, Es));
+    ], 10, Ls));
   }
-}), Ac = /* @__PURE__ */ F(Ls, [["__scopeId", "data-v-a76a7c92"]]), As = ["id", "href", "aria-selected", "aria-controls"], Bs = {
+}), Bc = /* @__PURE__ */ F(As, [["__scopeId", "data-v-a76a7c92"]]), Bs = ["id", "href", "aria-selected", "aria-controls"], Fs = {
   type: "button",
   tabindex: "-1"
-}, Fs = /* @__PURE__ */ B({
+}, Ns = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -7055,9 +7058,9 @@ const Oi = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        b("button", Bs, [
+        b("button", Fs, [
           k(r.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0),
           e.notifications ? (d(), L(xo, {
             key: 0,
@@ -7067,9 +7070,9 @@ const Oi = () => {
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, As));
+    ], 40, Bs));
   }
-}), Ns = /* @__PURE__ */ F(Fs, [["__scopeId", "data-v-26b80ed6"]]), zs = { class: "joy-tabs" }, Ps = /* @__PURE__ */ B({
+}), zs = /* @__PURE__ */ F(Ns, [["__scopeId", "data-v-26b80ed6"]]), Ps = { class: "joy-tabs" }, Os = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7081,13 +7084,13 @@ const Oi = () => {
   setup(e, { expose: t, emit: n }) {
     const o = e, a = n, r = oe(), l = C(o.selectedTab);
     ft("VJoyTabs", l);
-    const s = C(null), i = C(null), u = C(!1), c = C(!1), f = I(() => {
+    const s = C(null), i = C(null), u = C(!1), c = C(!1), f = V(() => {
       const h = r.default();
       return h.length === 1 && typeof h[0].type != "object" ? h[0].children.filter(y) : h.filter(y);
     });
     function y(h) {
-      var $;
-      return (($ = h == null ? void 0 : h.type) == null ? void 0 : $.__name) === "VJoyTab";
+      var _;
+      return ((_ = h == null ? void 0 : h.type) == null ? void 0 : _.__name) === "VJoyTab";
     }
     function p(h) {
       return h.props.tab === l.value;
@@ -7095,8 +7098,8 @@ const Oi = () => {
     function v() {
       i.value && s.value && i.value.scrollWidth > s.value.offsetWidth ? (c.value = i.value.scrollLeft > 0, u.value = i.value.scrollLeft + s.value.offsetWidth < i.value.scrollWidth) : (c.value = !1, u.value = !1);
     }
-    function m(h, $ = !0) {
-      h && $ && (l.value = h, a("update:selected-tab", h));
+    function m(h, _ = !0) {
+      h && _ && (l.value = h, a("update:selected-tab", h));
     }
     return ne(
       () => o.selectedTab,
@@ -7107,12 +7110,12 @@ const Oi = () => {
     ), se(() => {
       var h;
       v(), (h = i.value) == null || h.addEventListener("scroll", v);
-    }), De(() => {
+    }), Re(() => {
       var h;
       (h = i.value) == null || h.removeEventListener("scroll", v);
     }), t({
       tabs: f
-    }), (h, $) => (d(), g("div", zs, [
+    }), (h, _) => (d(), g("div", Ps, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: s,
@@ -7131,7 +7134,7 @@ const Oi = () => {
           (d(!0), g(Q, null, te(f.value, (S) => (d(), g("div", {
             key: S.props.tab
           }, [
-            q(Ns, {
+            q(zs, {
               tab: S.props.tab,
               label: S.props.label,
               href: S.props.href,
@@ -7140,9 +7143,9 @@ const Oi = () => {
               onChangeTab: () => m(S.props.tab, !S.props.href)
             }, {
               default: O(() => {
-                var V;
+                var I;
                 return [
-                  (V = S.children) != null && V.header ? (d(), L(re(S.children.header), { key: 0 })) : j("", !0)
+                  (I = S.children) != null && I.header ? (d(), L(re(S.children.header), { key: 0 })) : j("", !0)
                 ];
               }),
               _: 2
@@ -7155,7 +7158,7 @@ const Oi = () => {
       ])
     ]));
   }
-}), Bc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-9aea2d41"]]), Os = ["role"], Rs = /* @__PURE__ */ B({
+}), Fc = /* @__PURE__ */ F(Os, [["__scopeId", "data-v-9aea2d41"]]), Ds = ["id", "role"], Rs = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7168,11 +7171,12 @@ const Oi = () => {
     link: { type: Boolean, default: !1 },
     value: { default: void 0 },
     strikethrough: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    id: {}
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const n = ["primary", "secondary"], o = t, a = e, r = I(() => ({
+    const n = ["primary", "secondary"], o = t, a = e, r = V(() => ({
       "joy-tag": !0,
       "joy-tag__selected": a.selected,
       "joy-tag__selectable": a.selectable || a.link,
@@ -7181,40 +7185,40 @@ const Oi = () => {
       "joy-tag__disabled": a.disabled,
       ["joy-tag__" + a.size]: !0,
       ["joy-tag__" + a.variant]: !0
-    })), l = ct() + "--tag";
-    function s() {
+    })), l = ct() + "--JoyTag", s = V(() => a.id || l);
+    function i() {
       o("remove", { value: a.value });
     }
-    function i() {
+    function u() {
       a.disabled || (o("click"), a.selectable && n.includes(a.variant) && o("selected", { selected: !a.selected, value: a.value }));
     }
-    return (u, c) => (d(), g("span", {
-      id: l,
+    return (c, f) => (d(), g("span", {
+      id: s.value,
       class: E([r.value]),
-      role: u.link || u.selectable ? "button" : void 0,
-      onClick: i
+      role: c.link || c.selectable ? "button" : void 0,
+      onClick: u
     }, [
-      k(u.$slots, "default", {}, () => [
-        u.draggable ? (d(), L(G, {
+      k(c.$slots, "default", {}, () => [
+        c.draggable ? (d(), L(G, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
         })) : j("", !0),
-        W(" " + R(u.label), 1)
+        W(" " + D(c.label), 1)
       ], !0),
-      u.removable ? (d(), L(G, {
+      c.removable ? (d(), L(G, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
         role: "button",
-        onClick: io(s, ["stop"]),
-        onKeydown: Ge(s, ["enter"])
+        onClick: io(i, ["stop"]),
+        onKeydown: Ge(i, ["enter"])
       })) : j("", !0)
-    ], 10, Os));
+    ], 10, Ds));
   }
-}), Un = /* @__PURE__ */ F(Rs, [["__scopeId", "data-v-51fb5e92"]]);
+}), Un = /* @__PURE__ */ F(Rs, [["__scopeId", "data-v-9c079536"]]);
 var He = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(He || {});
 function dn(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7227,7 +7231,7 @@ function dn(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholder"], Js = { key: 0 }, qs = { key: 1 }, Hs = /* @__PURE__ */ B({
+const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholder"], qs = { key: 0 }, Hs = { key: 1 }, Ws = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7242,7 +7246,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = C(o.modelValue), l = C(!1), s = C(null), i = C(o.invalid), u = C(null), c = I(() => o.validation === "email"), f = I(() => c.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = I(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = I(() => i.value && (!!f.value || !!y.value));
+    const o = e, a = n, r = C(o.modelValue), l = C(!1), s = C(null), i = C(o.invalid), u = C(null), c = V(() => o.validation === "email"), f = V(() => c.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = V(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = V(() => i.value && (!!f.value || !!y.value));
     function v() {
       c.value && i.value === !0 && (u.value = He.INVALID_EMAIL);
     }
@@ -7253,8 +7257,8 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
     function h() {
       m() && (u.value = He.DUPLICATED_ENTRY);
     }
-    function $(w) {
-      var M, T, J, D;
+    function _(w) {
+      var M, T, J, R;
       if (["Enter", ","].includes(w.key)) {
         if (w.preventDefault(), A(), m()) {
           a("validation:error", He.DUPLICATED_ENTRY);
@@ -7266,7 +7270,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
         (T = s.value) != null && T.value && (r.value = [...r.value, (J = s.value) == null ? void 0 : J.value], s.value.value = "", a("update:modelValue", r.value));
       }
       if (["Backspace"].includes(w.key)) {
-        if (((D = s.value) == null ? void 0 : D.value) !== "")
+        if (((R = s.value) == null ? void 0 : R.value) !== "")
           return;
         r.value.pop(), a("update:modelValue", r.value), A();
       }
@@ -7274,7 +7278,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
     function S() {
       l.value = !0;
     }
-    function V() {
+    function I() {
       l.value = !1, A();
     }
     function P(w) {
@@ -7302,7 +7306,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
     ), t({
       isInvalid: i,
       hasDuplicates: m
-    }), (w, M) => (d(), g("div", Ds, [
+    }), (w, M) => (d(), g("div", Ms, [
       w.$slots.default ? (d(), L(Le, {
         key: 0,
         id: w.name,
@@ -7343,10 +7347,10 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
           type: "text",
           name: w.name,
           placeholder: w.placeholder,
-          onKeydown: $,
+          onKeydown: _,
           onFocus: S,
-          onBlur: V
-        }, null, 40, Ms)
+          onBlur: I
+        }, null, 40, Js)
       ], 2),
       p.value ? (d(), L(Nt, {
         key: 1,
@@ -7354,15 +7358,15 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
       }, {
         default: O(() => [
           b("ul", null, [
-            y.value ? (d(), g("li", Js, R(w.duplicationError), 1)) : j("", !0),
-            f.value ? (d(), g("li", qs, R(w.invalidEmailError), 1)) : j("", !0)
+            y.value ? (d(), g("li", qs, D(w.duplicationError), 1)) : j("", !0),
+            f.value ? (d(), g("li", Hs, D(w.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), Fc = /* @__PURE__ */ F(Hs, [["__scopeId", "data-v-3576a764"]]), Ws = /* @__PURE__ */ B({
+}), Nc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-3576a764"]]), Us = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7441,36 +7445,36 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Nc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-1d8003ef"]]), Us = {}, Ks = {
+}), zc = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-1d8003ef"]]), Ks = {}, Gs = {
   class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
 };
-function Gs(e, t) {
-  return d(), g("div", Ks, t[0] || (t[0] = [
+function Ys(e, t) {
+  return d(), g("div", Gs, t[0] || (t[0] = [
     yn('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46"]]), Zs = { class: "joy-template__wrapper" }, Xs = {
+const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46"]]), Xs = { class: "joy-template__wrapper" }, Qs = {
   key: 0,
   class: "joy-template__heading"
-}, Qs = {
+}, eu = {
   key: 0,
   class: "joy-template-slot-back"
-}, eu = { class: "joy-template__heading___headings" }, tu = {
+}, tu = { class: "joy-template__heading___headings" }, nu = {
   key: 0,
   class: "joy-template-slot-title"
-}, nu = {
+}, ou = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ou = {
+}, au = {
   key: 1,
   class: "joy-template-slot-actions"
-}, au = {
+}, lu = {
   key: 0,
   class: "joy-template-slot-main"
-}, lu = {
+}, ru = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ru = /* @__PURE__ */ B({
+}, iu = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7491,25 +7495,25 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    const t = e, n = oe(), o = I(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
-    return (a, r) => (d(), g("main", {
+    const t = e, n = oe(), o = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    return (a, r) => (d(), g("div", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), L(Ys, { key: 0 })) : j("", !0),
-      b("div", Zs, [
-        o.value ? (d(), g("div", Xs, [
-          n["template-back"] ? (d(), g("div", Qs, [
+      e.shapes ? (d(), L(Zs, { key: 0 })) : j("", !0),
+      b("div", Xs, [
+        o.value ? (d(), g("div", Qs, [
+          n["template-back"] ? (d(), g("div", eu, [
             k(a.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          b("div", eu, [
-            n["template-title"] ? (d(), g("div", tu, [
+          b("div", tu, [
+            n["template-title"] ? (d(), g("div", nu, [
               k(a.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            n["template-subtitle"] ? (d(), g("div", nu, [
+            n["template-subtitle"] ? (d(), g("div", ou, [
               k(a.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          n["template-actions"] ? (d(), g("div", ou, [
+          n["template-actions"] ? (d(), g("div", au, [
             k(a.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -7521,10 +7525,10 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          a.$slots["template-main"] ? (d(), g("div", au, [
+          a.$slots["template-main"] ? (d(), g("div", lu, [
             k(a.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          a.$slots["template-sidebar"] ? (d(), g("div", lu, [
+          a.$slots["template-sidebar"] ? (d(), g("div", ru, [
             k(a.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
@@ -7541,7 +7545,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), zc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-72ffed7d"]]), iu = /* @__PURE__ */ B({
+}), Pc = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-3c76ca88"]]), su = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7565,13 +7569,13 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Pc = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-6295f9ec"]]), su = ["aria-disabled"], uu = { class: "joy-textarea_wrapper" }, cu = ["id", "disabled", "name", "required", "minlength", "value"], du = {
+}), Oc = /* @__PURE__ */ F(su, [["__scopeId", "data-v-6295f9ec"]]), uu = ["aria-disabled"], cu = { class: "joy-textarea_wrapper" }, du = ["id", "disabled", "name", "required", "minlength", "value"], fu = {
   key: 1,
   class: "joy-textarea_helpers"
-}, fu = {
+}, yu = {
   inheritAttrs: !1
-}, yu = /* @__PURE__ */ B({
-  ...fu,
+}, vu = /* @__PURE__ */ B({
+  ...yu,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7629,11 +7633,11 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = oe(), l = C(), { triggerResize: s } = Uo({
+    const o = n, a = e, r = oe(), l = C(), { triggerResize: s } = Ko({
       element: a.autogrow ? l : void 0
     }), i = C(!1), u = C(!1);
     zt(l, a.autofocus);
-    const c = I(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), f = I(() => a.minlength ? a.modelValue.length < a.minlength : !1), y = I(() => !!(a.label || r.default)), p = {
+    const c = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), f = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), y = V(() => !!(a.label || r.default)), p = {
       onInput: (v) => {
         a.modelModifiers.lazy || o("update:modelValue", v.target.value), p.triggerResize();
       },
@@ -7685,12 +7689,12 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }, {
         default: O(() => [
           k(v.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      b("div", uu, [
+      b("div", cu, [
         b("textarea", X(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7709,9 +7713,9 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           (...h) => p.onFocus && p.onFocus(...h)),
           onBlur: m[3] || (m[3] = //@ts-ignore
           (...h) => p.onBlur && p.onBlur(...h))
-        }), null, 16, cu)
+        }), null, 16, du)
       ]),
-      e.minlength || e.maxlength ? (d(), g("div", du, [
+      e.minlength || e.maxlength ? (d(), g("div", fu, [
         e.minlength ? (d(), g("p", {
           key: 0,
           class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7722,16 +7726,16 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             color: "neutral",
             size: "xxsmall"
           })),
-          W(" " + R(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          W(" " + D(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : j("", !0),
         e.maxlength ? (d(), g("p", {
           key: 1,
           class: E(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
-        }, R(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
+        }, D(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, su));
+    ], 10, uu));
   }
-}), Oc = /* @__PURE__ */ F(yu, [["__scopeId", "data-v-52e4553a"]]), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, hu = { class: "joy-toggle__content-label" }, bu = /* @__PURE__ */ B({
+}), Dc = /* @__PURE__ */ F(vu, [["__scopeId", "data-v-52e4553a"]]), pu = { class: "joy-toggle__wrapper" }, mu = ["name", "disabled", "checked", "required", "aria-checked", "value"], hu = { class: "joy-toggle__content" }, bu = { class: "joy-toggle__content-label" }, gu = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7779,7 +7783,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (r, l) => (d(), g("div", vu, [
+    return (r, l) => (d(), g("div", pu, [
       b("label", {
         class: E([
           "joy-toggle",
@@ -7807,12 +7811,12 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           (...s) => a.onFocus && a.onFocus(...s)),
           onBlur: l[2] || (l[2] = //@ts-ignore
           (...s) => a.onBlur && a.onBlur(...s))
-        }, null, 40, pu),
-        b("p", mu, [
+        }, null, 40, mu),
+        b("p", hu, [
           l[3] || (l[3] = b("span", { class: "joy-toggle__symbol" }, null, -1)),
-          b("span", hu, [
+          b("span", bu, [
             k(r.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+              W(D(e.label), 1)
             ], !0)
           ]),
           l[4] || (l[4] = b("span", { class: "joy-toggle__smile" }, [
@@ -7833,7 +7837,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Rc = /* @__PURE__ */ F(bu, [["__scopeId", "data-v-99a4c774"]]), gu = /* @__PURE__ */ B({
+}), Rc = /* @__PURE__ */ F(gu, [["__scopeId", "data-v-99a4c774"]]), wu = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7891,36 +7895,36 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           Jn({ element: i, padding: 0 })
         ]
       })
-    ), c = I(
+    ), c = V(
       () => o.enableClickInContent ? {
         ignore: [l]
       } : {}
-    ), f = I(() => n["tooltip-content"] || o.text);
-    function y($) {
-      $.preventDefault(), $.stopPropagation(), !a.value && o.event !== "click" && m();
+    ), f = V(() => n["tooltip-content"] || o.text);
+    function y(_) {
+      _.preventDefault(), _.stopPropagation(), !a.value && o.event !== "click" && m();
     }
     function p() {
       o.event !== "click" && m(!1);
     }
-    function v($) {
-      !a.value && o.event === "click" && ($.preventDefault(), $.stopPropagation(), m());
+    function v(_) {
+      !a.value && o.event === "click" && (_.preventDefault(), _.stopPropagation(), m());
     }
-    function m($ = !0) {
+    function m(_ = !0) {
       var S;
       (S = u.value) == null || S.update(), setTimeout(() => {
-        a.value = $;
+        a.value = _;
       }, o.delay);
     }
-    const h = I(() => {
-      const { middlewareData: $, placement: S } = u.value, V = $.arrow, P = {
+    const h = V(() => {
+      const { middlewareData: _, placement: S } = u.value, I = _.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
       }[S.split("-")[0]];
       return {
-        left: (V == null ? void 0 : V.x) && `${V == null ? void 0 : V.x}px`,
-        top: (V == null ? void 0 : V.y) && `${V == null ? void 0 : V.y}px`,
+        left: (I == null ? void 0 : I.x) && `${I == null ? void 0 : I.x}px`,
+        top: (I == null ? void 0 : I.y) && `${I == null ? void 0 : I.y}px`,
         right: "",
         bottom: "",
         [P]: "-4px"
@@ -7928,19 +7932,19 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
     });
     return se(() => {
       o.show && m();
-    }), De(() => {
+    }), Re(() => {
       a.value = !1;
     }), t({
       tooltipVisible: a,
       tooltip: s
-    }), ($, S) => (d(), L(Y(Ft), {
+    }), (_, S) => (d(), L(Y(Ft), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: c.value,
-      onTrigger: S[1] || (S[1] = (V) => m(!1))
+      onTrigger: S[1] || (S[1] = (I) => m(!1))
     }, {
       default: O(() => {
-        var V;
+        var I;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
@@ -7951,8 +7955,8 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             onMouseleave: p,
             onKeydown: S[0] || (S[0] = Ge((P) => m(!1), ["tab"]))
           }, [
-            k($.$slots, "default", {}, void 0, !0),
-            (d(), L(Re, { to: "body" }, [
+            k(_.$slots, "default", {}, void 0, !0),
+            (d(), L(De, { to: "body" }, [
               a.value && f.value ? (d(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -7965,15 +7969,15 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
                     "joy-tooltip__content--hiding": !a.value
                   }
                 ]),
-                style: ie({ ...(V = u.value) == null ? void 0 : V.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ie({ ...(I = u.value) == null ? void 0 : I.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", {
                   ref_key: "tooltipContent",
                   ref: l,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  k($.$slots, "tooltip-content", {}, () => [
-                    W(R(e.text), 1)
+                  k(_.$slots, "tooltip-content", {}, () => [
+                    W(D(e.text), 1)
                   ], !0)
                 ], 512),
                 b("div", {
@@ -7990,7 +7994,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["options"]));
   }
-}), Dc = /* @__PURE__ */ F(gu, [["__scopeId", "data-v-ef1a62ec"]]), wu = { class: "joy-user-card__picture" }, ku = { class: "joy-user-card__informations" }, ju = { class: "joy-user-card__title" }, Su = { class: "joy-user-card__subtitle" }, $u = /* @__PURE__ */ B({
+}), Mc = /* @__PURE__ */ F(wu, [["__scopeId", "data-v-ef1a62ec"]]), ku = { class: "joy-user-card__picture" }, ju = { class: "joy-user-card__informations" }, Su = { class: "joy-user-card__title" }, _u = { class: "joy-user-card__subtitle" }, $u = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -8023,7 +8027,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: O(() => [
-        b("div", wu, [
+        b("div", ku, [
           k(t.$slots, "user-card-avatar", {}, () => [
             q(jo, {
               "photo-url": e.photoUrl,
@@ -8031,19 +8035,19 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", ku, [
-          b("p", ju, [
+        b("div", ju, [
+          b("p", Su, [
             k(t.$slots, "user-card-title", {}, () => [
-              W(R(e.fullName), 1)
+              W(D(e.fullName), 1)
             ], !0)
           ]),
-          b("p", Su, [
+          b("p", _u, [
             k(t.$slots, "user-card-subtitle", {}, () => [
-              W(R(e.subTitle), 1)
+              W(D(e.subTitle), 1)
             ], !0)
           ]),
           k(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (d(), L(rs, {
+            e.ratingValue ? (d(), L(is, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -8056,13 +8060,13 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Mc = /* @__PURE__ */ F($u, [["__scopeId", "data-v-86acec3a"]]), _u = { class: "joy-walkthrough-trigger__content" }, Cu = {
+}), Jc = /* @__PURE__ */ F($u, [["__scopeId", "data-v-86acec3a"]]), Cu = { class: "joy-walkthrough-trigger__content" }, xu = {
   key: 0,
   class: "joy-pr-3"
-}, xu = {
+}, Tu = {
   key: 1,
   class: "joy-pl-3"
-}, Tu = /* @__PURE__ */ B({
+}, Vu = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -8085,9 +8089,9 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : j("", !0),
-        b("div", _u, [
-          o.title ? (d(), g("span", Cu, R(o.title), 1)) : j("", !0),
-          o.subtitle ? (d(), g("span", xu, R(o.subtitle), 1)) : j("", !0)
+        b("div", Cu, [
+          o.title ? (d(), g("span", xu, D(o.title), 1)) : j("", !0),
+          o.subtitle ? (d(), g("span", Tu, D(o.subtitle), 1)) : j("", !0)
         ]),
         q(G, {
           class: "joy-ml-3",
@@ -8099,13 +8103,13 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Vu = /* @__PURE__ */ F(Tu, [["__scopeId", "data-v-56824d11"]]), Iu = { class: "joy-walkthrough-modal__illustration" }, Eu = { class: "joy-walkthrough-modal__content___titles" }, Lu = { class: "joy-walkthrough-modal__content___title" }, Au = { class: "joy-walkthrough-modal__content___subtitle" }, Bu = { class: "joy-font-primary-450" }, Fu = { style: { flex: "1" } }, Nu = {
+}), Iu = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-56824d11"]]), Eu = { class: "joy-walkthrough-modal__illustration" }, Lu = { class: "joy-walkthrough-modal__content___titles" }, Au = { class: "joy-walkthrough-modal__content___title" }, Bu = { class: "joy-walkthrough-modal__content___subtitle" }, Fu = { class: "joy-font-primary-450" }, Nu = { style: { flex: "1" } }, zu = {
   key: 0,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, zu = {
+}, Pu = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Pu = /* @__PURE__ */ B({
+}, Ou = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -8143,7 +8147,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }
     ), t({
       isOpen: l
-    }), (y, p) => (d(), L(Re, {
+    }), (y, p) => (d(), L(De, {
       to: "body",
       disabled: y.disableTeleport
     }, [
@@ -8171,7 +8175,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
                 "no-margin": ""
               }, {
                 default: O(() => [
-                  W(R(y.triggerTitle) + " ", 1),
+                  W(D(y.triggerTitle) + " ", 1),
                   q(G, {
                     color: "white",
                     name: l.value ? "chevron-down" : "chevron-up"
@@ -8190,14 +8194,14 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: O(() => [
-                b("div", Iu, [
+                b("div", Eu, [
                   k(y.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                b("div", Eu, [
-                  b("div", Lu, [
+                b("div", Lu, [
+                  b("div", Au, [
                     k(y.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  b("div", Au, [
+                  b("div", Bu, [
                     k(y.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
@@ -8209,14 +8213,14 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
               class: "joy-mt-4"
             }, {
               default: O(() => [
-                b("span", Bu, R(y.progress + "%"), 1),
-                b("div", Fu, [
+                b("span", Fu, D(y.progress + "%"), 1),
+                b("div", Nu, [
                   k(y.$slots, "walkthrough-progress", {}, void 0, !0)
                 ])
               ]),
               _: 3
             }),
-            y.$slots["walkthrough-content"] ? (d(), g("div", Nu, [
+            y.$slots["walkthrough-content"] ? (d(), g("div", zu, [
               k(y.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : j("", !0)
           ], 2),
@@ -8225,10 +8229,10 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: c
           }, [
-            b("button", zu, R(y.footer), 1)
+            b("button", Pu, D(y.footer), 1)
           ])) : j("", !0)
         ], 16)) : j("", !0),
-        l.value ? j("", !0) : (d(), L(Vu, X({ key: 1 }, y.triggerAttrs, {
+        l.value ? j("", !0) : (d(), L(Iu, X({ key: 1 }, y.triggerAttrs, {
           title: y.triggerTitle,
           subtitle: y.triggerSubtitle,
           icon: y.triggerIcon,
@@ -8238,8 +8242,8 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Jc = /* @__PURE__ */ F(Pu, [["__scopeId", "data-v-a781459b"]]);
-function Ou(e) {
+}), qc = /* @__PURE__ */ F(Ou, [["__scopeId", "data-v-a781459b"]]);
+function Du(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var o = e.get(t);
     o ? o.push(n) : e.set(t, [n]);
@@ -8256,19 +8260,19 @@ function Ou(e) {
   } };
 }
 function Ru() {
-  return Ou();
+  return Du();
 }
-const Kn = "joy-snackbar__container", Du = "joy-snackbar__shell--";
+const Kn = "joy-snackbar__container", Mu = "joy-snackbar__shell--";
 let nt = 0, Gn = [];
-const Mu = {
+const Ju = {
   install: (e) => {
-    typeof window < "u" && Ju(), e.directive("joy-ripple", uo);
+    typeof window < "u" && qu(), e.directive("joy-ripple", uo);
   }
 };
-function qc() {
+function Hc() {
   nt = 0, Gn = [];
 }
-function Ju(e = { appendTo: "body", defaultMountSelector: Kn }) {
+function qu(e = { appendTo: "body", defaultMountSelector: Kn }) {
   var o;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -8286,20 +8290,20 @@ function Ju(e = { appendTo: "body", defaultMountSelector: Kn }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function Hc(e) {
+function Wc(e) {
   var r, l;
   nt++;
   let t, n;
   const o = Ru();
   t = so(
-    Ss,
+    _s,
     Object.assign(e.props, {
       bus: o,
       instanceNb: nt
     })
   );
   const a = document.createElement("div");
-  return a.classList.add("joy-snackbar__shell"), n = `${Du}${nt}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Kn)) == null || l.appendChild(a), t.use(Mu).mount("#" + n), Gn.push(t), o.on("snackbar:hide", () => {
+  return a.classList.add("joy-snackbar__shell"), n = `${Mu}${nt}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Kn)) == null || l.appendChild(a), t.use(Ju).mount("#" + n), Gn.push(t), o.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -8308,82 +8312,82 @@ function Hc(e) {
   };
 }
 export {
-  Ec as $,
-  yc as A,
-  vc as B,
+  Lc as $,
+  vc as A,
+  pc as B,
   G as C,
-  gr as D,
-  pc as E,
-  mc as F,
+  wr as D,
+  mc as E,
+  hc as F,
   Le as G,
-  hc as H,
-  bc as I,
-  Fl as J,
-  gc as K,
-  wc as L,
-  kc as M,
-  jc as N,
-  Sc as O,
+  bc as H,
+  gc as I,
+  Nl as J,
+  wc as K,
+  kc as L,
+  jc as M,
+  Sc as N,
+  _c as O,
   $c as P,
-  _c as Q,
-  Cc as R,
-  xc as S,
-  Tc as T,
-  rs as U,
-  Wu as V,
+  Cc as Q,
+  xc as R,
+  Tc as S,
+  Vc as T,
+  is as U,
+  Uu as V,
   Tn as W,
-  Vc as X,
-  vs as Y,
-  Ic as Z,
-  Zu as _,
+  Ic as X,
+  ps as Y,
+  Ec as Z,
+  Xu as _,
   jo as a,
-  Ss as a0,
+  _s as a0,
   mn as a1,
-  Ts as a2,
-  Lc as a3,
-  Ac as a4,
-  Bc as a5,
+  Vs as a2,
+  Ac as a3,
+  Bc as a4,
+  Fc as a5,
   Un as a6,
-  Fc as a7,
-  Nc as a8,
-  zc as a9,
-  Ys as aa,
-  Pc as ab,
-  Oc as ac,
+  Nc as a7,
+  zc as a8,
+  Pc as a9,
+  Zs as aa,
+  Oc as ab,
+  Dc as ac,
   Rc as ad,
-  Dc as ae,
-  Mc as af,
-  Jc as ag,
-  Vu as ah,
+  Mc as ae,
+  Jc as af,
+  qc as ag,
+  Iu as ah,
   fe as ai,
-  Ju as aj,
+  qu as aj,
   uo as ak,
-  Hu as al,
-  Hc as am,
-  qc as an,
-  Uu as b,
+  Wu as al,
+  Wc as am,
+  Hc as an,
+  Ku as b,
   xo as c,
-  Ku as d,
-  Gu as e,
-  Yu as f,
+  Gu as d,
+  Yu as e,
+  Zu as f,
   ce as g,
   gn as h,
-  Xu as i,
-  pa as j,
-  Qu as k,
-  ec as l,
-  tc as m,
-  nc as n,
-  oc as o,
+  Qu as i,
+  ma as j,
+  ec as k,
+  tc as l,
+  nc as m,
+  oc as n,
+  ac as o,
   Kt as p,
-  ac as q,
-  lc as r,
-  rc as s,
-  ic as t,
-  sc as u,
-  uc as v,
+  lc as q,
+  rc as r,
+  ic as s,
+  sc as t,
+  uc as u,
+  cc as v,
   Nt as w,
-  cc as x,
-  dc as y,
-  fc as z
+  dc as x,
+  fc as y,
+  yc as z
 };