@maltjoy/core-vue 5.8.0 → 5.8.1

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as zt, createVNode as R, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as F, Fragment as H, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as D, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Me, resolveDirective as ut, withDirectives as Ye, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as xe, useSlots as Y, withKeys as Oe, provide as Ke, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
+import { defineComponent as A, computed as T, openBlock as c, createElementBlock as v, normalizeClass as I, createElementVNode as h, ref as S, onMounted as te, onUnmounted as zt, createVNode as N, toDisplayString as J, createCommentVNode as w, createApp as go, createTextVNode as D, Fragment as H, createBlock as L, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as _, unref as R, renderList as U, inject as Ce, normalizeStyle as ee, useAttrs as be, useId as Me, resolveDirective as ut, withDirectives as Ye, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as _o, customRef as wo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as jo, h as ko, Teleport as xe, useSlots as Y, withKeys as Oe, provide as Ke, onBeforeUnmount as Ee, Transition as dt, createSlots as ct, normalizeProps as $o, guardReactiveProps as So, mergeModels as Co, useModel as Vo, createStaticVNode as Ot, shallowReadonly as Te, onBeforeMount as To, vShow as Lo, render as wt, withModifiers as Io } from "vue";
 function jt(e) {
   const t = e.target;
   if (!t)
@@ -100,7 +100,7 @@ const Ze = function(e = 10) {
 function ye(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
+const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -151,7 +151,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
 }), Mo = { class: "joy-snackbar__img joy-core-radius-6" }, Oo = { class: "joy-snackbar__content" }, Fo = {
   key: 0,
   class: "joy-mb-1"
-}, Do = ["innerHTML"], Ro = /* @__PURE__ */ B({
+}, Do = ["innerHTML"], Ro = /* @__PURE__ */ A({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -199,7 +199,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(!0);
+    const l = e, o = S(!0);
     let n, i;
     const a = "joy-snackbar-" + Ze(), r = T(() => Dt(l.level));
     function s() {
@@ -248,7 +248,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
         class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         h("div", Mo, [
-          R(q, {
+          N(q, {
             color: "white",
             name: r.value,
             size: "small"
@@ -269,7 +269,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
           class: "joy-snackbar__close-icon",
           onClick: p
         }, [
-          R(q, {
+          N(q, {
             color: "white",
             name: "cross"
           })
@@ -351,7 +351,7 @@ function Ds(e) {
     snackbarApp: t
   };
 }
-const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ B({
+const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ A({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -359,12 +359,12 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
   setup(e) {
     return (t, l) => (c(), v("div", Go, [
       h("span", Yo, [
-        R(q, { name: "eye" }),
-        F(" " + J(t.label), 1)
+        N(q, { name: "eye" }),
+        D(" " + J(t.label), 1)
       ])
     ]));
   }
-}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
+}), Rs = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-ac8dcdf4"]]), Zo = ["title"], Xo = /* @__PURE__ */ A({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -385,14 +385,14 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
         class: I(l.value)
       }, null, 2),
       o.label ? (c(), v(H, { key: 0 }, [
-        F(J(o.label), 1)
+        D(J(o.label), 1)
       ], 64)) : w("", !0)
     ], 10, Zo));
   }
 }), Ns = /* @__PURE__ */ x(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
-}, tn = ["height"], on = /* @__PURE__ */ B({
+}, tn = ["height"], on = /* @__PURE__ */ A({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -461,10 +461,10 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
             }, null, 8, Qo)) : w("", !0)
           ], !0),
           u.fullName && u.showLetters ? (c(), v(H, { key: 1 }, [
-            F(J(d.value), 1)
+            D(J(d.value), 1)
           ], 64)) : w("", !0),
           u.totalNumber ? (c(), v(H, { key: 2 }, [
-            F(J("+" + u.totalNumber), 1)
+            D(J("+" + u.totalNumber), 1)
           ], 64)) : w("", !0)
         ]),
         _: 3
@@ -485,7 +485,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : w("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-95311575"]]), ln = /* @__PURE__ */ B({
+}), nn = /* @__PURE__ */ x(on, [["__scopeId", "data-v-95311575"]]), ln = /* @__PURE__ */ A({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -502,7 +502,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), qs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ B({
+}), qs = /* @__PURE__ */ x(ln, [["__scopeId", "data-v-c985cccf"]]), an = { key: 0 }, rn = /* @__PURE__ */ A({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -519,7 +519,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       l.value ? (c(), v("span", an, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : w("", !0)
     ], 2));
   }
-}), $t = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ B({
+}), $t = /* @__PURE__ */ x(rn, [["__scopeId", "data-v-7008433b"]]), sn = /* @__PURE__ */ A({
   __name: "VJoyBadge",
   props: {
     /**
@@ -564,7 +564,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
         variant: e.variant
       }, null, 8, ["variant"])) : w("", !0),
       _(o.$slots, "default", {}, () => [
-        F(J(e.label), 1)
+        D(J(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -594,7 +594,7 @@ const dn = { class: "joy-badge-level" }, cn = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, mn = /* @__PURE__ */ B({
+}, mn = /* @__PURE__ */ A({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -634,7 +634,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       }
     });
     return (o, n) => (c(), v("span", dn, [
-      e.type === D(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
+      e.type === R(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -654,13 +654,13 @@ const dn = { class: "joy-badge-level" }, cn = {
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
       ])))), 128)) : w("", !0),
-      e.type === D(X).HIGH_POTENTIAL ? (c(), v("svg", cn, n[1] || (n[1] = [
+      e.type === R(X).HIGH_POTENTIAL ? (c(), v("svg", cn, n[1] || (n[1] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === D(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", fn, n[2] || (n[2] = [
+      e.type === R(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", fn, n[2] || (n[2] = [
         h("path", {
           fill: "#EF4E16",
           d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
@@ -678,7 +678,7 @@ const dn = { class: "joy-badge-level" }, cn = {
           d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === D(X).MALT_LINKER ? (c(), v("svg", pn, n[3] || (n[3] = [
+      e.type === R(X).MALT_LINKER ? (c(), v("svg", pn, n[3] || (n[3] = [
         h("path", {
           d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
           fill: "#E3F8FB"
@@ -688,7 +688,7 @@ const dn = { class: "joy-badge-level" }, cn = {
           fill: "#FF91F0"
         }, null, -1)
       ]))) : w("", !0),
-      e.type === D(He).HIGH_POTENTIAL ? (c(), v("svg", yn, n[4] || (n[4] = [
+      e.type === R(He).HIGH_POTENTIAL ? (c(), v("svg", yn, n[4] || (n[4] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
@@ -698,19 +698,19 @@ const dn = { class: "joy-badge-level" }, cn = {
         class: I([
           {
             "joy-badge-level__tag": e.visibleText,
-            red: e.type === D(X).NEW || e.type === D(X).MALT_LINKER || e.type === D(X).HIGH_POTENTIAL_AUTO,
-            blue: e.type === D(He).HIGH_POTENTIAL || e.type === D(X).HIGH_POTENTIAL || e.type === D(X).SUPER_MALTER,
-            turquoise: e.type === D(X).VERIFIED
+            red: e.type === R(X).NEW || e.type === R(X).MALT_LINKER || e.type === R(X).HIGH_POTENTIAL_AUTO,
+            blue: e.type === R(He).HIGH_POTENTIAL || e.type === R(X).HIGH_POTENTIAL || e.type === R(X).SUPER_MALTER,
+            turquoise: e.type === R(X).VERIFIED
           }
         ])
       }, [
         e.visibleText ? _(o.$slots, "default", { key: 0 }, () => [
-          F(J(l.value), 1)
+          D(J(l.value), 1)
         ], !0) : w("", !0)
       ], 2)
     ]));
   }
-}), Hs = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ B({
+}), Hs = /* @__PURE__ */ x(mn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ A({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -747,7 +747,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       })
     }, null, 6));
   }
-}), Ws = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ B({
+}), Ws = /* @__PURE__ */ x(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ A({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -759,7 +759,7 @@ const dn = { class: "joy-badge-level" }, cn = {
       class: I(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ x(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ B({
+}), Ht = /* @__PURE__ */ x(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ A({
   __name: "VJoyButton",
   props: {
     /**
@@ -826,10 +826,10 @@ const dn = { class: "joy-badge-level" }, cn = {
     }), a = T(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, s) => {
       const d = ut("joy-ripple");
-      return Ye((c(), L(Z(D(o).href ? "a" : "button"), {
+      return Ye((c(), L(Z(R(o).href ? "a" : "button"), {
         id: e.id,
-        disabled: e.loading || D(o).disabled,
-        type: D(o).type || "button",
+        disabled: e.loading || R(o).disabled,
+        type: R(o).type || "button",
         class: I([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -859,7 +859,7 @@ const dn = { class: "joy-badge-level" }, cn = {
             class: "joy-button--slot"
           }, [
             _(r.$slots, "default", {}, () => [
-              F(J(e.label), 1)
+              D(J(e.label), 1)
             ], !0)
           ]),
           e.icon && e.iconPosition === "right" ? (c(), L(q, {
@@ -881,7 +881,7 @@ function Xe(e) {
   return Jt() ? (Pt(e), !0) : !1;
 }
 function me(e) {
-  return typeof e == "function" ? e() : D(e);
+  return typeof e == "function" ? e() : R(e);
 }
 const Qe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -895,7 +895,7 @@ function jn(...e) {
   if (e.length !== 1)
     return bo(...e);
   const t = e[0];
-  return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : C(t);
+  return typeof t == "function" ? _o(wo(() => ({ get: t, set: Le }))) : S(t);
 }
 function we(e) {
   var t;
@@ -966,7 +966,7 @@ function kn(e, t, l = {}) {
   return () => p.forEach((f) => f());
 }
 function $n() {
-  const e = C(!1), t = jo();
+  const e = S(!1), t = jo();
   return t && te(() => {
     e.value = !0;
   }, t), e;
@@ -976,7 +976,7 @@ function Sn(e) {
   return T(() => (t.value, !!e()));
 }
 function Cn(e, t = {}) {
-  const l = C(!1), o = Mt(null);
+  const l = S(!1), o = Mt(null);
   let n = 0, i = !0;
   if (Qe) {
     const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
@@ -988,7 +988,7 @@ function Cn(e, t = {}) {
       var d, p;
       const u = Array.from(((d = s == null ? void 0 : s.dataTransfer) == null ? void 0 : d.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(bn);
       if (a.dataTypes && s.dataTransfer) {
-        const f = D(a.dataTypes);
+        const f = R(a.dataTypes);
         if (i = typeof f == "function" ? f(u) : f ? f.some((m) => u.includes(m)) : !0, !i)
           return;
       }
@@ -1034,7 +1034,7 @@ function Vn(e, t, l = {}) {
 }
 function Tn(e) {
   var t;
-  const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
+  const l = S(e == null ? void 0 : e.element), o = S(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = S(1);
   function a() {
     var r, s;
     if (!l.value)
@@ -1048,12 +1048,12 @@ function Tn(e) {
     triggerResize: a
   };
 }
-const pt = /* @__PURE__ */ B({
+const pt = /* @__PURE__ */ A({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = C();
+    const o = S();
     return kn(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
@@ -1109,7 +1109,7 @@ function An(e) {
 }
 const Re = /* @__PURE__ */ new WeakMap();
 function xn(e, t = !1) {
-  const l = C(t);
+  const l = S(t);
   let o = null, n;
   G(jn(e), (r) => {
     const s = ot(me(r));
@@ -1146,7 +1146,7 @@ function xn(e, t = !1) {
 }
 function En() {
   let e = !1;
-  const t = C(!1);
+  const t = S(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
@@ -1156,7 +1156,7 @@ function En() {
   };
 }
 En();
-const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ B({
+const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, Vt = "moving", Pn = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1169,100 +1169,105 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = be(), i = T(() => {
-      if (r.value)
+      if (s.value)
         return n;
-    }), a = l, r = C(!1), s = C(!1), d = C(o.open), p = C(!1), u = C();
-    let f = 0;
-    function m() {
-      d.value = !0, M();
-    }
+    }), a = l, r = {
+      ignore: ["[data-click-outside-ignore]"]
+    }, s = S(!1), d = S(!1), p = S(o.open), u = S(!1), f = S();
+    let m = 0;
     function y() {
-      o.frozen || (s.value = !0, setTimeout(async () => {
-        p.value = !1, s.value = !1, d.value = !1, ye(!1), a("bottom-sheet:close");
+      p.value = !0, V();
+    }
+    function g() {
+      o.frozen || (d.value = !0, setTimeout(async () => {
+        u.value = !1, d.value = !1, p.value = !1, ye(!1), a("bottom-sheet:close");
       }, 300));
     }
-    function g(j) {
-      p.value = !0, u.value.classList.add(Vt), f = k(j);
+    function b(M) {
+      u.value = !0, f.value.classList.add(Vt), m = E(M);
     }
-    function b(j) {
-      p.value && ($(j) > Ct && y(), A());
+    function C(M) {
+      u.value && (k(M) > Ct && g(), O());
     }
-    function V(j) {
-      if (p.value) {
-        const N = $(j);
-        N > Ct ? y() : N > 0 && E(N);
+    function $(M) {
+      if (u.value) {
+        const j = k(M);
+        j > Ct ? g() : j > 0 && B(j);
       }
     }
-    function $(j) {
-      return k(j) - f;
+    function k(M) {
+      return E(M) - m;
     }
-    function k(j) {
-      return ["touchend", "touchmove", "touchstart"].includes(j.type) ? j.changedTouches[0].clientY : j.clientY;
+    function E(M) {
+      return ["touchend", "touchmove", "touchstart"].includes(M.type) ? M.changedTouches[0].clientY : M.clientY;
     }
-    function E(j) {
-      u.value.style.setProperty("transform", `translateY(${j}px)`);
+    function B(M) {
+      f.value.style.setProperty("transform", `translateY(${M}px)`);
     }
-    function A() {
-      u.value.classList.remove(Vt), u.value.style.removeProperty("transform"), p.value = !1;
+    function O() {
+      f.value.classList.remove(Vt), f.value.style.removeProperty("transform"), u.value = !1;
     }
-    function M() {
+    function V() {
       o.preventBodyScroll && ye(!0);
     }
     return G(
       () => o.open,
-      (j) => {
-        j === !0 ? m() : y();
+      (M) => {
+        M === !0 ? y() : g();
       }
     ), te(() => {
-      r.value = !0, o.open && M();
+      s.value = !0, o.open && V();
     }), t({
-      hide: y,
-      show: m,
-      isOpen: d,
-      moveContainer: E
-    }), (j, N) => r.value ? (c(), L(xe, {
+      hide: g,
+      show: y,
+      isOpen: p,
+      moveContainer: B
+    }), (M, j) => s.value ? (c(), L(xe, {
       key: 0,
-      to: j.teleport
+      to: M.teleport
     }, [
-      d.value ? (c(), v("div", W({ key: 0 }, i.value, {
+      p.value ? (c(), v("div", W({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
-            "joy-bottom-sheet--open": d.value,
-            "joy-bottom-sheet--hiding": s.value && d.value,
-            "joy-bottom-sheet--frozen": j.frozen
+            "joy-bottom-sheet--open": p.value,
+            "joy-bottom-sheet--hiding": d.value && p.value,
+            "joy-bottom-sheet--frozen": M.frozen
           }
         ]
       }), [
-        N[1] || (N[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
-        R(D(pt), { onTrigger: y }, {
+        j[1] || (j[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        N(R(pt), {
+          options: r,
+          onTrigger: g
+        }, {
           default: z(() => [
             h("div", {
               ref_key: "bottomSheetContainerElement",
-              ref: u,
+              ref: f,
               class: "joy-bottom-sheet-container"
             }, [
               h("div", {
                 class: "joy-bottom-sheet_header",
-                onMousedown: g,
-                onMouseup: b,
-                onMousemove: V,
-                onMouseleave: b,
-                onTouchstart: g,
-                onTouchend: b,
-                onTouchmove: V
-              }, N[0] || (N[0] = [
+                onMousedown: b,
+                onMouseup: C,
+                onMousemove: $,
+                onMouseleave: C,
+                onTouchstart: b,
+                onTouchend: C,
+                onTouchmove: $
+              }, j[0] || (j[0] = [
                 h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
               h("div", zn, [
-                _(j.$slots, "bottom-sheet-content", {}, void 0, !0)
+                _(M.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               h("div", Jn, [
-                _(j.$slots, "bottom-sheet-cta", {}, () => [
-                  R(ne, {
+                _(M.$slots, "bottom-sheet-cta", {}, () => [
+                  N(ne, {
                     class: "joy-bottom-sheet_footer-close",
-                    label: j.closeLabel,
-                    onClick: y
+                    label: M.closeLabel,
+                    onClick: g
                   }, null, 8, ["label"])
                 ], !0)
               ])
@@ -1273,7 +1278,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 16)) : w("", !0)
     ], 8, ["to"])) : w("", !0);
   }
-}), Us = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-098e6a23"]]), Gs = /* @__PURE__ */ B({
+}), Us = /* @__PURE__ */ x(Pn, [["__scopeId", "data-v-0f122c0c"]]), Gs = /* @__PURE__ */ A({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1290,7 +1295,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ B({
+}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ A({
   __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 */
@@ -1347,7 +1352,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(), a = C(n.indeterminate), r = C(n.invalid && !n.checked), s = C(!1);
+    const o = l, n = e, i = S(), a = S(n.indeterminate), r = S(n.invalid && !n.checked), s = S(!1);
     G(
       () => n.invalid,
       (p) => {
@@ -1410,7 +1415,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         ]),
         h("div", Dn, [
           _(p.$slots, "default", {}, () => [
-            F(J(e.label), 1)
+            D(J(e.label), 1)
           ], !0),
           h("div", Rn, [
             _(p.$slots, "checkbox-content", {}, void 0, !0)
@@ -1422,7 +1427,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }), Gt = /* @__PURE__ */ x(Nn, [["__scopeId", "data-v-b08aada8"]]), qn = ["id"], Hn = { class: "joy-collapse-item__header-right" }, Wn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ B({
+}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ A({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1454,7 +1459,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = C(o.open), a = C(!1);
+    const o = e, n = l, i = S(o.open), a = S(!1);
     G(
       () => o.open,
       (d) => {
@@ -1500,12 +1505,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : w("", !0),
-          F(" " + J(e.header), 1)
+          D(" " + J(e.header), 1)
         ], 8, qn),
         h("div", Hn, [
           _(d.$slots, "collapse-header-right")
         ]),
-        R(q, {
+        N(q, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
@@ -1529,7 +1534,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 10, Gn)) : w("", !0)
     ], 2));
   }
-}), Kn = /* @__PURE__ */ x(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ B({
+}), Kn = /* @__PURE__ */ x(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ A({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1554,7 +1559,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = C(o.modelValue), i = Y(), a = l, r = T(() => {
+    const o = e, n = S(o.modelValue), i = Y(), a = l, r = T(() => {
       const y = i.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(s) : y.filter(s);
     });
@@ -1599,19 +1604,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         "onCollapseItem:close": () => f(b)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-header-right"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
+          (c(!0), v(H, null, U(d(b, "collapse-header-right"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), v(H, null, U(d(b, "collapse-preview"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
+          (c(!0), v(H, null, U(d(b, "collapse-preview"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         default: z(() => [
-          (c(!0), v(H, null, U(d(b, "default"), (V, $) => (c(), L(Z(V), { key: $ }))), 128))
+          (c(!0), v(H, null, U(d(b, "default"), (C, $) => (c(), L(Z(C), { key: $ }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Ys = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ B({
+}), Ys = /* @__PURE__ */ x(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ A({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1659,7 +1664,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Ks = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ B({
+}), Ks = /* @__PURE__ */ x(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ A({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1734,7 +1739,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ul = {
   key: 2,
   class: "joy-dialog--indicators"
-}, dl = /* @__PURE__ */ B({
+}, dl = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -1816,20 +1821,20 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDialog", a = Y(), r = C(!1), s = C(), d = C(o.open), p = be(), u = T(() => {
+    const o = e, n = l, i = Me() + "--JoyDialog", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = T(() => {
       if (r.value)
         return p;
     }), f = T(() => {
-      const A = a["dialog-cancel"] || a["dialog-confirm"], M = o.cancelText || o.confirmText;
-      return !!A || !!M;
+      const B = a["dialog-cancel"] || a["dialog-confirm"], O = o.cancelText || o.confirmText;
+      return !!B || !!O;
     }), y = T(() => o.id || i).value + "-header";
     function g() {
       !o.patternConfirm && b();
     }
-    async function b(A = { fireHideEvent: !0 }) {
-      o.demoMode || (d.value = !1, await Je(), ye(!1), A.fireHideEvent && n("dialog:hide"));
+    async function b(B = { fireHideEvent: !0 }) {
+      o.demoMode || (d.value = !1, await Je(), ye(!1), B.fireHideEvent && n("dialog:hide"));
     }
-    async function V() {
+    async function C() {
       d.value = !0, await Je(), o.preventBodyScroll && ye(!0);
     }
     function $() {
@@ -1849,13 +1854,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       hasFooterSlots: f,
       hide: b,
       isOpen: d,
-      show: V
-    }), (A, M) => r.value ? (c(), L(xe, {
+      show: C
+    }), (B, O) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      R(dt, {
+      N(dt, {
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
@@ -1893,7 +1898,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               ])
             }, [
               h("div", nl, [
-                e.patternBrand ? (c(), v("div", ll, M[3] || (M[3] = [
+                e.patternBrand ? (c(), v("div", ll, O[3] || (O[3] = [
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ]))) : w("", !0),
@@ -1907,17 +1912,17 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   })
                 }, null, 4)) : w("", !0),
                 h("div", al, [
-                  A.$slots["dialog-preheader"] ? (c(), v("div", rl, [
-                    _(A.$slots, "dialog-preheader", {}, void 0, !0)
+                  B.$slots["dialog-preheader"] ? (c(), v("div", rl, [
+                    _(B.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : w("", !0),
                   h("div", {
                     id: y,
                     class: "joy-dialog--header__title"
                   }, [
-                    _(A.$slots, "dialog-header", {}, void 0, !0)
+                    _(B.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", il, [
-                    _(A.$slots, "dialog-subheader", {}, void 0, !0)
+                    _(B.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? w("", !0) : (c(), L(ne, {
                     key: 1,
@@ -1929,11 +1934,11 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: M[0] || (M[0] = (j) => b())
+                    onClick: O[0] || (O[0] = (V) => b())
                   }, null, 8, ["label"]))
                 ]),
                 h("div", sl, [
-                  _(A.$slots, "dialog-body", {}, void 0, !0)
+                  _(B.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
                   class: I([
@@ -1943,35 +1948,35 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     }
                   ])
                 }, [
-                  R(re, {
+                  N(re, {
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
                     default: z(() => [
-                      _(A.$slots, "dialog-cancel", {}, () => [
+                      _(B.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: M[1] || (M[1] = (j) => b())
+                          onClick: O[1] || (O[1] = (V) => b())
                         }, {
                           default: z(() => [
-                            F(J(e.cancelText), 1)
+                            D(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
                       ], !0),
-                      _(A.$slots, "dialog-confirm", {}, () => [
+                      _(B.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (c(), L(ne, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: M[2] || (M[2] = (j) => n("dialog:confirm"))
+                          onClick: O[2] || (O[2] = (V) => n("dialog:confirm"))
                         }, {
                           default: z(() => [
-                            F(J(e.confirmText), 1)
+                            D(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -1980,8 +1985,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     _: 3
                   })
                 ], 2),
-                D(a)["dialog-indicators"] ? (c(), v("div", ul, [
-                  _(A.$slots, "dialog-indicators", {}, void 0, !0)
+                R(a)["dialog-indicators"] ? (c(), v("div", ul, [
+                  _(B.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : w("", !0)
               ])
             ], 2)
@@ -1991,7 +1996,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Zs = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Xs = /* @__PURE__ */ B({
+}), Zs = /* @__PURE__ */ x(dl, [["__scopeId", "data-v-0f773f72"]]), Xs = /* @__PURE__ */ A({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2014,7 +2019,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, ml = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, vl = /* @__PURE__ */ B({
+}, vl = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2080,12 +2085,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Me() + "--JoyDrawer", a = Y(), r = C(!1), s = C(), d = C(o.open), p = be(), u = T(() => {
+    const o = e, n = l, i = Me() + "--JoyDrawer", a = Y(), r = S(!1), s = S(), d = S(o.open), p = be(), u = T(() => {
       if (r.value)
         return p;
     }), f = T(() => {
-      const E = a["drawer-cancel"] || a["drawer-confirm"], A = o.cancelText || o.confirmText;
-      return !!E || !!A;
+      const E = a["drawer-cancel"] || a["drawer-confirm"], B = o.cancelText || o.confirmText;
+      return !!E || !!B;
     }), m = T(() => o.id || i), y = m.value + "-header";
     async function g(E = { fireHideEvent: !0 }) {
       o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (d.value = !1, await Je(), ye(!1), E.fireHideEvent && n("drawer:hide"));
@@ -2093,7 +2098,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     async function b() {
       d.value = !0, await Je(), !o.elevated && o.preventBodyScroll && ye(!0);
     }
-    function V() {
+    function C() {
       n("drawer:open");
     }
     function $() {
@@ -2111,16 +2116,16 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       hide: g,
       isOpen: d,
       show: b
-    }), (E, A) => r.value ? (c(), L(xe, {
+    }), (E, B) => r.value ? (c(), L(xe, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      R(dt, {
+      N(dt, {
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: V,
+        onEnter: C,
         onAfterEnter: $,
         onAfterLeave: k
       }, {
@@ -2140,7 +2145,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               }
             ],
             "aria-labelledby": y,
-            onKeydown: A[4] || (A[4] = Oe((M) => g(), ["esc"]))
+            onKeydown: B[4] || (B[4] = Oe((O) => g(), ["esc"]))
           }), [
             e.elevated ? w("", !0) : (c(), v("div", {
               key: 0,
@@ -2150,7 +2155,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   "joy-drawer__overlay--open": d.value
                 }
               ]),
-              onClick: A[0] || (A[0] = (M) => g())
+              onClick: B[0] || (B[0] = (O) => g())
             }, null, 2)),
             h("div", {
               class: I([
@@ -2171,7 +2176,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   h("p", yl, [
                     _(E.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
-                  R(ne, {
+                  N(ne, {
                     id: "joy-drawer--close",
                     circle: "",
                     icon: "cross",
@@ -2180,7 +2185,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: A[1] || (A[1] = (M) => g())
+                    onClick: B[1] || (B[1] = (O) => g())
                   }, null, 8, ["label"])
                 ]),
                 h("div", ml, [
@@ -2194,7 +2199,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     }
                   ])
                 }, [
-                  R(re, {
+                  N(re, {
                     justify: "flex-end",
                     "no-margin": "",
                     class: "joy-drawer--footer-wrapper"
@@ -2206,10 +2211,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: A[2] || (A[2] = (M) => g())
+                          onClick: B[2] || (B[2] = (O) => g())
                         }, {
                           default: z(() => [
-                            F(J(e.cancelText), 1)
+                            D(J(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2220,10 +2225,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: A[3] || (A[3] = (M) => n("drawer:confirm"))
+                          onClick: B[3] || (B[3] = (O) => n("drawer:confirm"))
                         }, {
                           default: z(() => [
-                            F(J(e.confirmText), 1)
+                            D(J(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : w("", !0)
@@ -2240,7 +2245,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       })
     ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), Qs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), eu = /* @__PURE__ */ B({
+}), Qs = /* @__PURE__ */ x(vl, [["__scopeId", "data-v-056f6134"]]), eu = /* @__PURE__ */ A({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2263,7 +2268,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
 }, gl = ["aria-label", "aria-labelledby"], bl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], _l = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, wl = /* @__PURE__ */ B({
+}, wl = /* @__PURE__ */ A({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2307,7 +2312,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(), a = T(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
+    const o = l, n = e, i = S(), a = T(() => (y) => !n.modelValue || !y.value && !y.id ? !1 : n.modelValue === y.value || n.modelValue === y.id);
     function r(y) {
       y.disabled || o("update:modelValue", y.value || y.id);
     }
@@ -2336,8 +2341,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           o("update:modelValue", b.dataModel);
         }
         if (p() && y.key === " " && y.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) {
-          const b = s(), V = p();
-          let $ = b.indexOf(V);
+          const b = s(), C = p();
+          let $ = b.indexOf(C);
           if (b.length) {
             y.preventDefault(), y.key === "ArrowDown" ? $++ : y.key === "ArrowUp" ? $-- : y.key === "Home" ? $ = 0 : y.key === "End" && ($ = b.length - 1), $ < 0 && ($ = b.length - 1), $ > b.length - 1 && ($ = 0), f(b[$]);
             return;
@@ -2404,7 +2409,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             "aria-label": b.label,
             ".dataModel": b.value || b.id,
             role: "option",
-            onClick: (V) => r(b)
+            onClick: (C) => r(b)
           }, [
             _(y.$slots, "label", W({ ref_for: !0 }, b), () => [
               h("span", null, J(b.label), 1)
@@ -2432,7 +2437,7 @@ function Yt(e, t) {
     t && ((l = e.value) == null || l.focus());
   });
 }
-const $l = /* @__PURE__ */ B({
+const $l = /* @__PURE__ */ A({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2520,23 +2525,23 @@ const $l = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(!1), a = C(null), r = C(), s = C(null), d = C(null), p = C(!1), u = "joy-dropdown--" + Ze();
+    const o = l, n = e, i = S(!1), a = S(null), r = S(), s = S(null), d = S(null), p = S(!1), u = "joy-dropdown--" + Ze();
     Ke("VJoyDropdownContext", n);
     const f = {
-      ignore: [r, ".joy-dropdown__list"]
+      ignore: [r, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
     let m = null;
     G(
       () => i.value,
-      (j) => {
-        j && Jo(s);
+      (V) => {
+        V && Jo(s);
       },
       { flush: "post" }
     );
     const y = T(() => {
-      let j = `${n.dropdownGap}px`;
-      return n.direction === "up" && (j = "-" + j), {
-        marginTop: j
+      let V = `${n.dropdownGap}px`;
+      return n.direction === "up" && (V = "-" + V), {
+        marginTop: V
       };
     });
     function g() {
@@ -2547,8 +2552,8 @@ const $l = /* @__PURE__ */ B({
     function b() {
       p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
-    function V(j) {
-      j.stopPropagation(), i.value ? $() : b(), d.value = j.target;
+    function C(V) {
+      V.stopPropagation(), i.value ? $() : b(), d.value = V.target;
     }
     function $() {
       g(), k();
@@ -2556,21 +2561,21 @@ const $l = /* @__PURE__ */ B({
     function k() {
       d.value && d.value.focus();
     }
-    function E(j) {
-      o("update:modelValue", j), n.closeOnSelect && (g(), k());
+    function E(V) {
+      o("update:modelValue", V), n.closeOnSelect && (g(), k());
     }
-    function A() {
+    function B() {
       o("dropdown:reset");
     }
-    function M() {
+    function O() {
       !r.value || !r.value.children.length || (r.value.children[0].id = u);
     }
     return kl(g), te(() => {
-      M();
+      O();
     }), t({
       showDropdownList: i,
       generatedId: u
-    }), (j, N) => (c(), L(D(pt), {
+    }), (V, M) => (c(), L(R(pt), {
       ref_key: "dropdown",
       ref: a,
       options: f,
@@ -2583,9 +2588,9 @@ const $l = /* @__PURE__ */ B({
           ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: V
+          onClick: C
         }, [
-          _(j.$slots, "dropdown-button", {}, void 0, !0)
+          _(V.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         i.value ? (c(), v("div", {
           key: 0,
@@ -2602,7 +2607,7 @@ const $l = /* @__PURE__ */ B({
           ]),
           style: ee(y.value)
         }, [
-          R(jl, {
+          N(jl, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -2613,33 +2618,33 @@ const $l = /* @__PURE__ */ B({
             "aria-labelled-by": u,
             "onUpdate:modelValue": E,
             "onClose:dropdownList": $,
-            onReset: A
+            onReset: B
           }, ct({
-            label: z((S) => [
-              _(j.$slots, "dropdown-item", $o(So(S)), () => [
-                h("span", null, J(S.label), 1)
+            label: z((j) => [
+              _(V.$slots, "dropdown-item", $o(So(j)), () => [
+                h("span", null, J(j.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            j.$slots["dropdown-header"] ? {
+            V.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: z(() => [
-                _(j.$slots, "dropdown-header", {}, void 0, !0)
+                _(V.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            j.$slots["dropdown-items"] ? {
+            V.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: z(() => [
-                _(j.$slots, "dropdown-items", {}, void 0, !0)
+                _(V.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            j.$slots["dropdown-footer"] ? {
+            V.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: z(() => [
-                _(j.$slots, "dropdown-footer", {}, void 0, !0)
+                _(V.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -2649,7 +2654,7 @@ const $l = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-8d25933f"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ B({
+}), tu = /* @__PURE__ */ x($l, [["__scopeId", "data-v-91e88e50"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, Vl = /* @__PURE__ */ A({
   __name: "VJoyFormError",
   props: {
     /**
@@ -2681,7 +2686,7 @@ const $l = /* @__PURE__ */ B({
       class: I(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      R(q, {
+      N(q, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -2689,19 +2694,19 @@ const $l = /* @__PURE__ */ B({
         t.default ? _(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Cl, [
           (c(!0), v(H, null, U(e.errors, (n) => (c(), v("li", { key: n }, J(n), 1))), 128))
         ])) : (c(), v(H, { key: 2 }, [
-          F(J(e.noHtmlErrorText), 1)
+          D(J(e.noHtmlErrorText), 1)
         ], 64))
       ])
     ], 10, Sl));
   }
-}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-ff064142"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ B({
+}), yt = /* @__PURE__ */ x(Vl, [["__scopeId", "data-v-ff064142"]]), Tl = { class: "joy-dropzone__icon-wrapper" }, Ll = /* @__PURE__ */ A({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
     return (t, l) => (c(), v("div", Tl, [
-      R(q, {
+      N(q, {
         "aria-hidden": "true",
         name: e.name,
         class: "joy-dropzone__icon"
@@ -2714,7 +2719,7 @@ const $l = /* @__PURE__ */ B({
 }, xl = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, El = /* @__PURE__ */ B({
+}, El = /* @__PURE__ */ A({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -2735,7 +2740,7 @@ const $l = /* @__PURE__ */ B({
       class: "joy-dropzone__file"
     }, {
       default: z(() => [
-        R(Kt, {
+        N(Kt, {
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
@@ -2746,7 +2751,7 @@ const $l = /* @__PURE__ */ B({
           ])) : w("", !0),
           o.error ? (c(), v("p", xl, J(o.error), 1)) : w("", !0)
         ]),
-        R(re, {
+        N(re, {
           "column-gap": "1",
           wrap: "nowrap",
           "no-margin": "",
@@ -2754,7 +2759,7 @@ const $l = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             _(o.$slots, "actions", { file: o.file }, void 0, !0),
-            R(ne, {
+            N(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
@@ -2763,7 +2768,7 @@ const $l = /* @__PURE__ */ B({
               "aria-label": o.updateLabel,
               onClick: n[0] || (n[0] = (i) => o.$emit("update"))
             }, null, 8, ["title", "aria-label"]),
-            R(ne, {
+            N(ne, {
               circle: "",
               size: "small",
               variant: "ghost",
@@ -2785,7 +2790,7 @@ const $l = /* @__PURE__ */ B({
 }, Ol = { class: "joy-dropzone__instruction__text" }, Fl = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Dl = /* @__PURE__ */ B({
+}, Dl = /* @__PURE__ */ A({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Co({
     name: {},
@@ -2803,67 +2808,67 @@ const $l = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = Vo(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { isOverDropZone: d } = Cn(r, {
+    const l = Y(), o = e, n = Vo(e, "modelValue"), i = S(y(n.value)), a = S(), r = S(), s = S(), { isOverDropZone: d } = Cn(r, {
       onDrop: k
-    }), p = T(() => n.value.filter((S) => S instanceof File)), u = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
-    function f(S) {
-      return o.accept.length > 0 ? o.accept.includes(S.type) : !0;
+    }), p = T(() => n.value.filter((j) => j instanceof File)), u = T(() => o.multiple || p.value.length === 0 ? void 0 : g(p.value[0]));
+    function f(j) {
+      return o.accept.length > 0 ? o.accept.includes(j.type) : !0;
     }
-    function m(S) {
-      return S.size < o.maxSize * 1024 * 1024;
+    function m(j) {
+      return j.size < o.maxSize * 1024 * 1024;
     }
-    function y(S) {
-      return S.filter((O) => O instanceof File).some((O) => !f(O) || !m(O));
+    function y(j) {
+      return j.filter((F) => F instanceof File).some((F) => !f(F) || !m(F));
     }
-    function g(S) {
-      if (!(S instanceof File))
+    function g(j) {
+      if (!(j instanceof File))
         return;
-      const P = f(S), O = m(S);
-      if (!P && !O)
+      const P = f(j), F = m(j);
+      if (!P && !F)
         return o.errorTextFormatAndMaxSize;
       if (!P)
         return o.errorTextFormat;
-      if (!O)
+      if (!F)
         return o.errorTextMaxSize;
     }
     function b() {
       a.value = void 0, s.value && s.value.click();
     }
-    function V() {
+    function C() {
       s.value && (s.value.value = "");
     }
-    function $(S) {
-      var O;
-      const P = (O = S.target) == null ? void 0 : O.files;
-      !P || P.length === 0 || (a.value ? (N(a.value, Array.from(P)), a.value = void 0) : j(Array.from(P)));
+    function $(j) {
+      var F;
+      const P = (F = j.target) == null ? void 0 : F.files;
+      !P || P.length === 0 || (a.value ? (M(a.value, Array.from(P)), a.value = void 0) : V(Array.from(P)));
     }
-    function k(S) {
-      !S || S.length === 0 || (a.value = void 0, j(S));
+    function k(j) {
+      !j || j.length === 0 || (a.value = void 0, V(j));
     }
-    function E(S) {
-      a.value = S, s.value && s.value.click();
+    function E(j) {
+      a.value = j, s.value && s.value.click();
     }
-    function A(S) {
-      i.value = y(S), n.value = S;
+    function B(j) {
+      i.value = y(j), n.value = j;
     }
-    function M(S) {
-      A(n.value.filter((P) => P !== S));
+    function O(j) {
+      B(n.value.filter((P) => P !== j));
     }
-    function j(S) {
-      o.multiple ? A([...n.value, ...S]) : A([S[0]]);
+    function V(j) {
+      o.multiple ? B([...n.value, ...j]) : B([j[0]]);
     }
-    function N(S, [P, ...O]) {
+    function M(j, [P, ...F]) {
       if (o.multiple) {
         const K = [...n.value];
-        K[n.value.indexOf(S)] = P, K.push(...O), A(K);
+        K[n.value.indexOf(j)] = P, K.push(...F), B(K);
       } else
-        A([P]);
+        B([P]);
     }
     return t({
       invalid: i
-    }), (S, P) => (c(), v("div", {
+    }), (j, P) => (c(), v("div", {
       class: I(["joy-dropzone", {
-        "joy-dropzone--dragover": D(d),
+        "joy-dropzone--dragover": R(d),
         "joy-dropzone--invalid": i.value,
         "joy-dropzone--empty": n.value.length === 0
       }])
@@ -2876,45 +2881,45 @@ const $l = /* @__PURE__ */ B({
         h("input", {
           ref_key: "inputRef",
           ref: s,
-          name: S.name,
+          name: j.name,
           type: "file",
-          accept: S.accept.join(","),
-          multiple: S.multiple,
+          accept: j.accept.join(","),
+          multiple: j.multiple,
           tabindex: "-1",
           onChange: $,
-          onClick: V
+          onClick: C
         }, null, 40, Jl),
         h("label", {
-          for: S.name,
+          for: j.name,
           class: "joy-dropzone__label"
         }, [
           n.value.length > 0 ? (c(), v("div", Ml, [
-            (c(!0), v(H, null, U(n.value, (O, K) => (c(), L(zl, {
-              key: `${O.name}_${K}`,
-              file: O,
-              error: S.multiple ? g(O) : void 0,
-              "update-label": S.updateLabel,
-              "delete-label": S.deleteLabel,
-              onUpdate: (se) => E(O),
-              onDelete: (se) => M(O)
+            (c(!0), v(H, null, U(n.value, (F, K) => (c(), L(zl, {
+              key: `${F.name}_${K}`,
+              file: F,
+              error: j.multiple ? g(F) : void 0,
+              "update-label": j.updateLabel,
+              "delete-label": j.deleteLabel,
+              onUpdate: (se) => E(F),
+              onDelete: (se) => O(F)
             }, ct({ _: 2 }, [
               l["file-information"] ? {
                 name: "information",
                 fn: z(() => [
-                  _(S.$slots, "file-information", { file: O }, void 0, !0)
+                  _(j.$slots, "file-information", { file: F }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               l["file-actions"] ? {
                 name: "actions",
                 fn: z(() => [
-                  _(S.$slots, "file-actions", { file: O }, void 0, !0)
+                  _(j.$slots, "file-actions", { file: F }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : w("", !0),
-          n.value.length === 0 || S.multiple ? (c(), L(re, {
+          n.value.length === 0 || j.multiple ? (c(), L(re, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -2922,13 +2927,13 @@ const $l = /* @__PURE__ */ B({
             onClick: b
           }, {
             default: z(() => [
-              R(Kt, {
+              N(Kt, {
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
               h("p", Ol, [
-                _(S.$slots, "dropzone-description", {}, () => [
-                  P[0] || (P[0] = F("Drop your file here or click here"))
+                _(j.$slots, "dropzone-description", {}, () => [
+                  P[0] || (P[0] = D("Drop your file here or click here"))
                 ], !0)
               ])
             ]),
@@ -2937,7 +2942,7 @@ const $l = /* @__PURE__ */ B({
         ], 8, Pl)
       ], 512),
       l["dropzone-legend"] ? (c(), v("div", Fl, [
-        _(S.$slots, "dropzone-legend", {}, void 0, !0)
+        _(j.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : w("", !0),
       u.value ? (c(), L(yt, {
         key: 1,
@@ -2946,7 +2951,7 @@ const $l = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 2));
   }
-}), ou = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ B({
+}), ou = /* @__PURE__ */ x(Dl, [["__scopeId", "data-v-f7bce2ae"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ A({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2963,7 +2968,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ], 8, Rl));
   }
-}), nu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ B({
+}), nu = /* @__PURE__ */ x(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ A({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2990,9 +2995,9 @@ const $l = /* @__PURE__ */ B({
       class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
-      F(J(e.label) + " ", 1),
+      D(J(e.label) + " ", 1),
       _(a.$slots, "default", {}, void 0, !0),
-      D(n) ? (c(), L(q, {
+      R(n) ? (c(), L(q, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3001,7 +3006,7 @@ const $l = /* @__PURE__ */ B({
       })) : w("", !0)
     ], 2));
   }
-}), lu = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ B({
+}), lu = /* @__PURE__ */ x(Hl, [["__scopeId", "data-v-fcd9cacd"]]), Wl = /* @__PURE__ */ A({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3039,7 +3044,7 @@ const $l = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), au = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ B({
+}), au = /* @__PURE__ */ x(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ A({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3059,7 +3064,7 @@ const $l = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = C(!0), o = Y(), n = C(!0);
+    const l = S(!0), o = Y(), n = S(!0);
     Ke("VJoyStepperShowLabels", n);
     function i(s) {
       const d = s.currentTarget;
@@ -3112,7 +3117,7 @@ const $l = /* @__PURE__ */ B({
       ], 32)
     ], 2));
   }
-}), ru = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ B({
+}), ru = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ A({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), v("footer", Kl, [
@@ -3124,7 +3129,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), iu = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ B({
+}), iu = /* @__PURE__ */ x(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ A({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), v("header", ea, [
@@ -3136,7 +3141,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), su = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ B({
+}), su = /* @__PURE__ */ x(na, [["__scopeId", "data-v-d9804793"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ra = { key: 0 }, ia = /* @__PURE__ */ A({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3193,7 +3198,7 @@ const $l = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), uu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ B({
+}), uu = /* @__PURE__ */ x(ia, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ A({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3226,7 +3231,7 @@ const $l = /* @__PURE__ */ B({
       }, null, 10, sa)
     ], 2));
   }
-}), da = /* @__PURE__ */ x(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ B({
+}), da = /* @__PURE__ */ x(ua, [["__scopeId", "data-v-88a82b4f"]]), ca = /* @__PURE__ */ A({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3239,7 +3244,7 @@ const $l = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = C(o.modelValue), r = T(() => {
+    const o = e, n = l, i = Y(), a = S(o.modelValue), r = T(() => {
       const u = i.default();
       return u.length === 1 && typeof u[0].type != "object" ? u[0].children.filter(d) : u.filter(d);
     });
@@ -3441,13 +3446,13 @@ const _a = async (e, t, l) => {
   for (let g = 0; g < r.length; g++) {
     const {
       name: b,
-      fn: V
+      fn: C
     } = r[g], {
       x: $,
       y: k,
       data: E,
-      reset: A
-    } = await V({
+      reset: B
+    } = await C({
       x: p,
       y: u,
       initialPlacement: o,
@@ -3467,11 +3472,11 @@ const _a = async (e, t, l) => {
         ...m[b],
         ...E
       }
-    }, A && y <= 50 && (y++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (d = A.rects === !0 ? await a.getElementRects({
+    }, B && y <= 50 && (y++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (d = B.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : A.rects), {
+    }) : B.rects), {
       x: p,
       y: u
     } = Tt(d, f, s)), g = -1);
@@ -3500,7 +3505,7 @@ async function Xt(e, t) {
     elementContext: u = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = ke(t, e), y = Zt(m), b = r[f ? u === "floating" ? "reference" : "floating" : u], V = Ue(await i.getClippingRect({
+  } = ke(t, e), y = Zt(m), b = r[f ? u === "floating" ? "reference" : "floating" : u], C = Ue(await i.getClippingRect({
     element: (l = await (i.isElement == null ? void 0 : i.isElement(b))) == null || l ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: d,
     rootBoundary: p,
@@ -3516,17 +3521,17 @@ async function Xt(e, t) {
   } : {
     x: 1,
     y: 1
-  }, A = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, B = Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: $,
     offsetParent: k,
     strategy: s
   }) : $);
   return {
-    top: (V.top - A.top + y.top) / E.y,
-    bottom: (A.bottom - V.bottom + y.bottom) / E.y,
-    left: (V.left - A.left + y.left) / E.x,
-    right: (A.right - V.right + y.right) / E.x
+    top: (C.top - B.top + y.top) / E.y,
+    bottom: (B.bottom - C.bottom + y.bottom) / E.y,
+    left: (C.left - B.left + y.left) / E.x,
+    right: (B.right - C.right + y.right) / E.x
   };
 }
 const wa = (e) => ({
@@ -3550,10 +3555,10 @@ const wa = (e) => ({
     const u = Zt(p), f = {
       x: l,
       y: o
-    }, m = ht(n), y = vt(m), g = await a.getDimensions(d), b = m === "y", V = b ? "top" : "left", $ = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], A = f[m] - i.reference[m], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let j = M ? M[k] : 0;
-    (!j || !await (a.isElement == null ? void 0 : a.isElement(M))) && (j = r.floating[k] || i.floating[y]);
-    const N = E / 2 - A / 2, S = j / 2 - g[y] / 2 - 1, P = lt(u[V], S), O = lt(u[$], S), K = P, se = j - g[y] - O, Q = j / 2 - g[y] / 2 + N, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : O) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    }, m = ht(n), y = vt(m), g = await a.getDimensions(d), b = m === "y", C = b ? "top" : "left", $ = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], B = f[m] - i.reference[m], O = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    let V = O ? O[k] : 0;
+    (!V || !await (a.isElement == null ? void 0 : a.isElement(O))) && (V = r.floating[k] || i.floating[y]);
+    const M = E / 2 - B / 2, j = V / 2 - g[y] / 2 - 1, P = lt(u[C], j), F = lt(u[$], j), K = P, se = V - g[y] - F, Q = V / 2 - g[y] / 2 + M, Ve = at(K, Q, se), ue = !s.arrow && Fe(n) != null && Q !== Ve && i.reference[y] / 2 - (Q < K ? P : F) - g[y] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [m]: f[m] + ae,
       data: {
@@ -3590,20 +3595,20 @@ const wa = (e) => ({
       } = ke(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const V = ve(n), $ = $e(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), A = f || (k || !g ? [We(r)] : va(r)), M = y !== "none";
-      !f && M && A.push(...ga(r, g, y, E));
-      const j = [r, ...A], N = await Xt(t, b), S = [];
+      const C = ve(n), $ = $e(r), k = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(d.floating)), B = f || (k || !g ? [We(r)] : va(r)), O = y !== "none";
+      !f && O && B.push(...ga(r, g, y, E));
+      const V = [r, ...B], M = await Xt(t, b), j = [];
       let P = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (p && S.push(N[V]), u) {
+      if (p && j.push(M[C]), u) {
         const Q = ma(n, a, E);
-        S.push(N[Q[0]], N[Q[1]]);
+        j.push(M[Q[0]], M[Q[1]]);
       }
       if (P = [...P, {
         placement: n,
-        overflows: S
-      }], !S.every((Q) => Q <= 0)) {
-        var O, K;
-        const Q = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, Ve = j[Q];
+        overflows: j
+      }], !j.every((Q) => Q <= 0)) {
+        var F, K;
+        const Q = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, Ve = V[Q];
         if (Ve)
           return {
             data: {
@@ -3620,7 +3625,7 @@ const wa = (e) => ({
             case "bestFit": {
               var se;
               const ae = (se = P.filter((fe) => {
-                if (M) {
+                if (O) {
                   const pe = $e(fe.placement);
                   return pe === $ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -3711,11 +3716,11 @@ const eo = function(e) {
         limiter: r = {
           fn: (b) => {
             let {
-              x: V,
+              x: C,
               y: $
             } = b;
             return {
-              x: V,
+              x: C,
               y: $
             };
           }
@@ -3727,11 +3732,11 @@ const eo = function(e) {
       }, p = await Xt(t, s), u = $e(ve(n)), f = mt(u);
       let m = d[f], y = d[u];
       if (i) {
-        const b = f === "y" ? "top" : "left", V = f === "y" ? "bottom" : "right", $ = m + p[b], k = m - p[V];
+        const b = f === "y" ? "top" : "left", C = f === "y" ? "bottom" : "right", $ = m + p[b], k = m - p[C];
         m = at($, m, k);
       }
       if (a) {
-        const b = u === "y" ? "top" : "left", V = u === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[V];
+        const b = u === "y" ? "top" : "left", C = u === "y" ? "bottom" : "right", $ = y + p[b], k = y - p[C];
         y = at($, y, k);
       }
       const g = r.fn({
@@ -3776,13 +3781,13 @@ const eo = function(e) {
         ...g
       };
       if (s) {
-        const k = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[k] + b.mainAxis, A = i.reference[f] + i.reference[k] - b.mainAxis;
-        m < E ? m = E : m > A && (m = A);
+        const k = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[k] + b.mainAxis, B = i.reference[f] + i.reference[k] - b.mainAxis;
+        m < E ? m = E : m > B && (m = B);
       }
       if (d) {
-        var V, $;
-        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), A = i.reference[u] - i.floating[k] + (E && ((V = a.offset) == null ? void 0 : V[u]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[u] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[u]) || 0) - (E ? b.crossAxis : 0);
-        y < A ? y = A : y > M && (y = M);
+        var C, $;
+        const k = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = i.reference[u] - i.floating[k] + (E && ((C = a.offset) == null ? void 0 : C[u]) || 0) + (E ? 0 : b.crossAxis), O = i.reference[u] + i.reference[k] + (E ? 0 : (($ = a.offset) == null ? void 0 : $[u]) || 0) - (E ? b.crossAxis : 0);
+        y < B ? y = B : y > O && (y = O);
       }
       return {
         [f]: m,
@@ -3932,7 +3937,7 @@ function Se(e, t, l, o) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
     let y = f.frameElement;
     for (; y && o && m !== f; ) {
-      const g = Be(y), b = y.getBoundingClientRect(), V = le(y), $ = b.left + (y.clientLeft + parseFloat(V.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(V.paddingTop)) * g.y;
+      const g = Be(y), b = y.getBoundingClientRect(), C = le(y), $ = b.left + (y.clientLeft + parseFloat(C.paddingLeft)) * g.x, k = b.top + (y.clientTop + parseFloat(C.paddingTop)) * g.y;
       s *= g.x, d *= g.y, p *= g.x, u *= g.y, s += $, d += k, y = oe(y).frameElement;
     }
   }
@@ -4148,12 +4153,12 @@ function Oa(e, t) {
       threshold: Ie(0, it(1, s)) || 1
     };
     let k = !0;
-    function E(A) {
-      const M = A[0].intersectionRatio;
-      if (M !== s) {
+    function E(B) {
+      const O = B[0].intersectionRatio;
+      if (O !== s) {
         if (!k)
           return a();
-        M ? a(!1, M) : o = setTimeout(() => {
+        O ? a(!1, O) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 100);
       }
@@ -4181,15 +4186,15 @@ function Fa(e, t, l, o) {
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
   } = o, d = _t(e), p = n || i ? [...d ? Pe(d) : [], ...Pe(t)] : [];
-  p.forEach((V) => {
-    n && V.addEventListener("scroll", l, {
+  p.forEach((C) => {
+    n && C.addEventListener("scroll", l, {
       passive: !0
-    }), i && V.addEventListener("resize", l);
+    }), i && C.addEventListener("resize", l);
   });
   const u = d && r ? Oa(d, l) : null;
   let f = -1, m = null;
-  a && (m = new ResizeObserver((V) => {
-    let [$] = V;
+  a && (m = new ResizeObserver((C) => {
+    let [$] = C;
     $ && $.target === d && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       m && m.observe(t);
     })), l();
@@ -4197,12 +4202,12 @@ function Fa(e, t, l, o) {
   let y, g = s ? Se(e) : null;
   s && b();
   function b() {
-    const V = Se(e);
-    g && (V.x !== g.x || V.y !== g.y || V.width !== g.width || V.height !== g.height) && l(), g = V, y = requestAnimationFrame(b);
+    const C = Se(e);
+    g && (C.x !== g.x || C.y !== g.y || C.width !== g.width || C.height !== g.height) && l(), g = C, y = requestAnimationFrame(b);
   }
   return l(), () => {
-    p.forEach((V) => {
-      n && V.removeEventListener("scroll", l), i && V.removeEventListener("resize", l);
+    p.forEach((C) => {
+      n && C.removeEventListener("scroll", l), i && C.removeEventListener("resize", l);
     }), u && u(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
@@ -4228,7 +4233,7 @@ function co(e) {
     name: "arrow",
     options: e,
     fn(t) {
-      const l = st(D(e.element));
+      const l = st(R(e.element));
       return l == null ? {} : wa({
         element: l,
         padding: e.padding
@@ -4246,36 +4251,36 @@ function At(e, t) {
 function po(e, t, l) {
   l === void 0 && (l = {});
   const o = l.whileElementsMounted, n = T(() => {
-    var j;
-    return (j = D(l.open)) != null ? j : !0;
-  }), i = T(() => D(l.middleware)), a = T(() => {
-    var j;
-    return (j = D(l.placement)) != null ? j : "bottom";
+    var V;
+    return (V = R(l.open)) != null ? V : !0;
+  }), i = T(() => R(l.middleware)), a = T(() => {
+    var V;
+    return (V = R(l.placement)) != null ? V : "bottom";
   }), r = T(() => {
-    var j;
-    return (j = D(l.strategy)) != null ? j : "absolute";
+    var V;
+    return (V = R(l.strategy)) != null ? V : "absolute";
   }), s = T(() => {
-    var j;
-    return (j = D(l.transform)) != null ? j : !0;
-  }), d = T(() => st(e.value)), p = T(() => st(t.value)), u = C(0), f = C(0), m = C(r.value), y = C(a.value), g = Mt({}), b = C(!1), V = T(() => {
-    const j = {
+    var V;
+    return (V = R(l.transform)) != null ? V : !0;
+  }), d = T(() => st(e.value)), p = T(() => st(t.value)), u = S(0), f = S(0), m = S(r.value), y = S(a.value), g = Mt({}), b = S(!1), C = T(() => {
+    const V = {
       position: m.value,
       left: "0",
       top: "0"
     };
     if (!p.value)
-      return j;
-    const N = At(p.value, u.value), S = At(p.value, f.value);
+      return V;
+    const M = At(p.value, u.value), j = At(p.value, f.value);
     return s.value ? {
-      ...j,
-      transform: "translate(" + N + "px, " + S + "px)",
+      ...V,
+      transform: "translate(" + M + "px, " + j + "px)",
       ...fo(p.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
-      left: N + "px",
-      top: S + "px"
+      left: M + "px",
+      top: j + "px"
     };
   });
   let $;
@@ -4284,14 +4289,14 @@ function po(e, t, l) {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
-    }).then((j) => {
-      u.value = j.x, f.value = j.y, m.value = j.strategy, y.value = j.placement, g.value = j.middlewareData, b.value = !0;
+    }).then((V) => {
+      u.value = V.x, f.value = V.y, m.value = V.strategy, y.value = V.placement, g.value = V.middlewareData, b.value = !0;
     });
   }
   function E() {
     typeof $ == "function" && ($(), $ = void 0);
   }
-  function A() {
+  function B() {
     if (E(), o === void 0) {
       k();
       return;
@@ -4301,14 +4306,14 @@ function po(e, t, l) {
       return;
     }
   }
-  function M() {
+  function O() {
     n.value || (b.value = !1);
   }
   return G([i, a, r], k, {
     flush: "sync"
-  }), G([d, p], A, {
+  }), G([d, p], B, {
     flush: "sync"
-  }), G(n, M, {
+  }), G(n, O, {
     flush: "sync"
   }), Jt() && Pt(E), {
     x: Te(u),
@@ -4317,11 +4322,11 @@ function po(e, t, l) {
     placement: Te(y),
     middlewareData: Te(g),
     isPositioned: Te(b),
-    floatingStyles: V,
+    floatingStyles: C,
     update: k
   };
 }
-const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
+const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   __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  */
@@ -4367,7 +4372,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const l = Y(), o = e, n = C(!1), i = C(null), a = C(null), r = C(null), s = C(), d = C(
+    const l = Y(), o = e, n = S(!1), i = S(null), a = S(null), r = S(null), s = S(), d = S(
       po(i, r, {
         placement: o.placement,
         transform: !1,
@@ -4387,23 +4392,23 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         ignore: [a]
       } : {}
     ), u = T(() => l["tooltip-content"] || o.text);
-    function f(V) {
-      V.preventDefault(), V.stopPropagation(), !n.value && o.event !== "click" && g();
+    function f(C) {
+      C.preventDefault(), C.stopPropagation(), !n.value && o.event !== "click" && g();
     }
     function m() {
       o.event !== "click" && g(!1);
     }
-    function y(V) {
-      !n.value && o.event === "click" && (V.preventDefault(), V.stopPropagation(), g());
+    function y(C) {
+      !n.value && o.event === "click" && (C.preventDefault(), C.stopPropagation(), g());
     }
-    function g(V = !0) {
+    function g(C = !0) {
       var $;
       ($ = d.value) == null || $.update(), setTimeout(() => {
-        n.value = V;
+        n.value = C;
       }, o.delay);
     }
     const b = T(() => {
-      const { middlewareData: V, placement: $ } = d.value, k = V.arrow, E = {
+      const { middlewareData: C, placement: $ } = d.value, k = C.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -4424,7 +4429,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }), t({
       tooltipVisible: n,
       tooltip: r
-    }), (V, $) => (c(), L(D(pt), {
+    }), (C, $) => (c(), L(R(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: p.value,
@@ -4443,7 +4448,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             onMouseleave: m,
             onKeydown: $[0] || ($[0] = Oe((E) => g(!1), ["tab"]))
           }, [
-            _(V.$slots, "default", {}, void 0, !0),
+            _(C.$slots, "default", {}, void 0, !0),
             (c(), L(xe, { to: "body" }, [
               n.value && u.value ? (c(), v("div", {
                 key: 0,
@@ -4470,8 +4475,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
                   ref: a,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  _(V.$slots, "tooltip-content", {}, () => [
-                    F(J(e.text), 1)
+                  _(C.$slots, "tooltip-content", {}, () => [
+                    D(J(e.text), 1)
                   ], !0)
                 ], 512)
               ], 14, Na)) : w("", !0)
@@ -4491,7 +4496,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
 }, Ka = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Za = /* @__PURE__ */ B({
+}, Za = /* @__PURE__ */ A({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -4520,7 +4525,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, t.$attrs), {
           default: z(() => [
             _(t.$slots, "default", {}, () => [
-              F(J(e.text), 1)
+              D(J(e.text), 1)
             ], !0),
             e.required ? (c(), v("span", Ga, "*")) : w("", !0),
             e.optionalLabel ? (c(), v("span", Ya, "- " + J(e.optionalLabel), 1)) : w("", !0)
@@ -4535,7 +4540,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             _(t.$slots, "label-tooltip", {}, void 0, !0)
           ]),
           default: z(() => [
-            R(q, {
+            N(q, {
               name: "question-circle",
               class: "joy-label__tooltip___icon joy-color-neutral-40"
             })
@@ -4548,7 +4553,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ])) : w("", !0)
     ]));
   }
-}), ze = /* @__PURE__ */ x(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ B({
+}), ze = /* @__PURE__ */ x(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], er = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4574,13 +4579,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = C(), r = C(), s = be(), d = Y(), p = C(!1), u = C(!1);
+    const o = l, n = e, i = Ce("VJoyWrapperContext", {}), a = S(), r = S(), s = be(), d = Y(), p = S(!1), u = S(!1);
     Yt(a, n.autofocus);
-    const f = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = T(() => d.default && d.default()), y = T(() => Object.keys(i).length > 0), g = C(n.type), b = T(() => n.type === "password" && !!n.modelValue);
+    const f = T(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = T(() => d.default && d.default()), y = T(() => Object.keys(i).length > 0), g = S(n.type), b = T(() => n.type === "password" && !!n.modelValue);
     To(() => {
       g.value = n.unit ? "number" : n.type;
     });
-    function V() {
+    function C() {
       var k;
       n.readonly || (k = a.value) == null || k.focus();
     }
@@ -4610,7 +4615,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       }
     };
     return t({
-      focus: V
+      focus: C
     }), (k, E) => (c(), v("div", {
       ref_key: "root",
       ref: r,
@@ -4624,7 +4629,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             "joy-input--disabled": k.disabled,
             "joy-input--invalid": k.invalid,
             "joy-input--readonly": k.readonly,
-            "joy-input--valid": !k.invalid && !D(s).disabled
+            "joy-input--valid": !k.invalid && !R(s).disabled
           }
         ])
       }, [
@@ -4637,7 +4642,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             _(k.$slots, "default", {}, () => [
-              F(J(k.label), 1)
+              D(J(k.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4671,15 +4676,15 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
             type: g.value,
             value: k.modelValue,
             onFocus: E[0] || (E[0] = //@ts-ignore
-            (...A) => $.onFocus && $.onFocus(...A)),
+            (...B) => $.onFocus && $.onFocus(...B)),
             onBlur: E[1] || (E[1] = //@ts-ignore
-            (...A) => $.onBlur && $.onBlur(...A)),
+            (...B) => $.onBlur && $.onBlur(...B)),
             onInput: E[2] || (E[2] = //@ts-ignore
-            (...A) => $.onInput && $.onInput(...A)),
+            (...B) => $.onInput && $.onInput(...B)),
             onChange: E[3] || (E[3] = //@ts-ignore
-            (...A) => $.onChange && $.onChange(...A)),
+            (...B) => $.onChange && $.onChange(...B)),
             onWheel: E[4] || (E[4] = //@ts-ignore
-            (...A) => $.onWheelScroll && $.onWheelScroll(...A))
+            (...B) => $.onWheelScroll && $.onWheelScroll(...B))
           }), null, 16, Xa),
           f.value ? (c(), L(ne, {
             key: 0,
@@ -4711,7 +4716,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ], 2)
     ], 2));
   }
-}), cu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-7ae40801"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ B({
+}), cu = /* @__PURE__ */ x(er, [["__scopeId", "data-v-7ae40801"]]), tr = { class: "joy-link__text" }, or = /* @__PURE__ */ A({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4739,14 +4744,14 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, null, 8, ["name"])) : w("", !0),
         h("span", tr, [
           _(t.$slots, "default", {}, () => [
-            F(J(e.text), 1)
+            D(J(e.text), 1)
           ], !0)
         ])
       ]),
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), fu = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ B({
+}), fu = /* @__PURE__ */ x(or, [["__scopeId", "data-v-19a65db4"]]), nr = { class: "joy-list-item__left" }, lr = { class: "joy-font-primary-300 joy-m-0" }, ar = { class: "joy-list-item__right" }, rr = /* @__PURE__ */ A({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4757,7 +4762,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       class: "joy-list-item joy-core-radius-3 joy-pt-2 joy-pl-3 joy-pr-3 joy-pb-2 joy-color-neutral-60",
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, [
-      R(re, {
+      N(re, {
         "no-margin": "",
         "row-gap": "2",
         wrap: "nowrap",
@@ -4782,7 +4787,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       })
     ]));
   }
-}), pu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ B({
+}), pu = /* @__PURE__ */ x(rr, [["__scopeId", "data-v-6c3750f0"]]), ir = ["aria-activedescendant", "aria-label"], sr = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ur = { "aria-hidden": "true" }, dr = /* @__PURE__ */ A({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4803,9 +4808,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = C();
-    C(0);
-    const i = C();
+    const o = l, n = S();
+    S(0);
+    const i = S();
     function a(u) {
       u.disabled || o("selectItem", u);
     }
@@ -4886,7 +4891,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ], 40, ir);
     };
   }
-}), yu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ B({
+}), yu = /* @__PURE__ */ x(dr, [["__scopeId", "data-v-b76ae1e8"]]), cr = ["aria-disabled", "aria-current", "title", "aria-label"], fr = { class: "joy-menu-item__label joy-font-primary-400" }, pr = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4947,7 +4952,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
   }
 }), mu = /* @__PURE__ */ x(pr, [["__scopeId", "data-v-283b560c"]]), yr = ["id"], mr = {
   class: /* @__PURE__ */ I(["joy-multi-checkbox"])
-}, vr = /* @__PURE__ */ B({
+}, vr = /* @__PURE__ */ A({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -4981,7 +4986,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         size: a.labelSize
       }, {
         default: z(() => [
-          F(J(a.label), 1)
+          D(J(a.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -4996,7 +5001,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             _(a.$slots, "checkbox", W({ ref_for: !0 }, s), () => [
-              F(J(s.label), 1)
+              D(J(s.label), 1)
             ], !0)
           ]),
           _: 2
@@ -5004,7 +5009,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       ])
     ], 8, yr));
   }
-}), vu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ B({
+}), vu = /* @__PURE__ */ x(vr, [["__scopeId", "data-v-e3d7a668"]]), xt = /* @__PURE__ */ A({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5035,7 +5040,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ B({
+}), hr = ["aria-label", "data-current"], gr = ["onClick"], br = ["aria-current"], _r = 6, wr = /* @__PURE__ */ A({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5096,7 +5101,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           onClick: u[0] || (u[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
           _(p.$slots, "pagination-prev", {}, () => [
-            R(xt, {
+            N(xt, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
@@ -5129,7 +5134,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
           onClick: u[1] || (u[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
           _(p.$slots, "pagination-next", {}, () => [
-            R(xt, {
+            N(xt, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages
@@ -5142,7 +5147,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
 }), hu = /* @__PURE__ */ x(wr, [["__scopeId", "data-v-7e82041f"]]), jr = { class: "joy-screen-loader__content" }, kr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, $r = /* @__PURE__ */ B({
+}, $r = /* @__PURE__ */ A({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5162,7 +5167,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }, [
       h("div", jr, [
         _(t.$slots, "spinner", {}, () => [
-          R(Ht, {
+          N(Ht, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
@@ -5187,7 +5192,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
 }, Lr = { class: "joy-panel__body" }, Ir = {
   key: 1,
   class: "joy-panel__footer"
-}, Br = /* @__PURE__ */ B({
+}, Br = /* @__PURE__ */ A({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5219,7 +5224,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = C(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
+    const t = Ce("VJoyWrapperContext", {}), l = T(() => Object.keys(t).length > 0), o = Y(), n = S(), i = T(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"] || !!o["panel-title-icon"]);
     return (a, r) => (c(), v("section", {
       ref_key: "panel",
       ref: n,
@@ -5275,15 +5280,15 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ B({
 }, Er = {
   key: 1,
   class: "joy-panel-section__content"
-}, zr = /* @__PURE__ */ B({
+}, zr = /* @__PURE__ */ A({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
     return (l, o) => (c(), v("div", Ar, [
-      D(t)["panel-section-title"] ? (c(), v("div", xr, [
+      R(t)["panel-section-title"] ? (c(), v("div", xr, [
         _(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      D(t)["panel-section-content"] ? (c(), v("div", Er, [
+      R(t)["panel-section-content"] ? (c(), v("div", Er, [
         _(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
@@ -5293,7 +5298,7 @@ function Mr(e, t) {
   return c(), v("div", Pr);
 }
 const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78"]]), Fr = () => {
-  const e = C(null);
+  const e = S(null);
   return {
     clearProductTourRef: () => {
       e.value = null;
@@ -5307,7 +5312,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }, mo = Fr(), Dr = { class: "joy-product-tour__content" }, Rr = { class: "joy-product-tour__header" }, Nr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, qr = { class: "joy-product-tour__footer___steps" }, Hr = "joy-product-tour-spotlight__wrapper", Wr = /* @__PURE__ */ B({
+}, qr = { class: "joy-product-tour__footer___steps" }, Hr = "joy-product-tour-spotlight__wrapper", Wr = /* @__PURE__ */ A({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5323,11 +5328,11 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: i } = mo, a = C(null), r = C(null), s = C(null), d = C(null), p = C(null), u = C(n.open), f = C(), m = C(
+    const o = l, n = e, { clearProductTourRef: i } = mo, a = S(null), r = S(null), s = S(null), d = S(null), p = S(null), u = S(n.open), f = S(), m = S(
       po(s, a, {
         placement: n.position,
-        whileElementsMounted(...j) {
-          return Fa(...j, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+        whileElementsMounted(...V) {
+          return Fa(...V, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5342,68 +5347,68 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         ]
       })
     ), y = T(() => {
-      const { middlewareData: j, placement: N } = m.value, S = j.arrow, P = {
+      const { middlewareData: V, placement: M } = m.value, j = V.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[N.split("-")[0]];
+      }[M.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: (j == null ? void 0 : j.x) && `${j == null ? void 0 : j.x}px`,
+        top: (j == null ? void 0 : j.y) && `${j == null ? void 0 : j.y}px`,
         right: "",
         bottom: "",
         [P]: "-12px"
       };
     });
     function g() {
-      var j;
-      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), V({
+      var V;
+      n.spotlightSelector && document.body.contains(document.querySelector(n.spotlightSelector)) && (s.value = document.querySelector(n.spotlightSelector), C({
         elementToHighlight: s.value,
         disableOverlay: n.disableOverlay
-      }), (j = m.value) == null || j.update(), u.value = !0);
+      }), (V = m.value) == null || V.update(), u.value = !0);
     }
     function b() {
-      u.value = !1, i(), M(), o("product-tour:hide");
+      u.value = !1, i(), O(), o("product-tour:hide");
     }
-    function V(j) {
-      s.value && (j.disableOverlay || $(), k(j.elementToHighlight));
+    function C(V) {
+      s.value && (V.disableOverlay || $(), k(V.elementToHighlight));
     }
     function $() {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", b, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
-    function k(j) {
-      j && (j.style.position = "relative", j.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = R(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(d.value, p.value), E());
+    function k(V) {
+      V && (V.style.position = "relative", V.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", d.value = N(Or), p.value = document.createElement("div"), p.value.classList.add(Hr), document.body.appendChild(p.value), wt(d.value, p.value), E());
     }
     function E() {
       if (!p.value)
         return;
-      const { left: j, top: N, height: S, width: P } = s.value.getBoundingClientRect();
-      p.value.style.left = `calc(${window.scrollX + j - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + N - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${S}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
+      const { left: V, top: M, height: j, width: P } = s.value.getBoundingClientRect();
+      p.value.style.left = `calc(${window.scrollX + V - n.spotlightPadding}px`, p.value.style.top = `${window.scrollY + M - n.spotlightPadding}px`, p.value.style.width = `${P}px`, p.value.style.height = `${j}px`, p.value.style.position = "absolute", p.value.style.padding = n.spotlightPadding + "px", p.value.style.boxSizing = "content-box";
     }
-    function A() {
+    function B() {
       r.value && r.value.remove();
     }
-    function M() {
-      A(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
+    function O() {
+      B(), s.value && (s.value.style.position = "", s.value.style.zIndex = ""), p.value && (wt(null, p.value), p.value.remove());
     }
     return G(m.value, () => {
-      var j;
-      d.value && ((j = a.value) != null && j.isConnected ? E() : b());
+      var V;
+      d.value && ((V = a.value) != null && V.isConnected ? E() : b());
     }), zt(() => {
-      M();
+      O();
     }), t({
       hide: b,
       show: g,
       isOpen: u
-    }), (j, N) => {
-      var S;
+    }), (V, M) => {
+      var j;
       return Ye((c(), v("div", {
         ref_key: "productTour",
         ref: a,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ee({ "--product-tour-width": j.maxWidth + "px", ...(S = m.value) == null ? void 0 : S.floatingStyles })
+        style: ee({ "--product-tour-width": V.maxWidth + "px", ...(j = m.value) == null ? void 0 : j.floatingStyles })
       }, [
         h("div", {
           ref_key: "productTourArrow",
@@ -5414,24 +5419,24 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         h("div", {
           class: I([
             "joy-product-tour",
-            `joy-product-tour--${j.position}`,
+            `joy-product-tour--${V.position}`,
             {
               "joy-product-tour--open": u.value
             }
           ])
         }, [
           h("div", {
-            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": j.$slots["product-tour-banner"] }])
+            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": V.$slots["product-tour-banner"] }])
           }, [
-            _(j.$slots, "product-tour-banner", {}, void 0, !0)
+            _(V.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           h("div", {
-            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": j.$slots["product-tour-preheader"] }])
+            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": V.$slots["product-tour-preheader"] }])
           }, [
             h("div", null, [
-              _(j.$slots, "product-tour-preheader", {}, void 0, !0)
+              _(V.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
-            j.closeButton ? (c(), L(ne, {
+            V.closeButton ? (c(), L(ne, {
               key: 0,
               class: "joy-product-tour__close",
               variant: "ghost",
@@ -5442,29 +5447,29 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
             })) : w("", !0)
           ], 2),
           h("div", Dr, [
-            j.icon ? (c(), L(q, {
+            V.icon ? (c(), L(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
-              name: j.icon,
+              name: V.icon,
               size: "medium"
             }, null, 8, ["name"])) : w("", !0),
             h("div", null, [
               h("div", Rr, [
-                _(j.$slots, "product-tour-header", {}, void 0, !0)
+                _(V.$slots, "product-tour-header", {}, void 0, !0)
               ]),
-              _(j.$slots, "product-tour-content", {}, void 0, !0)
+              _(V.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          j.$slots["product-tour-dismiss"] || j.$slots["product-tour-next"] ? (c(), v("div", Nr, [
+          V.$slots["product-tour-dismiss"] || V.$slots["product-tour-next"] ? (c(), v("div", Nr, [
             h("div", { onClick: b }, [
-              _(j.$slots, "product-tour-dismiss", {}, void 0, !0)
+              _(V.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
             h("span", qr, [
-              j.steps > 1 ? (c(), v(H, { key: 0 }, [
-                F(J(j.step) + "/" + J(j.steps), 1)
+              V.steps > 1 ? (c(), v(H, { key: 0 }, [
+                D(J(V.step) + "/" + J(V.steps), 1)
               ], 64)) : w("", !0)
             ]),
-            _(j.$slots, "product-tour-next", {}, void 0, !0)
+            _(V.$slots, "product-tour-next", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ], 4)), [
@@ -5472,7 +5477,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ]);
     };
   }
-}), Ur = /* @__PURE__ */ x(Wr, [["__scopeId", "data-v-3f8b3a2a"]]), _u = /* @__PURE__ */ B({
+}), Ur = /* @__PURE__ */ x(Wr, [["__scopeId", "data-v-3f8b3a2a"]]), _u = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5489,7 +5494,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = C(), d = be(), p = T(() => {
+    const o = S(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = mo, s = S(), d = be(), p = T(() => {
       if (o.value)
         return d;
     });
@@ -5509,7 +5514,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       show: u,
       hide: m
     }), (y, g) => (c(), L(xe, { to: "body" }, [
-      R(Ur, W({ ...n, ...p.value }, {
+      N(Ur, W({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5536,7 +5541,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), wu = /* @__PURE__ */ B({
+}), wu = /* @__PURE__ */ A({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5556,7 +5561,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }), Gr = { class: "joy-progress-bar-wrapper" }, Yr = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Kr = /* @__PURE__ */ B({
+}, Kr = /* @__PURE__ */ A({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5589,7 +5594,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = C(0), n = T(() => i());
+    const l = e, o = S(0), n = T(() => i());
     function i() {
       return l.percentage ? o.value = l.percentage : l.currentStep && l.steps ? o.value = Math.round(l.currentStep / l.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
@@ -5614,7 +5619,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       _: 1
     }, 8, ["class"]));
   }
-}), ju = /* @__PURE__ */ x(Kr, [["__scopeId", "data-v-1216eff6"]]), Zr = ["id", "value", "checked", "disabled", "required", "name"], Xr = { class: "joy-radio-label" }, Qr = { class: "joy-radio-header-right" }, ei = { class: "joy-radio-sublabel" }, ti = { class: "joy-radio-content__wrapper" }, oi = { class: "joy-radio-content" }, ni = /* @__PURE__ */ B({
+}), ju = /* @__PURE__ */ x(Kr, [["__scopeId", "data-v-1216eff6"]]), Zr = ["id", "value", "checked", "disabled", "required", "name"], Xr = { class: "joy-radio-label" }, Qr = { class: "joy-radio-header-right" }, ei = { class: "joy-radio-sublabel" }, ti = { class: "joy-radio-content__wrapper" }, oi = { class: "joy-radio-content" }, ni = /* @__PURE__ */ A({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5646,7 +5651,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = C(!1), a = C(!1), r = C(null), s = C(null), d = Y(), p = T(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
+    const o = l, n = e, i = S(!1), a = S(!1), r = S(null), s = S(null), d = Y(), p = T(() => !n.modelValue || !n.value ? !1 : n.modelValue === n.value);
     function u() {
       i.value = !!d["expandable-content"] && p.value;
     }
@@ -5720,7 +5725,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 2));
   }
-}), ku = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-c5b11e4c"]]), li = ["form", "name"], ai = /* @__PURE__ */ B({
+}), ku = /* @__PURE__ */ x(ni, [["__scopeId", "data-v-c5b11e4c"]]), li = ["form", "name"], ai = /* @__PURE__ */ A({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5743,7 +5748,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 8, li));
   }
-}), $u = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-ac4dd24e"]]), ri = ["aria-label"], ii = { class: "joy-rating-stars" }, si = { class: "joy-rating-stars__content" }, ui = { key: 0 }, di = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ x(ai, [["__scopeId", "data-v-ac4dd24e"]]), ri = ["aria-label"], ii = { class: "joy-rating-stars" }, si = { class: "joy-rating-stars__content" }, ui = { key: 0 }, di = /* @__PURE__ */ A({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5773,7 +5778,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }), (i, a) => (c(), v("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      "aria-label": D(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      "aria-label": R(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       h("ul", ii, [
         (c(!0), v(H, null, U(n.value, (r, s) => (c(), v("li", {
@@ -5805,7 +5810,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ], 8, ri));
   }
-}), ci = /* @__PURE__ */ x(di, [["__scopeId", "data-v-df20c585"]]), fi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], pi = ["selected"], yi = /* @__PURE__ */ B({
+}), ci = /* @__PURE__ */ x(di, [["__scopeId", "data-v-df20c585"]]), fi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], pi = ["selected"], yi = /* @__PURE__ */ A({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5856,11 +5861,11 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     const o = e, n = l, i = Y(), a = T(() => {
       const g = (i == null ? void 0 : i.default) && (i == null ? void 0 : i.default());
       let b = [];
-      return g.forEach((V) => {
-        if (r(V))
-          b.push(V);
+      return g.forEach((C) => {
+        if (r(C))
+          b.push(C);
         else {
-          const $ = V.children;
+          const $ = C.children;
           if (typeof $ == "string" || !$.length)
             return;
           const k = $.filter(r);
@@ -5871,15 +5876,15 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     function r(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const s = C(), d = C(), p = C(!1), u = T(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const s = S(), d = S(), p = S(!1), u = T(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     te(() => {
-      var V;
+      var C;
       const g = i["select-label"] && i["select-label"]();
       if (!g || !g.length)
         return;
       const b = g[0];
       if (b.type === "JoyLabel") {
-        const $ = (V = b.props) == null ? void 0 : V.for;
+        const $ = (C = b.props) == null ? void 0 : C.for;
         if (!$) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -5912,7 +5917,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           size: u.value
         }, {
           default: z(() => [
-            F(J(e.label), 1)
+            D(J(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
@@ -5943,24 +5948,24 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           onFocus: m,
           onBlur: y
         }, [
-          (c(!0), v(H, null, U(a.value, (V) => {
+          (c(!0), v(H, null, U(a.value, (C) => {
             var $, k;
             return c(), v("option", W({
-              key: ($ = V.props) == null ? void 0 : $.value,
+              key: ($ = C.props) == null ? void 0 : $.value,
               ref_for: !0
-            }, V.props, {
-              selected: ((k = V.props) == null ? void 0 : k.value) === e.modelValue
-            }), J(V.children), 17, pi);
+            }, C.props, {
+              selected: ((k = C.props) == null ? void 0 : k.value) === e.modelValue
+            }), J(C.children), 17, pi);
           }), 128))
         ], 40, fi),
-        R(q, {
+        N(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
       ], 2)
     ], 512));
   }
-}), Su = /* @__PURE__ */ x(yi, [["__scopeId", "data-v-a56560eb"]]), mi = ["aria-disabled"], vi = ["id", "value", "checked", "disabled", "required", "name"], hi = { class: "joy-selectable-item__label" }, gi = /* @__PURE__ */ B({
+}), Su = /* @__PURE__ */ x(yi, [["__scopeId", "data-v-a56560eb"]]), mi = ["aria-disabled"], vi = ["id", "value", "checked", "disabled", "required", "name"], hi = { class: "joy-selectable-item__label" }, gi = /* @__PURE__ */ A({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5977,7 +5982,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = Me() + "--JoySelectableItem", n = e, i = C(), a = C(!1), r = n.multiple ? "div" : "label", s = T(() => n.id || o), d = {
+    const l = t, o = Me() + "--JoySelectableItem", n = e, i = S(), a = S(!1), r = n.multiple ? "div" : "label", s = T(() => n.id || o), d = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
@@ -6027,7 +6032,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => d.onBlur && d.onBlur(...m))
       }, null, 40, vi)),
-      (c(), L(Z(D(r)), {
+      (c(), L(Z(R(r)), {
         for: s.value,
         class: I([
           "joy-selectable-item",
@@ -6068,7 +6073,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
             class: I([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
           }, [
             _(u.$slots, "selectable-item-sublabel", {}, () => [
-              F(J(u.subLabel), 1)
+              D(J(u.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6076,7 +6081,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, 8, ["for", "class", "onClick"]))
     ], 10, mi));
   }
-}), bi = /* @__PURE__ */ x(gi, [["__scopeId", "data-v-1bc198e0"]]), _i = ["id"], wi = /* @__PURE__ */ B({
+}), bi = /* @__PURE__ */ x(gi, [["__scopeId", "data-v-1bc198e0"]]), _i = ["id"], wi = /* @__PURE__ */ A({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6121,7 +6126,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         size: r.labelSize
       }, {
         default: z(() => [
-          F(J(r.label), 1)
+          D(J(r.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -6149,7 +6154,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
         }), ct({
           default: z(() => [
             _(r.$slots, "item", W({ ref_for: !0 }, d), () => [
-              F(J(r.labelKey && d[r.labelKey] || d.label), 1)
+              D(J(r.labelKey && d[r.labelKey] || d.label), 1)
             ], !0)
           ]),
           _: 2
@@ -6157,7 +6162,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           d.subLabel ? {
             name: "selectable-item-sublabel",
             fn: z(() => [
-              F(J(d.subLabel), 1)
+              D(J(d.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -6170,7 +6175,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 8, _i));
   }
-}), Cu = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-b1ae09f7"]]), ji = /* @__PURE__ */ B({
+}), Cu = /* @__PURE__ */ x(wi, [["__scopeId", "data-v-b1ae09f7"]]), ji = /* @__PURE__ */ A({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6192,7 +6197,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }), Vu = /* @__PURE__ */ x(ji, [["__scopeId", "data-v-21db2899"]]), ki = ["id"], $i = { class: "joy-step__stroke" }, Si = {
   key: 0,
   class: "joy-step__label"
-}, Ci = /* @__PURE__ */ B({
+}, Ci = /* @__PURE__ */ A({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6226,7 +6231,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = C(0.1), a = T(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = T(() => o.currentSubStep > 0);
+    const o = e, n = l, i = S(0.1), a = T(() => o.completed ? "100%" : r.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = T(() => o.currentSubStep > 0);
     function s(d) {
       d <= 0 && console.warn("subSteps must be equal or greater than 1"), n("update:subSteps");
     }
@@ -6249,7 +6254,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           style: ee({ maxWidth: a.value })
         }, null, 4)
       ]),
-      R(dt, { name: "joy-step__label" }, {
+      N(dt, { name: "joy-step__label" }, {
         default: z(() => [
           e.showLabel ? (c(), v("span", Si, [
             _(d.$slots, "default", {}, void 0, !0)
@@ -6259,7 +6264,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       })
     ], 10, ki));
   }
-}), Vi = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Li = /* @__PURE__ */ B({
+}), Vi = /* @__PURE__ */ x(Ci, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Li = /* @__PURE__ */ A({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6297,12 +6302,12 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           key: (b = y.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": u(g),
-          "show-label": D(n)
+          "show-label": R(n)
         }), {
           default: z(() => {
-            var V;
+            var C;
             return [
-              (V = y.children) != null && V.default ? (c(), L(Z(y.children.default), { key: 0 })) : w("", !0)
+              (C = y.children) != null && C.default ? (c(), L(Z(y.children.default), { key: 0 })) : w("", !0)
             ];
           }),
           _: 2
@@ -6310,7 +6315,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), Tu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Bi = /* @__PURE__ */ B({
+}), Tu = /* @__PURE__ */ x(Li, [["__scopeId", "data-v-22705668"]]), Ii = ["id", "aria-hidden", "aria-labelledby"], Bi = /* @__PURE__ */ A({
   __name: "VJoyTab",
   props: {
     /**
@@ -6341,7 +6346,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, l = Ce("VJoyTabs", C("")), o = T(() => l.value === t.tab);
+    const t = e, l = Ce("VJoyTabs", S("")), o = T(() => l.value === t.tab);
     return (n, i) => (c(), v("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6358,7 +6363,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
 }), Lu = /* @__PURE__ */ x(Bi, [["__scopeId", "data-v-60bfe6bd"]]), Ai = ["id", "href", "aria-selected", "aria-controls"], xi = {
   type: "button",
   tabindex: "-1"
-}, Ei = /* @__PURE__ */ B({
+}, Ei = /* @__PURE__ */ A({
   __name: "TabButton",
   props: {
     /**
@@ -6420,7 +6425,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       }, [
         h("button", xi, [
           _(r.$slots, "default", {}, () => [
-            F(J(e.label), 1)
+            D(J(e.label), 1)
           ], !0),
           n.value ? (c(), L(un, {
             key: 0,
@@ -6432,7 +6437,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 40, Ai));
   }
-}), zi = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-8424823d"]]), Ji = { class: "joy-tabs" }, Pi = /* @__PURE__ */ B({
+}), zi = /* @__PURE__ */ x(Ei, [["__scopeId", "data-v-8424823d"]]), Ji = { class: "joy-tabs" }, Pi = /* @__PURE__ */ A({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6442,15 +6447,15 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = Y(), a = C(o.selectedTab);
+    const o = e, n = l, i = Y(), a = S(o.selectedTab);
     Ke("VJoyTabs", a);
-    const r = C(null), s = C(null), d = C(!1), p = C(!1), u = T(() => {
+    const r = S(null), s = S(null), d = S(!1), p = S(!1), u = T(() => {
       const b = i.default();
       return b.length === 1 && typeof b[0].type != "object" ? b[0].children.filter(f) : b.filter(f);
     });
     function f(b) {
-      var V;
-      return ((V = b == null ? void 0 : b.type) == null ? void 0 : V.__name) === "VJoyTab";
+      var C;
+      return ((C = b == null ? void 0 : b.type) == null ? void 0 : C.__name) === "VJoyTab";
     }
     function m(b) {
       return b.props.tab === a.value;
@@ -6458,8 +6463,8 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
     function y() {
       s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, d.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, d.value = !1);
     }
-    function g(b, V = !0) {
-      b && V && (a.value = b, n("update:selected-tab", b));
+    function g(b, C = !0) {
+      b && C && (a.value = b, n("update:selected-tab", b));
     }
     return G(
       () => o.selectedTab,
@@ -6475,7 +6480,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       (b = s.value) == null || b.removeEventListener("scroll", y);
     }), t({
       tabs: u
-    }), (b, V) => (c(), v("div", Ji, [
+    }), (b, C) => (c(), v("div", Ji, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6494,7 +6499,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           (c(!0), v(H, null, U(u.value, ($) => (c(), v("div", {
             key: $.props.tab
           }, [
-            R(zi, {
+            N(zi, {
               tab: $.props.tab,
               label: $.props.label,
               href: $.props.href,
@@ -6518,7 +6523,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Iu = /* @__PURE__ */ x(Pi, [["__scopeId", "data-v-9aea2d41"]]), Mi = ["id", "role"], Oi = /* @__PURE__ */ B({
+}), Iu = /* @__PURE__ */ x(Pi, [["__scopeId", "data-v-9aea2d41"]]), Mi = ["id", "role"], Oi = /* @__PURE__ */ A({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6565,7 +6570,7 @@ const Or = /* @__PURE__ */ x(Jr, [["render", Mr], ["__scopeId", "data-v-fbaf8e78
           name: "drag",
           size: "xxsmall"
         })) : w("", !0),
-        F(" " + J(p.label), 1)
+        D(" " + J(p.label), 1)
       ], !0),
       p.removable ? (c(), L(q, {
         key: 0,
@@ -6591,7 +6596,7 @@ function Et(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholder"], Ri = { key: 0 }, Ni = { key: 1 }, qi = /* @__PURE__ */ B({
+const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholder"], Ri = { key: 0 }, Ni = { key: 1 }, qi = /* @__PURE__ */ A({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6606,35 +6611,35 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, i = C(o.modelValue), a = C(!1), r = C(null), s = C(o.invalid), d = C(null), p = T(() => o.validation === "email"), u = T(() => p.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = T(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = T(() => s.value && (!!u.value || !!f.value));
+    const o = e, n = l, i = S(o.modelValue), a = S(!1), r = S(null), s = S(o.invalid), d = S(null), p = T(() => o.validation === "email"), u = T(() => p.value && d.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = T(() => d.value === "DUPLICATED_ENTRY" && !!o.duplicationError), m = T(() => s.value && (!!u.value || !!f.value));
     function y() {
       p.value && s.value === !0 && (d.value = _e.INVALID_EMAIL);
     }
     function g() {
-      var O;
-      const S = i.value.map((K) => K.trim());
-      return S.filter((K, se) => S.indexOf(K) !== se).length ? !0 : (O = r.value) != null && O.value ? S.includes(r.value.value.trim()) : !1;
+      var F;
+      const j = i.value.map((K) => K.trim());
+      return j.filter((K, se) => j.indexOf(K) !== se).length ? !0 : (F = r.value) != null && F.value ? j.includes(r.value.value.trim()) : !1;
     }
     function b() {
       g() && (d.value = _e.DUPLICATED_ENTRY);
     }
-    function V(S) {
+    function C(j) {
       var P;
-      if (["Backspace"].includes(S.key)) {
+      if (["Backspace"].includes(j.key)) {
         if (((P = r.value) == null ? void 0 : P.value) !== "")
           return;
-        i.value.pop(), n("update:modelValue", i.value), p.value && N();
+        i.value.pop(), n("update:modelValue", i.value), p.value && M();
       }
     }
     function $() {
-      var S, P;
-      (S = r.value) != null && S.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
+      var j, P;
+      (j = r.value) != null && j.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", n("update:modelValue", i.value));
     }
-    function k(S) {
+    function k(j) {
       var P;
       if (p.value) {
-        if (["Enter", ",", " "].includes(S.key)) {
-          if (S.preventDefault(), N(), g()) {
+        if (["Enter", ",", " "].includes(j.key)) {
+          if (j.preventDefault(), M(), g()) {
             n("validation:error", _e.DUPLICATED_ENTRY);
             return;
           } else if ((P = r.value) != null && P.value && !Et(r.value.value)) {
@@ -6643,54 +6648,54 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
           }
           $();
         }
-      } else if (["Enter", ","].includes(S.key)) {
-        if (S.preventDefault(), g()) {
+      } else if (["Enter", ","].includes(j.key)) {
+        if (j.preventDefault(), g()) {
           s.value = !0, d.value = _e.DUPLICATED_ENTRY, n("validation:error", _e.DUPLICATED_ENTRY);
           return;
         }
         $(), s.value = !1;
       }
-      V(S);
+      C(j);
     }
     function E() {
       a.value = !0;
     }
-    function A() {
-      a.value = !1, N();
+    function B() {
+      a.value = !1, M();
     }
-    function M(S) {
+    function O(j) {
       var P;
-      i.value = i.value.filter((O) => O !== S.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), N();
+      i.value = i.value.filter((F) => F !== j.value), n("update:modelValue", i.value), (P = r.value) == null || P.focus(), M();
     }
-    function j() {
-      var P, O;
-      let S = !1;
+    function V() {
+      var P, F;
+      let j = !1;
       if (p.value) {
         let K = i.value;
-        (P = r.value) != null && P.value && (K = [...K, (O = r.value) == null ? void 0 : O.value]), S = !Et(K);
+        (P = r.value) != null && P.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), j = !Et(K);
       }
-      s.value = S || g(), !S && g() && (d.value = null);
+      s.value = j || g(), !j && g() && (d.value = null);
     }
-    function N() {
-      j(), y(), b();
+    function M() {
+      V(), y(), b();
     }
     return G(
       () => o.modelValue,
       () => {
-        p.value && N();
+        p.value && M();
       },
       { immediate: !0 }
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), (S, P) => (c(), v("div", Fi, [
-      S.$slots.default ? (c(), L(ze, {
+    }), (j, P) => (c(), v("div", Fi, [
+      j.$slots.default ? (c(), L(ze, {
         key: 0,
-        id: S.name,
+        id: j.name,
         class: "joy-tags-input__label"
       }, {
         default: z(() => [
-          _(S.$slots, "default", {}, void 0, !0)
+          _(j.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : w("", !0),
@@ -6703,31 +6708,31 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), v(H, null, U(i.value, (O) => (c(), L(vo, {
-          key: O,
-          variant: S.variant,
+        (c(!0), v(H, null, U(i.value, (F) => (c(), L(vo, {
+          key: F,
+          variant: j.variant,
           removable: !0,
-          size: S.size,
-          label: O,
-          value: O,
-          onRemove: M
+          size: j.size,
+          label: F,
+          value: F,
+          onRemove: O
         }, {
           default: z(() => [
-            _(S.$slots, "tag", W({ ref_for: !0 }, { name: O }), void 0, !0)
+            _(j.$slots, "tag", W({ ref_for: !0 }, { name: F }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
         h("input", {
-          id: S.name,
+          id: j.name,
           ref_key: "inputEl",
           ref: r,
           "data-joy-form-field": "",
           type: "text",
-          name: S.name,
-          placeholder: S.placeholder,
+          name: j.name,
+          placeholder: j.placeholder,
           onKeydown: k,
           onFocus: E,
-          onBlur: A
+          onBlur: B
         }, null, 40, Di)
       ], 2),
       m.value ? (c(), L(yt, {
@@ -6736,15 +6741,15 @@ const Fi = { class: "joy-tags-input__wrapper" }, Di = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), v("li", Ri, J(S.duplicationError), 1)) : w("", !0),
-            u.value ? (c(), v("li", Ni, J(S.invalidEmailError), 1)) : w("", !0)
+            f.value ? (c(), v("li", Ri, J(j.duplicationError), 1)) : w("", !0),
+            u.value ? (c(), v("li", Ni, J(j.invalidEmailError), 1)) : w("", !0)
           ])
         ]),
         _: 1
       })) : w("", !0)
     ]));
   }
-}), Bu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ B({
+}), Bu = /* @__PURE__ */ x(qi, [["__scopeId", "data-v-97e5c238"]]), Hi = /* @__PURE__ */ A({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6852,7 +6857,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, ls = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, as = /* @__PURE__ */ B({
+}, as = /* @__PURE__ */ A({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6923,7 +6928,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : w("", !0)
     ], 2));
   }
-}), xu = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8e1d59ca"]]), rs = /* @__PURE__ */ B({
+}), xu = /* @__PURE__ */ x(as, [["__scopeId", "data-v-8e1d59ca"]]), rs = /* @__PURE__ */ A({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6952,7 +6957,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   class: "joy-textarea_helpers"
 }, cs = {
   inheritAttrs: !1
-}, fs = /* @__PURE__ */ B({
+}, fs = /* @__PURE__ */ A({
   ...cs,
   __name: "VJoyTextarea",
   props: {
@@ -7012,9 +7017,9 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = Y(), a = C(), { triggerResize: r } = Tn({
+    const o = l, n = e, i = Y(), a = S(), { triggerResize: r } = Tn({
       element: n.autogrow ? a : void 0
-    }), s = C(!1), d = C(!1);
+    }), s = S(!1), d = S(!1);
     Yt(a, n.autofocus);
     const p = T(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), u = T(() => n.minlength ? n.modelValue.length < n.minlength : !1), f = T(() => !!(n.label || i.default)), m = {
       onInput: (y) => {
@@ -7068,7 +7073,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       }, {
         default: z(() => [
           _(y.$slots, "default", {}, () => [
-            F(J(e.label), 1)
+            D(J(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -7106,7 +7111,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
             color: "neutral",
             size: "xxsmall"
           })),
-          F(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          D(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : w("", !0),
         e.maxlength ? (c(), v("p", {
           key: 1,
@@ -7115,7 +7120,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       ])) : w("", !0)
     ], 10, is));
   }
-}), zu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-26da9592"]]), ps = /* @__PURE__ */ B({
+}), zu = /* @__PURE__ */ x(fs, [["__scopeId", "data-v-26da9592"]]), ps = /* @__PURE__ */ A({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7131,7 +7136,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }), Ju = /* @__PURE__ */ x(ps, [["__scopeId", "data-v-f63a2545"]]), ys = { class: "joy-toggle__wrapper" }, ms = ["name", "disabled", "checked", "required", "aria-checked", "value"], vs = { class: "joy-toggle__symbol" }, hs = { class: "joy-toggle__symbol-bubble" }, gs = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, bs = { class: "joy-toggle__content-label" }, _s = /* @__PURE__ */ B({
+}, bs = { class: "joy-toggle__content-label" }, _s = /* @__PURE__ */ A({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7178,7 +7183,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   setup(e, { emit: t }) {
     const l = t;
     Y();
-    const o = C(!1), n = {
+    const o = S(!1), n = {
       onChange: (i) => {
         const a = i.target.checked;
         l("update:modelValue", a);
@@ -7248,14 +7253,14 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           ]),
           h("span", bs, [
             _(i.$slots, "default", {}, () => [
-              F(J(e.label), 1)
+              D(J(e.label), 1)
             ], !0)
           ])
         ], 2)
       ], 2)
     ]));
   }
-}), Pu = /* @__PURE__ */ x(_s, [["__scopeId", "data-v-fbe68c0d"]]), ws = { class: "joy-user-card__picture" }, js = { class: "joy-user-card__informations" }, ks = { class: "joy-user-card__title" }, $s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ B({
+}), Pu = /* @__PURE__ */ x(_s, [["__scopeId", "data-v-fbe68c0d"]]), ws = { class: "joy-user-card__picture" }, js = { class: "joy-user-card__informations" }, ks = { class: "joy-user-card__title" }, $s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ A({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7290,7 +7295,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
       default: z(() => [
         h("div", ws, [
           _(t.$slots, "user-card-avatar", {}, () => [
-            R(nn, {
+            N(nn, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
@@ -7299,12 +7304,12 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
         h("div", js, [
           h("p", ks, [
             _(t.$slots, "user-card-title", {}, () => [
-              F(J(e.fullName), 1)
+              D(J(e.fullName), 1)
             ], !0)
           ]),
           h("p", $s, [
             _(t.$slots, "user-card-subtitle", {}, () => [
-              F(J(e.subTitle), 1)
+              D(J(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
@@ -7327,7 +7332,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, Ts = {
   key: 1,
   class: "joy-pl-3"
-}, Ls = /* @__PURE__ */ B({
+}, Ls = /* @__PURE__ */ A({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7336,7 +7341,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
     open: { type: Boolean }
   },
   setup(e) {
-    const l = C(e.open);
+    const l = S(e.open);
     return (o, n) => {
       const i = ut("joy-ripple");
       return Ye((c(), v("button", W(o.$attrs, {
@@ -7354,7 +7359,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           o.title ? (c(), v("span", Vs, J(o.title), 1)) : w("", !0),
           o.subtitle ? (c(), v("span", Ts, J(o.subtitle), 1)) : w("", !0)
         ]),
-        R(q, {
+        N(q, {
           class: "joy-ml-3",
           color: "white",
           name: l.value ? "chevron-down" : "chevron-up"
@@ -7373,7 +7378,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
 }, Ps = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Ms = /* @__PURE__ */ B({
+}, Ms = /* @__PURE__ */ A({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7388,7 +7393,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l;
     let i = null;
-    const a = C(o.open), r = C(!1);
+    const a = S(o.open), r = S(!1);
     function s() {
       a.value ? u() : a.value = !0;
     }
@@ -7420,7 +7425,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
         a.value ? (c(), v("div", W({ key: 0 }, f.$attrs, {
           class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": r.value }]
         }), [
-          R(re, {
+          N(re, {
             "no-margin": "",
             role: "button",
             class: "joy-walkthrough-modal__header joy-pt-5 joy-pl-6 joy-pb-5 joy-pr-6 joy-bgcolor-neutral-60",
@@ -7432,14 +7437,14 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
                 color: "white",
                 name: f.triggerIcon
               }, null, 8, ["name"])) : w("", !0),
-              R(re, {
+              N(re, {
                 justify: "space-between",
                 class: "joy-walkthrough-modal__title",
                 "no-margin": ""
               }, {
                 default: z(() => [
-                  F(J(f.triggerTitle) + " ", 1),
-                  R(q, {
+                  D(J(f.triggerTitle) + " ", 1),
+                  N(q, {
                     color: "white",
                     name: a.value ? "chevron-down" : "chevron-up"
                   }, null, 8, ["name"])
@@ -7452,7 +7457,7 @@ const Yi = /* @__PURE__ */ x(Wi, [["render", Gi], ["__scopeId", "data-v-da63aa46
           h("div", {
             class: I(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": f.footer }])
           }, [
-            R(re, {
+            N(re, {
               "no-margin": "",
               wrap: "nowrap"
             }, {