@maltjoy/core-vue 6.1.0 → 6.1.2

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as S, openBlock as c, createElementBlock as h, normalizeClass as I, createElementVNode as g, ref as C, onMounted as ne, onUnmounted as Ot, createVNode as D, toDisplayString as P, createCommentVNode as k, createApp as _o, createTextVNode as R, Fragment as W, useSlots as Z, inject as de, unref as O, createBlock as x, resolveDynamicComponent as Q, mergeProps as q, withCtx as J, renderSlot as j, provide as oe, renderList as Y, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as $o, readonly as Co, customRef as So, shallowRef as Nt, watch as K, nextTick as Fe, getCurrentInstance as xo, h as Vo, Teleport as Te, shallowReadonly as Le, onBeforeUnmount as Pe, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as To, useModel as Io, mergeModels as Lo, createStaticVNode as Ht, createPropsRestProxy as Bo, vShow as Ao, render as Ct, withModifiers as Eo } from "vue";
+import { defineComponent as B, computed as x, openBlock as c, createElementBlock as h, normalizeClass as L, createElementVNode as g, ref as S, onMounted as ne, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as _o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as O, createBlock as V, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as j, provide as oe, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as $o, readonly as Co, customRef as So, shallowRef as Nt, watch as G, nextTick as Fe, getCurrentInstance as xo, h as Vo, Teleport as Te, shallowReadonly as Le, onBeforeUnmount as Pe, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as To, useModel as Io, mergeModels as Lo, createStaticVNode as Ht, createPropsRestProxy as Bo, vShow as Ao, render as Ct, withModifiers as Eo } from "vue";
 function St(e) {
   const t = e.target;
   if (!t)
@@ -100,7 +100,7 @@ const Qe = function(e = 10) {
 function be(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
+const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -131,19 +131,19 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    const t = e, l = S(() => {
+    const t = e, l = x(() => {
       if (t.role === "button")
         return t.tabIndex;
     });
     return (o, n) => (c(), h("span", {
-      class: I(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
+      class: L(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: l.value,
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
       g("i", {
-        class: I(["icon", `icon-${e.name}`]),
+        class: L(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
     ], 10, Do));
@@ -151,7 +151,7 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
 }), Ro = { class: "joy-snackbar__img joy-core-radius-6" }, No = { class: "joy-snackbar__content" }, qo = {
   key: 0,
   class: "joy-mb-1"
-}, Ho = ["innerHTML"], Wo = /* @__PURE__ */ L({
+}, Ho = ["innerHTML"], Wo = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -199,9 +199,9 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(!0);
+    const l = e, o = S(!0);
     let n, a;
-    const r = "joy-snackbar-" + Qe(), i = S(() => Ut(l.level));
+    const r = "joy-snackbar-" + Qe(), i = x(() => Ut(l.level));
     function u() {
       var b;
       (b = l.bus) == null || b.emit("snackbar:action-click");
@@ -238,14 +238,14 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
       isOpen: o,
       exposedMethods: v
     }), (b, m) => (c(), h("div", {
-      class: I(["joy-snackbar_container", {
+      class: L(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !o.value
       }])
     }, [
       g("div", {
         id: r,
-        class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
+        class: L(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         g("div", Ro, [
           D(N, {
@@ -255,13 +255,13 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
           }, null, 8, ["name"])
         ]),
         g("div", No, [
-          e.header ? (c(), h("strong", qo, P(e.header), 1)) : k("", !0),
+          e.header ? (c(), h("strong", qo, J(e.header), 1)) : k("", !0),
           g("span", { innerHTML: e.message }, null, 8, Ho),
           e.actionText ? (c(), h("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: u
-          }, P(e.actionText), 1)) : k("", !0)
+          }, J(e.actionText), 1)) : k("", !0)
         ]),
         e.closable ? (c(), h("button", {
           key: 0,
@@ -351,7 +351,7 @@ function fu(e) {
     snackbarApp: t
   };
 }
-const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label joy-font-primary-350" }, en = /* @__PURE__ */ L({
+const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label joy-font-primary-350" }, en = /* @__PURE__ */ B({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -360,11 +360,11 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
     return (t, l) => (c(), h("div", Xo, [
       g("span", Qo, [
         D(N, { name: "eye" }),
-        R(" " + P(e.label), 1)
+        R(" " + J(e.label), 1)
       ])
     ]));
   }
-}), yu = /* @__PURE__ */ A(en, [["__scopeId", "data-v-114794fd"]]), tn = ["title"], on = /* @__PURE__ */ L({
+}), yu = /* @__PURE__ */ A(en, [["__scopeId", "data-v-114794fd"]]), tn = ["title"], on = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -372,27 +372,27 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
     isPartial: { type: Boolean }
   },
   setup(e) {
-    const t = e, l = S(() => ({
+    const t = e, l = x(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
     }));
     return (o, n) => (c(), h("div", {
-      class: I(["joy-availability", { "joy-availability-has-label": !!e.label }]),
+      class: L(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       g("span", {
-        class: I(l.value)
+        class: L(l.value)
       }, null, 2),
-      e.label ? (c(), h(W, { key: 0 }, [
-        R(P(e.label), 1)
+      e.label ? (c(), h(H, { key: 0 }, [
+        R(J(e.label), 1)
       ], 64)) : k("", !0)
     ], 10, tn));
   }
 }), mu = /* @__PURE__ */ A(on, [["__scopeId", "data-v-b3bb9092"]]), nn = ["src", "title", "alt", "loading"], ln = {
   key: 0,
   class: "joy-avatar__strategy"
-}, an = ["height"], rn = /* @__PURE__ */ L({
+}, an = ["height"], rn = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -408,23 +408,23 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = Z(), r = de("VJoyAvatarsList", { compress: !1 });
+    const o = l, n = e, a = Y(), r = de("VJoyAvatarsList", { compress: !1 });
     function i(m) {
       return m.type === "img" ? !0 : Array.isArray(m.children) ? m.children.some((w) => typeof w == "object" && w !== null && i(w)) : !1;
     }
-    const u = S(() => n.size === "large" || n.size === "xlarge" || n.size === "xxlarge" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), s = S(() => n.link ? {
+    const u = x(() => n.size === "large" || n.size === "xlarge" || n.size === "xxlarge" ? "medium" : n.size === "medium" ? "small" : n.size === "small" ? "xsmall" : "xxsmall"), s = x(() => n.link ? {
       type: "button"
-    } : null), f = S(() => ({
+    } : null), f = x(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": n.link,
       "joy-avatar__placeholder": d.value,
       [`joy-avatar__${n.size}`]: !0,
       "joy-avatar--empty": n.isEmpty
-    })), d = S(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), y = S(() => n.photoUrl ? !0 : a.default ? a.default().some((w) => i(w)) : !1);
+    })), d = x(() => !n.fullName && !n.photoUrl && !n.totalNumber && !n.isEmpty), y = x(() => n.photoUrl ? !0 : a.default ? a.default().some((w) => i(w)) : !1);
     function p(m) {
       return m.replace(/[';,:()]/g, "").charAt(0);
     }
-    const v = S(() => {
+    const v = x(() => {
       let m = n.fullName.split(" ");
       return m = m.slice(0, 2), m.forEach((w, _) => {
         m[_] = p(w);
@@ -438,7 +438,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
       initials: v
     }), (m, w) => (c(), h("div", {
       ref: "avatarEl",
-      class: I(["joy-avatar__wrapper", {
+      class: L(["joy-avatar__wrapper", {
         [`joy-avatar__wrapper--${e.size}`]: !0,
         "joy-avatar__wrapper--anonymous": d.value,
         "joy-avatar__wrapper--compressed": O(r).compress,
@@ -446,13 +446,13 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
         "joy-avatar__wrapper--has-photo": y.value
       }])
     }, [
-      (c(), x(Q(e.link ? "button" : "div"), q(s.value, {
+      (c(), V(X(e.link ? "button" : "div"), q(s.value, {
         title: e.fullName,
         class: [f.value],
         onClick: b
       }), {
-        default: J(() => [
-          d.value ? (c(), x(N, {
+        default: z(() => [
+          d.value ? (c(), V(N, {
             key: 0,
             name: e.placeholder,
             color: "neutral-50",
@@ -468,11 +468,11 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
               loading: e.loading
             }, null, 8, nn)) : k("", !0)
           ], !0),
-          e.fullName && e.showLetters ? (c(), h(W, { key: 1 }, [
-            R(P(v.value), 1)
+          e.fullName && e.showLetters ? (c(), h(H, { key: 1 }, [
+            R(J(v.value), 1)
           ], 64)) : k("", !0),
-          e.totalNumber ? (c(), h(W, { key: 2 }, [
-            R(P("+" + e.totalNumber), 1)
+          e.totalNumber ? (c(), h(H, { key: 2 }, [
+            R(J("+" + e.totalNumber), 1)
           ], 64)) : k("", !0)
         ]),
         _: 3
@@ -493,7 +493,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
       ])) : k("", !0)
     ], 2));
   }
-}), sn = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-4d59a951"]]), un = /* @__PURE__ */ L({
+}), sn = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-4d59a951"]]), un = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -505,26 +505,26 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
   setup(e) {
     return oe("VJoyAvatarsList", { compress: e.compress }), (l, o) => (c(), h("div", {
       ref: "avatarsList",
-      class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
+      class: L(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
       j(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), pu = /* @__PURE__ */ A(un, [["__scopeId", "data-v-66e67dbb"]]), cn = /* @__PURE__ */ L({
+}), pu = /* @__PURE__ */ A(un, [["__scopeId", "data-v-66e67dbb"]]), cn = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: { default: void 0 },
     variant: { default: "info" }
   },
   setup(e) {
-    const t = e, l = S(() => t.number !== void 0);
+    const t = e, l = x(() => t.number !== void 0);
     return (o, n) => (c(), h("div", {
-      class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
+      class: L(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
-      g("span", null, P(e.number), 1)
+      g("span", null, J(e.number), 1)
     ], 2));
   }
-}), Yt = /* @__PURE__ */ A(cn, [["__scopeId", "data-v-c83c3e83"]]), dn = /* @__PURE__ */ L({
+}), Yt = /* @__PURE__ */ A(cn, [["__scopeId", "data-v-0002d03f"]]), dn = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -553,16 +553,16 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
   },
   setup(e) {
     return (t, l) => (c(), h("span", {
-      class: I(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
+      class: L(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (c(), x(Yt, {
+      e.bulletpoint ? (c(), V(Yt, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
       }, null, 8, ["variant"])) : k("", !0),
       j(t.$slots, "default", {}, () => [
-        R(P(e.label), 1)
+        R(J(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -592,7 +592,7 @@ const fn = { class: "joy-badge-level" }, yn = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hn = /* @__PURE__ */ L({
+}, hn = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -612,7 +612,7 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e) {
-    const t = e, l = S(() => {
+    const t = e, l = x(() => {
       switch (t.type) {
         case Ge.HIGH_POTENTIAL:
         case ee.HIGH_POTENTIAL:
@@ -632,7 +632,7 @@ const fn = { class: "joy-badge-level" }, yn = {
       }
     });
     return (o, n) => (c(), h("span", fn, [
-      e.type === O(ee).SUPER_MALTER ? (c(!0), h(W, { key: 0 }, Y(e.superMalterLevel, (a, r) => (c(), h("svg", {
+      e.type === O(ee).SUPER_MALTER ? (c(!0), h(H, { key: 0 }, K(e.superMalterLevel, (a, r) => (c(), h("svg", {
         key: r,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -693,7 +693,7 @@ const fn = { class: "joy-badge-level" }, yn = {
         }, null, -1)
       ])])) : k("", !0),
       g("span", {
-        class: I([
+        class: L([
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === O(ee).NEW || e.type === O(ee).MALT_LINKER || e.type === O(ee).HIGH_POTENTIAL_AUTO,
@@ -703,12 +703,12 @@ const fn = { class: "joy-badge-level" }, yn = {
         ])
       }, [
         e.visibleText ? j(o.$slots, "default", { key: 0 }, () => [
-          R(P(l.value), 1)
+          R(J(l.value), 1)
         ], !0) : k("", !0)
       ], 2)
     ]));
   }
-}), hu = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ L({
+}), hu = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -726,7 +726,7 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e) {
-    const t = e, l = de("VJoyWrapperContext", {}), o = S(() => {
+    const t = e, l = de("VJoyWrapperContext", {}), o = x(() => {
       if (Object.keys(l).length === 0)
         return;
       let n = "1 0";
@@ -734,7 +734,7 @@ const fn = { class: "joy-badge-level" }, yn = {
     });
     return (n, a) => (c(), h("div", {
       "aria-hidden": "true",
-      class: I({
+      class: L({
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
@@ -745,7 +745,7 @@ const fn = { class: "joy-badge-level" }, yn = {
       })
     }, null, 6));
   }
-}), gu = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
+}), gu = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -754,10 +754,10 @@ const fn = { class: "joy-badge-level" }, yn = {
   },
   setup(e) {
     return (t, l) => (c(), h("div", {
-      class: I(["joy-spinner", `joy-spinner_${e.color}`])
+      class: L(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Zt = /* @__PURE__ */ A(bn, [["__scopeId", "data-v-52944a9b"]]), wn = /* @__PURE__ */ L({
+}), Zt = /* @__PURE__ */ A(bn, [["__scopeId", "data-v-52944a9b"]]), wn = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /** The button takes all the available space (100% width) */
@@ -800,14 +800,14 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = le(), n = De() + "--JoyButton", a = S(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
+    const l = e, o = le(), n = De() + "--JoyButton", a = x(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, i) => {
       const u = dt("joy-ripple");
-      return Xe((c(), x(Q(O(o).href ? "a" : "button"), {
+      return Xe((c(), V(X(O(o).href ? "a" : "button"), {
         id: e.id,
         disabled: e.loading || O(o).disabled,
         type: O(o).type || "button",
-        class: I([
+        class: L([
           "joy-button",
           `joy-button_${e.variant}`,
           `joy-button_${e.size}`,
@@ -818,14 +818,14 @@ const fn = { class: "joy-badge-level" }, yn = {
         ]),
         "aria-labelledby": (r.$slots.default || e.label) && n
       }, {
-        default: J(() => [
-          e.icon && e.iconPosition === "left" ? (c(), x(N, {
+        default: z(() => [
+          e.icon && e.iconPosition === "left" ? (c(), V(N, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             "aria-hidden": "true"
           }, null, 8, ["name"])) : k("", !0),
-          e.loading ? (c(), x(Zt, {
+          e.loading ? (c(), V(Zt, {
             key: 1,
             color: a.value
           }, null, 8, ["color"])) : k("", !0),
@@ -834,10 +834,10 @@ const fn = { class: "joy-badge-level" }, yn = {
             class: "joy-button--slot"
           }, [
             j(r.$slots, "default", {}, () => [
-              R(P(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (c(), x(N, {
+          e.icon && e.iconPosition === "right" ? (c(), V(N, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -869,7 +869,7 @@ function $n(...e) {
   if (e.length !== 1)
     return $o(...e);
   const t = e[0];
-  return typeof t == "function" ? Co(So(() => ({ get: t, set: Be }))) : C(t);
+  return typeof t == "function" ? Co(So(() => ({ get: t, set: Be }))) : S(t);
 }
 function $e(e) {
   var t;
@@ -884,7 +884,7 @@ function Ce(...e) {
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((f) => f()), a.length = 0;
-  }, i = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), u = K(
+  }, i = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), u = G(
     () => [$e(t), we(n)],
     ([f, d]) => {
       if (r(), !f)
@@ -940,17 +940,17 @@ function Cn(e, t, l = {}) {
   return () => f.forEach((y) => y());
 }
 function Sn() {
-  const e = C(!1), t = xo();
+  const e = S(!1), t = xo();
   return t && ne(() => {
     e.value = !0;
   }, t), e;
 }
 function xn(e) {
   const t = Sn();
-  return S(() => (t.value, !!e()));
+  return x(() => (t.value, !!e()));
 }
 function Vn(e, t = {}) {
-  const l = C(!1), o = Nt(null);
+  const l = S(!1), o = Nt(null);
   let n = 0, a = !0;
   if (tt) {
     const r = typeof t == "function" ? { onDrop: t } : t, i = (u) => {
@@ -988,7 +988,7 @@ function Tn(e, t, l = {}) {
   let a;
   const r = xn(() => o && "ResizeObserver" in o), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, u = S(() => Array.isArray(e) ? e.map((d) => $e(d)) : [$e(e)]), s = K(
+  }, u = x(() => Array.isArray(e) ? e.map((d) => $e(d)) : [$e(e)]), s = G(
     u,
     (d) => {
       if (i(), r.value && o) {
@@ -1008,7 +1008,7 @@ function Tn(e, t, l = {}) {
 }
 function In(e) {
   var t;
-  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", a = C(1);
+  const l = S(e == null ? void 0 : e.element), o = S(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", a = S(1);
   function r() {
     var i, u;
     if (!l.value)
@@ -1016,18 +1016,18 @@ function In(e) {
     let s = "";
     l.value.style[n] = "1px", a.value = (i = l.value) == null ? void 0 : i.scrollHeight, e != null && e.styleTarget ? we(e.styleTarget).style[n] = `${a.value}px` : s = `${a.value}px`, l.value.style[n] = s, (u = e == null ? void 0 : e.onResize) == null || u.call(e);
   }
-  return K([o, l], () => Fe(r), { immediate: !0 }), Tn(l, () => r()), e != null && e.watch && K(e.watch, r, { immediate: !0, deep: !0 }), {
+  return G([o, l], () => Fe(r), { immediate: !0 }), Tn(l, () => r()), e != null && e.watch && G(e.watch, r, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: o,
     triggerResize: r
   };
 }
-const pt = /* @__PURE__ */ L({
+const pt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = C();
+    const o = S();
     return Cn(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
@@ -1049,7 +1049,7 @@ function An(...e) {
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((f) => f()), a.length = 0;
-  }, i = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), u = K(
+  }, i = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), u = G(
     () => [Ln(t), we(n)],
     ([f, d]) => {
       if (r(), !f)
@@ -1083,9 +1083,9 @@ function En(e) {
 }
 const He = /* @__PURE__ */ new WeakMap();
 function zn(e, t = !1) {
-  const l = C(t);
+  const l = S(t);
   let o = null, n;
-  K($n(e), (i) => {
+  G($n(e), (i) => {
     const u = lt(we(i));
     if (u) {
       const s = u;
@@ -1109,7 +1109,7 @@ function zn(e, t = !1) {
     const u = lt(we(e));
     !u || !l.value || (at && (o == null || o()), u.style.overflow = (i = He.get(u)) != null ? i : "", He.delete(u), l.value = !1);
   };
-  return et(r), S({
+  return et(r), x({
     get() {
       return l.value;
     },
@@ -1120,17 +1120,17 @@ function zn(e, t = !1) {
 }
 function Jn() {
   let e = !1;
-  const t = C(!1);
+  const t = S(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
     const n = zn(l, o.value);
-    K(t, (a) => n.value = a);
+    G(t, (a) => n.value = a);
   };
 }
 Jn();
-const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-sheet_footer" }, Tt = 75, It = "moving", Fn = /* @__PURE__ */ L({
+const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-sheet_footer" }, Tt = 75, It = "moving", Fn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1142,61 +1142,61 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = le(), a = S(() => {
+    const o = e, n = le(), a = x(() => {
       if (u.value)
         return n;
     }), r = l, i = {
       ignore: ["[data-click-outside-ignore]"]
-    }, u = C(!1), s = C(!1), f = C(o.open), d = C(!1), y = C();
+    }, u = S(!1), s = S(!1), f = S(o.open), d = S(!1), y = S();
     let p = 0;
     function v() {
-      f.value = !0, B();
+      f.value = !0, C();
     }
     function b() {
       o.frozen || (s.value = !0, setTimeout(async () => {
         d.value = !1, s.value = !1, f.value = !1, be(!1), r("bottom-sheet:close");
       }, 300));
     }
-    function m(E) {
-      d.value = !0, y.value.classList.add(It), p = V(E);
+    function m(P) {
+      d.value = !0, y.value.classList.add(It), p = T(P);
     }
-    function w(E) {
-      d.value && ($(E) > Tt && b(), T());
+    function w(P) {
+      d.value && ($(P) > Tt && b(), I());
     }
-    function _(E) {
+    function _(P) {
       if (d.value) {
-        const F = $(E);
-        F > Tt ? b() : F > 0 && z(F);
+        const M = $(P);
+        M > Tt ? b() : M > 0 && E(M);
       }
     }
-    function $(E) {
-      return V(E) - p;
+    function $(P) {
+      return T(P) - p;
     }
-    function V(E) {
-      return ["touchend", "touchmove", "touchstart"].includes(E.type) ? E.changedTouches[0].clientY : E.clientY;
+    function T(P) {
+      return ["touchend", "touchmove", "touchstart"].includes(P.type) ? P.changedTouches[0].clientY : P.clientY;
     }
-    function z(E) {
-      y.value.style.setProperty("transform", `translateY(${E}px)`);
+    function E(P) {
+      y.value.style.setProperty("transform", `translateY(${P}px)`);
     }
-    function T() {
+    function I() {
       y.value.classList.remove(It), y.value.style.removeProperty("transform"), d.value = !1;
     }
-    function B() {
+    function C() {
       o.preventBodyScroll && be(!0);
     }
-    return K(
+    return G(
       () => o.open,
-      (E) => {
-        E === !0 ? v() : b();
+      (P) => {
+        P === !0 ? v() : b();
       }
     ), ne(() => {
-      u.value = !0, o.open && B();
+      u.value = !0, o.open && C();
     }), t({
       hide: b,
       show: v,
       isOpen: f,
-      moveContainer: z
-    }), (E, F) => u.value ? (c(), x(Te, {
+      moveContainer: E
+    }), (P, M) => u.value ? (c(), V(Te, {
       key: 0,
       to: e.teleport
     }, [
@@ -1210,12 +1210,12 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
           }
         ]
       }), [
-        F[1] || (F[1] = g("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        M[1] || (M[1] = g("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
         D(O(pt), {
           options: i,
           onTrigger: b
         }, {
-          default: J(() => [
+          default: z(() => [
             g("div", {
               ref_key: "bottomSheetContainerElement",
               ref: y,
@@ -1230,14 +1230,14 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
                 onTouchstart: m,
                 onTouchend: w,
                 onTouchmove: _
-              }, [...F[0] || (F[0] = [
+              }, [...M[0] || (M[0] = [
                 g("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ])], 32),
               g("div", Pn, [
-                j(E.$slots, "bottom-sheet-content", {}, void 0, !0)
+                j(P.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               g("div", Mn, [
-                j(E.$slots, "bottom-sheet-cta", {}, () => [
+                j(P.$slots, "bottom-sheet-cta", {}, () => [
                   D(ze, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
@@ -1252,24 +1252,24 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
       ], 16)) : k("", !0)
     ], 8, ["to"])) : k("", !0);
   }
-}), bu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-8c9bdc4b"]]), wu = /* @__PURE__ */ L({
+}), bu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-8c9bdc4b"]]), wu = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = S(() => l.bottomSheet), a = Z(), r = S(() => a.default());
+    const l = e, o = t, n = x(() => l.bottomSheet), a = Y(), r = x(() => a.default());
     function i() {
       var u;
       o("click"), (u = n.value) == null || u.show();
     }
-    return (u, s) => (c(!0), h(W, null, Y(r.value, (f) => (c(), x(Q(f), {
+    return (u, s) => (c(!0), h(H, null, K(r.value, (f) => (c(), V(X(f), {
       key: f,
       onClick: i
     }))), 128));
   }
-}), On = /* @__PURE__ */ L({
+}), On = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyButtonCard",
   props: {
@@ -1279,7 +1279,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
     align: { default: "left" }
   },
   setup(e) {
-    const t = e, l = le(), o = S(() => t.type === "button" && t.href ? "a" : t.type === "button" ? "div" : t.type), n = S(() => o.value === "a"), a = S(() => o.value === "div"), r = S(() => {
+    const t = e, l = le(), o = x(() => t.type === "button" && t.href ? "a" : t.type === "button" ? "div" : t.type), n = x(() => o.value === "a"), a = x(() => o.value === "div"), r = x(() => {
       if (t.disabled)
         return -1;
       if (a.value)
@@ -1292,7 +1292,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
       var f;
       a.value && (s.key !== "Enter" && s.key !== " " || (s.preventDefault(), !t.disabled && ((f = s.currentTarget) == null || f.click())));
     }
-    return (s, f) => (c(), x(Q(o.value), q(O(l), {
+    return (s, f) => (c(), V(X(o.value), q(O(l), {
       class: [
         "joy-button-card",
         `joy-button-card--align-${e.align}`,
@@ -1307,13 +1307,13 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
       onClick: i,
       onKeydown: u
     }), {
-      default: J(() => [
+      default: z(() => [
         j(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "href", "role", "aria-disabled", "tabindex"]));
   }
-}), ju = /* @__PURE__ */ A(On, [["__scopeId", "data-v-60045b07"]]), fe = "JoyFormElementContext", Dn = { class: "joy-checkbox__wrapper" }, Rn = { class: "joy-checkbox__input-wrapper" }, Nn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], qn = { class: "joy-checkbox__content-wrapper" }, Hn = { class: "joy-checkbox__content" }, Wn = /* @__PURE__ */ L({
+}), ju = /* @__PURE__ */ A(On, [["__scopeId", "data-v-60045b07"]]), fe = "JoyFormElementContext", Dn = { class: "joy-checkbox__wrapper" }, Rn = { class: "joy-checkbox__input-wrapper" }, Nn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], qn = { class: "joy-checkbox__content-wrapper" }, Hn = { class: "joy-checkbox__content" }, Wn = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     indeterminate: { type: Boolean, default: !1 },
@@ -1331,13 +1331,13 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
   setup(e, { expose: t, emit: l }) {
     const o = l, n = e;
     oe(fe, !0);
-    const a = C(), r = C(n.indeterminate), i = C(n.invalid && !n.checked), u = C(!1);
-    K(
+    const a = S(), r = S(n.indeterminate), i = S(n.invalid && !n.checked), u = S(!1);
+    G(
       () => n.invalid,
       (f) => {
         i.value = f && !n.checked;
       }
-    ), K(
+    ), G(
       () => n.checked,
       (f) => {
         f ? i.value = !1 : i.value = n.invalid;
@@ -1359,7 +1359,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
       isIndeterminate: r
     }), (f, d) => (c(), h("div", Dn, [
       g("label", {
-        class: I([
+        class: L([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
@@ -1394,7 +1394,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
         ]),
         g("div", qn, [
           j(f.$slots, "default", {}, () => [
-            R(P(e.label), 1)
+            R(J(e.label), 1)
           ], !0)
         ])
       ], 2),
@@ -1412,7 +1412,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
 }, Xn = {
   key: 0,
   class: "joy-checkbox-card__content"
-}, Qn = /* @__PURE__ */ L({
+}, Qn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyCheckboxCard",
   props: {
@@ -1430,7 +1430,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { emit: t }) {
-    const l = t, o = e, n = le(), a = C(!1), r = C(!1), i = C(o.checked), u = C(o.indeterminate), s = C(), f = S(() => {
+    const l = t, o = e, n = le(), a = S(!1), r = S(!1), i = S(o.checked), u = S(o.indeterminate), s = S(), f = x(() => {
       const { subLabel: y, ...p } = o;
       return {
         ...n,
@@ -1439,12 +1439,12 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
         indeterminate: u.value
       };
     });
-    K(
+    G(
       () => o.checked,
       (y) => {
         i.value = y;
       }
-    ), K(
+    ), G(
       () => o.indeterminate,
       (y) => {
         u.value = y;
@@ -1480,7 +1480,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
     return (y, p) => (c(), h("div", {
       ref_key: "cardRoot",
       ref: s,
-      class: I([
+      class: L([
         "joy-checkbox-card",
         {
           "joy-checkbox-card--hovered": r.value && !e.disabled,
@@ -1504,16 +1504,16 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
         onFocus: d.onFocus,
         onBlur: d.onBlur
       }), {
-        "checkbox-content": J(() => [
+        "checkbox-content": z(() => [
           y.$slots["checkbox-card-content"] ? (c(), h("div", Xn, [
             j(y.$slots, "checkbox-card-content", {}, void 0, !0)
           ])) : k("", !0)
         ]),
-        default: J(() => [
+        default: z(() => [
           g("div", Un, [
             g("div", Gn, [
-              g("div", Kn, P(e.label), 1),
-              e.subLabel ? (c(), h("div", Yn, P(e.subLabel), 1)) : k("", !0)
+              g("div", Kn, J(e.label), 1),
+              e.subLabel ? (c(), h("div", Yn, J(e.subLabel), 1)) : k("", !0)
             ]),
             y.$slots["header-right"] ? (c(), h("div", Zn, [
               j(y.$slots, "header-right", {}, void 0, !0)
@@ -1699,23 +1699,23 @@ async function ul(e, t) {
     y: n,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, $ = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), V = await (a.isElement == null ? void 0 : a.isElement($)) ? await (a.getScale == null ? void 0 : a.getScale($)) || {
+  } : r.reference, $ = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), T = await (a.isElement == null ? void 0 : a.isElement($)) ? await (a.getScale == null ? void 0 : a.getScale($)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, z = Ye(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = Ye(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: _,
     offsetParent: $,
     strategy: u
   }) : _);
   return {
-    top: (w.top - z.top + v.top) / V.y,
-    bottom: (z.bottom - w.bottom + v.bottom) / V.y,
-    left: (w.left - z.left + v.left) / V.x,
-    right: (z.right - w.right + v.right) / V.x
+    top: (w.top - E.top + v.top) / T.y,
+    bottom: (E.bottom - w.bottom + v.bottom) / T.y,
+    left: (w.left - E.left + v.left) / T.x,
+    right: (E.right - w.right + v.right) / T.x
   };
 }
 const cl = 50, dl = async (e, t, l) => {
@@ -1746,9 +1746,9 @@ const cl = 50, dl = async (e, t, l) => {
       fn: _
     } = m, {
       x: $,
-      y: V,
-      data: z,
-      reset: T
+      y: T,
+      data: E,
+      reset: I
     } = await _({
       x: f,
       y: d,
@@ -1763,14 +1763,14 @@ const cl = 50, dl = async (e, t, l) => {
         floating: t
       }
     });
-    f = $ ?? f, d = V ?? d, v[w] = {
+    f = $ ?? f, d = T ?? d, v[w] = {
       ...v[w],
-      ...z
-    }, T && p < cl && (p++, typeof T == "object" && (T.placement && (y = T.placement), T.rects && (s = T.rects === !0 ? await r.getElementRects({
+      ...E
+    }, I && p < cl && (p++, typeof I == "object" && (I.placement && (y = I.placement), I.rects && (s = I.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : T.rects), {
+    }) : I.rects), {
       x: f,
       y: d
     } = At(s, y, u)), b = -1);
@@ -1803,15 +1803,15 @@ const cl = 50, dl = async (e, t, l) => {
     const d = eo(f), y = {
       x: l,
       y: o
-    }, p = bt(n), v = gt(p), b = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", _ = m ? "bottom" : "right", $ = m ? "clientHeight" : "clientWidth", V = a.reference[v] + a.reference[p] - y[p] - a.floating[v], z = y[p] - a.reference[p], T = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
-    let B = T ? T[$] : 0;
-    (!B || !await (r.isElement == null ? void 0 : r.isElement(T))) && (B = i.floating[$] || a.floating[v]);
-    const E = V / 2 - z / 2, F = B / 2 - b[v] / 2 - 1, H = it(d[w], F), M = it(d[_], F), U = H, G = B - b[v] - M, X = B / 2 - b[v] / 2 + E, ye = rt(U, X, G), me = !u.arrow && Ne(n) != null && X !== ye && a.reference[v] / 2 - (X < U ? H : M) - b[v] / 2 < 0, re = me ? X < U ? X - U : X - G : 0;
+    }, p = bt(n), v = gt(p), b = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", _ = m ? "bottom" : "right", $ = m ? "clientHeight" : "clientWidth", T = a.reference[v] + a.reference[p] - y[p] - a.floating[v], E = y[p] - a.reference[p], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
+    let C = I ? I[$] : 0;
+    (!C || !await (r.isElement == null ? void 0 : r.isElement(I))) && (C = i.floating[$] || a.floating[v]);
+    const P = T / 2 - E / 2, M = C / 2 - b[v] / 2 - 1, Q = it(d[w], M), F = it(d[_], M), W = Q, U = C - b[v] - F, Z = C / 2 - b[v] / 2 + P, ye = rt(W, Z, U), me = !u.arrow && Ne(n) != null && Z !== ye && a.reference[v] / 2 - (Z < W ? Q : F) - b[v] / 2 < 0, re = me ? Z < W ? Z - W : Z - U : 0;
     return {
       [p]: y[p] + re,
       data: {
         [p]: ye,
-        centerOffset: X - ye - re,
+        centerOffset: Z - ye - re,
         ...me && {
           alignmentOffset: re
         }
@@ -1843,46 +1843,46 @@ const cl = 50, dl = async (e, t, l) => {
       } = Se(e, t);
       if ((l = a.arrow) != null && l.alignmentOffset)
         return {};
-      const w = je(n), _ = pe(i), $ = je(i) === i, V = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), z = y || ($ || !b ? [Ke(i)] : nl(i)), T = v !== "none";
-      !y && T && z.push(...rl(i, b, v, V));
-      const B = [i, ...z], E = await u.detectOverflow(t, m), F = [];
-      let H = ((o = a.flip) == null ? void 0 : o.overflows) || [];
-      if (f && F.push(E[w]), d) {
-        const X = ol(n, r, V);
-        F.push(E[X[0]], E[X[1]]);
+      const w = je(n), _ = pe(i), $ = je(i) === i, T = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), E = y || ($ || !b ? [Ke(i)] : nl(i)), I = v !== "none";
+      !y && I && E.push(...rl(i, b, v, T));
+      const C = [i, ...E], P = await u.detectOverflow(t, m), M = [];
+      let Q = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (f && M.push(P[w]), d) {
+        const Z = ol(n, r, T);
+        M.push(P[Z[0]], P[Z[1]]);
       }
-      if (H = [...H, {
+      if (Q = [...Q, {
         placement: n,
-        overflows: F
-      }], !F.every((X) => X <= 0)) {
-        var M, U;
-        const X = (((M = a.flip) == null ? void 0 : M.index) || 0) + 1, ye = B[X];
+        overflows: M
+      }], !M.every((Z) => Z <= 0)) {
+        var F, W;
+        const Z = (((F = a.flip) == null ? void 0 : F.index) || 0) + 1, ye = C[Z];
         if (ye && (!(d === "alignment" ? _ !== pe(ye) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((se) => pe(se.placement) === _ ? se.overflows[0] > 0 : !0)))
+        Q.every((se) => pe(se.placement) === _ ? se.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: X,
-              overflows: H
+              index: Z,
+              overflows: Q
             },
             reset: {
               placement: ye
             }
           };
-        let me = (U = H.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : U.placement;
+        let me = (W = Q.filter((re) => re.overflows[0] <= 0).sort((re, se) => re.overflows[1] - se.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!me)
           switch (p) {
             case "bestFit": {
-              var G;
-              const re = (G = H.filter((se) => {
-                if (T) {
+              var U;
+              const re = (U = Q.filter((se) => {
+                if (I) {
                   const ge = pe(se.placement);
                   return ge === _ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ge === "y";
                 }
                 return !0;
-              }).map((se) => [se.placement, se.overflows.filter((ge) => ge > 0).reduce((ge, ko) => ge + ko, 0)]).sort((se, ge) => se[1] - ge[1])[0]) == null ? void 0 : G[0];
+              }).map((se) => [se.placement, se.overflows.filter((ge) => ge > 0).reduce((ge, ko) => ge + ko, 0)]).sort((se, ge) => se[1] - ge[1])[0]) == null ? void 0 : U[0];
               re && (me = re);
               break;
             }
@@ -1982,12 +1982,12 @@ const no = function(e) {
       }, d = await a.detectOverflow(t, s), y = pe(je(n)), p = ht(y);
       let v = f[p], b = f[y];
       if (r) {
-        const w = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", $ = v + d[w], V = v - d[_];
-        v = rt($, v, V);
+        const w = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", $ = v + d[w], T = v - d[_];
+        v = rt($, v, T);
       }
       if (i) {
-        const w = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", $ = b + d[w], V = b - d[_];
-        b = rt($, b, V);
+        const w = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", $ = b + d[w], T = b - d[_];
+        b = rt($, b, T);
       }
       const m = u.fn({
         ...t,
@@ -2035,13 +2035,13 @@ const no = function(e) {
         ...b
       };
       if (u) {
-        const $ = y === "y" ? "height" : "width", V = a.reference[y] - a.floating[$] + m.mainAxis, z = a.reference[y] + a.reference[$] - m.mainAxis;
-        p < V ? p = V : p > z && (p = z);
+        const $ = y === "y" ? "height" : "width", T = a.reference[y] - a.floating[$] + m.mainAxis, E = a.reference[y] + a.reference[$] - m.mainAxis;
+        p < T ? p = T : p > E && (p = E);
       }
       if (s) {
         var w, _;
-        const $ = y === "y" ? "width" : "height", V = oo.has(je(n)), z = a.reference[d] - a.floating[$] + (V && ((w = r.offset) == null ? void 0 : w[d]) || 0) + (V ? 0 : m.crossAxis), T = a.reference[d] + a.reference[$] + (V ? 0 : ((_ = r.offset) == null ? void 0 : _[d]) || 0) - (V ? m.crossAxis : 0);
-        v < z ? v = z : v > T && (v = T);
+        const $ = y === "y" ? "width" : "height", T = oo.has(je(n)), E = a.reference[d] - a.floating[$] + (T && ((w = r.offset) == null ? void 0 : w[d]) || 0) + (T ? 0 : m.crossAxis), I = a.reference[d] + a.reference[$] + (T ? 0 : ((_ = r.offset) == null ? void 0 : _[d]) || 0) - (T ? m.crossAxis : 0);
+        v < E ? v = E : v > I && (v = I);
       }
       return {
         [y]: p,
@@ -2407,25 +2407,25 @@ function Il(e, t) {
       threshold: Ae(0, ut(1, u)) || 1
     };
     let $ = !0;
-    function V(z) {
-      const T = z[0].intersectionRatio;
-      if (T !== u) {
+    function T(E) {
+      const I = E[0].intersectionRatio;
+      if (I !== u) {
         if (!$)
           return r();
-        T ? r(!1, T) : o = setTimeout(() => {
+        I ? r(!1, I) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 100);
       }
       $ = !1;
     }
     try {
-      l = new IntersectionObserver(V, {
+      l = new IntersectionObserver(T, {
         ..._,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      l = new IntersectionObserver(V, _);
+      l = new IntersectionObserver(T, _);
     }
     l.observe(e);
   }
@@ -2504,37 +2504,37 @@ function Pt(e, t) {
 }
 function vo(e, t, l) {
   l === void 0 && (l = {});
-  const o = l.whileElementsMounted, n = S(() => {
-    var B;
-    return (B = O(l.open)) != null ? B : !0;
-  }), a = S(() => O(l.middleware)), r = S(() => {
-    var B;
-    return (B = O(l.placement)) != null ? B : "bottom";
-  }), i = S(() => {
-    var B;
-    return (B = O(l.strategy)) != null ? B : "absolute";
-  }), u = S(() => {
-    var B;
-    return (B = O(l.transform)) != null ? B : !0;
-  }), s = S(() => ct(e.value)), f = S(() => ct(t.value)), d = C(0), y = C(0), p = C(i.value), v = C(r.value), b = Nt({}), m = C(!1), w = S(() => {
-    const B = {
+  const o = l.whileElementsMounted, n = x(() => {
+    var C;
+    return (C = O(l.open)) != null ? C : !0;
+  }), a = x(() => O(l.middleware)), r = x(() => {
+    var C;
+    return (C = O(l.placement)) != null ? C : "bottom";
+  }), i = x(() => {
+    var C;
+    return (C = O(l.strategy)) != null ? C : "absolute";
+  }), u = x(() => {
+    var C;
+    return (C = O(l.transform)) != null ? C : !0;
+  }), s = x(() => ct(e.value)), f = x(() => ct(t.value)), d = S(0), y = S(0), p = S(i.value), v = S(r.value), b = Nt({}), m = S(!1), w = x(() => {
+    const C = {
       position: p.value,
       left: "0",
       top: "0"
     };
     if (!f.value)
-      return B;
-    const E = Pt(f.value, d.value), F = Pt(f.value, y.value);
+      return C;
+    const P = Pt(f.value, d.value), M = Pt(f.value, y.value);
     return u.value ? {
-      ...B,
-      transform: "translate(" + E + "px, " + F + "px)",
+      ...C,
+      transform: "translate(" + P + "px, " + M + "px)",
       ...po(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
-      left: E + "px",
-      top: F + "px"
+      left: P + "px",
+      top: M + "px"
     };
   });
   let _;
@@ -2543,15 +2543,15 @@ function vo(e, t, l) {
       middleware: a.value,
       placement: r.value,
       strategy: i.value
-    }).then((B) => {
-      d.value = B.x, y.value = B.y, p.value = B.strategy, v.value = B.placement, b.value = B.middlewareData, m.value = !0;
+    }).then((C) => {
+      d.value = C.x, y.value = C.y, p.value = C.strategy, v.value = C.placement, b.value = C.middlewareData, m.value = !0;
     });
   }
-  function V() {
+  function T() {
     typeof _ == "function" && (_(), _ = void 0);
   }
-  function z() {
-    if (V(), o === void 0) {
+  function E() {
+    if (T(), o === void 0) {
       $();
       return;
     }
@@ -2560,16 +2560,16 @@ function vo(e, t, l) {
       return;
     }
   }
-  function T() {
+  function I() {
     n.value || (m.value = !1);
   }
-  return K([a, r, i], $, {
+  return G([a, r, i], $, {
     flush: "sync"
-  }), K([s, f], z, {
+  }), G([s, f], E, {
     flush: "sync"
-  }), K(n, T, {
+  }), G(n, I, {
     flush: "sync"
-  }), Dt() && Rt(V), {
+  }), Dt() && Rt(T), {
     x: Le(d),
     y: Le(y),
     strategy: Le(p),
@@ -2580,7 +2580,7 @@ function vo(e, t, l) {
     update: $
   };
 }
-const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
+const Al = ["aria-describedby"], El = ["id"], zl = /* @__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  */
@@ -2626,7 +2626,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = Z(), o = e, n = C(!1), a = C(null), r = C(null), i = C(null), u = C(), s = C(
+    const l = Y(), o = e, n = S(!1), a = S(null), r = S(null), i = S(null), u = S(), s = S(
       vo(a, i, {
         placement: o.placement,
         transform: !1,
@@ -2641,11 +2641,11 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           mo({ element: u, padding: 0 })
         ]
       })
-    ), f = S(
+    ), f = x(
       () => o.enableClickInContent ? {
         ignore: [r]
       } : {}
-    ), d = S(() => l["tooltip-content"] || o.text);
+    ), d = x(() => l["tooltip-content"] || o.text);
     function y(w) {
       w.preventDefault(), w.stopPropagation(), !n.value && o.event !== "click" && b();
     }
@@ -2661,8 +2661,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         n.value = w;
       }, o.delay);
     }
-    const m = S(() => {
-      const { middlewareData: w, placement: _ } = s.value, $ = w.arrow, V = {
+    const m = x(() => {
+      const { middlewareData: w, placement: _ } = s.value, $ = w.arrow, T = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -2673,7 +2673,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         top: ($ == null ? void 0 : $.y) && `${$ == null ? void 0 : $.y}px`,
         right: "",
         bottom: "",
-        [V]: "-4px"
+        [T]: "-4px"
       };
     });
     return ne(() => {
@@ -2683,13 +2683,13 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
     }), t({
       tooltipVisible: n,
       tooltip: i
-    }), (w, _) => (c(), x(O(pt), {
+    }), (w, _) => (c(), V(O(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: f.value,
       onTrigger: _[1] || (_[1] = ($) => b(!1))
     }, {
-      default: J(() => {
+      default: z(() => {
         var $;
         return [
           g("div", {
@@ -2700,17 +2700,17 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
             onClick: v,
             onMouseenter: y,
             onMouseleave: p,
-            onKeydown: _[0] || (_[0] = Re((V) => b(!1), ["tab"]))
+            onKeydown: _[0] || (_[0] = Re((T) => b(!1), ["tab"]))
           }, [
             j(w.$slots, "default", {}, void 0, !0),
-            (c(), x(Te, { to: "body" }, [
+            (c(), V(Te, { to: "body" }, [
               n.value && d.value ? (c(), h("div", {
                 key: 0,
                 id: e.id,
                 ref_key: "tooltip",
                 ref: i,
                 role: "tooltip",
-                class: I([
+                class: L([
                   "joy-tooltip__content",
                   {
                     "joy-tooltip__content--hiding": !n.value
@@ -2730,7 +2730,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                   class: "joy-tooltip__content__inner"
                 }, [
                   j(w.$slots, "tooltip-content", {}, () => [
-                    R(P(e.text), 1)
+                    R(J(e.text), 1)
                   ], !0)
                 ], 512)
               ], 14, El)) : k("", !0)
@@ -2750,7 +2750,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
 }, Ol = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Dl = /* @__PURE__ */ L({
+}, Dl = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -2773,30 +2773,30 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   setup(e) {
     const t = de(fe, !1);
     return (l, o) => (c(), h("div", {
-      class: I(["joy-label__group", { "joy-label__group--standalone": !O(t) }])
+      class: L(["joy-label__group", { "joy-label__group--standalone": !O(t) }])
     }, [
       g("div", Pl, [
-        (c(), x(Q(e.tagName), q({
+        (c(), V(X(e.tagName), q({
           "data-joy-form-label": "",
           class: ["joy-label", `joy-label--${e.size}`]
         }, l.$attrs), {
-          default: J(() => [
+          default: z(() => [
             j(l.$slots, "default", {}, () => [
-              R(P(e.text), 1)
+              R(J(e.text), 1)
             ], !0),
             e.required ? (c(), h("span", Ml, "*")) : k("", !0),
-            e.optionalLabel ? (c(), h("span", Fl, "- " + P(e.optionalLabel), 1)) : k("", !0)
+            e.optionalLabel ? (c(), h("span", Fl, "- " + J(e.optionalLabel), 1)) : k("", !0)
           ]),
           _: 3
         }, 16, ["class"])),
-        l.$slots["label-tooltip"] ? (c(), x(Jl, {
+        l.$slots["label-tooltip"] ? (c(), V(Jl, {
           key: 0,
           class: "joy-label__tooltip joy-ml-2"
         }, {
-          "tooltip-content": J(() => [
+          "tooltip-content": z(() => [
             j(l.$slots, "label-tooltip", {}, void 0, !0)
           ]),
-          default: J(() => [
+          default: z(() => [
             D(N, {
               name: "question-circle",
               class: "joy-label__tooltip___icon joy-color-neutral-40"
@@ -2810,7 +2810,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       ])) : k("", !0)
     ], 2));
   }
-}), Ie = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-77417189"]]), Rl = ["id"], Nl = /* @__PURE__ */ L({
+}), Ie = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-77417189"]]), Rl = ["id"], Nl = /* @__PURE__ */ B({
   __name: "VJoyCheckboxGroup",
   props: {
     options: { default: () => [] },
@@ -2827,7 +2827,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   setup(e, { emit: t }) {
     const l = t, o = e;
     oe(fe, !0);
-    const n = S(() => ({
+    const n = x(() => ({
       value: o.value,
       isChecked: a,
       updateModel: r
@@ -2843,22 +2843,22 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       id: e.id,
       class: "joy-checkbox-group__wrapper"
     }, [
-      e.label ? (c(), x(Ie, {
+      e.label ? (c(), V(Ie, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: J(() => [
-          R(P(e.label), 1)
+        default: z(() => [
+          R(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : k("", !0),
       g("div", {
-        class: I(["joy-checkbox-group", `joy-checkbox-group--${e.direction}`])
+        class: L(["joy-checkbox-group", `joy-checkbox-group--${e.direction}`])
       }, [
-        i.$slots.default ? j(i.$slots, "default", qt(q({ key: 0 }, n.value)), void 0, !0) : (c(!0), h(W, { key: 1 }, Y(e.options, (s) => (c(), x(vt, {
+        i.$slots.default ? j(i.$slots, "default", qt(q({ key: 0 }, n.value)), void 0, !0) : (c(!0), h(H, { key: 1 }, K(e.options, (s) => (c(), V(vt, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -2866,9 +2866,9 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           checked: a(s.value),
           "onUpdate:checked": (f) => r(s.value, f)
         }, {
-          default: J(() => [
+          default: z(() => [
             j(i.$slots, "checkbox", q({ ref_for: !0 }, s), () => [
-              R(P(s.label), 1)
+              R(J(s.label), 1)
             ], !0)
           ]),
           _: 2
@@ -2879,7 +2879,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
 }), _u = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-bf5d116b"]]), ql = ["id"], Hl = { class: "joy-collapse-item__header-right" }, Wl = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Ul = { class: "joy-collapse-item__summary___preview" }, Gl = ["aria-labelledby"], Kl = /* @__PURE__ */ L({
+}, Ul = { class: "joy-collapse-item__summary___preview" }, Gl = ["aria-labelledby"], Kl = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -2911,8 +2911,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = C(o.open), r = C(!1);
-    K(
+    const o = e, n = l, a = S(o.open), r = S(!1);
+    G(
       () => o.open,
       (s) => {
         a.value = s;
@@ -2929,7 +2929,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       onToggle: i,
       props: o
     }), (s, f) => (c(), h("div", {
-      class: I([
+      class: L([
         "joy-collapse-item",
         {
           "joy-collapse-item--open": a.value,
@@ -2951,13 +2951,13 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (c(), x(N, {
+          e.summaryIcon ? (c(), V(N, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : k("", !0),
-          R(" " + P(e.header), 1)
+          R(" " + J(e.header), 1)
         ], 8, ql),
         g("div", Hl, [
           j(s.$slots, "collapse-header-right", {}, void 0, !0)
@@ -2966,7 +2966,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (c(), h("span", Wl, P(e.subheader), 1)) : k("", !0),
+        e.subheader ? (c(), h("span", Wl, J(e.subheader), 1)) : k("", !0),
         g("span", Ul, [
           j(s.$slots, "collapse-preview", {}, void 0, !0)
         ])
@@ -2975,7 +2975,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
-        class: I([
+        class: L([
           "joy-collapse-item__detail",
           {
             "joy-collapse-item__detail--open": a.value
@@ -2986,7 +2986,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       ], 10, Gl)) : k("", !0)
     ], 2));
   }
-}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-b72f3daf"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ L({
+}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-b72f3daf"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -3011,7 +3011,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = C(o.modelValue), a = Z(), r = l, i = S(() => {
+    const o = e, n = S(o.modelValue), a = Y(), r = l, i = x(() => {
       const v = a.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(u) : v.filter(u);
     });
@@ -3048,27 +3048,27 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       items: i,
       openedCollapseItem: n
     }), (v, b) => (c(), h("div", Zl, [
-      (c(!0), h(W, null, Y(i.value, (m) => (c(), x(Yl, q({ ref_for: !0 }, m.props, {
+      (c(!0), h(H, null, K(i.value, (m) => (c(), V(Yl, q({ ref_for: !0 }, m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
         "onCollapseItem:open": () => d(m),
         "onCollapseItem:close": () => y(m)
       }), {
-        "collapse-header-right": J(() => [
-          (c(!0), h(W, null, Y(s(m, "collapse-header-right"), (w, _) => (c(), x(Q(w), { key: _ }))), 128))
+        "collapse-header-right": z(() => [
+          (c(!0), h(H, null, K(s(m, "collapse-header-right"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
         ]),
-        "collapse-preview": J(() => [
-          (c(!0), h(W, null, Y(s(m, "collapse-preview"), (w, _) => (c(), x(Q(w), { key: _ }))), 128))
+        "collapse-preview": z(() => [
+          (c(!0), h(H, null, K(s(m, "collapse-preview"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
         ]),
-        default: J(() => [
-          (c(!0), h(W, null, Y(s(m, "default"), (w, _) => (c(), x(Q(w), { key: _ }))), 128))
+        default: z(() => [
+          (c(!0), h(H, null, K(s(m, "default"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), $u = /* @__PURE__ */ A(Xl, [["__scopeId", "data-v-fa3e35fa"]]), Ql = ["src", "alt", "title", "loading"], ea = /* @__PURE__ */ L({
+}), $u = /* @__PURE__ */ A(Xl, [["__scopeId", "data-v-fa3e35fa"]]), Ql = ["src", "alt", "title", "loading"], ea = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -3088,7 +3088,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    const t = e, l = S(() => {
+    const t = e, l = x(() => {
       switch (t.size) {
         case "large":
           return "small";
@@ -3101,7 +3101,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       }
     });
     return (o, n) => (c(), h("div", {
-      class: I(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+      class: L(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (c(), h("img", {
         key: 0,
@@ -3109,14 +3109,14 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, Ql)) : (c(), x(N, {
+      }, null, 8, Ql)) : (c(), V(N, {
         key: 1,
         name: "company-placeholder",
         size: l.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Cu = /* @__PURE__ */ A(ea, [["__scopeId", "data-v-2f1289c1"]]), ta = /* @__PURE__ */ L({
+}), Cu = /* @__PURE__ */ A(ea, [["__scopeId", "data-v-2f1289c1"]]), ta = /* @__PURE__ */ B({
   __name: "VJoyIconButton",
   props: {
     /** Name of the icon displayed inside the button */
@@ -3152,7 +3152,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   setup(e) {
     const t = e, l = le();
-    return (o, n) => (c(), x(ze, q({
+    return (o, n) => (c(), V(ze, q({
       id: e.id,
       class: "joy-icon-button"
     }, O(l), {
@@ -3162,15 +3162,15 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       variant: t.variant,
       size: t.size
     }), {
-      default: J(() => [
+      default: z(() => [
         j(o.$slots, "default", {}, () => [
-          R(P(e.label), 1)
+          R(J(e.label), 1)
         ], !0)
       ]),
       _: 3
     }, 16, ["id", "icon", "label", "loading", "variant", "size"]));
   }
-}), Ve = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-dc9489f6"]]), oa = /* @__PURE__ */ L({
+}), Ve = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-dc9489f6"]]), oa = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -3215,7 +3215,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   setup(e) {
     return oe("VJoyWrapperContext", e), (l, o) => (c(), h("div", {
-      class: I([
+      class: L([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
@@ -3245,7 +3245,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
 }, da = {
   key: 2,
   class: "joy-dialog--indicators"
-}, fa = /* @__PURE__ */ L({
+}, fa = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -3327,19 +3327,19 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   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, a = De() + "--JoyDialog", r = Z(), i = C(!1), u = C(), s = C(o.open), f = le(), d = S(() => {
+    const o = e, n = l, a = De() + "--JoyDialog", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
       if (i.value)
         return f;
-    }), y = S(() => {
-      const z = r["dialog-cancel"] || r["dialog-confirm"], T = o.cancelText || o.confirmText;
-      return !!z || !!T;
-    }), p = S(() => o.id || a), v = S(() => p.value + "-header");
+    }), y = x(() => {
+      const E = r["dialog-cancel"] || r["dialog-confirm"], I = o.cancelText || o.confirmText;
+      return !!E || !!I;
+    }), p = x(() => o.id || a), v = x(() => p.value + "-header");
     function b() {
       !o.patternConfirm && m();
     }
-    async function m(z) {
-      const { fireHideEvent: T = !0 } = z ?? {};
-      o.demoMode || (s.value = !1, await Fe(), be(!1), T && n("dialog:hide"));
+    async function m(E) {
+      const { fireHideEvent: I = !0 } = E ?? {};
+      o.demoMode || (s.value = !1, await Fe(), be(!1), I && n("dialog:hide"));
     }
     async function w() {
       s.value = !0, await Fe(), o.preventBodyScroll && be(!0);
@@ -3350,7 +3350,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
     function $() {
       n("dialog:after-open");
     }
-    function V() {
+    function T() {
       n("dialog:after-hide");
     }
     return ne(async () => {
@@ -3362,7 +3362,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       hide: m,
       isOpen: s,
       show: w
-    }), (z, T) => i.value ? (c(), x(Te, {
+    }), (E, I) => i.value ? (c(), V(Te, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -3373,9 +3373,9 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         appear: "",
         onEnter: _,
         onAfterEnter: $,
-        onAfterLeave: V
+        onAfterLeave: T
       }, {
-        default: J(() => [
+        default: z(() => [
           s.value ? (c(), h("div", q({ key: 0 }, d.value, {
             id: e.id || a,
             ref_key: "dialogRef",
@@ -3387,7 +3387,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
             onKeydown: Re(b, ["esc"])
           }), [
             g("div", {
-              class: I([
+              class: L([
                 {
                   "joy-dialog__overlay": !0,
                   "joy-dialog__overlay--open": s.value,
@@ -3397,7 +3397,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
               onClick: b
             }, null, 2),
             g("div", {
-              class: I([
+              class: L([
                 {
                   "joy-dialog--wrapper": !0,
                   "joy-dialog--wrapper-open": s.value
@@ -3405,7 +3405,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
               ])
             }, [
               g("div", la, [
-                e.patternBrand ? (c(), h("div", aa, [...T[3] || (T[3] = [
+                e.patternBrand ? (c(), h("div", aa, [...I[3] || (I[3] = [
                   g("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   g("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ])])) : k("", !0),
@@ -3419,19 +3419,19 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                   })
                 }, null, 4)) : k("", !0),
                 g("div", ia, [
-                  z.$slots["dialog-preheader"] ? (c(), h("div", ra, [
-                    j(z.$slots, "dialog-preheader", {}, void 0, !0)
+                  E.$slots["dialog-preheader"] ? (c(), h("div", ra, [
+                    j(E.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : k("", !0),
                   g("div", {
                     id: v.value,
                     class: "joy-dialog--header__title"
                   }, [
-                    j(z.$slots, "dialog-header", {}, void 0, !0)
+                    j(E.$slots, "dialog-header", {}, void 0, !0)
                   ], 8, sa),
                   g("p", ua, [
-                    j(z.$slots, "dialog-subheader", {}, void 0, !0)
+                    j(E.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? k("", !0) : (c(), x(Ve, {
+                  e.patternConfirm ? k("", !0) : (c(), V(Ve, {
                     key: 1,
                     id: "joy-dialog--close",
                     icon: "cross",
@@ -3440,14 +3440,14 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: T[0] || (T[0] = (B) => m())
+                    onClick: I[0] || (I[0] = (C) => m())
                   }, null, 8, ["label"]))
                 ]),
                 g("div", ca, [
-                  j(z.$slots, "dialog-body", {}, void 0, !0)
+                  j(E.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 g("div", {
-                  class: I([
+                  class: L([
                     {
                       "joy-dialog--footer": !0,
                       "joy-dialog--footer-filled": y.value
@@ -3458,31 +3458,31 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: J(() => [
-                      j(z.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (c(), x(ze, {
+                    default: z(() => [
+                      j(E.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (c(), V(ze, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: T[1] || (T[1] = (B) => m())
+                          onClick: I[1] || (I[1] = (C) => m())
                         }, {
-                          default: J(() => [
-                            R(P(e.cancelText), 1)
+                          default: z(() => [
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : k("", !0)
                       ], !0),
-                      j(z.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (c(), x(ze, {
+                      j(E.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (c(), V(ze, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: T[2] || (T[2] = (B) => n("dialog:confirm"))
+                          onClick: I[2] || (I[2] = (C) => n("dialog:confirm"))
                         }, {
-                          default: J(() => [
-                            R(P(e.confirmText), 1)
+                          default: z(() => [
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : k("", !0)
@@ -3492,7 +3492,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                   })
                 ], 2),
                 O(r)["dialog-indicators"] ? (c(), h("div", da, [
-                  j(z.$slots, "dialog-indicators", {}, void 0, !0)
+                  j(E.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : k("", !0)
               ])
             ], 2)
@@ -3502,19 +3502,19 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Su = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-8bbcabdb"]]), xu = /* @__PURE__ */ L({
+}), Su = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-8bbcabdb"]]), xu = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = S(() => l.dialog), n = t, a = Z(), r = S(() => a.default());
+    const l = e, o = x(() => l.dialog), n = t, a = Y(), r = x(() => a.default());
     async function i() {
       var u;
       n("click"), await ((u = o.value) == null ? void 0 : u.show());
     }
-    return (u, s) => (c(!0), h(W, null, Y(r.value, (f) => (c(), x(Q(f), {
+    return (u, s) => (c(!0), h(H, null, K(r.value, (f) => (c(), V(X(f), {
       key: f,
       onClick: i
     }))), 128));
@@ -3525,7 +3525,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
 }, ga = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, ba = /* @__PURE__ */ L({
+}, ba = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -3591,16 +3591,16 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   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, a = De() + "--JoyDrawer", r = Z(), i = C(!1), u = C(), s = C(o.open), f = le(), d = S(() => {
+    const o = e, n = l, a = De() + "--JoyDrawer", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
       if (i.value)
         return f;
-    }), y = S(() => {
-      const V = r["drawer-cancel"] || r["drawer-confirm"], z = o.cancelText || o.confirmText;
-      return !!V || !!z;
-    }), p = S(() => o.id || a), v = S(() => p.value + "-header");
-    async function b(V) {
-      const { fireHideEvent: z = !0 } = V ?? {};
-      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Fe(), be(!1), z && n("drawer:hide"));
+    }), y = x(() => {
+      const T = r["drawer-cancel"] || r["drawer-confirm"], E = o.cancelText || o.confirmText;
+      return !!T || !!E;
+    }), p = x(() => o.id || a), v = x(() => p.value + "-header");
+    async function b(T) {
+      const { fireHideEvent: E = !0 } = T ?? {};
+      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Fe(), be(!1), E && n("drawer:hide"));
     }
     async function m() {
       s.value = !0, await Fe(), !o.elevated && o.preventBodyScroll && be(!0);
@@ -3623,7 +3623,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       hide: b,
       isOpen: s,
       show: m
-    }), (V, z) => i.value ? (c(), x(Te, {
+    }), (T, E) => i.value ? (c(), V(Te, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -3636,7 +3636,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
         onAfterEnter: _,
         onAfterLeave: $
       }, {
-        default: J(() => [
+        default: z(() => [
           s.value ? (c(), h("div", q({ key: 0 }, d.value, {
             id: p.value,
             ref_key: "drawerRef",
@@ -3652,20 +3652,20 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
               }
             ],
             "aria-labelledby": v.value,
-            onKeydown: z[4] || (z[4] = Re((T) => b(), ["esc"]))
+            onKeydown: E[4] || (E[4] = Re((I) => b(), ["esc"]))
           }), [
             e.elevated ? k("", !0) : (c(), h("div", {
               key: 0,
-              class: I([
+              class: L([
                 {
                   "joy-drawer__overlay": !0,
                   "joy-drawer__overlay--open": s.value
                 }
               ]),
-              onClick: z[0] || (z[0] = (T) => b())
+              onClick: E[0] || (E[0] = (I) => b())
             }, null, 2)),
             g("div", {
-              class: I([
+              class: L([
                 {
                   "joy-drawer--wrapper": !0,
                   "joy-drawer--wrapper-open": s.value
@@ -3678,10 +3678,10 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                     id: v.value,
                     class: "joy-drawer--header__title"
                   }, [
-                    j(V.$slots, "drawer-header", {}, void 0, !0)
+                    j(T.$slots, "drawer-header", {}, void 0, !0)
                   ], 8, va),
                   g("p", ha, [
-                    j(V.$slots, "drawer-subheader", {}, void 0, !0)
+                    j(T.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   D(Ve, {
                     id: "joy-drawer--close",
@@ -3691,14 +3691,14 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: z[1] || (z[1] = (T) => b())
+                    onClick: E[1] || (E[1] = (I) => b())
                   }, null, 8, ["label"])
                 ]),
                 g("div", ga, [
-                  j(V.$slots, "drawer-body", {}, void 0, !0)
+                  j(T.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 g("div", {
-                  class: I([
+                  class: L([
                     {
                       "joy-drawer--footer": !0,
                       "joy-drawer--footer-filled": y.value
@@ -3710,31 +3710,31 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
                     "no-margin": "",
                     class: "joy-drawer--footer-wrapper"
                   }, {
-                    default: J(() => [
-                      j(V.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (c(), x(ze, {
+                    default: z(() => [
+                      j(T.$slots, "drawer-cancel", {}, () => [
+                        e.cancelText ? (c(), V(ze, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: z[2] || (z[2] = (T) => b())
+                          onClick: E[2] || (E[2] = (I) => b())
                         }, {
-                          default: J(() => [
-                            R(P(e.cancelText), 1)
+                          default: z(() => [
+                            R(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : k("", !0)
                       ], !0),
-                      j(V.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (c(), x(ze, {
+                      j(T.$slots, "drawer-confirm", {}, () => [
+                        e.confirmText ? (c(), V(ze, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: z[3] || (z[3] = (T) => n("drawer:confirm"))
+                          onClick: E[3] || (E[3] = (I) => n("drawer:confirm"))
                         }, {
-                          default: J(() => [
-                            R(P(e.confirmText), 1)
+                          default: z(() => [
+                            R(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : k("", !0)
@@ -3751,19 +3751,19 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
       })
     ], 8, ["to", "disabled"])) : k("", !0);
   }
-}), Vu = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-3a548d6c"]]), Tu = /* @__PURE__ */ L({
+}), Vu = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-3a548d6c"]]), Tu = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = S(() => l.drawer), a = Z(), r = S(() => a.default());
+    const l = e, o = t, n = x(() => l.drawer), a = Y(), r = x(() => a.default());
     async function i() {
       var u;
       o("click"), await ((u = n.value) == null ? void 0 : u.show());
     }
-    return (u, s) => (c(!0), h(W, null, Y(r.value, (f) => (c(), x(Q(f), {
+    return (u, s) => (c(!0), h(H, null, K(r.value, (f) => (c(), V(X(f), {
       key: f,
       onClick: i
     }))), 128));
@@ -3774,7 +3774,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
 }, ja = ["aria-label", "aria-labelledby"], ka = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], _a = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, $a = /* @__PURE__ */ L({
+}, $a = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -3818,7 +3818,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = C(), r = S(() => (m) => !n.modelValue || !m.value && !m.id ? !1 : n.modelValue === m.value || n.modelValue === m.id);
+    const o = l, n = e, a = S(), r = x(() => (m) => !n.modelValue || !m.value && !m.id ? !1 : n.modelValue === m.value || n.modelValue === m.id);
     function i(m) {
       m.disabled || o("update:modelValue", m.value || m.id);
     }
@@ -3876,12 +3876,12 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: b
-        }, P(e.resetLabel || "Reset"), 1)) : k("", !0),
+        }, J(e.resetLabel || "Reset"), 1)) : k("", !0),
         j(m.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : k("", !0),
       g("div", {
         tabindex: "0",
-        class: I(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": m.$slots["dropdown-list-items"] }]),
+        class: L(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": m.$slots["dropdown-list-items"] }]),
         style: te({ "max-height": `${e.height}px` })
       }, [
         j(m.$slots, "dropdown-list-items", {}, void 0, !0),
@@ -3894,11 +3894,11 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (c(!0), h(W, null, Y(e.options, (_) => (c(), h("li", {
+          (c(!0), h(H, null, K(e.options, (_) => (c(), h("li", {
             id: _.id,
             key: _.id,
             style: te({ "max-width": `${e.width}px` }),
-            class: I([
+            class: L([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
@@ -3916,7 +3916,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ L({
             onClick: ($) => i(_)
           }, [
             j(m.$slots, "label", q({ ref_for: !0 }, _), () => [
-              g("span", null, P(_.label), 1)
+              g("span", null, J(_.label), 1)
             ], !0)
           ], 46, ka))), 128))
         ], 8, ja)) : k("", !0)
@@ -3941,7 +3941,7 @@ function ho(e, t) {
     t && ((l = e.value) == null || l.focus());
   });
 }
-const xa = /* @__PURE__ */ L({
+const xa = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -4029,23 +4029,23 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = C(!1), r = C(null), i = C(), u = C(null), s = C(null), f = C(!1), d = "joy-dropdown--" + Qe();
+    const o = l, n = e, a = S(!1), r = S(null), i = S(), u = S(null), s = S(null), f = S(!1), d = "joy-dropdown--" + Qe();
     oe("VJoyDropdownContext", n);
     const y = {
       ignore: [i, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
     let p = null;
-    K(
+    G(
       () => a.value,
-      (B) => {
-        B && Oo(u);
+      (C) => {
+        C && Oo(u);
       },
       { flush: "post" }
     );
-    const v = S(() => {
-      let B = `${n.dropdownGap}px`;
-      return n.direction === "up" && (B = "-" + B), {
-        marginTop: B
+    const v = x(() => {
+      let C = `${n.dropdownGap}px`;
+      return n.direction === "up" && (C = "-" + C), {
+        marginTop: C
       };
     });
     function b() {
@@ -4056,8 +4056,8 @@ const xa = /* @__PURE__ */ L({
     function m() {
       f.value = !1, p && clearTimeout(p), a.value = !0, o("dropdown:open");
     }
-    function w(B) {
-      B.stopPropagation(), a.value ? _() : m(), s.value = B.target;
+    function w(C) {
+      C.stopPropagation(), a.value ? _() : m(), s.value = C.target;
     }
     function _() {
       b(), $();
@@ -4065,28 +4065,28 @@ const xa = /* @__PURE__ */ L({
     function $() {
       s.value && s.value.focus();
     }
-    function V(B) {
-      o("update:modelValue", B), n.closeOnSelect && (b(), $());
+    function T(C) {
+      o("update:modelValue", C), n.closeOnSelect && (b(), $());
     }
-    function z() {
+    function E() {
       o("dropdown:reset");
     }
-    function T() {
+    function I() {
       !i.value || !i.value.children.length || (i.value.children[0].id = d);
     }
     return Sa(b), ne(() => {
-      T();
+      I();
     }), t({
       showDropdownList: a,
       generatedId: d
-    }), (B, E) => (c(), x(O(pt), {
+    }), (C, P) => (c(), V(O(pt), {
       ref_key: "dropdown",
       ref: r,
       options: y,
       class: "joy-dropdown",
       onTrigger: b
     }, {
-      default: J(() => [
+      default: z(() => [
         g("div", {
           ref_key: "button",
           ref: i,
@@ -4094,13 +4094,13 @@ const xa = /* @__PURE__ */ L({
           "data-testid": "dropdown-trigger",
           onClick: w
         }, [
-          j(B.$slots, "dropdown-button", {}, void 0, !0)
+          j(C.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         a.value ? (c(), h("div", {
           key: 0,
           ref_key: "list",
           ref: u,
-          class: I([
+          class: L([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
@@ -4120,35 +4120,35 @@ const xa = /* @__PURE__ */ L({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": d,
-            "onUpdate:modelValue": V,
+            "onUpdate:modelValue": T,
             "onClose:dropdownList": _,
-            onReset: z
+            onReset: E
           }, yt({
-            label: J((F) => [
-              j(B.$slots, "dropdown-item", qt(To(F)), () => [
-                g("span", null, P(F.label), 1)
+            label: z((M) => [
+              j(C.$slots, "dropdown-item", qt(To(M)), () => [
+                g("span", null, J(M.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            B.$slots["dropdown-header"] ? {
+            C.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: J(() => [
-                j(B.$slots, "dropdown-header", {}, void 0, !0)
+              fn: z(() => [
+                j(C.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            B.$slots["dropdown-items"] ? {
+            C.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: J(() => [
-                j(B.$slots, "dropdown-items", {}, void 0, !0)
+              fn: z(() => [
+                j(C.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            B.$slots["dropdown-footer"] ? {
+            C.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: J(() => [
-                j(B.$slots, "dropdown-footer", {}, void 0, !0)
+              fn: z(() => [
+                j(C.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -4158,7 +4158,7 @@ const xa = /* @__PURE__ */ L({
       _: 3
     }, 512));
   }
-}), Iu = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-b597f860"]]), Va = ["aria-hidden"], Ta = { key: 1 }, Ia = /* @__PURE__ */ L({
+}), Iu = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-b597f860"]]), Va = ["aria-hidden"], Ta = { key: 1 }, Ia = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -4185,14 +4185,14 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    const t = Z();
+    const t = Y();
     return (l, o) => {
       var n;
       return t.default || (n = e.errors) != null && n.length ? (c(), h("div", {
         key: 0,
         "data-joy-form-error": "",
         "aria-hidden": e.visible,
-        class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
+        class: L(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
         role: "alert"
       }, [
         D(N, {
@@ -4201,13 +4201,13 @@ const xa = /* @__PURE__ */ L({
         }),
         g("div", null, [
           t.default ? j(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), h("ul", Ta, [
-            (c(!0), h(W, null, Y(e.errors, (a) => (c(), h("li", { key: a }, P(a), 1))), 128))
+            (c(!0), h(H, null, K(e.errors, (a) => (c(), h("li", { key: a }, J(a), 1))), 128))
           ])) : k("", !0)
         ])
       ], 10, Va)) : k("", !0);
     };
   }
-}), _t = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-9910aafe"]]), La = { class: "joy-dropzone__icon-wrapper" }, Ba = /* @__PURE__ */ L({
+}), _t = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-9910aafe"]]), La = { class: "joy-dropzone__icon-wrapper" }, Ba = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 },
@@ -4229,7 +4229,7 @@ const xa = /* @__PURE__ */ L({
 }, Ja = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, Pa = /* @__PURE__ */ L({
+}, Pa = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -4241,28 +4241,28 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["delete", "update"],
   setup(e) {
-    const t = Z(), l = e;
-    return (o, n) => (c(), x(ue, {
+    const t = Y(), l = e;
+    return (o, n) => (c(), V(ue, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
       wrap: "nowrap",
       align: "center",
       "no-margin": "",
-      class: I(["joy-dropzone__file", { "joy-dropzone__file--disabled": e.disabled }])
+      class: L(["joy-dropzone__file", { "joy-dropzone__file--disabled": e.disabled }])
     }, {
-      default: J(() => [
+      default: z(() => [
         D(go, {
           name: "file-check",
           class: "joy-dropzone__file__icon",
           color: "neutral-50"
         }),
         g("div", Aa, [
-          g("span", Ea, P(l.file.name), 1),
+          g("span", Ea, J(l.file.name), 1),
           t.information ? (c(), h("div", za, [
             j(o.$slots, "information", { file: e.file }, void 0, !0)
           ])) : k("", !0),
-          e.error ? (c(), h("p", Ja, P(e.error), 1)) : k("", !0)
+          e.error ? (c(), h("p", Ja, J(e.error), 1)) : k("", !0)
         ]),
         D(ue, {
           "column-gap": "1",
@@ -4270,9 +4270,9 @@ const xa = /* @__PURE__ */ L({
           "no-margin": "",
           class: "joy-dropzone__file__actions"
         }, {
-          default: J(() => [
+          default: z(() => [
             j(o.$slots, "actions", { file: e.file }, void 0, !0),
-            e.disabled ? k("", !0) : (c(), x(Ve, {
+            e.disabled ? k("", !0) : (c(), V(Ve, {
               key: 0,
               size: "medium",
               variant: "ghost",
@@ -4281,7 +4281,7 @@ const xa = /* @__PURE__ */ L({
               label: e.updateLabel,
               onClick: n[0] || (n[0] = (a) => o.$emit("update"))
             }, null, 8, ["title", "label"])),
-            e.canDelete && !e.disabled ? (c(), x(Ve, {
+            e.canDelete && !e.disabled ? (c(), V(Ve, {
               key: 1,
               size: "medium",
               variant: "ghost",
@@ -4297,7 +4297,7 @@ const xa = /* @__PURE__ */ L({
       _: 3
     }, 8, ["class"]));
   }
-}), Ma = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-6656f971"]]), Fa = { class: "joy-link__text" }, Oa = /* @__PURE__ */ L({
+}), Ma = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-6656f971"]]), Fa = { class: "joy-link__text" }, Oa = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4314,18 +4314,18 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    return (t, l) => (c(), x(Q(e.href ? "a" : "button"), q({ href: e.href }, t.$attrs, {
+    return (t, l) => (c(), V(X(e.href ? "a" : "button"), q({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`],
       type: e.type
     }), {
-      default: J(() => [
-        e.icon ? (c(), x(N, {
+      default: z(() => [
+        e.icon ? (c(), V(N, {
           key: 0,
           name: e.icon
         }, null, 8, ["name"])) : k("", !0),
         g("span", Fa, [
           j(t.$slots, "default", {}, () => [
-            R(P(e.text), 1)
+            R(J(e.text), 1)
           ], !0)
         ])
       ]),
@@ -4338,7 +4338,7 @@ const xa = /* @__PURE__ */ L({
 }, Ha = { class: "joy-dropzone__instruction__description" }, Wa = { class: "joy-dropzone__instruction__subtitle" }, Ua = {
   key: 1,
   class: "joy-dropzone__legend"
-}, Ga = /* @__PURE__ */ L({
+}, Ga = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Lo({
     name: {},
@@ -4360,29 +4360,29 @@ const xa = /* @__PURE__ */ L({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = Z(), o = e;
+    const l = Y(), o = e;
     oe(fe, !0);
-    const n = Io(e, "modelValue"), a = C(m(n.value)), r = S(() => a.value || o.invalid), i = C(), u = C(), s = C(), { isOverDropZone: f } = Vn(u, {
-      onDrop: z
-    }), d = S(() => n.value.filter((M) => M instanceof File)), y = S(() => o.multiple || d.value.length === 0 ? void 0 : w(d.value[0])), p = S(() => o.disabled ? "neutral" : r.value ? "error" : "secondary");
-    function v(M) {
-      return o.accept.length > 0 ? o.accept.includes(M.type) : !0;
+    const n = Io(e, "modelValue"), a = S(m(n.value)), r = x(() => a.value || o.invalid), i = S(), u = S(), s = S(), { isOverDropZone: f } = Vn(u, {
+      onDrop: E
+    }), d = x(() => n.value.filter((F) => F instanceof File)), y = x(() => o.multiple || d.value.length === 0 ? void 0 : w(d.value[0])), p = x(() => o.disabled ? "neutral" : r.value ? "error" : "secondary");
+    function v(F) {
+      return o.accept.length > 0 ? o.accept.includes(F.type) : !0;
     }
-    function b(M) {
-      return M.size < o.maxSize * 1024 * 1024;
+    function b(F) {
+      return F.size < o.maxSize * 1024 * 1024;
     }
-    function m(M) {
-      return M.filter((G) => G instanceof File).some((G) => !v(G) || !b(G));
+    function m(F) {
+      return F.filter((U) => U instanceof File).some((U) => !v(U) || !b(U));
     }
-    function w(M) {
-      if (!(M instanceof File))
+    function w(F) {
+      if (!(F instanceof File))
         return;
-      const U = v(M), G = b(M);
-      if (!U && !G)
+      const W = v(F), U = b(F);
+      if (!W && !U)
         return o.errorTextFormatAndMaxSize;
-      if (!U)
+      if (!W)
         return o.errorTextFormat;
-      if (!G)
+      if (!U)
         return o.errorTextMaxSize;
     }
     function _() {
@@ -4391,49 +4391,49 @@ const xa = /* @__PURE__ */ L({
     function $() {
       s.value && (s.value.value = "");
     }
-    function V(M) {
-      var G;
-      const U = (G = M.target) == null ? void 0 : G.files;
-      o.disabled || !U || U.length === 0 || (i.value ? (H(i.value, Array.from(U)), i.value = void 0) : F(Array.from(U)));
+    function T(F) {
+      var U;
+      const W = (U = F.target) == null ? void 0 : U.files;
+      o.disabled || !W || W.length === 0 || (i.value ? (Q(i.value, Array.from(W)), i.value = void 0) : M(Array.from(W)));
     }
-    function z(M) {
-      o.disabled || !M || M.length === 0 || (i.value = void 0, F(M));
+    function E(F) {
+      o.disabled || !F || F.length === 0 || (i.value = void 0, M(F));
     }
-    function T(M) {
-      i.value = M, s.value && s.value.click();
+    function I(F) {
+      i.value = F, s.value && s.value.click();
     }
-    function B(M) {
-      a.value = m(M), n.value = M;
+    function C(F) {
+      a.value = m(F), n.value = F;
     }
-    function E(M) {
-      B(n.value.filter((U) => U !== M));
+    function P(F) {
+      C(n.value.filter((W) => W !== F));
     }
-    function F(M) {
-      o.multiple ? B([...n.value, ...M]) : B([M[0]]);
+    function M(F) {
+      o.multiple ? C([...n.value, ...F]) : C([F[0]]);
     }
-    function H(M, [U, ...G]) {
+    function Q(F, [W, ...U]) {
       if (o.multiple) {
-        const X = [...n.value];
-        X[n.value.indexOf(M)] = U, X.push(...G), B(X);
+        const Z = [...n.value];
+        Z[n.value.indexOf(F)] = W, Z.push(...U), C(Z);
       } else
-        B([U]);
+        C([W]);
     }
     return t({
       invalid: a
-    }), (M, U) => (c(), h("div", {
-      class: I(["joy-dropzone", {
+    }), (F, W) => (c(), h("div", {
+      class: L(["joy-dropzone", {
         "joy-dropzone--dragover": O(f),
         "joy-dropzone--invalid": r.value,
         "joy-dropzone--empty": n.value.length === 0,
         "joy-dropzone--disabled": e.disabled
       }])
     }, [
-      e.label ? (c(), x(Ie, {
+      e.label ? (c(), V(Ie, {
         key: 0,
         for: e.name
       }, {
-        default: J(() => [
-          R(P(e.label), 1)
+        default: z(() => [
+          R(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["for"])) : k("", !0),
@@ -4452,7 +4452,7 @@ const xa = /* @__PURE__ */ L({
           accept: e.accept.join(","),
           multiple: e.multiple,
           tabindex: "-1",
-          onChange: V,
+          onChange: T,
           onClick: $
         }, null, 40, Ra),
         g("label", {
@@ -4460,34 +4460,34 @@ const xa = /* @__PURE__ */ L({
           class: "joy-dropzone__label"
         }, [
           n.value.length > 0 ? (c(), h("div", qa, [
-            (c(!0), h(W, null, Y(n.value, (G, X) => (c(), x(Ma, {
-              key: `${G.name}_${X}`,
-              file: G,
-              error: e.multiple ? w(G) : void 0,
+            (c(!0), h(H, null, K(n.value, (U, Z) => (c(), V(Ma, {
+              key: `${U.name}_${Z}`,
+              file: U,
+              error: e.multiple ? w(U) : void 0,
               "update-label": e.updateLabel,
               "delete-label": e.deleteLabel,
               "can-delete": e.canDelete,
               disabled: e.disabled,
-              onUpdate: (ye) => T(G),
-              onDelete: (ye) => E(G)
+              onUpdate: (ye) => I(U),
+              onDelete: (ye) => P(U)
             }, yt({ _: 2 }, [
               l["file-information"] ? {
                 name: "information",
-                fn: J(() => [
-                  j(M.$slots, "file-information", { file: G }, void 0, !0)
+                fn: z(() => [
+                  j(F.$slots, "file-information", { file: U }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               l["file-actions"] ? {
                 name: "actions",
-                fn: J(() => [
-                  j(M.$slots, "file-actions", { file: G }, void 0, !0)
+                fn: z(() => [
+                  j(F.$slots, "file-actions", { file: U }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "can-delete", "disabled", "onUpdate", "onDelete"]))), 128))
           ])) : k("", !0),
-          n.value.length === 0 || e.multiple && !a.value ? (c(), x(ue, {
+          n.value.length === 0 || e.multiple && !a.value ? (c(), V(ue, {
             key: 1,
             direction: "column",
             "row-gap": "2",
@@ -4496,17 +4496,17 @@ const xa = /* @__PURE__ */ L({
             class: "joy-dropzone__instruction",
             onClick: _
           }, {
-            default: J(() => [
+            default: z(() => [
               D(go, {
                 name: "cloud-upload",
                 color: p.value,
                 class: "joy-dropzone__instruction__icon"
               }, null, 8, ["color"]),
               g("span", Ha, [
-                j(M.$slots, "dropzone-description", {}, () => [
-                  U[1] || (U[1] = R(" Drag and drop a document, or ", -1)),
+                j(F.$slots, "dropzone-description", {}, () => [
+                  W[1] || (W[1] = R(" Drag and drop a document, or ", -1)),
                   D(Da, null, {
-                    default: J(() => [...U[0] || (U[0] = [
+                    default: z(() => [...W[0] || (W[0] = [
                       R("browse", -1)
                     ])]),
                     _: 1
@@ -4514,7 +4514,7 @@ const xa = /* @__PURE__ */ L({
                 ], !0)
               ]),
               g("span", Wa, [
-                j(M.$slots, "dropzone-subtitle", {}, void 0, !0)
+                j(F.$slots, "dropzone-subtitle", {}, void 0, !0)
               ])
             ]),
             _: 3
@@ -4522,16 +4522,16 @@ const xa = /* @__PURE__ */ L({
         ], 8, Na)
       ], 512),
       l["dropzone-legend"] && !y.value ? (c(), h("div", Ua, [
-        j(M.$slots, "dropzone-legend", {}, void 0, !0)
+        j(F.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : k("", !0),
-      y.value ? (c(), x(_t, {
+      y.value ? (c(), V(_t, {
         key: 2,
         errors: [y.value],
         class: "joy-dropzone__error"
       }, null, 8, ["errors"])) : k("", !0)
     ], 2));
   }
-}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-50e053eb"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ L({
+}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-dd8c202f"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4548,7 +4548,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ], 8, Ka));
   }
-}), Bu = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-cb769d05"]]), Xa = /* @__PURE__ */ L({
+}), Bu = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-cb769d05"]]), Xa = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -4572,12 +4572,12 @@ const xa = /* @__PURE__ */ L({
     return (r, i) => (c(), h("button", {
       type: "button",
       "data-joy-form-field": "",
-      class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
+      class: L(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: a
     }, [
-      R(P(e.label) + " ", 1),
+      R(J(e.label) + " ", 1),
       j(r.$slots, "default", {}, void 0, !0),
-      O(n) ? (c(), x(N, {
+      O(n) ? (c(), V(N, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -4586,7 +4586,7 @@ const xa = /* @__PURE__ */ L({
       })) : k("", !0)
     ], 2));
   }
-}), Au = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-ef875842"]]), Qa = { class: "floating-actions-bar__content" }, ei = { class: "floating-actions-bar__actions" }, ti = /* @__PURE__ */ L({
+}), Au = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-ef875842"]]), Qa = { class: "floating-actions-bar__content" }, ei = { class: "floating-actions-bar__actions" }, ti = /* @__PURE__ */ B({
   __name: "VJoyFloatingActionsBar",
   props: {
     height: { default: "92px" },
@@ -4594,15 +4594,15 @@ const xa = /* @__PURE__ */ L({
     justify: { default: "space-between" }
   },
   setup(e) {
-    const t = e, l = C(!1);
+    const t = e, l = S(!1);
     return ne(() => {
       l.value = !0;
-    }), (o, n) => l.value ? (c(), x(Te, {
+    }), (o, n) => l.value ? (c(), V(Te, {
       key: 0,
       to: t.appendTo
     }, [
       g("div", {
-        class: I([
+        class: L([
           "floating-actions-bar",
           "joy-bgcolor-neutral-0",
           "joy-core-elevation-2",
@@ -4627,7 +4627,7 @@ const xa = /* @__PURE__ */ L({
       ], 6)
     ], 8, ["to"])) : k("", !0);
   }
-}), Eu = /* @__PURE__ */ A(ti, [["__scopeId", "data-v-2eef762e"]]), oi = /* @__PURE__ */ L({
+}), Eu = /* @__PURE__ */ A(ti, [["__scopeId", "data-v-2eef762e"]]), oi = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -4647,7 +4647,7 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = de("VJoyWrapperContext", {}), n = S(() => {
+    const l = e, o = de("VJoyWrapperContext", {}), n = x(() => {
       const a = o.direction === "column" ? "auto" : null;
       if (!l.width && l.flex === "1") {
         const u = ["1", "0"];
@@ -4658,14 +4658,14 @@ const xa = /* @__PURE__ */ L({
     });
     return t({ flexStyle: n }), (a, r) => (c(), h("div", {
       "aria-hidden": "true",
-      class: I(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
+      class: L(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: te({
         "max-width": e.width,
         flex: n.value
       })
     }, null, 6));
   }
-}), zu = /* @__PURE__ */ A(oi, [["__scopeId", "data-v-3004f370"]]), ni = /* @__PURE__ */ L({
+}), zu = /* @__PURE__ */ A(oi, [["__scopeId", "data-v-3004f370"]]), ni = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyFormGroup",
   setup(e) {
@@ -4673,7 +4673,7 @@ const xa = /* @__PURE__ */ L({
       j(t.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Ju = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-0424f0f1"]]), li = { class: "joy-funnel__header" }, ai = { class: "funnel__header__inner" }, ii = /* @__PURE__ */ L({
+}), Ju = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-0424f0f1"]]), li = { class: "joy-funnel__header" }, ai = { class: "funnel__header__inner" }, ii = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -4693,19 +4693,19 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = C(!0), o = Z(), n = C(!0);
+    const l = S(!0), o = Y(), n = S(!0);
     oe("VJoyStepperShowLabels", n);
     function a(u) {
       const s = u.currentTarget;
       l.value = s.scrollTop === 0, r.value && !l.value ? n.value = !1 : r.value && l.value && (n.value = !0);
     }
-    const r = S(() => !!o["funnel-stepper"]), i = S(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const r = x(() => !!o["funnel-stepper"]), i = x(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: l,
       hasStepperSlot: r,
       hasFooterSlot: i
     }), (u, s) => (c(), h("div", {
-      class: I([
+      class: L([
         "joy-funnel",
         {
           "joy-funnel--no-stepper": !r.value
@@ -4719,7 +4719,7 @@ const xa = /* @__PURE__ */ L({
       ]),
       e.hideShapes ? k("", !0) : (c(), h("div", {
         key: 0,
-        class: I([
+        class: L([
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
@@ -4730,7 +4730,7 @@ const xa = /* @__PURE__ */ L({
         Ht('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
       ])], 2)),
       g("div", {
-        class: I(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
+        class: L(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
       }, [
         j(u.$slots, "funnel-stepper", {}, void 0, !0)
       ], 2),
@@ -4739,14 +4739,14 @@ const xa = /* @__PURE__ */ L({
         onScroll: a
       }, [
         g("div", {
-          class: I(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+          class: L(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
           j(u.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32)
     ], 2));
   }
-}), Pu = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-e2fccb79"]]), ri = { class: "joy-funnel-footer" }, si = { class: "joy-funnel-footer__left" }, ui = { class: "joy-funnel-footer__right" }, ci = /* @__PURE__ */ L({
+}), Pu = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-e2fccb79"]]), ri = { class: "joy-funnel-footer" }, si = { class: "joy-funnel-footer__left" }, ui = { class: "joy-funnel-footer__right" }, ci = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), h("footer", ri, [
@@ -4758,7 +4758,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ]));
   }
-}), Mu = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-bdeeb2bd"]]), di = { class: "joy-funnel-header" }, fi = { class: "joy-funnel-header__left" }, yi = { class: "joy-funnel-header__right" }, mi = /* @__PURE__ */ L({
+}), Mu = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-bdeeb2bd"]]), di = { class: "joy-funnel-header" }, fi = { class: "joy-funnel-header__left" }, yi = { class: "joy-funnel-header__right" }, mi = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), h("header", di, [
@@ -4770,7 +4770,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ]));
   }
-}), Fu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e423038b"]]), pi = { class: "joy-highlight__decorator" }, vi = { class: "joy-highlight__text" }, hi = { key: 0 }, gi = /* @__PURE__ */ L({
+}), Fu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e423038b"]]), pi = { class: "joy-highlight__decorator" }, vi = { class: "joy-highlight__text" }, hi = { key: 0 }, gi = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -4797,11 +4797,11 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = S(() => l.icon ? l.icon : Ut(l.level));
+    const l = e, o = x(() => l.icon ? l.icon : Ut(l.level));
     return t({
       getRelevantIcon: o
     }), (n, a) => (c(), h("div", {
-      class: I([
+      class: L([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         `joy-highlight_${e.variant}`,
@@ -4813,7 +4813,7 @@ const xa = /* @__PURE__ */ L({
     }, [
       g("div", pi, [
         j(n.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (c(), x(N, {
+          e.displayIcon ? (c(), V(N, {
             key: 0,
             name: o.value
           }, null, 8, ["name"])) : k("", !0)
@@ -4827,7 +4827,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ], 2));
   }
-}), Ou = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-e5c2ff23"]]), bi = ["aria-label"], wi = /* @__PURE__ */ L({
+}), Ou = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-e5c2ff23"]]), bi = ["aria-label"], wi = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -4851,16 +4851,16 @@ const xa = /* @__PURE__ */ L({
   },
   setup(e) {
     return (t, l) => (c(), h("li", {
-      class: I(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
+      class: L(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
       g("button", {
         type: "button",
-        class: I(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
+        class: L(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
       }, null, 10, bi)
     ], 2));
   }
-}), ji = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-5fbd653e"]]), ki = /* @__PURE__ */ L({
+}), ji = /* @__PURE__ */ A(wi, [["__scopeId", "data-v-5fbd653e"]]), ki = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -4873,7 +4873,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = Z(), r = C(o.modelValue), i = S(() => {
+    const o = e, n = l, a = Y(), r = S(o.modelValue), i = x(() => {
       const d = a.default();
       return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(s) : d.filter(s);
     });
@@ -4887,7 +4887,7 @@ const xa = /* @__PURE__ */ L({
     function f(d) {
       n("update:modelValue", d.props.value), r.value = d.props.value;
     }
-    return K(
+    return G(
       () => o.modelValue,
       (d, y) => {
         d !== y && (r.value = d);
@@ -4896,9 +4896,9 @@ const xa = /* @__PURE__ */ L({
       indicators: i,
       isSelected: u
     }), (d, y) => (c(), h("ul", {
-      class: I(["joy-indicators", `joy-indicators--${e.variant}`])
+      class: L(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), h(W, null, Y(i.value, (p) => (c(), x(ji, q({
+      (c(!0), h(H, null, K(i.value, (p) => (c(), V(ji, q({
         key: p.props.value
       }, { ref_for: !0 }, { ...p.props, variant: e.variant }, {
         selected: u(p),
@@ -4906,7 +4906,7 @@ const xa = /* @__PURE__ */ L({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), Du = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-f2dd63e9"]]), _i = ["id", "name", "required", "disabled", "readonly", "type", "value"], $i = /* @__PURE__ */ L({
+}), Du = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-f2dd63e9"]]), _i = ["id", "name", "required", "disabled", "readonly", "type", "value"], $i = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4933,9 +4933,9 @@ const xa = /* @__PURE__ */ L({
   setup(e, { expose: t, emit: l }) {
     const o = l, n = e, a = de("VJoyWrapperContext", {});
     oe(fe, !0);
-    const r = C(), i = C(), u = le(), s = Z(), f = C(!1);
+    const r = S(), i = S(), u = le(), s = Y(), f = S(!1);
     ho(r, n.autofocus);
-    const d = S(() => typeof n.modelValue == "number" || !n.clearable || !n.modelValue ? !1 : n.modelValue.length > 0), y = S(() => s.default && s.default()), p = S(() => Object.keys(a).length > 0);
+    const d = x(() => typeof n.modelValue == "number" || !n.clearable || !n.modelValue ? !1 : n.modelValue.length > 0), y = x(() => s.default && s.default()), p = x(() => Object.keys(a).length > 0);
     function v() {
       var m;
       n.readonly || (m = r.value) == null || m.focus();
@@ -4967,10 +4967,10 @@ const xa = /* @__PURE__ */ L({
     }), (m, w) => (c(), h("div", {
       ref_key: "root",
       ref: i,
-      class: I([`joy-input--${n.size}`])
+      class: L([`joy-input--${n.size}`])
     }, [
       g("div", {
-        class: I([
+        class: L([
           "joy-input",
           {
             "joy-input--focusing": f.value,
@@ -4981,22 +4981,22 @@ const xa = /* @__PURE__ */ L({
           }
         ])
       }, [
-        y.value || e.label ? (c(), x(Ie, {
+        y.value || e.label ? (c(), V(Ie, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: J(() => [
+          default: z(() => [
             j(m.$slots, "default", {}, () => [
-              R(P(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : k("", !0),
         g("div", {
-          class: I([
+          class: L([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
@@ -5005,7 +5005,7 @@ const xa = /* @__PURE__ */ L({
             }
           ])
         }, [
-          e.icon ? (c(), x(N, {
+          e.icon ? (c(), V(N, {
             key: 0,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -5038,7 +5038,7 @@ const xa = /* @__PURE__ */ L({
             onWheel: w[4] || (w[4] = //@ts-ignore
             (..._) => b.onWheelScroll && b.onWheelScroll(..._))
           }), null, 16, _i),
-          d.value ? (c(), x(Ve, {
+          d.value ? (c(), V(Ve, {
             key: 1,
             class: "joy-input--clear",
             label: e.clearAriaLabel,
@@ -5052,7 +5052,7 @@ const xa = /* @__PURE__ */ L({
       ], 2)
     ], 2));
   }
-}), $t = /* @__PURE__ */ A($i, [["__scopeId", "data-v-3fb01588"]]), Ci = { class: "joy-input-digit__wrapper" }, Si = /* @__PURE__ */ L({
+}), $t = /* @__PURE__ */ A($i, [["__scopeId", "data-v-3fb01588"]]), Ci = { class: "joy-input-digit__wrapper" }, Si = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInputDigit",
   props: {
@@ -5065,9 +5065,9 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = le(), r = C([]), i = C([]);
+    const o = e, n = l, a = le(), r = S([]), i = S([]);
     oe("VJoyWrapperContext", { withinInputDigit: !0 });
-    const u = S(() => Math.max(1, o.length));
+    const u = x(() => Math.max(1, o.length));
     function s($) {
       return `${o.inputAriaLabel ?? "Digit"} ${$ + 1}/${u.value}`;
     }
@@ -5075,63 +5075,63 @@ const xa = /* @__PURE__ */ L({
       return $ ? /^\d$/.test($) : !1;
     }
     function d($ = "") {
-      const V = $.split("").filter((z) => f(z)).slice(0, u.value);
-      i.value = Array.from({ length: u.value }, (z, T) => V[T] || "");
+      const T = $.split("").filter((E) => f(E)).slice(0, u.value);
+      i.value = Array.from({ length: u.value }, (E, I) => T[I] || "");
     }
     function y($) {
-      const V = i.value.join("");
-      n("update:modelValue", V), n("change", V, $);
+      const T = i.value.join("");
+      n("update:modelValue", T), n("change", T, $);
     }
     function p($) {
-      const V = r.value[$], z = V == null ? void 0 : V.$el;
-      return z == null ? void 0 : z.querySelector("input");
+      const T = r.value[$], E = T == null ? void 0 : T.$el;
+      return E == null ? void 0 : E.querySelector("input");
     }
     function v($) {
-      const V = p($);
-      V == null || V.focus(), V == null || V.select();
+      const T = p($);
+      T == null || T.focus(), T == null || T.select();
     }
     function b($) {
-      const V = Math.min($ + 1, u.value - 1);
-      V !== $ && v(V);
+      const T = Math.min($ + 1, u.value - 1);
+      T !== $ && v(T);
     }
     function m($) {
-      const V = Math.max($ - 1, 0);
-      V !== $ && v(V);
+      const T = Math.max($ - 1, 0);
+      T !== $ && v(T);
     }
-    function w($, V) {
-      let z = $;
-      for (const T of V) {
-        if (z >= u.value)
+    function w($, T) {
+      let E = $;
+      for (const I of T) {
+        if (E >= u.value)
           break;
-        i.value[z] = T, z += 1;
+        i.value[E] = I, E += 1;
       }
-      return Math.min(z, u.value - 1);
+      return Math.min(E, u.value - 1);
     }
     const _ = {
-      onInput: ($, V) => {
-        const z = $.split("").filter((B) => f(B)).slice(0, u.value - V);
-        if (z.length === 0) {
-          i.value[V] = "", y(new Event("input"));
+      onInput: ($, T) => {
+        const E = $.split("").filter((C) => f(C)).slice(0, u.value - T);
+        if (E.length === 0) {
+          i.value[T] = "", y(new Event("input"));
           return;
         }
-        const T = w(V, z);
-        y(new Event("input")), o.disabled || (v(T), z.length === 1 && b(V));
+        const I = w(T, E);
+        y(new Event("input")), o.disabled || (v(I), E.length === 1 && b(T));
       },
-      onKeyDown: ($, V) => {
+      onKeyDown: ($, T) => {
         if (!($.ctrlKey || $.metaKey))
           switch ($.key) {
             case "ArrowLeft":
-              m(V), $.preventDefault();
+              m(T), $.preventDefault();
               return;
             case "ArrowRight":
-              b(V), $.preventDefault();
+              b(T), $.preventDefault();
               return;
             case "ArrowUp":
             case "ArrowDown":
               $.preventDefault();
               return;
             case "Backspace":
-              i.value[V] || m(V);
+              i.value[T] || m(T);
               return;
             case "Enter":
             case "Tab":
@@ -5141,14 +5141,14 @@ const xa = /* @__PURE__ */ L({
               f($.key) || $.preventDefault();
           }
       },
-      onPaste: ($, V) => {
-        var E;
+      onPaste: ($, T) => {
+        var P;
         $.preventDefault();
-        const T = (((E = $.clipboardData) == null ? void 0 : E.getData("text")) || "").split("").filter((F) => f(F)).slice(0, u.value - V);
-        if (!T.length)
+        const I = (((P = $.clipboardData) == null ? void 0 : P.getData("text")) || "").split("").filter((M) => f(M)).slice(0, u.value - T);
+        if (!I.length)
           return;
-        const B = w(V, T);
-        y($), v(B);
+        const C = w(T, I);
+        y($), v(C);
       },
       onFocus: ($) => {
         $.target.select(), n("focus", $);
@@ -5160,7 +5160,7 @@ const xa = /* @__PURE__ */ L({
         $.target.select();
       }
     };
-    return K(
+    return G(
       () => [o.modelValue, o.length],
       () => {
         d(o.modelValue);
@@ -5169,9 +5169,9 @@ const xa = /* @__PURE__ */ L({
     ), t({
       focusInput: v,
       tokens: i
-    }), ($, V) => (c(), h("div", Ci, [
+    }), ($, T) => (c(), h("div", Ci, [
       g("div", {
-        class: I([
+        class: L([
           "joy-input-digit",
           {
             "joy-input-digit--invalid": o.invalid,
@@ -5179,27 +5179,27 @@ const xa = /* @__PURE__ */ L({
           }
         ])
       }, [
-        (c(!0), h(W, null, Y(u.value, (z, T) => (c(), h("div", {
-          key: T,
+        (c(!0), h(H, null, K(u.value, (E, I) => (c(), h("div", {
+          key: I,
           class: "joy-input-digit__field joy-input-digit__item"
         }, [
           D($t, q({ ref_for: !0 }, O(a), {
             ref_for: !0,
             ref_key: "inputRefs",
             ref: r,
-            name: `${o.name}-${T + 1}`,
-            "model-value": i.value[T],
+            name: `${o.name}-${I + 1}`,
+            "model-value": i.value[I],
             type: "number",
             inputmode: "numeric",
             size: "medium",
             disabled: o.disabled,
             invalid: o.invalid,
-            "aria-label": s(T),
+            "aria-label": s(I),
             autocomplete: "one-time-code",
             maxlength: "1",
-            "onUpdate:modelValue": (B) => _.onInput(B, T),
-            onKeydown: (B) => _.onKeyDown(B, T),
-            onPaste: (B) => _.onPaste(B, T),
+            "onUpdate:modelValue": (C) => _.onInput(C, I),
+            onKeydown: (C) => _.onKeyDown(C, I),
+            onPaste: (C) => _.onPaste(C, I),
             onFocus: _.onFocus,
             onBlur: _.onBlur,
             onClick: _.onClick
@@ -5211,7 +5211,7 @@ const xa = /* @__PURE__ */ L({
 }), Ru = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-f359f1d1"]]), xi = { class: "joy-input-unit" }, Vi = {
   key: 0,
   class: "joy-input__unit___label"
-}, Ti = { class: "joy-input__unit___label____text" }, Ii = /* @__PURE__ */ L({
+}, Ti = { class: "joy-input__unit___label____text" }, Ii = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInputNumber",
   props: {
@@ -5235,10 +5235,10 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = le(), r = C(), i = S(() => {
+    const o = l, n = e, a = le(), r = S(), i = x(() => {
       const { clearable: f, clearAriaLabel: d, ...y } = a;
       return y;
-    }), u = S(() => {
+    }), u = x(() => {
       const { unit: f, ...d } = n;
       return d;
     });
@@ -5255,19 +5255,19 @@ const xa = /* @__PURE__ */ L({
       }, { ...i.value, ...u.value }, {
         "onUpdate:modelValue": d[0] || (d[0] = (y) => o("update:modelValue", y))
       }), {
-        default: J(() => [
+        default: z(() => [
           j(f.$slots, "default", {}, void 0, !0)
         ]),
-        "right-action": J(() => [
+        "right-action": z(() => [
           e.unit ? (c(), h("div", Vi, [
-            g("span", Ti, P(e.unit), 1)
+            g("span", Ti, J(e.unit), 1)
           ])) : k("", !0)
         ]),
         _: 3
       }, 16)
     ]));
   }
-}), Nu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-46a07be5"]]), Li = { class: "joy-input-password" }, Bi = /* @__PURE__ */ L({
+}), Nu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-46a07be5"]]), Li = { class: "joy-input-password" }, Bi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInputPassword",
   props: {
@@ -5288,7 +5288,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = le(), r = C(), i = C(!1), u = S(() => i.value ? "text" : "password");
+    const o = l, n = e, a = le(), r = S(), i = S(!1), u = x(() => i.value ? "text" : "password");
     function s(d) {
       d.preventDefault(), !n.disabled && (i.value = !i.value);
     }
@@ -5306,30 +5306,30 @@ const xa = /* @__PURE__ */ L({
         type: u.value,
         "onUpdate:modelValue": y[0] || (y[0] = (p) => o("update:modelValue", p))
       }), {
-        "right-action": J(() => [
+        "right-action": z(() => [
           D(N, {
-            class: I(["joy-input__password-icon", { "joy-input__password-icon--disabled": e.disabled }]),
+            class: L(["joy-input__password-icon", { "joy-input__password-icon--disabled": e.disabled }]),
             name: i.value ? "eye-masked" : "eye",
             onClick: s
           }, null, 8, ["class", "name"])
         ]),
         _: 1
       }, 16, ["type"]),
-      d.$slots["password-requirements"] ? (c(), x(ue, {
+      d.$slots["password-requirements"] ? (c(), V(ue, {
         key: 0,
         class: "joy-mt-2",
         "no-margin": "",
         "row-gap": "2",
         justify: "flex-start"
       }, {
-        default: J(() => [
+        default: z(() => [
           j(d.$slots, "password-requirements", {}, void 0, !0)
         ]),
         _: 3
       })) : k("", !0)
     ]));
   }
-}), qu = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-54152321"]]), Ai = { class: "joy-list-item__left" }, Ei = { class: "joy-font-primary-300 joy-m-0" }, zi = { class: "joy-list-item__right" }, Ji = /* @__PURE__ */ L({
+}), qu = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-54152321"]]), Ai = { class: "joy-list-item__left" }, Ei = { class: "joy-font-primary-300 joy-m-0" }, zi = { class: "joy-list-item__right" }, Ji = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -5346,9 +5346,9 @@ const xa = /* @__PURE__ */ L({
         wrap: "nowrap",
         justify: "space-between"
       }, {
-        default: J(() => [
+        default: z(() => [
           g("div", Ai, [
-            e.icon ? (c(), x(N, {
+            e.icon ? (c(), V(N, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: e.icon
@@ -5365,7 +5365,7 @@ const xa = /* @__PURE__ */ L({
       })
     ]));
   }
-}), Hu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-6c3750f0"]]), Pi = ["aria-activedescendant", "aria-label"], Mi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Fi = { "aria-hidden": "true" }, Oi = /* @__PURE__ */ L({
+}), Hu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-6c3750f0"]]), Pi = ["aria-activedescendant", "aria-label"], Mi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Fi = { "aria-hidden": "true" }, Oi = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -5386,9 +5386,9 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = C();
-    C(0);
-    const a = C();
+    const o = l, n = S();
+    S(0);
+    const a = S();
     function r(p) {
       p.disabled || o("selectItem", p);
     }
@@ -5435,9 +5435,9 @@ const xa = /* @__PURE__ */ L({
         onKeydown: f
       }, [
         j(p.$slots, "default", {}, void 0, !0),
-        (c(!0), h(W, null, Y(e.items, (m) => Xe((c(), h("li", {
+        (c(!0), h(H, null, K(e.items, (m) => Xe((c(), h("li", {
           key: m.label,
-          class: I([
+          class: L([
             "joy-menu-list__item",
             {
               "joy-menu-list__item--current": m.current,
@@ -5455,11 +5455,11 @@ const xa = /* @__PURE__ */ L({
         }, [
           g("div", Fi, [
             j(p.$slots, "menu-item", q({ ref_for: !0 }, m), () => [
-              m.icon ? (c(), x(N, {
+              m.icon ? (c(), V(N, {
                 key: 0,
                 name: m.icon
               }, null, 8, ["name"])) : k("", !0),
-              g("span", null, P(m.label), 1)
+              g("span", null, J(m.label), 1)
             ], !0)
           ])
         ], 42, Mi)), [
@@ -5468,7 +5468,7 @@ const xa = /* @__PURE__ */ L({
       ], 40, Pi);
     };
   }
-}), Wu = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-4874ce7e"]]), Di = ["aria-disabled", "aria-current", "title", "aria-label"], Ri = { class: "joy-menu-item__label joy-font-primary-400" }, Ni = /* @__PURE__ */ L({
+}), Wu = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-4874ce7e"]]), Di = ["aria-disabled", "aria-current", "title", "aria-label"], Ri = { class: "joy-menu-item__label joy-font-primary-400" }, Ni = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -5484,21 +5484,21 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["click"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = le(), a = e, r = S(() => a.type !== "a" && a.type !== "button" ? a.linkProps : { ...n, href: a.href });
+    const o = l, n = le(), a = e, r = x(() => a.type !== "a" && a.type !== "button" ? a.linkProps : { ...n, href: a.href });
     function i() {
       a.disabled || o("click");
     }
     return t({
       getProps: r
     }), (u, s) => (c(), h("li", {
-      class: I(["joy-menu-item"]),
+      class: L(["joy-menu-item"]),
       "aria-disabled": e.disabled,
       "aria-current": e.current,
       title: e.label,
       "aria-label": e.label,
       role: "menuitem"
     }, [
-      (c(), x(Q(e.disabled ? "div" : e.type), q({ ...r.value, ...u.$attrs }, {
+      (c(), V(X(e.disabled ? "div" : e.type), q({ ...r.value, ...u.$attrs }, {
         class: [
           "joy-menu-item__inner",
           {
@@ -5509,14 +5509,14 @@ const xa = /* @__PURE__ */ L({
         type: e.type === "button" ? "button" : null,
         onClick: i
       }), {
-        default: J(() => [
-          e.icon ? (c(), x(N, {
+        default: z(() => [
+          e.icon ? (c(), V(N, {
             key: 0,
             class: "joy-menu-item__icon-left",
             name: e.icon
           }, null, 8, ["name"])) : k("", !0),
-          g("span", Ri, P(e.label), 1),
-          e.status ? (c(), x(N, {
+          g("span", Ri, J(e.label), 1),
+          e.status ? (c(), V(N, {
             key: 1,
             class: "joy-menu-item__icon-right",
             name: e.status,
@@ -5527,7 +5527,7 @@ const xa = /* @__PURE__ */ L({
       }, 16, ["class", "type"]))
     ], 8, Di));
   }
-}), Uu = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-ed856c91"]]), Mt = /* @__PURE__ */ L({
+}), Uu = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-ed856c91"]]), Mt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5545,7 +5545,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["click"],
   setup(e) {
-    return (t, l) => (c(), x(Ve, {
+    return (t, l) => (c(), V(Ve, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -5557,7 +5557,7 @@ const xa = /* @__PURE__ */ L({
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), qi = ["aria-label", "data-current"], Hi = ["onClick"], Wi = ["aria-current"], Ui = 6, Gi = /* @__PURE__ */ L({
+}), qi = ["aria-label", "data-current"], Hi = ["onClick"], Wi = ["aria-current"], Ui = 6, Gi = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5588,10 +5588,10 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = S(() => {
+    const l = e, o = t, n = x(() => {
       const f = r.value.length;
       return r.value[f - 1] !== r.value[f - 2] + 1;
-    }), a = S(() => r.value[0] !== r.value[1] - 1), r = S(() => l.totalPages === 1 ? [1] : l.totalPages < Ui ? u(2, l.totalPages - 1) : s(l.currentPage));
+    }), a = x(() => r.value[0] !== r.value[1] - 1), r = x(() => l.totalPages === 1 ? [1] : l.totalPages < Ui ? u(2, l.totalPages - 1) : s(l.currentPage));
     function i(f, d) {
       l.currentPage === 1 && d === "prev" || l.currentPage === l.totalPages && d === "next" || o("update:current-page", f);
     }
@@ -5626,9 +5626,9 @@ const xa = /* @__PURE__ */ L({
         ]),
         g("li", null, [
           g("ul", null, [
-            (c(!0), h(W, null, Y(r.value, (y) => (c(), h("li", {
+            (c(!0), h(H, null, K(r.value, (y) => (c(), h("li", {
               key: y,
-              class: I({
+              class: L({
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: y === e.currentPage,
@@ -5641,7 +5641,7 @@ const xa = /* @__PURE__ */ L({
                 g("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, P(y), 9, Wi)
+                }, J(y), 9, Wi)
               ], !0)
             ], 10, Hi))), 128))
           ])
@@ -5664,7 +5664,7 @@ const xa = /* @__PURE__ */ L({
 }), Gu = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-7e82041f"]]), Ki = { class: "joy-screen-loader__content" }, Yi = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Zi = /* @__PURE__ */ L({
+}, Zi = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5680,7 +5680,7 @@ const xa = /* @__PURE__ */ L({
   },
   setup(e) {
     return (t, l) => (c(), h("div", {
-      class: I(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
+      class: L(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       g("div", Ki, [
         j(t.$slots, "spinner", {}, () => [
@@ -5696,7 +5696,7 @@ const xa = /* @__PURE__ */ L({
   }
 }), bo = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-266b7e2a"]]), Xi = {
   key: 0,
-  class: /* @__PURE__ */ I(["joy-panel__header"])
+  class: /* @__PURE__ */ L(["joy-panel__header"])
 }, Qi = {
   key: 0,
   class: "joy-panel__header-title-icon"
@@ -5709,7 +5709,7 @@ const xa = /* @__PURE__ */ L({
 }, or = { class: "joy-panel__body" }, nr = {
   key: 1,
   class: "joy-panel__footer"
-}, lr = /* @__PURE__ */ L({
+}, lr = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5741,12 +5741,12 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    const t = de("VJoyWrapperContext", {}), l = S(() => Object.keys(t).length > 0), o = Z(), n = C(), a = S(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
+    const t = de("VJoyWrapperContext", {}), l = x(() => Object.keys(t).length > 0), o = Y(), n = S(), a = x(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
     return (r, i) => (c(), h("section", {
       ref_key: "panel",
       ref: n,
       style: te({ flex: e.flex }),
-      class: I([
+      class: L([
         "joy-panel",
         `joy-panel--${e.padding}`,
         `joy-panel--${e.variant}`,
@@ -5759,7 +5759,7 @@ const xa = /* @__PURE__ */ L({
       a.value ? (c(), h("header", Xi, [
         o["panel-title"] ? (c(), h("div", {
           key: 0,
-          class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
+          class: L(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           o["panel-title-icon"] ? (c(), h("div", Qi, [
             j(r.$slots, "panel-title-icon", {}, void 0, !0)
@@ -5779,12 +5779,12 @@ const xa = /* @__PURE__ */ L({
       o["panel-action"] ? (c(), h("footer", nr, [
         j(r.$slots, "panel-action", {}, void 0, !0)
       ])) : k("", !0),
-      e.loading ? (c(), x(bo, {
+      e.loading ? (c(), V(bo, {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: J(() => [
+        content: z(() => [
           j(r.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
@@ -5797,10 +5797,10 @@ const xa = /* @__PURE__ */ L({
 }, rr = {
   key: 1,
   class: "joy-panel-section__content"
-}, sr = /* @__PURE__ */ L({
+}, sr = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = Z();
+    const t = Y();
     return (l, o) => (c(), h("div", ar, [
       O(t)["panel-section-title"] ? (c(), h("div", ir, [
         j(l.$slots, "panel-section-title", {}, void 0, !0)
@@ -5810,7 +5810,7 @@ const xa = /* @__PURE__ */ L({
       ])) : k("", !0)
     ]));
   }
-}), Yu = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-d88510ab"]]), ur = { class: "joy-password-requirement__label" }, cr = /* @__PURE__ */ L({
+}), Yu = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-d88510ab"]]), ur = { class: "joy-password-requirement__label" }, cr = /* @__PURE__ */ B({
   __name: "VJoyPasswordRequirement",
   props: {
     label: {},
@@ -5821,35 +5821,35 @@ const xa = /* @__PURE__ */ L({
     return (l, o) => (c(), h("div", q({
       class: ["joy-password-requirement", [`joy-password-requirement--${e.status}`]]
     }, e.status === "error" ? { "data-joy-form-error": "" } : {}), [
-      e.status === "neutral" ? (c(), x(N, {
+      e.status === "neutral" ? (c(), V(N, {
         key: 0,
         name: "circle",
         color: "neutral"
-      })) : e.status === "success" ? (c(), x(N, {
+      })) : e.status === "success" ? (c(), V(N, {
         key: 1,
         name: "check-circle",
         color: "success"
-      })) : (c(), x(N, {
+      })) : (c(), V(N, {
         key: 2,
         name: "warning",
         size: "xsmall",
         color: "error"
       })),
-      g("span", ur, P(t.label), 1)
+      g("span", ur, J(t.label), 1)
     ], 16));
   }
-}), Zu = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-57c149c0"]]), dr = /* @__PURE__ */ L({
+}), Zu = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-57c149c0"]]), dr = /* @__PURE__ */ B({
   __name: "VJoyProductTourSpotlight",
   props: {
     disableOverlay: { type: Boolean }
   },
   setup(e) {
     return (t, l) => (c(), h("div", {
-      class: I(["joy-product-tour-spotlight", { "joy-product-tour-spotlight--no-overlay": e.disableOverlay }])
+      class: L(["joy-product-tour-spotlight", { "joy-product-tour-spotlight--no-overlay": e.disableOverlay }])
     }, null, 2));
   }
 }), fr = /* @__PURE__ */ A(dr, [["__scopeId", "data-v-343594f0"]]), yr = () => {
-  const e = C(null);
+  const e = S(null);
   return {
     clearProductTourRef: () => {
       e.value = null;
@@ -5863,7 +5863,7 @@ const xa = /* @__PURE__ */ L({
 }, wo = yr(), mr = { class: "joy-product-tour__content" }, pr = { class: "joy-product-tour__header" }, vr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, hr = { class: "joy-product-tour__footer___steps" }, gr = "joy-product-tour-spotlight__wrapper", br = /* @__PURE__ */ L({
+}, hr = { class: "joy-product-tour__footer___steps" }, gr = "joy-product-tour-spotlight__wrapper", br = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5879,11 +5879,11 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: a } = wo, r = C(null), i = C(null), u = C(null), s = C(null), f = C(null), d = C(n.open), y = C(), p = C(
+    const o = l, n = e, { clearProductTourRef: a } = wo, r = S(null), i = S(null), u = S(null), s = S(null), f = S(null), d = S(n.open), y = S(), p = S(
       vo(u, r, {
         placement: n.position,
-        whileElementsMounted(...E) {
-          return Ll(...E, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+        whileElementsMounted(...C) {
+          return Ll(...C, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5897,73 +5897,69 @@ const xa = /* @__PURE__ */ L({
           mo({ element: y, padding: 0 })
         ]
       })
-    ), v = S(() => {
-      const { middlewareData: E, placement: F } = p.value, H = E.arrow, M = {
+    ), v = x(() => {
+      const { middlewareData: C, placement: P } = p.value, M = C.arrow, Q = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[F.split("-")[0]];
+      }[P.split("-")[0]];
       return {
-        left: (H == null ? void 0 : H.x) && `${H == null ? void 0 : H.x}px`,
-        top: (H == null ? void 0 : H.y) && `${H == null ? void 0 : H.y}px`,
+        left: (M == null ? void 0 : M.x) && `${M == null ? void 0 : M.x}px`,
+        top: (M == null ? void 0 : M.y) && `${M == null ? void 0 : M.y}px`,
         right: "",
         bottom: "",
-        [M]: "-12px"
+        [Q]: "-12px"
       };
     });
     function b() {
-      var E;
-      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (u.value = document.querySelector(n.spotlightSelector), _({
+      var C;
+      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (u.value = document.querySelector(n.spotlightSelector), w({
         elementToHighlight: u.value,
         disableOverlay: n.disableOverlay
-      }), (E = p.value) == null || E.update(), d.value = !0);
-    }
-    function m(E) {
-      const { fireHideEvent: F = !0 } = E ?? {};
-      d.value = !1, a(), B(), F && o("product-tour:hide");
+      }), (C = p.value) == null || C.update(), d.value = !0);
     }
-    function w() {
-      m({ fireHideEvent: !0 });
+    function m() {
+      d.value = !1, a(), I(), o("product-tour:hide");
     }
-    function _(E) {
-      u.value && (E.disableOverlay || $(), V(E.elementToHighlight));
+    function w(C) {
+      u.value && (C.disableOverlay || _(), $(C.elementToHighlight));
     }
-    function $() {
-      i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", w, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
+    function _() {
+      i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", m, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
     }
-    function V(E) {
-      E && (E.style.position = "relative", E.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = D(fr, { disableOverlay: n.disableOverlay }), f.value = document.createElement("div"), f.value.classList.add(gr), document.body.appendChild(f.value), Ct(s.value, f.value), z());
+    function $(C) {
+      C && (C.style.position = "relative", C.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = D(fr, { disableOverlay: n.disableOverlay }), f.value = document.createElement("div"), f.value.classList.add(gr), document.body.appendChild(f.value), Ct(s.value, f.value), T());
     }
-    function z() {
+    function T() {
       if (!f.value)
         return;
-      const { left: E, top: F, height: H, width: M } = u.value.getBoundingClientRect();
-      f.value.style.left = `calc(${window.scrollX + E - n.spotlightPadding}px`, f.value.style.top = `${window.scrollY + F - n.spotlightPadding}px`, f.value.style.width = `${M}px`, f.value.style.height = `${H}px`, f.value.style.position = "absolute", f.value.style.padding = n.spotlightPadding + "px", f.value.style.boxSizing = "content-box";
+      const { left: C, top: P, height: M, width: Q } = u.value.getBoundingClientRect();
+      f.value.style.left = `calc(${window.scrollX + C - n.spotlightPadding}px`, f.value.style.top = `${window.scrollY + P - n.spotlightPadding}px`, f.value.style.width = `${Q}px`, f.value.style.height = `${M}px`, f.value.style.position = "absolute", f.value.style.padding = n.spotlightPadding + "px", f.value.style.boxSizing = "content-box";
     }
-    function T() {
+    function E() {
       i.value && i.value.remove();
     }
-    function B() {
-      T(), u.value && (u.value.style.position = "", u.value.style.zIndex = ""), f.value && (Ct(null, f.value), f.value.remove());
+    function I() {
+      E(), u.value && (u.value.style.position = "", u.value.style.zIndex = ""), f.value && (Ct(null, f.value), f.value.remove());
     }
-    return K(p.value, () => {
-      var E;
-      s.value && ((E = r.value) != null && E.isConnected ? z() : m());
+    return G(p.value, () => {
+      var C;
+      s.value && ((C = r.value) != null && C.isConnected ? T() : m());
     }), Ot(() => {
-      B();
+      I();
     }), t({
       hide: m,
       show: b,
       isOpen: d
-    }), (E, F) => {
-      var H;
+    }), (C, P) => {
+      var M;
       return Xe((c(), h("div", {
         ref_key: "productTour",
         ref: r,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: te({ "--product-tour-width": e.maxWidth + "px", ...(H = p.value) == null ? void 0 : H.floatingStyles })
+        style: te({ "--product-tour-width": e.maxWidth + "px", ...(M = p.value) == null ? void 0 : M.floatingStyles })
       }, [
         g("div", {
           ref_key: "productTourArrow",
@@ -5972,7 +5968,7 @@ const xa = /* @__PURE__ */ L({
           style: te(v.value)
         }, null, 4),
         g("div", {
-          class: I([
+          class: L([
             "joy-product-tour",
             `joy-product-tour--${e.position}`,
             {
@@ -5981,28 +5977,28 @@ const xa = /* @__PURE__ */ L({
           ])
         }, [
           g("div", {
-            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": E.$slots["product-tour-banner"] }])
+            class: L(["joy-product-tour__banner", { "joy-product-tour__hasBanner": C.$slots["product-tour-banner"] }])
           }, [
-            j(E.$slots, "product-tour-banner", {}, void 0, !0)
+            j(C.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           g("div", {
-            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": E.$slots["product-tour-preheader"] }])
+            class: L(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": C.$slots["product-tour-preheader"] }])
           }, [
             g("div", null, [
-              j(E.$slots, "product-tour-preheader", {}, void 0, !0)
+              j(C.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
-            e.closeButton ? (c(), x(Ve, {
+            e.closeButton ? (c(), V(Ve, {
               key: 0,
               class: "joy-product-tour__close",
               variant: "ghost",
               icon: "cross",
               size: "small",
               label: "Close",
-              onClick: w
+              onClick: m
             })) : k("", !0)
           ], 2),
           g("div", mr, [
-            e.icon ? (c(), x(N, {
+            e.icon ? (c(), V(N, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: e.icon,
@@ -6010,21 +6006,21 @@ const xa = /* @__PURE__ */ L({
             }, null, 8, ["name"])) : k("", !0),
             g("div", null, [
               g("div", pr, [
-                j(E.$slots, "product-tour-header", {}, void 0, !0)
+                j(C.$slots, "product-tour-header", {}, void 0, !0)
               ]),
-              j(E.$slots, "product-tour-content", {}, void 0, !0)
+              j(C.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          E.$slots["product-tour-dismiss"] || E.$slots["product-tour-next"] ? (c(), h("div", vr, [
-            g("div", { onClick: w }, [
-              j(E.$slots, "product-tour-dismiss", {}, void 0, !0)
+          C.$slots["product-tour-dismiss"] || C.$slots["product-tour-next"] ? (c(), h("div", vr, [
+            g("div", { onClick: m }, [
+              j(C.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
             g("span", hr, [
-              e.steps > 1 ? (c(), h(W, { key: 0 }, [
-                R(P(e.step) + "/" + P(e.steps), 1)
+              e.steps > 1 ? (c(), h(H, { key: 0 }, [
+                R(J(e.step) + "/" + J(e.steps), 1)
               ], 64)) : k("", !0)
             ]),
-            j(E.$slots, "product-tour-next", {}, void 0, !0)
+            j(C.$slots, "product-tour-next", {}, void 0, !0)
           ])) : k("", !0)
         ], 2)
       ], 4)), [
@@ -6032,7 +6028,7 @@ const xa = /* @__PURE__ */ L({
       ]);
     };
   }
-}), wr = /* @__PURE__ */ A(br, [["__scopeId", "data-v-fb756232"]]), Xu = /* @__PURE__ */ L({
+}), wr = /* @__PURE__ */ A(br, [["__scopeId", "data-v-c085f274"]]), Xu = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -6049,7 +6045,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = C(!1), n = e, a = l, { storeProductTourRef: r, clearProductTourRef: i } = wo, u = C(), s = le(), f = S(() => {
+    const o = S(!1), n = e, a = l, { storeProductTourRef: r, clearProductTourRef: i } = wo, u = S(), s = le(), f = x(() => {
       if (o.value)
         return s;
     });
@@ -6062,54 +6058,54 @@ const xa = /* @__PURE__ */ L({
     function p(v) {
       var m;
       const { fireHideEvent: b = !1 } = v ?? {};
-      (m = u.value) == null || m.hide({ fireHideEvent: b }), i();
+      (m = u.value) == null || m.hide(), i(), b && y();
     }
     return ne(() => {
       o.value = !0, n.open && r(u.value);
     }), t({
       show: d,
       hide: p
-    }), (v, b) => (c(), x(Te, { to: "body" }, [
+    }), (v, b) => (c(), V(Te, { to: "body" }, [
       D(wr, q({ ...n, ...f.value }, {
         ref_key: "productTour",
         ref: u,
         "onProductTour:hide": y
       }), {
-        "product-tour-banner": J(() => [
+        "product-tour-banner": z(() => [
           j(v.$slots, "product-tour-banner")
         ]),
-        "product-tour-preheader": J(() => [
+        "product-tour-preheader": z(() => [
           j(v.$slots, "product-tour-preheader")
         ]),
-        "product-tour-header": J(() => [
+        "product-tour-header": z(() => [
           j(v.$slots, "product-tour-header")
         ]),
-        "product-tour-content": J(() => [
+        "product-tour-content": z(() => [
           j(v.$slots, "product-tour-content")
         ]),
-        "product-tour-dismiss": J(() => [
+        "product-tour-dismiss": z(() => [
           j(v.$slots, "product-tour-dismiss")
         ]),
-        "product-tour-next": J(() => [
+        "product-tour-next": z(() => [
           j(v.$slots, "product-tour-next")
         ]),
         _: 3
       }, 16)
     ]));
   }
-}), Qu = /* @__PURE__ */ L({
+}), Qu = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = S(() => l.productTour), a = Z(), r = S(() => a.default());
+    const l = e, o = t, n = x(() => l.productTour), a = Y(), r = x(() => a.default());
     async function i() {
       var u;
       o("click"), n.value && ((u = n.value) == null || u.show());
     }
-    return (u, s) => (c(!0), h(W, null, Y(r.value, (f) => (c(), x(Q(f), {
+    return (u, s) => (c(!0), h(H, null, K(r.value, (f) => (c(), V(X(f), {
       key: f,
       onClick: i
     }))), 128));
@@ -6117,7 +6113,7 @@ const xa = /* @__PURE__ */ L({
 }), jr = { class: "joy-progress-bar-wrapper" }, kr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, _r = /* @__PURE__ */ L({
+}, _r = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -6150,31 +6146,31 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = S(() => {
+    const l = e, o = x(() => {
       let n = 0;
       return l.percentage !== void 0 ? n = l.percentage : l.currentStep && l.steps && (n = Math.round(l.currentStep / l.steps * 100)), n = Math.min(100, Math.max(0, n)), n + "%";
     });
     return t({
       computeInnerWidth: o
-    }), (n, a) => (c(), x(ue, {
+    }), (n, a) => (c(), V(ue, {
       wrap: "nowrap",
       "column-gap": "1",
       align: "center",
-      class: I([`joy-progress-bar_${e.color}`])
+      class: L([`joy-progress-bar_${e.color}`])
     }, {
-      default: J(() => [
+      default: z(() => [
         g("div", jr, [
           g("div", {
             class: "joy-progress-bar-inner",
             style: te({ width: o.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage !== void 0 ? (c(), h("span", kr, P(e.percentage + "%"), 1)) : k("", !0)
+        e.showLabel && e.percentage !== void 0 ? (c(), h("span", kr, J(e.percentage + "%"), 1)) : k("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ec = /* @__PURE__ */ A(_r, [["__scopeId", "data-v-ce752d39"]]), $r = ["id", "value", "checked", "disabled", "required", "name"], Cr = { class: "joy-radio-label" }, Sr = { class: "joy-radio-header-right" }, xr = { class: "joy-radio-sublabel" }, Vr = { class: "joy-radio-content__wrapper" }, Tr = { class: "joy-radio-content" }, Ir = /* @__PURE__ */ L({
+}), ec = /* @__PURE__ */ A(_r, [["__scopeId", "data-v-ce752d39"]]), $r = ["id", "value", "checked", "disabled", "required", "name"], Cr = { class: "joy-radio-label" }, Sr = { class: "joy-radio-header-right" }, xr = { class: "joy-radio-sublabel" }, Vr = { class: "joy-radio-content__wrapper" }, Tr = { class: "joy-radio-content" }, Ir = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6216,7 +6212,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, a = C(!1), r = C(!1), i = C(null), u = C(null), s = Z(), f = S(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value), d = de("VJoyRadioGroupInvalid", !1), y = S(() => n.invalid ?? d), p = S(() => y.value);
+    const o = l, n = e, a = S(!1), r = S(!1), i = S(null), u = S(null), s = Y(), f = x(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value), d = de("VJoyRadioGroupInvalid", !1), y = x(() => n.invalid ?? d), p = x(() => y.value);
     function v() {
       a.value = !!s["expandable-content"] && f.value;
     }
@@ -6232,7 +6228,7 @@ const xa = /* @__PURE__ */ L({
     function w() {
       r.value = !1;
     }
-    return K(
+    return G(
       () => n.modelValue,
       () => {
         v();
@@ -6243,7 +6239,7 @@ const xa = /* @__PURE__ */ L({
     }), (_, $) => (c(), h("label", {
       ref_key: "root",
       ref: i,
-      class: I([
+      class: L([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
@@ -6281,7 +6277,7 @@ const xa = /* @__PURE__ */ L({
         g("div", {
           ref_key: "expandableElement",
           ref: u,
-          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
+          class: L(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
         }, [
           j(_.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
@@ -6291,7 +6287,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ], 2));
   }
-}), tc = /* @__PURE__ */ A(Ir, [["__scopeId", "data-v-e2ff63a9"]]), Lr = ["form", "name"], Br = /* @__PURE__ */ L({
+}), tc = /* @__PURE__ */ A(Ir, [["__scopeId", "data-v-e2ff63a9"]]), Lr = ["form", "name"], Br = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -6309,13 +6305,13 @@ const xa = /* @__PURE__ */ L({
     }, [
       j(l.$slots, "radio-group-legend", {}, void 0, !0),
       g("div", {
-        class: I(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
+        class: L(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
         j(l.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Lr));
   }
-}), oc = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-cc091c50"]]), Ar = ["aria-label"], Er = { class: "joy-rating-stars" }, zr = { class: "joy-rating-stars__content" }, Jr = { key: 0 }, Pr = /* @__PURE__ */ L({
+}), oc = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-cc091c50"]]), Ar = ["aria-label"], Er = { class: "joy-rating-stars" }, zr = { class: "joy-rating-stars__content" }, Jr = { key: 0 }, Pr = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6334,7 +6330,7 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = le(), n = S(() => {
+    const l = e, o = le(), n = x(() => {
       let a = [], r = 0.24, i = 0.75;
       for (let u = 0; u < 5; u++)
         l.ratingValue > r ? a.push(l.ratingValue < i ? "half" : "full") : a.push("empty"), r += 1, i += 1;
@@ -6348,21 +6344,21 @@ const xa = /* @__PURE__ */ L({
       "aria-label": O(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       g("ul", Er, [
-        (c(!0), h(W, null, Y(n.value, (i, u) => (c(), h("li", {
+        (c(!0), h(H, null, K(n.value, (i, u) => (c(), h("li", {
           key: u,
-          class: I([`joy-rating-stars--${e.size}`])
+          class: L([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (c(), x(N, {
+          i === "full" ? (c(), V(N, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (c(), x(N, {
+          })) : i === "half" ? (c(), V(N, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (c(), x(N, {
+          })) : (c(), V(N, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6372,12 +6368,12 @@ const xa = /* @__PURE__ */ L({
       ]),
       g("div", zr, [
         j(a.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), h("span", Jr, "(" + P(e.reviewCount) + ")", 1)) : k("", !0)
+          e.reviewCount ? (c(), h("span", Jr, "(" + J(e.reviewCount) + ")", 1)) : k("", !0)
         ], !0)
       ])
     ], 8, Ar));
   }
-}), nc = /* @__PURE__ */ A(Pr, [["__scopeId", "data-v-df20c585"]]), Mr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], Fr = ["selected"], Or = /* @__PURE__ */ L({
+}), nc = /* @__PURE__ */ A(Pr, [["__scopeId", "data-v-df20c585"]]), Mr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], Fr = ["selected"], Or = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -6427,7 +6423,7 @@ const xa = /* @__PURE__ */ L({
   setup(e, { expose: t, emit: l }) {
     const o = e;
     oe(fe, !0);
-    const n = l, a = Z(), r = S(() => {
+    const n = l, a = Y(), r = x(() => {
       const b = (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default());
       let m = [];
       return b.forEach((w) => {
@@ -6445,7 +6441,7 @@ const xa = /* @__PURE__ */ L({
     function i(b) {
       return (b == null ? void 0 : b.type) === "option";
     }
-    const u = C(), s = C(), f = C(!1), d = S(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const u = S(), s = S(), f = S(!1), d = x(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     ne(() => {
       var w;
       const b = a["select-label"] && a["select-label"]();
@@ -6478,21 +6474,21 @@ const xa = /* @__PURE__ */ L({
       ref: u
     }, [
       j(b.$slots, "select-label", {}, () => [
-        e.label ? (c(), x(Ie, {
+        e.label ? (c(), V(Ie, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
           size: d.value
         }, {
-          default: J(() => [
-            R(P(e.label), 1)
+          default: z(() => [
+            R(J(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : k("", !0)
       ], !0),
       g("div", {
-        class: I([
+        class: L([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
@@ -6517,13 +6513,13 @@ const xa = /* @__PURE__ */ L({
           onFocus: p,
           onBlur: v
         }, [
-          (c(!0), h(W, null, Y(r.value, (w) => {
+          (c(!0), h(H, null, K(r.value, (w) => {
             var _, $;
             return c(), h("option", q({
               key: (_ = w.props) == null ? void 0 : _.value
             }, { ref_for: !0 }, w.props, {
               selected: (($ = w.props) == null ? void 0 : $.value) === e.modelValue
-            }), P(w.children), 17, Fr);
+            }), J(w.children), 17, Fr);
           }), 128))
         ], 40, Mr),
         D(N, {
@@ -6533,7 +6529,7 @@ const xa = /* @__PURE__ */ L({
       ], 2)
     ], 512));
   }
-}), lc = /* @__PURE__ */ A(Or, [["__scopeId", "data-v-d5d840bc"]]), Dr = ["aria-disabled"], Rr = ["id", "value", "checked", "disabled", "required", "name"], Nr = { class: "joy-selectable-item__label" }, qr = /* @__PURE__ */ L({
+}), lc = /* @__PURE__ */ A(Or, [["__scopeId", "data-v-d5d840bc"]]), Dr = ["aria-disabled"], Rr = ["id", "value", "checked", "disabled", "required", "name"], Nr = { class: "joy-selectable-item__label" }, qr = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6550,7 +6546,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = De() + "--JoySelectableItem", n = e, a = C(), r = C(!1), i = n.multiple ? "div" : "label", u = S(() => n.id || o), s = {
+    const l = t, o = De() + "--JoySelectableItem", n = e, a = S(), r = S(!1), i = n.multiple ? "div" : "label", u = x(() => n.id || o), s = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
@@ -6571,7 +6567,7 @@ const xa = /* @__PURE__ */ L({
       l("update:checked", d);
     }
     return (d, y) => (c(), h("div", {
-      class: I([
+      class: L([
         "joy-selectable-item__wrapper",
         {
           "joy-selectable-item--focusing": r.value
@@ -6600,9 +6596,9 @@ const xa = /* @__PURE__ */ L({
         onBlur: y[2] || (y[2] = //@ts-ignore
         (...p) => s.onBlur && s.onBlur(...p))
       }, null, 40, Rr)),
-      (c(), x(Q(O(i)), {
+      (c(), V(X(O(i)), {
         for: u.value,
-        class: I([
+        class: L([
           "joy-selectable-item",
           {
             "joy-selectable-item--disabled": e.disabled,
@@ -6614,8 +6610,8 @@ const xa = /* @__PURE__ */ L({
         ]),
         onClick: s.onLabelClick
       }, {
-        default: J(() => [
-          e.multiple ? (c(), x(vt, {
+        default: z(() => [
+          e.multiple ? (c(), V(vt, {
             key: 0,
             id: u.value,
             checked: e.checked,
@@ -6629,7 +6625,7 @@ const xa = /* @__PURE__ */ L({
             onBlur: y[4] || (y[4] = () => s.onBlur()),
             "onUpdate:checked": f
           }, {
-            default: J(() => [
+            default: z(() => [
               j(d.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -6638,10 +6634,10 @@ const xa = /* @__PURE__ */ L({
             e.multiple ? k("", !0) : j(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           g("div", {
-            class: I([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
+            class: L([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
             j(d.$slots, "selectable-item-sublabel", {}, () => [
-              R(P(e.subLabel), 1)
+              R(J(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6649,7 +6645,7 @@ const xa = /* @__PURE__ */ L({
       }, 8, ["for", "class", "onClick"]))
     ], 10, Dr));
   }
-}), Hr = /* @__PURE__ */ A(qr, [["__scopeId", "data-v-1bc198e0"]]), Wr = ["id"], Ur = /* @__PURE__ */ L({
+}), Hr = /* @__PURE__ */ A(qr, [["__scopeId", "data-v-1bc198e0"]]), Wr = ["id"], Ur = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6687,20 +6683,20 @@ const xa = /* @__PURE__ */ L({
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (c(), x(Ie, {
+      e.label ? (c(), V(Ie, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: J(() => [
-          R(P(e.label), 1)
+        default: z(() => [
+          R(J(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : k("", !0),
       g("div", {
-        class: I([
+        class: L([
           "joy-selectable-item-group",
           {
             "joy-selectable-item-group--multiple": e.multiple,
@@ -6710,7 +6706,7 @@ const xa = /* @__PURE__ */ L({
           }
         ])
       }, [
-        (c(!0), h(W, null, Y(e.options, (s) => (c(), x(Hr, q({ ref_for: !0 }, s.attrs, {
+        (c(!0), h(H, null, K(e.options, (s) => (c(), V(Hr, q({ ref_for: !0 }, s.attrs, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -6721,30 +6717,30 @@ const xa = /* @__PURE__ */ L({
           invalid: e.invalid,
           "onUpdate:checked": (f) => a(r(s), f)
         }), yt({
-          default: J(() => [
+          default: z(() => [
             j(i.$slots, "item", q({ ref_for: !0 }, s), () => [
-              R(P(e.labelKey && s[e.labelKey] || s.label), 1)
+              R(J(e.labelKey && s[e.labelKey] || s.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
           s.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: J(() => [
-              R(P(s.subLabel), 1)
+            fn: z(() => [
+              R(J(s.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "invalid", "onUpdate:checked"]))), 128))
       ], 2),
-      e.errorMessage && e.invalid ? (c(), x(_t, {
+      e.errorMessage && e.invalid ? (c(), V(_t, {
         key: 1,
         errors: [e.errorMessage],
         class: "joy-mt-2"
       }, null, 8, ["errors"])) : k("", !0)
     ], 8, Wr));
   }
-}), ac = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-4136d01d"]]), Gr = /* @__PURE__ */ L({
+}), ac = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-4136d01d"]]), Gr = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6758,15 +6754,15 @@ const xa = /* @__PURE__ */ L({
   },
   setup(e) {
     return (t, l) => (c(), h("div", {
-      class: I(["joy-separator", { "joy-separator__small": e.size === "small" }])
+      class: L(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      g("span", null, P(e.text), 1)
+      g("span", null, J(e.text), 1)
     ], 2));
   }
 }), ic = /* @__PURE__ */ A(Gr, [["__scopeId", "data-v-21db2899"]]), Kr = ["id"], Yr = { class: "joy-step__stroke" }, Zr = {
   key: 0,
   class: "joy-step__label"
-}, Xr = /* @__PURE__ */ L({
+}, Xr = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6800,15 +6796,15 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = C(0.1), r = S(() => o.completed ? "100%" : i.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - a.value, 1 - a.value) * 100).toFixed(1) + "%" : "0%"), i = S(() => o.currentSubStep > 0);
+    const o = e, n = l, a = S(0.1), r = x(() => o.completed ? "100%" : i.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - a.value, 1 - a.value) * 100).toFixed(1) + "%" : "0%"), i = x(() => o.currentSubStep > 0);
     function u(s) {
       s <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
-    return K(() => o.subSteps, u), t({
+    return G(() => o.subSteps, u), t({
       progress: r
     }), (s, f) => (c(), h("div", {
       id: e.id,
-      class: I([
+      class: L([
         "joy-step",
         `joy-step--size-${e.size}`,
         {
@@ -6824,7 +6820,7 @@ const xa = /* @__PURE__ */ L({
         }, null, 4)
       ]),
       D(ft, { name: "joy-step__label" }, {
-        default: J(() => [
+        default: z(() => [
           e.showLabel ? (c(), h("span", Zr, [
             j(s.$slots, "default", {}, void 0, !0)
           ])) : k("", !0)
@@ -6833,7 +6829,7 @@ const xa = /* @__PURE__ */ L({
       })
     ], 10, Kr));
   }
-}), Qr = /* @__PURE__ */ A(Xr, [["__scopeId", "data-v-3820cdf3"]]), es = { class: "joy-stepper" }, ts = /* @__PURE__ */ L({
+}), Qr = /* @__PURE__ */ A(Xr, [["__scopeId", "data-v-3820cdf3"]]), es = { class: "joy-stepper" }, ts = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6848,7 +6844,7 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = Z(), n = de("VJoyStepperShowLabels", !0), a = S(() => {
+    const l = e, o = Y(), n = de("VJoyStepperShowLabels", !0), a = x(() => {
       const y = o.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(r) : y.filter(r);
     });
@@ -6856,7 +6852,7 @@ const xa = /* @__PURE__ */ L({
       var p;
       return ((p = y.type) == null ? void 0 : p.__name) === "VJoyStep";
     }
-    const i = S(() => l.step > 0 ? a.value[l.step - 1] : a.value[0]), u = S(() => i.value.props === null ? !1 : l.subStep <= 0 || l.subStep > f.value), s = S(() => u.value && i.value.props ? i.value.props["sub-steps"] : l.subStep), f = S(() => i.value.props === null ? i.value.type.props.subSteps.default : i.value.props["sub-steps"]);
+    const i = x(() => l.step > 0 ? a.value[l.step - 1] : a.value[0]), u = x(() => i.value.props === null ? !1 : l.subStep <= 0 || l.subStep > f.value), s = x(() => u.value && i.value.props ? i.value.props["sub-steps"] : l.subStep), f = x(() => i.value.props === null ? i.value.type.props.subSteps.default : i.value.props["sub-steps"]);
     function d(y) {
       return y !== l.step - 1 ? 0 : s.value;
     }
@@ -6865,18 +6861,18 @@ const xa = /* @__PURE__ */ L({
       steps: a,
       invalidSubStepValue: u
     }), (y, p) => (c(), h("div", es, [
-      (c(!0), h(W, null, Y(a.value, (v, b) => {
+      (c(!0), h(H, null, K(a.value, (v, b) => {
         var m;
-        return c(), x(Qr, q({ ref_for: !0 }, v.props, {
+        return c(), V(Qr, q({ ref_for: !0 }, v.props, {
           key: (m = v.props) == null ? void 0 : m.id,
           completed: b < e.step - 1,
           "current-sub-step": d(b),
           "show-label": O(n)
         }), {
-          default: J(() => {
+          default: z(() => {
             var w;
             return [
-              (w = v.children) != null && w.default ? (c(), x(Q(v.children.default), { key: 0 })) : k("", !0)
+              (w = v.children) != null && w.default ? (c(), V(X(v.children.default), { key: 0 })) : k("", !0)
             ];
           }),
           _: 2
@@ -6884,7 +6880,7 @@ const xa = /* @__PURE__ */ L({
       }), 128))
     ]));
   }
-}), rc = /* @__PURE__ */ A(ts, [["__scopeId", "data-v-22705668"]]), os = ["id", "aria-hidden", "aria-labelledby"], ns = /* @__PURE__ */ L({
+}), rc = /* @__PURE__ */ A(ts, [["__scopeId", "data-v-22705668"]]), os = ["id", "aria-hidden", "aria-labelledby"], ns = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6915,13 +6911,13 @@ const xa = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    const t = e, l = de("VJoyTabs", C("")), o = S(() => l.value === t.tab);
+    const t = e, l = de("VJoyTabs", S("")), o = x(() => l.value === t.tab);
     return (n, a) => (c(), h("div", {
       id: `joy-tab-panel-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": o.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
-      class: I({
+      class: L({
         "joy-tab": !0,
         "joy-tab__selected": o.value
       })
@@ -6929,7 +6925,7 @@ const xa = /* @__PURE__ */ L({
       j(n.$slots, "default", {}, void 0, !0)
     ], 10, os));
   }
-}), sc = /* @__PURE__ */ A(ns, [["__scopeId", "data-v-de41713d"]]), ls = { class: "joy-tab-button__content" }, as = /* @__PURE__ */ L({
+}), sc = /* @__PURE__ */ A(ns, [["__scopeId", "data-v-de41713d"]]), ls = { class: "joy-tab-button__content" }, as = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6966,32 +6962,32 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["changeTab"],
   setup(e, { emit: t }) {
-    const l = e, o = t, n = S(() => typeof l.notifications == "number");
+    const l = e, o = t, n = x(() => typeof l.notifications == "number");
     function a() {
       o("changeTab");
     }
     function r(i) {
       (i.code === "Enter" || i.code === "NumpadEnter") && o("changeTab");
     }
-    return (i, u) => (c(), x(Q(e.href ? "a" : "button"), {
+    return (i, u) => (c(), V(X(e.href ? "a" : "button"), {
       id: `joy-tab-${e.tab}`,
       type: e.href ? null : "button",
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
       role: "tab",
-      class: I({
+      class: L({
         "joy-tab-button": !0,
         "joy-tab-button__selected": e.selected
       }),
       onClick: a,
       onKeydown: u[0] || (u[0] = (s) => r(s))
     }, {
-      default: J(() => [
+      default: z(() => [
         g("div", ls, [
           j(i.$slots, "default", {}, () => [
-            R(P(e.label), 1)
+            R(J(e.label), 1)
           ], !0),
-          n.value ? (c(), x(Yt, {
+          n.value ? (c(), V(Yt, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "pink",
@@ -7002,7 +6998,7 @@ const xa = /* @__PURE__ */ L({
       _: 3
     }, 40, ["id", "type", "href", "aria-selected", "class"]));
   }
-}), is = /* @__PURE__ */ A(as, [["__scopeId", "data-v-07b24e2a"]]), rs = { class: "joy-tabs" }, ss = /* @__PURE__ */ L({
+}), is = /* @__PURE__ */ A(as, [["__scopeId", "data-v-07b24e2a"]]), rs = { class: "joy-tabs" }, ss = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7012,9 +7008,9 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = Z(), r = C(o.selectedTab);
+    const o = e, n = l, a = Y(), r = S(o.selectedTab);
     oe("VJoyTabs", r);
-    const i = C(null), u = C(null), s = C(!1), f = C(!1), d = S(() => {
+    const i = S(null), u = S(null), s = S(!1), f = S(!1), d = x(() => {
       const m = a.default();
       return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(y) : m.filter(y);
     });
@@ -7031,7 +7027,7 @@ const xa = /* @__PURE__ */ L({
     function b(m, w = !0) {
       m && w && (r.value = m, n("update:selected-tab", m));
     }
-    return K(
+    return G(
       () => o.selectedTab,
       (m) => {
         m && b(m);
@@ -7049,7 +7045,7 @@ const xa = /* @__PURE__ */ L({
       g("div", {
         ref_key: "buttonListWrapper",
         ref: i,
-        class: I({
+        class: L({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": s.value,
           "joy-tabs-buttons__wrapper--scroll-start": f.value
@@ -7061,7 +7057,7 @@ const xa = /* @__PURE__ */ L({
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (c(!0), h(W, null, Y(d.value, (_) => (c(), h("div", {
+          (c(!0), h(H, null, K(d.value, (_) => (c(), h("div", {
             key: _.props.tab
           }, [
             D(is, {
@@ -7072,10 +7068,10 @@ const xa = /* @__PURE__ */ L({
               selected: p(_),
               onChangeTab: () => b(_.props.tab, !_.props.href)
             }, {
-              default: J(() => {
+              default: z(() => {
                 var $;
                 return [
-                  ($ = _.children) != null && $.header ? (c(), x(Q(_.children.header), { key: 0 })) : k("", !0)
+                  ($ = _.children) != null && $.header ? (c(), V(X(_.children.header), { key: 0 })) : k("", !0)
                 ];
               }),
               _: 2
@@ -7088,7 +7084,7 @@ const xa = /* @__PURE__ */ L({
       ])
     ]));
   }
-}), uc = /* @__PURE__ */ A(ss, [["__scopeId", "data-v-1b6a5995"]]), us = ["id", "role", "tabindex"], cs = /* @__PURE__ */ L({
+}), uc = /* @__PURE__ */ A(ss, [["__scopeId", "data-v-1b6a5995"]]), us = ["id", "role", "tabindex"], cs = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7106,7 +7102,7 @@ const xa = /* @__PURE__ */ L({
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const l = /* @__PURE__ */ new Set(["primary", "secondary"]), o = t, n = e, a = S(() => ({
+    const l = /* @__PURE__ */ new Set(["primary", "secondary"]), o = t, n = e, a = x(() => ({
       "joy-tag": !0,
       "joy-tag__selected": n.selected,
       "joy-tag__selectable": n.selectable || n.link,
@@ -7115,7 +7111,7 @@ const xa = /* @__PURE__ */ L({
       "joy-tag__disabled": n.disabled,
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
-    })), r = De() + "--JoyTag", i = S(() => n.id || r);
+    })), r = De() + "--JoyTag", i = x(() => n.id || r);
     function u() {
       o("remove", { value: n.value });
     }
@@ -7124,21 +7120,21 @@ const xa = /* @__PURE__ */ L({
     }
     return (f, d) => (c(), h("span", {
       id: i.value,
-      class: I([a.value]),
+      class: L([a.value]),
       role: e.link || e.selectable ? "button" : void 0,
       tabindex: e.link || e.selectable && !e.disabled ? 0 : void 0,
       onClick: s
     }, [
       j(f.$slots, "default", {}, () => [
-        e.draggable ? (c(), x(N, {
+        e.draggable ? (c(), V(N, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
         })) : k("", !0),
-        R(" " + P(e.label), 1)
+        R(" " + J(e.label), 1)
       ], !0),
-      e.removable ? (c(), x(N, {
+      e.removable ? (c(), V(N, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -7169,7 +7165,7 @@ function Ft(e) {
       return n;
   }) === void 0 : l(e);
 }
-const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholder"], ys = { key: 0 }, ms = { key: 1 }, ps = /* @__PURE__ */ L({
+const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholder"], ys = { key: 0 }, ms = { key: 1 }, ps = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7186,53 +7182,53 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
   setup(e, { expose: t, emit: l }) {
     const o = e;
     oe(fe, !0);
-    const n = l, a = C(o.modelValue), r = C(!1), i = C(null), u = C(o.invalid), s = C(null), f = S(() => o.validation === "email"), d = S(() => f.value && s.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = S(() => s.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = S(() => u.value && (d.value || y.value));
+    const n = l, a = S(o.modelValue), r = S(!1), i = S(null), u = S(o.invalid), s = S(null), f = x(() => o.validation === "email"), d = x(() => f.value && s.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = x(() => s.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = x(() => u.value && (d.value || y.value));
     function v() {
-      var E;
-      const T = a.value.map((F) => F.trim());
-      return new Set(T).size !== T.length ? !0 : (E = i.value) != null && E.value ? T.includes(i.value.value.trim()) : !1;
+      var P;
+      const I = a.value.map((M) => M.trim());
+      return new Set(I).size !== I.length ? !0 : (P = i.value) != null && P.value ? I.includes(i.value.value.trim()) : !1;
     }
     function b() {
-      var E, F;
-      let T = !1;
+      var P, M;
+      let I = !1;
       if (f.value) {
-        let H = a.value;
-        (E = i.value) != null && E.value && (H = [...H, (F = i.value) == null ? void 0 : F.value]), T = !Ft(H);
+        let Q = a.value;
+        (P = i.value) != null && P.value && (Q = [...Q, (M = i.value) == null ? void 0 : M.value]), I = !Ft(Q);
       }
-      const B = v();
-      u.value = T || B, B ? s.value = Me.DUPLICATED_ENTRY : T ? s.value = Me.INVALID_EMAIL : s.value = null;
+      const C = v();
+      u.value = I || C, C ? s.value = Me.DUPLICATED_ENTRY : I ? s.value = Me.INVALID_EMAIL : s.value = null;
     }
     function m() {
-      var T;
-      (T = i.value) != null && T.value && (a.value = [...a.value, i.value.value], i.value.value = "", n("update:modelValue", a.value));
+      var I;
+      (I = i.value) != null && I.value && (a.value = [...a.value, i.value.value], i.value.value = "", n("update:modelValue", a.value));
     }
-    function w(T) {
-      var B;
-      if (T == null || T.preventDefault(), b(), v()) {
+    function w(I) {
+      var C;
+      if (I == null || I.preventDefault(), b(), v()) {
         n("validation:error", Me.DUPLICATED_ENTRY);
         return;
       }
-      if (f.value && ((B = i.value) != null && B.value) && !Ft(i.value.value)) {
+      if (f.value && ((C = i.value) != null && C.value) && !Ft(i.value.value)) {
         n("validation:error", Me.INVALID_EMAIL);
         return;
       }
       m();
     }
-    function _(T) {
-      var E;
-      (f.value ? ["Enter", ",", " "] : ["Enter", ","]).includes(T.key) && w(T), T.key === "Backspace" && ((E = i.value) == null ? void 0 : E.value) === "" && (a.value.pop(), n("update:modelValue", a.value), f.value && b());
+    function _(I) {
+      var P;
+      (f.value ? ["Enter", ",", " "] : ["Enter", ","]).includes(I.key) && w(I), I.key === "Backspace" && ((P = i.value) == null ? void 0 : P.value) === "" && (a.value.pop(), n("update:modelValue", a.value), f.value && b());
     }
     function $() {
       r.value = !0;
     }
-    function V() {
+    function T() {
       r.value = !1, w();
     }
-    function z(T) {
-      var B;
-      a.value = a.value.filter((E) => E !== T.value), n("update:modelValue", a.value), (B = i.value) == null || B.focus(), b();
+    function E(I) {
+      var C;
+      a.value = a.value.filter((P) => P !== I.value), n("update:modelValue", a.value), (C = i.value) == null || C.focus(), b();
     }
-    return K(
+    return G(
       () => o.modelValue,
       () => {
         f.value && b();
@@ -7241,19 +7237,19 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
     ), t({
       isInvalid: u,
       hasDuplicates: v
-    }), (T, B) => (c(), h("div", ds, [
-      T.$slots.default ? (c(), x(Ie, {
+    }), (I, C) => (c(), h("div", ds, [
+      I.$slots.default ? (c(), V(Ie, {
         key: 0,
         id: e.name,
         class: "joy-tags-input__label"
       }, {
-        default: J(() => [
-          j(T.$slots, "default", {}, void 0, !0)
+        default: z(() => [
+          j(I.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : k("", !0),
       g("div", {
-        class: I([
+        class: L([
           "joy-tags-input__inner",
           {
             "joy-tags-input__inner--focused": r.value,
@@ -7261,17 +7257,17 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), h(W, null, Y(a.value, (E) => (c(), x(jo, {
-          key: E,
+        (c(!0), h(H, null, K(a.value, (P) => (c(), V(jo, {
+          key: P,
           variant: e.variant,
           removable: !0,
           size: e.size,
-          label: E,
-          value: E,
-          onRemove: z
+          label: P,
+          value: P,
+          onRemove: E
         }, {
-          default: J(() => [
-            j(T.$slots, "tag", q({ ref_for: !0 }, { name: E }), void 0, !0)
+          default: z(() => [
+            j(I.$slots, "tag", q({ ref_for: !0 }, { name: P }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -7285,24 +7281,24 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
           placeholder: e.placeholder,
           onKeydown: _,
           onFocus: $,
-          onBlur: V
+          onBlur: T
         }, null, 40, fs)
       ], 2),
-      p.value ? (c(), x(_t, {
+      p.value ? (c(), V(_t, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
-        default: J(() => [
+        default: z(() => [
           g("ul", null, [
-            y.value ? (c(), h("li", ys, P(e.duplicationError), 1)) : k("", !0),
-            d.value ? (c(), h("li", ms, P(e.invalidEmailError), 1)) : k("", !0)
+            y.value ? (c(), h("li", ys, J(e.duplicationError), 1)) : k("", !0),
+            d.value ? (c(), h("li", ms, J(e.invalidEmailError), 1)) : k("", !0)
           ])
         ]),
         _: 1
       })) : k("", !0)
     ]));
   }
-}), cc = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-beb8fdf7"]]), vs = /* @__PURE__ */ L({
+}), cc = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-beb8fdf7"]]), vs = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7356,9 +7352,9 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
       l("removeTag", s.value);
     }
     return (s, f) => (c(), h("div", {
-      class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
+      class: L(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (c(!0), h(W, null, Y(e.tags, (d) => (c(), x(jo, q({
+      (c(!0), h(H, null, K(e.tags, (d) => (c(), V(jo, q({
         key: d.value || d.label
       }, { ref_for: !0 }, d, {
         selectable: a(d),
@@ -7368,7 +7364,7 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
         onRemove: u,
         onSelected: (y) => i(y, d)
       }), {
-        default: J(() => [
+        default: z(() => [
           j(s.$slots, "tag", q({ ref_for: !0 }, {
             ...d,
             selectable: a(d),
@@ -7381,7 +7377,7 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
     ], 2));
   }
 }), dc = /* @__PURE__ */ A(vs, [["__scopeId", "data-v-ed4893a6"]]), hs = {}, gs = {
-  class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
+  class: /* @__PURE__ */ L(["joy-template-shape__shapes"])
 };
 function bs(e, t) {
   return c(), h("div", gs, [...t[0] || (t[0] = [
@@ -7409,7 +7405,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
 }, Ts = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Is = /* @__PURE__ */ L({
+}, Is = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7430,11 +7426,11 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     }
   },
   setup(e) {
-    const t = e, l = Z(), o = S(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
+    const t = e, l = Y(), o = x(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
     return (n, a) => (c(), h("div", {
-      class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
+      class: L(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), x(ws, { key: 0 })) : k("", !0),
+      e.shapes ? (c(), V(ws, { key: 0 })) : k("", !0),
       g("div", js, [
         o.value ? (c(), h("div", ks, [
           l["template-back"] ? (c(), h("div", _s, [
@@ -7453,7 +7449,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           ])) : k("", !0)
         ])) : k("", !0),
         g("div", {
-          class: I([
+          class: L([
             "joy-template__content",
             {
               "joy-template__content--reverse": t.sidebar === "left"
@@ -7468,19 +7464,19 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           ])) : k("", !0)
         ], 2)
       ]),
-      e.loading ? (c(), x(bo, {
+      e.loading ? (c(), V(bo, {
         key: 1,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: J(() => [
+        content: z(() => [
           j(n.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : k("", !0)
     ], 2));
   }
-}), fc = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-b9390ac6"]]), Ls = /* @__PURE__ */ L({
+}), fc = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-b9390ac6"]]), Ls = /* @__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 */
@@ -7495,10 +7491,10 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     }
   },
   setup(e) {
-    return (t, l) => (c(), x(Q(e.tagName), {
-      class: I(`joy-text joy-font-${e.preset}`)
+    return (t, l) => (c(), V(X(e.tagName), {
+      class: L(`joy-text joy-font-${e.preset}`)
     }, {
-      default: J(() => [
+      default: z(() => [
         j(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -7509,7 +7505,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
   class: "joy-textarea_helpers"
 }, Js = {
   inheritAttrs: !1
-}, Ps = /* @__PURE__ */ L({
+}, Ps = /* @__PURE__ */ B({
   ...Js,
   __name: "VJoyTextarea",
   props: {
@@ -7571,11 +7567,11 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
   setup(e, { expose: t, emit: l }) {
     const o = l, n = e;
     oe(fe, !0);
-    const a = Z(), r = C(), { triggerResize: i } = In({
+    const a = Y(), r = S(), { triggerResize: i } = In({
       element: n.autogrow ? r : void 0
-    }), u = C(!1), s = C(!1);
+    }), u = S(!1), s = S(!1);
     ho(r, n.autofocus);
-    const f = S(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = S(() => n.minlength ? n.modelValue.length < n.minlength : !1), y = S(() => !!(n.label || a.default)), p = {
+    const f = x(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = x(() => n.minlength ? n.modelValue.length < n.minlength : !1), y = x(() => !!(n.label || a.default)), p = {
       onInput: (v) => {
         n.modelModifiers.lazy || o("update:modelValue", v.target.value), p.triggerResize();
       },
@@ -7594,7 +7590,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
        * */
       triggerResize: i
     };
-    return K(
+    return G(
       () => n.modelValue,
       () => {
         p.triggerResize();
@@ -7608,7 +7604,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       eventHandlers: p
     }), (v, b) => (c(), h("div", {
       "aria-disabled": e.disabled,
-      class: I([
+      class: L([
         "joy-textarea",
         {
           "joy-textarea_invalid": u.value || e.invalid,
@@ -7618,16 +7614,16 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
         }
       ])
     }, [
-      y.value ? (c(), x(Ie, {
+      y.value ? (c(), V(Ie, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: J(() => [
+        default: z(() => [
           j(v.$slots, "default", {}, () => [
-            R(P(e.label), 1)
+            R(J(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -7657,31 +7653,31 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       e.minlength || e.maxlength ? (c(), h("div", zs, [
         e.minlength ? (c(), h("p", {
           key: 0,
-          class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
+          class: L(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          d.value ? k("", !0) : (c(), x(N, {
+          d.value ? k("", !0) : (c(), V(N, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          R(" " + P(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          R(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : k("", !0),
         e.maxlength ? (c(), h("p", {
           key: 1,
-          class: I(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
-        }, P(e.modelValue.length + "/" + e.maxlength), 3)) : k("", !0)
+          class: L(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
+        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : k("", !0)
       ])) : k("", !0)
     ], 10, Bs));
   }
-}), mc = /* @__PURE__ */ A(Ps, [["__scopeId", "data-v-f62629b6"]]), Ms = /* @__PURE__ */ L({
+}), mc = /* @__PURE__ */ A(Ps, [["__scopeId", "data-v-f62629b6"]]), Ms = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
-    return (t, l) => (c(), x(Q(e.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
-      default: J(() => [
+    return (t, l) => (c(), V(X(e.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
+      default: z(() => [
         j(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -7690,7 +7686,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
 }), pc = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-72b57f87"]]), Fs = { class: "joy-toggle__wrapper" }, Os = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ds = { class: "joy-toggle__symbol" }, Rs = { class: "joy-toggle__symbol-bubble" }, Ns = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, qs = { class: "joy-toggle__content-label" }, Hs = /* @__PURE__ */ L({
+}, qs = { class: "joy-toggle__content-label" }, Hs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7736,8 +7732,8 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const l = t;
-    oe(fe, !0), Z();
-    const o = C(!1), n = {
+    oe(fe, !0), Y();
+    const o = S(!1), n = {
       onChange: (a) => {
         const r = a.target.checked;
         l("update:modelValue", r);
@@ -7751,7 +7747,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     };
     return (a, r) => (c(), h("div", Fs, [
       g("label", {
-        class: I([
+        class: L([
           "joy-toggle",
           "joy-toggle__" + e.variant,
           {
@@ -7781,7 +7777,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           (...i) => n.onBlur && n.onBlur(...i))
         }, null, 40, Os),
         g("p", {
-          class: I(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
+          class: L(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
           g("span", Ds, [
             g("span", Rs, [
@@ -7798,7 +7794,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
                     fill: "currentColor"
                   })
                 ], -1)
-              ])])) : (c(), x(N, {
+              ])])) : (c(), V(N, {
                 key: 1,
                 name: "eye",
                 class: "joy-toggle__icon"
@@ -7807,14 +7803,14 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           ]),
           g("span", qs, [
             j(a.$slots, "default", {}, () => [
-              R(P(e.label), 1)
+              R(J(e.label), 1)
             ], !0)
           ])
         ], 2)
       ], 2)
     ]));
   }
-}), vc = /* @__PURE__ */ A(Hs, [["__scopeId", "data-v-71b1ca7c"]]), Ws = { class: "joy-user-card__picture" }, Us = { class: "joy-user-card__informations" }, Gs = { class: "joy-user-card__title" }, Ks = { class: "joy-user-card__subtitle joy-font-primary-450" }, Ys = /* @__PURE__ */ L({
+}), vc = /* @__PURE__ */ A(Hs, [["__scopeId", "data-v-71b1ca7c"]]), Ws = { class: "joy-user-card__picture" }, Us = { class: "joy-user-card__informations" }, Gs = { class: "joy-user-card__title" }, Ks = { class: "joy-user-card__subtitle joy-font-primary-450" }, Ys = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7837,12 +7833,12 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     }
   },
   setup(e) {
-    return (t, l) => (c(), x(Q(e.link ? "a" : "div"), q({
+    return (t, l) => (c(), V(X(e.link ? "a" : "div"), q({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
-      default: J(() => [
+      default: z(() => [
         g("div", Ws, [
           j(t.$slots, "user-card-avatar", {}, () => [
             D(sn, {
@@ -7854,12 +7850,12 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
         g("div", Us, [
           g("p", Gs, [
             j(t.$slots, "user-card-title", {}, () => [
-              R(P(e.fullName), 1)
+              R(J(e.fullName), 1)
             ], !0)
           ]),
           g("p", Ks, [
             j(t.$slots, "user-card-subtitle", {}, () => [
-              R(P(e.subTitle), 1)
+              R(J(e.subTitle), 1)
             ], !0)
           ]),
           j(t.$slots, "user-card-rating-stars", {}, void 0, !0),
@@ -7877,7 +7873,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
 }, Qs = {
   key: 1,
   class: "joy-pl-3"
-}, eu = /* @__PURE__ */ L({
+}, eu = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7886,7 +7882,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     open: { type: Boolean }
   },
   setup(e) {
-    const l = C(e.open);
+    const l = S(e.open);
     return (o, n) => {
       const a = dt("joy-ripple");
       return Xe((c(), h("button", q(o.$attrs, {
@@ -7894,15 +7890,15 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: n[0] || (n[0] = (r) => l.value = !l.value)
       }), [
-        e.icon ? (c(), x(N, {
+        e.icon ? (c(), V(N, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
         }, null, 8, ["name"])) : k("", !0),
         g("div", Zs, [
-          e.title ? (c(), h("span", Xs, P(e.title), 1)) : k("", !0),
-          e.subtitle ? (c(), h("span", Qs, P(e.subtitle), 1)) : k("", !0)
+          e.title ? (c(), h("span", Xs, J(e.title), 1)) : k("", !0),
+          e.subtitle ? (c(), h("span", Qs, J(e.subtitle), 1)) : k("", !0)
         ]),
         D(N, {
           class: "joy-ml-3",
@@ -7923,7 +7919,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
 }, su = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, uu = /* @__PURE__ */ L({
+}, uu = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7938,7 +7934,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l;
     let a = null;
-    const r = C(o.open), i = C(!1);
+    const r = S(o.open), i = S(!1);
     function u() {
       r.value ? d() : r.value = !0;
     }
@@ -7953,19 +7949,19 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
         r.value = !1, i.value = !1;
       }, 200);
     }
-    return K(
+    return G(
       () => o.open,
       (y) => {
         r.value = y;
       }
     ), t({
       isOpen: r
-    }), (y, p) => (c(), x(Te, {
+    }), (y, p) => (c(), V(Te, {
       to: "body",
       disabled: e.disableTeleport
     }, [
       g("div", {
-        class: I(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !r.value }])
+        class: L(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !r.value }])
       }, [
         r.value ? (c(), h("div", q({ key: 0 }, y.$attrs, {
           class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": i.value }]
@@ -7976,8 +7972,8 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
             class: "joy-walkthrough-modal__header joy-pt-5 joy-pl-6 joy-pb-5 joy-pr-6 joy-bgcolor-neutral-60",
             onClick: s
           }, {
-            default: J(() => [
-              e.triggerIcon ? (c(), x(N, {
+            default: z(() => [
+              e.triggerIcon ? (c(), V(N, {
                 key: 0,
                 color: "white",
                 name: e.triggerIcon
@@ -7987,8 +7983,8 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
                 class: "joy-walkthrough-modal__title",
                 "no-margin": ""
               }, {
-                default: J(() => [
-                  R(P(e.triggerTitle) + " ", 1),
+                default: z(() => [
+                  R(J(e.triggerTitle) + " ", 1),
                   D(N, {
                     color: "white",
                     name: r.value ? "chevron-down" : "chevron-up"
@@ -8000,13 +7996,13 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
             _: 1
           }),
           g("div", {
-            class: I(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": e.footer }])
+            class: L(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": e.footer }])
           }, [
             D(ue, {
               "no-margin": "",
               wrap: "nowrap"
             }, {
-              default: J(() => [
+              default: z(() => [
                 g("div", ou, [
                   j(y.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
@@ -8033,10 +8029,10 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: f
           }, [
-            g("button", su, P(e.footer), 1)
+            g("button", su, J(e.footer), 1)
           ])) : k("", !0)
         ], 16)) : k("", !0),
-        r.value ? k("", !0) : (c(), x(tu, q({ key: 1 }, e.triggerAttrs, {
+        r.value ? k("", !0) : (c(), V(tu, q({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,