@maltjoy/core-vue 5.3.2 → 5.4.1

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, computed as V, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as te, onUnmounted as zt, createVNode as R, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as F, Fragment as H, createBlock as T, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as D, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Me, resolveDirective as ut, withDirectives as Ye, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as Ae, useSlots as Y, withKeys as Oe, provide as Ke, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
+import { defineComponent as B, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as zt, createVNode as R, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as F, Fragment as H, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as D, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Me, resolveDirective as ut, withDirectives as Ye, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as xe, useSlots as Y, withKeys as Oe, provide as Ke, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
 function jt(e) {
   const t = e.target;
   if (!t)
@@ -19,13 +19,13 @@ const Ft = {
   beforeUnmount: (e) => {
     e.removeEventListener("click", jt);
   }
-}, xo = /\d/, Bo = ["-", "_", "/", "."];
-function Ao(e = "") {
-  if (!xo.test(e))
+}, Bo = /\d/, Ao = ["-", "_", "/", "."];
+function xo(e = "") {
+  if (!Bo.test(e))
     return e !== e.toLowerCase();
 }
 function Eo(e, t) {
-  const l = Bo, o = [];
+  const l = Ao, o = [];
   if (!e || typeof e != "string")
     return o;
   let n = "", i, a;
@@ -35,7 +35,7 @@ function Eo(e, t) {
       o.push(n), n = "", i = void 0;
       continue;
     }
-    const d = Ao(r);
+    const d = xo(r);
     if (a === !1) {
       if (i === !1 && d === !0) {
         o.push(n), n = r, i = d;
@@ -100,7 +100,7 @@ const Ze = function(e = 10) {
 function ye(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ x({
+const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -131,7 +131,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ x({
     }
   },
   setup(e) {
-    const t = e, l = V(() => {
+    const t = e, l = T(() => {
       if (t.role === "button")
         return t.tabIndex;
     });
@@ -151,7 +151,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ x({
 }), Mo = { class: "joy-snackbar__img joy-core-radius-6" }, Oo = { class: "joy-snackbar__content" }, Fo = {
   key: 0,
   class: "joy-mb-1"
-}, Do = ["innerHTML"], Ro = /* @__PURE__ */ x({
+}, Do = ["innerHTML"], Ro = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -199,9 +199,9 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ x({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = S(!0);
+    const l = e, o = C(!0);
     let n, i;
-    const a = "joy-snackbar-" + Ze(), r = V(() => Dt(l.level));
+    const a = "joy-snackbar-" + Ze(), r = T(() => Dt(l.level));
     function s() {
       var g;
       (g = l.bus) == null || g.emit("snackbar:action-click");
@@ -277,12 +277,12 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ x({
       ], 2)
     ], 2));
   }
-}), A = (e, t) => {
+}), x = (e, t) => {
   const l = e.__vccOpts || e;
   for (const [o, n] of t)
     l[o] = n;
   return l;
-}, No = /* @__PURE__ */ A(Ro, [["__scopeId", "data-v-544f38e7"]]);
+}, No = /* @__PURE__ */ x(Ro, [["__scopeId", "data-v-544f38e7"]]);
 function qo(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, l) {
     var o = e.get(t);
@@ -351,7 +351,7 @@ function Os(e) {
     snackbarApp: t
   };
 }
-const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ x({
+const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ B({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -364,7 +364,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Fs = /* @__PURE__ */ A(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ x({
+}), Fs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -372,7 +372,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     isPartial: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = V(() => ({
+    const t = e, l = T(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
@@ -389,10 +389,10 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], 64)) : w("", !0)
     ], 10, Zo));
   }
-}), Ds = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
+}), Ds = /* @__PURE__ */ x(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
-}, tn = ["height"], on = /* @__PURE__ */ x({
+}, tn = ["height"], on = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -409,15 +409,15 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = V(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = V(() => n.link ? {
+    const o = l, n = e, i = T(() => n.size === "large" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), a = T(() => n.link ? {
       type: "button"
-    } : null), r = V(() => ({
+    } : null), r = T(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": n.link,
       "joy-avatar__placeholder": s.value,
       [`joy-avatar__${n.size}`]: !0,
       "joy-avatar--empty": n.isEmpty
-    })), s = V(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), d = V(() => {
+    })), s = T(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), d = T(() => {
       function u(m) {
         return m.replace(/[';,:()]/g, "").charAt(0);
       }
@@ -440,13 +440,13 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
         "joy-avatar__wrapper--anonymous": s.value
       }])
     }, [
-      (c(), T(Z(u.link ? "button" : "div"), W(a.value, {
+      (c(), L(Z(u.link ? "button" : "div"), W(a.value, {
         title: u.fullName,
         class: [r.value],
         onClick: p
       }), {
         default: z(() => [
-          s.value ? (c(), T(q, {
+          s.value ? (c(), L(q, {
             key: 0,
             name: u.placeholder,
             color: "neutral-50",
@@ -484,7 +484,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : w("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ A(on, [["__scopeId", "data-v-f4bfc432"]]), ln = /* @__PURE__ */ x({
+}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-f4bfc432"]]), ln = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -501,7 +501,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ x({
+}), Rs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -511,14 +511,14 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     }
   },
   setup(e) {
-    const t = e, l = V(() => typeof t.number == "number");
+    const t = e, l = T(() => typeof t.number == "number");
     return (o, n) => (c(), v("div", {
       class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
       l.value ? (c(), v("span", an, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : w("", !0)
     ], 2));
   }
-}), $t = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ x({
+}), $t = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -547,8 +547,8 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     number: Number
   },
   setup(e) {
-    const t = e, l = V(() => typeof t.number == "number");
-    return (o, n) => l.value ? (c(), T($t, {
+    const t = e, l = T(() => typeof t.number == "number");
+    return (o, n) => l.value ? (c(), L($t, {
       key: 0,
       variant: e.variant,
       number: e.number
@@ -557,7 +557,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       class: I(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (c(), T($t, {
+      e.bulletpoint ? (c(), L($t, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
@@ -567,7 +567,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), un = /* @__PURE__ */ A(sn, [["__scopeId", "data-v-46da379b"]]);
+}), un = /* @__PURE__ */ x(sn, [["__scopeId", "data-v-46da379b"]]);
 var X = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(X || {}), He = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(He || {});
 const dn = { class: "joy-badge-level" }, cn = {
   key: 1,
@@ -593,7 +593,7 @@ const dn = { class: "joy-badge-level" }, cn = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, mn = /* @__PURE__ */ x({
+}, mn = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -613,7 +613,7 @@ const dn = { class: "joy-badge-level" }, cn = {
     }
   },
   setup(e) {
-    const t = e, l = V(() => {
+    const t = e, l = T(() => {
       switch (t.type) {
         case He.HIGH_POTENTIAL:
         case X.HIGH_POTENTIAL:
@@ -709,7 +709,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       ], 2)
     ]));
   }
-}), Ns = /* @__PURE__ */ A(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ x({
+}), Ns = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -727,7 +727,7 @@ const dn = { class: "joy-badge-level" }, cn = {
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyWrapperContext", {}), o = V(() => {
+    const t = e, l = Ce("VJoyWrapperContext", {}), o = T(() => {
       if (Object.keys(l).length === 0)
         return;
       let n = "1 0";
@@ -746,7 +746,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       })
     }, null, 6));
   }
-}), qs = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ x({
+}), qs = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -758,7 +758,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       class: I(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ x({
+}), Ht = /* @__PURE__ */ x(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -804,7 +804,7 @@ const dn = { class: "joy-badge-level" }, cn = {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = Me() + "--JoyButton", i = V(() => {
+    const l = e, o = be(), n = Me() + "--JoyButton", i = T(() => {
       switch (l.size) {
         case "xxsmall":
           return "xxsmall";
@@ -817,10 +817,10 @@ const dn = { class: "joy-badge-level" }, cn = {
         default:
           return "small";
       }
-    }), a = V(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
+    }), a = T(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, s) => {
       const d = ut("joy-ripple");
-      return Ye((c(), T(Z(D(o).href ? "a" : "button"), {
+      return Ye((c(), L(Z(D(o).href ? "a" : "button"), {
         id: e.id,
         disabled: e.loading || D(o).disabled,
         type: D(o).type || "button",
@@ -836,14 +836,14 @@ const dn = { class: "joy-badge-level" }, cn = {
         "aria-labelledby": (r.$slots.default || e.label) && n
       }, {
         default: z(() => [
-          e.icon && e.iconPosition === "left" ? (c(), T(q, {
+          e.icon && e.iconPosition === "left" ? (c(), L(q, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: i.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : w("", !0),
-          e.loading ? (c(), T(Ht, {
+          e.loading ? (c(), L(Ht, {
             key: 1,
             color: a.value
           }, null, 8, ["color"])) : w("", !0),
@@ -855,7 +855,7 @@ const dn = { class: "joy-badge-level" }, cn = {
               F(J(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (c(), T(q, {
+          e.icon && e.iconPosition === "right" ? (c(), L(q, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -869,7 +869,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       ]);
     };
   }
-}), ne = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-d687ce44"]]);
+}), ne = /* @__PURE__ */ x(gn, [["__scopeId", "data-v-d687ce44"]]);
 function Xe(e) {
   return Jt() ? (Pt(e), !0) : !1;
 }
@@ -888,7 +888,7 @@ function jn(...e) {
   if (e.length !== 1)
     return bo(...e);
   const t = e[0];
-  return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : S(t);
+  return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : C(t);
 }
 function we(e) {
   var t;
@@ -959,17 +959,17 @@ function kn(e, t, l = {}) {
   return () => p.forEach((f) => f());
 }
 function $n() {
-  const e = S(!1), t = jo();
+  const e = C(!1), t = jo();
   return t && te(() => {
     e.value = !0;
   }, t), e;
 }
 function Sn(e) {
   const t = $n();
-  return V(() => (t.value, !!e()));
+  return T(() => (t.value, !!e()));
 }
 function Cn(e, t = {}) {
-  const l = S(!1), o = Mt(null);
+  const l = C(!1), o = Mt(null);
   let n = 0, i = !0;
   if (Qe) {
     const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
@@ -1007,7 +1007,7 @@ function Vn(e, t, l = {}) {
   let i;
   const a = Sn(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, s = V(() => Array.isArray(e) ? e.map((u) => we(u)) : [we(e)]), d = G(
+  }, s = T(() => Array.isArray(e) ? e.map((u) => we(u)) : [we(e)]), d = G(
     s,
     (u) => {
       if (r(), a.value && o) {
@@ -1027,7 +1027,7 @@ function Vn(e, t, l = {}) {
 }
 function Tn(e) {
   var t;
-  const l = S(e == null ? void 0 : e.element), o = S(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = S(1);
+  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
   function a() {
     var r, s;
     if (!l.value)
@@ -1041,12 +1041,12 @@ function Tn(e) {
     triggerResize: a
   };
 }
-const pt = /* @__PURE__ */ x({
+const pt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = S();
+    const o = C();
     return kn(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
@@ -1061,7 +1061,7 @@ function Ln(e) {
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const In = Qe ? window : void 0;
-function xn(...e) {
+function Bn(...e) {
   let t, l, o, n;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = In) : [t, l, o, n] = e, !t)
     return Le;
@@ -1096,13 +1096,13 @@ function Ut(e) {
     return !l || l.tagName === "BODY" ? !1 : Ut(l);
   }
 }
-function Bn(e) {
+function An(e) {
   const t = e || window.event, l = t.target;
   return Ut(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const Re = /* @__PURE__ */ new WeakMap();
-function An(e, t = !1) {
-  const l = S(t);
+function xn(e, t = !1) {
+  const l = C(t);
   let o = null, n;
   G(jn(e), (r) => {
     const s = ot(me(r));
@@ -1115,11 +1115,11 @@ function An(e, t = !1) {
   });
   const i = () => {
     const r = ot(me(e));
-    !r || l.value || (nt && (o = xn(
+    !r || l.value || (nt && (o = Bn(
       r,
       "touchmove",
       (s) => {
-        Bn(s);
+        An(s);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", l.value = !0);
@@ -1128,7 +1128,7 @@ function An(e, t = !1) {
     const s = ot(me(e));
     !s || !l.value || (nt && (o == null || o()), s.style.overflow = (r = Re.get(s)) != null ? r : "", Re.delete(s), l.value = !1);
   };
-  return Xe(a), V({
+  return Xe(a), T({
     get() {
       return l.value;
     },
@@ -1139,17 +1139,17 @@ function An(e, t = !1) {
 }
 function En() {
   let e = !1;
-  const t = S(!1);
+  const t = C(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const n = An(l, o.value);
+    const n = xn(l, o.value);
     G(t, (i) => n.value = i);
   };
 }
 En();
-const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ x({
+const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1161,10 +1161,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = be(), i = V(() => {
+    const o = e, n = be(), i = T(() => {
       if (r.value)
         return n;
-    }), a = l, r = S(!1), s = S(!1), d = S(o.open), p = S(!1), u = S();
+    }), a = l, r = C(!1), s = C(!1), d = C(o.open), p = C(!1), u = C();
     let f = 0;
     function m() {
       d.value = !0, M();
@@ -1175,27 +1175,27 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       }, 300));
     }
     function g(j) {
-      p.value = !0, u.value.classList.add(Vt), f = L(j);
+      p.value = !0, u.value.classList.add(Vt), f = k(j);
     }
     function b(j) {
-      p.value && (k(j) > Ct && y(), B());
+      p.value && ($(j) > Ct && y(), A());
     }
-    function C(j) {
+    function V(j) {
       if (p.value) {
-        const N = k(j);
+        const N = $(j);
         N > Ct ? y() : N > 0 && E(N);
       }
     }
-    function k(j) {
-      return L(j) - f;
+    function $(j) {
+      return k(j) - f;
     }
-    function L(j) {
+    function k(j) {
       return ["touchend", "touchmove", "touchstart"].includes(j.type) ? j.changedTouches[0].clientY : j.clientY;
     }
     function E(j) {
       u.value.style.setProperty("transform", `translateY(${j}px)`);
     }
-    function B() {
+    function A() {
       u.value.classList.remove(Vt), u.value.style.removeProperty("transform"), p.value = !1;
     }
     function M() {
@@ -1213,7 +1213,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       show: m,
       isOpen: d,
       moveContainer: E
-    }), (j, N) => r.value ? (c(), T(Ae, {
+    }), (j, N) => r.value ? (c(), L(xe, {
       key: 0,
       to: j.teleport
     }, [
@@ -1239,11 +1239,11 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                 class: "joy-bottom-sheet_header",
                 onMousedown: g,
                 onMouseup: b,
-                onMousemove: C,
+                onMousemove: V,
                 onMouseleave: b,
                 onTouchstart: g,
                 onTouchend: b,
-                onTouchmove: C
+                onTouchmove: V
               }, N[0] || (N[0] = [
                 h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
@@ -1266,24 +1266,24 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 16)) : w("", !0)
     ], 8, ["to"])) : w("", !0);
   }
-}), Hs = /* @__PURE__ */ A(Pn, [["__scopeId", "data-v-098e6a23"]]), Ws = /* @__PURE__ */ x({
+}), Hs = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-098e6a23"]]), Ws = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.bottomSheet), i = Y(), a = V(() => i.default());
+    const l = e, o = t, n = T(() => l.bottomSheet), i = Y(), a = T(() => i.default());
     function r() {
       var s;
       o("click"), (s = n.value) == null || s.show();
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), T(Z(p), {
+    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
   }
-}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ x({
+}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1340,7 +1340,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(), a = S(n.indeterminate), r = S(n.invalid && !n.checked), s = S(!1);
+    const o = l, n = e, i = C(), a = C(n.indeterminate), r = C(n.invalid && !n.checked), s = C(!1);
     G(
       () => n.invalid,
       (p) => {
@@ -1412,10 +1412,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 2)
     ]));
   }
-}), Gt = /* @__PURE__ */ A(Nn, [["__scopeId", "data-v-b08aada8"]]), qn = ["id"], Hn = { class: "joy-collapse-item__header-right" }, Wn = {
+}), Gt = /* @__PURE__ */ x(Nn, [["__scopeId", "data-v-b08aada8"]]), qn = ["id"], Hn = { class: "joy-collapse-item__header-right" }, Wn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ x({
+}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1447,7 +1447,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = S(o.open), a = S(!1);
+    const o = e, n = l, i = C(o.open), a = C(!1);
     G(
       () => o.open,
       (d) => {
@@ -1487,7 +1487,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (c(), T(q, {
+          e.summaryIcon ? (c(), L(q, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1522,7 +1522,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 10, Gn)) : w("", !0)
     ], 2));
   }
-}), Kn = /* @__PURE__ */ A(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ x({
+}), Kn = /* @__PURE__ */ x(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1547,7 +1547,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = S(o.modelValue), i = Y(), a = l, r = V(() => {
+    const o = e, n = C(o.modelValue), i = Y(), a = l, r = T(() => {
       const y = i.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(s) : y.filter(s);
     });
@@ -1584,7 +1584,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       items: r,
       openedCollapseItem: n
     }), (y, g) => (c(), v("div", Zn, [
-      (c(!0), v(H, null, U(r.value, (b) => (c(), T(Kn, W({ ref_for: !0 }, b.props, {
+      (c(!0), v(H, null, U(r.value, (b) => (c(), L(Kn, W({ ref_for: !0 }, b.props, {
         key: b.props.id,
         open: p(b),
         mode: e.mode,
@@ -1592,19 +1592,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         "onCollapseItem:close": () => f(b)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-header-right"), (C, k) => (c(), T(Z(C), { key: k }))), 128))
+          (c(!0), v(H, null, U(d(b, "collapse-header-right"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-preview"), (C, k) => (c(), T(Z(C), { key: k }))), 128))
+          (c(!0), v(H, null, U(d(b, "collapse-preview"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
         ]),
         default: z(() => [
-          (c(!0), v(H, null, U(d(b, "default"), (C, k) => (c(), T(Z(C), { key: k }))), 128))
+          (c(!0), v(H, null, U(d(b, "default"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Us = /* @__PURE__ */ A(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ x({
+}), Us = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1624,7 +1624,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
   },
   setup(e) {
-    const t = e, l = V(() => {
+    const t = e, l = T(() => {
       switch (t.size) {
         case "large":
           return "small";
@@ -1645,14 +1645,14 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, Qn)) : (c(), T(q, {
+      }, null, 8, Qn)) : (c(), L(q, {
         key: 1,
         name: "company-placeholder",
         size: l.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Gs = /* @__PURE__ */ A(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ x({
+}), Gs = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1712,7 +1712,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       _(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), re = /* @__PURE__ */ A(tl, [["__scopeId", "data-v-68d89412"]]), ol = ["id"], nl = { class: "joy-dialog__inner" }, ll = {
+}), re = /* @__PURE__ */ x(tl, [["__scopeId", "data-v-68d89412"]]), ol = ["id"], nl = { class: "joy-dialog__inner" }, ll = {
   key: 0,
   class: "joy-dialog__shapes"
 }, al = { class: "joy-dialog--header" }, rl = {
@@ -1727,7 +1727,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ul = {
   key: 2,
   class: "joy-dialog--indicators"
-}, dl = /* @__PURE__ */ x({
+}, dl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -1809,26 +1809,26 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDialog", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = V(() => {
+    const o = e, n = l, i = Me() + "--JoyDialog", a = Y(), r = C(!1), s = C(), d = C(o.open), p = be(), u = T(() => {
       if (r.value)
         return p;
-    }), f = V(() => {
-      const B = a["dialog-cancel"] || a["dialog-confirm"], M = o.cancelText || o.confirmText;
-      return !!B || !!M;
-    }), y = V(() => o.id || i).value + "-header";
+    }), f = T(() => {
+      const A = a["dialog-cancel"] || a["dialog-confirm"], M = o.cancelText || o.confirmText;
+      return !!A || !!M;
+    }), y = T(() => o.id || i).value + "-header";
     function g() {
       !o.patternConfirm && b();
     }
-    async function b(B = { fireHideEvent: !0 }) {
-      o.demoMode || (d.value = !1, await Je(), ye(!1), B.fireHideEvent && n("dialog:hide"));
+    async function b(A = { fireHideEvent: !0 }) {
+      o.demoMode || (d.value = !1, await Je(), ye(!1), A.fireHideEvent && n("dialog:hide"));
     }
-    async function C() {
+    async function V() {
       d.value = !0, await Je(), o.preventBodyScroll && ye(!0);
     }
-    function k() {
+    function $() {
       n("dialog:open");
     }
-    function L() {
+    function k() {
       n("dialog:after-open");
     }
     function E() {
@@ -1842,8 +1842,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       hasFooterSlots: f,
       hide: b,
       isOpen: d,
-      show: C
-    }), (B, M) => r.value ? (c(), T(Ae, {
+      show: V
+    }), (A, M) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -1852,8 +1852,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: k,
-        onAfterEnter: L,
+        onEnter: $,
+        onAfterEnter: k,
         onAfterLeave: E
       }, {
         default: z(() => [
@@ -1900,19 +1900,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   })
                 }, null, 4)) : w("", !0),
                 h("div", al, [
-                  B.$slots["dialog-preheader"] ? (c(), v("div", rl, [
-                    _(B.$slots, "dialog-preheader", {}, void 0, !0)
+                  A.$slots["dialog-preheader"] ? (c(), v("div", rl, [
+                    _(A.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : w("", !0),
                   h("div", {
                     id: y,
                     class: "joy-dialog--header__title"
                   }, [
-                    _(B.$slots, "dialog-header", {}, void 0, !0)
+                    _(A.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", il, [
-                    _(B.$slots, "dialog-subheader", {}, void 0, !0)
+                    _(A.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? w("", !0) : (c(), T(ne, {
+                  e.patternConfirm ? w("", !0) : (c(), L(ne, {
                     key: 1,
                     id: "joy-dialog--close",
                     circle: "",
@@ -1926,7 +1926,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   }, null, 8, ["label"]))
                 ]),
                 h("div", sl, [
-                  _(B.$slots, "dialog-body", {}, void 0, !0)
+                  _(A.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: I([
@@ -1941,8 +1941,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     "no-margin": ""
                   }, {
                     default: z(() => [
-                      _(B.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (c(), T(ne, {
+                      _(A.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -1955,8 +1955,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           _: 1
                         }, 8, ["size"])) : w("", !0)
                       ], !0),
-                      _(B.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (c(), T(ne, {
+                      _(A.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -1974,7 +1974,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   })
                 ], 2),
                 D(a)["dialog-indicators"] ? (c(), v("div", ul, [
-                  _(B.$slots, "dialog-indicators", {}, void 0, !0)
+                  _(A.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : w("", !0)
               ])
             ], 2)
@@ -1984,19 +1984,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Ys = /* @__PURE__ */ A(dl, [["__scopeId", "data-v-0f773f72"]]), Ks = /* @__PURE__ */ x({
+}), Ys = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Ks = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = V(() => l.dialog), n = t, i = Y(), a = V(() => i.default());
+    const l = e, o = T(() => l.dialog), n = t, i = Y(), a = T(() => i.default());
     async function r() {
       var s;
       n("click"), await ((s = o.value) == null ? void 0 : s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), T(Z(p), {
+    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2007,7 +2007,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ml = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, vl = /* @__PURE__ */ x({
+}, vl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2073,26 +2073,26 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDrawer", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = V(() => {
+    const o = e, n = l, i = Me() + "--JoyDrawer", a = Y(), r = C(!1), s = C(), d = C(o.open), p = be(), u = T(() => {
       if (r.value)
         return p;
-    }), f = V(() => {
-      const E = a["drawer-cancel"] || a["drawer-confirm"], B = o.cancelText || o.confirmText;
-      return !!E || !!B;
-    }), m = V(() => o.id || i), y = m.value + "-header";
+    }), f = T(() => {
+      const E = a["drawer-cancel"] || a["drawer-confirm"], A = o.cancelText || o.confirmText;
+      return !!E || !!A;
+    }), m = T(() => o.id || i), y = m.value + "-header";
     async function g(E = { fireHideEvent: !0 }) {
       o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (d.value = !1, await Je(), ye(!1), E.fireHideEvent && n("drawer:hide"));
     }
     async function b() {
       d.value = !0, await Je(), !o.elevated && o.preventBodyScroll && ye(!0);
     }
-    function C() {
+    function V() {
       n("drawer:open");
     }
-    function k() {
+    function $() {
       n("drawer:after-open");
     }
-    function L() {
+    function k() {
       n("drawer:after-hide");
     }
     return te(() => {
@@ -2104,7 +2104,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       hide: g,
       isOpen: d,
       show: b
-    }), (E, B) => r.value ? (c(), T(Ae, {
+    }), (E, A) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2113,9 +2113,9 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: C,
-        onAfterEnter: k,
-        onAfterLeave: L
+        onEnter: V,
+        onAfterEnter: $,
+        onAfterLeave: k
       }, {
         default: z(() => [
           d.value ? (c(), v("div", W({ key: 0 }, u.value, {
@@ -2133,7 +2133,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               }
             ],
             "aria-labelledby": y,
-            onKeydown: B[4] || (B[4] = Oe((M) => g(), ["esc"]))
+            onKeydown: A[4] || (A[4] = Oe((M) => g(), ["esc"]))
           }), [
             e.elevated ? w("", !0) : (c(), v("div", {
               key: 0,
@@ -2143,7 +2143,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   "joy-drawer__overlay--open": d.value
                 }
               ]),
-              onClick: B[0] || (B[0] = (M) => g())
+              onClick: A[0] || (A[0] = (M) => g())
             }, null, 2)),
             h("div", {
               class: I([
@@ -2173,7 +2173,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: B[1] || (B[1] = (M) => g())
+                    onClick: A[1] || (A[1] = (M) => g())
                   }, null, 8, ["label"])
                 ]),
                 h("div", ml, [
@@ -2194,12 +2194,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   }, {
                     default: z(() => [
                       _(E.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (c(), T(ne, {
+                        e.cancelText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: B[2] || (B[2] = (M) => g())
+                          onClick: A[2] || (A[2] = (M) => g())
                         }, {
                           default: z(() => [
                             F(J(e.cancelText), 1)
@@ -2208,12 +2208,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                         }, 8, ["size"])) : w("", !0)
                       ], !0),
                       _(E.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (c(), T(ne, {
+                        e.confirmText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: B[3] || (B[3] = (M) => n("drawer:confirm"))
+                          onClick: A[3] || (A[3] = (M) => n("drawer:confirm"))
                         }, {
                           default: z(() => [
                             F(J(e.confirmText), 1)
@@ -2233,19 +2233,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Zs = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-056f6134"]]), Xs = /* @__PURE__ */ x({
+}), Zs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), Xs = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.drawer), i = Y(), a = V(() => i.default());
+    const l = e, o = t, n = T(() => l.drawer), i = Y(), a = T(() => i.default());
     async function r() {
       var s;
       o("click"), await ((s = n.value) == null ? void 0 : s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), T(Z(p), {
+    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2256,7 +2256,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, gl = ["aria-label", "aria-labelledby"], bl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], _l = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, wl = /* @__PURE__ */ x({
+}, wl = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2300,7 +2300,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(), a = V(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
+    const o = l, n = e, i = C(), a = T(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
     function r(y) {
       y.disabled || o("update:modelValue", y.value || y.id);
     }
@@ -2329,10 +2329,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           o("update:modelValue", b.dataModel);
         }
         if (p() && y.key === " " && y.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) {
-          const b = s(), C = p();
-          let k = b.indexOf(C);
+          const b = s(), V = p();
+          let $ = b.indexOf(V);
           if (b.length) {
-            y.preventDefault(), y.key === "ArrowDown" ? k++ : y.key === "ArrowUp" ? k-- : y.key === "Home" ? k = 0 : y.key === "End" && (k = b.length - 1), k < 0 && (k = b.length - 1), k > b.length - 1 && (k = 0), f(b[k]);
+            y.preventDefault(), y.key === "ArrowDown" ? $++ : y.key === "ArrowUp" ? $-- : y.key === "Home" ? $ = 0 : y.key === "End" && ($ = b.length - 1), $ < 0 && ($ = b.length - 1), $ > b.length - 1 && ($ = 0), f(b[$]);
             return;
           }
         }
@@ -2397,7 +2397,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             "aria-label": b.label,
             ".dataModel": b.value || b.id,
             role: "option",
-            onClick: (C) => r(b)
+            onClick: (V) => r(b)
           }, [
             _(y.$slots, "label", W({ ref_for: !0 }, b), () => [
               h("span", null, J(b.label), 1)
@@ -2410,7 +2410,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ])) : w("", !0)
     ], 4));
   }
-}), jl = /* @__PURE__ */ A(wl, [["__scopeId", "data-v-7a3292aa"]]);
+}), jl = /* @__PURE__ */ x(wl, [["__scopeId", "data-v-7a3292aa"]]);
 function kl(e) {
   const t = () => e();
   te(() => {
@@ -2425,7 +2425,7 @@ function Yt(e, t) {
     t && ((l = e.value) == null || l.focus());
   });
 }
-const $l = /* @__PURE__ */ x({
+const $l = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2513,7 +2513,7 @@ const $l = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(!1), a = S(null), r = S(), s = S(null), d = S(null), p = S(!1), u = "joy-dropdown--" + Ze();
+    const o = l, n = e, i = C(!1), a = C(null), r = C(), s = C(null), d = C(null), p = C(!1), u = "joy-dropdown--" + Ze();
     Ke("VJoyDropdownContext", n);
     const f = {
       ignore: [r, ".joy-dropdown__list"]
@@ -2526,7 +2526,7 @@ const $l = /* @__PURE__ */ x({
       },
       { flush: "post" }
     );
-    const y = V(() => {
+    const y = T(() => {
       let j = `${n.dropdownGap}px`;
       return n.direction === "up" && (j = "-" + j), {
         marginTop: j
@@ -2540,19 +2540,19 @@ const $l = /* @__PURE__ */ x({
     function b() {
       p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
-    function C(j) {
-      j.stopPropagation(), i.value ? k() : b(), d.value = j.target;
+    function V(j) {
+      j.stopPropagation(), i.value ? $() : b(), d.value = j.target;
     }
-    function k() {
-      g(), L();
+    function $() {
+      g(), k();
     }
-    function L() {
+    function k() {
       d.value && d.value.focus();
     }
     function E(j) {
-      o("update:modelValue", j), n.closeOnSelect && (g(), L());
+      o("update:modelValue", j), n.closeOnSelect && (g(), k());
     }
-    function B() {
+    function A() {
       o("dropdown:reset");
     }
     function M() {
@@ -2563,7 +2563,7 @@ const $l = /* @__PURE__ */ x({
     }), t({
       showDropdownList: i,
       generatedId: u
-    }), (j, N) => (c(), T(D(pt), {
+    }), (j, N) => (c(), L(D(pt), {
       ref_key: "dropdown",
       ref: a,
       options: f,
@@ -2576,7 +2576,7 @@ const $l = /* @__PURE__ */ x({
           ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: C
+          onClick: V
         }, [
           _(j.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
@@ -2605,12 +2605,12 @@ const $l = /* @__PURE__ */ x({
             "reset-label": e.resetLabel,
             "aria-labelled-by": u,
             "onUpdate:modelValue": E,
-            "onClose:dropdownList": k,
-            onReset: B
+            "onClose:dropdownList": $,
+            onReset: A
           }, ct({
-            label: z(($) => [
-              _(j.$slots, "dropdown-item", $o(So($)), () => [
-                h("span", null, J($.label), 1)
+            label: z((S) => [
+              _(j.$slots, "dropdown-item", $o(So(S)), () => [
+                h("span", null, J(S.label), 1)
               ], !0)
             ]),
             _: 2
@@ -2642,7 +2642,7 @@ const $l = /* @__PURE__ */ x({
       _: 3
     }, 512));
   }
-}), Qs = /* @__PURE__ */ A($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ x({
+}), Qs = /* @__PURE__ */ x($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -2681,7 +2681,7 @@ const $l = /* @__PURE__ */ x({
       ])
     ], 10, Sl));
   }
-}), yt = /* @__PURE__ */ A(Vl, [["__scopeId", "data-v-01e18099"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ x({
+}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-01e18099"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -2695,13 +2695,13 @@ const $l = /* @__PURE__ */ x({
       }, null, 8, ["name"])
     ]));
   }
-}), Kt = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-5a2d1889"]]), Il = { class: "joy-dropzone__file__description" }, xl = { class: "joy-dropzone__file__name" }, Bl = {
+}), Kt = /* @__PURE__ */ x(Ll, [["__scopeId", "data-v-5a2d1889"]]), Il = { class: "joy-dropzone__file__description" }, Bl = { class: "joy-dropzone__file__name" }, Al = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, Al = {
+}, xl = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, El = /* @__PURE__ */ x({
+}, El = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -2712,7 +2712,7 @@ const $l = /* @__PURE__ */ x({
   emits: ["delete", "update"],
   setup(e) {
     const t = Y(), l = e;
-    return (o, n) => (c(), T(re, {
+    return (o, n) => (c(), L(re, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -2727,11 +2727,11 @@ const $l = /* @__PURE__ */ x({
           class: "joy-dropzone__file__icon"
         }),
         h("div", Il, [
-          h("span", xl, J(l.file.name), 1),
-          t.information ? (c(), v("div", Bl, [
+          h("span", Bl, J(l.file.name), 1),
+          t.information ? (c(), v("div", Al, [
             _(o.$slots, "information", { file: o.file }, void 0, !0)
           ])) : w("", !0),
-          o.error ? (c(), v("p", Al, J(o.error), 1)) : w("", !0)
+          o.error ? (c(), v("p", xl, J(o.error), 1)) : w("", !0)
         ]),
         R(re, {
           "column-gap": "1",
@@ -2766,13 +2766,13 @@ const $l = /* @__PURE__ */ x({
       _: 3
     }));
   }
-}), zl = /* @__PURE__ */ A(El, [["__scopeId", "data-v-f47da94a"]]), Jl = ["name", "accept", "multiple"], Pl = ["for"], Ml = {
+}), zl = /* @__PURE__ */ x(El, [["__scopeId", "data-v-f47da94a"]]), Jl = ["name", "accept", "multiple"], Pl = ["for"], Ml = {
   key: 0,
   class: "joy-dropzone__files"
 }, Ol = { class: "joy-dropzone__instruction__text" }, Fl = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Dl = /* @__PURE__ */ x({
+}, Dl = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Co({
     name: {},
@@ -2790,22 +2790,22 @@ const $l = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = Vo(e, "modelValue"), i = S(y(n.value)), a = S(), r = S(), s = S(), { isOverDropZone: d } = Cn(r, {
-      onDrop: L
-    }), p = V(() => n.value.filter(($) => $ instanceof File)), u = V(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
-    function f($) {
-      return o.accept.length > 0 ? o.accept.includes($.type) : !0;
+    const l = Y(), o = e, n = Vo(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { isOverDropZone: d } = Cn(r, {
+      onDrop: k
+    }), p = T(() => n.value.filter((S) => S instanceof File)), u = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
+    function f(S) {
+      return o.accept.length > 0 ? o.accept.includes(S.type) : !0;
     }
-    function m($) {
-      return $.size < o.maxSize * 1024 * 1024;
+    function m(S) {
+      return S.size < o.maxSize * 1024 * 1024;
     }
-    function y($) {
-      return $.filter((O) => O instanceof File).some((O) => !f(O) || !m(O));
+    function y(S) {
+      return S.filter((O) => O instanceof File).some((O) => !f(O) || !m(O));
     }
-    function g($) {
-      if (!($ instanceof File))
+    function g(S) {
+      if (!(S instanceof File))
         return;
-      const P = f($), O = m($);
+      const P = f(S), O = m(S);
       if (!P && !O)
         return o.errorTextFormatAndMaxSize;
       if (!P)
@@ -2816,39 +2816,39 @@ const $l = /* @__PURE__ */ x({
     function b() {
       a.value = void 0, s.value && s.value.click();
     }
-    function C() {
+    function V() {
       s.value && (s.value.value = "");
     }
-    function k($) {
+    function $(S) {
       var O;
-      const P = (O = $.target) == null ? void 0 : O.files;
+      const P = (O = S.target) == null ? void 0 : O.files;
       !P || P.length === 0 || (a.value ? (N(a.value, Array.from(P)), a.value = void 0) : j(Array.from(P)));
     }
-    function L($) {
-      !$ || $.length === 0 || (a.value = void 0, j($));
+    function k(S) {
+      !S || S.length === 0 || (a.value = void 0, j(S));
     }
-    function E($) {
-      a.value = $, s.value && s.value.click();
+    function E(S) {
+      a.value = S, s.value && s.value.click();
     }
-    function B($) {
-      i.value = y($), n.value = $;
+    function A(S) {
+      i.value = y(S), n.value = S;
     }
-    function M($) {
-      B(n.value.filter((P) => P !== $));
+    function M(S) {
+      A(n.value.filter((P) => P !== S));
     }
-    function j($) {
-      o.multiple ? B([...n.value, ...$]) : B([$[0]]);
+    function j(S) {
+      o.multiple ? A([...n.value, ...S]) : A([S[0]]);
     }
-    function N($, [P, ...O]) {
+    function N(S, [P, ...O]) {
       if (o.multiple) {
         const K = [...n.value];
-        K[n.value.indexOf($)] = P, K.push(...O), B(K);
+        K[n.value.indexOf(S)] = P, K.push(...O), A(K);
       } else
-        B([P]);
+        A([P]);
     }
     return t({
       invalid: i
-    }), ($, P) => (c(), v("div", {
+    }), (S, P) => (c(), v("div", {
       class: I(["joy-dropzone", {
         "joy-dropzone--dragover": D(d),
         "joy-dropzone--invalid": i.value,
@@ -2863,45 +2863,45 @@ const $l = /* @__PURE__ */ x({
         h("input", {
           ref_key: "inputRef",
           ref: s,
-          name: $.name,
+          name: S.name,
           type: "file",
-          accept: $.accept.join(","),
-          multiple: $.multiple,
+          accept: S.accept.join(","),
+          multiple: S.multiple,
           tabindex: "-1",
-          onChange: k,
-          onClick: C
+          onChange: $,
+          onClick: V
         }, null, 40, Jl),
         h("label", {
-          for: $.name,
+          for: S.name,
           class: "joy-dropzone__label"
         }, [
           n.value.length > 0 ? (c(), v("div", Ml, [
-            (c(!0), v(H, null, U(n.value, (O, K) => (c(), T(zl, {
+            (c(!0), v(H, null, U(n.value, (O, K) => (c(), L(zl, {
               key: `${O.name}_${K}`,
               file: O,
-              error: $.multiple ? g(O) : void 0,
-              "update-label": $.updateLabel,
-              "delete-label": $.deleteLabel,
+              error: S.multiple ? g(O) : void 0,
+              "update-label": S.updateLabel,
+              "delete-label": S.deleteLabel,
               onUpdate: (se) => E(O),
               onDelete: (se) => M(O)
             }, ct({ _: 2 }, [
               l["file-information"] ? {
                 name: "information",
                 fn: z(() => [
-                  _($.$slots, "file-information", { file: O }, void 0, !0)
+                  _(S.$slots, "file-information", { file: O }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               l["file-actions"] ? {
                 name: "actions",
                 fn: z(() => [
-                  _($.$slots, "file-actions", { file: O }, void 0, !0)
+                  _(S.$slots, "file-actions", { file: O }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : w("", !0),
-          n.value.length === 0 || $.multiple ? (c(), T(re, {
+          n.value.length === 0 || S.multiple ? (c(), L(re, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -2914,7 +2914,7 @@ const $l = /* @__PURE__ */ x({
                 class: "joy-dropzone__instruction__icon"
               }),
               h("p", Ol, [
-                _($.$slots, "dropzone-description", {}, () => [
+                _(S.$slots, "dropzone-description", {}, () => [
                   P[0] || (P[0] = F("Drop your file here or click here"))
                 ], !0)
               ])
@@ -2924,16 +2924,16 @@ const $l = /* @__PURE__ */ x({
         ], 8, Pl)
       ], 512),
       l["dropzone-legend"] ? (c(), v("div", Fl, [
-        _($.$slots, "dropzone-legend", {}, void 0, !0)
+        _(S.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : w("", !0),
-      u.value ? (c(), T(yt, {
+      u.value ? (c(), L(yt, {
         key: 1,
         "no-html-error-text": u.value,
         class: "joy-dropzone__error"
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 2));
   }
-}), eu = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ x({
+}), eu = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2950,7 +2950,7 @@ const $l = /* @__PURE__ */ x({
       ])
     ], 8, Rl));
   }
-}), tu = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ x({
+}), tu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2979,7 +2979,7 @@ const $l = /* @__PURE__ */ x({
     }, [
       F(J(e.label) + " ", 1),
       _(a.$slots, "default", {}, void 0, !0),
-      D(n) ? (c(), T(q, {
+      D(n) ? (c(), L(q, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -2988,7 +2988,7 @@ const $l = /* @__PURE__ */ x({
       })) : w("", !0)
     ], 2));
   }
-}), ou = /* @__PURE__ */ A(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ x({
+}), ou = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3008,7 +3008,7 @@ const $l = /* @__PURE__ */ x({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Ce("VJoyWrapperContext", {}), n = V(() => {
+    const l = e, o = Ce("VJoyWrapperContext", {}), n = T(() => {
       const i = o.direction === "column" ? "auto" : null;
       if (!l.width && l.flex === "1") {
         const s = ["1", "0"];
@@ -3026,7 +3026,7 @@ const $l = /* @__PURE__ */ x({
       })
     }, null, 6));
   }
-}), nu = /* @__PURE__ */ A(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ x({
+}), nu = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3046,13 +3046,13 @@ const $l = /* @__PURE__ */ x({
     }
   },
   setup(e, { expose: t }) {
-    const l = S(!0), o = Y(), n = S(!0);
+    const l = C(!0), o = Y(), n = C(!0);
     Ke("VJoyStepperShowLabels", n);
     function i(s) {
       const d = s.currentTarget;
       l.value = d.scrollTop === 0, a.value && !l.value ? n.value = !1 : a.value && l.value && (n.value = !0);
     }
-    const a = V(() => !!o["funnel-stepper"]), r = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const a = T(() => !!o["funnel-stepper"]), r = T(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: l,
       hasStepperSlot: a,
@@ -3099,7 +3099,7 @@ const $l = /* @__PURE__ */ x({
       ], 32)
     ], 2));
   }
-}), lu = /* @__PURE__ */ A(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ x({
+}), lu = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), v("footer", Kl, [
@@ -3111,7 +3111,7 @@ const $l = /* @__PURE__ */ x({
       ])
     ]));
   }
-}), au = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ x({
+}), au = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), v("header", ea, [
@@ -3123,7 +3123,7 @@ const $l = /* @__PURE__ */ x({
       ])
     ]));
   }
-}), ru = /* @__PURE__ */ A(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ x({
+}), ru = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3150,7 +3150,7 @@ const $l = /* @__PURE__ */ x({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = V(() => l.icon ? l.icon : Dt(l.level));
+    const l = e, o = T(() => l.icon ? l.icon : Dt(l.level));
     return t({
       getRelevantIcon: o
     }), (n, i) => (c(), v("div", {
@@ -3166,7 +3166,7 @@ const $l = /* @__PURE__ */ x({
     }, [
       h("div", la, [
         _(n.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (c(), T(q, {
+          e.displayIcon ? (c(), L(q, {
             key: 0,
             name: o.value
           }, null, 8, ["name"])) : w("", !0)
@@ -3180,7 +3180,7 @@ const $l = /* @__PURE__ */ x({
       ])
     ], 2));
   }
-}), iu = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ x({
+}), iu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3213,7 +3213,7 @@ const $l = /* @__PURE__ */ x({
       }, null, 10, sa)
     ], 2));
   }
-}), da = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ x({
+}), da = /* @__PURE__ */ x(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3226,7 +3226,7 @@ const $l = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = S(o.modelValue), r = V(() => {
+    const o = e, n = l, i = Y(), a = C(o.modelValue), r = T(() => {
       const u = i.default();
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(d) : u.filter(d);
     });
@@ -3251,7 +3251,7 @@ const $l = /* @__PURE__ */ x({
     }), (u, f) => (c(), v("ul", {
       class: I(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), v(H, null, U(r.value, (m) => (c(), T(da, W({
+      (c(!0), v(H, null, U(r.value, (m) => (c(), L(da, W({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -3260,7 +3260,7 @@ const $l = /* @__PURE__ */ x({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), su = /* @__PURE__ */ A(ca, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, fa = Math.max, pa = {
+}), su = /* @__PURE__ */ x(ca, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, fa = Math.max, pa = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -3428,13 +3428,13 @@ const _a = async (e, t, l) => {
   for (let g = 0; g < r.length; g++) {
     const {
       name: b,
-      fn: C
+      fn: V
     } = r[g], {
-      x: k,
-      y: L,
+      x: $,
+      y: k,
       data: E,
-      reset: B
-    } = await C({
+      reset: A
+    } = await V({
       x: p,
       y: u,
       initialPlacement: o,
@@ -3448,17 +3448,17 @@ const _a = async (e, t, l) => {
         floating: t
       }
     });
-    p = k ?? p, u = L ?? u, m = {
+    p = $ ?? p, u = k ?? u, m = {
       ...m,
       [b]: {
         ...m[b],
         ...E
       }
-    }, B && y <= 50 && (y++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (d = B.rects === !0 ? await a.getElementRects({
+    }, A && y <= 50 && (y++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (d = A.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : B.rects), {
+    }) : A.rects), {
       x: p,
       y: u
     } = Tt(d, f, s)), g = -1);
@@ -3487,33 +3487,33 @@ async function Xt(e, t) {
     elementContext: u = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = ke(t, e), y = Zt(m), b = r[f ? u === "floating" ? "reference" : "floating" : u], C = Ue(await i.getClippingRect({
+  } = ke(t, e), y = Zt(m), b = r[f ? u === "floating" ? "reference" : "floating" : u], V = Ue(await i.getClippingRect({
     element: (l = await (i.isElement == null ? void 0 : i.isElement(b))) == null || l ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: d,
     rootBoundary: p,
     strategy: s
-  })), k = u === "floating" ? {
+  })), $ = u === "floating" ? {
     x: o,
     y: n,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, L = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), E = await (i.isElement == null ? void 0 : i.isElement(L)) ? await (i.getScale == null ? void 0 : i.getScale(L)) || {
+  } : a.reference, k = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), E = await (i.isElement == null ? void 0 : i.isElement(k)) ? await (i.getScale == null ? void 0 : i.getScale(k)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, B = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: k,
-    offsetParent: L,
+    rect: $,
+    offsetParent: k,
     strategy: s
-  }) : k);
+  }) : $);
   return {
-    top: (C.top - B.top + y.top) / E.y,
-    bottom: (B.bottom - C.bottom + y.bottom) / E.y,
-    left: (C.left - B.left + y.left) / E.x,
-    right: (B.right - C.right + y.right) / E.x
+    top: (V.top - A.top + y.top) / E.y,
+    bottom: (A.bottom - V.bottom + y.bottom) / E.y,
+    left: (V.left - A.left + y.left) / E.x,
+    right: (A.right - V.right + y.right) / E.x
   };
 }
 const wa = (e) => ({
@@ -3537,10 +3537,10 @@ const wa = (e) => ({
     const u = Zt(p), f = {
       x: l,
       y: o
-    }, m = ht(n), y = vt(m), g = await a.getDimensions(d), b = m === "y", C = b ? "top" : "left", k = b ? "bottom" : "right", L = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], B = f[m] - i.reference[m], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let j = M ? M[L] : 0;
-    (!j || !await (a.isElement == null ? void 0 : a.isElement(M))) && (j = r.floating[L] || i.floating[y]);
-    const N = E / 2 - B / 2, $ = j / 2 - g[y] / 2 - 1, P = lt(u[C], $), O = lt(u[k], $), K = P, se = j - g[y] - O, Q = j / 2 - g[y] / 2 + N, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : O) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    }, m = ht(n), y = vt(m), g = await a.getDimensions(d), b = m === "y", V = b ? "top" : "left", $ = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], A = f[m] - i.reference[m], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    let j = M ? M[k] : 0;
+    (!j || !await (a.isElement == null ? void 0 : a.isElement(M))) && (j = r.floating[k] || i.floating[y]);
+    const N = E / 2 - A / 2, S = j / 2 - g[y] / 2 - 1, P = lt(u[V], S), O = lt(u[$], S), K = P, se = j - g[y] - O, Q = j / 2 - g[y] / 2 + N, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : O) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [m]: f[m] + ae,
       data: {
@@ -3577,18 +3577,18 @@ const wa = (e) => ({
       } = ke(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const C = ve(n), k = $e(r), L = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (L || !g ? [We(r)] : va(r)), M = y !== "none";
-      !f && M && B.push(...ga(r, g, y, E));
-      const j = [r, ...B], N = await Xt(t, b), $ = [];
+      const V = ve(n), $ = $e(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), A = f || (k || !g ? [We(r)] : va(r)), M = y !== "none";
+      !f && M && A.push(...ga(r, g, y, E));
+      const j = [r, ...A], N = await Xt(t, b), S = [];
       let P = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (p && $.push(N[C]), u) {
+      if (p && S.push(N[V]), u) {
         const Q = ma(n, a, E);
-        $.push(N[Q[0]], N[Q[1]]);
+        S.push(N[Q[0]], N[Q[1]]);
       }
       if (P = [...P, {
         placement: n,
-        overflows: $
-      }], !$.every((Q) => Q <= 0)) {
+        overflows: S
+      }], !S.every((Q) => Q <= 0)) {
         var O, K;
         const Q = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, Ve = j[Q];
         if (Ve)
@@ -3609,7 +3609,7 @@ const wa = (e) => ({
               const ae = (se = P.filter((fe) => {
                 if (M) {
                   const pe = $e(fe.placement);
-                  return pe === k || // Create a bias to the `y` side axis due to horizontal
+                  return pe === $ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   pe === "y";
                 }
@@ -3698,12 +3698,12 @@ const eo = function(e) {
         limiter: r = {
           fn: (b) => {
             let {
-              x: C,
-              y: k
+              x: V,
+              y: $
             } = b;
             return {
-              x: C,
-              y: k
+              x: V,
+              y: $
             };
           }
         },
@@ -3714,12 +3714,12 @@ const eo = function(e) {
       }, p = await Xt(t, s), u = $e(ve(n)), f = mt(u);
       let m = d[f], y = d[u];
       if (i) {
-        const b = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", k = m + p[b], L = m - p[C];
-        m = at(k, m, L);
+        const b = f === "y" ? "top" : "left", V = f === "y" ? "bottom" : "right", $ = m + p[b], k = m - p[V];
+        m = at($, m, k);
       }
       if (a) {
-        const b = u === "y" ? "top" : "left", C = u === "y" ? "bottom" : "right", k = y + p[b], L = y - p[C];
-        y = at(k, y, L);
+        const b = u === "y" ? "top" : "left", V = u === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[V];
+        y = at($, y, k);
       }
       const g = r.fn({
         ...t,
@@ -3763,13 +3763,13 @@ const eo = function(e) {
         ...g
       };
       if (s) {
-        const L = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[L] + b.mainAxis, B = i.reference[f] + i.reference[L] - b.mainAxis;
-        m < E ? m = E : m > B && (m = B);
+        const k = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[k] + b.mainAxis, A = i.reference[f] + i.reference[k] - b.mainAxis;
+        m < E ? m = E : m > A && (m = A);
       }
       if (d) {
-        var C, k;
-        const L = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = i.reference[u] - i.floating[L] + (E && ((C = a.offset) == null ? void 0 : C[u]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[u] + i.reference[L] + (E ? 0 : ((k = a.offset) == null ? void 0 : k[u]) || 0) - (E ? b.crossAxis : 0);
-        y < B ? y = B : y > M && (y = M);
+        var V, $;
+        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), A = i.reference[u] - i.floating[k] + (E && ((V = a.offset) == null ? void 0 : V[u]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[u] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[u]) || 0) - (E ? b.crossAxis : 0);
+        y < A ? y = A : y > M && (y = M);
       }
       return {
         [f]: m,
@@ -3821,11 +3821,11 @@ function gt(e) {
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
 function $a(e) {
-  let t = Be(e);
+  let t = Ae(e);
   for (; ie(t) && !et(t); ) {
     if (gt(t))
       return t;
-    t = Be(t);
+    t = Ae(t);
   }
   return null;
 }
@@ -3847,7 +3847,7 @@ function tt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Be(e) {
+function Ae(e) {
   if (ge(e) === "html")
     return e;
   const t = (
@@ -3860,7 +3860,7 @@ function Be(e) {
   return Lt(t) ? t.host : t;
 }
 function lo(e) {
-  const t = Be(e);
+  const t = Ae(e);
   return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ie(t) && De(t) ? t : lo(t);
 }
 function Pe(e, t, l) {
@@ -3882,7 +3882,7 @@ function ao(e) {
 function _t(e) {
   return de(e) ? e : e.contextElement;
 }
-function xe(e) {
+function Be(e) {
   const t = _t(e);
   if (!ie(t))
     return he(1);
@@ -3912,15 +3912,15 @@ function Se(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
   const n = e.getBoundingClientRect(), i = _t(e);
   let a = he(1);
-  t && (o ? de(o) && (a = xe(o)) : a = xe(e));
+  t && (o ? de(o) && (a = Be(o)) : a = Be(e));
   const r = Ca(i, l, o) ? ro(i) : he(0);
   let s = (n.left + r.x) / a.x, d = (n.top + r.y) / a.y, p = n.width / a.x, u = n.height / a.y;
   if (i) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
     let y = f.frameElement;
     for (; y && o && m !== f; ) {
-      const g = xe(y), b = y.getBoundingClientRect(), C = le(y), k = b.left + (y.clientLeft + parseFloat(C.paddingLeft)) * g.x, L = b.top + (y.clientTop + parseFloat(C.paddingTop)) * g.y;
-      s *= g.x, d *= g.y, p *= g.x, u *= g.y, s += k, d += L, y = oe(y).frameElement;
+      const g = Be(y), b = y.getBoundingClientRect(), V = le(y), $ = b.left + (y.clientLeft + parseFloat(V.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(V.paddingTop)) * g.y;
+      s *= g.x, d *= g.y, p *= g.x, u *= g.y, s += $, d += k, y = oe(y).frameElement;
     }
   }
   return Ue({
@@ -3946,7 +3946,7 @@ function Va(e) {
   const s = he(0);
   if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || De(i)) && (a = tt(l)), ie(l))) {
     const d = Se(l);
-    r = xe(l), s.x = d.x + l.clientLeft, s.y = d.y + l.clientTop;
+    r = Be(l), s.x = d.x + l.clientLeft, s.y = d.y + l.clientTop;
   }
   return {
     width: t.width * r.x,
@@ -3987,8 +3987,8 @@ function Ia(e, t) {
     y: s
   };
 }
-function xa(e, t) {
-  const l = Se(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? xe(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, d = o * i.y;
+function Ba(e, t) {
+  const l = Se(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Be(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, d = o * i.y;
   return {
     width: a,
     height: r,
@@ -4003,7 +4003,7 @@ function It(e, t, l) {
   else if (t === "document")
     o = La(ce(e));
   else if (de(t))
-    o = xa(t, l);
+    o = Ba(t, l);
   else {
     const n = ro(e);
     o = {
@@ -4015,30 +4015,30 @@ function It(e, t, l) {
   return Ue(o);
 }
 function so(e, t) {
-  const l = Be(e);
+  const l = Ae(e);
   return l === t || !de(l) || et(l) ? !1 : le(l).position === "fixed" || so(l, t);
 }
-function Ba(e, t) {
+function Aa(e, t) {
   const l = t.get(e);
   if (l)
     return l;
   let o = Pe(e, [], !1).filter((r) => de(r) && ge(r) !== "body"), n = null;
   const i = le(e).position === "fixed";
-  let a = i ? Be(e) : e;
+  let a = i ? Ae(e) : e;
   for (; de(a) && !et(a); ) {
     const r = le(a), s = gt(a);
-    !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || De(a) && !s && so(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Be(a);
+    !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || De(a) && !s && so(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Ae(a);
   }
   return t.set(e, o), o;
 }
-function Aa(e) {
+function xa(e) {
   let {
     element: t,
     boundary: l,
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? Ba(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((d, p) => {
+  const a = [...l === "clippingAncestors" ? Aa(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((d, p) => {
     const u = It(t, p, n);
     return d.top = Ie(u.top, d.top), d.right = it(u.right, d.right), d.bottom = it(u.bottom, d.bottom), d.left = Ie(u.left, d.left), d;
   }, It(t, r, n));
@@ -4071,16 +4071,16 @@ function za(e, t, l) {
     height: a.height
   };
 }
-function xt(e, t) {
+function Bt(e, t) {
   return !ie(e) || le(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function uo(e, t) {
   const l = oe(e);
   if (!ie(e))
     return l;
-  let o = xt(e, t);
+  let o = Bt(e, t);
   for (; o && ka(o) && le(o).position === "static"; )
-    o = xt(o, t);
+    o = Bt(o, t);
   return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !gt(o)) ? l : o || $a(e) || l;
 }
 const Ja = async function(e) {
@@ -4105,12 +4105,12 @@ function Pa(e) {
 const Ma = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Va,
   getDocumentElement: ce,
-  getClippingRect: Aa,
+  getClippingRect: xa,
   getOffsetParent: uo,
   getElementRects: Ja,
   getClientRects: Ta,
   getDimensions: Ea,
-  getScale: xe,
+  getScale: Be,
   isElement: de,
   isRTL: Pa
 };
@@ -4130,30 +4130,30 @@ function Oa(e, t) {
     } = e.getBoundingClientRect();
     if (r || t(), !u || !f)
       return;
-    const m = Ne(p), y = Ne(n.clientWidth - (d + u)), g = Ne(n.clientHeight - (p + f)), b = Ne(d), k = {
+    const m = Ne(p), y = Ne(n.clientWidth - (d + u)), g = Ne(n.clientHeight - (p + f)), b = Ne(d), $ = {
       rootMargin: -m + "px " + -y + "px " + -g + "px " + -b + "px",
       threshold: Ie(0, it(1, s)) || 1
     };
-    let L = !0;
-    function E(B) {
-      const M = B[0].intersectionRatio;
+    let k = !0;
+    function E(A) {
+      const M = A[0].intersectionRatio;
       if (M !== s) {
-        if (!L)
+        if (!k)
           return a();
         M ? a(!1, M) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 100);
       }
-      L = !1;
+      k = !1;
     }
     try {
       l = new IntersectionObserver(E, {
-        ...k,
+        ...$,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      l = new IntersectionObserver(E, k);
+      l = new IntersectionObserver(E, $);
     }
     l.observe(e);
   }
@@ -4168,28 +4168,28 @@ function Fa(e, t, l, o) {
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
   } = o, d = _t(e), p = n || i ? [...d ? Pe(d) : [], ...Pe(t)] : [];
-  p.forEach((C) => {
-    n && C.addEventListener("scroll", l, {
+  p.forEach((V) => {
+    n && V.addEventListener("scroll", l, {
       passive: !0
-    }), i && C.addEventListener("resize", l);
+    }), i && V.addEventListener("resize", l);
   });
   const u = d && r ? Oa(d, l) : null;
   let f = -1, m = null;
-  a && (m = new ResizeObserver((C) => {
-    let [k] = C;
-    k && k.target === d && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+  a && (m = new ResizeObserver((V) => {
+    let [$] = V;
+    $ && $.target === d && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       m && m.observe(t);
     })), l();
   }), d && !s && m.observe(d), m.observe(t));
   let y, g = s ? Se(e) : null;
   s && b();
   function b() {
-    const C = Se(e);
-    g && (C.x !== g.x || C.y !== g.y || C.width !== g.width || C.height !== g.height) && l(), g = C, y = requestAnimationFrame(b);
+    const V = Se(e);
+    g && (V.x !== g.x || V.y !== g.y || V.width !== g.width || V.height !== g.height) && l(), g = V, y = requestAnimationFrame(b);
   }
   return l(), () => {
-    p.forEach((C) => {
-      n && C.removeEventListener("scroll", l), i && C.removeEventListener("resize", l);
+    p.forEach((V) => {
+      n && V.removeEventListener("scroll", l), i && V.removeEventListener("resize", l);
     }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
@@ -4226,25 +4226,25 @@ function co(e) {
 function fo(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Bt(e, t) {
+function At(e, t) {
   const l = fo(e);
   return Math.round(t * l) / l;
 }
 function po(e, t, l) {
   l === void 0 && (l = {});
-  const o = l.whileElementsMounted, n = V(() => {
+  const o = l.whileElementsMounted, n = T(() => {
     var j;
     return (j = D(l.open)) != null ? j : !0;
-  }), i = V(() => D(l.middleware)), a = V(() => {
+  }), i = T(() => D(l.middleware)), a = T(() => {
     var j;
     return (j = D(l.placement)) != null ? j : "bottom";
-  }), r = V(() => {
+  }), r = T(() => {
     var j;
     return (j = D(l.strategy)) != null ? j : "absolute";
-  }), s = V(() => {
+  }), s = T(() => {
     var j;
     return (j = D(l.transform)) != null ? j : !0;
-  }), d = V(() => st(e.value)), p = V(() => st(t.value)), u = S(0), f = S(0), m = S(r.value), y = S(a.value), g = Mt({}), b = S(!1), C = V(() => {
+  }), d = T(() => st(e.value)), p = T(() => st(t.value)), u = C(0), f = C(0), m = C(r.value), y = C(a.value), g = Mt({}), b = C(!1), V = T(() => {
     const j = {
       position: m.value,
       left: "0",
@@ -4252,21 +4252,21 @@ function po(e, t, l) {
     };
     if (!p.value)
       return j;
-    const N = Bt(p.value, u.value), $ = Bt(p.value, f.value);
+    const N = At(p.value, u.value), S = At(p.value, f.value);
     return s.value ? {
       ...j,
-      transform: "translate(" + N + "px, " + $ + "px)",
+      transform: "translate(" + N + "px, " + S + "px)",
       ...fo(p.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
       left: N + "px",
-      top: $ + "px"
+      top: S + "px"
     };
   });
-  let k;
-  function L() {
+  let $;
+  function k() {
     d.value == null || p.value == null || Da(d.value, p.value, {
       middleware: i.value,
       placement: a.value,
@@ -4276,24 +4276,24 @@ function po(e, t, l) {
     });
   }
   function E() {
-    typeof k == "function" && (k(), k = void 0);
+    typeof $ == "function" && ($(), $ = void 0);
   }
-  function B() {
+  function A() {
     if (E(), o === void 0) {
-      L();
+      k();
       return;
     }
     if (d.value != null && p.value != null) {
-      k = o(d.value, p.value, L);
+      $ = o(d.value, p.value, k);
       return;
     }
   }
   function M() {
     n.value || (b.value = !1);
   }
-  return G([i, a, r], L, {
+  return G([i, a, r], k, {
     flush: "sync"
-  }), G([d, p], B, {
+  }), G([d, p], A, {
     flush: "sync"
   }), G(n, M, {
     flush: "sync"
@@ -4304,11 +4304,11 @@ function po(e, t, l) {
     placement: Te(y),
     middlewareData: Te(g),
     isPositioned: Te(b),
-    floatingStyles: C,
-    update: L
+    floatingStyles: V,
+    update: k
   };
 }
-const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
+const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -4354,7 +4354,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
     }
   },
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = S(!1), i = S(null), a = S(null), r = S(null), s = S(), d = S(
+    const l = Y(), o = e, n = C(!1), i = C(null), a = C(null), r = C(null), s = C(), d = C(
       po(i, r, {
         placement: o.placement,
         transform: !1,
@@ -4369,36 +4369,36 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           co({ element: s, padding: 0 })
         ]
       })
-    ), p = V(
+    ), p = T(
       () => o.enableClickInContent ? {
         ignore: [a]
       } : {}
-    ), u = V(() => l["tooltip-content"] || o.text);
-    function f(C) {
-      C.preventDefault(), C.stopPropagation(), !n.value && o.event !== "click" && g();
+    ), u = T(() => l["tooltip-content"] || o.text);
+    function f(V) {
+      V.preventDefault(), V.stopPropagation(), !n.value && o.event !== "click" && g();
     }
     function m() {
       o.event !== "click" && g(!1);
     }
-    function y(C) {
-      !n.value && o.event === "click" && (C.preventDefault(), C.stopPropagation(), g());
+    function y(V) {
+      !n.value && o.event === "click" && (V.preventDefault(), V.stopPropagation(), g());
     }
-    function g(C = !0) {
-      var k;
-      (k = d.value) == null || k.update(), setTimeout(() => {
-        n.value = C;
+    function g(V = !0) {
+      var $;
+      ($ = d.value) == null || $.update(), setTimeout(() => {
+        n.value = V;
       }, o.delay);
     }
-    const b = V(() => {
-      const { middlewareData: C, placement: k } = d.value, L = C.arrow, E = {
+    const b = T(() => {
+      const { middlewareData: V, placement: $ } = d.value, k = V.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[k.split("-")[0]];
+      }[$.split("-")[0]];
       return {
-        left: (L == null ? void 0 : L.x) && `${L == null ? void 0 : L.x}px`,
-        top: (L == null ? void 0 : L.y) && `${L == null ? void 0 : L.y}px`,
+        left: (k == null ? void 0 : k.x) && `${k == null ? void 0 : k.x}px`,
+        top: (k == null ? void 0 : k.y) && `${k == null ? void 0 : k.y}px`,
         right: "",
         bottom: "",
         [E]: "-4px"
@@ -4411,14 +4411,14 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
     }), t({
       tooltipVisible: n,
       tooltip: r
-    }), (C, k) => (c(), T(D(pt), {
+    }), (V, $) => (c(), L(D(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: p.value,
-      onTrigger: k[1] || (k[1] = (L) => g(!1))
+      onTrigger: $[1] || ($[1] = (k) => g(!1))
     }, {
       default: z(() => {
-        var L;
+        var k;
         return [
           h("div", {
             ref_key: "tooltipWrapper",
@@ -4428,10 +4428,10 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
             onClick: y,
             onMouseenter: f,
             onMouseleave: m,
-            onKeydown: k[0] || (k[0] = Oe((E) => g(!1), ["tab"]))
+            onKeydown: $[0] || ($[0] = Oe((E) => g(!1), ["tab"]))
           }, [
-            _(C.$slots, "default", {}, void 0, !0),
-            (c(), T(Ae, { to: "body" }, [
+            _(V.$slots, "default", {}, void 0, !0),
+            (c(), L(xe, { to: "body" }, [
               n.value && u.value ? (c(), v("div", {
                 key: 0,
                 id: e.id,
@@ -4444,7 +4444,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
                     "joy-tooltip__content--hiding": !n.value
                   }
                 ]),
-                style: ee({ ...(L = d.value) == null ? void 0 : L.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: ee({ ...(k = d.value) == null ? void 0 : k.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 h("div", {
                   ref_key: "tooltipArrow",
@@ -4457,7 +4457,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
                   ref: a,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  _(C.$slots, "tooltip-content", {}, () => [
+                  _(V.$slots, "tooltip-content", {}, () => [
                     F(J(e.text), 1)
                   ], !0)
                 ], 512)
@@ -4469,7 +4469,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       _: 3
     }, 8, ["options"]));
   }
-}), Ha = /* @__PURE__ */ A(qa, [["__scopeId", "data-v-4e623435"]]), Wa = { class: "joy-label__group" }, Ua = { class: "joy-label__group___main" }, Ga = {
+}), Ha = /* @__PURE__ */ x(qa, [["__scopeId", "data-v-4e623435"]]), Wa = { class: "joy-label__group" }, Ua = { class: "joy-label__group___main" }, Ga = {
   key: 0,
   class: "joy-label-required"
 }, Ya = {
@@ -4478,7 +4478,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
 }, Ka = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Za = /* @__PURE__ */ x({
+}, Za = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -4501,7 +4501,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
   setup(e) {
     return (t, l) => (c(), v("div", Wa, [
       h("div", Ua, [
-        (c(), T(Z(e.tagName), W({
+        (c(), L(Z(e.tagName), W({
           "data-joy-form-label": "",
           class: ["joy-label", `joy-label--${e.size}`]
         }, t.$attrs), {
@@ -4514,7 +4514,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           ]),
           _: 3
         }, 16, ["class"])),
-        t.$slots["label-tooltip"] ? (c(), T(Ha, {
+        t.$slots["label-tooltip"] ? (c(), L(Ha, {
           key: 0,
           class: "joy-label__tooltip joy-ml-2"
         }, {
@@ -4535,121 +4535,69 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       ])) : w("", !0)
     ]));
   }
-}), ze = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ x({
+}), ze = /* @__PURE__ */ x(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
-    autofocus: {
-      type: Boolean,
-      default: !1
-    },
-    modelValue: {
-      type: [String, Number]
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    id: {
-      type: String
-    },
-    invalid: {
-      type: Boolean,
-      default: !1
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
-    label: String,
-    /** Overrides the default label size. See JoyLabel stories */
-    labelSize: {
-      type: String,
-      default: "medium"
-    },
-    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
-    optionalLabel: String,
-    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
-    requiredMark: {
-      type: Boolean,
-      default: !1
-    },
-    modelModifiers: {
-      type: Object,
-      default: () => ({
-        lazy: !1
-      })
-    },
-    /** Display a cross icon on the right that enables to clear the field */
-    clearable: {
-      type: Boolean,
-      default: !1
-    },
-    /** Add a JoyIcon / joy-icon with given name on left-side. */
-    icon: {
-      type: String
-    },
-    size: {
-      type: String,
-      default: "medium"
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    /** Adds a legend like symbol on the right of the component. Made for number based values */
-    unit: String,
-    /** Activates the readonly mode for the input */
-    readonly: {
-      type: Boolean,
-      default: !1
-    }
+    autofocus: { type: Boolean, default: !1 },
+    modelValue: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {},
+    invalid: { type: Boolean, default: !1 },
+    name: {},
+    required: { type: Boolean, default: !1 },
+    label: {},
+    labelSize: { default: "medium" },
+    optionalLabel: {},
+    requiredMark: { type: Boolean, default: !1 },
+    modelModifiers: { default: () => ({ lazy: !1 }) },
+    clearable: { type: Boolean, default: !1 },
+    icon: {},
+    size: { default: "medium" },
+    type: { default: "text" },
+    unit: {},
+    readonly: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = S(), r = S(), s = be(), d = Y(), p = S(!1), u = S(!1);
+    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = C(), r = C(), s = be(), d = Y(), p = C(!1), u = C(!1);
     Yt(a, n.autofocus);
-    const f = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => d.default && d.default()), y = V(() => Object.keys(i).length > 0), g = S(n.type), b = V(() => n.type === "password" && !!n.modelValue);
+    const f = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = T(() => d.default && d.default()), y = T(() => Object.keys(i).length > 0), g = C(n.type), b = T(() => n.type === "password" && !!n.modelValue);
     To(() => {
       g.value = n.unit ? "number" : n.type;
     });
-    function C() {
-      var L;
-      n.readonly || (L = a.value) == null || L.focus();
+    function V() {
+      var k;
+      n.readonly || (k = a.value) == null || k.focus();
     }
-    const k = {
+    const $ = {
       onFocus: () => {
         n.readonly || (p.value = !0);
       },
       onBlur: () => {
         p.value = !1;
       },
-      onWheelScroll(L) {
-        n.type === "number" && L.preventDefault();
+      onWheelScroll(k) {
+        n.type === "number" && k.preventDefault();
       },
-      onInput: (L) => {
-        let E = L.target.value;
+      onInput: (k) => {
+        let E = k.target.value;
         n.modelModifiers.lazy || o("update:modelValue", E);
       },
-      onChange: (L) => {
-        let E = L.target.value;
+      onChange: (k) => {
+        let E = k.target.value;
         n.modelModifiers.lazy && o("update:modelValue", E);
       },
       clearValue: () => {
         n.disabled || o("update:modelValue", "");
       },
-      togglePassword: (L) => {
-        L.preventDefault(), u.value = !u.value, u.value ? g.value = "text" : g.value = "password";
+      togglePassword: (k) => {
+        k.preventDefault(), u.value = !u.value, u.value ? g.value = "text" : g.value = "password";
       }
     };
     return t({
-      focus: C
-    }), (L, E) => (c(), v("div", {
+      focus: V
+    }), (k, E) => (c(), v("div", {
       ref_key: "root",
       ref: r,
       class: I([`joy-input--${n.size}`])
@@ -4659,23 +4607,23 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           "joy-input",
           {
             "joy-input--focusing": p.value,
-            "joy-input--disabled": e.disabled,
-            "joy-input--invalid": e.invalid,
-            "joy-input--readonly": e.readonly,
-            "joy-input--valid": !e.invalid && !D(s).disabled
+            "joy-input--disabled": k.disabled,
+            "joy-input--invalid": k.invalid,
+            "joy-input--readonly": k.readonly,
+            "joy-input--valid": !k.invalid && !D(s).disabled
           }
         ])
       }, [
-        m.value || e.label ? (c(), T(ze, {
+        m.value || k.label ? (c(), L(ze, {
           key: 0,
-          for: e.id || e.name,
-          required: e.required && e.requiredMark,
-          "optional-label": e.optionalLabel,
-          size: e.labelSize
+          for: k.id || k.name,
+          required: k.required && k.requiredMark,
+          "optional-label": k.optionalLabel,
+          size: k.labelSize
         }, {
           default: z(() => [
-            _(L.$slots, "default", {}, () => [
-              F(J(e.label), 1)
+            _(k.$slots, "default", {}, () => [
+              F(J(k.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4684,71 +4632,71 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           class: I([
             "joy-input--wrapper",
             {
-              "joy-input--wrapper-has-icon": !!e.icon,
-              "joy-input--wrapper---clearable": e.clearable,
-              "joy-input--wrapper-unit": !!e.unit,
+              "joy-input--wrapper-has-icon": !!k.icon,
+              "joy-input--wrapper---clearable": k.clearable,
+              "joy-input--wrapper-unit": !!k.unit,
               "joy-input--wrapper-margin": !y.value
             }
           ])
         }, [
-          h("input", W(L.$attrs, {
-            id: e.id || e.name,
+          h("input", W(k.$attrs, {
+            id: k.id || k.name,
             ref_key: "input",
             ref: a,
             "data-joy-form-field": "",
-            name: e.name,
-            required: e.required,
-            disabled: e.disabled,
-            readonly: e.readonly,
+            name: k.name,
+            required: k.required,
+            disabled: k.disabled,
+            readonly: k.readonly,
             class: [
               {
-                "joy-input--field-disabled": e.disabled,
-                "joy-input--field-invalid": e.invalid
+                "joy-input--field-disabled": k.disabled,
+                "joy-input--field-invalid": k.invalid
               }
             ],
             type: g.value,
-            value: e.modelValue,
+            value: k.modelValue,
             onFocus: E[0] || (E[0] = //@ts-ignore
-            (...B) => k.onFocus && k.onFocus(...B)),
+            (...A) => $.onFocus && $.onFocus(...A)),
             onBlur: E[1] || (E[1] = //@ts-ignore
-            (...B) => k.onBlur && k.onBlur(...B)),
+            (...A) => $.onBlur && $.onBlur(...A)),
             onInput: E[2] || (E[2] = //@ts-ignore
-            (...B) => k.onInput && k.onInput(...B)),
+            (...A) => $.onInput && $.onInput(...A)),
             onChange: E[3] || (E[3] = //@ts-ignore
-            (...B) => k.onChange && k.onChange(...B)),
+            (...A) => $.onChange && $.onChange(...A)),
             onWheel: E[4] || (E[4] = //@ts-ignore
-            (...B) => k.onWheelScroll && k.onWheelScroll(...B))
+            (...A) => $.onWheelScroll && $.onWheelScroll(...A))
           }), null, 16, Xa),
-          f.value ? (c(), T(ne, {
+          f.value ? (c(), L(ne, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: k.clearValue
+            onClick: $.clearValue
           }, null, 8, ["onClick"])) : w("", !0),
-          b.value ? (c(), T(q, {
+          b.value ? (c(), L(q, {
             key: 1,
             class: "joy-input--password-icon",
             name: u.value ? "eye-masked" : "eye",
-            onClick: k.togglePassword
+            onClick: $.togglePassword
           }, null, 8, ["name", "onClick"])) : w("", !0),
-          e.icon ? (c(), T(q, {
+          k.icon ? (c(), L(q, {
             key: 2,
             class: "joy-input--decorative-icon",
-            name: e.icon
+            name: k.icon
           }, null, 8, ["name"])) : w("", !0),
-          e.unit ? (c(), v("div", {
+          k.unit ? (c(), v("div", {
             key: 3,
-            "data-unit": e.unit,
+            "data-unit": k.unit,
             class: "joy-input--unit"
           }, null, 8, Qa)) : w("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), uu = /* @__PURE__ */ A(er, [["__scopeId", "data-v-cbb78308"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ x({
+}), uu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-c233e6e6"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4765,12 +4713,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
     }
   },
   setup(e) {
-    return (t, l) => (c(), T(Z(e.href ? "a" : "button"), W({ href: e.href }, t.$attrs, {
+    return (t, l) => (c(), L(Z(e.href ? "a" : "button"), W({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`],
       type: e.type
     }), {
       default: z(() => [
-        e.icon ? (c(), T(q, {
+        e.icon ? (c(), L(q, {
           key: 0,
           name: e.icon
         }, null, 8, ["name"])) : w("", !0),
@@ -4783,7 +4731,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), du = /* @__PURE__ */ A(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ x({
+}), du = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4802,7 +4750,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       }, {
         default: z(() => [
           h("div", nr, [
-            t.icon ? (c(), T(q, {
+            t.icon ? (c(), L(q, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
@@ -4819,7 +4767,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       })
     ]));
   }
-}), cu = /* @__PURE__ */ A(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ x({
+}), cu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4840,9 +4788,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = S();
-    S(0);
-    const i = S();
+    const o = l, n = C();
+    C(0);
+    const i = C();
     function a(u) {
       u.disabled || o("selectItem", u);
     }
@@ -4910,7 +4858,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
         }, [
           h("div", ur, [
             _(u.$slots, "menu-item", W({ ref_for: !0 }, y), () => [
-              y.icon ? (c(), T(q, {
+              y.icon ? (c(), L(q, {
                 key: 0,
                 name: y.icon
               }, null, 8, ["name"])) : w("", !0),
@@ -4923,7 +4871,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       ], 40, ir);
     };
   }
-}), fu = /* @__PURE__ */ A(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ x({
+}), fu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4939,7 +4887,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = be(), i = e, a = V(() => i.type !== "a" && i.type !== "button" ? i.linkProps : { ...n, href: i.href });
+    const o = l, n = be(), i = e, a = T(() => i.type !== "a" && i.type !== "button" ? i.linkProps : { ...n, href: i.href });
     function r() {
       i.disabled || o("click");
     }
@@ -4953,7 +4901,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       "aria-label": s.label,
       role: "menuitem"
     }, [
-      (c(), T(Z(s.disabled ? "div" : s.type), W({ ...a.value, ...s.$attrs }, {
+      (c(), L(Z(s.disabled ? "div" : s.type), W({ ...a.value, ...s.$attrs }, {
         class: [
           "joy-menu-item__inner",
           {
@@ -4965,13 +4913,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
         onClick: r
       }), {
         default: z(() => [
-          s.icon ? (c(), T(q, {
+          s.icon ? (c(), L(q, {
             key: 0,
             class: "joy-menu-item__icon-left",
             name: s.icon
           }, null, 8, ["name"])) : w("", !0),
           h("span", fr, J(s.label), 1),
-          s.status ? (c(), T(q, {
+          s.status ? (c(), L(q, {
             key: 1,
             class: "joy-menu-item__icon-right",
             name: s.status,
@@ -4982,9 +4930,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       }, 16, ["class", "type"]))
     ], 8, cr));
   }
-}), pu = /* @__PURE__ */ A(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
+}), pu = /* @__PURE__ */ x(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
   class: /* @__PURE__ */ I(["joy-multi-checkbox"])
-}, vr = /* @__PURE__ */ x({
+}, vr = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -5010,7 +4958,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       id: a.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      a.label ? (c(), T(ze, {
+      a.label ? (c(), L(ze, {
         key: 0,
         "tag-name": "legend",
         required: a.required && a.requiredMark,
@@ -5023,7 +4971,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
       h("div", mr, [
-        (c(!0), v(H, null, U(a.options, (s) => (c(), T(Gt, {
+        (c(!0), v(H, null, U(a.options, (s) => (c(), L(Gt, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -5041,7 +4989,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       ])
     ], 8, yr));
   }
-}), yu = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-e3d7a668"]]), At = /* @__PURE__ */ x({
+}), yu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5059,7 +5007,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
   },
   emits: ["click"],
   setup(e) {
-    return (t, l) => (c(), T(ne, {
+    return (t, l) => (c(), L(ne, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -5072,7 +5020,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ x({
+}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5103,10 +5051,10 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => {
+    const l = e, o = t, n = T(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < _r ? s(2, l.totalPages - 1) : d(l.currentPage));
+    }), i = T(() => a.value[0] !== a.value[1] - 1), a = T(() => l.totalPages === 1 ? [1] : l.totalPages < _r ? s(2, l.totalPages - 1) : d(l.currentPage));
     function r(p, u) {
       l.currentPage === 1 && u === "prev" || l.currentPage === l.totalPages && u === "next" || o("update:current-page", p);
     }
@@ -5133,7 +5081,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           onClick: u[0] || (u[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
           _(p.$slots, "pagination-prev", {}, () => [
-            R(At, {
+            R(xt, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
@@ -5166,7 +5114,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
           onClick: u[1] || (u[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
           _(p.$slots, "pagination-next", {}, () => [
-            R(At, {
+            R(xt, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages
@@ -5176,10 +5124,10 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       ])
     ], 8, hr));
   }
-}), mu = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
+}), mu = /* @__PURE__ */ x(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, $r = /* @__PURE__ */ x({
+}, $r = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5209,7 +5157,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       ])
     ], 2));
   }
-}), yo = /* @__PURE__ */ A($r, [["__scopeId", "data-v-266b7e2a"]]), Sr = {
+}), yo = /* @__PURE__ */ x($r, [["__scopeId", "data-v-266b7e2a"]]), Sr = {
   key: 0,
   class: /* @__PURE__ */ I(["joy-panel__header"])
 }, Cr = {
@@ -5221,7 +5169,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
 }, Tr = { class: "joy-panel__body" }, Lr = {
   key: 1,
   class: "joy-panel__footer"
-}, Ir = /* @__PURE__ */ x({
+}, Ir = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5253,7 +5201,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = V(() => Object.keys(t).length > 0), o = Y(), n = S(), i = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
+    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = C(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
     return (a, r) => (c(), v("section", {
       ref_key: "panel",
       ref: n,
@@ -5288,7 +5236,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       o["panel-action"] ? (c(), v("footer", Lr, [
         _(a.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0),
-      e.loading ? (c(), T(yo, {
+      e.loading ? (c(), L(yo, {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -5300,31 +5248,31 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ x({
       }, 8, ["color"])) : w("", !0)
     ], 6));
   }
-}), vu = /* @__PURE__ */ A(Ir, [["__scopeId", "data-v-bf00f207"]]), xr = { class: "joy-panel-section" }, Br = {
+}), vu = /* @__PURE__ */ x(Ir, [["__scopeId", "data-v-bf00f207"]]), Br = { class: "joy-panel-section" }, Ar = {
   key: 0,
   class: "joy-panel-section__title"
-}, Ar = {
+}, xr = {
   key: 1,
   class: "joy-panel-section__content"
-}, Er = /* @__PURE__ */ x({
+}, Er = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
-    return (l, o) => (c(), v("div", xr, [
-      D(t)["panel-section-title"] ? (c(), v("div", Br, [
+    return (l, o) => (c(), v("div", Br, [
+      D(t)["panel-section-title"] ? (c(), v("div", Ar, [
         _(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      D(t)["panel-section-content"] ? (c(), v("div", Ar, [
+      D(t)["panel-section-content"] ? (c(), v("div", xr, [
         _(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
   }
-}), hu = /* @__PURE__ */ A(Er, [["__scopeId", "data-v-d88510ab"]]), zr = {}, Jr = { class: "joy-product-tour-spotlight" };
+}), hu = /* @__PURE__ */ x(Er, [["__scopeId", "data-v-d88510ab"]]), zr = {}, Jr = { class: "joy-product-tour-spotlight" };
 function Pr(e, t) {
   return c(), v("div", Jr);
 }
-const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78"]]), Or = () => {
-  const e = S(null);
+const Mr = /* @__PURE__ */ x(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78"]]), Or = () => {
+  const e = C(null);
   return {
     clearProductTourRef: () => {
       e.value = null;
@@ -5338,7 +5286,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
 }, mo = Or(), Fr = { class: "joy-product-tour__content" }, Dr = { class: "joy-product-tour__header" }, Rr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Nr = { class: "joy-product-tour__footer___steps" }, qr = "joy-product-tour-spotlight__wrapper", Hr = /* @__PURE__ */ x({
+}, Nr = { class: "joy-product-tour__footer___steps" }, qr = "joy-product-tour-spotlight__wrapper", Hr = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5354,7 +5302,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: i } = mo, a = S(null), r = S(null), s = S(null), d = S(null), p = S(null), u = S(n.open), f = S(), m = S(
+    const o = l, n = e, { clearProductTourRef: i } = mo, a = C(null), r = C(null), s = C(null), d = C(null), p = C(null), u = C(n.open), f = C(), m = C(
       po(s, a, {
         placement: n.position,
         whileElementsMounted(...j) {
@@ -5372,16 +5320,16 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           co({ element: f, padding: 0 })
         ]
       })
-    ), y = V(() => {
-      const { middlewareData: j, placement: N } = m.value, $ = j.arrow, P = {
+    ), y = T(() => {
+      const { middlewareData: j, placement: N } = m.value, S = j.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
       }[N.split("-")[0]];
       return {
-        left: ($ == null ? void 0 : $.x) && `${$ == null ? void 0 : $.x}px`,
-        top: ($ == null ? void 0 : $.y) && `${$ == null ? void 0 : $.y}px`,
+        left: (S == null ? void 0 : S.x) && `${S == null ? void 0 : S.x}px`,
+        top: (S == null ? void 0 : S.y) && `${S == null ? void 0 : S.y}px`,
         right: "",
         bottom: "",
         [P]: "-12px"
@@ -5389,7 +5337,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     });
     function g() {
       var j;
-      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), C({
+      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), V({
         elementToHighlight: s.value,
         disableOverlay: n.disableOverlay
       }), (j = m.value) == null || j.update(), u.value = !0);
@@ -5397,26 +5345,26 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     function b() {
       u.value = !1, i(), M(), o("product-tour:hide");
     }
-    function C(j) {
-      s.value && (j.disableOverlay || k(), L(j.elementToHighlight));
+    function V(j) {
+      s.value && (j.disableOverlay || $(), k(j.elementToHighlight));
     }
-    function k() {
+    function $() {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", b, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
-    function L(j) {
+    function k(j) {
       j && (j.style.position = "relative", j.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = R(Mr), p.value = document.createElement("div"), p.value.classList.add(qr), document.body.appendChild(p.value), wt(d.value, p.value), E());
     }
     function E() {
       if (!p.value)
         return;
-      const { left: j, top: N, height: $, width: P } = s.value.getBoundingClientRect();
-      p.value.style.left = `calc(${window.scrollX + j - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + N - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${$}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
+      const { left: j, top: N, height: S, width: P } = s.value.getBoundingClientRect();
+      p.value.style.left = `calc(${window.scrollX + j - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + N - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${S}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
     }
-    function B() {
+    function A() {
       r.value && r.value.remove();
     }
     function M() {
-      B(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
+      A(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
     }
     return G(m.value, () => {
       var j;
@@ -5428,13 +5376,13 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       show: g,
       isOpen: u
     }), (j, N) => {
-      var $;
+      var S;
       return Ye((c(), v("div", {
         ref_key: "productTour",
         ref: a,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ee({ "--product-tour-width": j.maxWidth + "px", ...($ = m.value) == null ? void 0 : $.floatingStyles })
+        style: ee({ "--product-tour-width": j.maxWidth + "px", ...(S = m.value) == null ? void 0 : S.floatingStyles })
       }, [
         h("div", {
           ref_key: "productTourArrow",
@@ -5462,7 +5410,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
             h("div", null, [
               _(j.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
-            j.closeButton ? (c(), T(ne, {
+            j.closeButton ? (c(), L(ne, {
               key: 0,
               class: "joy-product-tour__close",
               variant: "ghost",
@@ -5473,7 +5421,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
             })) : w("", !0)
           ], 2),
           h("div", Fr, [
-            j.icon ? (c(), T(q, {
+            j.icon ? (c(), L(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: j.icon,
@@ -5503,7 +5451,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ]);
     };
   }
-}), Wr = /* @__PURE__ */ A(Hr, [["__scopeId", "data-v-3f8b3a2a"]]), gu = /* @__PURE__ */ x({
+}), Wr = /* @__PURE__ */ x(Hr, [["__scopeId", "data-v-3f8b3a2a"]]), gu = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5520,7 +5468,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = S(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = S(), d = be(), p = V(() => {
+    const o = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = C(), d = be(), p = T(() => {
       if (o.value)
         return d;
     });
@@ -5539,7 +5487,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }), t({
       show: u,
       hide: m
-    }), (y, g) => (c(), T(Ae, { to: "body" }, [
+    }), (y, g) => (c(), L(xe, { to: "body" }, [
       R(Wr, W({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
@@ -5567,19 +5515,19 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), bu = /* @__PURE__ */ x({
+}), bu = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => l.productTour), i = Y(), a = V(() => i.default());
+    const l = e, o = t, n = T(() => l.productTour), i = Y(), a = T(() => i.default());
     async function r() {
       var s;
       o("click"), n.value && ((s = n.value) == null || s.show());
     }
-    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), T(Z(p), {
+    return (s, d) => (c(!0), v(H, null, U(a.value, (p) => (c(), L(Z(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -5587,7 +5535,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
 }), Ur = { class: "joy-progress-bar-wrapper" }, Gr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Yr = /* @__PURE__ */ x({
+}, Yr = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5620,14 +5568,14 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = S(0), n = V(() => i());
+    const l = e, o = C(0), n = T(() => i());
     function i() {
       return l.percentage ? o.value = l.percentage : l.currentStep && l.steps ? o.value = Math.round(l.currentStep / l.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
     return t({
       computeInnerWidth: n,
       computedPercentage: o
-    }), (a, r) => (c(), T(re, {
+    }), (a, r) => (c(), L(re, {
       wrap: "nowrap",
       "column-gap": "1",
       align: "center",
@@ -5645,7 +5593,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       _: 1
     }, 8, ["class"]));
   }
-}), _u = /* @__PURE__ */ A(Yr, [["__scopeId", "data-v-1216eff6"]]), Kr = ["id", "value", "checked", "disabled", "required", "name"], Zr = { class: "joy-radio-label" }, Xr = { class: "joy-radio-header-right" }, Qr = { class: "joy-radio-sublabel" }, ei = { class: "joy-radio-content__wrapper" }, ti = { class: "joy-radio-content" }, oi = /* @__PURE__ */ x({
+}), _u = /* @__PURE__ */ x(Yr, [["__scopeId", "data-v-1216eff6"]]), Kr = ["id", "value", "checked", "disabled", "required", "name"], Zr = { class: "joy-radio-label" }, Xr = { class: "joy-radio-header-right" }, Qr = { class: "joy-radio-sublabel" }, ei = { class: "joy-radio-content__wrapper" }, ti = { class: "joy-radio-content" }, oi = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5677,7 +5625,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = S(!1), a = S(!1), r = S(null), s = S(null), d = Y(), p = V(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
+    const o = l, n = e, i = C(!1), a = C(!1), r = C(null), s = C(null), d = Y(), p = T(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
     function u() {
       i.value = !!d["expandable-content"] && p.value;
     }
@@ -5751,7 +5699,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 2));
   }
-}), wu = /* @__PURE__ */ A(oi, [["__scopeId", "data-v-c5b11e4c"]]), ni = ["form", "name"], li = /* @__PURE__ */ x({
+}), wu = /* @__PURE__ */ x(oi, [["__scopeId", "data-v-c5b11e4c"]]), ni = ["form", "name"], li = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5774,7 +5722,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 8, ni));
   }
-}), ju = /* @__PURE__ */ A(li, [["__scopeId", "data-v-ac4dd24e"]]), ai = ["aria-label"], ri = { class: "joy-rating-stars" }, ii = { class: "joy-rating-stars__content" }, si = { key: 0 }, ui = /* @__PURE__ */ x({
+}), ju = /* @__PURE__ */ x(li, [["__scopeId", "data-v-ac4dd24e"]]), ai = ["aria-label"], ri = { class: "joy-rating-stars" }, ii = { class: "joy-rating-stars__content" }, si = { key: 0 }, ui = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5793,7 +5741,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = be(), n = V(() => {
+    const l = e, o = be(), n = T(() => {
       let i = [], a = 0.24, r = 0.75;
       for (let s = 0; s < 5; s++)
         l.ratingValue > a ? i.push(l.ratingValue < r ? "half" : "full") : i.push("empty"), a += 1, r += 1;
@@ -5811,17 +5759,17 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           key: s,
           class: I([`joy-rating-stars--${e.size}`])
         }, [
-          r === "full" ? (c(), T(q, {
+          r === "full" ? (c(), L(q, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : r === "half" ? (c(), T(q, {
+          })) : r === "half" ? (c(), L(q, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (c(), T(q, {
+          })) : (c(), L(q, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -5836,7 +5784,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 8, ai));
   }
-}), di = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-df20c585"]]), ci = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], fi = ["selected"], pi = /* @__PURE__ */ x({
+}), di = /* @__PURE__ */ x(ui, [["__scopeId", "data-v-df20c585"]]), ci = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], fi = ["selected"], pi = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5884,38 +5832,38 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = V(() => {
+    const o = e, n = l, i = Y(), a = T(() => {
       const g = (i == null ? void 0 : i.default) && (i == null ? void 0 : i.default());
       let b = [];
-      return g.forEach((C) => {
-        if (r(C))
-          b.push(C);
+      return g.forEach((V) => {
+        if (r(V))
+          b.push(V);
         else {
-          const k = C.children;
-          if (typeof k == "string" || !k.length)
+          const $ = V.children;
+          if (typeof $ == "string" || !$.length)
             return;
-          const L = k.filter(r);
-          b = [...b, ...L];
+          const k = $.filter(r);
+          b = [...b, ...k];
         }
       }), b;
     });
     function r(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const s = S(), d = S(), p = S(!1), u = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const s = C(), d = C(), p = C(!1), u = T(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     te(() => {
-      var C;
+      var V;
       const g = i["select-label"] && i["select-label"]();
       if (!g || !g.length)
         return;
       const b = g[0];
       if (b.type === "JoyLabel") {
-        const k = (C = b.props) == null ? void 0 : C.for;
-        if (!k) {
+        const $ = (V = b.props) == null ? void 0 : V.for;
+        if (!$) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        $ !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function f(g) {
@@ -5935,7 +5883,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ref: s
     }, [
       _(g.$slots, "select-label", {}, () => [
-        e.label ? (c(), T(ze, {
+        e.label ? (c(), L(ze, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -5974,14 +5922,14 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           onFocus: m,
           onBlur: y
         }, [
-          (c(!0), v(H, null, U(a.value, (C) => {
-            var k, L;
+          (c(!0), v(H, null, U(a.value, (V) => {
+            var $, k;
             return c(), v("option", W({
-              key: (k = C.props) == null ? void 0 : k.value,
+              key: ($ = V.props) == null ? void 0 : $.value,
               ref_for: !0
-            }, C.props, {
-              selected: ((L = C.props) == null ? void 0 : L.value) === e.modelValue
-            }), J(C.children), 17, fi);
+            }, V.props, {
+              selected: ((k = V.props) == null ? void 0 : k.value) === e.modelValue
+            }), J(V.children), 17, fi);
           }), 128))
         ], 40, ci),
         R(q, {
@@ -5991,7 +5939,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 512));
   }
-}), ku = /* @__PURE__ */ A(pi, [["__scopeId", "data-v-a56560eb"]]), yi = ["aria-disabled"], mi = ["id", "value", "checked", "disabled", "required", "name"], vi = { class: "joy-selectable-item__label" }, hi = /* @__PURE__ */ x({
+}), ku = /* @__PURE__ */ x(pi, [["__scopeId", "data-v-a56560eb"]]), yi = ["aria-disabled"], mi = ["id", "value", "checked", "disabled", "required", "name"], vi = { class: "joy-selectable-item__label" }, hi = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6008,7 +5956,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = Me() + "--JoySelectableItem", n = e, i = S(), a = S(!1), r = n.multiple ? "div" : "label", s = V(() => n.id || o), d = {
+    const l = t, o = Me() + "--JoySelectableItem", n = e, i = C(), a = C(!1), r = n.multiple ? "div" : "label", s = T(() => n.id || o), d = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
@@ -6058,7 +6006,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => d.onBlur && d.onBlur(...m))
       }, null, 40, mi)),
-      (c(), T(Z(D(r)), {
+      (c(), L(Z(D(r)), {
         for: s.value,
         class: I([
           "joy-selectable-item",
@@ -6073,7 +6021,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         onClick: d.onLabelClick
       }, {
         default: z(() => [
-          u.multiple ? (c(), T(Gt, {
+          u.multiple ? (c(), L(Gt, {
             key: 0,
             id: s.value,
             checked: u.checked,
@@ -6107,7 +6055,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }, 8, ["for", "class", "onClick"]))
     ], 10, yi));
   }
-}), gi = /* @__PURE__ */ A(hi, [["__scopeId", "data-v-1bc198e0"]]), bi = ["id"], _i = /* @__PURE__ */ x({
+}), gi = /* @__PURE__ */ x(hi, [["__scopeId", "data-v-1bc198e0"]]), bi = ["id"], _i = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6144,7 +6092,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       id: r.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      r.label ? (c(), T(ze, {
+      r.label ? (c(), L(ze, {
         key: 0,
         "tag-name": "legend",
         required: r.required && r.requiredMark,
@@ -6167,7 +6115,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           }
         ])
       }, [
-        (c(!0), v(H, null, U(r.options, (d) => (c(), T(gi, W({ ref_for: !0 }, d.attrs, {
+        (c(!0), v(H, null, U(r.options, (d) => (c(), L(gi, W({ ref_for: !0 }, d.attrs, {
           id: d.id,
           key: d.id,
           name: d.name,
@@ -6194,14 +6142,14 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "invalid", "onUpdate:checked"]))), 128))
       ], 2),
-      r.errorMessage && r.invalid ? (c(), T(yt, {
+      r.errorMessage && r.invalid ? (c(), L(yt, {
         key: 1,
         "no-html-error-text": r.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 8, bi));
   }
-}), $u = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-b1ae09f7"]]), wi = /* @__PURE__ */ x({
+}), $u = /* @__PURE__ */ x(_i, [["__scopeId", "data-v-b1ae09f7"]]), wi = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6220,10 +6168,10 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), Su = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-21db2899"]]), ji = ["id"], ki = { class: "joy-step__stroke" }, $i = {
+}), Su = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-21db2899"]]), ji = ["id"], ki = { class: "joy-step__stroke" }, $i = {
   key: 0,
   class: "joy-step__label"
-}, Si = /* @__PURE__ */ x({
+}, Si = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6257,7 +6205,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = S(0.1), a = V(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = V(() => o.currentSubStep > 0);
+    const o = e, n = l, i = C(0.1), a = T(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = T(() => o.currentSubStep > 0);
     function s(d) {
       d <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
@@ -6290,7 +6238,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       })
     ], 10, ji));
   }
-}), Ci = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-3820cdf3"]]), Vi = { class: "joy-stepper" }, Ti = /* @__PURE__ */ x({
+}), Ci = /* @__PURE__ */ x(Si, [["__scopeId", "data-v-3820cdf3"]]), Vi = { class: "joy-stepper" }, Ti = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6305,7 +6253,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Y(), n = Ce("VJoyStepperShowLabels", !0), i = V(() => {
+    const l = e, o = Y(), n = Ce("VJoyStepperShowLabels", !0), i = T(() => {
       const f = o.default();
       return f.length === 1 && typeof f[0].type != "object" ? f[0].children.filter(a) : f.filter(a);
     });
@@ -6313,7 +6261,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       var m;
       return ((m = f.type) == null ? void 0 : m.__name) === "VJoyStep";
     }
-    const r = V(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = V(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), d = V(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), p = V(() => r.value.props === null ? r.value.type.props.subSteps.default : r.value.props["sub-steps"]);
+    const r = T(() => l.step > 0 ? i.value[l.step - 1] : i.value[0]), s = T(() => r.value.props === null ? !1 : l.subStep <= 0 || l.subStep > p.value), d = T(() => s.value && r.value.props ? r.value.props["sub-steps"] : l.subStep), p = T(() => r.value.props === null ? r.value.type.props.subSteps.default : r.value.props["sub-steps"]);
     function u(f) {
       return f !== l.step - 1 ? 0 : d.value;
     }
@@ -6324,16 +6272,16 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }), (f, m) => (c(), v("div", Vi, [
       (c(!0), v(H, null, U(i.value, (y, g) => {
         var b;
-        return c(), T(Ci, W({ ref_for: !0 }, y.props, {
+        return c(), L(Ci, W({ ref_for: !0 }, y.props, {
           key: (b = y.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": u(g),
           "show-label": D(n)
         }), {
           default: z(() => {
-            var C;
+            var V;
             return [
-              (C = y.children) != null && C.default ? (c(), T(Z(y.children.default), { key: 0 })) : w("", !0)
+              (V = y.children) != null && V.default ? (c(), L(Z(y.children.default), { key: 0 })) : w("", !0)
             ];
           }),
           _: 2
@@ -6341,7 +6289,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), Cu = /* @__PURE__ */ A(Ti, [["__scopeId", "data-v-22705668"]]), Li = ["id", "aria-hidden", "aria-labelledby"], Ii = /* @__PURE__ */ x({
+}), Cu = /* @__PURE__ */ x(Ti, [["__scopeId", "data-v-22705668"]]), Li = ["id", "aria-hidden", "aria-labelledby"], Ii = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6372,7 +6320,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyTabs", S("")), o = V(() => l.value === t.tab);
+    const t = e, l = Ce("VJoyTabs", C("")), o = T(() => l.value === t.tab);
     return (n, i) => (c(), v("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6386,10 +6334,10 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       _(n.$slots, "default", {}, void 0, !0)
     ], 10, Li));
   }
-}), Vu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-60bfe6bd"]]), xi = ["id", "href", "aria-selected", "aria-controls"], Bi = {
+}), Vu = /* @__PURE__ */ x(Ii, [["__scopeId", "data-v-60bfe6bd"]]), Bi = ["id", "href", "aria-selected", "aria-controls"], Ai = {
   type: "button",
   tabindex: "-1"
-}, Ai = /* @__PURE__ */ x({
+}, xi = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6426,7 +6374,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["changeTab"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = V(() => typeof l.notifications == "number");
+    const l = e, o = t, n = T(() => typeof l.notifications == "number");
     function i() {
       o("changeTab");
     }
@@ -6449,11 +6397,11 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Bi, [
+        h("button", Ai, [
           _(r.$slots, "default", {}, () => [
             F(J(e.label), 1)
           ], !0),
-          n.value ? (c(), T(un, {
+          n.value ? (c(), L(un, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6461,9 +6409,9 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           }, null, 8, ["number"])) : w("", !0)
         ])
       ], 2)
-    ], 40, xi));
+    ], 40, Bi));
   }
-}), Ei = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-8424823d"]]), zi = { class: "joy-tabs" }, Ji = /* @__PURE__ */ x({
+}), Ei = /* @__PURE__ */ x(xi, [["__scopeId", "data-v-8424823d"]]), zi = { class: "joy-tabs" }, Ji = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6473,15 +6421,15 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = S(o.selectedTab);
+    const o = e, n = l, i = Y(), a = C(o.selectedTab);
     Ke("VJoyTabs", a);
-    const r = S(null), s = S(null), d = S(!1), p = S(!1), u = V(() => {
+    const r = C(null), s = C(null), d = C(!1), p = C(!1), u = T(() => {
       const b = i.default();
       return b.length === 1 && typeof b[0].type != "object" ? b[0].children.filter(f) : b.filter(f);
     });
     function f(b) {
-      var C;
-      return ((C = b == null ? void 0 : b.type) == null ? void 0 : C.__name) === "VJoyTab";
+      var V;
+      return ((V = b == null ? void 0 : b.type) == null ? void 0 : V.__name) === "VJoyTab";
     }
     function m(b) {
       return b.props.tab === a.value;
@@ -6489,8 +6437,8 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
     function y() {
       s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, d.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, d.value = !1);
     }
-    function g(b, C = !0) {
-      b && C && (a.value = b, n("update:selected-tab", b));
+    function g(b, V = !0) {
+      b && V && (a.value = b, n("update:selected-tab", b));
     }
     return G(
       () => o.selectedTab,
@@ -6506,7 +6454,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       (b = s.value) == null || b.removeEventListener("scroll", y);
     }), t({
       tabs: u
-    }), (b, C) => (c(), v("div", zi, [
+    }), (b, V) => (c(), v("div", zi, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6522,21 +6470,21 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (c(!0), v(H, null, U(u.value, (k) => (c(), v("div", {
-            key: k.props.tab
+          (c(!0), v(H, null, U(u.value, ($) => (c(), v("div", {
+            key: $.props.tab
           }, [
             R(Ei, {
-              tab: k.props.tab,
-              label: k.props.label,
-              href: k.props.href,
-              notifications: k.props.notifications,
-              selected: m(k),
-              onChangeTab: () => g(k.props.tab, !k.props.href)
+              tab: $.props.tab,
+              label: $.props.label,
+              href: $.props.href,
+              notifications: $.props.notifications,
+              selected: m($),
+              onChangeTab: () => g($.props.tab, !$.props.href)
             }, {
               default: z(() => {
-                var L;
+                var k;
                 return [
-                  (L = k.children) != null && L.header ? (c(), T(Z(k.children.header), { key: 0 })) : w("", !0)
+                  (k = $.children) != null && k.header ? (c(), L(Z($.children.header), { key: 0 })) : w("", !0)
                 ];
               }),
               _: 2
@@ -6549,7 +6497,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Tu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-9aea2d41"]]), Pi = ["id", "role"], Mi = /* @__PURE__ */ x({
+}), Tu = /* @__PURE__ */ x(Ji, [["__scopeId", "data-v-9aea2d41"]]), Pi = ["id", "role"], Mi = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6567,7 +6515,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const l = ["primary", "secondary"], o = t, n = e, i = V(() => ({
+    const l = ["primary", "secondary"], o = t, n = e, i = T(() => ({
       "joy-tag": !0,
       "joy-tag__selected": n.selected,
       "joy-tag__selectable": n.selectable || n.link,
@@ -6576,7 +6524,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       "joy-tag__disabled": n.disabled,
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
-    })), a = Me() + "--JoyTag", r = V(() => n.id || a);
+    })), a = Me() + "--JoyTag", r = T(() => n.id || a);
     function s() {
       o("remove", { value: n.value });
     }
@@ -6590,7 +6538,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       onClick: d
     }, [
       _(p.$slots, "default", {}, () => [
-        p.draggable ? (c(), T(q, {
+        p.draggable ? (c(), L(q, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -6598,7 +6546,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
         })) : w("", !0),
         F(" " + J(p.label), 1)
       ], !0),
-      p.removable ? (c(), T(q, {
+      p.removable ? (c(), L(q, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -6609,7 +6557,7 @@ const Mr = /* @__PURE__ */ A(zr, [["render", Pr], ["__scopeId", "data-v-fbaf8e78
       })) : w("", !0)
     ], 10, Pi));
   }
-}), vo = /* @__PURE__ */ A(Mi, [["__scopeId", "data-v-f672398d"]]);
+}), vo = /* @__PURE__ */ x(Mi, [["__scopeId", "data-v-f672398d"]]);
 var _e = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(_e || {});
 function Et(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6622,7 +6570,7 @@ function Et(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholder"], Di = { key: 0 }, Ri = { key: 1 }, Ni = /* @__PURE__ */ x({
+const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholder"], Di = { key: 0 }, Ri = { key: 1 }, Ni = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6637,70 +6585,70 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = S(o.modelValue), a = S(!1), r = S(null), s = S(o.invalid), d = S(null), p = V(() => o.validation === "email"), u = V(() => p.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = V(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = V(() => s.value && (!!u.value || !!f.value));
+    const o = e, n = l, i = C(o.modelValue), a = C(!1), r = C(null), s = C(o.invalid), d = C(null), p = T(() => o.validation === "email"), u = T(() => p.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = T(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = T(() => s.value && (!!u.value || !!f.value));
     function y() {
       p.value && s.value === !0 && (d.value = _e.INVALID_EMAIL);
     }
     function g() {
       var O;
-      const $ = i.value.map((K) => K.trim());
-      return $.filter((K, se) => $.indexOf(K) !== se).length ? !0 : (O = r.value) != null && O.value ? $.includes(r.value.value.trim()) : !1;
+      const S = i.value.map((K) => K.trim());
+      return S.filter((K, se) => S.indexOf(K) !== se).length ? !0 : (O = r.value) != null && O.value ? S.includes(r.value.value.trim()) : !1;
     }
     function b() {
       g() && (d.value = _e.DUPLICATED_ENTRY);
     }
-    function C($) {
+    function V(S) {
       var P;
-      if (["Backspace"].includes($.key)) {
+      if (["Backspace"].includes(S.key)) {
         if (((P = r.value) == null ? void 0 : P.value) !== "")
           return;
         i.value.pop(), n("update:modelValue", i.value), p.value && N();
       }
     }
-    function k() {
-      var $, P;
-      ($ = r.value) != null && $.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
+    function $() {
+      var S, P;
+      (S = r.value) != null && S.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
     }
-    function L($) {
+    function k(S) {
       var P;
       if (p.value) {
-        if (["Enter", ",", " "].includes($.key)) {
-          if ($.preventDefault(), N(), g()) {
+        if (["Enter", ",", " "].includes(S.key)) {
+          if (S.preventDefault(), N(), g()) {
             n("validation:error", _e.DUPLICATED_ENTRY);
             return;
           } else if ((P = r.value) != null && P.value && !Et(r.value.value)) {
             n("validation:error", _e.INVALID_EMAIL);
             return;
           }
-          k();
+          $();
         }
-      } else if (["Enter", ","].includes($.key)) {
-        if ($.preventDefault(), g()) {
+      } else if (["Enter", ","].includes(S.key)) {
+        if (S.preventDefault(), g()) {
           s.value = !0, d.value = _e.DUPLICATED_ENTRY, n("validation:error", _e.DUPLICATED_ENTRY);
           return;
         }
-        k(), s.value = !1;
+        $(), s.value = !1;
       }
-      C($);
+      V(S);
     }
     function E() {
       a.value = !0;
     }
-    function B() {
+    function A() {
       a.value = !1, N();
     }
-    function M($) {
+    function M(S) {
       var P;
-      i.value = i.value.filter((O) => O !== $.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), N();
+      i.value = i.value.filter((O) => O !== S.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), N();
     }
     function j() {
       var P, O;
-      let $ = !1;
+      let S = !1;
       if (p.value) {
         let K = i.value;
-        (P = r.value) != null && P.value && (K = [...K, (O = r.value) == null ? void 0 : O.value]), $ = !Et(K);
+        (P = r.value) != null && P.value && (K = [...K, (O = r.value) == null ? void 0 : O.value]), S = !Et(K);
       }
-      s.value = $ || g(), !$ && g() && (d.value = null);
+      s.value = S || g(), !S && g() && (d.value = null);
     }
     function N() {
       j(), y(), b();
@@ -6714,14 +6662,14 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), ($, P) => (c(), v("div", Oi, [
-      $.$slots.default ? (c(), T(ze, {
+    }), (S, P) => (c(), v("div", Oi, [
+      S.$slots.default ? (c(), L(ze, {
         key: 0,
-        id: $.name,
+        id: S.name,
         class: "joy-tags-input__label"
       }, {
         default: z(() => [
-          _($.$slots, "default", {}, void 0, !0)
+          _(S.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : w("", !0),
@@ -6734,48 +6682,48 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), v(H, null, U(i.value, (O) => (c(), T(vo, {
+        (c(!0), v(H, null, U(i.value, (O) => (c(), L(vo, {
           key: O,
-          variant: $.variant,
+          variant: S.variant,
           removable: !0,
-          size: $.size,
+          size: S.size,
           label: O,
           value: O,
           onRemove: M
         }, {
           default: z(() => [
-            _($.$slots, "tag", W({ ref_for: !0 }, { name: O }), void 0, !0)
+            _(S.$slots, "tag", W({ ref_for: !0 }, { name: O }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
         h("input", {
-          id: $.name,
+          id: S.name,
           ref_key: "inputEl",
           ref: r,
           "data-joy-form-field": "",
           type: "text",
-          name: $.name,
-          placeholder: $.placeholder,
-          onKeydown: L,
+          name: S.name,
+          placeholder: S.placeholder,
+          onKeydown: k,
           onFocus: E,
-          onBlur: B
+          onBlur: A
         }, null, 40, Fi)
       ], 2),
-      m.value ? (c(), T(yt, {
+      m.value ? (c(), L(yt, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", Di, J($.duplicationError), 1)) : w("", !0),
-            u.value ? (c(), v("li", Ri, J($.invalidEmailError), 1)) : w("", !0)
+            f.value ? (c(), v("li", Di, J(S.duplicationError), 1)) : w("", !0),
+            u.value ? (c(), v("li", Ri, J(S.invalidEmailError), 1)) : w("", !0)
           ])
         ]),
         _: 1
       })) : w("", !0)
     ]));
   }
-}), Lu = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-97e5c238"]]), qi = /* @__PURE__ */ x({
+}), Lu = /* @__PURE__ */ x(Ni, [["__scopeId", "data-v-97e5c238"]]), qi = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6831,7 +6779,7 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
     return (d, p) => (c(), v("div", {
       class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (c(!0), v(H, null, U(e.tags, (u) => (c(), T(vo, W({
+      (c(!0), v(H, null, U(e.tags, (u) => (c(), L(vo, W({
         key: u.value || u.label,
         ref_for: !0
       }, u, {
@@ -6854,7 +6802,7 @@ const Oi = { class: "joy-tags-input__wrapper" }, Fi = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Iu = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-1d8003ef"]]), Hi = {}, Wi = {
+}), Iu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-1d8003ef"]]), Hi = {}, Wi = {
   class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
 function Ui(e, t) {
@@ -6862,7 +6810,7 @@ function Ui(e, t) {
     Ot('<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 Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46"]]), Yi = { class: "joy-template__wrapper" }, Ki = {
+const Gi = /* @__PURE__ */ x(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46"]]), Yi = { class: "joy-template__wrapper" }, Ki = {
   key: 0,
   class: "joy-template__heading"
 }, Zi = {
@@ -6883,7 +6831,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
 }, ns = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ls = /* @__PURE__ */ x({
+}, ls = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6904,11 +6852,11 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    const t = e, l = Y(), o = V(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
+    const t = e, l = Y(), o = T(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
     return (n, i) => (c(), v("div", {
       class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), T(Gi, { key: 0 })) : w("", !0),
+      e.shapes ? (c(), L(Gi, { key: 0 })) : w("", !0),
       h("div", Yi, [
         o.value ? (c(), v("div", Ki, [
           l["template-back"] ? (c(), v("div", Zi, [
@@ -6942,7 +6890,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           ])) : w("", !0)
         ], 2)
       ]),
-      e.loading ? (c(), T(yo, {
+      e.loading ? (c(), L(yo, {
         key: 1,
         overlay: "",
         color: e.loadingColor
@@ -6954,7 +6902,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : w("", !0)
     ], 2));
   }
-}), xu = /* @__PURE__ */ A(ls, [["__scopeId", "data-v-8e1d59ca"]]), as = /* @__PURE__ */ x({
+}), Bu = /* @__PURE__ */ x(ls, [["__scopeId", "data-v-8e1d59ca"]]), as = /* @__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 */
@@ -6969,7 +6917,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, l) => (c(), T(Z(e.tagName), {
+    return (t, l) => (c(), L(Z(e.tagName), {
       class: I(`joy-text joy-font-${e.preset}`)
     }, {
       default: z(() => [
@@ -6978,12 +6926,12 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Bu = /* @__PURE__ */ A(as, [["__scopeId", "data-v-8a40109a"]]), rs = ["aria-disabled"], is = { class: "joy-textarea_wrapper" }, ss = ["id", "disabled", "name", "required", "minlength", "value"], us = {
+}), Au = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8a40109a"]]), rs = ["aria-disabled"], is = { class: "joy-textarea_wrapper" }, ss = ["id", "disabled", "name", "required", "minlength", "value"], us = {
   key: 1,
   class: "joy-textarea_helpers"
 }, ds = {
   inheritAttrs: !1
-}, cs = /* @__PURE__ */ x({
+}, cs = /* @__PURE__ */ B({
   ...ds,
   __name: "VJoyTextarea",
   props: {
@@ -7043,11 +6991,11 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Y(), a = S(), { triggerResize: r } = Tn({
+    const o = l, n = e, i = Y(), a = C(), { triggerResize: r } = Tn({
       element: n.autogrow ? a : void 0
-    }), s = S(!1), d = S(!1);
+    }), s = C(!1), d = C(!1);
     Yt(a, n.autofocus);
-    const p = V(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), u = V(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = V(() => !!(n.label || i.default)), m = {
+    const p = T(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), u = T(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = T(() => !!(n.label || i.default)), m = {
       onInput: (y) => {
         n.modelModifiers.lazy || o("update:modelValue", y.target.value), m.triggerResize();
       },
@@ -7090,7 +7038,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
         }
       ])
     }, [
-      f.value ? (c(), T(ze, {
+      f.value ? (c(), L(ze, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7131,7 +7079,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
           key: 0,
           class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          u.value ? w("", !0) : (c(), T(q, {
+          u.value ? w("", !0) : (c(), L(q, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -7146,23 +7094,23 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ])) : w("", !0)
     ], 10, rs));
   }
-}), Au = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-26da9592"]]), fs = /* @__PURE__ */ x({
+}), xu = /* @__PURE__ */ x(cs, [["__scopeId", "data-v-26da9592"]]), fs = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
-    return (t, l) => (c(), T(Z(t.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
+    return (t, l) => (c(), L(Z(t.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
       default: z(() => [
         _(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), Eu = /* @__PURE__ */ A(fs, [["__scopeId", "data-v-f63a2545"]]), ps = { class: "joy-toggle__wrapper" }, ys = ["name", "disabled", "checked", "required", "aria-checked", "value"], ms = { class: "joy-toggle__content" }, vs = { class: "joy-toggle__content-label" }, hs = {
+}), Eu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-f63a2545"]]), ps = { class: "joy-toggle__wrapper" }, ys = ["name", "disabled", "checked", "required", "aria-checked", "value"], ms = { class: "joy-toggle__content" }, vs = { class: "joy-toggle__content-label" }, hs = {
   key: 0,
   class: "joy-toggle__smile"
-}, gs = /* @__PURE__ */ x({
+}, gs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7202,7 +7150,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
   setup(e, { emit: t }) {
     const l = t;
     Y();
-    const o = S(!1), n = {
+    const o = C(!1), n = {
       onChange: (i) => {
         const a = i.target.checked;
         l("update:modelValue", a);
@@ -7265,7 +7213,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
                 fill: "currentColor"
               })
             ], -1)
-          ]))) : (c(), T(q, {
+          ]))) : (c(), L(q, {
             key: 1,
             name: "eye",
             class: "joy-toggle__icon"
@@ -7274,7 +7222,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), zu = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-df289167"]]), bs = { class: "joy-user-card__picture" }, _s = { class: "joy-user-card__informations" }, ws = { class: "joy-user-card__title" }, js = { class: "joy-user-card__subtitle" }, ks = /* @__PURE__ */ x({
+}), zu = /* @__PURE__ */ x(gs, [["__scopeId", "data-v-df289167"]]), bs = { class: "joy-user-card__picture" }, _s = { class: "joy-user-card__informations" }, ws = { class: "joy-user-card__title" }, js = { class: "joy-user-card__subtitle" }, ks = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7301,7 +7249,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, l) => (c(), T(Z(e.link ? "a" : "div"), W({
+    return (t, l) => (c(), L(Z(e.link ? "a" : "div"), W({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
@@ -7327,7 +7275,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), T(di, {
+            e.ratingValue ? (c(), L(di, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : w("", !0)
@@ -7340,13 +7288,13 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Ju = /* @__PURE__ */ A(ks, [["__scopeId", "data-v-86acec3a"]]), $s = { class: "joy-walkthrough-trigger__content" }, Ss = {
+}), Ju = /* @__PURE__ */ x(ks, [["__scopeId", "data-v-86acec3a"]]), $s = { class: "joy-walkthrough-trigger__content" }, Ss = {
   key: 0,
   class: "joy-pr-3"
 }, Cs = {
   key: 1,
   class: "joy-pl-3"
-}, Vs = /* @__PURE__ */ x({
+}, Vs = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7355,7 +7303,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
     open: { type: Boolean }
   },
   setup(e) {
-    const l = S(e.open);
+    const l = C(e.open);
     return (o, n) => {
       const i = ut("joy-ripple");
       return Ye((c(), v("button", W(o.$attrs, {
@@ -7363,7 +7311,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: n[0] || (n[0] = (a) => l.value = !l.value)
       }), [
-        o.icon ? (c(), T(q, {
+        o.icon ? (c(), L(q, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
@@ -7383,7 +7331,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Ts = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-56824d11"]]), Ls = { class: "joy-walkthrough-modal__illustration" }, Is = { class: "joy-walkthrough-modal__content___titles" }, xs = { class: "joy-walkthrough-modal__content___title" }, Bs = { class: "joy-walkthrough-modal__content___subtitle" }, As = {
+}), Ts = /* @__PURE__ */ x(Vs, [["__scopeId", "data-v-56824d11"]]), Ls = { class: "joy-walkthrough-modal__illustration" }, Is = { class: "joy-walkthrough-modal__content___titles" }, Bs = { class: "joy-walkthrough-modal__content___title" }, As = { class: "joy-walkthrough-modal__content___subtitle" }, xs = {
   key: 0,
   class: "joy-mt-4"
 }, Es = {
@@ -7392,7 +7340,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
 }, zs = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Js = /* @__PURE__ */ x({
+}, Js = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7407,7 +7355,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l;
     let i = null;
-    const a = S(o.open), r = S(!1);
+    const a = C(o.open), r = C(!1);
     function s() {
       a.value ? u() : a.value = !0;
     }
@@ -7429,7 +7377,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       }
     ), t({
       isOpen: a
-    }), (f, m) => (c(), T(Ae, {
+    }), (f, m) => (c(), L(xe, {
       to: "body",
       disabled: f.disableTeleport
     }, [
@@ -7446,7 +7394,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             onClick: d
           }, {
             default: z(() => [
-              f.triggerIcon ? (c(), T(q, {
+              f.triggerIcon ? (c(), L(q, {
                 key: 0,
                 color: "white",
                 name: f.triggerIcon
@@ -7480,17 +7428,17 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
                   _(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
                 h("div", Is, [
-                  h("div", xs, [
+                  h("div", Bs, [
                     _(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Bs, [
+                  h("div", As, [
                     _(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), v("div", As, [
+            f.$slots["walkthrough-progress"] ? (c(), v("div", xs, [
               _(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : w("", !0),
             f.$slots["walkthrough-content"] ? (c(), v("div", Es, [
@@ -7505,7 +7453,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
             h("button", zs, J(f.footer), 1)
           ])) : w("", !0)
         ], 16)) : w("", !0),
-        a.value ? w("", !0) : (c(), T(Ts, W({ key: 1 }, f.triggerAttrs, {
+        a.value ? w("", !0) : (c(), L(Ts, W({ key: 1 }, f.triggerAttrs, {
           title: f.triggerTitle,
           subtitle: f.triggerSubtitle,
           icon: f.triggerIcon,
@@ -7515,7 +7463,7 @@ const Gi = /* @__PURE__ */ A(Hi, [["render", Ui], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Pu = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-c1a50091"]]), Mu = {
+}), Pu = /* @__PURE__ */ x(Js, [["__scopeId", "data-v-c1a50091"]]), Mu = {
   install: (e) => {
     typeof window < "u" && qt(), e.directive("joy-ripple", Ft), e.directive("bind-once", zo);
   }
@@ -7585,10 +7533,10 @@ export {
   vo as VJoyTag,
   Lu as VJoyTagsInput,
   Iu as VJoyTagsList,
-  xu as VJoyTemplate,
+  Bu as VJoyTemplate,
   Gi as VJoyTemplateShape,
-  Bu as VJoyText,
-  Au as VJoyTextarea,
+  Au as VJoyText,
+  xu as VJoyTextarea,
   Eu as VJoyTitleBrand,
   zu as VJoyToggle,
   Ha as VJoyTooltip,