@maltjoy/core-vue 3.34.2 → 3.35.0-beta.0

package/dist/{style-E5fmiXIh.js → style-CCYljNNf.js}

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as V, openBlock as f, createElementBlock as g, normalizeClass as I, createElementVNode as b, Fragment as Z, createTextVNode as H, toDisplayString as R, createCommentVNode as $, createBlock as L, resolveDynamicComponent as re, mergeProps as ee, withCtx as D, pushScopeId as Ye, popScopeId as Ze, renderSlot as _, unref as K, renderList as te, inject as De, normalizeStyle as se, ref as C, onMounted as ie, useAttrs as Ee, resolveDirective as Qn, withDirectives as cn, getCurrentScope as Vt, onScopeDispose as It, toRef as ea, readonly as ta, customRef as na, shallowRef as dn, watch as ae, nextTick as Ue, getCurrentInstance as aa, h as oa, Teleport as Xe, createVNode as G, useSlots as ne, withKeys as Qe, onBeforeUnmount as Re, provide as Et, Transition as fn, createSlots as Lt, normalizeProps as la, guardReactiveProps as ra, mergeModels as ia, useModel as sa, createStaticVNode as vn, onBeforeMount as ua, shallowReadonly as Ae, onUnmounted as yn, vShow as ca, render as qt, withModifiers as da, createApp as fa } from "vue";
+import { defineComponent as B, computed as I, openBlock as f, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Z, createTextVNode as H, toDisplayString as R, createCommentVNode as $, createBlock as A, resolveDynamicComponent as re, mergeProps as ee, withCtx as D, pushScopeId as Ye, popScopeId as Ze, renderSlot as _, unref as K, renderList as te, inject as De, normalizeStyle as se, ref as C, onMounted as ie, useAttrs as Ee, resolveDirective as Qn, withDirectives as cn, getCurrentScope as Vt, onScopeDispose as It, toRef as ea, readonly as ta, customRef as na, shallowRef as dn, watch as ae, nextTick as Ue, getCurrentInstance as aa, h as oa, Teleport as Xe, createVNode as G, useSlots as ne, withKeys as Qe, onBeforeUnmount as Re, provide as Et, Transition as fn, createSlots as Lt, normalizeProps as la, guardReactiveProps as ra, mergeModels as ia, useModel as sa, createStaticVNode as vn, onBeforeMount as ua, shallowReadonly as Ae, onUnmounted as yn, vShow as ca, render as qt, withModifiers as da, createApp as fa } from "vue";
 function Ht(e) {
   const t = e.target;
   if (!t)
@@ -19,7 +19,7 @@ const va = {
   beforeUnmount: (e) => {
     e.removeEventListener("click", Ht);
   }
-}, ya = ["title"], pa = /* @__PURE__ */ A({
+}, ya = ["title"], pa = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     /** Don't fill it and you'll only have the colored dot */
@@ -34,17 +34,17 @@ const va = {
     isPartial: Boolean
   },
   setup(e) {
-    const t = e, n = V(() => ({
+    const t = e, n = I(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
     }));
     return (a, o) => (f(), g("div", {
-      class: I(["joy-availability", { "joy-availability-has-label": !!e.label }]),
+      class: E(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       b("span", {
-        class: I(n.value)
+        class: E(n.value)
       }, null, 2),
       e.label ? (f(), g(Z, { key: 0 }, [
         H(R(e.label), 1)
@@ -56,7 +56,7 @@ const va = {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, fc = /* @__PURE__ */ F(pa, [["__scopeId", "data-v-3452c6e7"]]), ma = ["role", "tabindex", "aria-label", "title"], X = /* @__PURE__ */ A({
+}, dc = /* @__PURE__ */ F(pa, [["__scopeId", "data-v-3452c6e7"]]), ma = ["role", "tabindex", "aria-label", "title"], X = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -87,19 +87,19 @@ const va = {
     }
   },
   setup(e) {
-    const t = e, n = V(() => {
+    const t = e, n = I(() => {
       if (t.role === "button")
         return t.tabIndex;
     });
     return (a, o) => (f(), g("span", {
-      class: I(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
+      class: E(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: n.value,
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
       b("i", {
-        class: I(["icon", `icon-${e.name}`]),
+        class: E(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
     ], 10, ma));
@@ -112,7 +112,7 @@ const va = {
   fill: "#F7F7F5"
 }, null, -1)), Sa = [
   _a
-], ka = /* @__PURE__ */ A({
+], ka = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -151,16 +151,16 @@ const va = {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = V(() => o.size === "large" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "small"), l = V(() => o.link ? {
+    const a = n, o = e, r = I(() => o.size === "large" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "small"), l = I(() => o.link ? {
       type: "button"
-    } : null), s = V(() => ({
+    } : null), s = I(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": o.link,
       "joy-avatar__placeholder": i.value,
       [`joy-avatar__${o.size}`]: !0,
       [`joy-avatar__${o.color}`]: !0,
       "joy-avatar--empty": o.isEmpty
-    })), i = V(() => !o.fullName && !o.photoUrl && !o.totalNumber && !o.isEmpty), c = V(() => {
+    })), i = I(() => !o.fullName && !o.photoUrl && !o.totalNumber && !o.isEmpty), c = I(() => {
       function u(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
@@ -177,14 +177,14 @@ const va = {
       initials: c
     }), (u, y) => (f(), g("div", {
       ref: "avatarEl",
-      class: I(["joy-avatar__wrapper", [`joy-avatar__wrapper--${e.size}`]])
+      class: E(["joy-avatar__wrapper", [`joy-avatar__wrapper--${e.size}`]])
     }, [
-      (f(), L(re(e.link ? "button" : "div"), ee(l.value, {
+      (f(), A(re(e.link ? "button" : "div"), ee(l.value, {
         class: [s.value],
         onClick: d
       }), {
         default: D(() => [
-          i.value ? (f(), L(X, {
+          i.value ? (f(), A(X, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -217,7 +217,7 @@ const va = {
       ])) : $("", !0)
     ], 2));
   }
-}), $a = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-7c6c11df"]]), ja = /* @__PURE__ */ A({
+}), $a = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-7c6c11df"]]), ja = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -229,12 +229,12 @@ const va = {
   setup(e) {
     return (t, n) => (f(), g("div", {
       ref: "avatarsList",
-      class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
+      class: E(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), vc = /* @__PURE__ */ F(ja, [["__scopeId", "data-v-c985cccf"]]), Ca = { key: 0 }, xa = /* @__PURE__ */ A({
+}), fc = /* @__PURE__ */ F(ja, [["__scopeId", "data-v-c985cccf"]]), Ca = { key: 0 }, xa = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -245,12 +245,12 @@ const va = {
   },
   setup(e) {
     return (t, n) => (f(), g("div", {
-      class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
+      class: E(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
     }, [
       e.number ? (f(), g("span", Ca, R(e.number > 99 ? "99+" : e.number), 1)) : $("", !0)
     ], 2));
   }
-}), Wt = /* @__PURE__ */ F(xa, [["__scopeId", "data-v-0dc5251e"]]), Ta = /* @__PURE__ */ A({
+}), Wt = /* @__PURE__ */ F(xa, [["__scopeId", "data-v-0dc5251e"]]), Ta = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -279,16 +279,16 @@ const va = {
     number: Number
   },
   setup(e) {
-    return (t, n) => e.number ? (f(), L(Wt, {
+    return (t, n) => e.number ? (f(), A(Wt, {
       key: 0,
       variant: e.variant,
       number: e.number
     }, null, 8, ["variant", "number"])) : (f(), g("span", {
       key: 1,
-      class: I(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
+      class: E(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (f(), L(Wt, {
+      e.bulletpoint ? (f(), A(Wt, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
@@ -373,7 +373,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
   fill: "#FFC200"
 }, null, -1)), Ya = [
   Ga
-], Za = /* @__PURE__ */ A({
+], Za = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -393,7 +393,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
     }
   },
   setup(e) {
-    const t = e, n = V(() => {
+    const t = e, n = I(() => {
       switch (t.type) {
         case lt.HIGH_POTENTIAL:
         case le.HIGH_POTENTIAL:
@@ -425,7 +425,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
       e.type === K(le).MALT_LINKER ? (f(), g("svg", qa, Ua)) : $("", !0),
       e.type === K(lt).HIGH_POTENTIAL ? (f(), g("svg", Ka, Ya)) : $("", !0),
       b("span", {
-        class: I([
+        class: E([
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === K(le).NEW || e.type === K(le).MALT_LINKER || e.type === K(le).HIGH_POTENTIAL_AUTO,
@@ -440,7 +440,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
       ], 2)
     ]));
   }
-}), yc = /* @__PURE__ */ F(Za, [["__scopeId", "data-v-08a5e2c8"]]), Xa = /* @__PURE__ */ A({
+}), vc = /* @__PURE__ */ F(Za, [["__scopeId", "data-v-08a5e2c8"]]), Xa = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -458,7 +458,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
     }
   },
   setup(e) {
-    const t = e, n = De("VJoyWrapperContext", {}), a = V(() => {
+    const t = e, n = De("VJoyWrapperContext", {}), a = I(() => {
       if (Object.keys(n).length === 0)
         return;
       let o = "1 0";
@@ -466,7 +466,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
     });
     return (o, r) => (f(), g("div", {
       "aria-hidden": "true",
-      class: I({
+      class: E({
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
@@ -477,7 +477,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ia = { class: "joy-
       })
     }, null, 6));
   }
-}), pc = /* @__PURE__ */ F(Xa, [["__scopeId", "data-v-4da2c7cb"]]);
+}), yc = /* @__PURE__ */ F(Xa, [["__scopeId", "data-v-4da2c7cb"]]);
 function pn(e) {
   let t;
   switch (e) {
@@ -508,7 +508,7 @@ const Se = function(e = 10) {
 function he(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const eo = /* @__PURE__ */ A({
+const eo = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -517,7 +517,7 @@ const eo = /* @__PURE__ */ A({
   },
   setup(e) {
     return (t, n) => (f(), g("div", {
-      class: I(["joy-spinner", `joy-spinner_${e.color}`])
+      class: E(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
 }), mn = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-52944a9b"]]);
@@ -529,7 +529,7 @@ function to() {
     randomId: e
   };
 }
-const no = ["id"], ao = /* @__PURE__ */ A({
+const no = ["id"], ao = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -572,7 +572,7 @@ const no = ["id"], ao = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Ee(), { randomId: o } = to(), r = V(() => {
+    const n = e, a = Ee(), { randomId: o } = to(), r = I(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -583,13 +583,13 @@ const no = ["id"], ao = /* @__PURE__ */ A({
         default:
           return "small";
       }
-    }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
+    }), l = I(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ randomId: o }), (s, i) => {
       const c = Qn("joy-ripple");
-      return cn((f(), L(re(K(a).href ? "a" : "button"), {
+      return cn((f(), A(re(K(a).href ? "a" : "button"), {
         disabled: e.loading || K(a).disabled,
         type: K(a).type || "button",
-        class: I([
+        class: E([
           "joy-button",
           `joy-button_${e.variant}`,
           `joy-button_${e.size}`,
@@ -601,14 +601,14 @@ const no = ["id"], ao = /* @__PURE__ */ A({
         "aria-labelledby": (s.$slots.default || e.label) && K(o)
       }, {
         default: D(() => [
-          e.icon && e.iconPosition === "left" ? (f(), L(X, {
+          e.icon && e.iconPosition === "left" ? (f(), A(X, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : $("", !0),
-          e.loading ? (f(), L(mn, {
+          e.loading ? (f(), A(mn, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : $("", !0),
@@ -620,7 +620,7 @@ const no = ["id"], ao = /* @__PURE__ */ A({
               H(R(e.label), 1)
             ], !0)
           ], 8, no),
-          e.icon && e.iconPosition === "right" ? (f(), L(X, {
+          e.icon && e.iconPosition === "right" ? (f(), A(X, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -731,7 +731,7 @@ function uo() {
 }
 function co(e) {
   const t = uo();
-  return V(() => (t.value, !!e()));
+  return I(() => (t.value, !!e()));
 }
 function fo(e, t = {}) {
   const n = C(!1), a = dn(null);
@@ -772,7 +772,7 @@ function vo(e, t, n = {}) {
   let r;
   const l = co(() => a && "ResizeObserver" in a), s = () => {
     r && (r.disconnect(), r = void 0);
-  }, i = V(() => Array.isArray(e) ? e.map((u) => je(u)) : [je(e)]), c = ae(
+  }, i = I(() => Array.isArray(e) ? e.map((u) => je(u)) : [je(e)]), c = ae(
     i,
     (u) => {
       if (s(), l.value && a) {
@@ -806,7 +806,7 @@ function yo(e) {
     triggerResize: l
   };
 }
-const Bt = /* @__PURE__ */ A({
+const Bt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
@@ -893,7 +893,7 @@ function go(e, t = !1) {
     const i = wt(be(e));
     !i || !n.value || (St && (a == null || a()), i.style.overflow = (s = nt.get(i)) != null ? s : "", nt.delete(i), n.value = !1);
   };
-  return yt(l), V({
+  return yt(l), I({
     get() {
       return n.value;
     },
@@ -916,7 +916,7 @@ function wo() {
 wo();
 const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), So = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), ko = [
   So
-], $o = { class: "joy-bottom-sheet_content" }, jo = { class: "joy-bottom-sheet_footer" }, Kt = 75, Gt = "moving", Co = /* @__PURE__ */ A({
+], $o = { class: "joy-bottom-sheet_content" }, jo = { class: "joy-bottom-sheet_footer" }, Kt = 75, Gt = "moving", Co = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -951,13 +951,13 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Ee(), r = V(() => {
+    const a = e, o = Ee(), r = I(() => {
       if (s.value)
         return o;
     }), l = n, s = C(!1), i = C(!1), c = C(a.open), d = C(!1), u = C();
     let y = 0;
     function p() {
-      c.value = !0, E();
+      c.value = !0, L();
     }
     function v() {
       i.value = !0, setTimeout(async () => {
@@ -965,21 +965,21 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       }, 300);
     }
     function h(w) {
-      d.value = !0, u.value.classList.add(Gt), y = B(w);
+      d.value = !0, u.value.classList.add(Gt), y = V(w);
     }
     function m(w) {
-      d.value && (k(w) > Kt && v(), z());
+      d.value && (S(w) > Kt && v(), z());
     }
-    function S(w) {
+    function k(w) {
       if (d.value) {
-        const M = k(w);
+        const M = S(w);
         M > Kt ? v() : M > 0 && P(M);
       }
     }
-    function k(w) {
-      return B(w) - y;
+    function S(w) {
+      return V(w) - y;
     }
-    function B(w) {
+    function V(w) {
       return ["touchend", "touchmove", "touchstart"].includes(w.type) ? w.changedTouches[0].clientY : w.clientY;
     }
     function P(w) {
@@ -988,7 +988,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
     function z() {
       u.value.classList.remove(Gt), u.value.style.removeProperty("transform"), d.value = !1;
     }
-    function E() {
+    function L() {
       a.preventBodyScroll && he(!0);
     }
     return ae(
@@ -997,13 +997,13 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
         w === !0 ? p() : v();
       }
     ), ie(() => {
-      s.value = !0, a.open && E();
+      s.value = !0, a.open && L();
     }), t({
       hide: v,
       show: p,
       isOpen: c,
       moveContainer: P
-    }), (w, M) => s.value ? (f(), L(Xe, {
+    }), (w, M) => s.value ? (f(), A(Xe, {
       key: 0,
       to: e.teleport
     }, [
@@ -1029,11 +1029,11 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
                 class: "joy-bottom-sheet_header",
                 onMousedown: h,
                 onMouseup: m,
-                onMousemove: S,
+                onMousemove: k,
                 onMouseleave: m,
                 onTouchstart: h,
                 onTouchend: m,
-                onTouchmove: S
+                onTouchmove: k
               }, ko, 32),
               b("div", $o, [
                 _(w.$slots, "bottom-sheet-content", {}, void 0, !0)
@@ -1054,24 +1054,24 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       ], 16)) : $("", !0)
     ], 8, ["to"])) : $("", !0);
   }
-}), mc = /* @__PURE__ */ F(Co, [["__scopeId", "data-v-4ea29b12"]]), hc = /* @__PURE__ */ A({
+}), pc = /* @__PURE__ */ F(Co, [["__scopeId", "data-v-4ea29b12"]]), mc = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.bottomSheet), r = ne(), l = V(() => r.default());
+    const n = e, a = t, o = I(() => n.bottomSheet), r = ne(), l = I(() => r.default());
     function s() {
       var i;
       a("click"), (i = o.value) == null || i.show();
     }
-    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), L(re(d), {
+    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), A(re(d), {
       key: d,
       onClick: s
     }))), 128));
   }
-}), xo = { class: "joy-checkbox__wrapper" }, To = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Io = { class: "joy-checkbox__content-wrapper" }, Eo = { class: "joy-checkbox__content" }, Lo = /* @__PURE__ */ A({
+}), xo = { class: "joy-checkbox__wrapper" }, To = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Io = { class: "joy-checkbox__content-wrapper" }, Eo = { class: "joy-checkbox__content" }, Lo = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1142,7 +1142,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       isIndeterminate: l
     }), (d, u) => (f(), g("div", xo, [
       b("label", {
-        class: I([
+        class: E([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
@@ -1188,7 +1188,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
 }), wn = /* @__PURE__ */ F(Lo, [["__scopeId", "data-v-8391ace5"]]), Ao = ["id"], Bo = { class: "joy-collapse-item__header-right" }, Fo = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, No = { class: "joy-collapse-item__summary___preview" }, zo = ["aria-labelledby"], Po = /* @__PURE__ */ A({
+}, No = { class: "joy-collapse-item__summary___preview" }, zo = ["aria-labelledby"], Po = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1238,7 +1238,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       onToggle: s,
       props: a
     }), (c, d) => (f(), g("div", {
-      class: I([
+      class: E([
         "joy-collapse-item",
         {
           "joy-collapse-item--open": r.value,
@@ -1260,7 +1260,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (f(), L(X, {
+          e.summaryIcon ? (f(), A(X, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1284,7 +1284,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
-        class: I([
+        class: E([
           "joy-collapse-item__detail",
           {
             "joy-collapse-item__detail--open": r.value
@@ -1295,7 +1295,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       ], 10, zo)) : $("", !0)
     ], 2));
   }
-}), Oo = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-71c8a78d"]]), Do = { class: "joy-collapse" }, Ro = /* @__PURE__ */ A({
+}), Oo = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-71c8a78d"]]), Do = { class: "joy-collapse" }, Ro = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1320,7 +1320,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = ne(), l = n, s = V(() => {
+    const a = e, o = C(a.modelValue), r = ne(), l = n, s = I(() => {
       const v = r.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(i) : v.filter(i);
     });
@@ -1357,7 +1357,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       items: s,
       openedCollapseItem: o
     }), (v, h) => (f(), g("div", Do, [
-      (f(!0), g(Z, null, te(s.value, (m) => (f(), L(Oo, ee({ ref_for: !0 }, m.props, {
+      (f(!0), g(Z, null, te(s.value, (m) => (f(), A(Oo, ee({ ref_for: !0 }, m.props, {
         key: m.props.id,
         open: d(m),
         mode: e.mode,
@@ -1365,19 +1365,19 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
         "onCollapseItem:close": () => y(m)
       }), {
         "collapse-header-right": D(() => [
-          (f(!0), g(Z, null, te(c(m, "collapse-header-right"), (S, k) => (f(), L(re(S), { key: k }))), 128))
+          (f(!0), g(Z, null, te(c(m, "collapse-header-right"), (k, S) => (f(), A(re(k), { key: S }))), 128))
         ]),
         "collapse-preview": D(() => [
-          (f(!0), g(Z, null, te(c(m, "collapse-preview"), (S, k) => (f(), L(re(S), { key: k }))), 128))
+          (f(!0), g(Z, null, te(c(m, "collapse-preview"), (k, S) => (f(), A(re(k), { key: S }))), 128))
         ]),
         default: D(() => [
-          (f(!0), g(Z, null, te(c(m, "default"), (S, k) => (f(), L(re(S), { key: k }))), 128))
+          (f(!0), g(Z, null, te(c(m, "default"), (k, S) => (f(), A(re(k), { key: S }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), bc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-35744932"]]), Mo = ["src", "alt", "title", "loading"], Jo = /* @__PURE__ */ A({
+}), hc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-35744932"]]), Mo = ["src", "alt", "title", "loading"], Jo = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1397,7 +1397,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
     }
   },
   setup(e) {
-    const t = e, n = V(() => {
+    const t = e, n = I(() => {
       switch (t.size) {
         case "large":
           return "small";
@@ -1410,7 +1410,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
       }
     });
     return (a, o) => (f(), g("div", {
-      class: I(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+      class: E(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (f(), g("img", {
         key: 0,
@@ -1418,14 +1418,14 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, Mo)) : (f(), L(X, {
+      }, null, 8, Mo)) : (f(), A(X, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), gc = /* @__PURE__ */ F(Jo, [["__scopeId", "data-v-2f1289c1"]]), qo = ["aria-hidden"], Ho = /* @__PURE__ */ A({
+}), bc = /* @__PURE__ */ F(Jo, [["__scopeId", "data-v-2f1289c1"]]), qo = ["aria-hidden"], Ho = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1439,7 +1439,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
   setup(e) {
     return (t, n) => (f(), g("div", {
       "aria-hidden": e.visible,
-      class: I(["joy-form-error", { "joy-has-error": e.visible }]),
+      class: E(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
       G(X, {
@@ -1459,7 +1459,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
 }, Uo = {
   key: 1,
   class: "joy-label-optional"
-}, Ko = /* @__PURE__ */ A({
+}, Ko = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -1480,7 +1480,7 @@ const gn = (e) => (Ye("data-v-4ea29b12"), e = e(), Ze(), e), _o = /* @__PURE__ *
     text: String
   },
   setup(e) {
-    return (t, n) => (f(), L(re(e.tagName), ee({
+    return (t, n) => (f(), A(re(e.tagName), ee({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: D(() => [
@@ -1513,7 +1513,7 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
   class: "joy-counter_error"
 }, nl = {
   inheritAttrs: !1
-}, al = /* @__PURE__ */ A({
+}, al = /* @__PURE__ */ B({
   ...nl,
   __name: "VJoyCounter",
   props: {
@@ -1599,8 +1599,8 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
       r.value = !y();
     }
     function u(m = !0) {
-      const S = o.step.toString().split("."), k = S.length === 2 ? S[1].length : 0;
-      return parseFloat(m ? (o.modelValue + o.step).toFixed(k) : (o.modelValue - o.step).toFixed(k));
+      const k = o.step.toString().split("."), S = k.length === 2 ? k[1].length : 0;
+      return parseFloat(m ? (o.modelValue + o.step).toFixed(S) : (o.modelValue - o.step).toFixed(S));
     }
     function y() {
       return p() && v();
@@ -1624,8 +1624,8 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
     };
     return t({
       props: o
-    }), (m, S) => (f(), g("div", Yo, [
-      e.label ? (f(), L(Le, {
+    }), (m, k) => (f(), g("div", Yo, [
+      e.label ? (f(), A(Le, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1640,7 +1640,7 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : $("", !0),
       b("div", {
-        class: I(["joy-counter__wrapper", { "joy-counter--focusing": l.value }])
+        class: E(["joy-counter__wrapper", { "joy-counter--focusing": l.value }])
       }, [
         b("button", {
           class: "joy-counter__decrement",
@@ -1666,12 +1666,12 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
             step: "any",
             value: e.modelValue
           }, m.$attrs, {
-            onInput: S[0] || (S[0] = //@ts-ignore
-            (...k) => h.onInput && h.onInput(...k)),
-            onBlur: S[1] || (S[1] = //@ts-ignore
-            (...k) => h.onBlur && h.onBlur(...k)),
-            onFocus: S[2] || (S[2] = //@ts-ignore
-            (...k) => h.onFocus && h.onFocus(...k))
+            onInput: k[0] || (k[0] = //@ts-ignore
+            (...S) => h.onInput && h.onInput(...S)),
+            onBlur: k[1] || (k[1] = //@ts-ignore
+            (...S) => h.onBlur && h.onBlur(...S)),
+            onFocus: k[2] || (k[2] = //@ts-ignore
+            (...S) => h.onFocus && h.onFocus(...S))
           }), null, 16, Qo)
         ]),
         b("button", {
@@ -1689,7 +1689,7 @@ const Yo = { class: "joy-counter" }, Zo = ["aria-label", "disabled"], Xo = { cla
       ], 2)
     ]));
   }
-}), wc = /* @__PURE__ */ F(al, [["__scopeId", "data-v-556fd173"]]);
+}), gc = /* @__PURE__ */ F(al, [["__scopeId", "data-v-556fd173"]]);
 function ol(e) {
   return Vt() ? (It(e), !0) : !1;
 }
@@ -2172,7 +2172,7 @@ var Qt = {
     } else
       U = d("fallbackFocus");
     return U;
-  }, S = function(j) {
+  }, k = function(j) {
     var x = at(j);
     if (!(c(x, j) >= 0)) {
       if (qe(r.clickOutsideDeactivates, j)) {
@@ -2189,7 +2189,7 @@ var Qt = {
       }
       qe(r.allowOutsideClick, j) || j.preventDefault();
     }
-  }, k = function(j) {
+  }, S = function(j) {
     var x = at(j), N = c(x, j) >= 0;
     if (N || x instanceof Document)
       N && (l.mostRecentlyFocusedNode = x);
@@ -2221,7 +2221,7 @@ var Qt = {
       })), v(W || l.mostRecentlyFocusedNode || u());
     }
     l.recentNavEvent = void 0;
-  }, B = function(j) {
+  }, V = function(j) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     l.recentNavEvent = j;
     var N = m({
@@ -2234,18 +2234,18 @@ var Qt = {
       j.preventDefault(), s.deactivate();
       return;
     }
-    (r.isKeyForward(j) || r.isKeyBackward(j)) && B(j, r.isKeyBackward(j));
+    (r.isKeyForward(j) || r.isKeyBackward(j)) && V(j, r.isKeyBackward(j));
   }, z = function(j) {
     var x = at(j);
     c(x, j) >= 0 || qe(r.clickOutsideDeactivates, j) || qe(r.allowOutsideClick, j) || (j.preventDefault(), j.stopImmediatePropagation());
-  }, E = function() {
+  }, L = function() {
     if (l.active)
       return Qt.activateTrap(o, s), l.delayInitialFocusTimer = r.delayInitialFocus ? en(function() {
         v(u());
-      }) : v(u()), a.addEventListener("focusin", k, !0), a.addEventListener("mousedown", S, {
+      }) : v(u()), a.addEventListener("focusin", S, !0), a.addEventListener("mousedown", k, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", S, {
+      }), a.addEventListener("touchstart", k, {
         capture: !0,
         passive: !1
       }), a.addEventListener("click", z, {
@@ -2257,7 +2257,7 @@ var Qt = {
       }), s;
   }, w = function() {
     if (l.active)
-      return a.removeEventListener("focusin", k, !0), a.removeEventListener("mousedown", S, !0), a.removeEventListener("touchstart", S, !0), a.removeEventListener("click", z, !0), a.removeEventListener("keydown", P, !0), s;
+      return a.removeEventListener("focusin", S, !0), a.removeEventListener("mousedown", k, !0), a.removeEventListener("touchstart", k, !0), a.removeEventListener("click", z, !0), a.removeEventListener("keydown", P, !0), s;
   }, M = function(j) {
     var x = j.some(function(N) {
       var W = Array.from(N.removedNodes);
@@ -2287,7 +2287,7 @@ var Qt = {
       var x = i(j, "onActivate"), N = i(j, "onPostActivate"), W = i(j, "checkCanFocusTrap");
       W || y(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, x == null || x();
       var q = function() {
-        W && y(), E(), J(), N == null || N();
+        W && y(), L(), J(), N == null || N();
       };
       return W ? (W(l.containers.concat()).then(q, q), this) : (q(), this);
     },
@@ -2319,7 +2319,7 @@ var Qt = {
       if (!l.paused || !l.active)
         return this;
       var x = i(j, "onUnpause"), N = i(j, "onPostUnpause");
-      return l.paused = !1, x == null || x(), y(), E(), J(), N == null || N(), this;
+      return l.paused = !1, x == null || x(), y(), L(), J(), N == null || N(), this;
     },
     updateContainerElements: function(j) {
       var x = [].concat(j).filter(Boolean);
@@ -2359,7 +2359,7 @@ function xn(e, t = {}) {
     unpause: d
   };
 }
-const Al = /* @__PURE__ */ A({
+const Al = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2404,7 +2404,7 @@ const Al = /* @__PURE__ */ A({
   },
   setup(e) {
     return Et("VJoyWrapperContext", e), (n, a) => (f(), g("div", {
-      class: I([
+      class: E([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
@@ -2437,7 +2437,7 @@ const Al = /* @__PURE__ */ A({
 }, ql = {
   key: 2,
   class: "joy-dialog--indicators"
-}, Hl = /* @__PURE__ */ A({
+}, Hl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2515,23 +2515,23 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-dialog--" + Se(), l = ne(), s = C(!1), i = C(), c = C(a.open), d = xn(i), u = Ee(), y = V(() => {
+    const a = e, o = n, r = "joy-dialog--" + Se(), l = ne(), s = C(!1), i = C(), c = C(a.open), d = xn(i), u = Ee(), y = I(() => {
       if (s.value)
         return u;
-    }), p = V(() => {
-      const E = l["dialog-cancel"] || l["dialog-confirm"], w = a.cancelText || a.confirmText;
-      return !!E || !!w;
-    }), h = V(() => a.id || r).value + "-header";
+    }), p = I(() => {
+      const L = l["dialog-cancel"] || l["dialog-confirm"], w = a.cancelText || a.confirmText;
+      return !!L || !!w;
+    }), h = I(() => a.id || r).value + "-header";
     function m() {
-      !a.patternConfirm && S();
+      !a.patternConfirm && k();
     }
-    async function S(E = { fireHideEvent: !0 }) {
-      d.deactivate(), c.value = !1, await Ue(), he(!1), E.fireHideEvent && o("dialog:hide");
+    async function k(L = { fireHideEvent: !0 }) {
+      d.deactivate(), c.value = !1, await Ue(), he(!1), L.fireHideEvent && o("dialog:hide");
     }
-    async function k() {
+    async function S() {
       c.value = !0, await Ue(), a.focusTrap && d.activate(), a.preventBodyScroll && he(!0);
     }
-    function B() {
+    function V() {
       o("dialog:open");
     }
     function P() {
@@ -2547,10 +2547,10 @@ const Al = /* @__PURE__ */ A({
     }), t({
       focusTrapReturn: d,
       hasFooterSlots: p,
-      hide: S,
+      hide: k,
       isOpen: c,
-      show: k
-    }), (E, w) => s.value ? (f(), L(Xe, {
+      show: S
+    }), (L, w) => s.value ? (f(), A(Xe, {
       key: 0,
       to: e.teleport
     }, [
@@ -2558,7 +2558,7 @@ const Al = /* @__PURE__ */ A({
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: B,
+        onEnter: V,
         onAfterEnter: P,
         onAfterLeave: z
       }, {
@@ -2574,7 +2574,7 @@ const Al = /* @__PURE__ */ A({
             onKeydown: Qe(m, ["esc"])
           }), [
             b("div", {
-              class: I([
+              class: E([
                 {
                   "joy-dialog__overlay": !0,
                   "joy-dialog__overlay--open": c.value,
@@ -2584,7 +2584,7 @@ const Al = /* @__PURE__ */ A({
               onClick: m
             }, null, 2),
             b("div", {
-              class: I([
+              class: E([
                 {
                   "joy-dialog--wrapper": !0,
                   "joy-dialog--wrapper-open": c.value
@@ -2603,19 +2603,19 @@ const Al = /* @__PURE__ */ A({
                   })
                 }, null, 4)) : $("", !0),
                 b("div", Dl, [
-                  E.$slots["dialog-preheader"] ? (f(), g("div", Rl, [
-                    _(E.$slots, "dialog-preheader", {}, void 0, !0)
+                  L.$slots["dialog-preheader"] ? (f(), g("div", Rl, [
+                    _(L.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : $("", !0),
                   b("div", {
                     id: h,
                     class: "joy-dialog--header__title"
                   }, [
-                    _(E.$slots, "dialog-header", {}, void 0, !0)
+                    _(L.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   b("p", Ml, [
-                    _(E.$slots, "dialog-subheader", {}, void 0, !0)
+                    _(L.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? $("", !0) : (f(), L(ue, {
+                  e.patternConfirm ? $("", !0) : (f(), A(ue, {
                     key: 1,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2625,14 +2625,14 @@ const Al = /* @__PURE__ */ A({
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: w[0] || (w[0] = (M) => S())
+                    onClick: w[0] || (w[0] = (M) => k())
                   }, null, 8, ["label"]))
                 ]),
                 b("div", Jl, [
-                  _(E.$slots, "dialog-body", {}, void 0, !0)
+                  _(L.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
-                  class: I([
+                  class: E([
                     {
                       "joy-dialog--footer": !0,
                       "joy-dialog--footer-filled": p.value
@@ -2644,13 +2644,13 @@ const Al = /* @__PURE__ */ A({
                     "no-margin": ""
                   }, {
                     default: D(() => [
-                      _(E.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (f(), L(ue, {
+                      _(L.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (f(), A(ue, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: w[1] || (w[1] = (M) => S())
+                          onClick: w[1] || (w[1] = (M) => k())
                         }, {
                           default: D(() => [
                             H(R(e.cancelText), 1)
@@ -2658,8 +2658,8 @@ const Al = /* @__PURE__ */ A({
                           _: 1
                         }, 8, ["size"])) : $("", !0)
                       ], !0),
-                      _(E.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (f(), L(ue, {
+                      _(L.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (f(), A(ue, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -2677,7 +2677,7 @@ const Al = /* @__PURE__ */ A({
                   })
                 ], 2),
                 K(l)["dialog-indicators"] ? (f(), g("div", ql, [
-                  _(E.$slots, "dialog-indicators", {}, void 0, !0)
+                  _(L.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : $("", !0)
               ])
             ], 2)
@@ -2687,24 +2687,24 @@ const Al = /* @__PURE__ */ A({
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), _c = /* @__PURE__ */ F(Hl, [["__scopeId", "data-v-37136d78"]]), Sc = /* @__PURE__ */ A({
+}), wc = /* @__PURE__ */ F(Hl, [["__scopeId", "data-v-37136d78"]]), _c = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = t, r = ne(), l = V(() => r.default());
+    const n = e, a = I(() => n.dialog), o = t, r = ne(), l = I(() => r.default());
     async function s() {
       var i;
       o("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), L(re(d), {
+    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), A(re(d), {
       key: d,
       onClick: s
     }))), 128));
   }
-}), Wl = ["disabled"], Ul = { class: "joy-divider-cta--icon" }, Kl = { class: "joy-divider-cta--content" }, Gl = { class: "joy-divider-cta--content---title" }, Yl = /* @__PURE__ */ A({
+}), Wl = ["disabled"], Ul = { class: "joy-divider-cta--icon" }, Kl = { class: "joy-divider-cta--content" }, Gl = { class: "joy-divider-cta--content---title" }, Yl = /* @__PURE__ */ B({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -2715,7 +2715,7 @@ const Al = /* @__PURE__ */ A({
   setup(e) {
     return (t, n) => (f(), g("button", {
       type: "button",
-      class: I(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
+      class: E(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
       b("div", Ul, [
@@ -2729,13 +2729,13 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 10, Wl));
   }
-}), kc = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-aa93710e"]]), Zl = ["id"], Xl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, er = {
+}), Sc = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-aa93710e"]]), Zl = ["id"], Xl = { class: "joy-drawer__inner" }, Ql = { class: "joy-drawer--header" }, er = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
 }, tr = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, nr = /* @__PURE__ */ A({
+}, nr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2797,23 +2797,23 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-drawer--" + Se(), l = ne(), s = C(!1), i = C(), c = C(a.open), d = xn(i), u = Ee(), y = V(() => {
+    const a = e, o = n, r = "joy-drawer--" + Se(), l = ne(), s = C(!1), i = C(), c = C(a.open), d = xn(i), u = Ee(), y = I(() => {
       if (s.value)
         return u;
-    }), p = V(() => {
-      const z = l["drawer-cancel"] || l["drawer-confirm"], E = a.cancelText || a.confirmText;
-      return !!z || !!E;
-    }), v = V(() => a.id || r), h = v.value + "-header";
+    }), p = I(() => {
+      const z = l["drawer-cancel"] || l["drawer-confirm"], L = a.cancelText || a.confirmText;
+      return !!z || !!L;
+    }), v = I(() => a.id || r), h = v.value + "-header";
     async function m(z = { fireHideEvent: !0 }) {
       a.onBeforeHide && !await a.onBeforeHide() || (d.deactivate(), c.value = !1, await Ue(), he(!1), z.fireHideEvent && o("drawer:hide"));
     }
-    async function S() {
+    async function k() {
       c.value = !0, await Ue(), a.focusTrap && !a.elevated && d.activate(), !a.elevated && a.preventBodyScroll && he(!0);
     }
-    function k() {
+    function S() {
       o("drawer:open");
     }
-    function B() {
+    function V() {
       o("drawer:after-open");
     }
     function P() {
@@ -2828,8 +2828,8 @@ const Al = /* @__PURE__ */ A({
       hasFooterSlots: p,
       hide: m,
       isOpen: c,
-      show: S
-    }), (z, E) => s.value ? (f(), L(Xe, {
+      show: k
+    }), (z, L) => s.value ? (f(), A(Xe, {
       key: 0,
       to: e.teleport
     }, [
@@ -2837,8 +2837,8 @@ const Al = /* @__PURE__ */ A({
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: k,
-        onAfterEnter: B,
+        onEnter: S,
+        onAfterEnter: V,
         onAfterLeave: P
       }, {
         default: D(() => [
@@ -2857,20 +2857,20 @@ const Al = /* @__PURE__ */ A({
               }
             ],
             "aria-labelledby": h,
-            onKeydown: E[4] || (E[4] = Qe((w) => m(), ["esc"]))
+            onKeydown: L[4] || (L[4] = Qe((w) => m(), ["esc"]))
           }), [
             e.elevated ? $("", !0) : (f(), g("div", {
               key: 0,
-              class: I([
+              class: E([
                 {
                   "joy-drawer__overlay": !0,
                   "joy-drawer__overlay--open": c.value
                 }
               ]),
-              onClick: E[0] || (E[0] = (w) => m())
+              onClick: L[0] || (L[0] = (w) => m())
             }, null, 2)),
             b("div", {
-              class: I([
+              class: E([
                 {
                   "joy-drawer--wrapper": !0,
                   "joy-drawer--wrapper-open": c.value
@@ -2897,14 +2897,14 @@ const Al = /* @__PURE__ */ A({
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: E[1] || (E[1] = (w) => m())
+                    onClick: L[1] || (L[1] = (w) => m())
                   }, null, 8, ["label"])
                 ]),
                 b("div", tr, [
                   _(z.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
-                  class: I([
+                  class: E([
                     {
                       "joy-drawer--footer": !0,
                       "joy-drawer--footer-filled": p.value
@@ -2918,12 +2918,12 @@ const Al = /* @__PURE__ */ A({
                   }, {
                     default: D(() => [
                       _(z.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (f(), L(ue, {
+                        e.cancelText ? (f(), A(ue, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: E[2] || (E[2] = (w) => m())
+                          onClick: L[2] || (L[2] = (w) => m())
                         }, {
                           default: D(() => [
                             H(R(e.cancelText), 1)
@@ -2932,12 +2932,12 @@ const Al = /* @__PURE__ */ A({
                         }, 8, ["size"])) : $("", !0)
                       ], !0),
                       _(z.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (f(), L(ue, {
+                        e.confirmText ? (f(), A(ue, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: E[3] || (E[3] = (w) => o("drawer:confirm"))
+                          onClick: L[3] || (L[3] = (w) => o("drawer:confirm"))
                         }, {
                           default: D(() => [
                             H(R(e.confirmText), 1)
@@ -2957,19 +2957,19 @@ const Al = /* @__PURE__ */ A({
       })
     ], 8, ["to"])) : $("", !0);
   }
-}), $c = /* @__PURE__ */ F(nr, [["__scopeId", "data-v-73384607"]]), jc = /* @__PURE__ */ A({
+}), kc = /* @__PURE__ */ F(nr, [["__scopeId", "data-v-73384607"]]), $c = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.drawer), r = ne(), l = V(() => r.default());
+    const n = e, a = t, o = I(() => n.drawer), r = ne(), l = I(() => r.default());
     async function s() {
       var i;
       a("click"), await ((i = o.value) == null ? void 0 : i.show());
     }
-    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), L(re(d), {
+    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), A(re(d), {
       key: d,
       onClick: s
     }))), 128));
@@ -2980,7 +2980,7 @@ const Al = /* @__PURE__ */ A({
 }, or = ["aria-label", "aria-labelledby"], lr = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], rr = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, ir = /* @__PURE__ */ A({
+}, ir = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -3024,7 +3024,7 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(), l = V(() => (v) => !o.modelValue || !v.value && !v.id ? !1 : o.modelValue === v.value || o.modelValue === v.id);
+    const a = n, o = e, r = C(), l = I(() => (v) => !o.modelValue || !v.value && !v.id ? !1 : o.modelValue === v.value || o.modelValue === v.id);
     function s(v) {
       v.disabled || a("update:modelValue", v.value || v.id);
     }
@@ -3053,10 +3053,10 @@ const Al = /* @__PURE__ */ A({
           a("update:modelValue", m.dataModel);
         }
         if (d() && v.key === " " && v.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(v.key)) {
-          const m = i(), S = d();
-          let k = m.indexOf(S);
+          const m = i(), k = d();
+          let S = m.indexOf(k);
           if (m.length) {
-            v.preventDefault(), v.key === "ArrowDown" ? k++ : v.key === "ArrowUp" ? k-- : v.key === "Home" ? k = 0 : v.key === "End" && (k = m.length - 1), k < 0 && (k = m.length - 1), k > m.length - 1 && (k = 0), y(m[k]);
+            v.preventDefault(), v.key === "ArrowDown" ? S++ : v.key === "ArrowUp" ? S-- : v.key === "Home" ? S = 0 : v.key === "End" && (S = m.length - 1), S < 0 && (S = m.length - 1), S > m.length - 1 && (S = 0), y(m[S]);
             return;
           }
         }
@@ -3089,7 +3089,7 @@ const Al = /* @__PURE__ */ A({
       ])) : $("", !0),
       b("div", {
         tabindex: "0",
-        class: I(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": v.$slots["dropdown-list-items"] }]),
+        class: E(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": v.$slots["dropdown-list-items"] }]),
         style: se({ "max-height": `${e.height}px` })
       }, [
         _(v.$slots, "dropdown-list-items", {}, void 0, !0),
@@ -3106,7 +3106,7 @@ const Al = /* @__PURE__ */ A({
             id: m.id,
             key: m.id,
             style: se({ "max-width": `${e.width}px` }),
-            class: I([
+            class: E([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
@@ -3121,7 +3121,7 @@ const Al = /* @__PURE__ */ A({
             "aria-label": m.label,
             ".dataModel": m.value || m.id,
             role: "option",
-            onClick: (S) => s(m)
+            onClick: (k) => s(m)
           }, [
             _(v.$slots, "label", ee({ ref_for: !0 }, m), () => [
               b("span", null, R(m.label), 1)
@@ -3134,7 +3134,7 @@ const Al = /* @__PURE__ */ A({
       ])) : $("", !0)
     ], 4));
   }
-}), sr = /* @__PURE__ */ F(ir, [["__scopeId", "data-v-7a3292aa"]]), ur = /* @__PURE__ */ A({
+}), sr = /* @__PURE__ */ F(ir, [["__scopeId", "data-v-7a3292aa"]]), ur = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -3230,15 +3230,15 @@ const Al = /* @__PURE__ */ A({
     let p = null;
     ae(
       () => r.value,
-      (E) => {
-        E && Qa(i);
+      (L) => {
+        L && Qa(i);
       },
       { flush: "post" }
     );
-    const v = V(() => {
-      let E = `${o.dropdownGap}px`;
-      return o.direction === "up" && (E = "-" + E), {
-        marginTop: E
+    const v = I(() => {
+      let L = `${o.dropdownGap}px`;
+      return o.direction === "up" && (L = "-" + L), {
+        marginTop: L
       };
     });
     function h() {
@@ -3246,17 +3246,17 @@ const Al = /* @__PURE__ */ A({
         r.value = !1, d.value = !1, a("dropdown:hide");
       }, 300);
     }
-    function m(E) {
-      E.stopPropagation(), d.value = !1, p && clearTimeout(p), c.value = E.target, r.value = !0, a("dropdown:open");
-    }
-    function S() {
-      h(), k();
+    function m(L) {
+      L.stopPropagation(), d.value = !1, p && clearTimeout(p), c.value = L.target, r.value = !0, a("dropdown:open");
     }
     function k() {
+      h(), S();
+    }
+    function S() {
       c.value && c.value.focus();
     }
-    function B(E) {
-      a("update:modelValue", E), o.closeOnSelect && (h(), k());
+    function V(L) {
+      a("update:modelValue", L), o.closeOnSelect && (h(), S());
     }
     function P() {
       a("dropdown:reset");
@@ -3269,7 +3269,7 @@ const Al = /* @__PURE__ */ A({
     }), t({
       showDropdownList: r,
       generatedId: u
-    }), (E, w) => (f(), L(K(Bt), {
+    }), (L, w) => (f(), A(K(Bt), {
       ref_key: "dropdown",
       ref: l,
       options: y,
@@ -3284,13 +3284,13 @@ const Al = /* @__PURE__ */ A({
           "data-testid": "dropdown-trigger",
           onClick: m
         }, [
-          _(E.$slots, "dropdown-button", {}, void 0, !0)
+          _(L.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         r.value ? (f(), g("div", {
           key: 0,
           ref_key: "list",
           ref: i,
-          class: I([
+          class: E([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
@@ -3310,35 +3310,35 @@ const Al = /* @__PURE__ */ A({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": u,
-            "onUpdate:modelValue": B,
-            "onClose:dropdownList": S,
+            "onUpdate:modelValue": V,
+            "onClose:dropdownList": k,
             onReset: P
           }, Lt({
             label: D((M) => [
-              _(E.$slots, "dropdown-item", la(ra(M)), () => [
+              _(L.$slots, "dropdown-item", la(ra(M)), () => [
                 b("span", null, R(M.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            E.$slots["dropdown-header"] ? {
+            L.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: D(() => [
-                _(E.$slots, "dropdown-header", {}, void 0, !0)
+                _(L.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            E.$slots["dropdown-items"] ? {
+            L.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: D(() => [
-                _(E.$slots, "dropdown-items", {}, void 0, !0)
+                _(L.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            E.$slots["dropdown-footer"] ? {
+            L.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: D(() => [
-                _(E.$slots, "dropdown-footer", {}, void 0, !0)
+                _(L.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -3348,7 +3348,7 @@ const Al = /* @__PURE__ */ A({
       _: 3
     }, 512));
   }
-}), Cc = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-3b33b526"]]), cr = { class: "joy-dropzone__icon-wrapper" }, dr = /* @__PURE__ */ A({
+}), jc = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-3b33b526"]]), cr = { class: "joy-dropzone__icon-wrapper" }, dr = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -3368,7 +3368,7 @@ const Al = /* @__PURE__ */ A({
 }, pr = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, mr = /* @__PURE__ */ A({
+}, mr = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -3379,7 +3379,7 @@ const Al = /* @__PURE__ */ A({
   emits: ["delete", "update"],
   setup(e) {
     const t = ne(), n = e;
-    return (a, o) => (f(), L(Ke, {
+    return (a, o) => (f(), A(Ke, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -3439,7 +3439,7 @@ const Al = /* @__PURE__ */ A({
 }, _r = { class: "joy-dropzone__instruction__text" }, Sr = {
   key: 0,
   class: "joy-dropzone__legend"
-}, kr = /* @__PURE__ */ A({
+}, kr = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ ia({
     name: {},
@@ -3458,8 +3458,8 @@ const Al = /* @__PURE__ */ A({
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
     const n = ne(), a = e, o = sa(e, "modelValue"), r = C(v(o.value)), l = C(), s = C(), i = C(), { isOverDropZone: c } = fo(s, {
-      onDrop: B
-    }), d = V(() => o.value.filter((T) => T instanceof File)), u = V(() => a.multiple || d.value.length === 0 ? void 0 : h(d.value[0]));
+      onDrop: V
+    }), d = I(() => o.value.filter((T) => T instanceof File)), u = I(() => a.multiple || d.value.length === 0 ? void 0 : h(d.value[0]));
     function y(T) {
       return a.accept.length > 0 ? a.accept.includes(T.type) : !0;
     }
@@ -3483,15 +3483,15 @@ const Al = /* @__PURE__ */ A({
     function m() {
       l.value = void 0, i.value && i.value.click();
     }
-    function S() {
+    function k() {
       i.value && (i.value.value = "");
     }
-    function k(T) {
+    function S(T) {
       var O;
       const J = (O = T.target) == null ? void 0 : O.files;
       !J || J.length === 0 || (l.value ? (M(l.value, Array.from(J)), l.value = void 0) : w(Array.from(J)));
     }
-    function B(T) {
+    function V(T) {
       !T || T.length === 0 || (l.value = void 0, w(T));
     }
     function P(T) {
@@ -3500,7 +3500,7 @@ const Al = /* @__PURE__ */ A({
     function z(T) {
       r.value = v(T), o.value = T;
     }
-    function E(T) {
+    function L(T) {
       z(o.value.filter((J) => J !== T));
     }
     function w(T) {
@@ -3516,7 +3516,7 @@ const Al = /* @__PURE__ */ A({
     return t({
       invalid: r
     }), (T, J) => (f(), g("div", {
-      class: I(["joy-dropzone", {
+      class: E(["joy-dropzone", {
         "joy-dropzone--dragover": K(c),
         "joy-dropzone--invalid": r.value,
         "joy-dropzone--empty": o.value.length === 0
@@ -3535,22 +3535,22 @@ const Al = /* @__PURE__ */ A({
           accept: T.accept.join(","),
           multiple: T.multiple,
           tabindex: "-1",
-          onChange: k,
-          onClick: S
+          onChange: S,
+          onClick: k
         }, null, 40, br),
         b("label", {
           for: T.name,
           class: "joy-dropzone__label"
         }, [
           o.value.length > 0 ? (f(), g("div", wr, [
-            (f(!0), g(Z, null, te(o.value, (O, j) => (f(), L(hr, {
+            (f(!0), g(Z, null, te(o.value, (O, j) => (f(), A(hr, {
               key: `${O.name}_${j}`,
               file: O,
               error: T.multiple ? h(O) : void 0,
               "update-label": T.updateLabel,
               "delete-label": T.deleteLabel,
               onUpdate: (x) => P(O),
-              onDelete: (x) => E(O)
+              onDelete: (x) => L(O)
             }, Lt({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
@@ -3568,7 +3568,7 @@ const Al = /* @__PURE__ */ A({
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : $("", !0),
-          o.value.length === 0 || T.multiple ? (f(), L(Ke, {
+          o.value.length === 0 || T.multiple ? (f(), A(Ke, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -3593,14 +3593,14 @@ const Al = /* @__PURE__ */ A({
       n["dropzone-legend"] ? (f(), g("div", Sr, [
         _(T.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : $("", !0),
-      u.value ? (f(), L(Ft, {
+      u.value ? (f(), A(Ft, {
         key: 1,
         "no-html-error-text": u.value,
         class: "joy-dropzone__error"
       }, null, 8, ["no-html-error-text"])) : $("", !0)
     ], 2));
   }
-}), xc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-ee77e9fc"]]), $r = ["aria-label"], jr = { class: "joy-filter-bar__wrapper" }, Cr = /* @__PURE__ */ A({
+}), Cc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-ee77e9fc"]]), $r = ["aria-label"], jr = { class: "joy-filter-bar__wrapper" }, Cr = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3617,7 +3617,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 8, $r));
   }
-}), Tc = /* @__PURE__ */ F(Cr, [["__scopeId", "data-v-cb769d05"]]), xr = /* @__PURE__ */ A({
+}), xc = /* @__PURE__ */ F(Cr, [["__scopeId", "data-v-cb769d05"]]), xr = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3640,12 +3640,12 @@ const Al = /* @__PURE__ */ A({
     }
     return (l, s) => (f(), g("button", {
       type: "button",
-      class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
+      class: E(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: r
     }, [
       H(R(e.label) + " ", 1),
       _(l.$slots, "default", {}, void 0, !0),
-      K(o) ? (f(), L(X, {
+      K(o) ? (f(), A(X, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3654,7 +3654,7 @@ const Al = /* @__PURE__ */ A({
       })) : $("", !0)
     ], 2));
   }
-}), Vc = /* @__PURE__ */ F(xr, [["__scopeId", "data-v-44f9dbfc"]]), Tr = { class: "joy-footer" }, Vr = { class: "joy-footer__left" }, Ir = { class: "joy-footer__right" }, Er = /* @__PURE__ */ A({
+}), Tc = /* @__PURE__ */ F(xr, [["__scopeId", "data-v-44f9dbfc"]]), Tr = { class: "joy-footer" }, Vr = { class: "joy-footer__left" }, Ir = { class: "joy-footer__right" }, Er = /* @__PURE__ */ B({
   __name: "VJoyFooter",
   setup(e) {
     return (t, n) => (f(), g("footer", Tr, [
@@ -3666,7 +3666,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), Ic = /* @__PURE__ */ F(Er, [["__scopeId", "data-v-e1cd31ef"]]), Lr = /* @__PURE__ */ A({
+}), Vc = /* @__PURE__ */ F(Er, [["__scopeId", "data-v-e1cd31ef"]]), Lr = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3686,7 +3686,7 @@ const Al = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = De("VJoyWrapperContext", {}), o = V(() => {
+    const n = e, a = De("VJoyWrapperContext", {}), o = I(() => {
       const r = a.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const i = ["1", "0"];
@@ -3697,16 +3697,16 @@ const Al = /* @__PURE__ */ A({
     });
     return t({ flexStyle: o }), (r, l) => (f(), g("div", {
       "aria-hidden": "true",
-      class: I(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
+      class: E(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: se({
         "max-width": e.width,
         flex: o.value
       })
     }, null, 6));
   }
-}), Ec = /* @__PURE__ */ F(Lr, [["__scopeId", "data-v-235a3b9e"]]), Ar = { class: "joy-funnel__header" }, Br = { class: "funnel__header__inner" }, Fr = { class: "joy-funnel__stepper" }, Nr = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-ef6c5019><div class="shape_1" data-v-ef6c5019></div><div class="shape_2" data-v-ef6c5019></div><div class="shape_3" data-v-ef6c5019></div><div class="shape_4" data-v-ef6c5019></div></div>', 1), zr = [
+}), Ic = /* @__PURE__ */ F(Lr, [["__scopeId", "data-v-235a3b9e"]]), Ar = { class: "joy-funnel__header" }, Br = { class: "funnel__header__inner" }, Fr = { class: "joy-funnel__stepper" }, Nr = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-ef6c5019><div class="shape_1" data-v-ef6c5019></div><div class="shape_2" data-v-ef6c5019></div><div class="shape_3" data-v-ef6c5019></div><div class="shape_4" data-v-ef6c5019></div></div>', 1), zr = [
   Nr
-], Pr = { class: "joy-funnel__footer" }, Or = /* @__PURE__ */ A({
+], Pr = { class: "joy-funnel__footer" }, Or = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3731,13 +3731,13 @@ const Al = /* @__PURE__ */ A({
       const i = s.currentTarget;
       n.value = i.scrollTop === 0;
     }
-    const r = V(() => !!a["funnel-stepper"]), l = V(() => a["funnel-footer"] ? a["funnel-footer"]().length > 0 : !1);
+    const r = I(() => !!a["funnel-stepper"]), l = I(() => a["funnel-footer"] ? a["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: n,
       hasStepperSlot: r,
       hasFooterSlot: l
     }), (s, i) => (f(), g("div", {
-      class: I([
+      class: E([
         "joy-funnel",
         {
           "joy-funnel--no-border": n.value,
@@ -3755,7 +3755,7 @@ const Al = /* @__PURE__ */ A({
       ]),
       e.hideShapes ? $("", !0) : (f(), g("div", {
         key: 0,
-        class: I([
+        class: E([
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
@@ -3768,7 +3768,7 @@ const Al = /* @__PURE__ */ A({
         onScroll: o
       }, [
         b("div", {
-          class: I(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+          class: E(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
           _(s.$slots, "default", {}, void 0, !0)
         ], 2)
@@ -3778,7 +3778,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 2));
   }
-}), Lc = /* @__PURE__ */ F(Or, [["__scopeId", "data-v-ef6c5019"]]), Dr = { class: "joy-funnel-footer" }, Rr = { class: "joy-funnel-footer__left" }, Mr = { class: "joy-funnel-footer__right" }, Jr = /* @__PURE__ */ A({
+}), Ec = /* @__PURE__ */ F(Or, [["__scopeId", "data-v-ef6c5019"]]), Dr = { class: "joy-funnel-footer" }, Rr = { class: "joy-funnel-footer__left" }, Mr = { class: "joy-funnel-footer__right" }, Jr = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, n) => (f(), g("footer", Dr, [
@@ -3790,7 +3790,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), Ac = /* @__PURE__ */ F(Jr, [["__scopeId", "data-v-bdeeb2bd"]]), qr = { class: "joy-header" }, Hr = { class: "joy-header__left" }, Wr = { class: "joy-header__right" }, Ur = /* @__PURE__ */ A({
+}), Lc = /* @__PURE__ */ F(Jr, [["__scopeId", "data-v-bdeeb2bd"]]), qr = { class: "joy-header" }, Hr = { class: "joy-header__left" }, Wr = { class: "joy-header__right" }, Ur = /* @__PURE__ */ B({
   __name: "VJoyHeader",
   setup(e) {
     return (t, n) => (f(), g("header", qr, [
@@ -3802,7 +3802,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), Bc = /* @__PURE__ */ F(Ur, [["__scopeId", "data-v-7928856e"]]), Kr = { class: "joy-highlight__decorator" }, Gr = { class: "joy-highlight__text" }, Yr = { key: 0 }, Zr = /* @__PURE__ */ A({
+}), Ac = /* @__PURE__ */ F(Ur, [["__scopeId", "data-v-7928856e"]]), Kr = { class: "joy-highlight__decorator" }, Gr = { class: "joy-highlight__text" }, Yr = { key: 0 }, Zr = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3829,11 +3829,11 @@ const Al = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = V(() => n.icon ? n.icon : pn(n.level));
+    const n = e, a = I(() => n.icon ? n.icon : pn(n.level));
     return t({
       getRelevantIcon: a
     }), (o, r) => (f(), g("div", {
-      class: I([
+      class: E([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         `joy-highlight_${e.variant}`,
@@ -3845,7 +3845,7 @@ const Al = /* @__PURE__ */ A({
     }, [
       b("div", Kr, [
         _(o.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (f(), L(X, {
+          e.displayIcon ? (f(), A(X, {
             key: 0,
             name: a.value
           }, null, 8, ["name"])) : $("", !0)
@@ -3859,7 +3859,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 2));
   }
-}), Fc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-53c18803"]]), Xr = ["aria-label"], Qr = /* @__PURE__ */ A({
+}), Bc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-53c18803"]]), Xr = ["aria-label"], Qr = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3883,16 +3883,16 @@ const Al = /* @__PURE__ */ A({
   },
   setup(e) {
     return (t, n) => (f(), g("li", {
-      class: I(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
+      class: E(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
       b("button", {
         type: "button",
-        class: I(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
+        class: E(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
       }, null, 10, Xr)
     ], 2));
   }
-}), ei = /* @__PURE__ */ F(Qr, [["__scopeId", "data-v-2babb982"]]), ti = /* @__PURE__ */ A({
+}), ei = /* @__PURE__ */ F(Qr, [["__scopeId", "data-v-2babb982"]]), ti = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3905,7 +3905,7 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = ne(), l = C(a.modelValue), s = V(() => {
+    const a = e, o = n, r = ne(), l = C(a.modelValue), s = I(() => {
       const u = r.default();
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(c) : u.filter(c);
     });
@@ -3928,9 +3928,9 @@ const Al = /* @__PURE__ */ A({
       indicators: s,
       isSelected: i
     }), (u, y) => (f(), g("ul", {
-      class: I(["joy-indicators", `joy-indicators--${e.variant}`])
+      class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (f(!0), g(Z, null, te(s.value, (p) => (f(), L(ei, ee({
+      (f(!0), g(Z, null, te(s.value, (p) => (f(), A(ei, ee({
         key: p.props.value,
         ref_for: !0
       }, { ...p.props, variant: e.variant }, {
@@ -3939,7 +3939,7 @@ const Al = /* @__PURE__ */ A({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), Nc = /* @__PURE__ */ F(ti, [["__scopeId", "data-v-f2dd63e9"]]), ni = ["id", "name", "required", "disabled", "readonly", "type", "value"], ai = ["data-unit"], oi = /* @__PURE__ */ A({
+}), Fc = /* @__PURE__ */ F(ti, [["__scopeId", "data-v-f2dd63e9"]]), ni = ["id", "name", "required", "disabled", "readonly", "type", "value"], ai = ["data-unit"], oi = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4017,48 +4017,48 @@ const Al = /* @__PURE__ */ A({
   setup(e, { expose: t, emit: n }) {
     const a = n, o = e, r = De("VJoyWrapperContext", {}), l = C(), s = C(), i = Ee(), c = ne(), d = C(!1), u = C(!1);
     Nt(l, o.autofocus);
-    const y = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), p = V(() => c.default && c.default()), v = V(() => Object.keys(r).length > 0), h = C(o.type), m = V(() => o.type === "password" && !!o.modelValue);
+    const y = I(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), p = I(() => c.default && c.default()), v = I(() => Object.keys(r).length > 0), h = C(o.type), m = I(() => o.type === "password" && !!o.modelValue);
     ua(() => {
       h.value = o.unit ? "number" : o.type;
     });
-    function S() {
-      var B;
-      o.readonly || (B = l.value) == null || B.focus();
+    function k() {
+      var V;
+      o.readonly || (V = l.value) == null || V.focus();
     }
-    const k = {
+    const S = {
       onFocus: () => {
         o.readonly || (d.value = !0);
       },
       onBlur: () => {
         d.value = !1;
       },
-      onWheelScroll(B) {
-        B.preventDefault();
+      onWheelScroll(V) {
+        V.preventDefault();
       },
-      onInput: (B) => {
-        let P = B.target.value;
+      onInput: (V) => {
+        let P = V.target.value;
         o.modelModifiers.lazy || a("update:modelValue", P);
       },
-      onChange: (B) => {
-        let P = B.target.value;
+      onChange: (V) => {
+        let P = V.target.value;
         o.modelModifiers.lazy && a("update:modelValue", P);
       },
       clearValue: () => {
         o.disabled || a("update:modelValue", "");
       },
-      togglePassword: (B) => {
-        B.preventDefault(), u.value = !u.value, u.value ? h.value = "text" : h.value = "password";
+      togglePassword: (V) => {
+        V.preventDefault(), u.value = !u.value, u.value ? h.value = "text" : h.value = "password";
       }
     };
     return t({
-      focus: S
-    }), (B, P) => (f(), g("div", {
+      focus: k
+    }), (V, P) => (f(), g("div", {
       ref_key: "root",
       ref: s,
-      class: I([`joy-input--${o.size}`])
+      class: E([`joy-input--${o.size}`])
     }, [
       b("div", {
-        class: I([
+        class: E([
           "joy-input",
           {
             "joy-input--focusing": d.value,
@@ -4069,7 +4069,7 @@ const Al = /* @__PURE__ */ A({
           }
         ])
       }, [
-        p.value || e.label ? (f(), L(Le, {
+        p.value || e.label ? (f(), A(Le, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -4077,14 +4077,14 @@ const Al = /* @__PURE__ */ A({
           size: e.labelSize
         }, {
           default: D(() => [
-            _(B.$slots, "default", {}, () => [
+            _(V.$slots, "default", {}, () => [
               H(R(e.label), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : $("", !0),
         b("div", {
-          class: I([
+          class: E([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
@@ -4094,7 +4094,7 @@ const Al = /* @__PURE__ */ A({
             }
           ])
         }, [
-          b("input", ee(B.$attrs, {
+          b("input", ee(V.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: l,
@@ -4111,32 +4111,32 @@ const Al = /* @__PURE__ */ A({
             type: h.value,
             value: e.modelValue,
             onFocus: P[0] || (P[0] = //@ts-ignore
-            (...z) => k.onFocus && k.onFocus(...z)),
+            (...z) => S.onFocus && S.onFocus(...z)),
             onBlur: P[1] || (P[1] = //@ts-ignore
-            (...z) => k.onBlur && k.onBlur(...z)),
+            (...z) => S.onBlur && S.onBlur(...z)),
             onInput: P[2] || (P[2] = //@ts-ignore
-            (...z) => k.onInput && k.onInput(...z)),
+            (...z) => S.onInput && S.onInput(...z)),
             onChange: P[3] || (P[3] = //@ts-ignore
-            (...z) => k.onChange && k.onChange(...z)),
+            (...z) => S.onChange && S.onChange(...z)),
             onWheel: P[4] || (P[4] = //@ts-ignore
-            (...z) => k.onWheelScroll && k.onWheelScroll(...z))
+            (...z) => S.onWheelScroll && S.onWheelScroll(...z))
           }), null, 16, ni),
-          y.value ? (f(), L(ue, {
+          y.value ? (f(), A(ue, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: k.clearValue
+            onClick: S.clearValue
           }, null, 8, ["onClick"])) : $("", !0),
-          m.value ? (f(), L(X, {
+          m.value ? (f(), A(X, {
             key: 1,
             class: "joy-input--password-icon",
             name: u.value ? "eye-masked" : "eye",
-            onClick: k.togglePassword
+            onClick: S.togglePassword
           }, null, 8, ["name", "onClick"])) : $("", !0),
-          e.icon ? (f(), L(X, {
+          e.icon ? (f(), A(X, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -4150,7 +4150,7 @@ const Al = /* @__PURE__ */ A({
       ], 2)
     ], 2));
   }
-}), zc = /* @__PURE__ */ F(oi, [["__scopeId", "data-v-d3a103e3"]]), li = ["href"], ri = /* @__PURE__ */ A({
+}), Nc = /* @__PURE__ */ F(oi, [["__scopeId", "data-v-d3a103e3"]]), li = ["href"], ri = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4168,7 +4168,7 @@ const Al = /* @__PURE__ */ A({
     return (t, n) => (f(), g("a", ee({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (f(), L(X, {
+      e.icon ? (f(), A(X, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : $("", !0),
@@ -4177,7 +4177,7 @@ const Al = /* @__PURE__ */ A({
       ], !0)
     ], 16, li));
   }
-}), Pc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-8dcab8fb"]]), ii = ["tabindex", "aria-activedescendant", "aria-label"], si = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ui = { "aria-hidden": "true" }, ci = /* @__PURE__ */ A({
+}), zc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-8dcab8fb"]]), ii = ["tabindex", "aria-activedescendant", "aria-label"], si = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ui = { "aria-hidden": "true" }, ci = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4247,7 +4247,7 @@ const Al = /* @__PURE__ */ A({
       (f(!0), g(Z, null, te(e.items, (v) => (f(), g("li", {
         id: c(v),
         key: v.label,
-        class: I([
+        class: E([
           "joy-menu-list__item",
           {
             "joy-menu-list__item--current": v.current,
@@ -4265,7 +4265,7 @@ const Al = /* @__PURE__ */ A({
       }, [
         b("div", ui, [
           _(y.$slots, "menu-item", ee({ ref_for: !0 }, v), () => [
-            v.icon ? (f(), L(X, {
+            v.icon ? (f(), A(X, {
               key: 0,
               name: v.icon
             }, null, 8, ["name"])) : $("", !0),
@@ -4275,9 +4275,9 @@ const Al = /* @__PURE__ */ A({
       ], 42, si))), 128))
     ], 40, ii));
   }
-}), Oc = /* @__PURE__ */ F(ci, [["__scopeId", "data-v-782c4573"]]), di = ["id"], fi = {
-  class: /* @__PURE__ */ I(["joy-multi-checkbox"])
-}, vi = /* @__PURE__ */ A({
+}), Pc = /* @__PURE__ */ F(ci, [["__scopeId", "data-v-782c4573"]]), di = ["id"], fi = {
+  class: /* @__PURE__ */ E(["joy-multi-checkbox"])
+}, vi = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     /** To render the list of checkboxes you have to use this property. See "Controls" for object model */
@@ -4327,7 +4327,7 @@ const Al = /* @__PURE__ */ A({
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (f(), L(Le, {
+      e.label ? (f(), A(Le, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4340,7 +4340,7 @@ const Al = /* @__PURE__ */ A({
         _: 1
       }, 8, ["required", "optional-label", "size"])) : $("", !0),
       b("div", fi, [
-        (f(!0), g(Z, null, te(e.options, (i) => (f(), L(wn, {
+        (f(!0), g(Z, null, te(e.options, (i) => (f(), A(wn, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4358,7 +4358,7 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 8, di));
   }
-}), Dc = /* @__PURE__ */ F(vi, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ A({
+}), Oc = /* @__PURE__ */ F(vi, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4376,7 +4376,7 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (f(), L(ue, {
+    return (t, n) => (f(), A(ue, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -4389,7 +4389,7 @@ const Al = /* @__PURE__ */ A({
       onClick: n[0] || (n[0] = (a) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), yi = ["aria-label", "data-current"], pi = ["onClick"], mi = ["aria-current"], hi = 6, bi = /* @__PURE__ */ A({
+}), yi = ["aria-label", "data-current"], pi = ["onClick"], mi = ["aria-current"], hi = 6, bi = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4420,10 +4420,10 @@ const Al = /* @__PURE__ */ A({
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => {
+    const n = e, a = t, o = I(() => {
       const d = l.value.length;
       return l.value[d - 1] !== l.value[d - 2] + 1;
-    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < hi ? i(2, n.totalPages - 1) : c(n.currentPage));
+    }), r = I(() => l.value[0] !== l.value[1] - 1), l = I(() => n.totalPages === 1 ? [1] : n.totalPages < hi ? i(2, n.totalPages - 1) : c(n.currentPage));
     function s(d, u) {
       n.currentPage === 1 && u === "prev" || n.currentPage === n.totalPages && u === "next" || a("update:current-page", d);
     }
@@ -4460,7 +4460,7 @@ const Al = /* @__PURE__ */ A({
           b("ul", null, [
             (f(!0), g(Z, null, te(l.value, (y) => (f(), g("li", {
               key: y,
-              class: I({
+              class: E({
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: y === e.currentPage,
@@ -4493,10 +4493,10 @@ const Al = /* @__PURE__ */ A({
       ])
     ], 8, yi));
   }
-}), Rc = /* @__PURE__ */ F(bi, [["__scopeId", "data-v-7e82041f"]]), gi = { class: "joy-screen-loader__content" }, wi = {
+}), Dc = /* @__PURE__ */ F(bi, [["__scopeId", "data-v-7e82041f"]]), gi = { class: "joy-screen-loader__content" }, wi = {
   key: 0,
   class: "joy-screen-loader__content"
-}, _i = /* @__PURE__ */ A({
+}, _i = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4512,7 +4512,7 @@ const Al = /* @__PURE__ */ A({
   },
   setup(e) {
     return (t, n) => (f(), g("div", {
-      class: I(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
+      class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       b("div", gi, [
         _(t.$slots, "spinner", {}, () => [
@@ -4528,7 +4528,7 @@ const Al = /* @__PURE__ */ A({
   }
 }), In = /* @__PURE__ */ F(_i, [["__scopeId", "data-v-266b7e2a"]]), Si = {
   key: 0,
-  class: /* @__PURE__ */ I(["joy-panel__header"])
+  class: /* @__PURE__ */ E(["joy-panel__header"])
 }, ki = {
   key: 1,
   class: "joy-panel__header-action"
@@ -4538,7 +4538,7 @@ const Al = /* @__PURE__ */ A({
 }, ji = { class: "joy-panel__body" }, Ci = {
   key: 1,
   class: "joy-panel__footer"
-}, xi = /* @__PURE__ */ A({
+}, xi = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4570,12 +4570,12 @@ const Al = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = De("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = ne(), o = C(), r = V(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
+    const t = De("VJoyWrapperContext", {}), n = I(() => Object.keys(t).length > 0), a = ne(), o = C(), r = I(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
     return (l, s) => (f(), g("section", {
       ref_key: "panel",
       ref: o,
       style: se({ flex: e.flex }),
-      class: I([
+      class: E([
         "joy-panel",
         `joy-panel--${e.padding}`,
         `joy-panel--${e.variant}`,
@@ -4588,7 +4588,7 @@ const Al = /* @__PURE__ */ A({
       r.value ? (f(), g("header", Si, [
         a["panel-title"] ? (f(), g("div", {
           key: 0,
-          class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
+          class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           _(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : $("", !0),
@@ -4605,7 +4605,7 @@ const Al = /* @__PURE__ */ A({
       a["panel-action"] ? (f(), g("footer", Ci, [
         _(l.$slots, "panel-action", {}, void 0, !0)
       ])) : $("", !0),
-      e.loading ? (f(), L(In, {
+      e.loading ? (f(), A(In, {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -4617,13 +4617,13 @@ const Al = /* @__PURE__ */ A({
       }, 8, ["color"])) : $("", !0)
     ], 6));
   }
-}), Mc = /* @__PURE__ */ F(xi, [["__scopeId", "data-v-bf00f207"]]), Ti = { class: "joy-panel-section" }, Vi = {
+}), Rc = /* @__PURE__ */ F(xi, [["__scopeId", "data-v-bf00f207"]]), Ti = { class: "joy-panel-section" }, Vi = {
   key: 0,
   class: "joy-panel-section__title"
 }, Ii = {
   key: 1,
   class: "joy-panel-section__content"
-}, Ei = /* @__PURE__ */ A({
+}, Ei = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = ne();
@@ -4636,7 +4636,7 @@ const Al = /* @__PURE__ */ A({
       ])) : $("", !0)
     ]));
   }
-}), Jc = /* @__PURE__ */ F(Ei, [["__scopeId", "data-v-d88510ab"]]), Li = {}, Ai = { class: "joy-product-tour-spotlight" };
+}), Mc = /* @__PURE__ */ F(Ei, [["__scopeId", "data-v-d88510ab"]]), Li = {}, Ai = { class: "joy-product-tour-spotlight" };
 function Bi(e, t) {
   return f(), g("div", Ai);
 }
@@ -4808,13 +4808,13 @@ const qi = async (e, t, n) => {
   for (let h = 0; h < s.length; h++) {
     const {
       name: m,
-      fn: S
+      fn: k
     } = s[h], {
-      x: k,
-      y: B,
+      x: S,
+      y: V,
       data: P,
       reset: z
-    } = await S({
+    } = await k({
       x: d,
       y: u,
       initialPlacement: a,
@@ -4828,7 +4828,7 @@ const qi = async (e, t, n) => {
         floating: t
       }
     });
-    d = k ?? d, u = B ?? u, p = {
+    d = S ?? d, u = V ?? u, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -4867,17 +4867,17 @@ async function Ln(e, t) {
     elementContext: u = "floating",
     altBoundary: y = !1,
     padding: p = 0
-  } = Te(t, e), v = En(p), m = s[y ? u === "floating" ? "reference" : "floating" : u], S = ft(await r.getClippingRect({
+  } = Te(t, e), v = En(p), m = s[y ? u === "floating" ? "reference" : "floating" : u], k = ft(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(m))) == null || n ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
     boundary: c,
     rootBoundary: d,
     strategy: i
-  })), k = u === "floating" ? {
+  })), S = u === "floating" ? {
     x: a,
     y: o,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, B = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(B)) ? await (r.getScale == null ? void 0 : r.getScale(B)) || {
+  } : l.reference, V = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(V)) ? await (r.getScale == null ? void 0 : r.getScale(V)) || {
     x: 1,
     y: 1
   } : {
@@ -4885,15 +4885,15 @@ async function Ln(e, t) {
     y: 1
   }, z = ft(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: k,
-    offsetParent: B,
+    rect: S,
+    offsetParent: V,
     strategy: i
-  }) : k);
+  }) : S);
   return {
-    top: (S.top - z.top + v.top) / P.y,
-    bottom: (z.bottom - S.bottom + v.bottom) / P.y,
-    left: (S.left - z.left + v.left) / P.x,
-    right: (z.right - S.right + v.right) / P.x
+    top: (k.top - z.top + v.top) / P.y,
+    bottom: (z.bottom - k.bottom + v.bottom) / P.y,
+    left: (k.left - z.left + v.left) / P.x,
+    right: (z.right - k.right + v.right) / P.x
   };
 }
 const Hi = (e) => ({
@@ -4917,10 +4917,10 @@ const Hi = (e) => ({
     const u = En(d), y = {
       x: n,
       y: a
-    }, p = Ot(o), v = Pt(p), h = await l.getDimensions(c), m = p === "y", S = m ? "top" : "left", k = m ? "bottom" : "right", B = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], E = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
-    let w = E ? E[B] : 0;
-    (!w || !await (l.isElement == null ? void 0 : l.isElement(E))) && (w = s.floating[B] || r.floating[v]);
-    const M = P / 2 - z / 2, T = w / 2 - h[v] / 2 - 1, J = $t(u[S], T), O = $t(u[k], T), j = J, x = w - h[v] - O, N = w / 2 - h[v] / 2 + M, W = jt(j, N, x), q = !i.arrow && et(o) != null && N !== W && r.reference[v] / 2 - (N < j ? J : O) - h[v] / 2 < 0, U = q ? N < j ? N - j : N - x : 0;
+    }, p = Ot(o), v = Pt(p), h = await l.getDimensions(c), m = p === "y", k = m ? "top" : "left", S = m ? "bottom" : "right", V = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], L = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    let w = L ? L[V] : 0;
+    (!w || !await (l.isElement == null ? void 0 : l.isElement(L))) && (w = s.floating[V] || r.floating[v]);
+    const M = P / 2 - z / 2, T = w / 2 - h[v] / 2 - 1, J = $t(u[k], T), O = $t(u[S], T), j = J, x = w - h[v] - O, N = w / 2 - h[v] / 2 + M, W = jt(j, N, x), q = !i.arrow && et(o) != null && N !== W && r.reference[v] / 2 - (N < j ? J : O) - h[v] / 2 < 0, U = q ? N < j ? N - j : N - x : 0;
     return {
       [p]: y[p] + U,
       data: {
@@ -4957,11 +4957,11 @@ const Hi = (e) => ({
       } = Te(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const S = ge(o), k = Ve(s), B = ge(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), z = y || (B || !h ? [dt(s)] : Di(s)), E = v !== "none";
-      !y && E && z.push(...Mi(s, h, v, P));
+      const k = ge(o), S = Ve(s), V = ge(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), z = y || (V || !h ? [dt(s)] : Di(s)), L = v !== "none";
+      !y && L && z.push(...Mi(s, h, v, P));
       const w = [s, ...z], M = await Ln(t, m), T = [];
       let J = ((a = r.flip) == null ? void 0 : a.overflows) || [];
-      if (d && T.push(M[S]), u) {
+      if (d && T.push(M[k]), u) {
         const N = Oi(o, l, P);
         T.push(M[N[0]], M[N[1]]);
       }
@@ -4987,9 +4987,9 @@ const Hi = (e) => ({
             case "bestFit": {
               var x;
               const U = (x = J.filter((Y) => {
-                if (E) {
+                if (L) {
                   const Q = Ve(Y.placement);
-                  return Q === k || // Create a bias to the `y` side axis due to horizontal
+                  return Q === S || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   Q === "y";
                 }
@@ -5078,12 +5078,12 @@ const Bn = function(e) {
         limiter: s = {
           fn: (m) => {
             let {
-              x: S,
-              y: k
+              x: k,
+              y: S
             } = m;
             return {
-              x: S,
-              y: k
+              x: k,
+              y: S
             };
           }
         },
@@ -5094,12 +5094,12 @@ const Bn = function(e) {
       }, d = await Ln(t, i), u = Ve(ge(o)), y = zt(u);
       let p = c[y], v = c[u];
       if (r) {
-        const m = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + d[m], B = p - d[S];
-        p = jt(k, p, B);
+        const m = y === "y" ? "top" : "left", k = y === "y" ? "bottom" : "right", S = p + d[m], V = p - d[k];
+        p = jt(S, p, V);
       }
       if (l) {
-        const m = u === "y" ? "top" : "left", S = u === "y" ? "bottom" : "right", k = v + d[m], B = v - d[S];
-        v = jt(k, v, B);
+        const m = u === "y" ? "top" : "left", k = u === "y" ? "bottom" : "right", S = v + d[m], V = v - d[k];
+        v = jt(S, v, V);
       }
       const h = s.fn({
         ...t,
@@ -5143,13 +5143,13 @@ const Bn = function(e) {
         ...h
       };
       if (i) {
-        const B = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[B] + m.mainAxis, z = r.reference[y] + r.reference[B] - m.mainAxis;
+        const V = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[V] + m.mainAxis, z = r.reference[y] + r.reference[V] - m.mainAxis;
         p < P ? p = P : p > z && (p = z);
       }
       if (c) {
-        var S, k;
-        const B = y === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), z = r.reference[u] - r.floating[B] + (P && ((S = l.offset) == null ? void 0 : S[u]) || 0) + (P ? 0 : m.crossAxis), E = r.reference[u] + r.reference[B] + (P ? 0 : ((k = l.offset) == null ? void 0 : k[u]) || 0) - (P ? m.crossAxis : 0);
-        v < z ? v = z : v > E && (v = E);
+        var k, S;
+        const V = y === "y" ? "width" : "height", P = ["top", "left"].includes(ge(o)), z = r.reference[u] - r.floating[V] + (P && ((k = l.offset) == null ? void 0 : k[u]) || 0) + (P ? 0 : m.crossAxis), L = r.reference[u] + r.reference[V] + (P ? 0 : ((S = l.offset) == null ? void 0 : S[u]) || 0) - (P ? m.crossAxis : 0);
+        v < z ? v = z : v > L && (v = L);
       }
       return {
         [y]: p,
@@ -5299,8 +5299,8 @@ function Ie(e, t, n, a) {
     const y = ce(r), p = a && ye(a) ? ce(a) : a;
     let v = y.frameElement;
     for (; v && a && p !== y; ) {
-      const h = Pe(v), m = v.getBoundingClientRect(), S = de(v), k = m.left + (v.clientLeft + parseFloat(S.paddingLeft)) * h.x, B = m.top + (v.clientTop + parseFloat(S.paddingTop)) * h.y;
-      i *= h.x, c *= h.y, d *= h.x, u *= h.y, i += k, c += B, v = ce(v).frameElement;
+      const h = Pe(v), m = v.getBoundingClientRect(), k = de(v), S = m.left + (v.clientLeft + parseFloat(k.paddingLeft)) * h.x, V = m.top + (v.clientTop + parseFloat(k.paddingTop)) * h.y;
+      i *= h.x, c *= h.y, d *= h.x, u *= h.y, i += S, c += V, v = ce(v).frameElement;
     }
   }
   return ft({
@@ -5511,30 +5511,30 @@ function us(e, t) {
     } = e.getBoundingClientRect();
     if (s || t(), !u || !y)
       return;
-    const p = ot(d), v = ot(o.clientWidth - (c + u)), h = ot(o.clientHeight - (d + y)), m = ot(c), k = {
+    const p = ot(d), v = ot(o.clientWidth - (c + u)), h = ot(o.clientHeight - (d + y)), m = ot(c), S = {
       rootMargin: -p + "px " + -v + "px " + -h + "px " + -m + "px",
       threshold: ze(0, xt(1, i)) || 1
     };
-    let B = !0;
+    let V = !0;
     function P(z) {
-      const E = z[0].intersectionRatio;
-      if (E !== i) {
-        if (!B)
+      const L = z[0].intersectionRatio;
+      if (L !== i) {
+        if (!V)
           return l();
-        E ? l(!1, E) : a = setTimeout(() => {
+        L ? l(!1, L) : a = setTimeout(() => {
           l(!1, 1e-7);
         }, 100);
       }
-      B = !1;
+      V = !1;
     }
     try {
       n = new IntersectionObserver(P, {
-        ...k,
+        ...S,
         // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(P, k);
+      n = new IntersectionObserver(P, S);
     }
     n.observe(e);
   }
@@ -5549,28 +5549,28 @@ function cs(e, t, n, a) {
     layoutShift: s = typeof IntersectionObserver == "function",
     animationFrame: i = !1
   } = a, c = Mt(e), d = o || r ? [...c ? Ge(c) : [], ...Ge(t)] : [];
-  d.forEach((S) => {
-    o && S.addEventListener("scroll", n, {
+  d.forEach((k) => {
+    o && k.addEventListener("scroll", n, {
       passive: !0
-    }), r && S.addEventListener("resize", n);
+    }), r && k.addEventListener("resize", n);
   });
   const u = c && s ? us(c, n) : null;
   let y = -1, p = null;
-  l && (p = new ResizeObserver((S) => {
-    let [k] = S;
-    k && k.target === c && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+  l && (p = new ResizeObserver((k) => {
+    let [S] = k;
+    S && S.target === c && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
       p && p.observe(t);
     })), n();
   }), c && !i && p.observe(c), p.observe(t));
   let v, h = i ? Ie(e) : null;
   i && m();
   function m() {
-    const S = Ie(e);
-    h && (S.x !== h.x || S.y !== h.y || S.width !== h.width || S.height !== h.height) && n(), h = S, v = requestAnimationFrame(m);
+    const k = Ie(e);
+    h && (k.x !== h.x || k.y !== h.y || k.width !== h.width || k.height !== h.height) && n(), h = k, v = requestAnimationFrame(m);
   }
   return n(), () => {
-    d.forEach((S) => {
-      o && S.removeEventListener("scroll", n), r && S.removeEventListener("resize", n);
+    d.forEach((k) => {
+      o && k.removeEventListener("scroll", n), r && k.removeEventListener("resize", n);
     }), u && u(), p && p.disconnect(), p = null, i && cancelAnimationFrame(v);
   };
 }
@@ -5632,19 +5632,19 @@ function sn(e, t) {
 }
 function Un(e, t, n) {
   n === void 0 && (n = {});
-  const a = n.whileElementsMounted, o = V(() => {
+  const a = n.whileElementsMounted, o = I(() => {
     var w;
     return (w = Fe(n.open)) != null ? w : !0;
-  }), r = V(() => Fe(n.middleware)), l = V(() => {
+  }), r = I(() => Fe(n.middleware)), l = I(() => {
     var w;
     return (w = Fe(n.placement)) != null ? w : "bottom";
-  }), s = V(() => {
+  }), s = I(() => {
     var w;
     return (w = Fe(n.strategy)) != null ? w : "absolute";
-  }), i = V(() => {
+  }), i = I(() => {
     var w;
     return (w = Fe(n.transform)) != null ? w : !0;
-  }), c = V(() => Tt(e.value)), d = V(() => Tt(t.value)), u = C(0), y = C(0), p = C(s.value), v = C(l.value), h = dn({}), m = C(!1), S = V(() => {
+  }), c = I(() => Tt(e.value)), d = I(() => Tt(t.value)), u = C(0), y = C(0), p = C(s.value), v = C(l.value), h = dn({}), m = C(!1), k = I(() => {
     const w = {
       position: p.value,
       left: "0",
@@ -5665,8 +5665,8 @@ function Un(e, t, n) {
       top: T + "px"
     };
   });
-  let k;
-  function B() {
+  let S;
+  function V() {
     c.value == null || d.value == null || ds(c.value, d.value, {
       middleware: r.value,
       placement: l.value,
@@ -5676,26 +5676,26 @@ function Un(e, t, n) {
     });
   }
   function P() {
-    typeof k == "function" && (k(), k = void 0);
+    typeof S == "function" && (S(), S = void 0);
   }
   function z() {
     if (P(), a === void 0) {
-      B();
+      V();
       return;
     }
     if (c.value != null && d.value != null) {
-      k = a(c.value, d.value, B);
+      S = a(c.value, d.value, V);
       return;
     }
   }
-  function E() {
+  function L() {
     o.value || (m.value = !1);
   }
-  return ae([r, l, s], B, {
+  return ae([r, l, s], V, {
     flush: "sync"
   }), ae([c, d], z, {
     flush: "sync"
-  }), ae(o, E, {
+  }), ae(o, L, {
     flush: "sync"
   }), Vt() && It(P), {
     x: Ae(u),
@@ -5704,8 +5704,8 @@ function Un(e, t, n) {
     placement: Ae(v),
     middlewareData: Ae(h),
     isPositioned: Ae(m),
-    floatingStyles: S,
-    update: B
+    floatingStyles: k,
+    update: V
   };
 }
 const ps = () => {
@@ -5723,7 +5723,7 @@ const ps = () => {
 }, Kn = ps(), ms = { class: "joy-product-tour__content" }, hs = { class: "joy-product-tour__header" }, bs = {
   key: 0,
   class: "joy-product-tour__footer"
-}, gs = { class: "joy-product-tour__footer___steps" }, ws = "joy-product-tour-spotlight__wrapper", _s = /* @__PURE__ */ A({
+}, gs = { class: "joy-product-tour__footer___steps" }, ws = "joy-product-tour-spotlight__wrapper", _s = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5756,7 +5756,7 @@ const ps = () => {
           Hn({ element: y, padding: 0 })
         ]
       })
-    ), v = V(() => {
+    ), v = I(() => {
       const { middlewareData: w, placement: M } = p.value, T = w.arrow, J = {
         top: "bottom",
         right: "left",
@@ -5773,21 +5773,21 @@ const ps = () => {
     });
     function h() {
       var w;
-      o.spotlightSelector && document.body.contains(document.querySelector(o.spotlightSelector)) && (i.value = document.querySelector(o.spotlightSelector), S({
+      o.spotlightSelector && document.body.contains(document.querySelector(o.spotlightSelector)) && (i.value = document.querySelector(o.spotlightSelector), k({
         elementToHighlight: i.value,
         disableOverlay: o.disableOverlay
       }), (w = p.value) == null || w.update(), u.value = !0);
     }
     function m() {
-      u.value = !1, r(), E(), a("product-tour:hide");
+      u.value = !1, r(), L(), a("product-tour:hide");
     }
-    function S(w) {
-      i.value && (w.disableOverlay || k(), B(w.elementToHighlight));
+    function k(w) {
+      i.value && (w.disableOverlay || S(), V(w.elementToHighlight));
     }
-    function k() {
+    function S() {
       s.value = document.createElement("div"), s.value.classList.add("joy-product-tour__overlay"), s.value.addEventListener("click", m, { once: !0 }), s.value.style.position = "fixed", s.value.style.top = "0", s.value.style.left = "0", s.value.style.width = "100%", s.value.style.height = "100%", s.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(s.value);
     }
-    function B(w) {
+    function V(w) {
       w && (w.style.position = "relative", w.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", c.value = G(Fi), d.value = document.createElement("div"), d.value.classList.add(ws), document.body.appendChild(d.value), qt(c.value, d.value), P());
     }
     function P() {
@@ -5799,14 +5799,14 @@ const ps = () => {
     function z() {
       s.value && s.value.remove();
     }
-    function E() {
+    function L() {
       z(), i.value && (i.value.style.position = "", i.value.style.zIndex = ""), d.value && (qt(null, d.value), d.value.remove());
     }
     return ae(p.value, () => {
       var w;
       c.value && ((w = l.value) != null && w.isConnected ? P() : m());
     }), yn(() => {
-      E();
+      L();
     }), t({
       hide: m,
       show: h,
@@ -5827,7 +5827,7 @@ const ps = () => {
           style: se(v.value)
         }, null, 4),
         b("div", {
-          class: I([
+          class: E([
             "joy-product-tour",
             `joy-product-tour--${w.position}`,
             {
@@ -5836,12 +5836,12 @@ const ps = () => {
           ])
         }, [
           b("div", {
-            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": w.$slots["product-tour-banner"] }])
+            class: E(["joy-product-tour__banner", { "joy-product-tour__hasBanner": w.$slots["product-tour-banner"] }])
           }, [
             _(w.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           b("div", {
-            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": w.$slots["product-tour-preheader"] }])
+            class: E(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": w.$slots["product-tour-preheader"] }])
           }, [
             b("div", null, [
               _(w.$slots, "product-tour-preheader", {}, void 0, !0)
@@ -5856,7 +5856,7 @@ const ps = () => {
             })
           ], 2),
           b("div", ms, [
-            w.icon ? (f(), L(X, {
+            w.icon ? (f(), A(X, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: w.icon,
@@ -5886,7 +5886,7 @@ const ps = () => {
       ]);
     };
   }
-}), Ss = /* @__PURE__ */ F(_s, [["__scopeId", "data-v-08f2b2df"]]), qc = /* @__PURE__ */ A({
+}), Ss = /* @__PURE__ */ F(_s, [["__scopeId", "data-v-08f2b2df"]]), Jc = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5902,7 +5902,7 @@ const ps = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: n }) {
-    const a = C(!1), o = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = Kn, i = C(), c = Ee(), d = V(() => {
+    const a = C(!1), o = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = Kn, i = C(), c = Ee(), d = I(() => {
       if (a.value)
         return c;
     });
@@ -5921,7 +5921,7 @@ const ps = () => {
     }), t({
       show: u,
       hide: p
-    }), (v, h) => (f(), L(Xe, { to: "body" }, [
+    }), (v, h) => (f(), A(Xe, { to: "body" }, [
       G(Ss, ee({ ...o, ...d.value }, {
         ref_key: "productTour",
         ref: i,
@@ -5949,24 +5949,24 @@ const ps = () => {
       }, 16)
     ]));
   }
-}), Hc = /* @__PURE__ */ A({
+}), qc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.productTour), r = ne(), l = V(() => r.default());
+    const n = e, a = t, o = I(() => n.productTour), r = ne(), l = I(() => r.default());
     async function s() {
       var i;
       a("click"), o.value && ((i = o.value) == null || i.show());
     }
-    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), L(re(d), {
+    return (i, c) => (f(!0), g(Z, null, te(l.value, (d) => (f(), A(re(d), {
       key: d,
       onClick: s
     }))), 128));
   }
-}), ks = /* @__PURE__ */ A({
+}), ks = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5994,7 +5994,7 @@ const ps = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = C(0), o = V(() => r());
+    const n = e, a = C(0), o = I(() => r());
     function r() {
       return n.percentage ? a.value = n.percentage : n.currentStep && n.steps ? a.value = Math.round(n.currentStep / n.steps * 100) : a.value = 0, a.value < 0 && (a.value = 0), a.value > 100 && (a.value = 100), a.value + "%";
     }
@@ -6002,7 +6002,7 @@ const ps = () => {
       computeInnerWidth: o,
       computedPercentage: a
     }), (l, s) => (f(), g("div", {
-      class: I(["joy-progress-bar-wrapper", [`joy-progress-bar_${e.color}`]])
+      class: E(["joy-progress-bar-wrapper", [`joy-progress-bar_${e.color}`]])
     }, [
       b("div", {
         class: "joy-progress-bar-inner",
@@ -6010,7 +6010,7 @@ const ps = () => {
       }, null, 4)
     ], 2));
   }
-}), Wc = /* @__PURE__ */ F(ks, [["__scopeId", "data-v-14b07f95"]]), $s = ["id", "value", "checked", "disabled", "required", "name"], js = { class: "joy-radio-label" }, Cs = { class: "joy-radio-content__wrapper" }, xs = { class: "joy-radio-content" }, Ts = /* @__PURE__ */ A({
+}), Hc = /* @__PURE__ */ F(ks, [["__scopeId", "data-v-14b07f95"]]), $s = ["id", "value", "checked", "disabled", "required", "name"], js = { class: "joy-radio-label" }, Cs = { class: "joy-radio-content__wrapper" }, xs = { class: "joy-radio-content" }, Ts = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6047,7 +6047,7 @@ const ps = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), c = ne(), d = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), c = ne(), d = I(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
       r.value = !!c["expandable-content"] && d.value;
     }
@@ -6074,7 +6074,7 @@ const ps = () => {
     }), (h, m) => (f(), g("label", {
       ref_key: "root",
       ref: s,
-      class: I([
+      class: E([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
@@ -6108,14 +6108,14 @@ const ps = () => {
         b("div", {
           ref_key: "expandableElement",
           ref: i,
-          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
+          class: E(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
         }, [
           _(h.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
-}), Uc = /* @__PURE__ */ F(Ts, [["__scopeId", "data-v-7ee19b20"]]), Vs = ["form", "name"], Is = /* @__PURE__ */ A({
+}), Wc = /* @__PURE__ */ F(Ts, [["__scopeId", "data-v-7ee19b20"]]), Vs = ["form", "name"], Is = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -6145,13 +6145,13 @@ const ps = () => {
     }, [
       _(t.$slots, "radio-group-legend", {}, void 0, !0),
       b("div", {
-        class: I(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
+        class: E(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
         _(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Vs));
   }
-}), Kc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-1b870a4c"]]), Es = ["ariaLabel"], Ls = { class: "joy-rating-stars" }, As = { class: "joy-rating-stars__content" }, Bs = { key: 0 }, Fs = /* @__PURE__ */ A({
+}), Uc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-1b870a4c"]]), Es = ["ariaLabel"], Ls = { class: "joy-rating-stars" }, As = { class: "joy-rating-stars__content" }, Bs = { key: 0 }, Fs = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6170,7 +6170,7 @@ const ps = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Ee(), o = V(() => {
+    const n = e, a = Ee(), o = I(() => {
       let r = [], l = 0.24, s = 0.75;
       for (let i = 0; i < 5; i++)
         n.ratingValue > l ? r.push(n.ratingValue < s ? "half" : "full") : r.push("empty"), l += 1, s += 1;
@@ -6186,19 +6186,19 @@ const ps = () => {
       b("ul", Ls, [
         (f(!0), g(Z, null, te(o.value, (s, i) => (f(), g("li", {
           key: i,
-          class: I([`joy-rating-stars--${e.size}`])
+          class: E([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (f(), L(X, {
+          s === "full" ? (f(), A(X, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (f(), L(X, {
+          })) : s === "half" ? (f(), A(X, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (f(), L(X, {
+          })) : (f(), A(X, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6213,7 +6213,7 @@ const ps = () => {
       ])
     ], 8, Es));
   }
-}), Ns = /* @__PURE__ */ F(Fs, [["__scopeId", "data-v-4c9a1026"]]), zs = ["id", "name", "aria-invalid", "required", "disabled"], Ps = ["selected"], Os = /* @__PURE__ */ A({
+}), Ns = /* @__PURE__ */ F(Fs, [["__scopeId", "data-v-4c9a1026"]]), zs = ["id", "name", "aria-invalid", "required", "disabled"], Ps = ["selected"], Os = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -6257,38 +6257,38 @@ const ps = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = ne(), l = V(() => {
+    const a = e, o = n, r = ne(), l = I(() => {
       const h = r.default();
       let m = [];
-      return h.forEach((S) => {
-        if (s(S))
-          m.push(S);
+      return h.forEach((k) => {
+        if (s(k))
+          m.push(k);
         else {
-          const k = S.children;
-          if (typeof k == "string" || !k.length)
+          const S = k.children;
+          if (typeof S == "string" || !S.length)
             return;
-          const B = k.filter(s);
-          m = [...m, ...B];
+          const V = S.filter(s);
+          m = [...m, ...V];
         }
       }), m;
     });
     function s(h) {
       return (h == null ? void 0 : h.type) === "option";
     }
-    const i = C(), c = C(), d = C(!1), u = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
+    const i = C(), c = C(), d = C(!1), u = I(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
     ie(() => {
-      var S;
+      var k;
       const h = r["select-label"] && r["select-label"]();
       if (!h || !h.length)
         return;
       const m = h[0];
       if (m.type === "JoyLabel") {
-        const k = (S = m.props) == null ? void 0 : S.for;
-        if (!k) {
+        const S = (k = m.props) == null ? void 0 : k.for;
+        if (!S) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        S !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function y(h) {
@@ -6308,7 +6308,7 @@ const ps = () => {
       ref: i
     }, [
       _(h.$slots, "select-label", {}, () => [
-        e.label ? (f(), L(Le, {
+        e.label ? (f(), A(Le, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -6322,7 +6322,7 @@ const ps = () => {
         }, 8, ["required", "optional-label", "for", "size"])) : $("", !0)
       ], !0),
       b("div", {
-        class: I([
+        class: E([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
@@ -6345,14 +6345,14 @@ const ps = () => {
           onFocus: p,
           onBlur: v
         }, [
-          (f(!0), g(Z, null, te(l.value, (S) => {
-            var k, B;
+          (f(!0), g(Z, null, te(l.value, (k) => {
+            var S, V;
             return f(), g("option", ee({
-              key: (k = S.props) == null ? void 0 : k.value,
+              key: (S = k.props) == null ? void 0 : S.value,
               ref_for: !0
-            }, S.props, {
-              selected: ((B = S.props) == null ? void 0 : B.value) === e.modelValue
-            }), R(S.children), 17, Ps);
+            }, k.props, {
+              selected: ((V = k.props) == null ? void 0 : V.value) === e.modelValue
+            }), R(k.children), 17, Ps);
           }), 128))
         ], 40, zs),
         G(X, {
@@ -6362,7 +6362,7 @@ const ps = () => {
       ], 2)
     ], 512));
   }
-}), Gc = /* @__PURE__ */ F(Os, [["__scopeId", "data-v-7e3adcd9"]]), Ds = ["aria-disabled"], Rs = ["id", "value", "checked", "disabled", "required", "name"], Ms = { class: "joy-selectable-item__label" }, Js = /* @__PURE__ */ A({
+}), Kc = /* @__PURE__ */ F(Os, [["__scopeId", "data-v-7e3adcd9"]]), Ds = ["aria-disabled"], Rs = ["id", "value", "checked", "disabled", "required", "name"], Ms = { class: "joy-selectable-item__label" }, Js = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -6429,7 +6429,7 @@ const ps = () => {
       n("update:checked", d);
     }
     return (d, u) => (f(), g("div", {
-      class: I([
+      class: E([
         "joy-selectable-item__wrapper",
         {
           "joy-selectable-item--focusing": l.value
@@ -6457,9 +6457,9 @@ const ps = () => {
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...y) => i.onBlur && i.onBlur(...y))
       }, null, 40, Rs)),
-      (f(), L(re(K(s)), {
+      (f(), A(re(K(s)), {
         for: e.id,
-        class: I([
+        class: E([
           "joy-selectable-item",
           [`joy-selectable-item--${e.variant}`],
           {
@@ -6472,7 +6472,7 @@ const ps = () => {
         onClick: i.onLabelClick
       }, {
         default: D(() => [
-          e.multiple ? (f(), L(wn, {
+          e.multiple ? (f(), A(wn, {
             key: 0,
             id: e.id,
             checked: o.value,
@@ -6497,7 +6497,7 @@ const ps = () => {
             e.multiple ? $("", !0) : _(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
-            class: I([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
+            class: E([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
             _(d.$slots, "selectable-item-sublabel", {}, () => [
               H(R(e.subLabel), 1)
@@ -6508,7 +6508,7 @@ const ps = () => {
       }, 8, ["for", "class", "onClick"]))
     ], 10, Ds));
   }
-}), qs = /* @__PURE__ */ F(Js, [["__scopeId", "data-v-75192ab4"]]), Hs = ["id"], Ws = /* @__PURE__ */ A({
+}), qs = /* @__PURE__ */ F(Js, [["__scopeId", "data-v-75192ab4"]]), Hs = ["id"], Ws = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -6563,7 +6563,7 @@ const ps = () => {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (f(), L(Le, {
+      e.label ? (f(), A(Le, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -6576,7 +6576,7 @@ const ps = () => {
         _: 1
       }, 8, ["required", "optional-label", "size"])) : $("", !0),
       b("div", {
-        class: I([
+        class: E([
           "joy-selectable-item-group",
           {
             "joy-selectable-item-group--multiple": e.multiple,
@@ -6585,7 +6585,7 @@ const ps = () => {
           }
         ])
       }, [
-        (f(!0), g(Z, null, te(e.options, (i) => (f(), L(qs, ee({ ref_for: !0 }, i.attrs, {
+        (f(!0), g(Z, null, te(e.options, (i) => (f(), A(qs, ee({ ref_for: !0 }, i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6614,7 +6614,7 @@ const ps = () => {
       ], 2)
     ], 8, Hs));
   }
-}), Yc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-9c23de38"]]), Us = /* @__PURE__ */ A({
+}), Gc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-9c23de38"]]), Us = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6628,12 +6628,12 @@ const ps = () => {
   },
   setup(e) {
     return (t, n) => (f(), g("div", {
-      class: I(["joy-separator", { "joy-separator__small": e.size === "small" }])
+      class: E(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       b("span", null, R(e.text), 1)
     ], 2));
   }
-}), Zc = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-21db2899"]]), Ks = { class: "joy-snackbar__img" }, Gs = { class: "joy-snackbar__content" }, Ys = { key: 0 }, Zs = ["innerHTML"], Xs = /* @__PURE__ */ A({
+}), Yc = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-21db2899"]]), Ks = { class: "joy-snackbar__img" }, Gs = { class: "joy-snackbar__content" }, Ys = { key: 0 }, Zs = ["innerHTML"], Xs = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -6683,7 +6683,7 @@ const ps = () => {
   setup(e, { expose: t }) {
     const n = e, a = C(!0);
     let o, r;
-    const l = "joy-snackbar-" + Se(), s = V(() => pn(n.level));
+    const l = "joy-snackbar-" + Se(), s = I(() => pn(n.level));
     function i() {
       var h;
       (h = n.bus) == null || h.emit("snackbar:action-click");
@@ -6720,14 +6720,14 @@ const ps = () => {
       isOpen: a,
       exposedMethods: v
     }), (h, m) => (f(), g("div", {
-      class: I(["joy-snackbar_container", {
+      class: E(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
       }])
     }, [
       b("div", {
         id: l,
-        class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
+        class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         b("div", Ks, [
           G(X, { name: s.value }, null, 8, ["name"])
@@ -6741,7 +6741,7 @@ const ps = () => {
             onClick: i
           }, R(e.actionText), 1)) : $("", !0)
         ]),
-        e.closable ? (f(), L(ue, {
+        e.closable ? (f(), A(ue, {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
@@ -6753,7 +6753,7 @@ const ps = () => {
       ], 2)
     ], 2));
   }
-}), Qs = /* @__PURE__ */ F(Xs, [["__scopeId", "data-v-d93e38fe"]]), eu = ["id"], tu = { class: "joy-step__stroke" }, nu = { class: "joy-step__label" }, au = /* @__PURE__ */ A({
+}), Qs = /* @__PURE__ */ F(Xs, [["__scopeId", "data-v-d93e38fe"]]), eu = ["id"], tu = { class: "joy-step__stroke" }, nu = { class: "joy-step__label" }, au = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6783,7 +6783,7 @@ const ps = () => {
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = C(0.1), l = V(() => a.completed ? "100%" : s.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = V(() => a.currentSubStep > 0);
+    const a = e, o = n, r = C(0.1), l = I(() => a.completed ? "100%" : s.value ? a.subSteps <= 1 || a.currentSubStep === 1 ? "10%" : (Math.min(a.currentSubStep / a.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = I(() => a.currentSubStep > 0);
     function i(c) {
       c <= 0 && console.warn("subSteps must be equal or greater than 1"), o("update:subSteps");
     }
@@ -6791,7 +6791,7 @@ const ps = () => {
       progress: l
     }), (c, d) => (f(), g("div", {
       id: e.id,
-      class: I([
+      class: E([
         "joy-step",
         `joy-step--size-${e.size}`,
         {
@@ -6811,7 +6811,7 @@ const ps = () => {
       ])
     ], 10, eu));
   }
-}), ou = /* @__PURE__ */ F(au, [["__scopeId", "data-v-b63419a7"]]), lu = { class: "joy-stepper" }, ru = /* @__PURE__ */ A({
+}), ou = /* @__PURE__ */ F(au, [["__scopeId", "data-v-b63419a7"]]), lu = { class: "joy-stepper" }, ru = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6826,7 +6826,7 @@ const ps = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = ne(), o = V(() => {
+    const n = e, a = ne(), o = I(() => {
       const u = a.default();
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(r) : u.filter(r);
     });
@@ -6834,7 +6834,7 @@ const ps = () => {
       var y;
       return ((y = u.type) == null ? void 0 : y.__name) === "VJoyStep";
     }
-    const l = V(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), s = V(() => l.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), i = V(() => s.value && l.value.props ? l.value.props["sub-steps"] : n.subStep), c = V(() => l.value.props === null ? l.value.type.props.subSteps.default : l.value.props["sub-steps"]);
+    const l = I(() => n.step > 0 ? o.value[n.step - 1] : o.value[0]), s = I(() => l.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), i = I(() => s.value && l.value.props ? l.value.props["sub-steps"] : n.subStep), c = I(() => l.value.props === null ? l.value.type.props.subSteps.default : l.value.props["sub-steps"]);
     function d(u) {
       return u !== n.step - 1 ? 0 : i.value;
     }
@@ -6845,7 +6845,7 @@ const ps = () => {
     }), (u, y) => (f(), g("div", lu, [
       (f(!0), g(Z, null, te(o.value, (p, v) => {
         var h;
-        return f(), L(ou, ee({ ref_for: !0 }, p.props, {
+        return f(), A(ou, ee({ ref_for: !0 }, p.props, {
           key: (h = p.props) == null ? void 0 : h.id,
           completed: v < e.step - 1,
           "current-sub-step": d(v)
@@ -6853,7 +6853,7 @@ const ps = () => {
           default: D(() => {
             var m;
             return [
-              (m = p.children) != null && m.default ? (f(), L(re(p.children.default), { key: 0 })) : $("", !0)
+              (m = p.children) != null && m.default ? (f(), A(re(p.children.default), { key: 0 })) : $("", !0)
             ];
           }),
           _: 2
@@ -6861,7 +6861,7 @@ const ps = () => {
       }), 128))
     ]));
   }
-}), Xc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-dcd87434"]]), iu = ["id", "aria-hidden", "aria-labelledby"], su = /* @__PURE__ */ A({
+}), Zc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-dcd87434"]]), iu = ["id", "aria-hidden", "aria-labelledby"], su = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6892,13 +6892,13 @@ const ps = () => {
     }
   },
   setup(e) {
-    const t = e, n = De("VJoyTabs", C("")), a = V(() => n.value === t.tab);
+    const t = e, n = De("VJoyTabs", C("")), a = I(() => n.value === t.tab);
     return (o, r) => (f(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
-      class: I({
+      class: E({
         "joy-tab": !0,
         "joy-tab__selected": a.value
       })
@@ -6906,10 +6906,10 @@ const ps = () => {
       _(o.$slots, "default", {}, void 0, !0)
     ], 10, iu));
   }
-}), Qc = /* @__PURE__ */ F(su, [["__scopeId", "data-v-a76a7c92"]]), uu = ["id", "href", "aria-selected", "aria-controls"], cu = {
+}), Xc = /* @__PURE__ */ F(su, [["__scopeId", "data-v-a76a7c92"]]), uu = ["id", "href", "aria-selected", "aria-controls"], cu = {
   type: "button",
   tabindex: "-1"
-}, du = /* @__PURE__ */ A({
+}, du = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6964,7 +6964,7 @@ const ps = () => {
       onKeydown: l[0] || (l[0] = (s) => o(s))
     }, [
       b("div", {
-        class: I({
+        class: E({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
         })
@@ -6973,7 +6973,7 @@ const ps = () => {
           _(r.$slots, "default", {}, () => [
             H(R(e.label), 1)
           ], !0),
-          e.notifications ? (f(), L(Va, {
+          e.notifications ? (f(), A(Va, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6983,7 +6983,7 @@ const ps = () => {
       ], 2)
     ], 40, uu));
   }
-}), fu = /* @__PURE__ */ F(du, [["__scopeId", "data-v-26b80ed6"]]), vu = { class: "joy-tabs" }, yu = /* @__PURE__ */ A({
+}), fu = /* @__PURE__ */ F(du, [["__scopeId", "data-v-26b80ed6"]]), vu = { class: "joy-tabs" }, yu = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6995,13 +6995,13 @@ const ps = () => {
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, r = ne(), l = C(a.selectedTab);
     Et("VJoyTabs", l);
-    const s = C(null), i = C(null), c = C(!1), d = C(!1), u = V(() => {
+    const s = C(null), i = C(null), c = C(!1), d = C(!1), u = I(() => {
       const m = r.default();
       return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(y) : m.filter(y);
     });
     function y(m) {
-      var S;
-      return ((S = m == null ? void 0 : m.type) == null ? void 0 : S.__name) === "VJoyTab";
+      var k;
+      return ((k = m == null ? void 0 : m.type) == null ? void 0 : k.__name) === "VJoyTab";
     }
     function p(m) {
       return m.props.tab === l.value;
@@ -7009,8 +7009,8 @@ const ps = () => {
     function v() {
       i.value && s.value && i.value.scrollWidth > s.value.offsetWidth ? (d.value = i.value.scrollLeft > 0, c.value = i.value.scrollLeft + s.value.offsetWidth < i.value.scrollWidth) : (d.value = !1, c.value = !1);
     }
-    function h(m, S = !0) {
-      m && S && (l.value = m, o("update:selected-tab", m));
+    function h(m, k = !0) {
+      m && k && (l.value = m, o("update:selected-tab", m));
     }
     return ae(
       () => a.selectedTab,
@@ -7026,11 +7026,11 @@ const ps = () => {
       (m = i.value) == null || m.removeEventListener("scroll", v);
     }), t({
       tabs: u
-    }), (m, S) => (f(), g("div", vu, [
+    }), (m, k) => (f(), g("div", vu, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: s,
-        class: I({
+        class: E({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": c.value,
           "joy-tabs-buttons__wrapper--scroll-start": d.value
@@ -7042,21 +7042,21 @@ const ps = () => {
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (f(!0), g(Z, null, te(u.value, (k) => (f(), g("div", {
-            key: k.props.tab
+          (f(!0), g(Z, null, te(u.value, (S) => (f(), g("div", {
+            key: S.props.tab
           }, [
             G(fu, {
-              tab: k.props.tab,
-              label: k.props.label,
-              href: k.props.href,
-              notifications: k.props.notifications,
-              selected: p(k),
-              onChangeTab: () => h(k.props.tab, !k.props.href)
+              tab: S.props.tab,
+              label: S.props.label,
+              href: S.props.href,
+              notifications: S.props.notifications,
+              selected: p(S),
+              onChangeTab: () => h(S.props.tab, !S.props.href)
             }, {
               default: D(() => {
-                var B;
+                var V;
                 return [
-                  (B = k.children) != null && B.header ? (f(), L(re(k.children.header), { key: 0 })) : $("", !0)
+                  (V = S.children) != null && V.header ? (f(), A(re(S.children.header), { key: 0 })) : $("", !0)
                 ];
               }),
               _: 2
@@ -7069,7 +7069,7 @@ const ps = () => {
       ])
     ]));
   }
-}), ed = /* @__PURE__ */ F(yu, [["__scopeId", "data-v-9aea2d41"]]), pu = ["id", "role"], mu = /* @__PURE__ */ A({
+}), Qc = /* @__PURE__ */ F(yu, [["__scopeId", "data-v-9aea2d41"]]), pu = ["id", "role"], mu = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7086,7 +7086,7 @@ const ps = () => {
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const n = ["primary", "secondary"], a = t, o = e, r = V(() => ({
+    const n = ["primary", "secondary"], a = t, o = e, r = I(() => ({
       "joy-tag": !0,
       "joy-tag__selected": o.selected,
       "joy-tag__selectable": o.selectable || o.link,
@@ -7104,12 +7104,12 @@ const ps = () => {
     }
     return (i, c) => (f(), g("span", {
       id: i.value.toString(),
-      class: I([r.value]),
+      class: E([r.value]),
       role: i.link || i.selectable ? "button" : void 0,
       onClick: s
     }, [
       _(i.$slots, "default", {}, () => [
-        i.draggable ? (f(), L(X, {
+        i.draggable ? (f(), A(X, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -7117,7 +7117,7 @@ const ps = () => {
         })) : $("", !0),
         H(" " + R(i.label), 1)
       ], !0),
-      i.removable ? (f(), L(X, {
+      i.removable ? (f(), A(X, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -7141,7 +7141,7 @@ function un(e) {
       return a;
   }) === void 0 : t(e);
 }
-const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholder"], gu = { key: 0 }, wu = { key: 1 }, _u = /* @__PURE__ */ A({
+const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholder"], gu = { key: 0 }, wu = { key: 1 }, _u = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7156,7 +7156,7 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = C(a.modelValue), l = C(!1), s = C(null), i = C(a.invalid), c = C(null), d = V(() => a.validation === "email"), u = V(() => d.value && c.value === "INVALID_EMAIL" && !!a.invalidEmailError), y = V(() => c.value === "DUPLICATED_ENTRY" && !!a.duplicationError), p = V(() => i.value && (!!u.value || !!y.value));
+    const a = e, o = n, r = C(a.modelValue), l = C(!1), s = C(null), i = C(a.invalid), c = C(null), d = I(() => a.validation === "email"), u = I(() => d.value && c.value === "INVALID_EMAIL" && !!a.invalidEmailError), y = I(() => c.value === "DUPLICATED_ENTRY" && !!a.duplicationError), p = I(() => i.value && (!!u.value || !!y.value));
     function v() {
       d.value && i.value === !0 && (c.value = He.INVALID_EMAIL);
     }
@@ -7167,10 +7167,10 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
     function m() {
       h() && (c.value = He.DUPLICATED_ENTRY);
     }
-    function S(w) {
+    function k(w) {
       var M, T, J, O;
       if (["Enter", ","].includes(w.key)) {
-        if (w.preventDefault(), E(), h()) {
+        if (w.preventDefault(), L(), h()) {
           o("validation:error", He.DUPLICATED_ENTRY);
           return;
         } else if ((M = s.value) != null && M.value && !un(s.value.value) && d.value) {
@@ -7182,18 +7182,18 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
       if (["Backspace"].includes(w.key)) {
         if (((O = s.value) == null ? void 0 : O.value) !== "")
           return;
-        r.value.pop(), o("update:modelValue", r.value), E();
+        r.value.pop(), o("update:modelValue", r.value), L();
       }
     }
-    function k() {
+    function S() {
       l.value = !0;
     }
-    function B() {
-      l.value = !1, E();
+    function V() {
+      l.value = !1, L();
     }
     function P(w) {
       var M;
-      r.value = r.value.filter((T) => T !== w.value), o("update:modelValue", r.value), (M = s.value) == null || M.focus(), E();
+      r.value = r.value.filter((T) => T !== w.value), o("update:modelValue", r.value), (M = s.value) == null || M.focus(), L();
     }
     function z() {
       var M, T;
@@ -7204,20 +7204,20 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
       }
       i.value = w || h(), !w && h() && (c.value = null);
     }
-    function E() {
+    function L() {
       z(), v(), m();
     }
     return ae(
       () => a.modelValue,
       () => {
-        E();
+        L();
       },
       { immediate: !0 }
     ), t({
       isInvalid: i,
       hasDuplicates: h
     }), (w, M) => (f(), g("div", hu, [
-      w.$slots.default ? (f(), L(Le, {
+      w.$slots.default ? (f(), A(Le, {
         key: 0,
         id: w.name,
         class: "joy-tags-input__label"
@@ -7228,7 +7228,7 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
         _: 3
       }, 8, ["id"])) : $("", !0),
       b("div", {
-        class: I([
+        class: E([
           "joy-tags-input__inner",
           {
             "joy-tags-input__inner--focused": l.value,
@@ -7236,7 +7236,7 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
           }
         ])
       }, [
-        (f(!0), g(Z, null, te(r.value, (T) => (f(), L(Gn, {
+        (f(!0), g(Z, null, te(r.value, (T) => (f(), A(Gn, {
           key: T,
           variant: w.variant,
           removable: !0,
@@ -7257,12 +7257,12 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
           type: "text",
           name: w.name,
           placeholder: w.placeholder,
-          onKeydown: S,
-          onFocus: k,
-          onBlur: B
+          onKeydown: k,
+          onFocus: S,
+          onBlur: V
         }, null, 40, bu)
       ], 2),
-      p.value ? (f(), L(Ft, {
+      p.value ? (f(), A(Ft, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
@@ -7276,7 +7276,7 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
       })) : $("", !0)
     ]));
   }
-}), td = /* @__PURE__ */ F(_u, [["__scopeId", "data-v-3576a764"]]), Su = /* @__PURE__ */ A({
+}), ed = /* @__PURE__ */ F(_u, [["__scopeId", "data-v-3576a764"]]), Su = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7330,9 +7330,9 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
       n("removeTag", c.value);
     }
     return (c, d) => (f(), g("div", {
-      class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
+      class: E(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (f(!0), g(Z, null, te(e.tags, (u) => (f(), L(Gn, ee({
+      (f(!0), g(Z, null, te(e.tags, (u) => (f(), A(Gn, ee({
         key: u.value || u.label,
         ref_for: !0
       }, u, {
@@ -7355,8 +7355,8 @@ const hu = { class: "joy-tags-input__wrapper" }, bu = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), nd = /* @__PURE__ */ F(Su, [["__scopeId", "data-v-1d8003ef"]]), ku = {}, $u = {
-  class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
+}), td = /* @__PURE__ */ F(Su, [["__scopeId", "data-v-1d8003ef"]]), ku = {}, $u = {
+  class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
 }, ju = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1), Cu = [
   ju
 ];
@@ -7384,7 +7384,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
 }, zu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Pu = /* @__PURE__ */ A({
+}, Pu = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7405,11 +7405,11 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    const t = e, n = ne(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = ne(), a = I(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (o, r) => (f(), g("main", {
-      class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
+      class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (f(), L(Tu, { key: 0 })) : $("", !0),
+      e.shapes ? (f(), A(Tu, { key: 0 })) : $("", !0),
       b("div", Vu, [
         a.value ? (f(), g("div", Iu, [
           n["template-back"] ? (f(), g("div", Eu, [
@@ -7428,7 +7428,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
           ])) : $("", !0)
         ])) : $("", !0),
         b("div", {
-          class: I([
+          class: E([
             "joy-template__content",
             {
               "joy-template__content--reverse": t.sidebar === "left"
@@ -7443,7 +7443,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
           ])) : $("", !0)
         ], 2)
       ]),
-      e.loading ? (f(), L(In, {
+      e.loading ? (f(), A(In, {
         key: 1,
         overlay: "",
         color: e.loadingColor
@@ -7455,7 +7455,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : $("", !0)
     ], 2));
   }
-}), ad = /* @__PURE__ */ F(Pu, [["__scopeId", "data-v-72ffed7d"]]), Ou = /* @__PURE__ */ A({
+}), nd = /* @__PURE__ */ F(Pu, [["__scopeId", "data-v-72ffed7d"]]), Ou = /* @__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 */
@@ -7470,8 +7470,8 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, n) => (f(), L(re(e.tagName), {
-      class: I(`joy-text joy-font-${e.preset}`)
+    return (t, n) => (f(), A(re(e.tagName), {
+      class: E(`joy-text joy-font-${e.preset}`)
     }, {
       default: D(() => [
         _(t.$slots, "default", {}, void 0, !0)
@@ -7479,12 +7479,12 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), od = /* @__PURE__ */ F(Ou, [["__scopeId", "data-v-6295f9ec"]]), Du = ["aria-disabled"], Ru = { class: "joy-textarea_wrapper" }, Mu = ["id", "disabled", "name", "required", "minlength", "value"], Ju = {
+}), ad = /* @__PURE__ */ F(Ou, [["__scopeId", "data-v-6295f9ec"]]), Du = ["aria-disabled"], Ru = { class: "joy-textarea_wrapper" }, Mu = ["id", "disabled", "name", "required", "minlength", "value"], Ju = {
   key: 1,
   class: "joy-textarea_helpers"
 }, qu = {
   inheritAttrs: !1
-}, Hu = /* @__PURE__ */ A({
+}, Hu = /* @__PURE__ */ B({
   ...qu,
   __name: "VJoyTextarea",
   props: {
@@ -7547,7 +7547,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       element: o.autogrow ? l : void 0
     }), i = C(!1), c = C(!1);
     Nt(l, o.autofocus);
-    const d = V(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), u = V(() => o.minlength ? o.modelValue.length < o.minlength : !1), y = V(() => !!(o.label || r.default)), p = {
+    const d = I(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), u = I(() => o.minlength ? o.modelValue.length < o.minlength : !1), y = I(() => !!(o.label || r.default)), p = {
       onInput: (v) => {
         o.modelModifiers.lazy || a("update:modelValue", v.target.value), p.triggerResize();
       },
@@ -7580,7 +7580,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       eventHandlers: p
     }), (v, h) => (f(), g("div", {
       "aria-disabled": e.disabled,
-      class: I([
+      class: E([
         "joy-textarea",
         {
           "joy-textarea_invalid": i.value || e.invalid,
@@ -7590,7 +7590,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
         }
       ])
     }, [
-      y.value ? (f(), L(Le, {
+      y.value ? (f(), A(Le, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7628,9 +7628,9 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       e.minlength || e.maxlength ? (f(), g("div", Ju, [
         e.minlength ? (f(), g("p", {
           key: 0,
-          class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
+          class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          u.value ? $("", !0) : (f(), L(X, {
+          u.value ? $("", !0) : (f(), A(X, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -7640,12 +7640,12 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
         ], 2)) : $("", !0),
         e.maxlength ? (f(), g("p", {
           key: 1,
-          class: I(["joy-textarea-count", { "joy-textarea-count-invalid": d.value }])
+          class: E(["joy-textarea-count", { "joy-textarea-count-invalid": d.value }])
         }, R(e.modelValue.length + "/" + e.maxlength), 3)) : $("", !0)
       ])) : $("", !0)
     ], 10, Du));
   }
-}), ld = /* @__PURE__ */ F(Hu, [["__scopeId", "data-v-52e4553a"]]), Yn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), Wu = { class: "joy-toggle__wrapper" }, Uu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ku = { class: "joy-toggle__content" }, Gu = /* @__PURE__ */ Yn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Yu = { class: "joy-toggle__content-label" }, Zu = /* @__PURE__ */ Yn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+}), od = /* @__PURE__ */ F(Hu, [["__scopeId", "data-v-52e4553a"]]), Yn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), Wu = { class: "joy-toggle__wrapper" }, Uu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ku = { class: "joy-toggle__content" }, Gu = /* @__PURE__ */ Yn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Yu = { class: "joy-toggle__content-label" }, Zu = /* @__PURE__ */ Yn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -7658,7 +7658,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       fill: "currentColor"
     })
   ])
-], -1)), Xu = /* @__PURE__ */ A({
+], -1)), Xu = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7708,7 +7708,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
     };
     return (r, l) => (f(), g("div", Wu, [
       b("label", {
-        class: I([
+        class: E([
           "joy-toggle",
           {
             "joy-toggle__checked": e.modelValue,
@@ -7747,7 +7747,7 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), rd = /* @__PURE__ */ F(Xu, [["__scopeId", "data-v-99a4c774"]]), Qu = { class: "joy-tooltip__content__inner" }, ec = /* @__PURE__ */ A({
+}), ld = /* @__PURE__ */ F(Xu, [["__scopeId", "data-v-99a4c774"]]), Qu = /* @__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  */
@@ -7782,11 +7782,16 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
     tooltipWidth: {
       type: Number,
       default: 250
+    },
+    /** Enable click in content. */
+    enableClickInContent: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e, { expose: t }) {
-    const n = ne(), a = e, o = C(!1), r = C(null), l = C(null), s = C(), i = C(
-      Un(r, l, {
+    const n = ne(), a = e, o = C(!1), r = C(null), l = C(null), s = C(null), i = C(), c = C(
+      Un(r, s, {
         placement: a.placement,
         transform: !1,
         middleware: [
@@ -7797,90 +7802,99 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
           An({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          Hn({ element: s, padding: 0 })
+          Hn({ element: i, padding: 0 })
         ]
       })
-    ), c = V(() => n["tooltip-content"] || a.text);
-    function d(h) {
-      h.preventDefault(), h.stopPropagation(), !o.value && a.event !== "click" && p();
+    ), d = I(
+      () => a.enableClickInContent ? {
+        ignore: [l]
+      } : {}
+    ), u = I(() => n["tooltip-content"] || a.text);
+    function y(k) {
+      k.preventDefault(), k.stopPropagation(), !o.value && a.event !== "click" && h();
     }
-    function u() {
-      a.event !== "click" && p(!1);
+    function p() {
+      a.event !== "click" && h(!1);
     }
-    function y(h) {
-      !o.value && a.event === "click" && (h.preventDefault(), h.stopPropagation(), p());
+    function v(k) {
+      !o.value && a.event === "click" && (k.preventDefault(), k.stopPropagation(), h());
     }
-    function p(h = !0) {
-      var m;
-      (m = i.value) == null || m.update(), setTimeout(() => {
-        o.value = h;
+    function h(k = !0) {
+      var S;
+      (S = c.value) == null || S.update(), setTimeout(() => {
+        o.value = k;
       }, a.delay);
     }
-    const v = V(() => {
-      const { middlewareData: h, placement: m } = i.value, S = h.arrow, k = {
+    const m = I(() => {
+      const { middlewareData: k, placement: S } = c.value, V = k.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[m.split("-")[0]];
+      }[S.split("-")[0]];
       return {
-        left: (S == null ? void 0 : S.x) && `${S == null ? void 0 : S.x}px`,
-        top: (S == null ? void 0 : S.y) && `${S == null ? void 0 : S.y}px`,
+        left: (V == null ? void 0 : V.x) && `${V == null ? void 0 : V.x}px`,
+        top: (V == null ? void 0 : V.y) && `${V == null ? void 0 : V.y}px`,
         right: "",
         bottom: "",
-        [k]: "-4px"
+        [P]: "-4px"
       };
     });
     return ie(() => {
-      a.show && p();
+      a.show && h();
     }), Re(() => {
       o.value = !1;
     }), t({
       tooltipVisible: o,
-      tooltip: l
-    }), (h, m) => (f(), L(K(Bt), {
+      tooltip: s
+    }), (k, S) => (f(), A(K(Bt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
-      onTrigger: m[1] || (m[1] = (S) => p(!1))
+      options: d.value,
+      onTrigger: S[1] || (S[1] = (V) => h(!1))
     }, {
       default: D(() => {
-        var S;
+        var V;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
             ref: r,
             class: "joy-tooltip__wrapper",
-            onClick: y,
-            onMouseenter: d,
-            onMouseleave: u,
-            onKeydown: m[0] || (m[0] = Qe((k) => p(!1), ["tab"]))
+            onClick: v,
+            onMouseenter: y,
+            onMouseleave: p,
+            onKeydown: S[0] || (S[0] = Qe((P) => h(!1), ["tab"]))
           }, [
-            _(h.$slots, "default", {}, void 0, !0),
-            (f(), L(Xe, { to: "body" }, [
-              o.value && c.value ? (f(), g("div", {
+            _(k.$slots, "default", {}, void 0, !0),
+            (f(), A(Xe, { to: "body" }, [
+              o.value && u.value ? (f(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
-                ref: l,
+                ref: s,
                 role: "tooltip",
-                class: I([
+                class: E([
                   "joy-tooltip__content",
                   `joy-tooltip--${e.variant}`,
                   {
                     "joy-tooltip__content--hiding": !o.value
                   }
                 ]),
-                style: se({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: se({ ...(V = c.value) == null ? void 0 : V.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                b("div", Qu, [
-                  _(h.$slots, "tooltip-content", {}, () => [
+                b("div", {
+                  ref_key: "tooltipContent",
+                  ref: l,
+                  class: "joy-tooltip__content__inner"
+                }, [
+                  _(k.$slots, "tooltip-content", {}, () => [
                     H(R(e.text), 1)
                   ], !0)
-                ]),
+                ], 512),
                 b("div", {
                   ref_key: "tooltipArrow",
-                  ref: s,
+                  ref: i,
                   class: "joy-tooltip__arrow",
-                  style: se(v.value)
+                  style: se(m.value)
                 }, null, 4)
               ], 6)) : $("", !0)
             ]))
@@ -7888,9 +7902,9 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
         ];
       }),
       _: 3
-    }, 512));
+    }, 8, ["options"]));
   }
-}), id = /* @__PURE__ */ F(ec, [["__scopeId", "data-v-d54d6979"]]), tc = { class: "joy-user-card__picture" }, nc = { class: "joy-user-card__informations" }, ac = { class: "joy-user-card__title" }, oc = { class: "joy-user-card__subtitle" }, lc = /* @__PURE__ */ A({
+}), rd = /* @__PURE__ */ F(Qu, [["__scopeId", "data-v-ef1a62ec"]]), ec = { class: "joy-user-card__picture" }, tc = { class: "joy-user-card__informations" }, nc = { class: "joy-user-card__title" }, ac = { class: "joy-user-card__subtitle" }, oc = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7917,13 +7931,13 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, n) => (f(), L(re(e.link ? "a" : "div"), ee({
+    return (t, n) => (f(), A(re(e.link ? "a" : "div"), ee({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: D(() => [
-        b("div", tc, [
+        b("div", ec, [
           _(t.$slots, "user-card-avatar", {}, () => [
             G($a, {
               "photo-url": e.photoUrl,
@@ -7931,19 +7945,19 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", nc, [
-          b("p", ac, [
+        b("div", tc, [
+          b("p", nc, [
             _(t.$slots, "user-card-title", {}, () => [
               H(R(e.fullName), 1)
             ], !0)
           ]),
-          b("p", oc, [
+          b("p", ac, [
             _(t.$slots, "user-card-subtitle", {}, () => [
               H(R(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (f(), L(Ns, {
+            e.ratingValue ? (f(), A(Ns, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : $("", !0)
@@ -7956,8 +7970,8 @@ const Tu = /* @__PURE__ */ F(ku, [["render", xu], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), sd = /* @__PURE__ */ F(lc, [["__scopeId", "data-v-86acec3a"]]);
-function rc(e) {
+}), id = /* @__PURE__ */ F(oc, [["__scopeId", "data-v-86acec3a"]]);
+function lc(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var a = e.get(t);
     a ? a.push(n) : e.set(t, [n]);
@@ -7973,20 +7987,20 @@ function rc(e) {
     });
   } };
 }
-function ic() {
-  return rc();
+function rc() {
+  return lc();
 }
-const Zn = "joy-snackbar__container", sc = "joy-snackbar__shell--";
+const Zn = "joy-snackbar__container", ic = "joy-snackbar__shell--";
 let rt = 0, Xn = [];
-const uc = {
+const sc = {
   install: (e) => {
-    typeof window < "u" && cc(), e.directive("joy-ripple", va);
+    typeof window < "u" && uc(), e.directive("joy-ripple", va);
   }
 };
-function ud() {
+function sd() {
   rt = 0, Xn = [];
 }
-function cc(e = { appendTo: "body", defaultMountSelector: Zn }) {
+function uc(e = { appendTo: "body", defaultMountSelector: Zn }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -8002,11 +8016,11 @@ function cc(e = { appendTo: "body", defaultMountSelector: Zn }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (a = document.body.querySelector(e.appendTo)) == null || a.appendChild(t));
 }
-function cd(e) {
+function ud(e) {
   var r, l;
   rt++;
   let t, n;
-  const a = ic();
+  const a = rc();
   t = fa(
     Qs,
     Object.assign(e.props, {
@@ -8015,7 +8029,7 @@ function cd(e) {
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${sc}${rt}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Zn)) == null || l.appendChild(o), t.use(uc).mount("#" + n), Xn.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${ic}${rt}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Zn)) == null || l.appendChild(o), t.use(sc).mount("#" + n), Xn.push(t), a.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -8024,79 +8038,79 @@ function cd(e) {
   };
 }
 export {
-  Zc as $,
-  Ac as A,
-  Bc as B,
-  Fc as C,
+  Yc as $,
+  Lc as A,
+  Ac as B,
+  Bc as C,
   X as D,
   ei as E,
-  Nc as F,
-  zc as G,
+  Fc as F,
+  Nc as G,
   Le as H,
-  Pc as I,
+  zc as I,
   sr as J,
-  Oc as K,
-  Dc as L,
-  Rc as M,
-  Mc as N,
-  Jc as O,
-  qc as P,
-  Hc as Q,
-  Wc as R,
-  Uc as S,
-  Kc as T,
+  Pc as K,
+  Oc as L,
+  Dc as M,
+  Rc as N,
+  Mc as O,
+  Jc as P,
+  qc as Q,
+  Hc as R,
+  Wc as S,
+  Uc as T,
   Ns as U,
-  fc as V,
+  dc as V,
   In as W,
-  Gc as X,
+  Kc as X,
   qs as Y,
-  Yc as Z,
-  hc as _,
+  Gc as Z,
+  mc as _,
   $a as a,
   Qs as a0,
   mn as a1,
   ou as a2,
-  Xc as a3,
-  Qc as a4,
-  ed as a5,
+  Zc as a3,
+  Xc as a4,
+  Qc as a5,
   Gn as a6,
-  td as a7,
-  nd as a8,
-  ad as a9,
+  ed as a7,
+  td as a8,
+  nd as a9,
   Tu as aa,
-  od as ab,
-  ld as ac,
-  rd as ad,
-  id as ae,
-  sd as af,
+  ad as ab,
+  od as ac,
+  ld as ad,
+  rd as ae,
+  id as af,
   Ke as ag,
-  cc as ah,
+  uc as ah,
   va as ai,
-  cd as aj,
-  ud as ak,
-  vc as b,
+  ud as aj,
+  sd as ak,
+  fc as b,
   Va as c,
-  yc as d,
-  pc as e,
-  mc as f,
+  vc as d,
+  yc as e,
+  pc as f,
   ue as g,
   wn as h,
-  bc as i,
+  hc as i,
   Oo as j,
-  gc as k,
-  wc as l,
-  _c as m,
-  Sc as n,
-  kc as o,
+  bc as k,
+  gc as l,
+  wc as m,
+  _c as n,
+  Sc as o,
   Wt as p,
-  $c as q,
-  jc as r,
-  Cc as s,
-  xc as t,
-  Tc as u,
-  Vc as v,
-  Ic as w,
+  kc as q,
+  $c as r,
+  jc as s,
+  Cc as t,
+  xc as u,
+  Tc as v,
+  Vc as w,
   Ft as x,
-  Ec as y,
-  Lc as z
+  Ic as y,
+  Ec as z
 };